@charset "utf-8";
@import url('/html/css/color_theme.css');
@import url('/html/fonts/pretendard.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 .member_util {padding-top:60px !important;}
#header .member_util {border:none !important; box-sizing:border-box !important;}
#header .member_util li { border:none !important; line-height: 50px !important;}
#header .member_util li a { position:relative !important;padding:0px 15px !important; color:#333 !important; font-weight:400 !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:#ccc; }
#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:50px !important;height: 40px !important;background:url('/html/images/common/search.png') 50% 50% no-repeat !important; border:2px rgba(255,255,255,0.25) solid !important; border-radius:30px !important;box-sizing:border-box;}
#header .member_util li.search a:before {display:none !important;}
#header .member_util li.name {padding-right:15px !important;}
#header .head_in {position:static !important;width:100% !important; box-sizing:border-box; background-color:#041a71 !important;}
#header .head_in .mypage {display:none !important;}

.header h1 .svg_logo {max-width:200px !important; max-height: 50px;}

#header.fixed  {box-shadow:0 5px 12px rgb(0 0 0 / 5%);}
#header.nofixed {top:-220px !important;}

#footer {position:absolute; left:0px;bottom:0px ; width:100% !important;background:#001256 !important; padding:0px !important;border-top:none; height:370px; box-sizing:border-box;}
#footer .w1230 {padding:40px 0px !important;}
#footer .foot_top { width:100% !important;height:70px !important;padding:25px 0px !important; margin:0px !important;background:#99cbfa !important;box-sizing:border-box; overflow-x:auto;overflow-y:hidden;border-bottom:none !important;}
#footer .foot_top::-webkit-scrollbar {height:5px !important;border-radius:3px;}
#footer .foot_top::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3) !important; }
#footer .foot_top::-webkit-scrollbar-track {background-color:rgba(0,0,0,0.1) !important;  }
#footer .foot_top .w1230 {padding:0px !important;display:flex !important; flex-wrap:nowrap !important;}
#footer .foot_top a {position:relative;color:#000 !important;font-size:0.9rem !important;line-height:20px !important; font-weight:500 !important; padding:0px 20px !important;margin:0px !important; white-space:nowrap;}
#footer .foot_top a.sitemap {padding-right:35px !important;}
#footer .foot_top a.sitemap::after {content:''; position:absolute;right:15px;top:50%;transform:translateY(-50%)  rotate(0);width:10px;height:10px;background:url('/html/images/common/arrow2.png') 50% 50% no-repeat;background-size:contain !important; transition: all 0.2s linear;}
#footer .foot_top a.sitemap.on::after{transform:translateY(-50%) rotate(180deg); transition: all 0.2s linear;}
#footer .foot_top a:before {content:''; position:absolute; left:0px; top:50%;transform:translateY(-50%); width:1px; height:18px;background:rgba(0,0,0,0.15);}
#footer .foot_top a:first-child {padding-left:0px !important;}
#footer .foot_top a:first-child:before {display:none;}
#footer .foot_bottom {display: flex;justify-content:space-between; gap:50px; font-size:0.9rem !important;}
#footer .foot_bottom .foot_info {position:relative;color:rgba(255,255,255,0.4) !important;width:calc(100% - 200px); font-size:0.9rem !important; padding-top:60px;}
#footer .foot_bottom .foot_info .foot_logo {position:absolute;left:0px;top:0px;opacity:0.9;}
#footer .foot_bottom .foot_info .foot_logo .svg_logo { max-width:200px !important;max-height:35px !important;}
#footer .foot_bottom .foot_info .foot_menu {width:auto;display:flex !important; margin-top:20px;}
#footer .foot_bottom .foot_info .foot_menu a {position:relative;display:block;color:#fff !important;font-size:0.9rem !important; padding:0px 17px;}
#footer .foot_bottom .foot_info .foot_menu a::before {content:'';position:absolute;left:0px;top:50%;transform:translateY(-50%);width:1px;height:15px;background:rgba(255,255,255,0.15);}
#footer .foot_bottom .foot_info .foot_menu a:first-child {padding-left:0px;}
#footer .foot_bottom .foot_info .foot_menu a:first-child::before {display:none;}
#footer .foot_bottom .foot_info .foot_addr {display:flex;}
#footer .foot_bottom .foot_info .foot_addr .fal {display:flex; flex-wrap:wrap; width:70%;margin-right:5%;}
#footer .foot_bottom .foot_info .foot_addr .fal span {white-space:nowrap;font-weight:400; margin-right:15px;color:#8d91a7;}
#footer .foot_bottom .foot_info .foot_addr .far {width:25%;min-width:250px;}
#footer .foot_bottom .foot_info .foot_addr .far p {display:flex;font-weight:400;color:#8d91a7;}
#footer .foot_bottom .foot_info .foot_addr .far p span {font-weight:400;color:#fff;width:75px;opacity:0.8;}
 
#footer .foot_bottom .foot_sns {width:160px;padding-top:60px;}
#footer .foot_bottom .foot_sns h2 {font-size:15px;font-weight:500 !important; color:rgba(255,255,255,0.7) !important; margin-bottom:10px;}
#footer .foot_bottom .foot_sns ul {width:100%;display: flex; gap: 10px; }
#footer .foot_bottom .foot_sns li {width:45px;height:45px; border-radius:50%;} 
#footer .foot_bottom .foot_sns li a {display:block;width:100%;height:45px; background-size:95% auto !important; border-radius:50%;}
#footer .foot_bottom .foot_sns li a.fsns_fb {background:#1c2c69 url('/html/images/common/fsns_fb.png') 50% 50% no-repeat;}
#footer .foot_bottom .foot_sns li a.fsns_ig {background:#1c2c69 url('/html/images/common/fsns_ig.png') 50% 50% no-repeat;}
#footer .foot_bottom .foot_sns li a.fsns_yt{background:#1c2c69 url('/html/images/common/fsns_yt.png') 50% 50% no-repeat;}
#footer .foot_bottom .foot_sns li a:hover {background-color:#334178;}

#gnb {width:100% !important;max-width:1230px !important;position: absolute;top:110px !important; left: 50%; transform:translateX(-50%);margin-left:0px !important;}
#gnb > ul {width:calc(100% - 130px); display:flex; gap:10px;}
#gnb > ul > li {width:100%;padding:0px !important; margin:0px !important;}
#gnb > ul > li.dep_tit {position:relative; z-index:2 !important; margin:0px 10px !important;}
#gnb > ul > li.dep_tit > a {position:relative;display:block !important;width:100% !important;min-width:130px !important;height:70px;line-height:70px !important;color:#fff !important; z-index:2 !important;white-space:nowrap !important; padding:0px 10px !important;font-size:17px !important;text-align:center; box-sizing:border-box;}
#gnb > ul > li.dep_tit.on > a {color:#041a71 !important;}
#gnb .depth {padding:0px !important; width:100% !important;min-width:140px !important;}
#gnb .depth > li {margin:0px !important;}
#gnb .depth li a {line-height:22px !important;padding:12px 20px !important;}
#gnb .depth li a:hover {background:#f5f5f5 !important;}
#gnb .depth li a::after {right:20px !important;top:50% !important;transform:translateY(-50%) !important; width:14px !important; height:3px !important;border-radius:3px !important;background:#041a71 !important; 
filter: none !important;}
#gnb .one_depth {width:105% !important;top:70px !important; left:50% !important;transform:translateX(-50%) !important;}
#gnb .one_depth::after { display:inline-block;top:-85px !important;left:50% !important;transform:translateX(-50%) !important; width:100% !important;height:85px !important;border-radius:8px 8px 0px 0px !important;border:1px solid #dbdbdb !important;background:#fff !important; z-index:-10 !important; box-sizing:border-box !important; }
#gnb .one_depth::before {content:'';position:absolute; display:inline-block;top:-65px !important;left:50% !important;transform:translateX(-50%) !important; width:60px !important;height:2px !important;background:#041a71 !important; z-index:-2 !important; }
#gnb .two_depth,
#gnb .three_depth {top:-1px !important; left:100% !important;}
#gnb .depth > li.pointColor > a {color:inherit;} 

