@charset "utf-8";

:root {
    --point-color: #333 !important;
}

body, body * {letter-spacing:-0.02em !important; font-family:'Pretendard' !important; word-break:keep-all !important;}
body .grayBox {background-color: #f2f2f2 !important;}

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

#header .head_in {padding:10px !important;}
#header .head_in h1 a {height:70px !important;}
#header .head_in h1 .svg_logo {max-height:70px !important;}
.login_cont h1 .svg_logo {max-height: 70px !important;}

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

#wrap {overflow:hidden;}
body .compad { padding-top:80px !important; padding-bottom:80px !important; }
body .compad_t {padding-top:80px !important; padding-bottom:0px ; }
body .compad_b {padding-top:0px ; padding-bottom:80px !important; }

body #header { box-sizing:border-box;}
body #header .member_util .w1230 { margin:15px auto; display:flex !important; justify-content:space-between !important;}
body #header .member_util h1 {position: relative;display: inline-block;z-index: 1000; vertical-align: top;}
body #header .member_util h1 a {display: flex; position: relative; z-index: 1000; height:70px; align-items: center;}
body #header .member_util h1 .svg_logo {max-height:70px;}
body #header .member_util .w1230 ul {display:flex; flex-wrap:nowrap; gap:21px; width:auto;justify-content:flex-end;}
body #header .member_util .w1230 li {position:relative;height:30px !important; line-height:30px !important; border:none !important; }
body #header .member_util .w1230 li a { font-size:13px; color:#333; border:none !important; padding: 0 0px 0 18px !important; background-position: center left !important;background-repeat:no-repeat !important;}
body #header .member_util .w1230 li a:hover {text-decoration:underline;color:#000;}
body #header .member_util .w1230 li:before {content:''; position:absolute !important; left:-10px; top:50%; transform:translateY(-50%); width:1px;height:12px;background:#ccc !important;}
body #header .member_util .w1230 li:first-child::before {display:none;}
body #header .member_util .w1230 li.name {font-size:13px; padding: 0 0px 0 20px !important;background-size:14px auto !important;}

body #header .member_util .w1230 li.login a {background-image: url('/html/images/common/m_login.png');}
body #header .member_util .w1230 li.join a {background-image: url('/html/images/common/m_join.png');}
body #header .member_util .w1230 li.my a {background-image: url('/html/images/common/m_my.png');}
body #header .member_util .w1230 li.cs a {background-image: url('/html/images/common/m_cs.png');}
body #header .member_util .w1230 li.manager a {background-image: url('/html/images/common/m_manager.png');}
body #header .member_util .w1230 li.cart a {background-size:14px auto !important;}
body #header .member_util .w1230 li.logout a {background-size:12px auto !important;}


#header.nofixed {top: -175px !important;}

body #footer {background:#000;}

#gnb {position:absolute !important;width:100% !important; max-width:1200px !important; top:100px !important; left:50% !important;transform:translateX(-50%); margin:0px !important; box-sizing:border-box;}
#gnb > ul {width:100% !important;display:flex; flex-wrap:nowrap; justify-content:center; margin:0px 0px !important; }
#gnb > ul > li { margin:0px !important; padding:0px !important; }
#gnb > ul > li a{width:auto;line-height:30px !important; padding:0px 0px !important;}
#gnb > ul > li.dep_motto {padding:10px 30px !important; }
#gnb > ul > li.dep_tit > a {position:relative !important; display:block !important;font-size:18px !important; color:#555 !important;  padding:10px 30px !important; transition:all 0.3s !important;}
#gnb > ul > li.dep_tit > a:before {content:''; position:absolute !important; left:0px; top:50%; transform:translateY(-50%);width:1px;height:16px;background:#ddd !important; transition:all 0.3s !important; }
#gnb > ul > li.dep_tit > a:hover{color:#000 !important; }
#gnb .depth {top:51px !important; width:200px !important; padding:0px 0 !important; border-top:none !important;}
#gnb .one_depth::after {display:none !important;}
#gnb .depth li {margin:0px !important;}
#gnb .depth li a {padding:10px 25px !important; font-size:15px;line-height:20px !important;}
#gnb .depth li a:hover {color:var(--point-color) !important; background:#f8fbff !important;}

#visual .dot_custom .slick-dots {width:100%; background:rgba(0,0,0,0.5);}
#visual .dot_custom .slick-dots li {background:none ;}
#visual .dot_custom .slick-dots li a {color:#fff ; font-weight:600;}
#visual .sub_imgbox .slick-dots li.slick-active { background:rgba(0,0,0,0.7);}

#visual_banner.grayBox {position:relative;background-color:#fff !important; }
#visual_banner .stickyMenu .lnb {justify-content: flex-start !important;}
#visual_banner:before {content:''; position:absolute; left:0px; top:0px; width:100%; height:66px; background:#f2f2f2; } 
#visual_banne #sub_banner.bgColor {background:#fff !important;}
body #visual_banner .lnb .txt, 
body #visual_banner .lnb .dropLst li span, 
body #visual_banner .lnb .dropLst > a { color:#333 !important; font-weight:600;}

body .contents_in.about_cont {padding: 50px 20px !important;}
body .contents_in.about_cont.w1230 {max-width:1270px;}
body .contents_in.about_cont img {max-width:100%; height:auto;}
body .contents_in.about_cont ul,
body .contents_in.about_cont li {list-style:none;}

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

.process_ing dl dd h4,
.item .con_box h4 {font-size:20px !important;height:auto !important; font-weight:600 !important; color:#000 !important;height:auto !important; line-height:25px !important; margin-bottom:12px !important;max-height:50px !important;overflow:hidden !important;  word-break:keep-all !important;}

.thum_list {padding:0px !important;}

body .thum_list .item .con_box .btn a { border-radius:5px; padding:0px;}
body .thum_list .item .con_box .btn a img.svg {display:none;}
body .apply_view .applyBtn {margin-top:10px;}
body .apply_view .applyBtn a {height: 50px;line-height: 50px; border-radius:5px;}
body .apply_view .applyBtn a .svg {display:none;}

.lnb_depth ,
.lnb_depth .lnb_cont {min-height:30px  !important;}
.lnb_depth { border:none !important;}
.lnb_depth .lnb_cont {border:1px #ddd solid !important; border-radius: 10px !important;}
.lnb_depth .prevArrow {display:none !important;}
.lnb_depth .prevArrow + .lnb_cont {width:100% !important ; margin-left:0px !important;}

/* 메인 */
.main_course { width:100%;display:flex; flex-wrap:wrap; gap:20px;box-sizing:border-box;}
.main_course * {box-sizing:border-box;}

.mc_tit {width:100%;}
.mc_tit ul {width:100%; display:flex; flex-wrap:nowrap; gap:10px;}
.mc_tit li {border-radius:30px; text-align:center; padding:10px; height:50px;  background:#000000;}
.mc_tit li img {max-width:100%;}
.mc_tit li.mc_tit1 {width:calc(30% - 5px);}
.mc_tit li.mc_tit2 {width:calc(70% - 5px); }
.mc_tit li.active {background:#fcb525 !important; }

.mc_cont {width:100%; background:#fff; padding:0px; border-radius:10px; }
.mc_tab {width:100%; display:flex; flex-wrap:nowrap; gap:0px; margin-top:10px;}
.mc_tab li {position:relative; width:10%;}
.mc_tab li:before {content:''; position:absolute; left:0%;transform:translateY(-50%); top:50%; background:#ddd; width:1px; height:70px;}
.mc_tab li:nth-child(2):before {display:none;}
.mc_tab li:nth-child(6):before {width:2px; background:#000;}
.mc_tab li a {width:100%; display:block; padding:10px 10px 16px 10px; text-align:center;}
.mc_tab li a h1 { font-size:15px;font-weight:800; color:#000;;line-height:1.1; letter-spacing:-0.05em;}
.mc_tab li a h2 { font-size:1rem;font-weight:500; color:#555;display:flex; justify-content:center;align-items:center; word-break:keep-all; width:100%;line-height:1.1; height:46px; letter-spacing:-0.07em;}
.mc_tab li a p { font-size:12px; line-height:1.2; margin-top:3px;}
.mc_tab li.active:after {content:''; position:absolute; left:50%;transform:translateX(-50%); bottom:0px; background:#fcb527; width:60%; height:3px; }
.mc_tab li.active a h1 {color:#fcb527;}
.mc_tab li.mc_tit {display:none !important;}

.mc_mdm {padding:20px;}
.mc_mdm img {max-width:100%; border-radius:10px;}

.main_bt_cs {width:100%; text-align: center; padding:40px 0px;}
.main_bt_cs ul {position: relative; width:100%; max-width:1230px;display:flex;flex-wrap:wrap; margin: 0px auto; }
.main_bt_cs li { display:flex; flex-wrap:wrap;justify-content:center; position: relative; width:calc(100% / 3 ); height:220px; text-align: center; box-sizing: border-box; padding:0px 15px 50px;}
.main_bt_cs li::before { content: ''; position: absolute;left:0%; top:0%; width:1px;  height:100%; background: #ddd;}
.main_bt_cs li:first-child::before { display:none;}
.main_bt_cs li h2 {width:100%; position: relative; font-weight:600; color: #000; text-align: center; height:auto; font-size:24px; line-height:40px !important; padding-bottom:0px; margin:0px;letter-spacing: -0.05em;}
.main_bt_cs li h2:before { content: ''; position: absolute;left: 50%; bottom: 0px; width: 40px;  height: 2px; transform:translateX(-50%); background: #fcb525;}
.main_bt_cs li p {width:100%; max-width:225px; font-size:1rem;color: #666; font-weight: 500;text-align: left; padding:26px 0px 50px 0px;  line-height: 20px;  margin:0px 0px;}
.main_bt_cs li a.mbcs_link {position:absolute; left:50%; bottom:0px; transform:translateX(-50%);display: inline-block; width:auto; font-size:16px;font-weight: 500;color: #646464;line-height:20px;margin:0px auto;padding:9px 25px; border: 1px #646464 solid;border-radius: 30px; text-align: center;}
.main_bt_cs li a.mbcs_link:hover { color: #fff; border: 1px #fcb525 solid;  background: #fcb525;}
.main_bt_cs li.mb_cs1 p {background: url('/html/images/common/mb_cs1.png') right bottom no-repeat;}
.main_bt_cs li.mb_cs2 p {background: url('/html/images/common/mb_cs2.png') right bottom no-repeat;}
.main_bt_cs li.mb_cs3 p {background: url('/html/images/common/mb_cs3.png') right bottom no-repeat;}


.sub_tab {width:100%; max-width:1270px; margin:0px auto 60px auto; padding:0px 0px; border-bottom:1px #a1a1a1 solid; }
.sub_tab ul { width:70%; display:flex; flex-wrap:nowrap; margin:0px auto !important; padding:0px !important; }
.sub_tab li { width:100%;  list-style:none !important; }
.sub_tab li a {position:relative;display:block; padding:20px; box-sizing:border-box;color:#333; font-size:24px;font-weight:500; text-align:center;letter-spacing:-0.05em;}
.sub_tab li.active a {color:#000;font-weight:700;}
.sub_tab li.active a:before {content:''; position:absolute; left:0px; bottom:0px; width:100%; height:3px; background:#000;}

.sub_title {width:calc(100% - 40px); max-width:1230px; font-size:35px; font-weight:800; color:#000; text-align:center; margin:60px auto 50px auto; letter-spacing:-0.05em;}
.sub_title small {display:block; font-size:20px; font-weight:500; padding-top:10px;}

.license1_1 {width:100%; background:#000; text-align:center;}
.license1_2 {width:100%; background:#f2f2f2;text-align:center; padding-left:15px !important; padding-right:15px !important; box-sizing:border-box;}
.license1_3 {width:calc(100% - 40px); max-width:1230px; display:flex; flex-wrap:wrap; gap:30px; padding:0px !important; margin:0px auto 100px auto;}
.license1_3 li { position:relative;width:calc((100% - 30px ) / 2); }
.license1_3 li:before {content:''; position:absolute; left:-16px; top:0px; width:2px; height:100%; background:#ddd; }
.license1_3 li:first-child::before {display:none;}

.license1_4 {width:100%; background:#f2f2f2; text-align:center;}

.license2 {width:calc(100% - 40px); max-width:1230px;margin:0px auto 80px auto;}

.faq_cont dt span.pointColor { color:#000 !important;}	
.faq_cont dd span.A {color: #fab323 !important;}

.form_table {}
.btnWrap { width:100%; display:inline-block;}
.write_btn {background-image:none !important;padding:0px !important; text-align:center !important;}

.applyBtn a.learn,
.thum_list .item .con_box .btn a.learn,
.list_btn .btn_b {background-color: #333 !important;border-color:#333 !important;}


.privacy h3,
.privacy strong,
.clause h3 { display:block;margin-top: 30px !important; color:#000 !important;}
.privacy ol, 
.privacy ul {padding:0px !important;}
.clause .depth1 {padding:0px !important;}
.clause .depth2 {padding-left:20px !important;}

.refund h3 { margin-top: 30px !important; color:#000 !important;}
.refund .depth1 {padding:0px !important;}
.refund .depth2 {padding-left:20px !important;}

.view_cont p img {max-width:100% !important; height:auto !important;}

.explain img {max-width:100% !important; height:auto !important;}


@media (max-width: 1300px) { 
	#visual_banne .w1230 {padding:0px !important;}
}

@media all and (min-width:1024px) {	
	#header .head_in {padding:25px 0px !important;}
	#header .head_in h1 {display:none !important;}
}

@media (max-width: 980px) { 
	body .compad { padding-top:60px !important; padding-bottom:60px !important; }
	body .compad_t {padding-top:60px !important; }
	body .compad_b { padding-bottom:60px !important; }
	
	#visual_banner:before { height:56px !important;}
	
	.process_ing dl dd h4,
	.item .con_box h4 {font-size:18px !important;}
		
	.sub_tab li a { font-size:20px;}

	.sub_title { font-size:26px; margin:40px auto 30px auto;}
	.sub_title small { font-size:17px;}

	.license1_3,
	.license2 {margin-bottom:60px;}


	.mc_tit li img {max-height:14px;}
	.mc_tab li a h1 {font-size:13px;}
	.mc_tab li a h2 {font-size:14px;}

	.main_bt_cs li p {background-size:auto 55px !important;}


}

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

	body .compad { padding-top:40px !important; padding-bottom:40px !important; }
	body .compad_t {padding-top:40px !important; }
	body .compad_b { padding-bottom:40px !important; }
	
	body .w1230 { padding-left:15px !important; padding-right:15px !important;}
	body .contents_in.about_cont.compad {padding-top:30px !important;}
	body .contents_in.about_cont {padding:30px 20px !important;}
	
	#header .head_in h1 a {height:40px !important;}
	#header .head_in h1 .svg_logo  {max-height:40px !important;}

	#visual .dot_custom .slick-dots {width:auto; bottom:15px; background:none;}
	#visual .dot_custom .slick-dots li{ background:rgba(0,0,0,0.5);}
	#visual .sub_imgbox .slick-dots li.slick-active { background:#fff;}

	#visual_banner:before { height:46px !important;}

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

	.lnb_depth {margin: 20px auto !important;}	

	.process_ing dl dd h4,
	.item .con_box h4 {font-size:16px !important;}

	body .cont_util {margin: 20px 0px; }
			
	.process_ing dl dd h4,
	.item .con_box h4 {font-size:16px !important;}

	.thum_list {display:flex !important; flex-wrap:wrap !important; gap:0px;padding:0px !important;}
	.thum_list .item {display:flex !important; align-items:flex-start !important; gap:15px !important; padding:20px 0px !important;}
	.thum_list .item .img_box {width:120px !important;border-radius:10px !important;}
	.thum_list .item .img_box a img {border-radius:10px !important;}
	.thum_list .item .con_box { width:calc(100% - 135px) !important; padding:0px !important;}
	.thum_list .item .con_box h4 {margin-bottom:6px; !important;}
	.thum_list .item .con_box ul {margin-bottom:0px !important;}
	.thum_list .item .con_box ul li {font-size:13px !important;}
	.thum_list .item .con_box .btn {display:none !important;}

	.photo_list .item .con_box ul li  {font-size:13px !important;}

	.sub_tab {margin-bottom:30px;}
	.sub_tab ul { width:80%; }
	.sub_tab li a {padding:10px; font-size:15px;}

	.sub_title { font-size:18px; margin:30px auto 15px auto;}
	.sub_title small { font-size:14px;}
	
	.license1_3 {gap:20px; margin:0px auto 50px auto;}
	.license1_3 li {width:100%; }
	.license1_3 li:before {display:none;}

	.mc_tit {display:none;}

	.mc_tab {flex-wrap:wrap; gap:10px 0px;justify-content:center;}
	.mc_tab li {width:calc(100% / 4); }
	.mc_tab li:before {background: #ddd !important;width: 1px !important;height:50px !important;}
	.mc_tab li:nth-child(2):before,
	.mc_tab li:nth-child(5):before,
	.mc_tab li:nth-child(6):before,
	.mc_tab li:nth-child(10):before {display:none !important;}
	.mc_tab li a {padding:4px 8px 10px;}
	.mc_tab li a h1 {font-size:12px; line-height:1.1 !important;}
	.mc_tab li a h2 {font-size:13px;line-height: 1.2; height:36px;}
	.mc_tab li a p { font-size:10px; margin:0px;}
	.mc_tab li.mc_tit {width:calc(100% - 20px); margin:0px auto; display:flex !important; justify-content:center;align-items:center; background:#000000;  border-radius:30px; text-align:center; padding:5px; height:34px; margin-top:5px;}
	.mc_tab li.mc_tit img {height:15px;}
	.mc_tab li.mc_tit.active {background:#fcb525; }	
	.mc_tab li.mc_tit:before {display:none;}

	.mc_mdm { padding:10px;}

	.main_bt_cs { padding:10px 0px;}
	.main_bt_cs li {width:100%; height:auto; text-align:left; justify-content: flex-start; padding:20px 15px;}	
	.main_bt_cs li::before {left:0%; width:100%;  height:1px;}
	.main_bt_cs li h2 {font-size:18px; line-height:20px !important;text-align:left;}
	.main_bt_cs li h2:before {display:none;}
	.main_bt_cs li p {max-width:100%; padding:12px 0px 20px 0px;background-size:auto 50px !important;}
	.main_bt_cs li a.mbcs_link {position:relative; left:auto; bottom:auto;font-size:14px;padding:4px 20px; transform: translateX(0%); margin:0px;}
	
}