@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
@import url('/html/css/color_theme.css');
@import url('/html/css/tooltip.css');

div, p {font-weight:400;}
strong, b {font-weight:500;}
.ver_mobile { display:none !important;}
.ver_pc { display:block !important;}
.br_mobile { display:none !important;}
.br_pc { display:block !important;}

h2, h3 {font-weight:600;}
h4 {font-weight:600 !important;}

#header .member_util li{position:relative;border:none !important;}
#header .member_util li a {margin-left:-20px !important;border:none !important;}
#header .member_util li.search a {width:20px !important; margin-left:0px !important;}

.tooltip { position: absolute;top:12px;left:-100%; margin-left:15px;z-index: 1070; display: block; padding: 0 5px; font-weight: 400; line-height: 1.42857143;   font-size: 12px; 
animation: animationFrames linear 2.5s; animation-iteration-count: infinite; transform-origin: 50% 50%;-webkit-animation: animationFrames linear 2.5s; -webkit-animation-iteration-count: infinite; -webkit-transform-origin: 50% 50%;}
.tooltip .tooltip-arrow {display:inline-block;position: absolute;top: 50%; right: 0px !important; margin-top: -5px; width: 0;height: 0; border-color: transparent;border-style: solid; border-width: 5px 0 5px 5px;border-left-color: #f75937;}
.tooltip .tooltip-inner {background-color: #f75937 !important; color: #fff !important; width:auto;min-width: auto;max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; white-space: nowrap;}
.fade {opacity:1;-webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear}

#gnb {margin-left:0px !important;transform:translateX(-50%) !important;}
#gnb > ul {display:flex; flex-wrap:nowrap;}
#gnb > ul.depth {display:inline-block;}
#gnb > ul > li.dep_tit {margin: 0 25px !important;}
#gnb > ul > li.dep_tit > a {position:relative;}
#gnb > ul > li.dep_tit > a i{ margin-left:5px;float:right;width:20px;height:20px;border-radius:50%;background:#f22b2b; font-style:normal;color:#fff;font-size:10px;text-align:center;line-height:20px;}
#gnb > ul > li.dep_tit:hover > a {font-weight:bold !important;}
#gnb .one_depth {left:50% !important;transform:translateX(-50%) !important;}
#gnb .one_depth::after {display:none !important;}
#gnb .depth {top:45px !important; width:240px !important;border-radius:10px !important; box-shadow:0px 0px 5px rgba(0,0,0,0.1) !important;}
#gnb > ul > li.dep_tit:hover::before {content:''; position:absolute; top:-38px;left:0px; width:100%;height:2px;background:#234ba0;}
#gnb .depth a:hover { font-weight:600 !important;}

/**** Footer ****/
#footer {background:#fff !important; padding:0px 0px !important;border-top:1px solid #ddd !important;}
#footer .foot_top {padding:0px !important; border-bottom:1px solid #ddd !important;margin:0px !important;}
#footer .foot_top a {position:relative;display:inline-block !important;font-size:14px; color:#333 !important; padding:15px !important; margin-right:0px !important;}
#footer .foot_top a:first-child {padding-left:0px !important;}
#footer .foot_top a::after { content: ''; width: 1px;height: 8px;background: #cdd0d4;position: absolute;right: 0;top: 50%;transform:translateY(-50%);}
#footer .foot_top a:last-child::after {display:none !important;}
#footer .foot_bottom {padding:30px 0px !important; color:#666 !important;  font-size:14px !important;}

.float_banner {position:fixed;left:0px;bottom:0px;text-align:center;display:inline-block; width:100%;background:#3b3cf6; z-index:1000 !important; }
.float_banner a {display:block;max-width:1230px;text-align:center;margin:0px auto; }
.float_banner a img { max-width:100% !important;}

.quick {width:130px !important;right:auto !important; left:30px !important; z-index:99999999 !important; }
.quick .topBtn {background-color:#007bff !important; margin-top:10px !important;}
.quick .quick_in {border:none !important; padding:10px !important; background:none !important; }
.quick .quick_in h4 {display:none !important;}
.quick .quick_in .imgCont a {border-radius:50% !important;box-shadow:0px 5px 10px rgba(0,0,0,0.2) !important;}

.lnb .dropLst > a i,
.lnb .box .dropLst li a i {display:none !important;}

h3.title {font-size:2.5rem !important; font-weight:300 !important;line-height:140% !important;letter-spacing:-0.07em !important;}
h3.title.title_w {color:#fff !important;}
h3.title b {font-size:3rem !important; font-weight:600 !important;}
h3.title i { font-style:normal !important; position:relative  !important;}
h3.title i:before {content:''; position:absolute;left:0px;bottom:0px;background:#21fc1c; width:100%;height:25px; z-index: -99 !important;}
h3.title span {color:#5aff89 !important;}
h3.title span.s2 {color:#33bb3c !important;}
h4 {font-weight:600 !important;}
img {max-width:100% !important;}

#topBanner { position:relative; width:100%;min-height:80px;background-position:50% 50% !important;background-size:cover !important;}
#topBanner .top_txt {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:850px; padding:15px 0px !important; padding-left:30px;}
#topBanner .top_txt h3 {font-size:1.5rem !important;line-height:200% !important; font-weight:normal !important; letter-spacing:-0.05em;}
#topBanner .top_txt h3 span {display:inline-block !important;font-size:0.6em !important; padding:5px 10px !important;border:1px #fff solid !important;border-radius:40px; transform:translateY(-4px);} 
#topBanner .top_txt h3 b {font-weight:800 !important;}
#topBanner .top_txt dl dt,  
#topBanner .top_txt dl dd {padding:15px 10px !important;font-size:1.1rem !important;}
#topBanner .top_txt dl dt {background:rgba(0,0,0,0.4) !important;}
#topBanner .top_txt dl dd {background:rgba(255,255,255,0.15); width:45px !important;}
#topBanner .top_txt dl dd.hipen::after {font-size:1.0em !important; top:50% !important;transform:translateY(-50%);}

#visual  {z-index:1 !important;}
#visual .slick-prev, 
#visual .slick-next {display:inline-block !important;opacity:1; border:none !important;width:60px !important; height:100px !important;opacity:0.4 !important; background-size:contain !important;}
#visual .slick-prev:hover, 
#visual .slick-next:hover { opacity:1 !important;}
#visual .slick-prev {left:60px !important;margin:0px !important;background:url('/html/images/common/arrow_left_b.png') no-repeat center !important;background-size:contain !important;}
#visual .slick-next {right:60px !important;margin:0px !important;background:url('/html/images/common/arrow_right_b.png') no-repeat center !important;background-size:contain !important;}
#visual .text_area {display:none !important;}
#visual .section {left:0% !important;right:auto !important; width:100% !important; margin:0px !important; height:100%; background-size:auto 100% !important; background-position:center center !important;}
#visual .slick-dots {display:none !important;}

/**** 수강생 ****/
.students-container {width:100%;overflow:hidden;}
.link-banner-container {display: flex; width:1080px; margin: 0 auto; align-items: center; justify-content: space-between;}
@-webkit-keyframes bg-scrolling-reverse {
    100% {background-position: 2114px 0;}
}
@keyframes bg-scrolling-reverse {
    100% {background-position: 2114px 0;}
}
@-webkit-keyframes bg-scrolling {
    0% {background-position: 1850px 0;}
}
@keyframes bg-scrolling {
    0% {background-position: 1850px 0;}
}
.students_scroll_left {width: 100vw;height: 110px;background: url('/html/images/common/students_img01.png') repeat 0 0;background-size:auto 100%; !important;
    -webkit-animation: bg-scrolling 40s infinite;animation: bg-scrolling 40s infinite; -webkit-animation-timing-function: linear;animation-timing-function: linear;}

.students_scroll_right {width: 100vw; height: 110px;background: url('/html/images/common/students_img02.png') repeat 0 0;background-size:auto 100%; !important;
    -webkit-animation: bg-scrolling-reverse 40s infinite; animation: bg-scrolling-reverse 40s infinite; -webkit-animation-timing-function: linear;animation-timing-function: linear;}

.main_cont {text-align:center;}
/**** 솔루션 ****/
.main_solution {background: url('/html/images/common/main_solution_bg.jpg') 50% 50% no-repeat; background-size:cover;}
.main_solution h3.title {color:#fff !important;}
.main_solution_inner {margin-bottom:-30px;}
.main_solution_inner li {margin-bottom:40px; border-radius:30px;box-shadow:0px 10px 20px rgba(0,0,0,0.2);}
.main_solution_inner li img {border-radius:30px;}

/**** 수강신청 ****/
.main_enroll { padding:50px 0px !important;background: url('/html/images/common/main_enroll_bg.png') 50% 50% no-repeat; background-size:cover;}
.main_enroll h3.title {font-size:2.2rem !important;color:#fff !important; text-align:left !important; line-height:1.5 !important; margin:0px !important;}
.main_enroll h3.title b {font-size:2.8rem !important;}
a.btn_enroll {position:absolute;right:0px;bottom:10px;display:inline-block;width:auto;padding:0px 60px 0px 25px; line-height:45px !important; border-radius:40px; font-weight:500;border:1px #fff solid;color:#fff;background: url('/html/images/common/btn_arrow.png') 85% 50% no-repeat;transition:0.2s all ease-out}
a.btn_enroll:hover {background:#fff; color:#330f94;padding:0px 50px 0px 50px; }

/**** 효과보장 ****/
.main_effect {background:#2e3140 !important;}
.main_effect h3.title {color:#fff !important;}
.main_effect img {border-radius:30px;box-shadow:0px 10px 20px rgba(0,0,0,0.2);}

/**** 패키지 ****/
.w1000 {position: relative !important; margin: 0 auto !important;width: 100% !important; max-width:1000px !important;padding-left: 20px;padding-right: 20px; box-sizing: border-box;}
.main_package {background:#000 url('/html/images/common/main_package_bg.jpg') 50% 0% no-repeat; background-size:100% auto;}
.main_package h3.title {color:#fff !important;}
.main_package_inner {display:flex; justify-content:center;width:calc(100% + 25px); margin-right:-25px; }
.main_package_inner li {margin:0px 25px 0px 0px; transition:0.2s all ease-out}
.main_package_inner li a {position:relative;display:block;border-radius:30px;box-shadow:0px 10px 20px rgba(0,0,0,0.2); transition:0.3s all ease-out}
.main_package_inner li:hover {transform:translateY(-20px);}
.main_package_inner li.best_p a:before {content:''; position:absolute;right:18px;top:-10px; width:70px; height:90px;background:url('/html/images/common/label_best.png') no-repeat;background-size:100% auto !important; }
.main_package_inner li img {width:100% !important;border-radius:30px 30px 0px 0px;}
.main_package_inner li a b {display:inline-block;width:100%;height:70px;line-height:70px;background:#5b5d62; color:#fff;text-align:center;font-weight:600; font-size:28px;border-radius:0px 0px 30px 30px;  }
.main_package_inner li a:hover b {background:linear-gradient(to right bottom, #2dc570, #146cc9); }

.label {top: 0px;min-width: 50px !important;padding:0 10px !important;height: 30px !important;line-height: 30px !important;font-size:12px !important;}
.label > .label_b { top: -9px !important;}

.best { position:relative;background:#18284c url('/html/images/common/best_bg.jpg') 50% 0% no-repeat !important; background-size:100% auto !important;}
.best:before {content:'';position:absolute;left:0%;top:0px;width:calc(50% - 550px) !important;height:100%;background:linear-gradient(to right, rgb(24, 40, 76, 1), rgb(24, 40, 76, 0)); z-index:10;}
.best:after {content:'';position:absolute;right:0%;top:0px;width:calc(50% - 550px) !important;height:100%;background:linear-gradient(to left, rgb(24, 40, 76, 1), rgb(24, 40, 76, 0));z-index:10;}
.best h3.title {color:#fff !important;z-index:11;}
.best .slick-next, .best .slick-prev {display:none !important;}
.best_list .item {background:none !important; border:none !important;}
.best_list .item .img_box {position:relative !important;height:0px !important;padding-bottom:61.54% !important; border:none !important;border-radius:10px !important;}
.best_list .item .img_box > img {position:absolute !important;left:0px !important;top:0px !important;width:100% !important;height:100% !important; border-radius:10px !important;}
.best_list .item .con_box {border:none !important;padding:20px 0px 0px !important;}
.best_list .item .con_box h4 {color:#fff !important;line-height:130% !important; text-align:center !important;}
.best_list .item:hover .img_box::before {content:''; position:absolute;left:0px;top:0px;width:100%;height:100%;background:url('/html/images/common/thumb_arrow.png') 50% 50% no-repeat !important; background-size:cover !important; z-index:10 !important;}
.best_list .item,
.best_list .item.slick-active {opacity:1 !important; filter:none !important;}

.micro_list { justify-content:center !important;width:calc(100% + 40px) !important;margin:0px -40px -30px 0px !important; overflow:hidden;}
.micro_list dl {position:relative; width: calc((100% - 120px) / 3) !important; margin:0px 40px 40px 0px !important;}
.micro_list dl dt {position:relative !important;height:0px !important;padding-bottom:61.54% !important; border:none !important;border-radius:10px !important;}
.micro_list dl dt img {position:absolute !important;left:0px !important;top:0px !important;width:100% !important;height:100% !important; border-radius:10px !important;}
.micro_list dl dd  {color:#fff !important;font-weight:500 !important;line-height:130% !important; text-align:center !important;}
.micro_list dl:hover dt::before {content:''; position:absolute;left:0px;top:0px;width:100%;height:100%;background:url('/html/images/common/thumb_arrow.png') 50% 50% no-repeat !important; background-size:cover !important; z-index:10 !important;}

.photo_list .item { border:none !important; border-radius:10px !important;transition:0.3s all ease-out;}
.photo_list .item:hover {transform:translateY(-5px); !important;}
.photo_list .item .img_box {position:relative !important;width:100% !important;height:0px !important;padding-bottom:61.54% !important; border:none !important;border-radius:10px !important;}
.photo_list .item .img_box > img {position:absolute !important;left:0px !important;top:0px !important;width:100% !important;height:100% !important; border-radius:10px !important;}
.photo_list .item .con_box {padding:20px 0px !important;border-radius:0px !important;}
.photo_list .item .con_box span {margin:0px !important;font-size:15px !important;}
.photo_list .item .con_box .price strong {font-size:1rem !important;}
.photo_list .item .con_box h4 { font-size:1.25rem !important;color:#000 !important;margin-bottom: 15px !important;}
.photo_list .item .con_box ul {margin-bottom:5px !important;}
.photo_list .item .con_box ul li {margin:0px !important;}

.thum_list .item {padding:30px 0px !important;}
.thum_list .item .img_box {border:none !important;border-radius:10px !important; vertical-align:top !important;}
.thum_list .item .img_box a {display:block;position:relative !important;width:100% !important;height:0px !important;padding-bottom:61.54% !important; border:none !important;}
.thum_list .item .img_box a img {position:absolute !important;left:0px !important;top:0px !important;width:100% !important;height:100% !important; border-radius:10px !important;border:none !important;}
.thum_list .item .con_box {width: calc(100% - 230px) !important; padding-left: 30px !important;}
.thum_list .item .con_box h4 {font-size:1.45rem !important;margin-bottom: 20px !important;}
.thum_list .item .con_box p.stxt {line-height:1.5 !important;height:auto !important;max-height: 3.0rem !important;}
.thum_list .item .con_box ul {margin:10px 0px 0px !important;}
.thum_list .item .con_box .btn a {margin:10px 0px !important;}

.micro_list .item .img_box {position:relative !important;width:100% !important;height:0px !important;padding-bottom:61.54% !important; border:none !important;border-radius:10px !important;}
.micro_list .item .img_box > img {position:absolute !important;left:0px !important;top:0px !important;width:100% !important;height:100% !important; border-radius:10px !important;}

.photo_list .item .con_box .price strong,
.thum_list .item .con_box .price strong { color:#f8694b !important;}

.market_list .item {border:none !important; border-radius:10px !important;}
.market_list .item .con_box {padding:20px 0px !important;border-radius:0px !important;}
.market_list .item .img_box {border:1px #ddd solid !important;border-radius:20px !important; overflow:hidden;}


#visual_banner {position:relative !important;background-color: #fff !important; max-height:305px !important;}
#visual_banner::after {content: '';position: absolute;left:0px;top:0px;width: 100%;height:65px;background-color: #f1f4f9 !important;}
#visual_banner h2 {font-size:30px !important;line-height:100% !important;color:#000; text-align:center; padding-top:50px; }
#visual_banner .stickyMenu .lnb {height:25px !important;}
#visual_banner .stickyMenu .lnb .box .title:before {background-color:#fff !important;}
#visual_banner .stickyMenu .lnb .txt, 
#visual_banner .stickyMenu .lnb .dropLst li span,
#visual_banner .stickyMenu .lnb .dropLst > a { font-size:0.95rem !important;color: #666 !important;font-weight:400 !important;}

#sub_banner { height:0px !important;padding-bottom:16.26% !important;background:#fff !important;text-align:center !important; margin:40px auto 0px auto !important;}
#sub_banner::after {left:50% !important;transform:translateX(-50%) !important;width:100% !important;height:100% !important;max-width:1230px !important; max-height:200px !important; border-radius:20px !important;}
#sub_banner h2 {display:none !important;}

/****** S :: 하위 lnb ******/
.lnb_depth { border-radius:0px !important;border:none !important; margin-top:30px !important; }
.lnb_depth .prevArrow {display:none !important;}
.lnb_depth .lnb_cont {display:inline-block !important; padding:0px !important;}
.lnb_depth .prevArrow + .lnb_cont{width:100% !important;margin-left:0px !important;}
.lnb_depth ul {width:100% !important;display:flex !important;}
.lnb_depth ul li {width:auto !important;min-width:120px !important; margin:0px 10px 0px 0px !important;}
.lnb_depth ul li a {position:relative;display:block; width:100%; font-size:16px !important;line-height:40px !important; color:#999 !important;font-weight:normal !important;padding:0px 20px !important;background:#f7f7f7 !important; border:1px #d3d3d3 solid !important;box-sizing:border-box;border-radius:30px !important;}
.lnb_depth ul li.tab_title a:hover,  
.lnb_depth ul li a.pointColor, 
.lnb_depth ul li a.pointColor:hover {background:#fff !important;font-weight:normal !important; color:#666 !important;text-decoration:none !important;}
.lnb_depth ul li.active a, 
.lnb_depth ul li.tab_title.active a{background:#3f49f6 !important;border-color:#3f49f6 !important; color:#fff !important;text-decoration:none !important;}
.lnb_depth ul li.active a:hover,
.lnb_depth ul li.tab_title.active a:hover {background:#252fd2 !important;border-color:#252fd2 !important; color:#fff !important;text-decoration:none !important;}
.lnb_depth ul li#webtv-main {display:none !important;}

.lnb_tab {border-radius:0px !important; border-width:0px 0px 1px 0px !important;}
.lnb_tab li a {font-size:1.1rem !important;font-weight:500 !important; letter-spacing:-0.0.5em !important;}
.lnb_tab li a.mPS2id-highlight {font-weight:600 !important; }

a.cart .svg {filter: invert(42%) sepia(68%) saturate(857%) hue-rotate(189deg) brightness(70%) contrast(100%) !important;}
.btn_b,
a.btn_b {border: 1px solid #234ba0 !important; background: #234ba0 !important;}

.faq_cont dt span,
.faq_cont dd span.A { font-family:'Inter' !important;}
.faq_cont dt a{font-weight:500;color:#333 !important;}

.cont_util.compad_t {padding:0px !important;}

div.nodata {font-weight:400 !important;}

.privacy, 
.clause {margin-top:0px !important;}

.privacy h3,
.clause h3,
.refund h3{color:#000 ;font-size:1.2rem;font-weight:bold;margin-top:30px !important;} 
.refund {list-style:none;}

.privacy {font-size:1rem;line-height:140%}
.privacy dl{padding-left:5px;margin-top:10px}
.privacy dt{font-weight:700;margin-top:5px}
.privacy dd{margin-top:2px;margin-left:10px}
.privacy p{margin-top:10px;line-height:140%;margin-left:0px;float:none !important}
.privacy .depth2{padding-left:15px}
.privacy .depth2 > li{margin:2px 0}
.privacy .depth2.dots li{position:relative;padding-left:10px;}
.privacy .depth2.dots li:before{content:'';position:absolute;left:0px;top:10px;width:3px;height:3px;border-radius:50%;background:#333;}

.privacy .depth3{padding-left:24px}
.privacy .depth3 > li{margin:2px 0}

.privacy table {width:100%; border:1px #ddd solid;}
.privacy th {padding:5px;border:1px #ddd solid; text-align:center;background:#f7f7f7;}
.privacy td {padding:5px;border:1px #ddd solid;}

.clause table {width:100%; border:1px #ddd solid;}
.clause th {padding:5px;border:1px #ddd solid; text-align:center;background:#f7f7f7;}
.clause td {padding:5px;border:1px #ddd solid;}

.clause {font-size:1rem;line-height:140%}
.clause .depth1 li{line-height:140%}
.clause .depth1{margin-top:10px;padding-left:0;float:none}
.clause .depth2{padding-left:15px}
.clause .depth3{padding-left:24px}


@media all and (max-width: 1300px) {
	.quick {width:100px !important;}

	#sub_banner {width:calc(100% - 40px) !important;}

	.students_scroll_left {height:100px;}
	.students_scroll_right { height:100px;}

	a.btn_enroll {position:relative;right:auto;left:0px;bottom:0px; margin-top:20px;}
}

@media all and (max-width: 1024px) {
	/* 모바일 메뉴 */
	#header .head_in { text-align:center !important;}
	#header .m_util { display:flex !important;justify-content:space-between;width:calc(100% - 40px) !important;right:20px !important;}
	#header .m_util li {margin:0px !important;}
	#header .m_util li.btnMenu_m {}
	#header .m_util li.btnMenu_m a {display:inline-block; border:1px #444 solid; border-radius:3px; padding:0px 6px;font-size:15px;color:#333;font-weight:500;line-height:30px;margin:-5px 0px;letter-spacing:-0.05em;}


	#menuArea .btnMenu_mClose {left:320px !important;right:auto !important; width:20px !important;}
	#menuArea .menuList>.list>li>a i {display:inline-block; margin-left:5px;width:18px;height:18px;border-radius:50%;background:#f22b2b; font-style:normal;color:#fff;font-size:10px;text-align:center;line-height:18px;transform:translateY(-2px);}
	#menuArea .menuList .mem_list li.login a {background-position: center left 37px; background-size: 12px; padding-left: 60px;}
	#menuArea .menuList .mem_list li.join a {background-position: center left 30px !important;padding-left:50px !important;}
	
	#menuArea {left:-400px !important;right:auto !important;}
	#menuArea.visible {left:0px !important;right:auto !important;}



}


@media all and (max-width:980px) {
	.compad {padding-top: 80px !important; padding-bottom: 80px !important;}

	h3.title {font-size:1.9rem !important;}
	h3.title b {font-size:2.5rem !important;}
	h3.title i:before {height:20px;}

	#visual_banner::after {height:55px !important;}

	.lnb_depth .lnb_cont {min-height:10px !important;}
	.lnb_depth ul li {min-width:100px !important; margin:0px 6px 0px 0px !important;}
	.lnb_depth ul li a {font-size:15px !important;line-height:35px !important;padding:0px 15px !important;}

	.students_scroll_left {height:80px;}
	.students_scroll_right { height:80px;}
	.main_enroll h3.title {font-size:1.6rem !important;}
	.main_enroll h3.title b {font-size:2.2rem !important;}

	.main_package_inner {width:calc(100% + 15px); margin-right:-15px; }
	.main_package_inner li {width:calc((100% - 30px) / 2);margin:0px 15px 0px 0px;}
	.main_package_inner li a {border-radius:25px;box-shadow:0px 7px 15px rgba(0,0,0,0.2);}
	.main_package_inner li img {border-radius:25px 25px 0px 0px;}
	.main_package_inner li a b {height:60px;line-height:60px;font-size:22px;border-radius:0px 0px 25px 25px; }

	.micro_list {width:calc(100% + 30px) !important;margin:0px -30px -20px 0px !important;}
	.micro_list dl {width: calc((100% - 90px) / 3) !important; margin:0px 30px 30px 0px !important;}

}


@media all and (max-width: 768px) {
		
	.ver_pc { display:none !important;}	
	.ver_mobile { display:block !important;}
	.br_mobile { display:block !important;}

	#topBanner .top_txt {padding:}
	#topBanner .top_txt h3 {font-size:1rem !important;}
	#topBanner .top_txt h3 span {padding:3px 7px !important;}
	#topBanner .top_txt dl dt,  
	#topBanner .top_txt dl dd {padding:5px 7px !important;font-size:1rem !important;}

	.pay_cont .applyBtn a.pay {padding-left:45px !important;background-position: center left 20px !important;}

}

@media all and (max-width:680px) {
	.br_pc { display:none !important;}
	.compad { padding-top: 45px !important; padding-bottom: 45px !important;}
	
	.quick {display:none !important; width:70px !important;left:10px !important; }

	#header .head_in { padding: 15px 10px !important;}
	#header .head_in h1 a {height: auto !important; max-height:30px !important;}
	#header .head_in h1 .svg_logo {max-height:30px !important;}

	h3.title {font-size:18px !important;margin-bottom:20px !important;}
	h3.title b {font-size:28px !important;}
	h3.title i:before {height:12px;}

	.label {left:0px !important;}
	.label > .label_b {display:none !important;}

	#visual_banner::after {height:45px !important;}
	#sub_banner {display:none !important;margin:20px auto 0px auto !important;}

	#visual_banner h2 {font-size:20px !important; padding-top:30px; }

	.lnb_depth { margin-top:20px !important; }
	.lnb_depth .lnb_cont {border:1px #ddd solid !important;border-radius:10px; padding:5px 0px !important; }
	.lnb_depth ul li {min-width:50px !important; margin:0px 5px 0px 0px !important;}
	.lnb_depth ul li a {border:none !important;font-size:14px !important;line-height:30px !important;padding:0px 5px !important;border-radius:0px !important;background:none !important;}
	.lnb_depth ul li.active a, 
	.lnb_depth ul li.tab_title.active a{background:#3f49f6 !important;border:none !important; color:#fff !important;border-radius:6px !important;}
	.lnb_depth ul li.active a:hover,
	.lnb_depth ul li.tab_title.active a:hover {background:none !important;border:none !important; color:#3f49f6 !important;}

	.students_scroll_left {height:45px;}
	.students_scroll_right { height:45px;}
	
	.main_enroll h3.title{font-size:18px !important;}
	.main_enroll h3.title b{font-size:22px !important;}
	a.btn_enroll {line-height:35px !important;padding:0px 50px 0px 20px;}

	.main_solution_inner {margin-bottom:-15px;}
	.main_solution_inner li {margin-bottom:20px;}

	.main_package_inner {width:calc(100% + 10px); margin-right:-10px; }
	.main_package_inner li {width:calc((100% - 20px) / 2);margin:0px 10px 15px 0px;}
	.main_package_inner li a {border-radius:20px;}
	.main_package_inner li:hover {transform:translateY(-10px);}
	.main_package_inner li.best_p a:before {right:10px;top:-5px; width:45px; height:60px;}
	.main_package_inner li img {border-radius:20px 20px 0px 0px;}
	.main_package_inner li a b {height:40px;line-height:40px;font-size:15px;border-radius:0px 0px 20px 20px; }

	.photo_list .item .con_box h4 {font-size:1.15rem !important;}

	.thum_list {padding:0px !important;}
	.thum_list .item {display:inline-block !important; padding:20px 0px !important;}
	.thum_list .item .img_box {float:left;display:inline-block !important;width:35% !important;}
	.thum_list .item .img_box .label {display:none !important;}
	.thum_list .item .con_box {float:right;display:inline-block !important;width:64% !important; padding:0px 0px 0px 20px !important; box-sizing:border-box !important;}
	.thum_list .item .con_box h4 {font-size:1.15rem !important; margin-bottom:10px !important;}
	.thum_list .item .con_box .btn {display:none !important;}
	.thum_list .item .con_box .price strong {font-size:1rem !important;}

	.micro_list {width:calc(100% + 20px) !important;margin:0px -20px -20px 0px !important;}
	.micro_list dl {width: calc((100% - 40px) / 2) !important; margin:0px 20px 30px 0px !important;}
	.micro_list dl:nth-child(3) {  display:none !important ;}

	.cont_util .search {display: block !important;}
	.cont_util div.search .input_search {width:100% !important;}
}

.apply_view .imgCont img {max-width:100%;}


/* 마이페이지 썸네일 사이즈 */
.process_ing dl dt {position:relative !important;display:inline-block;width:100% !important;height:0px !important;padding-bottom:61.54% !important;}
.process_ing dl dt .img {position:absolute !important;left:0px;top:0px;width:100% !important;height:100% !important;}
.process_ing dl dd {padding:18px !important;}

.lec_info .imgCont {position:relative !important;width: 270px;height:0px !important;padding-bottom:166px !important; background-color:none !important; }
.lec_info .imgCont img {position:absolute !important;left:0px;top:0px;width:100% !important;height:100% !important;border-radius: 15px !important;}

@media all and (max-width:1300px) {
	.apply_view .imgCont img {width: 500px !important; }
	.lec_info .imgCont {width: 200px;padding-bottom:123px !important;display:inline-block !important;}	
	.lec_info .imgCont img {width:100% !important;}
}
@media all and (max-width:680px) {
	.lec_info .imgCont {width:100% !important;padding-bottom:61.54% !important;}
}


/* 잉글리스트 특징 */
.feature_top {position:relative;width:100%;height:780px;background:#000 url('/html/images/common/feature_top.jpg') 50% 50% no-repeat; background-size:cover !important;}
.feature_top h2 {position:absolute; left:0px;top:50%;transform:translateY(-50%);color:#fff;font-size:65px;line-height:140%; text-align:center;}
.feature_top h2 b {font-size:75px;font-weight:600;}
.feature_top h2 span {color:linear-gradient(to right, #45a9ff, #76ff86);}

.feature01 {position:relative;width:100%;height:auto;padding:50px 0px;background:#222954 url('/html/images/common/feature01.jpg') 50% 0% no-repeat; background-size:cover !important;box-sizing:border-box;}
.feature01 h2 {color:#fff;font-size:50px;line-height:130%; font-weight:600;text-align:center;margin-bottom:20px; letter-spacing:-0.05em;}
.feature01 h2 b {color:#5eff69;font-weight:600;}
.feature01 p {color:#fff;font-size:30px;line-height:140%; font-weight:400;text-align:center; letter-spacing:-0.05em;}

.feature02 {position:relative;width:100%;height:auto;padding:120px 0px;box-sizing:border-box;}
.feature02 h2 {color:#000;font-size:60px;line-height:110%; font-weight:400;text-align:center;margin-bottom:50px; letter-spacing:-0.07em;}
.feature02 h2 b {font-weight:600;}
.feature02_cont li {position:relative; margin-bottom:130px;}
.feature02_cont h3 {display:inline-block;width:auto;background:#1c77fc; color:#fff;font-size:30px;line-height:60px;padding:0px 40px; font-weight:600;text-align:center;border-radius:40px;margin-bottom:15px; letter-spacing:-0.05em;}
.feature02_cont h4 {color:#000;font-size:45px;line-height:130%;font-weight:700;text-align:left;margin-bottom:40px; letter-spacing:-0.07em;}
.feature02_cont h4 em {display:inline-block;position:relative;}
.feature02_cont h4 em::before {content:''; position:absolute; left:0px;bottom:0px;width:100%;height:20px;background:#ffc3ba; z-index:-5;}
.feature02_cont p {color:#000;font-size:28px;line-height:150%;font-weight:normal;text-align:left;margin-bottom:40px; letter-spacing:-0.05em;word-break:keep-all;}
.feature02_cont p em {color:#f96331;font-style:normal;font-weight:400;}
.feature02_cont li:last-child {margin-bottom:20px;}
.feature02_img { float:right; margin:-110px 0px 30px 30px;width:410px;height:410px; border-radius:50%;overflow:hidden;}
.feature02_img img {width:100%;}

.feature03 {position:relative;width:100%;height:auto;padding:50px 0px;background:#4d2bf4 url('/html/images/common/feature03_bg.png') 50% 50% no-repeat; background-size:cover !important;box-sizing:border-box;}
.feature03 h2 {color:#fff;font-size:40px;line-height:130%; font-weight:300;text-align:center;letter-spacing:-0.07em;}
.feature03 h2 b {font-size:1.4em;font-weight:600;}

.feature04 {position:relative;width:100%;height:auto; text-align:center;padding:120px 0px;background:#1c1c1c url('/html/images/common/feature04_bg.png') 50% 50% no-repeat; background-size:cover !important;box-sizing:border-box;}
.feature04 img {width:auto;height:auto; max-width:97% !important;}

.feature05 {position:relative;width:100%;padding: 120px 0px;background:#252528 url('/html/images/common/feature05_02.png') no-repeat; background-position: 87% bottom;
box-sizing:border-box;}
.feature05 .imgArea{margin-bottom: 72px;}
.feature05 .imgArea img{}
.feature05 .sec_cont{ width: calc(50% + 60px);}
.feature05 .sec_cont h4{font-size:38px;font-weight:500; color:#fff;line-height:52px; margin-bottom: 25px;}
.feature05 .sec_cont .text{font-size:17px;font-weight:300;color:rgba(255,255,255,0.5);line-height:30px;margin-bottom: 33px; }
.feature05 .nameArea {width:140px;}
.feature05 .nameArea img{max-width: 100%;}




@media all and (max-width:1500px){
	.feature_top {height:0px;padding-bottom:60%;}

	.feature05{background-position: 110% bottom;}
	.feature05 .imgArea{max-width: 68%;}
}
@media all and (max-width:1200px){
	.feature05{background-position: 132% bottom;}
	.feature05 .imgArea img{max-width: 80%;}
}
@media all and (max-width:1023px){
	.feature01, .feature03 {padding: 40px 0px;}
	.feature02, .feature04, .feature05 {padding: 90px 0px;}

	.feature05 .sec_cont h4{font-size:32px;line-height:42px;}
	.feature05 .sec_cont .text{font-size:16px;line-height:26px;margin-bottom: 33px;}
}
@media all and (max-width:980px){
	.feature_top {background-image:url('/html/images/common/feature_top_m.jpg');}

	.feature01 h2 {font-size:35px;margin-bottom:20px;}
	.feature01 p {font-size:25px;}

	.feature02 h2 {font-size:45px;margin-bottom:40px;}
	.feature02_cont li {margin-bottom:100px;}
	.feature02_cont h3 {font-size:25px;line-height:50px;}
	.feature02_cont h4 {font-size:40px;margin-bottom:30px;}
	.feature02_cont h4 em::before {height:15px;}
	.feature02_cont p {font-size:24px;}
	.feature02_img { margin:-10px 0px 30px 30px;width:360px;height:360px;}

	.feature03 {background-size:110% auto !important;}
	.feature03 h2 {font-size:30px;}

	.feature05 {background-position: calc(100% - -120px) bottom;background-size: 615px 782px;	}
	.feature05 .sec_cont h4 {font-size: 32px;line-height: 42px;margin-bottom: 25px;}
	.feature05 .sec_cont .text {font-size: 16px;line-height: 27px;margin-bottom: 33px;}
	.feature05 .imgArea {max-width: 65%;}
	.feature05 .imgArea img{max-width: 100%;}
	.feature05 .sec_cont .nameArea img{width: 174px;margin:0 auto 0 0;}

	.popup { max-width:95% !important;height:auto !important;}
	.popup .pop_in{ max-width:100% !important;height:auto !important;}
}
@media all and (max-width:680px){
	.feature_top {height:380px; padding:0px;}

	.feature02, .feature04, .feature05 {padding: 50px 0px;}

	.feature01 h2 {font-size:25px;margin-bottom:20px;}
	.feature01 p {font-size:15px;font-weight:normal;}

	.feature02 h2 {font-size:30px;margin-bottom:30px;}
	.feature02_cont li {margin-bottom:50px;text-align:center;}
	.feature02_cont h3 {font-size:16px;line-height:35px;padding:0px 20px; margin:0px auto 10px auto;}
	.feature02_cont h4 {font-size:25px;margin-bottom:20px;text-align:center;}
	.feature02_cont h4 em::before {height:13px;}
	.feature02_cont p {font-size:15px;text-align:left;margin-bottom:20px;}
	.feature02_img {position:relative; float:none;margin:0px auto 20px auto;width:100%;height:0px;padding-bottom:70%;border-radius:40px;}
	.feature02_img img {position:absolute; left:0px;top:50%;transform:translateY(-50%); }

	.feature03 {background-size:auto 140% !important;}
	.feature03 h2 {font-size:20px;}
	.feature03 h2 b {font-size:1.3em;}
	
	.feature05 {background: #252528;}
	.feature05 .sec_cont {width: 100%;}
	.feature05 .sec_cont h4 {font-size: 24px;line-height: 32px;margin-bottom: 25px;}
	.feature05 .sec_cont .text {font-size: 15px;line-height: 22px;margin-bottom: 33px;}
	.feature05 .imgArea {max-width: 100%;margin-bottom: 30px;}
}

@media all and (max-width:350px){
	.feature_top {height:350px; }
}


/* 신규메인 */
.new_main h3.title {font-size:65px !important;}
.new_main h3.title b {font-size:1em !important;}
.new_main h3.title b.b {font-size:1.15em !important;}
.new_main h3.title span {color:#3912b7 !important;}

.new_main03 {background:#020203;}
#pin1 {width:100%; height:100vh; background:url('/html/images/main/new_main03.jpg') center no-repeat; background-size:auto 100vh !important; transition: background 1s;}
#pin1.active {background-image:url('/html/images/main/new_main03_over.jpg');}

.new_main05 {display:flex; width:100%; height:auto !important; overflow:hidden;}
.new_main05 ul {display:inline-block; width:100%; padding:0px; margin:0px; height:100vh; }
.new_main05 li {float:left; width:100%;display:inline-block; list-style:none; height:100vh; background-size:cover !important;}
.new_main05 .slick-prev  {display:none !important;}
.new_main05 .slick-next { margin:0px; right:50%; margin-right:-580px; transform:translateY(-50%); width:25px; height:55px; border-radius:6px; background:rgba(0,0,0,0.9) url('/html/images/main/arrow.png') center no-repeat; background-size:10px auto !important; box-shadow:0px 15px 40px 10px rgba(255,255,255,0.8);  opacity:0.9}
.new_main05 .slick-next:before {content:'Click';position:absolute; left:50%; top:55px;transform:translateX(-50%); font-size:16px; font-weight:600; color:#000; }
.new_main05 .slick-next:hover {opacity:1;}
.new_main05 .slick-arrow.slick-disabled {opacity:0.5;}

.new_review {width:100%;background:url('/html/images/main/new_main06_bg.jpg') center no-repeat; background-size:cover !important; }
.newreview_container {width:100%;overflow:hidden;}
.newreview_title {width:100%; text-align:center; margin-bottom:40px;;}
.newreview_title img {max-width:90%;}
.newreview_scroll_area div {margin-top:15px;}
@-webkit-keyframes newreview-scrolling-reverse {
    100% {background-position: 2114px 0;}
}
@keyframes newreview-scrolling-reverse {
    100% {background-position: 2114px 0;}
}
@-webkit-keyframes newreview-scrolling {
    0% {background-position: 1850px 0;}
}
@keyframes newreview-scrolling {
    0% {background-position: 1850px 0;}
}
@-webkit-keyframes newreview-scrolling3 {
    0% {background-position: 2100px 0;}
}
@keyframes newreview-scrolling3 { 
	0% {background-position: 2100px 0;}
}
.newreview_scroll_01 {width: 100vw;height: 180px;background: url('/html/images/main/newreview_img01.png') repeat 0 0;background-size:auto 100% !important;
    -webkit-animation: newreview-scrolling 30s infinite;animation: newreview-scrolling 30s infinite; -webkit-animation-timing-function: linear;animation-timing-function: linear;}

.newreview_scroll_02 {width: 100vw; height: 180px;background: url('/html/images/main/newreview_img02.png') repeat 0 0;background-size:auto 100% !important;
    -webkit-animation: newreview-scrolling-reverse 35s infinite; animation: newreview-scrolling-reverse 35s infinite; -webkit-animation-timing-function: linear;animation-timing-function: linear;}

.newreview_scroll_03 {width: 100vw;height: 180px;background: url('/html/images/main/newreview_img03.png') repeat 0 0;background-size:auto 100% !important;
    -webkit-animation: newreview-scrolling3 50s infinite;animation: newreview-scrolling3 50s infinite; -webkit-animation-timing-function: linear;animation-timing-function: linear;}

.new_main_package {background: url('/html/images/main/new_main11_bg.jpg') repeat 50% 0;background-size:cover !important;}
.new_main_package_inner {display:flex; justify-content:center;width:100%;gap:10px;}
.new_main_package_inner li {width:auto;margin:0px; transition:0.2s all ease-out}
.new_main_package_inner li a {position:relative;display:block; transition:0.3s all ease-out}
.new_main_package_inner li:hover {transform:translateY(-20px);}
.new_main_package_inner li img {max-width:100% !important;}


@media all and (max-width:1300px) {
	#pin1 {height:calc( 1300 / 1230 * 100vw * 0.8 ) !important; background-size:auto calc( 1300 / 1230 * 100vw * 0.8 ) !important;}

	.new_main05 ul,
	.new_main05 li { height:calc( 1200 / 1230 * 100vw * 0.8 ) !important;}
	.new_main05 .slick-next { right:40px; margin:0px;}

	.newreview_scroll_01,
	.newreview_scroll_02,
	.newreview_scroll_03 { height:170px;}
}

@media all and (max-width: 980px) {
	.new_main h3.title {font-size:40px !important;}

	.new_main05 .slick-next {right:30px; width:18px; height:35px;background-size:7px auto !important; }
	.new_main05 .slick-next:before {top:37px; font-size:13px;}

	.newreview_title {margin-bottom:30px;}
	.newreview_scroll_01,
	.newreview_scroll_02,
	.newreview_scroll_03 { height:120px;}
}

@media all and (max-width: 680px) {
	.new_main h3.title {font-size:25px !important;}

	.new_main05 .slick-next { right:20px;}

	.newreview_title {margin-bottom:20px;}
	.newreview_scroll_area div {margin-top:10px;}
	.newreview_scroll_01,
	.newreview_scroll_02,
	.newreview_scroll_03 { height:80px;}
}