@charset "utf-8";
@import url('/html/css/color_theme.css');

body, body * {letter-spacing:-0.05em !important;}
div {font-weight:400;}
b, strong {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 {background:rgba(0,0,0,0.4) !important; border:none !important;}

#header .member_util {border-color:rgba(255,255,255,0.25) !important; height:45px; box-sizing:border-box !important;}
#header .member_util li { border:none !important; }
#header .member_util li a { position:relative !important;padding:0px 20px !important; color:#fff !important; border:none !important; background:none !important;}
#header .member_util li a:before { content:''; position:absolute; left:0px;top:50%; transform:translateY(-50%) !important; width:1px; height:12px; background:#7e7b7b; }
#header .member_util li:first-child a:before {display:none !important;}
#header .member_util li.search {position:absolute;right:0px;top:65px !important;z-index:999 !important;}
#header .member_util li.search a {padding:0px !important;width: 40px !important;height: 40px !important;background:url('/html/images/common/search.png') 50% 50% no-repeat !important;}
#header .member_util li.search a:before {display:none !important;}
#header .member_util li.name {filter: invert(100%) contrast(100%) !important;}

#header .head_in { padding:20px 0px !important; height:80px !important; box-sizing:border-box;}
#header .head_in h1 {position:absolute !important;left:0px !important;top:-45px !important;width:180px !important;}
#header .head_in h1 a {height:150px !important;}
#header .head_in h1 .svg_logo {max-width:180px !important;max-height:150px !important; border-radius:0px 0px 15px 15px;}
#header .head_in .mypage {right:50px !important;top:20px !important;width: auto !important; height: 40px !important;line-height: 38px !important; border:1px #fff solid !important; padding:0px 25px !important; background:none !important;}
#header .head_in .mypage:hover {background:#fff !important; color:#333 !important;}

.header h1 {position:absolute !important; left:0px;top:0px;height:95px !important;}
.header h1 a {height:95px !important;}
.header h1 .svg_logo {max-height:95px !important;}


#header .m_util li img {filter: invert(100%) contrast(100%) !important;}

#footer {padding-top:0px !important;background:#fff !important; margin-top:50px !important;border-top:1px #dedede solid;}
#footer .foot_top { width:100% !important;padding:25px 0px !important;display:flex  !important; justify-content:center;background:#fff !important;border-bottom:1px #dedede solid !important; }
#footer .foot_top .w1230 {display:flex !important; justify-content:center;}
#footer .foot_top a {color:#333 !important;font-size:1rem !important;}
#footer .foot_bottom {display: flex;justify-content:space-between; gap:50px; font-size:0.9rem !important;}
#footer .foot_bottom .foot_info {width:calc(100% - 200px); font-size:0.9rem !important; padding-left:230px;background:url('/html/images/common/foot_logo.png') 0% 50% no-repeat;background-size:180px auto;}
#footer .foot_bottom .foot_sns {width:180px;display: flex;justify-content: flex-end; gap: 10px; }
#footer .foot_bottom .foot_sns li {width:35px;height:35px; border-radius:50%;}
#footer .foot_bottom .foot_sns li a {display:block;width:100%;height:35px; background-size:cover !important; border-radius:50%;}
#footer .foot_bottom .foot_sns li a.fsns_fb {background:#ababab url('/html/images/common/fsns_fb.png') 50% 50% no-repeat;}
#footer .foot_bottom .foot_sns li a.fsns_ig {background:#ababab url('/html/images/common/fsns_ig.png') 50% 50% no-repeat;}
#footer .foot_bottom .foot_sns li a.fsns_blog {background:#ababab url('/html/images/common/fsns_blog.png') 50% 50% no-repeat;}
#footer .foot_bottom .foot_sns li a.fsns_yt{background:#ababab url('/html/images/common/fsns_yt.png') 50% 50% no-repeat;}
#footer .foot_bottom .foot_sns li a:hover {background-color:#999;}

#header.nofixed {top:-150px !important; }
#header.fixed  {background:rgba(0,0,0,0.6) !important;}


.compad {padding-top:80px !important; padding-bottom:80px !important;}
h3.title {text-align:left !important; font-size:35px !important;font-weight:500 !important;margin-bottom:25px !important; padding-left:20px !important;}

/* 상단 배너 풀 이미지 */
.slick-prev, 
.slick-next {top:50% !important; transform:translateY(-50%) !important; width:60px !important; height:60px !important; border:1px #ddd solid !important;opacity:1;}
.slick-prev {left:50% !important; margin:0px 0px 0px -725px !important; background:#fff url('/html/images/common/arrow_left2.png') no-repeat center !important; background-size:70% auto !important;}
.slick-next {left:auto !important; right:50% !important; margin:0px -725px 0px 0px !important; background:#fff url('/html/images/common/arrow_right2.png') no-repeat center !important; background-size:70% auto !important;}
.slick-prev:hover, 
.slick-next:hover {opacity:1;}

#visual  {z-index:1 !important;}
#visual .slick-prev, 
#visual .slick-next {display:inline-block !important;margin:0px !important; border:none !important;width:70px !important; height:60px !important;background-color:rgba(255,255,255,0.3) !important;opacity:1 !important; background-size:auto 100% !important; }
#visual .slick-prev:hover, 
#visual .slick-next:hover {background-color:#fff !important; opacity:1 !important;}
#visual .slick-prev {left:0px !important;background-image:url('/html/images/common/arrow_left.png') !important; background-position: center right !important;border-radius:0px 30px 30px 0px !important;}
#visual .slick-next {right:0px !important;background-image:url('/html/images/common/arrow_right.png') !important; background-position: center left !important;border-radius:30px 0px 0px 30px !important;}
#visual .slick-prev:hover {background-image:url('/html/images/common/arrow_left2.png') !important;}
#visual .slick-next:hover {background-image:url('/html/images/common/arrow_right2.png') !important;}
#visual .text_area { width:90% !important;top:50% !important;left: 50% !important;transform:translateX(-50%) !important; margin:0px auto 0px auto !important;}
#visual .text_area h2 {color:#fff !important; text-align:center !important;font-weight:400 !important;}
#visual .text_area h2 b{ display:block !important;color:#eda512 !important;font-size:1.25em !important;font-weight:800 !important;}
#visual .text_area h2 p {font-size:1.2rem !important;color:#eda512 !important; text-align:center !important;font-weight:500 !important;}
#visual .section {left:0% !important;right:auto !important; width:100% !important; margin:0px !important; height:100%; background-size:cover !important; background-position:center center !important;}
#visual .slick-dots {display:none !important;}

#gnb {margin:0px auto !important;transform:translateX(-50%) !important;top:45px !important; width:92% !important; max-width:850px !important; padding:0px 0px !important;box-sizing:border-box;}
#gnb > ul {display:flex; justify-content:center; flex-wrap:nowrap;}
#gnb > ul > li.dep_tit {position:relative;padding-bottom:0px !important; z-index:2 !important; margin:0px 10px !important;}
#gnb > ul > li.dep_tit > a { position:relative;display:block !important;font-size:19px !important;width:auto !important;min-width:140px !important; line-height:80px !important;color:#fff !important;white-space:nowrap !important;text-align:center !important; z-index:2 !important; }
#gnb .depth {top:80px !important; width:170px !important; background:rgba(0,0,0,0.4) !important; border:none !important; border-radius:0px 0px 20px 20px !important; padding:20px 0px 30px 0px !important;}
#gnb .one_depth {left:50% !important;transform:translateX(-50%) !important;}
#gnb .one_depth::after { top:-80px !important;left:50% !important;transform:translateX(-50%) !important; width:100% !important;height:80px !important;border-top:2px solid #fcaf17 !important;background:rgba(0,0,0,0.4) !important;z-index:-2 !important; box-sizing:border-box !important; }
#gnb .depth li {padding:0px 10px !important;text-align:center !important;}
#gnb .depth li a {position:relative;font-size:16px !important;color:#fff !important; font-weight:300 !important;padding:0px !important;}
#gnb .depth li a:hover {color:#fcaf17 !important;}
#gnb .depth li a::after {top:4px !important; right:0px !important; filter: invert(100%) sepia(100%) saturate(857%) hue-rotate(100deg) brightness(100%) contrast(100%) !important;}
#gnb .two_depth {left:170px !important; top:-20px !important; border:0px solid #dfdfdf !important;border-radius:0px !important;background:rgba(0,0,0,0.5) !important;}
#gnb .two_depth {display:none !important;}

#gnb .depth li a::after {display:none !important;}

.main_banner {position:relative; width:100%;display:flex;justify-content:space-around;padding:0px;margin:0px;text-align:center; background:#03499a;border-radius:30px 30px 0px 0px; overflow:hidden;box-sizing:border-box;}
.main_banner:after {content:''; position:absolute;left:0px;bottom:0px;width:100%;height:30px;background:#fff; border-radius:30px 30px 0px 0px ; }
.main_banner li {position:relative;width:100%; height:auto; margin:0px;box-sizing:border-box;text-align:center;transition:0.3s all ease-out;}
.main_banner li a {position:relative;display:block;padding:130px 0px 75px 0px;text-align:center;box-sizing:border-box;word-break:keep-all; }
.main_banner li h2 {line-height:100%;font-size:20px;font-weight:500;color:#fff;letter-spacing:-0.05em;margin-bottom:10px; }
.main_banner li p {color:#fff;font-size:13px;opacity:0.7;}
.main_banner li span { position:absolute; left:50%;top:30px;transform:translateX(-50%);display:inline-block;width:100px;height:100px; border-radius:0%;box-sizing:border-box; transition:0.3s all ease-out;}
.main_banner li span em { position:absolute; left:0%;top:0px;display:inline-block;width:100%;height:100%;border-radius:0%;background-size:contain !important;box-sizing:border-box; transition:0.3s all ease-out; }
.main_banner li span.main_banner1 em {background:url('/html/images/common/main_banner1.png') 50% 50% no-repeat;}
.main_banner li span.main_banner2 em {background:url('/html/images/common/main_banner2.png') 50% 50% no-repeat;}
.main_banner li span.main_banner3 em {background:url('/html/images/common/main_banner3.png') 50% 50% no-repeat;}
.main_banner li span.main_banner4 em {background:url('/html/images/common/main_banner4.png') 50% 50% no-repeat;}
.main_banner li span.main_banner5 em {background:url('/html/images/common/main_banner5.png') 50% 50% no-repeat;}
.main_banner li span.main_banner6 em {background:url('/html/images/common/main_banner6.png') 50% 50% no-repeat;}
.main_banner li span.main_banner7 em {background:url('/html/images/common/main_banner7.png') 50% 50% no-repeat;}
.main_banner li:hover {background-color:#044086 !important;}

.center .w1230 > div {width: calc((100% - 460px) / 2) !important;}
.center .w1230 > div h4 {font-size:30px !important;font-weight:500 !important;margin-bottom:40px !important;}
.center .w1230 > div h4 a {z-index:-9999px !important; width:28px;height:28px;}
.center .w1230 > div h4 a:hover {opacity:0.8;}
.center .w1230 > div h4 a img {max-width:100%;}
.center .w1230 > div.notice li {margin-bottom:24px !important;}
.center .w1230 > div.notice li span {display:none !important;}
.center .w1230 > div.notice li a {font-size:1rem !important; color:#000 !important;}
.center .w1230 > div.notice li a:before {content:'· '; color:#000 !important; font-weight:500 !important;}
.center .w1230 > div.cs {width:310px !important;position:relative;background:#f2f2f2 !important;border-radius:10px !important; padding-top:60px; margin-top:40px;}
.center .w1230 > div.cs h4 {text-align:center !important; margin-bottom:0px !important;}
.center .w1230 > div.cs dl dt {display:none !important;}
.center .w1230 > div.cs dl dd {width:100% !important; padding:20px 25px !important;}
.center .w1230 > div.cs dl dd h3 {font-size:18px !important;color:#000 !important;line-height:140% !important; margin:0px !important;}
.center .w1230 > div.cs dl dd h3:before {content:'· ';}
.center .w1230 > div.cs dl dd p {font-size:1rem !important;color:#666 !important; text-align:center; margin:10px 0px 0px !important;}
.center .w1230 > div.cs::after {content:''; position:absolute;left:50%;top:-40px;transform:translateX(-50%);width:80px;height:80px;border-radius:50%; background:#0099df url('/html/images/common/main_cs.png') 50% 50% no-repeat;}

.img_banner_wrap {position:relative;width:100%; display:inline-block;overflow:hidden !important; text-align:center;}
.img_banner_wrap .w1230 {width:92% !important;max-width:1230px !important;display:inline-block !important;margin:0px auto !important; padding:0px !important; }
.img_banner_box {display:inline-block;position:static !important;padding:0px !important;overflow:visible !important;}
.img_banner_box .section img {left:0px !important; width:auto !important; max-width:calc(100% - 10px) !important;border-radius:30px !important; opacity:0.20 !important; margin:0px 5px !important;}
.img_banner_box .section.slick-active img {opacity:1 !important;}
.img_banner_box .slick-prev, 
.img_banner_box .slick-next {display:inline-block !important; margin:0px !important;background-color:#fff !important;transform: translateY(0%) !important;box-shadow:0px 0px 8px rgba(0,0,0,0.1); }
.img_banner_box .slick-prev {left:-30px !important;background-image:url('/html/images/common/arrow_left2.png') !important;}
.img_banner_box .slick-next {right:-30px !important;background-image:url('/html/images/common/arrow_right2.png') !important;}

.bar_banner_box .compad { padding-bottom:80px !important;}

.academy { margin-top:80px !important;}
.academy .academy_bg { width:100% !important; height:calc(100% - 100px) !important; background:#a1a2a4 url('/html/images/common/academy_bg.png') 50% 0% no-repeat;}
.academy .video_cont {border:10px #191919 solid !important; box-sizing:border-box; border-radius: 30px !important;}
.academy .video_cont a::after {background-image: url('/html/images/common/playBtn.png') !important;}
.academy .text_cont {position:relative; padding-bottom:100px;}
.academy .text_cont h3,
.academy .text_cont p {color:#fff !important;}
.academy .text_cont .academy_btn {position:absolute; display:flex; gap:15px; left:75px; bottom:0px; margin:20px 0px;}
.academy .text_cont .academy_btn a {height:50px !important; line-height:50px !important;color:#000 !important;border:1px #000 solid !important;padding: 0 50px 0 30px !important; background-image: url('/html/images/common/icon_plus.png') !important; background-position: center right 22px !important;}
.academy .text_cont .academy_btn a:hover {background-color:#f7f7f7;}
.academy .text_cont .academy_btn a.bgColor {color:#fff !important;border:none !important;background-image: url('/html/images/common/icon_plus_w.png') !important; }

.bottom_site_wrap {width:100%;display:flex; padding:30px 0px; overflow:hidden;margin:0px;}
.bottom_site_wrap .w1230 {position:relative;}
.bottom_site {position:relative;width:100%;display:inline-block; height:30px;}
.bottom_site  .slick-list {height:30px !important;overflow:hidden !important;}
.bottom_site ul {width:100%;display:inline-block; margin:0px auto;}
.bottom_site li {width:auto;display:inline-block; margin:0px 0px;}
.bottom_site li a {color:#fff;width:100%; display:inline-block;text-align:center; line-height:30px;}
.bottom_site .slick-prev, 
.bottom_site .slick-next {top:50% !important; margin:0px !important; transform:translateY(-50%) !important;width:30px !important;height:30px !important; border:none !important;box-shadow:none !important;}
.bottom_site .slick-prev {left:-50px !important;background:url('/html/images/common/arrow_left.png') 50% 50% no-repeat !important;background-size:cover !important;}
.bottom_site .slick-next {right:-50px !important;background:url('/html/images/common/arrow_right.png') 50% 50% no-repeat !important;background-size:cover !important;}


#sub_banner {position:relative; width:100%;height:360px !important;box-sizing:border-box !important; padding-top:130px !important; background-image:url('/html/images/common/sub1.jpg'); background-position:50% 50% !important; background-size:cover !important;}
#sub_banner .w1230 {position:static !important;display:flex !important; justify-content:flex-end !important; height:auto !important;}
#sub_banner h2 { position:relative !important; display:flex !important; justify-content:flex-end !important;top:50%; transform:translateY(-50%); width:90% !important; height:auto !important; max-width:1230px !important;margin:0px auto !important; text-align:left !important;font-size: 2.2rem !important;color:#fff;letter-spacing:-0.7pt;line-height:1; font-weight:bold; z-index:99;padding-top:45px;  }
#sub_banner h2::before {content:'인천대학교'; position:absolute;right:0px;top:0px;font-size: 0.81em !important;line-height:130% !important; font-weight:300 !important; display:block !important;}
#sub_banner h2::after {content:''; position:absolute;right:-12px;top:0px;width:8px;height:8px;border-radius:50%;background:#fcaf17;}

#visual_banner.grayBox {background: #fff !important;}
#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: #333 !important;font-weight:400 !important;}
.lnb .box .dropLst .dlst {border-radius:0px !important;border:none !important	;}
.lnb .box .dropLst .dlst ul {background:#03499a !important;}
.lnb .box .dropLst .dlst ul li,
.lnb .box .dropLst .dlst ul li a {color: #abbcd9 !important;}
.lnb .box .dropLst .dlst ul li a:hover {text-decoration:underline !important;}
.lnb .box .dropLst .dlst ul li a.on {color: #fff !important;}

.lnb_depth { border-radius:0px !important;border:none !important; margin:30px auto !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 {display:flex !important;flex-wrap: nowrap !important; justify-content:flex-start;}
.lnb_depth ul li {width:100%; margin:0px 0px 0px 0px !important;}
.lnb_depth ul li a {position:relative;display:block; width:100%; font-size:1.05rem !important; color:#666;padding:17px 10px !important; border:1px #dddfde solid !important;background:#f7f7f7 !important;box-sizing:border-box;border-radius:0px !important;}
.lnb_depth ul li a:hover { color:#000 !important;}
.lnb_depth ul li a.pointColor {background:#fff !important; color:#000 !important;text-decoration:none !important;}
.lnb_depth ul li.active a,
.lnb_depth ul li.tab_title.active a {background:#fff !important; color:#000 !important;text-decoration:none !important;border:2px #000 solid !important;border-bottom:0px !important;}
.lnb_depth ul li.tab_title a:hover {background:none !important; color:#000 !important;}
.lnb_depth ul li a:hover::before,
.lnb_depth ul li.tab_title.active a::before,
.lnb_depth ul li:first-child a::before {display:none !important;}
.lnb_depth ul li#webtv-main {display:none !important;}

.lnb_tab {border:none !important; border-bottom:1px #333 solid !important;border-radius:0px !important; text-align:left !important;}
.lnb_tab li {margin:0px 3px 0px 0px !important;}
.lnb_tab li a {font-size:1rem !important; font-weight:500 !important;line-height:45px !important; padding:0px 40px !important; border:1px #cfcfcf solid !important;border-bottom:none !important; border-radius:12px 12px 0px 0px !important;}
.lnb_tab li a.mPS2id-highlight {background:#333 !important; border-color:#333 !important; color:#fff !important;font-weight:500 !important;}
.lnb_tab li a.mPS2id-highlight::after {display:none !important;}

.page_title {text-align:center;font-size:2rem;color:#000;font-weight:600;}
.cont_util.compad_t {padding:0px !important;}

.gallery_list .item .con_box ul {margin-top:10px !important;}

.page_bar .page_box {margin-top:30px !important;}

.login_cont {padding-top:0px !important; border-width:5px !important;}
.login_cont h1 .svg_logo {max-height:120px !important;border-radius:0px 0px 15px 15px !important; }

.greeting h3.title {font-size:45px !important; font-weight:300 !important; text-align:center !important; margin-bottom:100px !important;}
.greeting h3.title img {max-width:100%;}
.greeting .greeting_txt {position:relative;width:100%;box-sizing:border-box; padding-right:35%; }
.greeting .greeting_img {position:absolute;right:0px;top:0px;width:30%;}
.greeting .greeting_img img {max-width:100%; border-radius:30px;}
.greeting p.sub_txt {font-size:20px !important;line-height:135% !important;font-weight:400 !important; margin-bottom:30px !important;}
.greeting p.sub_txt em {color:#03499a !important;font-weight:500 !important;}

.contents_in.about_cont.w1230 {padding-top:50px !important; padding-bottom:20px !important;}
.location_cont { margin-top:50px;}
.location_cont h3.title {padding-left:0px !important;}
.location .loca_info {background:#03499a !important; margin:0px !important; padding:40px !important; text-align:center;display:flex !important; justify-content:center; gap:40px;}
.location .loca_info dl {padding:0px !important; margin:0px !important; }
.location .loca_info dt, .location .loca_info dd {color:#fff !important;}
.detailBtn {z-index:100 !important; right:30px !important;}

.btn_cont .bestColor {background-color: #fcae16 !important;}
.btn_b {border: 1px solid #03499a !important; background: #03499a !important;}

.clause h3,
.privacy h3,
.refund h3 {color:#000 !important; margin-top:30px !important;}

@media all and (max-width:1500px) {
	#gnb > ul > li.dep_tit {margin: 0 10px !important;}
	#gnb > ul > li.dep_tit > a { font-size: 1.1rem !important;}
}

@media all and (max-width:1299px) {
	#header .head_in {padding:15px 0px !important; height:70px !important;}
	#header .head_in h1 {left:10px !important;width:150px !important;}
	#header .head_in h1 a {height:125px !important;}
	#header .head_in h1 .svg_logo {max-width:150px !important;max-height:125px !important;}
	#header .head_in .mypage {top:15px !important;height: 35px !important; line-height: 33px !important;font-size: 14px !important;}

	#header .member_util {height:35px !important;}
	#header .member_util li {font-size: 13px !important;line-height: 35px !important;}
	#header .member_util li.search {top: 50px !important;}
	#header .member_util li.search a {width: 40px !important; height:35px !important;}

	#visual .text_area {top:45% !important;}

	#gnb {top:35px !important;}
	#gnb > ul > li.dep_tit {margin:0px 10px !important;}
	#gnb > ul > li.dep_tit > a { font-size:17px !important;min-width:120px !important;line-height:70px !important;}
	#gnb .depth {top:70px !important;width:150px !important;}
	#gnb .depth li a { font-size:14px !important;}
	#gnb .one_depth::after { top:-70px !important;height:70px !important;}

	.center .w1230 {padding: 75px 20px !important;} 
	.center .w1230 > div.notice {width: calc((100% - 410px) / 2) !important; margin-right:50px !important; }
}

@media all and (max-width:1024px) {
	#header .head_in {padding:20px !important;}
	#header .head_in h1 {top:0px !important;width:150px !important;}
	#header .head_in h1 a {height:100px !important;}
	#header .head_in h1 .svg_logo {max-width:150px !important;max-height:120px !important;}

	h3.title {font-size:30px !important; margin-bottom:20px !important;}
	.center .w1230 > div h4 {font-size:30px !important;}
	.center .w1230 > div.notice li {margin-bottom:20px !important;}
}

@media all and (max-width:980px) {
	.header h1,
	.header h1 a {height:90px !important;}
	.header h1 .svg_logo {max-height:90px !important;}

	h3.title {font-size:25px !important;}
	.center .w1230 > div h4 {font-size:25px !important;}
	#sub_banner {height:300px !important;padding-top:80px !important;}
	
	#visual .slick-prev, 
	#visual .slick-next {width:55px !important; height:50px !important; }

	.main_banner li h2 {font-size:14px;margin:0px;}
	.main_banner li p {display:none !important;}

	.img_banner_box .slick-prev, 
	.img_banner_box .slick-next {width:45px !important; height:45px !important; }
	.img_banner_box .slick-prev {left:-20px !important;}
	.img_banner_box .slick-next {right:-20px !important;}

	.center .w1230 {display:flex !important;}
	.center .w1230 > div h4 {font-size:25px !important;margin-bottom:30px !important;}
	.center .w1230 > div.notice {width: calc((100% - 390px) / 2) !important; margin-right:50px !important; margin-bottom:0px !important;}
	.center .w1230 > div.notice li {margin-bottom:15px !important;}
	.center .w1230 > div.cs {width:290px !important;}
	.center .w1230 > div.cs dl dd {padding:18px 15px !important;}

	.academy .text_cont .academy_btn {left:40px;}

	.lnb_depth {display:flex !important;margin-top:20px !important; padding:5px !important; border:1px #dddfde solid !important; }
	.lnb_depth .lnb_cont {width:100% !important;text-align:center; min-height:30px !important;}	
	.lnb_depth ul {width:auto !important; flex-wrap:wrap !important;}
	.lnb_depth ul li {width:auto !important;}
	.lnb_depth ul li a {font-size:14px !important;padding:10px 10px !important; white-space:nowrap !important;background:#fff !important;border:none !important;}
	.lnb_depth ul li.active a,
	.lnb_depth ul li.tab_title.active a { color:#000 !important;text-decoration:none !important;border:none !important;}
	
	.cont_util {margin: 30px 0 20px !important;}

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

	.center .w1230 {display:block !important;}
	.center .w1230 > div.notice {width:100% !important; margin-right:0px !important; margin-bottom:50px !important;}
	.center .w1230 > div.cs {width:100% !important; margin-top:90px !important;}
	.center .w1230 > div h4 {font-size:20px !important;margin-bottom:20px !important;}
	.center .w1230 > div h4 a {width:20px !important; height:20px !important;}
	.center .w1230 > div.cs dl dd h3 { text-align:center !important;}
	.center .w1230 > div.cs dl dd h3:before {display:none !important;}

	.greeting h3.title {margin-bottom:50px !important;}
	.greeting .greeting_txt {padding-right:0%; }
	.greeting .greeting_img {display:none;}
	.greeting p.sub_txt {font-size:16px !important;margin-bottom:20px !important;}
}

@media all and (max-width:680px) {
	#header .head_in {padding:10px !important; height:60px !important; }
	#header .head_in h1 { width:90px !important;}
	#header .head_in h1 a {height:75px !important;}
	#header .head_in h1 .svg_logo {max-width:90px !important;max-height:75px !important;}

	.header h1,
	.header h1 a {height:60px !important;}
	.header h1 .svg_logo {max-height:60px !important;}

	#footer {margin-top:30px !important !important;}
	#footer .foot_top { padding:15px 0px !important;margin-bottom:20px !important;}
	#footer .foot_top a {font-size:0.8rem !important;}
	#footer .foot_bottom {display:flex;flex-wrap:wrap;justify-content:flex-start; gap:0px; font-size:0.8rem !important;}
	#footer .foot_bottom .foot_info {width:100%; font-size:0.9rem !important; padding:50px 0 0 0px;background:url('/html/images/common/foot_logo.png') 0% 0% no-repeat;background-size:auto 30px;}
	#footer .foot_bottom .foot_sns {width:100%;display: flex;justify-content: center; gap: 10px;margin-top:20px; }
	
	#sub_banner {height:180px !important;padding-top:60px !important;}
	#sub_banner h2 {font-size: 1.7rem !important;padding-top:34px !important;justify-content: center !important; text-align: center !important;}
	#sub_banner h2::before {left:0%;right:auto;width:100%;text-align: center;}
	#sub_banner h2::after {display:none !important;}

	#visual .text_area {top:40% !important;}
	#visual .slick-prev, 
	#visual .slick-next { top:55% !important;width:35px !important; height:35px !important; }

	
	.compad { padding-top:40px !important; padding-bottom:40px !important; }
	h3.title {font-size:20px !important;padding-left:5px !important; margin-bottom:15px !important;}
	
	.center .w1230 {padding:40px 20px 40px 20px !important;} 
	.center .w1230 > div h4 {font-size:20px !important;}
	.center .w1230 > div h4 a {width:15px !important; height:15px !important;}
	.center .w1230 > div.notice li {margin-bottom:10px !important;}
    
	.main_banner {flex-wrap:wrap !important;padding:10px 10px 30px 10px;border-radius:20px 20px 0px 0px !important;}
	.main_banner:after {border-radius:20px 20px 0px 0px !important; height:20px;}
	.main_banner li {width:33% !important; border-radius:20px;}
	.main_banner li a {padding:60px 0px 20px 0px;}
	.main_banner li span {top:15px;width:60px;height:60px;}
	.main_banner li h2 {font-size:13px;}

	.academy { margin-top: 40px !important;}
	.academy .academy_bg {top: 0px !important;bottom: auto !important; height: calc(100% - 60px) !important;}
	.academy .text_cont {padding:25px 0px 60px 0px !important;;}
	.academy .text_cont p {margin-bottom:25px !important;}
	.academy .text_cont .academy_btn {left:0px !important; width:100%;justify-content:center; margin-bottom:0px;}
	.academy .text_cont .academy_btn a {height:40px !important;line-height:40px !important;}

	.img_banner_box .slick-prev, 
	.img_banner_box .slick-next {width:30px !important; height:30px !important; }
	.img_banner_box .slick-prev {left:-12px !important;}
	.img_banner_box .slick-next {right:-12px !important;}

	.bar_banner_box {background:#fff !important;width:calc(100% - 40px) !important;margin:0px 20px 30px 20px !important;}
	.bar_banner_box .compad { padding:0px !important;}

	.bottom_site_wrap { padding:10px 0px;}
	.bottom_site_wrap .w1230 {display:flex;}
	.bottom_site  .slick-list {width:92% !important;margin:0px 4% !important;}
	.bottom_site li a {font-size:15px !important;}
	.bottom_site .slick-prev, 
	.bottom_site .slick-next {width:20px !important;height:20px !important;}
	.bottom_site .slick-prev {left:-20px !important;}
	.bottom_site .slick-next {right:-20px !important;}

	.lnb_tab {display:flex !important;}
	.lnb_tab li { width:100% !important;}
	.lnb_tab li a {width:100% !important;font-size:1rem !important;line-height:40px !important; padding:0px 0px !important; text-align:center !important;}

	.page_title {font-size:22px;}

	.gallery_list .item .con_box h4 {font-size:0.9rem !important;}

	.login_cont h1 .svg_logo {max-height:100px !important;}
	.login_in h3 {margin-top:20px !important;}

	.contents_in.about_cont.w1230 {padding-top:30px !important; padding-bottom:20px !important;}
	.greeting h3.title {margin-bottom:30px !important;}

	.location_cont { margin-top:30px;}
	.location .loca_info { padding:20px !important; flex-wrap:wrap; gap:10px;}
	.location .loca_info dl { width:100% !important;}
	.location .loca_info dt, .location .loca_info dd {text-align:left !important;}

	.clause h3,
	.privacy h3,
	.refund h3 {margin-top:20px !important;}
}
@media all and (max-width:360px) {
	.bottom_site li a {font-size:13px !important;}
}


/* 과정 관련 */
.new_list { margin:0px -20px 0px 0px !important; width: calc(100% + 20px) !important;}
.new_list .item {border:none !important;margin-bottom:0px !important; margin-right:20px !important; width: calc((100% - 100px) / 5) !important;}
.new_list .item .img_box { position:relative !important;width:100% !important;height:0px !important;padding-bottom:100% !important;border:none !important; border-radius:30px !important;}
.new_list .item .img_box > img {position:absolute !important;left:0px;top:0px;width:100%;height:100%; background-position:50% 0% !important; background-size:cover !important; border-radius:30px !important;}
.new_list .item .con_box {padding:20px 0px 0px 0px !important;}
.new_list .item .con_box h4 {text-align:center !important; max-height: 3rem !important;}
.new_list .item .con_box ul li span {display:none !important;}
.new_list .item .con_box ul li {padding-left:0px !important; text-align:center !important;}
.new_list .item:nth-child(4n) {margin-right:20px !important;}

.best .w1230 {overflow:hidden;}
.best_list {position:static !important; margin-left:-20px !important;width:calc(100% + 20px) !important;}
.best_list .item { margin-left:20px !important; opacity:1 !important; border-radius:0px !important;}
.best_list .item.slick-active {opacity:1 !important; }
.best_list .item .img_box { position:relative !important;width:100% !important;height:0px !important;padding-bottom:100% !important;border:none !important; }
.best_list .item .img_box > img {position:absolute !important;left:0px;top:0px;width:100%;height:100%; background-position:50% 0% !important; background-size:cover !important;}
.best_list .item .con_box {padding:20px 0px 0px 0px !important; border-radius:0px !important; border:none !important;}
.best_list .item .con_box h4 {line-height:110% !important;text-align:center !important; margin-bottom:20px !important;}
.best_list .item .con_box ul {margin:0px !important;}
.best_list .item .con_box ul li {padding-left:0px !important; text-align:center !important;}
.best_list .item .con_box ul li span {display:none !important;}
.best_list .slick-prev, 
.best_list .slick-next { top:0px !important;width:40px !important; height:40px !important;  margin:0px !important;transform: translateY(0%) !important;}
.best_list .slick-prev {left:auto !important;right:45px !important;}
.best_list .slick-next {right:0px !important;}

.photo_list .item { border:none !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:100% !important; border-radius:20px !important;}
.photo_list .item .img_box > img {position:absolute !important;left:0px !important;top:0px !important;width:100% !important;height:100% !important; border-radius:20px !important;}
.photo_list .item .con_box {padding:20px !important;}
.photo_list .item .con_box span {margin:0px !important;font-size:15px !important;}
.photo_list .item .con_box .etc { margin-bottom:10px;font-weight:500;line-height:100% !important; } 
.photo_list .item .con_box .hash {margin:5px 0px 10px 0px !important;}
.photo_list .item .con_box .hash span {color:#777 !important;margin-right:9px !important;}
.photo_list .item .con_box .price strong {font-size:1rem !important;}
.photo_list .item .con_box h4 { font-size:20px !important;color:#000 !important;margin-bottom:5px !important;max-height:3.2rem !important;}
.photo_list .item .con_box ul {margin-bottom:10px ;}
.photo_list .item .con_box ul li {padding:0px !important; margin:0px !important;}
.photo_list .item .con_box ul li span {display:none;}

.thum_list {border-top: 1px solid #d8dde2 !important;}
.thum_list .item {padding:30px 0px !important;border-bottom:1px solid #d8dde2 !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:100% !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:none !important;}
.thum_list .item .con_box {width: calc(100% - 230px) !important; padding-left: 30px !important;}
.thum_list .item .con_box .etc { margin-bottom:7px;font-weight:500;} 
.thum_list .item .con_box .hash span {color:#777 !important;margin-right:9px !important;}
.thum_list .item .con_box h4 {font-size:20px !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;padding-left:0px !important;}
.thum_list .item .con_box .btn a .svg {display:none !important;}

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

.new_list .item .img_box ,
.new_list .item .img_box > img,
.best_list .item .img_box ,
.best_list .item .img_box > img,
.thum_list .item .img_box, 
.thum_list .item .img_box a img {border-radius:30px !important;}

.apply_view .imgCont {position:relative !important;width:400px !important;height:400px !important;}
.apply_view .imgCont img {position:absolute !important;left:0px !important;top:0px !important;width:100% !important;height:100% !important;}

@media (max-width: 1300px) {
	.best_list .slick-prev {right:65px !important;}
	.best_list .slick-next {right:20px !important;}
}

@media all and (max-width:1024px) {
	.new_list .item { width: calc((100% - 80px) / 4) !important;}
}

@media all and (max-width:980px) {
	
	.new_list .item {width: calc((100% - 60px) / 3) !important;}

	.best_list .item .con_box h4,
	.new_list .item .con_box h4,
	.photo_list .item .con_box h4,
	.thum_list .item .con_box h4 { font-size:18px !important;margin-bottom:12px !important;}
	
}

@media all and (max-width:680px) {
	.new_list .item { width: calc((100% - 40px) / 2) !important;}

	.best_list .slick-prev, 
	.best_list .slick-next {width:25px !important; height:25px !important;}
	.best_list .slick-prev {right:50px !important;}

	.photo_list .item .con_box {padding:15px 3px !important;}
	.photo_list .item .con_box ul li,
	.photo_list .item .con_box .hash span,
	.photo_list .item .con_box span, 
	.best_list .item .con_box ul li	{font-size:13px !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 .btn {display:none !important;}
	.thum_list .item .con_box .price strong {font-size:1rem !important;}


	.best_list .item .con_box h4,
	.new_list .item .con_box h4,
	.photo_list .item .con_box h4,
	.thum_list .item .con_box h4 { font-size:16px !important;margin-bottom:10px !important;}

	.apply_view .imgCont {width:100% !important;height:0px !important;padding-bottom:100% !important;}
}

/* 마이페이지 썸네일 사이즈 */
.process_ing dl dt {position:relative !important;display:inline-block;width:100% !important;height:0px !important;padding-bottom:100% !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:270px !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) {
	.lec_info .imgCont {width: 200px;padding-bottom:200px !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:100% !important;}
}


.popup {position:absolute !important;}