.sr_only {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.csize {margin-left:4.1666%; margin-right:4.1666%;}

#wrap {overflow:hidden;}
#main {}
#top_ban {position:relative; top:0; left:0; width:100%; z-index:1000;}
#top_ban img {display:block; width:100%;}
#header {position:relative; top:0; left:0; z-index:1111000; width:100%; background:#fff;}
/*20250201�섏젙*/
#header * {font-family:"Pretendard Variable", "Noto Sans KR", sans-serif;}
#header_top {}
#header_top .csize {display:flex; align-items:center; justify-content:space-between; height:62px;}
.logo a {display:block; width:145px; height:27px; background:url('../../images/new/logo.jpg') no-repeat center/contain;}
.top_util {display:flex; align-items:center;}
#header_top .mem_link {display:flex; align-items:center; margin-right:10px;}
#header_top .mem_link a {padding-bottom:1px; font-size:15px; color:#222222; line-height:22px;}
#header_top .mem_link li+li {margin-left:10px;}
#header_top .mem_link li:last-child a {display:block; padding:0 8px; border-radius:3px; color:#fff; background:#2055c1;}
.btn_menu {width:22px; height:20px; border:0; background:url('../../images/new/icon_menu.png') no-repeat center/contain;}

#header_bottom .q_link {display:flex; background:#fff;border-top: 1px solid #C2C2C2;border-bottom: 1px solid #C2C2C2}
#header_bottom .q_link li {width:25%;}
#header_bottom .q_link li a {display:block; font-size:14px; line-height:35px; text-align:center; color:#010101;font-weight:bold;}
#header_bottom .q_link li:nth-child(4) a {color:#3A6DFF; }

#side_menu {overflow-y:auto; position:fixed; top:0; left:100%; z-index:1110000; width:100%; height:100%; z-index:1000; background:#fff; transition:left 0.4s;}
#side_menu.open {left:0;}
#side_menu .top .csize {display:flex; align-items:center; justify-content:space-between; height:62px;}
.btn_menu_close {border:0; width:18px; height:18px; background:url('../../images/new/icon_close.jpg') no-repeat center/contain;}
#side_menu .mem_link {display:flex; align-items:center; justify-content:center; padding:6px 0; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background:#f8f8f8;}
#side_menu .mem_link li {padding:0 9px;}
#side_menu .mem_link a {display:block; padding:0 10px; font-size:15px; color:#222222; line-height:25px;}
#side_menu .mem_link li:nth-child(2) a {padding-bottom:1px; border-radius:3px; font-size:15px; color:#fff; line-height:22px; background:#2055c1;}
#side_menu .m_link {display:flex;}
#side_menu .m_link li {flex:1;}
#side_menu .m_link li+li {border-left:1px solid #d4d4d4;}
#side_menu .m_link a {display:block; padding:4.1666vw 0; font-size:15px; color:#222222; font-weight:500; text-align:center;}
#side_menu .m_link a::before {display:block; width:11.1111vw; height:11.1111vw; margin:0 auto 1vw; background:url('../../images/new/icon_m_link.jpg') no-repeat; background-size:100% auto; content:'';}
#side_menu .m_link li:nth-child(1) a::before {background-position:0 0;}
#side_menu .m_link li:nth-child(2) a::before {background-position:0 10%;}
#side_menu .m_link li:nth-child(3) a::before {background-position:0 20%;}
#side_menu .m_link li:nth-child(4) a::before {background-position:0 30%;}

#gnb h3 {font-size:18px; color:#fff; font-weight:500; text-align:center; line-height:2.1111; background:#2055c1;}
.gnb_list {position:relative;}
.gnb_list > li {border-bottom:1px solid #d4d4d4}
.gnb_list > li.has_child {width:50%; border-right:1px solid #d4d4d4;}
.gnb_list > li > a {display:block; position:relative; padding-left:8.6111vw; font-size:17px; font-weight:500; color:#222222; line-height:2.352;  white-space:nowrap; background:#f8f8f8;}
.gnb_list > li > a::before {position:absolute; top:50%; left:5.13888vw; width:3px; height:3px; margin-top:-1px; border-radius:100%; background:#999999; content:'';}
.gnb_list .sub {display:none; position:absolute; top:0; left:50%; width:50%; padding-top:5px;}
.gnb_list .sub a {display:block; padding-left:18px; line-height:2.2; font-size:15px; color:#222; white-space:nowrap;}
.gnb_list > li.on {border-right:0;}
.gnb_list > li.on > a {background-color:#fff;}
.gnb_list > li.on .sub {display:block;}

.sns_link {display:flex; align-items:center; justify-content:center; margin:20px 0 33px;}
.sns_link li+li {margin-left:11px;}
.sns_link a {display:block; overflow:hidden; width:55px; height:55px; text-indent:-999px; background:url('../../images/new/icon_sns01.jpg') no-repeat center/contain;}
.sns_link li:nth-child(1) a {background-image:url('../../images/new/icon_sns01.jpg');}
.sns_link li:nth-child(2) a {background-image:url('../../images/new/icon_sns02.jpg');}
.sns_link li:nth-child(3) a {background-image:url('../../images/new/icon_sns03.jpg');}

.contact_info {display:flex; background:#f3f4f8;}
.contact_info > div {flex:1; padding:7.638vw 0 7.638vw 4.1666vw; font-size:3.6vw; line-height:1.3846;}
.contact_info h3 {font-size:3.8888vw; font-weight:700;}
.contact_info .st {margin:0.5vw 0 3.5vw; font-size:5.555vw; font-weight:700; color:#55fffc;}
.contact_info strong {font-weight:500;}
.customer {color:#fff; background:#0c2d5f;}
.customer h3 {color:#fff;}
.account {color:#222222;}
.account h3 {color:#222222;}
.account .st {color:#2055c1;}

.swiper-button-prev::after,
.swiper-button-next::after {display:none;}

#main_swiper img {display:block; width:100%;}
#main_swiper .controls {position:relative; height:11.1111vw; background:#12131a;}
#main_swiper .swiper-button-prev,
#main_swiper .swiper-button-next {top:0; width:11.1111vw; height:100%; margin:0; border-right:1px solid #4e4e51; background:url('../../images/new/icon_main_swiper_arr.png') no-repeat center; background-size:2.7777vw auto;}
#main_swiper .swiper-button-prev {left:0px;}
#main_swiper .swiper-button-next {right:0px; transform:rotate(180deg);}
#main_swiper .swiper-pagination {display:flex; align-items:center; justify-content:center; position:relative; top:auto; left:auto; right:auto; bottom:auto; height:100%; font-size:0; margin:0; padding:0;}
#main_swiper .swiper-pagination-bullet {width:3.0555vw; height:3.0555vw; margin:0 2.0333vw; border-radius:100%; background:#5a5a5f; content:''; transition:all 0.4s;}
#main_swiper .swiper-pagination-bullet-active {background:#fff;}

.main_search {overflow:hidden; position:relative; margin-top:5.555vw; border:1px solid #2055c1;}
.main_search .fbox {display:flex;}
/*20250201�섏젙*/
.main_search input[type="text"] {flex:1; min-width:0; width:100%; height:9.7222vw; padding-left:4.1666vw; border:0; font-family: "Pretendard Variable", "Noto Sans KR", sans-serif; font-size:4.1666vw; color:#848484;}
.main_search input[type="text"]:focus {border:0; outline: none;}
.main_search .btn_submit {display:block; width:15vw; cursor:pointer; border:0; text-indent:-999px; background:url('../../images/new/icon_search.png') #2055c1 no-repeat center; background-size:5.555vw auto;}

.section_mt {margin-top:10vw;}
.section_pd {padding:10vw 0;}
/*20250201�섏젙*/
#main_contents * {font-family: "Pretendard Variable", "Noto Sans KR", sans-serif;}

.mtit01 {display:flex; align-items:center; margin-bottom:5.55vw; font-size:5.55vw; font-weight:700; color:#222222; line-height:1; letter-spacing:-0.04em;}
.mtit01 span {position:relative; top:-0.1vw;}
.mtit01.center {justify-content:center;}
.icon_tit_total {width:6.25vw; height:5.55vw; background:url('../../images/new/icon_tit_total.png') no-repeat 0 center; background-size:4.583vw auto;}
.icon_tit_best {width:6.25vw; height:5.55vw; background:url('../../images/new/icon_tit_best.png') no-repeat 0 center; background-size:4.583vw auto;}
.icon_tit_new {width:6.25vw; height:5.55vw; background:url('../../images/new/icon_tit_new.png') no-repeat 0 center; background-size:4.583vw auto;}
.stit {margin:-2.777vw 0 5.555vw; font-size:3.8888vw; color:#848484; line-height:1.2857;}
.fc_blue {color:#2055c1 !important;}

.mtit02 {position:relative; margin-bottom:5.555vw; padding-left:3.75vw; font-size:5.555vw; font-weight:700; color:#222222; line-height:1;}
.mtit02::before {position:absolute; top:50%; left:0; border-radius:0.5vw; width:0.9722vw; height:4.7222vw; margin-top:-1.8vw; background:#2055c1; content:'';}


#total_course ul {display:flex; flex-wrap:wrap; margin:-2.083vw -0.8333vw; text-align:center;}
#total_course li {width:25%; padding:2.083vw 0.8333vw; box-sizing:border-box;}
#total_course a {display:block; position:relative; font-size:3.333vw; color:#222222; font-weight:500; line-height:1; transition:all 0.4s;}
#total_course a::before {display:block; height:15.27777vw; margin-bottom:1.1111vw; border-radius:2.08333vw; background:url('../../images/new/total_course_icon.png') no-repeat #f8f8f9; background-size:15.27777vw auto; content:''; transition:all 0.4s;}
#total_course li:nth-child(1) a::before {background-position:center 0%;}
#total_course li:nth-child(2) a::before {background-position:center 5%;}
#total_course li:nth-child(3) a::before {background-position:center 10%;}
#total_course li:nth-child(4) a::before {background-position:center 15%;}
#total_course li:nth-child(5) a::before {background-position:center 20%;}
#total_course li:nth-child(6) a::before {background-position:center 25%;}
#total_course li:nth-child(7) a::before {background-position:center 30%;}
#total_course li:nth-child(8) a::before {background-position:center 35%;}
#total_course li:nth-child(9) a::before {background-position:center 40%;}
#total_course li:nth-child(10) a::before {background-position:center 45%;}
#total_course li:nth-child(11) a::before {background-position:center 50%;}
#total_course li:nth-child(12) a::before {background-position:center 55%;}


#best_course .csize {}
#best_course_swiper {position:relative;}
#best_course_swiper .swiper-slide {width:40.8333vw;}
#best_course_swiper a {display:block; position:relative; font-size:4.16666vw; color:#222222; font-weight:500; line-height:1; text-align:center;}
#best_course_swiper .img {overflow:hidden; position:relative; margin-bottom:2.083333vw; margin-right:2.7777vw; border-radius:2.083333vw;}
#best_course_swiper .img img {display:block; width:100%;}


#new_course {position:relative; background:#f3f4f8;}
#new_course .csize {}
#new_course .stit {padding-left:0; font-size:3vw; color:#848484;}
#new_course_swiper {position:relative; text-align:center;}
#new_course_swiper .swiper-slide {width:40.8333vw;}
#new_course_swiper .img {overflow:hidden; position:relative; margin-bottom:2.083333vw; margin-right:2.7777vw; border-radius:2.083333vw;}
#new_course_swiper a {display:block; font-size:4.16666vw; color:#222222; font-weight:500; line-height:1; text-align:center;}
#new_course_swiper .img img {display:block; width:100%;}


#section01 {}
#section01 .csize {}
#main_ban01 {position:relative;}
#section01 .swiper-container {padding-left:1px; padding-bottom:2vw;}
#section01 .swiper-slide {width:73.6111vw; height:auto;}
#section01 .swiper-slide > div {overflow:hidden; height:100%; margin-right:4.1666vw; border-radius:2.083333vw; border:1px solid #d4d4d4; background:#fff; box-shadow: 0.7vw 0.7vw 0.7vw rgba(0,0,0,0.1);}
#section01 .tcont {padding:4.1666vw; font-size:3.6111vw; color:#777777; line-height:1.3846;}
#section01 .tcont strong {display:block; font-size:4.444vw; color:#222222; font-weight:700; line-height:1.3125; letter-spacing:-0.04em; word-break:keep-all;}
#section01 .tcont > div {margin-top:2.777vw; letter-spacing:-0.06em; word-break:keep-all;}
#section01 img {width:100%;}



#section02 .board h2 {}
#section02 .board {position:relative; flex:1; min-width:0;}
#section02 .btn_link {position:absolute; top:0; right:0; padding-right:7.2vw; font-size:4.1666vw; font-weight:400; color:#222222;}
#section02 .btn_link::after {position:absolute; top:50%; right:0; width:5.2777vw; height:5.2777vw; margin-top:-2.63885vw; border-radius:100%; border:1px solid #d4d4d4; background:url('../../images/new/icon_more.png') no-repeat center; background-size:2.22vw auto; content:'';}
.boared_swiper {margin-top:4.1666vw; border-top:1px solid #d4d4d4;}
.boared_swiper .swiper-container {height:75vw; margin-top:3.5vw;}
.boared_swiper .swiper-container2 {height:40vw; margin-top:3.5vw;}
.boared_swiper .swiper-slide {display:flex; align-items:center; height:15vw;}
.boared_swiper .inbox a {display:flex; align-items:center; overflow:hidden; min-width:0; position:relative; padding-left:3.8888vw; font-size:4.4444vw; line-height:1.3125; color:#222222; letter-spacing:-0.04em; transition:color 0.4s;}
.boared_swiper .inbox a::before {position:absolute; top:50%; left:0.97222vw ; width:0.5555vw; height:0.5555vw; border-radius:100%; background:#4c4c4c; content:'';}
.boared_swiper .inbox a img {width:4.1666vw; margin-left:2.083333vw;}
.boared_swiper .inbox .date {display:block; padding-left:3.8888vw; font-size:4.4444vw; line-height:1.3125; color:#999999;}

#boared_swiper02 .swiper-container {height:59.5vw;}
#boared_swiper02 .swiper-slide {height:8.5vw;}


#process {text-align:center; background:#f3f4f8;}
#process_swiper .swiper-slide {width:41.9444vw;}
#process_swiper .inbox {width:37.777vw; height:37.777vw; padding-top:20.41666vw; border:2px solid #cbccd1; border-radius:100%; box-sizing:border-box; background:url('../../images/new/process_icon.png') no-repeat; background-size:100% auto;}
#process_swiper .s01 .inbox {background-position:center 0;}
#process_swiper .s02 .inbox {background-position:center 10%;}
#process_swiper .s03 .inbox {background-position:center 20%;}
#process_swiper .s04 .inbox {background-position:center 30%;}
#process_swiper .s05 .inbox {background-position:center 40%;}
#process_swiper .inbox span {display:block; font-size:4.1666vw; font-weight:500; line-height:1; color:#9e9fa5; transition:all 0.4s;}
#process_swiper .inbox strong {display:block; margin-top:1.6666vw; font-size:4.1666vw; font-weight:700; line-height:1; color:#9e9fa5; transition:all 0.4s;}
#process_swiper .swiper-slide-active .inbox,
#process_swiper .swiper-slide-duplicate-active .inbox {background-image:url('../../images/new/process_icon_on.png')}
#process_swiper .swiper-slide-active span,
#process_swiper .swiper-slide-duplicate-active span {color:#2055c1;}
#process_swiper .swiper-slide-active strong,
#process_swiper .swiper-slide-duplicate-active strong {color:#222222;}
#process .btn_more {display:inline-block; margin-top:5.5555vw; padding-left:6.527vw; padding-right:12.5vw; padding-bottom:0.2vw; border-radius:4.2vw; font-size:4.1666vw; font-weight:700; color:#fff; line-height:8.3333vw; background:url('../../images/new/process_btn_arr.png') #2055c1 no-repeat right 6.3888vw center; background-size:4.7222vw auto; transition:all 0.4s;}


#ncs_news {text-align:center;}
#ncs_news .img {overflow:hidden; position:relative; border-radius:3.0555vw;}
#ncs_news .img img {display:block; width:100%;}
#ncs_news .img strong {position:absolute; left:0; right:0; bottom:5.555vw; z-index:10; font-size:4.7222vw; font-weight:700; color:#fff; line-height:1.2352;}
#ncs_news li+li {margin-top:6.9444vw;}
#ncs_news .tcont {margin-top:4.1666vw; font-size:3.888vw; line-height:1.5}
#ncs_news .sinfo {display:flex; align-items:center; justify-content:center; margin-top:4.1666vw; color:#9e9fa5;}
#ncs_news .sinfo span {position:relative; padding:0 2.222vw;}
#ncs_news .sinfo span+span::before {position:absolute;top:50%; left:0; width:1px; height:3.4vw; margin-top:-1.7vw; background:#9e9fa5; content:'';}


#section03 {text-align:center; background:#fff;}
#section03 .csize {}
#section03 .swiper-container {}
#section03 .swiper-container {padding-bottom:1vw;}
#section03 .swiper-slide {width:56.6666vw; height:auto;}
#section03 .inbox {overflow:hidden; margin-right:4.1666vw; border-radius:2.083333vw; border:1px solid #d4d4d4; background:#fff; box-shadow: 0.7vw 0.7vw 0.7vw rgba(0,0,0,0.1);}
#section03 .img {margin:2.7777vw 2.7777vw 0;}
#section03 .tcont {padding:2.7777vw 4.1666vw 6.25vw; font-size:4.1666vw; color:#222222; line-height:1.3; letter-spacing:-0.04em; text-align:center; font-weight:700;}
#section03 .tcont span {display:block; color:#2055c1; font-weight:700;}
#section03 .tcont strong {font-size:5.2777vw;}
#section03 img {width:100%;}


#section04 {padding:12.5vw 0; font-size:3.8888vw; text-align:center; color:#fff; background:url('../../images/new/section04_bg.jpg') no-repeat center/cover;}
#section04 .mtit01 {margin-top:2.08333vw; font-size:5vw; color:#fff;}
#section04 .btn_more {display:inline-block; margin-top:5.5555vw; padding-left:6.527vw; padding-right:12.5vw; padding-bottom:0.2vw; border-radius:4.2vw; font-size:4.1666vw; font-weight:700; color:#222222; line-height:8.3333vw; background:url('../../images/new/section04_btn_arr.png') #fff no-repeat right 6.3888vw center; background-size:4.7222vw auto; transition:all 0.4s;}



#fban_swiper .swiper-container {padding-left:5.555vw;}
#fban_swiper .swiper-slide {width:auto; text-align:center;}
#fban_swiper .swiper-slide img {height:13.8888vw; margin-right:5.555vw;}


#footer {padding:8.333vw 0 27.777vw; background:#363b44;}
/*20250201�섏젙*/
#footer * {font-family: "Pretendard Variable", "Noto Sans KR", sans-serif;}
#footer .fcont {display:none; margin-top:5.55vw; font-size:3.0555vw; color:#ffffff; line-height:1.3636;}
#footer .fmenu {display:flex; margin:5.555vw 0;}
#footer .fmenu li {position:relative; margin-right:5vw;}
#footer .fmenu a {display:block; font-size:3.6111vw; font-weight:500; color:#fff; line-height:1.2; letter-spacing:-0.04em;}
#footer .blogo {display:block; position:relative; width:56.9444vw; height:7.916vw; background:url('../../images/new/blogo.png') no-repeat 0 center/contain;}
#footer .blogo::after {position:absolute; top:0; right:0; width:2.5vw; height:100%; transform:rotate(0deg); background:url('../../images/new/icon_footer_arr.png') no-repeat center/contain; content:'';}
#footer .copyright {margin-top:4.1666vw; font-size:3.0555vw; color:#ffffff; line-height:1.3636;}
#footer.open .blogo::after {transform:rotate(180deg);}

#quick {position:fixed; display: flex; left:0; bottom:0; z-index:1000; width:100%; box-shadow: 0 0 1.5vw rgba(0,0,0,0.1); background:#fff;}
/*20250201�섏젙*/
#quick * {font-family: "Pretendard Variable", "Noto Sans KR", sans-serif;}
#quick a {width: 25%; border: 1px solid #DBDBDB; padding: 10px 0;}
#quick a img{height: 30px; width: 30px; margin-bottom: 3px;}

#quick ul {display:flex; height:19.4444vw;}
#quick li {width:25%}
#quick a {display:block; font-size:3.6111vw; color:#222222;
    font-weight:500; text-align:center; box-sizing:border-box; background-size:19.4444vw auto}
#quick li:nth-child(even) a {background-color:#f5f5f5}
#quick li:nth-child(1) a {background-position:center 0;}
#quick li:nth-child(2) a {background-position:center 10%;}
#quick li:nth-child(3) a {background-position:center 20%;}
#quick li:nth-child(4) a {background-position:center 30%;}
#quick li:nth-child(5) a {background-position:center 40%;}