.hamburger {position: absolute;right:60px;top:5px;padding:24px 20px;display: inline-block; height:60px; box-sizing: border-box;width:60px; text-align:left;cursor: pointer;border:none;z-index:999;}
.hamburger span {background: #fff; display: block; height: 2px;border-radius:0px;-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease;-o-transition: all 0.6s ease; transition: all 0.6s ease;margin:0px;}
.hamburger span:nth-child(1) {width: 20px;}
.hamburger span:nth-child(2) {width: 10px;margin-top:5px;}
.hamburger span:nth-child(3) {width: 20px;margin-top:5px;}
.hamburger.is-active {padding: 24px 20px;}
.hamburger.is-active .line {width:22px;}
.hamburger.is-active .line:nth-child(2){opacity: 0;}
.hamburger.is-active .line:nth-child(1){-webkit-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);-o-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
.hamburger.is-active .line:nth-child(3){-webkit-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);-o-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}

.all_list {display: none;position: absolute;top:180px;width:100%;max-width:1230px;left:50%;transform:translateX(-50%);z-index:110;background:#fff;text-align:center;box-sizing: border-box;overflow: hidden;border: 1px solid #ddd; border-top:none;margin: 0 auto; padding:40px 15px;border-radius:0px 0px 20px 20px;}
.all_list > ul {display:flex;justify-content:space-around; gap:30px;}
.all_list > ul > li {width:100%;padding:15px 15px 10px 15px;border:2px #fff solid;}
.all_list > ul > li:hover {border:2px #041a71 solid; border-radius:10px;}
.all_list > ul > li:before {content:'';position:absolute;left:-15px;top:0px; width:1px; height:100%;background:#ddd;}
.all_list > ul > li:first-child:before {display:none;}
.all_list > ul > li.al_tit {position:relative; z-index:2; margin:0px;}
.all_list > ul > li.al_tit > a {position:relative;display:block;width:100%;line-height:1;font-size:17px;font-weight:bold;letter-spacing:-0.07em; color:#000; margin-bottom:25px; z-index:2;white-space:nowrap;text-align:center;}
.all_list > ul > li.al_tit.on > a {color:#041a71;}
.all_list .al_sub {padding:0px; width:100%;}
.all_list .al_sub > li {width:100%; margin:0px;}
.all_list .al_sub li a {position:relative;display:block;text-align:left;font-size:15px;line-height:20px;padding:7px 0px 7px 10px;}
.all_list .al_sub li a:hover {text-decoration:underline;}
.all_list .al_sub li a::after {content:'';position:absolute;left:0px;top:15px; width:3px; height:3px;border-radius:50% !important;background:#666; }
.all_list .one_depth {width:100% !important;top:80px !important; left:50% !important;}
.all_list .one_depth::after { display:inline-block;top:-90px !important;left:50% !important;transform:translateX(-50%) !important; width:100% !important;height:90px !important;border-radius:8px 8px 0px 0px !important;border:1px solid #dbdbdb !important;background:#fff !important; z-index:-10 !important; box-sizing:border-box !important; }
.all_list .one_depth::before {content:'';position:absolute; display:inline-block;top:-70px !important;left:50% !important;transform:translateX(-50%) !important; width:60px !important;height:2px !important;background:#041a71 !important; z-index:-2 !important; }

.foot_all {display: none;position: absolute;bottom:300px;width:100%;left:0%;transform:translateY(100%);z-index:110;background:#99cbfa;text-align:center;box-sizing: border-box;overflow: hidden;border-top:1px solid #7fa9d0; margin: 0 auto; padding:30px 0px;}
.foot_all .fa_close { position:absolute;right:-10px; top:-10px; text-indent:-9999999px; cursor:pointer; width:10px;height:10px;background:url('/html/images/common/fa_close.png') 50% 50% no-repeat; background-size:cover !important;}
.foot_all .w1230 > ul {width:100%;max-width:1230px; margin:0px auto;display:flex;justify-content:space-around; gap:30px;}
.foot_all .w1230  > ul > li {width:100%;padding:0px 10px;}
.foot_all .w1230  > ul > li:before {content:'';position:absolute;left:-15px;top:0px; width:1px; height:100%;background:rgba(0,0,0,0.15);}
.foot_all .w1230  > ul > li:first-child:before {display:none;}
.foot_all .w1230  > ul > li.fa_tit {position:relative; z-index:2; margin:0px;}
.foot_all .w1230  > ul > li.fa_tit > a {position:relative;display:block;width:100%;line-height:1;font-size:16px;font-weight:bold;letter-spacing:-0.07em; color:#000; margin-bottom:15px; z-index:2;white-space:nowrap;text-align:center;}
.foot_all .w1230  > ul > li.fa_tit.on > a {color:#041a71;}
.foot_all .fa_sub {padding:0px; width:100%;}
.foot_all .fa_sub > li {width:100%; margin:0px;}
.foot_all .fa_sub li a {position:relative;display:block;text-align:left;font-size:15px;line-height:20px;padding:7px 0px 7px 10px;color:#333;}
.foot_all .fa_sub li a:hover {text-decoration:underline;}
.foot_all .fa_sub li a::after {content:'';position:absolute;left:0px;top:15px; width:3px; height:3px;border-radius:50% !important;background:#666; }
.foot_all .one_depth {width:100% !important;top:80px !important; left:50% !important;}

h3.title {font-size: 1.84rem !important; margin: 0 0 30px !important;}

#visual  {z-index:1 !important;background-color:#fffaeb !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 .sub_imgbox .slick-dots li {width:10px !important;height:10px !important;border-radius:50%;margin-right:12px !important;}
#visual .sub_imgbox .slick-dots { bottom:35px !important; }

#sub_banner {height:140px !important; padding-bottom:50px !important;}
#sub_banner::after {background:#fff !important;}
#sub_banner h2.page_title {font-size:35px !important;color:#232323 !important;}
.stickyMenu { width:calc(100% - 40px) !important;max-width:1230px !important;top:320px !important; border-top:1px #ddd solid; border-bottom:1px #ddd solid; padding:11px 0px !important;margin:0px auto;}
.stickyMenu .lnb .txt,
.stickyMenu .lnb .dropLst li span, 
.stickyMenu .lnb .dropLst > a {font-size:0.94em !important;color:#777 !important;}
.stickyMenu .lnb .lnbHome img {width:auto !important;}
.stickyMenu .lnb .box {margin-left:24px !important;}
.stickyMenu .lnb .box .txt:after {width:1px !important; height:10px !important;top:50%; transform:translateY(-50%); left: -11px;background:#ccc;}
.stickyMenu .lnb .box .title:before {top:3px !important;width:20px !important; height:20px !important;border:1px solid #ddd; background:url("/theme/6/img/main/lnbArrow_g.png")no-repeat}
.stickyMenu .lnb .dropLst > a {padding-right:30px;}

.lnb_depth {position:relative;width:100% !important;max-width:1230px !important; border-radius:0px !important;border:none !important; margin:35px auto !important;}
.lnb_depth:before {content:''; position:absolute;left:0px;bottom:-2px;width:100%;height:2px;background:#041a71;z-index:0 !important;}
.lnb_depth .lnb_cont {min-height:30px !important;}
.lnb_depth .prevArrow {width: 45px !important; height: 45px !important;background-color: #fff !important; border:none !important; border-radius:0px !important; padding:0px !important;}
.lnb_depth .prevArrow::before { background: url('/html/images/common/lnb_prev.png') 50% 50% no-repeat !important; top: 50% !important; left: 50% !important;transform: translate(-50%, -50%) !important;}
.lnb_depth .prevArrow::after {display:none !important;}
.lnb_depth .lnb_cont {display:inline-block !important; padding:0px !important;}
.lnb_depth .prevArrow + .lnb_cont{width:calc(100% - 45px) !important;margin-left:45px !important;}
.lnb_depth ul {display:flex !important; flex-wrap: nowrap !important; justify-content:flex-start;min-height:45px;}
.lnb_depth ul li {position:relative;display:flex !important;height:100%;width:100%;min-height:50px;padding:14px 0px; margin:0px !important; border:1px #dddfde solid !important;border-bottom:none !important;background:#f7f7f7 !important; box-sizing:border-box !important;}
.lnb_depth ul li a {position:absolute;top:50%; transform:translateY(-50%);display:block; width:100%;font-size:0.90rem !important; font-weight:500 !important;color:#a0a0a0 !important;padding:0px 10px !important;border:none !important;background:none !important; box-sizing:border-box;border-radius:0px !important; vertical-align:middle;transition: all 0.1s ease-out !important;}
.lnb_depth ul li:hover {background:#fff !important;}
.lnb_depth ul li a:hover { color:#000 !important;}
.lnb_depth ul li a.pointColor {background:#fff !important; color:#041a71 !important;text-decoration:none !important;}
.lnb_depth ul li.active,
.lnb_depth ul li.tab_title.active {height:calc(100% + 2px) !important;background:#fff !important; margin-bottom:-2px !important;border:2px #041a71 solid !important;border-bottom:2px #fff solid !important;z-index:2 !important;}
.lnb_depth ul li.active a,
.lnb_depth ul li.tab_title.active a {position:absolute;left:0px;font-weight:600 !important; color:#041a71 !important;text-decoration:none !important;padding:0px 10px !important;}

.lnb_depth ul li.tab_title a:hover {background:none !important; color:#041a71 !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;}

.compad { padding-top:60px !important; padding-bottom:60px !important;}
.cont_util.compad_t {padding:0px !important;}
.contents_in.about_cont.compad  {padding: 50px 0px !important;}

.center .w1230 {display:flex !important; flex-wrap:nowrap !important; align-content: flex-start; padding:60px 0px !important;}
.center .w1230 > div { border-radius:12px !important;margin:0px !important;  }
.center .w1230 > div h4 { font-size:18px !important;color:#000 !important;}
.center .w1230 > div h4 a {padding:4px 9px !important;border:1px #ddd solid !important; border-radius:3px !important;font-size:13px !important; text-decoration: none !important;}
.center .w1230 > div h4 a:hover {border:1px #333 solid !important; color:#333 !important;}

.center .w1230 > div.notice_wrap {display:flex; justify-content:space-around !important;background:#fff !important; border:1px #dedede solid !important;position:relative;margin-left:20px !important;width:calc(100% - 310px) !important;padding:0px !important; box-sizing:border-box !important; }
.center .w1230 > div.notice_wrap div.notice {display:inline-block !important;width:50% !important; box-sizing:border-box !important;padding:25px 35px !important;}
.center .w1230 > div.notice_wrap div.notice:first-child {border-right:1px #ddd solid !important;}
.center .w1230 > div.notice_wrap div.notice h4 { padding-left:60px;height:50px !important;line-height:50px !important; margin-bottom:20px !important;}
.center .w1230 > div.notice_wrap div.notice#notice h4 { background:url("/html/images/common/icon_notice1.png") 0px 50% no-repeat;}
.center .w1230 > div.notice_wrap div.notice#faq h4 { background:url("/html/images/common/icon_notice2.png") 0px 50% no-repeat;}
.center .w1230 > div.notice_wrap div.notice#mstory h4 { background:url("/html/images/common/icon_notice3.png") 0px 50% no-repeat;}
.center .w1230 > div.notice_wrap div.notice#unboxing h4 { background:url("/html/images/common/icon_notice3.png") 0px 50% no-repeat;}
.center .w1230 > div.notice_wrap div.notice#playG h4 { background:url("/html/images/common/icon_notice4.png") 0px 50% no-repeat;}
.center .w1230 > div.notice_wrap div.notice li { margin-bottom:8px !important;}
.center .w1230 > div.notice_wrap div.notice li:last-child {margin-bottom:0px !important;}
.center .w1230 > div.notice_wrap div.notice li a {display:block;position:relative;color:#333 !important;font-size:0.90em !important;vertical-align: inherit !important;padding-left:15px;width:100% !important;box-sizing:border-box !important;white-space:nowrap; overflow:hidden !important; text-overflow:ellipsis !important;}
.center .w1230 > div.notice_wrap div.notice li a:before {content:'';position:absolute;left:2px;top:50%;transform:translateY(-50%); width:4px;height:4px;background:#979797; border-radius:50%;} 
.center .w1230 > div.notice_wrap div.notice li span {display:none !important;}

.center .w1230 > div.cs { width:290px !important; box-sizing:border-box;margin:0px !important;border-radius:10px !important; }

.center#cs {background:#f5f5f5;}
.center#cs .w1230 > div.cs { background:#46398e !important;text-align:left !important;padding:35px 20px !important; box-sizing:border-box;}
.center#cs .w1230 > div.cs h4 { font-size:22px !important; color:#fff !important;padding:0px 0px 25px 100px; margin:0px !important; background:url("/html/images/common/main_cs.png") 15px 0% no-repeat;}
.center#cs .w1230 > div.cs h4 p {font-size:0.87rem; font-weight:400; color:#fff; letter-spacing:-0.5pt; line-height:130%; margin-top:10px;opacity:0.65; word-break:keep-all;}
.center#cs .w1230 > div.cs dl dd {width:100% !important; display:inline-block; padding:25px 0px 0px 0px !important; text-align:center; border-top:2px #5f5598 dashed;}
.center#cs .w1230 > div.cs dl dd h3 {font-size:23px !important; color:#fff !important; line-height:1; margin:0 0 10px; letter-spacing:-0.01em !important;}
.center#cs .w1230 > div.cs dl dd h5 {font-size:18px !important; color:#fff !important; letter-spacing:-0.4pt; line-height:1; font-weight:400; margin:0 0 10px;letter-spacing:-0.01em !important;}
.center#cs .w1230 > div.cs dl dd p {font-size:15px !important;color:#fff !important;opacity:0.65;margin:0px !important;}

.center#micro {background:#fff;}
.center#micro .w1230 {padding-top:0px !important;}
.center#micro .w1230 > div.cs { min-height:280px;background:#001256 url("/html/images/common/micro_bg.png") 100% 100% no-repeat !important;padding:35px 35px !important;}
.center#micro .w1230 > div.cs h4 {color:#fff !important; margin-bottom:20px !important;}
.center#micro .w1230 > div.cs p {font-size:15px; color:#fff !important; opacity:0.65;margin-bottom:50px; padding-right:70px; word-break:keep-all;}
.center#micro .w1230 > div.cs a.micro_btn {position:absolute;left:35px;bottom:45px;color:#fff;font-size:15px;padding-right:10px;background:url("/html/images/common/arrow.png") 100% 50% no-repeat; }
.center#micro .w1230 > div.cs a.micro_btn:hover {text-decoration:underline;}

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

.faq_cont dt a {color:#000 !important;}
.faq_cont dd .cont {font-size:0.9rem !important;}

.qna_cont th {padding:15px 0px !important;font-size:0.9rem !important;}
.qna_cont td {padding:12px 10px !important;border-bottom: 1px solid #dedede !important;font-size:0.9rem !important;}

.btn_cont .bestColor {background-color: #041a71 !important;}
.btn_b {border: 1px solid #041a71 !important; background: #041a71 !important;}

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

.bbs_dot li span {padding-right:7px;}

.planWrap {display:flex !important; flex-wrap:wrap !important;}
.planWrap .calendar {position:relative !important; float:none !important;}
.planWrap .schedule {position:relative !important; float:none !important;height:auto !important;}
.planWrap .schedule_list dl a dt img { background-size:cover !important;}

.quick {right:30px !important;}
.quick .quick_in {padding:20px 15px !important;width:80px; text-align:center;border-radius:10px !important; background:#f5f5f5 !important;}
.quick .quick_in h4 {display:none !important;}
.quick .quick_in .imgCont a {margin:0 0 25px !important;border-radius:0px !important; }
.quick .quick_in .imgCont a span {display:inline-block;width:50px !important;height:50px !important; border-radius:50% !important; background:#fff !important;}
.quick .quick_in .imgCont a h2 {font-size:14px !important;line-height:1 !important; font-weight:500;color:#000;margin-top:10px;}
.quick .quick_in .imgCont a:last-child {margin-bottom:0px !important;}
.quick .quick_in .imgCont a:hover span {background:#041a71 !important;}
.quick .quick_in .imgCont a:hover span img { filter:invert(100%) grayscale(100%) contrast(75%);}
.quick .topBtn {width:50px !important; height:50px !important;}
.quick .plusBtn {width:50px !important; height:50px !important;}

@media all and (min-width:1200px) {
	#header .head_in { height:70px !important; padding:20px 20px !important;}
	#header .head_in h1 {position: absolute !important; left:50% !important;top:30px !important; transform:translateX(-50%) !important;}
	#header .head_in h1 a {height: 40px !important;}
	#header .head_in h1 .svg_logo { max-height: 40px !important;}
}

@media all and (max-width:1300px) {
	.center .w1230 { padding:70px 20px !important;}
	.w1230 {padding-left: 20px !important; padding-right: 20px !important;}
	.contents_in.about_cont.compad  {padding: 50px 20px !important;}

	#footer .w1230 {padding:40px 20px !important;}
	#footer .foot_top {padding-left:20px !important;}

	.lnb_depth {width:calc(100% - 40px) !important;padding:0px !important;margin-left:20px !important;margin-right:20px !important;box-sizing:border-box !important; }
}
@media all and (max-width:1200px) {

	/**** Header ****/
	#header .head_in {border-bottom:1px #dedede solid !important; padding:25px 20px !important;background-color:#fff !important;}
	#header .head_in h1 a{height:40px !important}
	#header .head_in h1 img {max-width:200px !important;}
	#header .head_in h1 .svg_logo {max-width:200px !important;}
	#header .member_util {display:none !important;}
	#gnb {display:none !important;}
	#header .head_in .mypage {display:none !important;}

	#header .m_util { display: block !important; position: absolute !important; right: 20px !important; top: 50% !important; transform: translateY(-50%) !important;}
	#header .m_util li {position:relative; display:inline-block; margin-right:20px; vertical-align:middle;}
	#header .m_util li.member dl {position:absolute; top:30px; left:50%; transform:translateX(-50%); padding:10px 5px; box-sizing:border-box; border-radius:5px; border:1px solid #ddd; overflow:hidden; background:#fff; width:80px; opacity:0; visibility:hidden; transition:all 0.3s;}
	#header .m_util li.member:hover dl {opacity:1; visibility:visible; transition:all 0.3s;}
	#header .m_util li.member dd {text-align:center;}
	#header .m_util li.member dd:last-child { margin-bottom:0;}
	#header .m_util li.member dd a {font-size:13px; margin-bottom:5px; line-height:1; display:block;}

	#header .m_util li img {width:22px;}
	#header .m_util li:last-child {margin-right:0;}
	
	#sub_banner {height:100px !important;}
	#sub_banner h2.page_title {font-size:35px !important;}
	.stickyMenu { top:190px !important;}
}

@media all and (max-width:1024px) {
	.compad { padding-top:50px !important; padding-bottom:50px !important;}
	.center .w1230 { padding:50px 20px !important;}

	.foot_all {padding:20px 0px;}
	.foot_all .fa_close { right:20px; top:0px;}
	.foot_all .w1230 > ul {justify-content:flex-start;flex-wrap:wrap; gap:0px;}
	.foot_all .w1230  > ul > li {width:100%;display:flex;padding:0px; }
	.foot_all .w1230  > ul > li:before {display:none;}
	.foot_all .w1230  > ul > li.fa_tit { padding:7px 0px; border-bottom:1px #8ebde8 solid;}
	.foot_all .w1230  > ul > li.fa_tit:last-child {border:none;}
	.foot_all .w1230  > ul > li.fa_tit > a {width:200px;font-size:15px;line-height:20px;font-weight:500;margin:0px;text-align:left;}
	.foot_all .fa_sub {padding:0px; width:100%;display:flex;}
	.foot_all .fa_sub > li {width:auto; margin:0px 20px 0px 0px;}
	.foot_all .fa_sub li a {font-size:13px;padding:0px 0px 0px 10px; white-space:nowrap;}
	.foot_all .fa_sub li a::after {left:4px;top:8px;}
}

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

	#footer .foot_top a {font-size:15px !important; padding:0px 17px;}
	#footer .foot_top a:before {height:15px;}

	#footer .foot_bottom .foot_info .foot_addr {flex-wrap:wrap;}
	#footer .foot_bottom .foot_info .foot_addr .fal {width:100%;margin-right:0%;}
	#footer .foot_bottom .foot_info .foot_addr .far {width:100%; display:flex;}
	#footer .foot_bottom .foot_info .foot_addr .far p {display:inline-block;margin-right:20px;}
	#footer .foot_bottom .foot_info .foot_addr .far p span {width:70px;}

	#footer .foot_bottom .foot_sns {width:150px;padding-top:60px;}
	#footer .foot_bottom .foot_sns h2 {font-size:15px;margin-bottom:10px;}
	#footer .foot_bottom .foot_sns li {width:35px;height:35px;} 
	#footer .foot_bottom .foot_sns li a {height:35px;}

	.center .w1230 {flex-wrap:wrap !important; align-content: flex-start; }
	.center .w1230 > div {width:100% !important;border-radius:10px !important; }
	.center .w1230 > div h4 { font-size:18px !important;}

	.center .w1230 > div.notice_wrap {margin-left:0px !important;margin-top:20px !important;width:100% !important; }
	.center .w1230 > div.notice_wrap div.notice {padding:30px !important;}
	.center .w1230 > div.notice_wrap div.notice h4 { padding-left:50px;height:45px !important;line-height:45px !important; margin-bottom:15px !important;background-size:auto 40px !important;}
	.center .w1230 > div.notice_wrap div.notice li { margin-bottom:8px !important;}
	.center .w1230 > div.notice_wrap div.notice li a {padding-left:10px;}
	.center .w1230 > div.notice_wrap div.notice li a:before {left:0px;} 

	.center .w1230 > div.cs { width:100% !important; }
	.center#cs .w1230 > div.cs { padding:35px 20px !important;}
	.center#cs .w1230 > div.cs h4 { font-size:23px !important; padding:0px 0px 25px 85px; background-size:50px !important;}
	.center#cs .w1230 > div.cs dl dd { padding:25px 0px 0px 0px !important;}
	.center#cs .w1230 > div.cs dl dd h3 {font-size:25px !important;}
	.center#cs .w1230 > div.cs dl dd h5 {font-size:20px !important;}
	.center#cs .w1230 > div.cs dl dd p {font-size:15px !important;}

	.center#micro .w1230 > div.cs { min-height:150px;padding:35px 30px !important; background-position:right 10px bottom !important;background-size:auto 90% !important;}
	.center#micro .w1230 > div.cs h4 { margin-bottom:15px !important;}
	.center#micro .w1230 > div.cs p {font-size:14px !important;margin-bottom:30px;}
	.center#micro .w1230 > div.cs a.micro_btn {position:relative;left:0px;bottom:auto;}

	.lnb_depth {width:calc(100% - 40px) !important;display:flex !important;margin:20px 20px !important; padding:15px !important;overflow:hidden !important; background:#f7f7f7 !important; border:1px #dddfde solid !important;border-radius:5px !important; }
	.lnb_depth:before {display:none !important;}
	.lnb_depth .prevArrow {top:50% !important;transform:translateY(-50%) !important;width:35px !important; height:43px !important;background:none !important;}
	.lnb_depth .prevArrow::before {height:12px !important;}
	.lnb_depth .prevArrow + .lnb_cont {width: calc(100% - 35px) !important;margin-left:35px !important;}
	.lnb_depth .lnb_cont {text-align:center; min-height:26px !important;}	
	.lnb_depth ul {width:auto !important; flex-wrap:wrap !important;min-height:26px !important; }
	.lnb_depth ul li {display:inline-block !important;width:auto !important;margin:0px 4px !important;padding:5px 0px !important;min-height:26px; height:auto !important;background:none !important;border:none !important;border-radius:3px !important;}
	.lnb_depth ul li a {position:relative !important;font-size:14px !important;padding:0px 10px !important;font-weight:500 !important; white-space:nowrap !important;transform: translateY(0%) !important; }
	.lnb_depth ul li.active,
	.lnb_depth ul li.tab_title.active {background:#041a71 !important;border:none !important;height:auto !important;}
	.lnb_depth ul li.active a,
	.lnb_depth ul li.tab_title.active a,
	.lnb_depth ul li.active a:hover,
	.lnb_depth ul li.tab_title.active a:hover {font-size:14px !important;padding:0px 10px !important; transform:translateY(0%)!important;position:relative !important;font-weight:500 !important;background:none !important;color:#fff !important;text-decoration:none !important;border:none !important;}

	.cont_util {margin: 30px 0 20px !important;}
}

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

	#footer {height:475px;}
	#footer .w1230 {padding:30px 20px !important;}
	#footer .foot_top {padding:20px 0px 20px 20px  !important; height:55px !important;}
	#footer .foot_top a {font-size:14px !important; line-height:15px !important;padding:0px 15px  !important;}
	#footer .foot_bottom .foot_info .foot_menu a {font-size:14px !important; padding: 0px 12px !important;}
	#footer .foot_bottom .foot_info .foot_menu a:first-child {padding-left:0px !important;}
	#footer .foot_bottom {flex-wrap:wrap;justify-content:flex-start; gap:0px; }
	#footer .foot_bottom .foot_info {width:100%;padding-top:40px !important;}
	#footer .foot_bottom .foot_sns {width:100%;padding-top:20px;}
	#footer .foot_bottom .foot_sns h2 {font-size:14px;margin-bottom:10px;}
	#footer .foot_bottom .foot_info .foot_logo .svg_logo {max-width:150px !important;max-height:25px !important;}
	#footer .foot_bottom .foot_info .foot_addr .far {flex-wrap:wrap;}
	#footer .foot_bottom .foot_info .foot_addr .far p {width:100%;display:block;margin-right:0px;}
	#footer .foot_bottom .foot_info .foot_addr .fal span {font-size:13px !important;}

	.foot_all {bottom:420px;}

	.qna_cont td {padding:15px 0px !important;}
	.mo_line .tit {margin-bottom:5px !important; line-height: 1.3 !important;}
	.mo_line .tit a {font-size:15px !important; line-height: 1.3 !important; word-break:keep-all;}
	.bbs_dot {display:flex !important; gap:15px !important; }
	.bbs_dot li {margin:0px !important;}
	.bbs_dot span {display:none !important; }
}

@media all and (max-width:680px) {
	#wrap{padding-top:60px ;}
	#header .head_in {padding:10px 20px !important;}
	#header .head_in h1 .svg_logo {max-width:150px !important;max-height: 30px !important;}
	.header h1 .svg_logo { max-width: 150px  !important; max-height: 30px  !important;}

	.foot_all {padding:10px 0px;}
	.foot_all .fa_close { right:15px;}
	.foot_all .w1230  > ul > li {display:inline-block;}
	.foot_all .w1230  > ul > li.fa_tit > a {width:100%;font-size:14px; margin-bottom:5px;}
	.foot_all .fa_sub li a {padding:0px 0px 0px 7px;}
	.foot_all .fa_sub li a::after {left:0px;top:8px;}

	.quick {right:10px !important;width:82px !important;}
	.quick .quick_in {width:50px;}
	.quick .quick_in .imgCont a {margin:0 0 20px !important; }
	.quick .quick_in .imgCont a span {display:inline-block;width:50px !important;height:50px !important; border-radius:50% !important; background:#fff !important;}
	.quick .quick_in .imgCont a h2 {font-size:11px !important;margin-top:5px;}
	.quick .quick_in .imgCont a:last-child {margin-bottom:0px !important;}
	.quick .quick_in .imgCont a:hover span {background:#041a71 !important;}
	.quick .quick_in .imgCont a:hover span img { filter:invert(100%) grayscale(100%) contrast(75%);}
	.quick .topBtn {width:40px !important; height:40px !important;}
	.quick .plusBtn {width:40px !important; height:40px !important;}

	#visual .sub_imgbox .slick-dots {width:auto !important; bottom:15px !important; }
	#visual .sub_imgbox .slick-dots li {width:8px !important; height:8px !important; margin-right:6px !important}

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

	.center .w1230 { padding:40px 20px !important;}
	.center .w1230 > div h4 { font-size:18px !important;}
	.center .w1230 > div h4 a {padding:3px 5px !important;font-size:12px !important;}
	.center .w1230 > div.notice_wrap {flex-wrap:wrap; justify-content:center !important; }
	.center .w1230 > div.notice_wrap div.notice { width:100% !important;padding:20px 25px 25px !important;}
	.center .w1230 > div.notice_wrap div.notice:first-child {border-bottom:1px #ddd solid !important;border-right:0px !important;}

	.center .w1230 > div.cs { width:100% !important; }
	.center#cs .w1230 > div.cs { padding:35px 20px !important;}
	.center#cs .w1230 > div.cs h4 { font-size:23px !important; padding:0px 0px 25px 85px; background-size:50px !important;}
	.center#cs .w1230 > div.cs dl dd { padding:25px 0px 0px 0px !important;}
	.center#cs .w1230 > div.cs dl dd h3 {font-size:25px !important;}
	.center#cs .w1230 > div.cs dl dd h5 {font-size:20px !important;}
	.center#cs .w1230 > div.cs dl dd p {font-size:15px !important;}

	.center#micro .w1230 > div.cs { min-height:150px;padding:35px 30px !important; background-position:right 10px bottom !important;background-size:auto 90% !important;}
	.center#micro .w1230 > div.cs h4 { margin-bottom:15px !important;}
	.center#micro .w1230 > div.cs p {font-size:14px !important;margin-bottom:30px;}
	.center#micro .w1230 > div.cs a.micro_btn {position:relative;left:0px;bottom:auto;}

	#sub_banner {height:70px !important;padding-bottom:50px !important;}
	#sub_banner h2.page_title {font-size:18px !important;}
	.stickyMenu { top:130px !important; padding:10px 0px !important;}
	.stickyMenu .lnb .box {height: 20px !important;line-height: 20px !important;}
	.stickyMenu .lnb .txt,
	.stickyMenu .lnb .dropLst > a,
	.stickyMenu .lnb .dropLst.txt {line-height: 20px !important; font-size:14px !important;} 
	.stickyMenu .lnb .box .title:before {right:0px !important; top:50% !important;width:18px !important; height:18px !important;}

	.lnb_depth { width:calc(100% - 40px) !important; margin:20px 20px !important; padding:8px !important;}
	.lnb_depth ul li  {margin:0px !important;}

	.cont_util {margin:30px 0 10px !important;}

	.schedule_cont.compad {padding-top:30px !important; padding-bottom:40px !important;}
	.planWrap .schedule {height:450px !important;}
	.planWrap .schedule ul li {margin-right:5px !important;}
	.planWrap .schedule ul li a {font-size:14px !important;display:flex;}
	.planWrap .schedule ul li a span.circle {vertical-align:inherit !important;}
	.schedule_cont .Arrow {top:32px !important;}
	.schedule_cont > h3 {font-size:24px !important; margin-bottom:15px !important;}
}

/* 라벨 관련 */
.label {position:relative !important; top:0px !important; left:0px !important; width:auto !important;min-width:70px !important;height:30px !important; padding:5px 10px !important;  line-height:20px !important; font-size:13px  !important;font-weight:bold; border-radius:20px  !important;box-sizing:border-box !important;}
.label > .svg {display:none !important;}

.clabel {margin-bottom:10px !important;}
.market_list .item .con_box .clabel,
.new_list .item .con_box .clabel,
.best_list .item .con_box .clabel,
.photo_list .item .con_box .clabel,
.thum_list .item .con_box .clabel {display:flex;margin-bottom:10px !important;}

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

/* 과정 관련 */
.new_list { margin:-30px -20px 0px 0px !important; width: calc(100% + 20px) !important;}
.new_list .item {margin:30px 20px 0px 0px !important; width: calc((100% - 80px) / 4) !important;}
.new_list .item .con_box {padding:20px !important;}
.new_list .item .con_box ul {margin-bottom:0px !important;}
.new_list .item .con_box ul li {font-family:'Pretendard' !important;padding-left:0px !important;}
.new_list .item .con_box ul li span {display:none !important;}
.new_list .item:nth-child(4n) {margin-right:20px !important;}

.best_list .slick-list {overflow: hidden !important;}
.best_list { margin-left:-20px !important;width:calc(100% + 22px) !important;}
.best_list .item { margin-left:20px !important; border: 1px solid #ddd !important; opacity:1 !important; box-sizing:border-box !important;}
.best_list .item.slick-active {opacity:1 !important; }
.best_list .item .con_box {padding:20px !important; border:none !important;}
.best_list .item .con_box ul {margin-bottom:0px !important;}
.best_list .item .con_box ul li {font-family:'Pretendard' !important;padding-left:0px !important;}
.best_list .item .con_box ul li span {display:none !important;}
.best_list .slick-prev, 
.best_list .slick-next { top:50% !important;width:60px !important; height:60px !important;  margin:0px !important;transform: translateY(-50%) !important;}
.best_list .slick-prev {background:#041a71 url('/html/images/common/arrow_left2.png') 50% 50% no-repeat !important; background-size:cover !important;} 
.best_list .slick-next {background:#041a71 url('/html/images/common/arrow_right2.png') 50% 50% no-repeat !important; background-size:cover !important;}

.photo_list {margin-bottom:-30px !important;}
.photo_list .item { transition:0.3s all ease-out;}
.photo_list .item:hover {transform:translateY(-5px) !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 {margin-right:9px !important;}
.photo_list .item .con_box .price strong {font-size:1rem !important;}
.photo_list .item .con_box ul {margin-bottom:0px !important;}
.photo_list .item .con_box ul li {font-family:'Pretendard' !important;padding:0px !important; margin:0px !important;}
.photo_list .item .con_box ul li span {display:none !important;}
.photo_list .item .con_box .price { margin-top:10px !important;}

.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; vertical-align:top !important;}
.thum_list.course_thum .item .img_box a {display:block;position:relative !important;width:100% !important;height:0px !important;padding-bottom:60% !important; border:none !important;}
.thum_list.course_thum .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 {margin-right:9px !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 .price { margin-top:10px !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;}

.market_list {margin-bottom:-30px !important;}
.market_list .item {transition:0.3s all ease-out;}
.market_list .item:hover {transform:translateY(-5px) !important;}
.market_list .item .con_box {padding:20px !important;}
.market_list .item .con_box .price { margin-top:10px !important;}

.item_gray {opacity:0.7;filter:grayscale(100%);}
.item_gray .img_box {filter:grayscale(100%);}

.new_list .item .img_box,
.best_list .item .img_box,
.photo_list .item .img_box {position:relative !important;width:100% !important;height:0px !important;padding-bottom:60% !important;border:none !important; }
.new_list .item .img_box > img,
.best_list .item .img_box > img,
.photo_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;}

.market_list .item .con_box h4,
.micro_list .item .con_box h4,
.new_list .item .con_box h4,
.best_list .item .con_box h4,
.photo_list .item .con_box h4,
.thum_list .item .con_box h4 {font-size:18px !important;height:auto !important;color:#000 !important;line-height:120% !important; margin-bottom:12px !important;max-height: 3.2rem !important;}

.new_list .item .con_box ul li.tutor,
.best_list .item .con_box ul li.tutor,
.photo_list .item .con_box ul li.tutor,
.thum_list .item .con_box ul li.tutor {font-weight:600 !important; color:#222 !important; }

.market_list .item,
.new_list .item, 
.best_list .item, 
.photo_list .item,
.thum_list .item .img_box,
.thum_list .item .img_box a img {border-radius:10px !important;}

.market_list .item .img_box > img,
.new_list .item .img_box > img,
.best_list .item .img_box > img,
.photo_list .item .img_box > img {border-radius:10px 10px 0px 0px !important;}

.price .dash,
.price strong {font-size:1rem !important; font-family:'Pretendard' !important;}

.market_list .item .con_box .price strong,
.photo_list .item .con_box .price strong,
.thum_list .item .con_box .price strong {font-family:'Pretendard' !important; color:#03499a !important;}

.micro_list {margin-bottom:-40px;}
.micro_list .item .con_box {padding:20px 0px 0px 0px !important;}
.micro_list .item .con_box h4 {height:auto !important; margin:0px 0px 5px !important;}

.market_cont .photo_list {margin-left:0px !important;}
.count { top: 20px !important; }

@media (max-width: 1300px) {
	.best_list .slick-prev, 
	.best_list .slick-next { top:0px !important; transform: translateY(-90px) !important;width:50px !important; height:50px !important;}
	.best .best_list .slick-prev {left:20px !important;} 
	.best .best_list .slick-next {right:0px !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;}

	.market_list .item .con_box h4,
	.micro_list .item .con_box h4,
	.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:12px !important;}
}

@media all and (max-width:680px) {
	.label {min-width:60px !important;height:24px !important;line-height:15px !important; font-size:11px  !important;}

	.new_list { margin:-10px -10px 0px 0px !important; width: calc(100% + 10px) !important;}
	.new_list .item { width: calc((100% - 20px) / 2) !important;margin: 10px 10px 0px 0px !important;}
	.new_list .item:nth-child(4n) {margin-right:10px !important;}
	.new_list .item .con_box {padding:15px 10px !important;}

	.best_list { margin-left:-10px !important;width:calc(100% + 10px) !important;}
	.best_list .item { margin-left:10px !important;}
	.best_list .item .con_box {padding:15px 10px !important;}
	.best_list .slick-prev, 
	.best_list .slick-next {transform: translateY(-45px) !important; width:30px !important; height:30px !important;}
	.best .best_list .slick-prev {left:10px !important;} 
	.best .best_list .slick-next {right:0px !important;}

	.photo_list  {margin-bottom:-10px !important;}
	.photo_list .item .con_box {padding:15px 10px !important;}

	.market_list {margin:-10px -10px 0px 0px !important; width: calc(100% + 10px) !important;}
	.market_list .item {width: calc((100% - 20px) / 2) !important;margin: 10px 10px 0px 0px !important;}
	.market_list .item .con_box {padding:15px 10px !important;}

	.micro_list  {margin-bottom:-15px !important;}
	.micro_list .item {margin-bottom:15px !important;}
	.micro_list .item .con_box {padding-top:15px !important;}

	.thum_list {padding:0px !important;}
	.thum_list .item {display:inline-block !important; padding:15px 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 p.stxt {font-size:14px !important;line-height:1.3 !important;}

	.thum_list .item .con_box .price,
	.photo_list .item .con_box .price {margin-top:5px !important;font-size:14px !important;}
	
	.price .dash, .price strong,
	.thum_list .item .con_box .price strong {font-size:14px !important;}
	
	.photo_list .item .con_box ul li,
	.photo_list .item .con_box .hash span,
	.photo_list .item .con_box span, 
	.thum_list .item .con_box ul li,
	.market_list .item .con_box ul li,
	.new_list .item .con_box ul li,
	.best_list .item .con_box ul li	{font-size:13px !important;}

	.market_list .item .con_box h4,
	.micro_list .item .con_box h4,
	.new_list .item .con_box h4,
	.best_list .item .con_box h4,
	.photo_list .item .con_box h4,
	.thum_list .item .con_box h4 { font-size:15px !important;margin-bottom:10px !important;}
	
	.market_list .item:hover,
	.new_list .item:hover,
	.best_list .item:hover,
	.photo_list .item:hover {transform:translateY(0px) !important;}

	.page_num,
	.page_num .page_box,
	.page_bar .page_box {margin-top:20px !important;}
}

/* 버튼 라운딩 */
.applyBtn a,
.thum_list .item .con_box .btn a {border-radius:8px !important;}


/* 과정상세 typeB */
.view_B_type .apply_view .imgCont {position:relative !important;height:462px !important;}
.view_B_type .apply_view .imgCont img {position:absolute !important;left:0px !important;top:0px !important;width:100% !important;height:100% !important;}
.view_B_type .apply_view .txtCont {z-index:10 !important;}
.view_B_type .apply_view .txtCont .clabel {display:flex;margin-bottom:10px !important;}
.view_B_type .view_info {border:none !important;background:none !important; border-radius:0px !important; padding:20px 0px !important; margin-bottom:0px !important;}
.view_B_type .view_info h4 {font-size:1.2rem !important;font-weight:bold !important; line-height:1.2 !important;}
.price_ver2 .price_table { background:#fff !important;padding:0px !important;}
.fixed_cont {top:0px  !important;border-top:2px #222222 solid !important; }
.fixed_cont .price_table.fixed {top:60px !important;}
.price_ver2 .price_table .price_in h4 {font-size:1.2rem !important;font-weight:bold !important;padding:20px 0px !important; margin:0px !important; border-top:1px #ddd solid !important;}
.price_ver2 .price_table .price_in .price {padding-top:0px !important;}
.price_ver2 .total {border-radius:10px !important; background:#f7f7f7 !important;}
.price_ver2 .price_scroll #mCSB_1 {padding-right:0px !important;}
.price_ver2 .total i {width:155px !important; }
.price_ver2 .total h4 .price,
.price_ver2 .total p b {width:calc(100% - 155px) !important;}

.apply_view  #process { min-height:500px;}
.applyBtn a {height:auto !important;}
.applyBtn a .svg {display:none !important;}

.lnb_tab {border:none !important;border-bottom:1px #ddd solid !important; border-radius:0px !important;text-align:left !important;}
.lnb_tab li:first-child { margin-left:0px !important;}
.lnb_tab li a {font-size:1.2rem;color:#888888 !important;font-weight:500 !important; line-height:60px !important; border-radius:5px !important; }
.lnb_tab li a.mPS2id-highlight {color:#000 !important;}

h4.cont_tit {margin-bottom:20px !important;}

.apply_view .txtCont h4 {font-size: 1.3rem !important;}
.view_B_type .applyBtn {margin-top:30px !important;}

.view_B_type #information .information {margin-top:-10px !important;}
.view_B_type #information .information dl {padding:10px 0px !important;border:none !important;}
#information .information dl dt {width:180px !important;}
#information .information dl dd {width:calc(100% - 180px) !important;}

.book_cont .apply_view .imgCont .view_img {width:100% !important;}
.book_cont .photo_list .slick-list {padding-top:5px !important;}

.pay_cont { position:relative;}
.pay_cont .price_table {padding-top:20px !important;}
.pay_table {border-radius:0px !important;}
.pay_table .pay_line ul li b,
.coupon_line {display:none !important;}

@media all and (max-width:1300px) {
	
	.view_B_type .apply_view .imgCont {width:100% !important;height:0px !important; padding-bottom:60% !important;}
	.view_B_type .apply_view .fixed_cont {right:20px !important;}
	.view_B_type .fixed_cont .price_table.fixed {right:20px !important;}
	.view_B_type .apply_view {width: calc(100% - 380px) !important;}
}
@media all and (max-width:980px) {
	.view_B_type .apply_view { width: calc(100% - 310px) !important;}
}
@media all and (max-width: 768px) {
	.fixed_cont .price_table.fixed {top:0px !important;}
	.mo_line .tit {padding-right:0px !important;}
}
@media all and (max-width:680px) {

}


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


/* 소개 */
.greeting {padding:70px 0px !important;}
.greeting h3.title {position:relative !important;font-size:1.84rem !important; line-height:1.1 !important;font-weight: 600 !important;color:#000 !important; padding-top:20px; text-align:center !important; margin-bottom:40px !important;}
.greeting h3.title:before {content:'';position:absolute;left:50%;top:0px;transform:translateX(-50%); width:55px;height:2px;background:#041a71;}
.greeting .sub_cont {width:100%;max-width:1230px;margin:0px auto; box-sizing:border-box;text-align:center;}
.greeting .sub_cont img { width:auto;max-width:100%;}

.greeting1 {width:100%;max-width:1230px;margin:0px auto;padding:50px;box-sizing:border-box; background:url('/html/images/common/greeting1.png') 100% 50% no-repeat; background-size:cover !important;}
.greeting1 .greeting1_inner { width:50%;padding:40px 30px 40px 40px; line-height:1.5;font-size:1rem; background:#fff; color:#000; letter-spacing:-0.07em !important;}
.greeting1 .greeting1_inner b {display:block !important; font-size:28px; font-weight:600;}

.greeting2 {background:#fff; }
.greeting2 .sub_cont img { width:100%;max-width:1050px;}

.greeting3 {background:#f9f9f9; }
.greeting3 .sub_cont {border-radius:30px;border:1px #ddd solid; padding:50px 50px;text-align:center;background:#fff;}
.greeting3 .sub_cont img { width:100%;max-width:1050px;}

.greeting4 .sub_cont ul {width:100%; display:flex; flex-wrap:wrap; gap:40px;}
.greeting4 .sub_cont li {width:calc(50% - 20px); display:flex;justify-content:flex-start;  align-items:center; gap:30px; position:relative; text-align:left; box-sizing:border-box; }
.greeting4 .sub_cont li a {display:flex;justify-content:flex-start;  align-items:center; gap:30px; transition: all 0.2s linear;}
.greeting4 .sub_cont li .g4_img {position:relative;border-radius:10px; width:210px;}
.greeting4 .sub_cont li .g4_img b {position:absolute;left:0px;top:0px;width:100%;height:100%;border-radius:10px; box-sizing:border-box;transition: all 0.2s linear;}
.greeting4 .sub_cont li:hover .g4_img b,
.greeting4 .sub_cont li a:hover .g4_img b {border:20px rgba(4,26,113,0.2) solid;}
.greeting4 .sub_cont li .g4_img img {width:100%; border-radius:10px;}
.greeting4 .sub_cont li .g4_cont { width:calc( 100% - 240px);}
.greeting4 .sub_cont li h2 { line-height:1.2;font-size:23px; color:#000; margin-bottom:15px; word-break:keep-all; letter-spacing:-0.06em !important; }
.greeting4 .sub_cont li p { line-height:1.4;font-size:1rem; color:#666; word-break:keep-all;  letter-spacing:-0.06em !important;}

.history { width:100%; max-width:1230px; margin:0px auto;}
.history h2 {font-size:20px; font-weight:500;color:#000; text-align:center; margin-bottom:30px;}
.history h2 b {font-weight:700;color:#041a71;}
.history_cont { width:100%;box-sizing:border-box; border-radius:20px;background:#f9f9f9;border:1px #ddd solid; padding:60px 70px; overflow-x:auto; text-align:center;}
.history_cont img {width:95%;min-width:600px; max-width:1000px;}

.location_cont * {}
.loca_intro {border:1px #ddd solid; border-top:4px #041a71 solid;padding:20px 50px;display:flex; align-content:center;margin-bottom:60px; background:#f6f6f6 url('/html/images/common/icon_loc.png') 50px 50% no-repeat;}
.loca_intro h2 { width:auto; padding:10px 45px; font-size:24px;line-height:60px !important; color:#000;font-weight:600; margin:0px !important; box-sizing:border-box;}
.loca_intro p {width:100%;border-left:1px #ddd solid; padding:10px 40px;font-size:16px;line-height:30px !important;color:#000;font-weight:500; box-sizing:border-box;}

.loca_info {margin-bottom:40px; }
.loca_info h2 { padding-left:53px; background-size:40px !important;font-size:20px;line-height:40px !important; color:#000;font-weight:600; box-sizing:border-box;}
.loca_info h2.loca_info_bus {background:url('/html/images/common/icon_bus.png') 0% 50% no-repeat; }
.loca_info h2.loca_info_car {background:url('/html/images/common/icon_car.png') 0% 50% no-repeat; }
.loca_info dl {position:relative;padding:15px 22px;}
.loca_info dl:before {content:''; position:absolute;left:10px; top:26px;width:6px;height:6px;background:#bdbdbd; border-radius:50%;}
.loca_info dt {display:flex; flex-wrap:wrap; font-size:1rem;line-height:18px !important; color:#000;font-weight:600; margin-bottom:8px;} 
.loca_info dt b { font-size:0.9rem !important;line-height:18px !important; color:#000;font-weight:600; margin:0px 10px 0px 0px;}
.loca_info dt em {font-family:'Pretendard' !important; display:inline-block; margin-right:5px; padding:3px 5px 2px 5px; font-size:13px; line-height:13px; background:#19972a; color:#fff; font-weight:800;border-radius:3px; font-style:normal;}
.loca_info dt em.b {background:#4d81c1;}
.loca_info dd {font-size:0.9rem;line-height:1.4 !important; color:#333;font-weight:400;} 

@media all and (max-width:1300px) {
	.greeting .sub_cont {width:calc( 100% - 40px );margin:0px 20px;}
	.greeting1 {width:calc(100% - 40px) !important; margin:0px 20px;}

	.location_cont {padding-left:0px !important; padding-right:0px !important;}
}

@media all and (max-width:1024px) {
	.greeting {padding:50px 0px !important;}
	.greeting h3.title {font-size:28px !important;padding-top:15px; margin-bottom:30px !important;}
	.greeting1 {padding:50px 30px;}
	.greeting1 .greeting1_inner {padding:30px 20px 30px 30px;}
	.greeting1 .greeting1_inner b { font-size:30px;}

	.greeting3 .sub_cont {border-radius:20px;padding:30px 20px;}

	.greeting4 .sub_cont ul {gap:30px;}
	.greeting4 .sub_cont li,
	.greeting4 .sub_cont li a {gap:20px;} 
	.greeting4 .sub_cont li .g4_img {width:150px;}
	.greeting4 .sub_cont li .g4_cont { width:calc( 100% - 170px);}
	.greeting4 .sub_cont li h2 {font-size:20px;margin-bottom:10px;}
}

@media all and (max-width:980px) {
	.loca_intro { flex-wrap:wrap;padding:30px;margin-bottom:60px; background-position:30px 50% !important;}
	.loca_intro h2 {width:100%; padding:0px 0px 0px 40px;font-size:25px;line-height:1.5 !important;}
	.loca_intro p { padding:0px  0px 0px 40px;font-size:16px;line-height:1.5 !important; border:none;}
	.loca_intro p br {display:none;}

}

@media all and (max-width:680px) {
	.greeting {padding:35px 0px !important;}
	.greeting h3.title {font-size:22px !important;padding-top:12px; margin-bottom:20px !important;}
	.greeting1 {padding:20px 20px 20px 20px;}
	.greeting1 .greeting1_inner {width:100%;padding:20px 10px 20px 20px;font-size:14px;box-sizing:border-box;}
	.greeting1 .greeting1_inner b { font-size:22px;}

	.greeting3 .sub_cont {border-radius:10px;padding:20px 12px;}

	.greeting4 .sub_cont ul {gap:15px;}
	.greeting4 .sub_cont li {width:100%;gap:15px;}
	.greeting4 .sub_cont li a {gap:15px;} 
	.greeting4 .sub_cont li .g4_img {width:100px;}
	.greeting4 .sub_cont li .g4_cont { width:calc( 100% - 120px);}
	.greeting4 .sub_cont li h2 {font-size:17px;margin-bottom:8px;}

	.history h2 {font-size:16px; margin-bottom:20px;}
	.history_cont {border-radius:10px; padding:30px 20px;}

	.loca_intro { padding:20px;margin-bottom:40px; background-position:22px 23px !important; background-size:14px auto !important;}
	.loca_intro h2 {padding:0px 0px 8px 30px;font-size:22px;}
	.loca_intro p { padding:0px 0px 0px 30px;font-size:15px;}
	.loca_intro p br {display:block;}

	.loca_info {margin-bottom:25px; }
	.loca_info h2 { padding-left:40px; background-size:30px !important;font-size:18px;line-height:30px !important;}
	.loca_info dl {padding:15px 20px;}
	.loca_info dl:before {top:22px; width:4px;height:4px;}
	.loca_info dt {margin-bottom:3px;}
	.loca_info dt b { width:100%; display:block !important; margin:0px 0px 5px 0px;}
	.loca_info dt em {margin:0px 5px 5px 0px;}

}