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

body, body * {letter-spacing:-0.05em !important;  font-family:'Pretendard' !important;}
div {font-weight:400;}
b, strong {font-weight:500;}
input[type="text"],select,img,textarea{ color:#333 !important;}

.ver_mobile { display:none !important;}
.ver_pc { display:block !important;}
.br_mobile { display:none !important;}
.br_pc { display:block !important;}

h2, h3 {font-weight:500;}
h4 {font-weight:500 !important;}
em {font-style:normal !important;}

.header h1 .svg_logo{max-width: 230px !important;}
.compad {padding-top:60px !important; padding-bottom:60px !important;}
.compad_t {padding-top:60px !important; padding-bottom:0px !important;}
.compad_b {padding-top:0px !important; padding-bottom:60px !important;}

.slick-prev, .slick-next {margin-top:0px !important;transform:translateY(-50%) !important;}
.sub_imgbox .slick-dots {width:auto; display:flex; gap:10px; bottom:30px !important;}
.sub_imgbox .slick-dots li { width:10px !important; height:10px !important; border-radius:10px !important; margin:0px !important;}
.sub_imgbox .slick-dots li.slick-active {width:30px !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:cover !important; background-position:center center !important;}
#visual .sub_imgbox .slick-dots {}

#header .member_util_inner {position:relative;width:100%; max-width:1230px; display:flex; justify-content:space-between; padding:20px; margin:0px auto; box-sizing:border-box;}
#header .member_util {border:none !important;}
#header .member_util h1 { width:300px;display: inline-block;  z-index: 1000;}
#header .member_util h1 a {display: flex;position: relative; z-index: 1000;height: 40px; align-items: center;}
#header .member_util h1 .svg_logo { max-height: 40px;}

#header .member_util .w1230 {width:50% !important; margin:0px !important; padding:0px !important; display:flex !important; gap:10px;justify-content:flex-end; align-items:center;}
#header .member_util .w1230 li {border:none !important;line-height: 40px !important;}
#header .member_util .w1230 li a,
#header .member_util .w1230 li.join a, 
#header .member_util .w1230 li.cart a{border:none !important;padding: 0 0px 0 23px !important; background-position: 0px 50% !important; margin-right:10px !important;}
#header .member_util .w1230 li a:hover { color:#333 !important;}
#header .member_util .w1230 li.notice {line-height:30px !important;}
#header .member_util .w1230 li.notice a {padding:0px 10px !important; line-height:30px !important; border:1px #d1d1d1 solid !important; border-radius:4px !important; margin:0px !important; }
#header .member_util .w1230 li.notice a:hover {background:#f9f9f9; border:1px #666 solid !important;} 
#header .member_util li.search a {width:40px !important; height: 40px !important; background:#63bb1a url('/html/images/common/search_w.png') 50% 50% no-repeat !important; margin:0px 0px 0px 10px !important; border-radius:50% !important; padding:0px !important;}
#header .member_util li.search a:hover {background-color:#4ea00a !important;}

.menu_wrap { position:relative;width:100%; height:80px; display:flex; justify-content:center; background:#0050a2 !important; }
#gnb { width:100%; max-width:1230px; top:0px !important; left: 50% !important; margin-left:0px !important;transform:translateX(-50%) !important;}
#gnb > ul {display:flex !important; justify-content:space-around;  gap:20px;}
#gnb > ul > li.dep_tit {margin:0px !important; padding:0px !important;} 
#gnb > ul > li.dep_tit > a {display:block !important; color:#fff !important; line-height:80px !important; font-size:21px !important; padding:0px !important;}
#gnb > ul > li.dep_tit:hover > a,
#gnb > ul > li.dep_tit > a:hover {color:#94ef49 !important;}
#gnb > ul > li.dep_tit#board {display:none !important;}
#gnb .depth {left:50%  !important; transform:translateX(-50%);top:72px !important; width: 220px !important; padding:30px 0px 20px 0px !important; border:none !important; border-radius:5px !important; box-shadow:0px 0px 10px rgba(0,0,0,0.3) !important; }
#gnb .one_depth::after {width:100% !important;height:6px !important; background:#63bb1a !important; left:0px !important; top: 0px !important;border-radius:5px 5px 0px 0px !important;}
#gnb .depth li a {font-size:17px !important; color:#000 !important; letter-spacing:-0.05em !important; padding:0px 15px 0px 30px !important;}
#gnb .depth li a:hover {text-decoration:underline;}

#footer  {padding-top:0px !important;}
#footer .foot_top {display:flex !important;justify-content:center; flex-wrap:wrap; gap:30px; padding:30px 0px !important; }
#footer .foot_top a {margin:0px !important; font-size:1rem !important; color:#fff !important;}
#footer .foot_bottom {display:flex; gap:50px; align-items:center; font-size:15px !important; color:#a8a8a9 !important; box-sizing:border-box;}
#footer .foot_bottom .foot_logo {width:250px;filter:invert(100%) grayscale(100%) contrast(100%) brightness(100%); opacity:0.8; }
#footer .foot_bottom .foot_logo img {max-width:100%; max-height:50px;}
#footer .foot_bottom .foot_copy {width:calc(100% - 300px);font-size:17px; letter-spacing:0em;}


h3.title {margin-bottom:30px !important;}
.p_txt {font-size:20px; color:#666; line-height:1.3; margin-top:5px;}

.main_cate {width:100%; display:flex !important; flex-wrap:wrap; gap:20px;box-sizing:border-box;}
.main_cate li {width:calc((100% - 60px) / 4) !important; border:1px #ddd solid; border-radius:10px !important; box-sizing:border-box; background:#70b437; transition: all 0.2s ease-in;}
.main_cate li:hover {background:#0050a2;}
.main_cate li a {transition: all 0.2s ease-in;}
.main_cate li .img_box {position:relative; width:100%; padding-bottom:50%;border-radius:10px 10px 40px 0px !important; background-size:cover !important;box-sizing:border-box;} 
.main_cate li .con_box {position:relative;width:100%; padding:50px 10px 20px; text-align:center; box-sizing:border-box;}
.main_cate li .con_box h4 {text-align:center; color:#fff; font-size:20px; line-height:1.2;}
.main_cate li .con_box::before {content:''; position:absolute; left:50%; top:0px; transform:translate(-50%, -50%);width:80px; height:80px; border-radius:50%;background-color:#fff !important; }
.main_cate li.main_cate1 .img_box {background:url('/html/images/common/main_cate1_new.png') 50% 50% no-repeat;}
.main_cate li.main_cate2 .img_box {background:url('/html/images/common/main_cate2.png') 50% 50% no-repeat;}
.main_cate li.main_cate3 .img_box {background:url('/html/images/common/main_cate3.png') 50% 50% no-repeat;}
.main_cate li.main_cate4 .img_box {background:url('/html/images/common/main_cate4_new.png') 50% 50% no-repeat;}
.main_cate li.main_cate1 .con_box::before {background:url('/html/images/common/course1.png') 50% 50% no-repeat;}
.main_cate li.main_cate2 .con_box::before {background:url('/html/images/common/course2.png') 50% 50% no-repeat;}
.main_cate li.main_cate3 .con_box::before {background:url('/html/images/common/course3.png') 50% 50% no-repeat;}
.main_cate li.main_cate4 .con_box::before {background:url('/html/images/common/course4.png') 50% 50% no-repeat;}

.main_location_cs {position:relative;width:100%; background:#008cb7; }
.main_location_cs:before {content:''; position:absolute; left:0%; top:0px;width:50%; height:100%;background:#283a68;}
.main_location_cs .w1230 {display:flex; flex-wrap:wrap; gap:50px 120px;}
.main_location_cs h2 {font-size:24px; font-weight:600; color:#fff; line-height:40px;}
.main_location_cs p {display:flex; gap:15px; align-items:center;color:#fff; line-height:30px; margin-bottom:20px;}
.main_location_cs a {color:#fff !important; }
.main_location_cs p b{ font-size:25px;font-weight:800; letter-spacing:-0.01em;}
.main_location_cs .subway {border-top:1px rgba(255,255,255,0.2) solid; padding:30px 0px 30px 30px;color:#fff;  background:url('/html/images/common/subway.png') 0px 50% no-repeat; margin-top:30px;}
.main_location_cs .bank {position:relative; border:2px rgba(255,255,255,0.2) solid; border-radius:10px; padding:15px 15px 15px 90px; color:#fff; background:url('/html/images/common/bank_logo.png') 25px 50% no-repeat;}

.main_location,
.main_cs {position:relative; width:calc((100% - 120px) / 2); box-sizing:border-box; padding-left:100px;}
.main_location:before,
.main_cs:before  {content:''; position:absolute; left:0%;top:0px;width:80px; height:80px; border-radius:50%; background-size:cover !important; }
.main_location:before {background:rgba(255,255,255,0.2) url('/html/images/common/icon_location.png') 50% 50% no-repeat;}
.main_cs:before {background:rgba(255,255,255,0.2) url('/html/images/common/icon_cs.png') 50% 50% no-repeat;}
.main_map {width:100%; border-radius:10px; overflow:hidden;box-sizing:border-box;}
.main_map .root_daum_roughmap  {border-radius:10px;}
.main_map .wrap_controllers  {display:none !important;}

.partner {width:100%;padding:40px; text-align:center; box-sizing:border-box;}
.partner ul { width:100%; max-width:1230px; display:flex; gap:20px; justify-content:center;align-items:center; margin:0px auto;}
.partner li {width:100%; border:1px #dfdfdf solid; border-radius:10px; background:#fff; text-align:center; display:flex; justify-content:center;align-items:center;box-sizing:border-box; overflow:hidden;}
.partner li a {width:100%;display:block;box-sizing:border-box;}
.partner li img { max-width:100%;}


.best_list .item .con_box {padding:20px !important;}
.best_list .item .con_box h4 {text-align:center !important;}

#sub_banner {position:relative !important;width:50% !important;background:#fff !important; height:130px !important;}
#sub_banner h2:before {width:70px !important; height:50px !important; border-right:1px #ddd solid !important; background-size: auto 50px !important;}
#sub_banner h2 {position:relative; top:50%; transform:translateY(-50%); width:100% !important;color:#000 !important; font-size:2rem !important; text-align:left !important;letter-spacing:-0.7pt; line-height:50px !important; font-weight:bold; z-index:99;}
#visual_banner > .w1230 {display:flex !important;justify-content:space-between; }
#visual_banner .stickyMenu {left:0px !important; transform: translateX(0%) !important; width:50% !important; max-width:1230px !important; padding:50px 0px !important;}
.stickyMenu .lnb {justify-content: flex-end !important;  }

.lnb_depth {border-radius:10px !important; margin:0px auto 40px !important; min-height:60px !important; background-color:#f9f9f9 !important;}
.lnb_depth .lnb_cont {padding:0px 10px !important; min-height: 60px !important; }
.lnb_depth .prevArrow {width:70px !important; height:100% !important;background-color:#f9f9f9 !important; border-radius:10px 0px 0px 10px !important;padding:calc(3% + 15px) 0 0 0 !important;}
.lnb_depth .prevArrow::after {top:40%; font-size:14px !important; margin:10px 0 0 !important;}
.lnb_depth .prevArrow::before {top:35% !important;}
.lnb_depth .prevArrow + .lnb_cont{width:calc(100% - 70px) !important;margin-left:70px !important;}
.lnb_depth ul li {position:relative !important;margin:0px !important;padding:0px 25px !important;}
.lnb_depth ul li a {position:relative !important;display:block !important;line-height:20px !important; padding:20px 0px !important;}
.lnb_depth ul li a.pointColor {text-decoration:none !important;  color:#5fa822 !important;}
.lnb_depth ul li.active a:before {content:''; position:absolute; left:0px;bottom:0px; width:100%;height:3px; background:#5fa822;  }

.cont_util.util_rel {padding-top:0px !important;margin-top:0px !important; }

.photo_list .item .con_box {padding:20px !important;}

.quick {width:102px !important; }
.quick .quick_in .imgCont {text-align:center !important;}
.quick .quick_in .imgCont a { margin-bottom:20px !important;  overflow:visible !important;}
.quick .quick_in .imgCont a:last-child {margin:0px !important;}
.quick .quick_in .imgCont a img { width:70px !important; height:70px !important; background-color:#f1f4f8 !important; border-radius:50% !important;}
.quick .quick_in .imgCont a p {font-size:13.5px; color:#333; text-align:center; padding-top:5px;}

.privacy h3,
.clause h3 {margin-top: 30px !important; color:#000 !important;}
.clause ol.depth2 li {padding-left:20px !important;}
.privacy dl dd {padding-left:20px !important;}


.sub_wrap {padding:0px 0px 60px 0px !important;}
.intro {display:flex; flex-wrap:wrap; gap:50px;}
.intro_title {width:100%;border-top:1px #70b437 solid; border-bottom:4px #70b437 solid; padding:30px 0px;}
.intro_title h2 {font-size:25px; font-weight:500; color:#000; line-height:1.6; word-break:keep-all;}
.intro_title h2 em {color:#70b437;font-weight:600;}
.intro_title h2 b {color:#000;font-weight:600;}

.intro_cont {display:flex; flex-wrap:wrap; gap:40px; width:100%;background: url('/html/images/common/intro_cont.png') 100% 0% no-repeat; padding-right:300px;} 
.intro_cont p {width:100%; font-size:1.1rem; color:#000; line-height:1.6; word-break:keep-all;}
.intro_cont p.sign {font-size:1rem; color:#666;}
.intro_cont p em {color:#0050a2; font-weight:600;}

.intro_paper img {max-width:100%;}

.location_cont h3.title {font-size:25px !important; }
.location_cont h3.title em {color:#70b437;font-weight:600;}
.location {position:relative !important;}
.detailBtn {bottom:10px !important;}
.location .loca_info dl dd {line-height:1.5 !important;}
.location .loca_info dl dd em {font-style: normal;color: #fff; font-size: 15px;  font-weight: 400; letter-spacing: -0.6pt; display: inline-block; text-align: center;  line-height: 22px;height: 22px;  margin-right: 3px;}
.location .loca_info dl dd .line {width: 22px;border-radius: 100%; background: #29c531;}
.location .loca_info dl dd .bus {padding:0px 15px;border-radius: 30px; background: #0050a2;}

@media (min-width:1500px) {
	.best_list {width:100% !important;}
}

@media (min-width:1024px) {
	#header .head_in { display:none !important;}
}

@media (min-width:981px) {
	.lnb_depth ul li.active {border-left:1px #ddd solid !important;border-right:1px #ddd solid !important; background:#fff !important;}
	.lnb_depth ul li.active:before {content:''; position:absolute; left:0px;bottom:-2px; width:100%;height:5px; background:#fff;  }
}
@media (max-width: 1500px) {
	.slick-prev {left:20px !important;}
	.slick-next {right:20px !important;}
	.slick-prev, .slick-next {width:50px !important;height: 50px !important;}
}

@media (max-width: 1300px) {
    #gnb > ul > li.dep_tit > a {font-size:20px !important; }

	.sub_wrap {padding:0px 20px 60px 20px !important;}

	.main_location_cs .w1230 {gap:30px 60px;}
	.main_location_cs h2 {font-size:20px;line-height:30px;}
	.main_location_cs p {gap:10px;line-height:30px; margin-bottom:20px;}
	.main_location_cs p b{ font-size:22px; }
	.main_location_cs .subway { padding:25px 0px 25px 30px;margin-top:20px;}
	.main_location_cs .bank {padding:10px 10px 10px 80px;background-position:20px 50% !important;}

	.main_location,
	.main_cs {position:relative; width:calc((100% - 80px) / 2);padding-left:70px;}
	.main_location:before,
	.main_cs:before  {width:50px; height:50px;}

	.partner {padding:40px 20px; }
}

@media (max-width: 1024px) {
    .menu_wrap  {display: none; }
	#header .head_in {border-bottom:2px #0050a2 solid !important; }

	.main_cate li .con_box h4 {font-size:17px !important; }
	.main_cate li .con_box::before {width:60px; height:60px; background-size:40px !important; }

	

}

@media (max-width: 980px) {

	#footer .foot_bottom .foot_copy {font-size:16px;}
    .lnb_depth .lnb_cont {padding:10px 0px !important;}
	.lnb_depth ul li {padding:0px 20px !important;}
	.lnb_depth ul li a { padding:8px 0px !important;}
	.lnb_depth ul li.active a:before {height:2px;}
	
	.slick-prev, .slick-next {width:40px !important;height: 40px !important;}

	.main_location_cs.compad {padding:0px !important;}
	.main_location_cs:before {display:none;}
	.main_location_cs .w1230 {padding:0px; gap:0px;}
	
	.main_cs {width:100% !important; padding:30px 20px 30px 70px; order:0;}
	.main_location {width:100% !important; padding:30px 20px 0px 70px; order:1;}
	.main_map {width:100% !important; padding:0px 20px 30px 20px; border-radius:0px; order:2;}
	.main_cs {background:#283a68;}
	.main_location:before,
	.main_cs:before  { left:20px; top:30px; width:40px; height:40px;}
	.main_location_cs p {line-height:1.3;}
	.main_location_cs .subway {padding:20px 0px 20px 30px;}
	.main_map .root_daum_roughmap  {height:300px !important;}

	.partner {padding:30px 20px; }
	.partner ul {gap:10px;}
	.partner li { width:calc(( 100% - 50px ) / 6 ); }
}	

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

	#footer .foot_top {gap:20px !important;padding:20px 0px !important;}
	#footer .foot_bottom {flex-wrap:wrap; gap:10px; font-size:14px; }
	#footer .foot_bottom .foot_logo {width:100%;}
	#footer .foot_bottom .foot_logo img {max-width:200px; max-height:30px;}
	#footer .foot_bottom .foot_copy {width:100%;font-size:15px;}

	.compad {padding-top:40px !important; padding-bottom:40px !important;}
	.compad_t {padding-top:40px !important; padding-bottom:0px !important;}
	.compad_b {padding-top:0px !important; padding-bottom:40px !important;}

	h3.title {font-size:22px !important;margin-bottom:20px !important;}
	.p_txt {font-size:15px !important;}

	.slick-prev, .slick-next {display:none !important;}
	.sub_imgbox .slick-dots {gap:5px !important; bottom:15px !important; width:calc(100% - 40px) !important; }
	.sub_imgbox .slick-dots li { width:8px !important; height:8px !important;}
	.sub_imgbox .slick-dots li.slick-active {width:24px !important;}


	#visual_banner {margin-bottom:20px !important;}
	#sub_banner {width:100% !important;height:60px !important;}
	#visual_banner > .w1230 {flex-wrap:wrap; justify-content:center; }
	#sub_banner h2 {gap:4px !important; justify-content: flex-start !important; top:25px !important;transform:translateY(0%) !important;font-size:20px !important; text-align:left !important;line-height:30px !important;}
	#sub_banner h2:before {width:35px !important; height:30px !important; background-size: auto 27px !important;border:none !important; }
	#visual_banner .stickyMenu {width:100% !important; padding:0px 0px !important;}
	.stickyMenu .lnb {justify-content: flex-end !important;  }
	.lnb .box .title:before {right:0px !important;}

	.main_cate {gap:10px;}
	.main_cate li {width:calc((100% - 20px) / 2) !important;}
	.main_cate li .img_box {border-radius:10px 10px 30px 0px !important;} 
	.main_cate li .con_box {padding:30px 10px 15px;}
	.main_cate li .con_box h4 {font-size:15px !important;}
	.main_cate li .con_box::before {width:46px; height:46px; background-size:24px !important; }

	.main_cs p {flex-wrap:wrap; white-space:nowrap; gap:0px 10px;}
	.main_cs p b {white-space:nowrap;}
	.main_location_cs .bank {padding: 10px 10px 10px 70px !important; background-position: 15px 50% !important; background-size:40px  !important;}

	.partner {padding:20px; }
	.partner ul {flex-wrap:wrap; gap:6px;}
	.partner li { width:calc(( 100% - 12px ) / 3 ); border-radius:6px;}
	.partner li a { padding:0px; }

	.lnb_depth { margin:0px auto 20px !important; min-height:40px !important;}
	.lnb_depth .lnb_cont { min-height: 40px !important; }
	.lnb_depth .prevArrow {width:40px !important; height:100% !important;}
	.lnb_depth .prevArrow::after { font-size:12px !important;}
	.lnb_depth .prevArrow + .lnb_cont{width:calc(100% - 40px) !important;margin-left:40px !important;}
	.lnb_depth ul li {padding:0px 10px !important;}
	.lnb_depth ul li a { padding:5px 0px !important;}
	.lnb_depth ul li.active a:before {display:none;}

	.quick { width:70px !important;}
	.quick .quick_in { padding: 9px !important;}
	.quick .quick_in .imgCont a { margin-bottom:15px !important;}
	.quick .quick_in .imgCont a:last-child {margin:0px !important;}
	.quick .quick_in .imgCont a img { width:50px !important; height:50px !important;}
	.quick .quick_in .imgCont a p {font-size:12px;line-height:1.2 !important; word-break:keep-all !important;}

	.thum_list {padding:0px !important;}
	.thum_list .item {display:flex !important; flex-wrap:wrap !important;align-content:flex-start; gap:20px !important;padding:20px 0px !important;}
	.thum_list .item .img_box {width:140px !important;border-radius:10px !important; }
	.thum_list .item .img_box a img {border-radius:10px !important;}
	.thum_list .item .con_box {width:calc(100% - 163px) !important;padding:0px !important;}
	.thum_list .item .con_box p.stxt { height:auto !important;max-height: 3.1rem !important;}
	.thum_list .item .con_box ul {margin: 5px 0 0px !important;}
	.thum_list .item .con_box .btn { display:none !important;}

	.intro {gap:40px;}
	.intro_title {border-bottom:3px #70b437 solid; padding:20px 0px;}
	.intro_title h2 {font-size:18px;}
	.intro_cont {gap:20px; background:none; padding:0px;} 
	.intro_cont p br {display:none;}

	.location_cont h3.title {font-size:20px !important; }

	#visual_banner .lnb .txt, #visual_banner .lnb .dropLst li span, #visual_banner .lnb .dropLst > a {font-size:12px !important; }
}

@media (max-width: 370px) {
	.main_location_cs .bank {padding: 10px 10px 10px 55px !important; background-position: 15px 50% !important; background-size:30px  !important;}

}

@media (max-width: 340px) {
	.main_location_cs .bank {padding: 10px !important; background:none  !important;}

}