@charset "utf-8";

/**************************************************************************************************************
pc 컨텐츠 width = 컨텐츠 1350px + 좌우여백 각각 30px
**************************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;500;600&display=swap'); /*footer title*/

body {position:relative;}

#dim,
#gnb_dim {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;visibility:hidden;opacity:0;}
#dim.on,
#gnb_dim.on {visibility:visible;opacity:0.5;z-index:900;}

#header {position:fixed;left:0;top:0;/*overflow:hidden;*/width:100%;height:105px;z-index:1000;transition:0.2s;}
#header::after {content:'';display:block;position:absolute;left:0;top:105px;width:100%;height:1px;background:#fff;opacity:0.5;}
.typeSub #header {position:absolute;}

header {position:relative;width:100%;max-width:1780px;margin:0 auto;box-sizing:border-box;padding:0 30px;}
header .logo {display:block;position:absolute;left:30px;top:40px;z-index:2;}
header .logo>a {display:block;overflow:hidden;}
header .logo>a img {max-width:none;height:42px;vertical-align:top;}
header .logo>a>span {display:none;}
header .top_util {position:absolute;right:30px;top:43px;/*width:300px;*/width:auto;height:42px;box-sizing:border-box;font-size:0;text-align:right;white-space:nowrap;z-index:5;}
header .top_util>a,
header .top_util>button {display:inline-block;overflow:hidden;min-width:102px;height:42px;margin-left:15px;box-sizing:border-box;padding:0 15px;border-radius:21px;border:1px solid #fff;font-size:0;text-align:center;vertical-align:top;}
header .top_util>a>span,
header .top_util>button>span {display:inline-block;overflow:hidden;padding-right:22px;font-family:'Poppins','Noto Sans KR',sans-serif;font-size:16px;font-weight:500;line-height:41px;vertical-align:top;}
header .top_util .btn_topBnrzone>span {background:url(../img/layout/ico_recGrp_white.png) no-repeat right center;color:#fff;}
header .top_util .top_log {display:inline-block;}
header .top_util .top_log .btn_topLogin {display:inline-block;overflow:hidden;min-width:102px;height:42px;margin-left:19px;box-sizing:border-box;padding:0 15px;border-radius:21px;border:1px solid #fff;background:#fff;font-size:0;text-align:center;vertical-align:top;}
header .top_util .top_log .btn_topLogin>span {display:inline-block;overflow:hidden;padding-right:22px;background:url(../img/layout/ico_lock_black.png) no-repeat right center;color:#000;font-family:'Poppins','Noto Sans KR',sans-serif;font-size:16px;font-weight:500;line-height:41px;vertical-align:top;}
header .top_util .top_log .mypage {display:none;overflow:hidden;min-width:102px;margin-left:19px;box-sizing:border-box;border-radius:21px;border:1px solid #fff;background:#fff;font-size:0;text-align:center;vertical-align:top;}
header .top_util .top_log .mypage>.btn_topMy {display:inline-block;overflow:hidden;padding:0 21px;vertical-align:top;}
header .top_util .top_log .mypage>.btn_topMy>span {display:inline-block;padding-right:22px;background:url(../img/layout/log_arrB_black.png) no-repeat right center;color:#000;font-family:'Poppins','Noto Sans KR',sans-serif;font-size:16px;font-weight:500;line-height:41px;letter-spacing:-0.5px;}
header .top_util .top_log .mypage>ul {display:none;}
header .top_util .top_log.on .btn_topLogin {display:none;}
header .top_util .top_log.on .mypage {display:inline-block;}
header .top_util .top_log.on .mypage.on>.btn_topMy>span {background:url(../img/layout/log_arrT_black.png) no-repeat right center;}
header .top_util .top_log.on .mypage>ul {padding:10px 21px;border-top:1px solid #dadada;}
header .top_util .top_log.on .mypage>ul>li {display:block;}
header .top_util .top_log.on .mypage>ul>li+li {margin-top:3px;}
header .top_util .top_log.on .mypage>ul>li>a {display:block;color:#666;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:500;line-height:22px;text-align:left;}
header .top_util .top_sitemap {display:inline-block;overflow:hidden;width:42px;height:42px;min-width:auto;margin:0 0 0 15px !important;padding:0 !important;border:none !important;border-radius:0;background:url(../img/main/ico_lineGrp_white.png) no-repeat center;text-indent:-999px;}
header>nav {width:100%;max-width:1780px;height:105px;margin:0 auto;box-sizing:border-box;padding:0 280px 0 170px;}

/*gnb 1depth*/
header>nav #gnb {width:100%;box-sizing:border-box;padding:47px 0 0;font-size:0;text-align:center;}
header>nav #gnb>li {display:inline-block;padding:0 12px;vertical-align:top;letter-spacing:-2px;vertical-align:top;}
header>nav #gnb>li>a {display:inline-block;position:relative;height:24px;margin:0 auto;padding:0 19px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:18px;font-weight:500;line-height:24px;text-align:center;vertical-align:middle;z-index:1002;letter-spacing:-0.5px;}
header>nav #gnb>li>a::before {content:'';display:block;position:absolute;left:0;bottom:-32px;overflow:hidden;width:100%;height:2px;background:#d01f43;transition:0.2s;opacity:0;}
header>nav #gnb>li.act>a:first-child::before {opacity:1;}
header>nav #gnb>li .gnbTit {display:none;position:absolute;left:0;top:100px;width:300px;height:0;box-sizing:border-box;padding:30px 0 30px 60px;background:#0097ce;color:#656565;font-family:'Noto Sans KR';font-size:16px;font-weight:300;text-align:left;letter-spacing:-1px;}
header>nav #gnb>li .gnbTit::before {content:'';display:block;position:absolute;left:-200px;top:0;width:200px;height:100%;background:#0097ce;}
header>nav #gnb>li .gnbTit::after {content:'';display:block;position:absolute;right:0;top:49px;width:80px;height:1px;background:#fff;z-index:0;}
header>nav #gnb>li.child .gnbTit.act {display:block;}
header>nav #gnb>li .gnbTit>b {display:inline-block;position:relative;margin-bottom:45px;padding-right:35px;background:#0097ce;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:35px;font-weight:500;line-height:46px;text-align:left;letter-spacing:-3px;z-index:1;transition:0.2s;}
/*gnb 2depth*/
header>nav #gnb ul.menuM {display:none;position:absolute;left:50%;top:105px;overflow:hidden;width:100%;max-width:1340px;margin-left:-650px;box-sizing:border-box;padding:40px 0 7px;border-right:1px solid #dbdee1;border-left:1px solid #dbdee1;font-size:0;text-align:left;/*transform:translateX(-50%);*/}
header>nav #gnb ul.menuM::after {content:'';display:none;position:absolute;left:0;bottom:0;width:100%;height:50px;background:#fff;transition:0.2s;}
header>nav #gnb ul.menuM.on,
header>nav #gnb ul.menuM.act {display:block;}
header>nav #gnb ul.menuM.on::after,
header>nav #gnb ul.menuM.act::after {display:block;}
header>nav #gnb ul.menuM>li {display:inline-table;position:relative;/*overflow:hidden;*/width:20%;margin-left:-1px;box-sizing:border-box;padding:0 30px 45px 40px;font-size:0;text-align:left;vertical-align:top;}
header>nav #gnb ul.menuM>li::before {content:'';display:block;position:absolute;left:0;top:0;width:1px;height:500px;background:#dbdee1;}
header>nav #gnb ul.menuM>li>a {display:inline-block;box-sizing:border-box;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:18px;font-weight:500;line-height:22px;text-align:left;vertical-align:top;letter-spacing:-1px;transition:0.2s;}
header>nav #gnb ul.menuM>li:hover>a,
header>nav #gnb ul.menuM>li.on>a,
header>nav #gnb ul.menuM>li.act>a {color:#d01f43;}
/*gnb 3depth*/
header>nav #gnb ul.menuS {display:none;padding-top:3px;}
header>nav #gnb ul.menuM.on .menuS,
header>nav #gnb ul.menuM.act .menuS {display:block;}
header>nav #gnb ul.menuS>li {position:relative;margin-top:13px;/*padding-left:9px;*/font-size:0;}
header>nav #gnb ul.menuS>li>a {display:inline-block;position:relative;color:#666;font-size:15px;font-weight:400;line-height:19px;;text-align:left;vertical-align:top;letter-spacing:-1px;transition:0.2s;}
header>nav #gnb ul.menuS>li:hover>a,
header>nav #gnb ul.menuS>li.on>a,
header>nav #gnb ul.menuS>li.act>a {color:#d01f43;}

header .mLogo,
header .mBtn_topMenu,
header .top_util>.mBtn_program,
header .mBtn {display:none;}

.gnbOn {overflow:hidden;background:#fff url(../img/layout/bg_gnbOn.png) repeat-x left top !important;}
.gnbOn::after {background:#ccc !important;}
.gnbOn header .logo>a>img {display:none !important;}
.gnbOn header .logo>a>span {display:block !important;}
.gnbOn header>nav #gnb>li>a {color:#000 !important;}
.gnbOn header>nav #gnb>li.act>a {color:#d01f43 !important;}
.gnbOn header .top_util>a,
.gnbOn header .top_util>button {border:1px solid #000;background:#fff;}
.gnbOn header .top_util .btn_topBnrzone>span {background:url(../img/layout/ico_recGrp_black.png) no-repeat right center;color:#000;}
.gnbOn header .top_util .btn_topLogin>span {background:url(../img/layout/ico_lock_black.png) no-repeat right center;color:#000;}
.gnbOn header .top_util .top_log .btn_topLogin,
.gnbOn header .top_util .top_log .mypage {border:1px solid #000 !important;background:#fff;}
.gnbOn header .top_util .top_sitemap {background:url(../img/main/ico_lineGrp_black.png) no-repeat center;}

#footer {position:relative;background:#151515;}
#btn_top {position:fixed;right:10px;bottom:50px;overflow:hidden;width:61px;height:61px;background:url(../img/layout/btn_sideTop.png) no-repeat center;text-indent:-999px;z-index:10;opacity:0;transition:0.2s;}
#btn_top.on {opacity:1;}
#btn_top.limit {position:absolute;bottom:30px;transition:0s;}
/* 0130수정 */
#btn_ch {position:fixed;right:10px;bottom:126px;overflow:hidden;width:61px;height:61px;background:url(../img/layout/btn_sideCh.png) no-repeat center;background-size: contain;text-indent:-999px;z-index:10;opacity:0;transition:0.2s;}
#btn_ch.on {opacity:1;}
#btn_ch.limit {position:absolute;bottom:106px;transition:0s;}
/* // 0130수정 */


footer {position:relative;overflow:hidden;max-width:1400px;min-height:450px;margin:0 auto;box-sizing:border-box;padding:50px 30px 90px 290px;z-index:0;}
footer::after {content:'';display:block;position:absolute;left:30px;bottom:62px;width:calc(100% - 60px);height:1px;background:#444;}
footer .fTit {display:block;margin-bottom:30px;color:rgba(255,255,255,0.8);font-family:'Poppins','Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:600;line-height:20px;letter-spacing:1.5px;}
footer .f_menu {float:left;overflow:hidden;width:210px;box-sizing:border-box;font-size:0;text-align:left;}
footer .f_menu li {display:block;position:relative;color:rgba(255,255,255,0.8);font-family:'Poppins','Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:400;line-height:19px;vertical-align:top;}
footer .f_menu li+li {margin-top:13px;}
footer .f_menu li.point {color:#d01f43;}
footer .f_sns {position:absolute;right:30px;bottom:20px;font-size:0;text-align:right;white-space:nowrap;}
footer .f_sns li {display:inline-block;margin-left:20px;vertical-align:top;}
footer .f_sns li a {display:block;height:19px;font-size:0;}
footer .f_sns li a img {max-height:100%;vertical-align:middle;}
footer .f_mark {position:absolute;right:110px;bottom:15px;font-size:0;text-align:right;}
footer .f_mark li {display:inline-block;height:29px;margin-left:33px;vertical-align:top;}
footer .f_mark li img {height:29px;vertical-align:top;}
footer .f_apply {float:left;width:195px;}
footer .f_apply p {display:block;margin-bottom:25px;color:rgba(255,255,255,0.8);font-family:'Roboto','NoSto Sans KR',sans-serif;font-size:14px;font-weight:300;line-height:19px;}
footer .f_apply .btn_testApply {display:block;overflow:hidden;width:195px;height:44px;box-sizing:border-box;padding:0 50px 0 20px;border:1px solid #505050;background:url(../img/layout/ico_lineArrR_red.png) no-repeat right 20px center;;color:rgba(255,255,255,0.8);font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:300;line-height:44px;}
/* footer .f_certifi {float:right;max-width:490px;} */
footer .f_certifi {float:right;max-width:600px;}
footer .f_certifi li {display:block;position:relative;margin-bottom:5px;color:rgba(255,255,255,0.5);font-family:'Poppins','Roboto','Noto Sans KR',sans-serif;font-size:14px;font-weight:400;line-height:19px;vertical-align:top;letter-spacing:-.5px;}
footer address {display:block;position:absolute;left:30px;top:50px;width:260px;font-style:normal;}
footer address p>span {display:block;position:relative;color:rgba(255,255,255,0.8);font-family:'Poppins','Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:400;line-height:19px;vertical-align:top;}
footer address p>span>em {display:block;margin-top:12px;font-style:normal;}
footer .copyright {display:block;position:absolute;left:30px;bottom:20px;width:290px;font-style:normal;font-size:14px;color:rgba(255,255,255,0.6);font-family:'Poppins','Roboto','Noto Sans KR',sans-serif;font-size:13px;font-weight:400;line-height:17px;}

.sVisual {display:inline-table;width:100%;height:519px;box-sizing:border-box;padding:105px 0 70px;background-repeat:no-repeat;background-position:center top;vertical-align:top;margin-bottom:95px;}
.sVisual>div {display:none;}
.sVisual>strong,
.sVisual>h2 {display:table-cell;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:52px;font-weight:700;line-height:62px;text-align:center;vertical-align:middle;letter-spacing:10px;}

#snb_nav {position:relative;width:100%;height:70px;margin:-70px 0 95px;box-sizing:border-box;background:rgba(0,0,0,0.6);}
#snb_nav .snb_area {position:relative;width:100%;max-width:1340px;height:70px;margin:0 auto;box-sizing:border-box;padding:0;z-index:500;line-height:70px;}
#snb_nav .snb_area .btn_home {display:block;position:relative;float:left;overflow:hidden;width:70px;height:70px;margin:0;padding:0;border-left:1px solid rgba(255,255,255,0.2);border-right:1px solid rgba(255,255,255,0.2);background:url(../img/layout/snb_home_white.png) no-repeat center;color:#fff;font-family:'Malgun Gothic';font-size:16px;line-height:49px;text-indent:-999px;}
#snb_nav .snb_area>button {position:relative;float:left;height:70px;min-width:230px;margin-left:1px;box-sizing:border-box;padding:0 75px 0 30px;background:url(../img/layout/snb_selArrB_white.png) no-repeat right 30px top 50%;color:#fff;font-size:18px;line-height:70px;text-align:left;font-weight:300;}
#snb_nav .snb_area>button.active {background:#d01f43 url(../img/layout/snb_selArrT_white.png) no-repeat right 30px top 50%;color:#fff;}
#snb_nav .snb_area>button.on {background-color:#d01f43;}
#snb_nav .snb_area .snb_util {display:block;float:right;margin-right:30px;font-size:0;}
#snb_nav .snb_area .btn_snbView {display:none;}

#snb_nav #snb {display:none;position:absolute;left:5px;top:70px;width:235px;box-sizing:border-box;padding:15px 30px 25px;/*border:1px solid #dbdee1;border-top:none;*/background:#d01f43;z-index:900;}
#snb_nav #snb li+li {margin-top:10px;}
#snb_nav #snb li a {color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:400;line-height:16px;letter-spacing:-1px;}
#snb_nav #snb li a:hover,
#snb_nav #snb li a:active {text-decoration:underline;}
#snb_nav #snb li .gnbTit {display:none !important;}
#snb_nav #snb>li>ul {margin-bottom:10px;}
#snb_nav #snb>li>ul ul {margin-bottom:0;}
#snb_nav.active2 #snb>li+li {margin-top:0;}
#snb_nav.active3 #snb>li+li,
#snb_nav.active3 #snb .menuM>li+li {margin-top:0;}
#snb_nav.active4 #snb>li+li,
#snb_nav.active4 #snb .menuM>li+li,
#snb_nav.active4 #snb .menuS>li+li {margin-top:0;}

#snb_nav.active1 #snb>li>ul.menuM {display:none;}
#snb_nav.active2 #snb {padding:15px 30px;}
#snb_nav.active2 #snb>li>a,
#snb_nav.active2 #snb>li>ul.menuM {display:none;}
#snb_nav.active2 #snb>li.on>ul.menuM {display:block;}
#snb_nav.active2 #snb>li.on>ul.menuM ul {display:none;}
#snb_nav.active3 #snb {padding:20px 30px 15px;}
#snb_nav.active3 #snb>li,
#snb_nav.active3 #snb>li>a,
#snb_nav.active3 #snb>li>ul.menuM>li,
#snb_nav.active3 #snb>li>ul.menuM>li>a {display:none;}
#snb_nav.active3 #snb>li.on>ul.menuM ul.menuS {display:block;}
#snb_nav.active3 #snb>li.on>ul.menuM ul.menuS ul {display:none;}
#snb_nav.active3 #snb li.on {display:block !important;}
#snb_nav.active4 #snb {padding:15px 30px;}
#snb_nav.active4 #snb>li,
#snb_nav.active4 #snb>li>a,
#snb_nav.active4 #snb>li>ul.menuM>li,
#snb_nav.active4 #snb>li>ul.menuM>li>a,
#snb_nav.active4 #snb>li>ul.menuM>li>ul.menuS>li,
#snb_nav.active4 #snb>li>ul.menuM>li>ul.menuS>li>a {display:none;}
#snb_nav.active4 #snb li.on {display:block !important;}

#snb_nav .snb_util {position:absolute;right:0;top:0;padding:13px 0;text-align:right;font-size:0;}
#snb_nav .snb_util button {display:inline-block;overflow:hidden;width:24px;height:24px;margin-left:14px;text-indent:-999px;vertical-align:top;}
#snb_nav .snb_util .btn_zoomOut {background:url(../img/layout/snb_zoomOut_white.png) no-repeat 50% 50%;}
#snb_nav .snb_util .btn_zoomIn {background:url(../img/layout/snb_zoomIn_white.png) no-repeat 50% 50%;}
#snb_nav .snb_util .btn_print {background:url(../img/layout/ico_print_white.png) no-repeat 50% 50%;}
#snb_nav .snb_util .btn_share {background:url(../img/layout/ico_share_white.png) no-repeat 50% 50%;}
#snb_nav .snb_util .zoom {display:inline-block;position:relative;height:24px;font-size:0;vertical-align:top;}
#snb_nav .snb_util .shareBox {display:none;position:absolute;right:-20px;top:52px;width:260px;padding-top:8px;z-index:100;}
#snb_nav .snb_util .shareBox ul {position:relative;padding:19px 5px 15px;border:1px solid #1b2535;background:#fff;text-align:center;}
#snb_nav .snb_util .shareBox ul::before {content:'';display:block;position:absolute;right:20px;top:-9px;width:9px;height:9px;background:url(../img/layout/ico_speechBubble_arrT.png) no-repeat center top;}
#snb_nav .snb_util .shareBox ul>li {display:inline-block;}
#snb_nav .snb_util .shareBox ul>li:nth-child(n+5) {margin-top:10px}
#snb_nav .snb_util .shareBox ul>li>a {display:block;width:75px;padding:50px 0 0;color:#000;font-size:14px;line-height:16px;text-align:center;letter-spacing:-1px;}
#snb_nav .snb_util .shareBox .sns_instagram {background:url(../img/layout/sns_cir_instagram.png) no-repeat center top;}
#snb_nav .snb_util .shareBox .sns_kakaoTalk {background:url(../img/layout/sns_cir_kakaoTalk.png) no-repeat center top;}
#snb_nav .snb_util .shareBox .sns_facebook {background:url(../img/layout/sns_cir_facebook.png) no-repeat center top;}
#snb_nav .snb_util .shareBox .sns_kakaoStory {background:url(../img/layout/sns_cir_kakaoStory.png) no-repeat center top;}
#snb_nav .snb_util .shareBox .sns_nBlog {background:url(../img/layout/sns_cir_nBlog.png) no-repeat center top;}
#snb_nav .snb_util .shareBox .sns_twitter {background:url(../img/layout/sns_cir_twitter.png) no-repeat center top;}
#snb_nav .snb_util .shareBox .sns_urlCopy {background:url(../img/layout/sns_cir_urlCopy.png) no-repeat center top;}
#snb_nav .snb_util .shareBox.on {display:block;}
#snb_nav .snb_util .shareBox.on {display:block;}


/* .stickyFix .sVisual {margin-bottom:95px;} */
.stickyFix #snb_nav {position:fixed;left:0;top:0;margin:0;z-index:500;background:#0e0c0b;}
.stickyFix #snb_nav .snb_area {box-shadow:none;}

.typeSub #contents {position:relative;overflow:hidden;padding-bottom:50px;}
.typeSub #contents>article {position:relative;max-width:1400px;min-height:500px;box-sizing:border-box;margin:0 auto;padding:0 30px 50px;}

.typeSub.stickyFix #contents {padding-top:3px;}

.sitemap {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;z-index:2000;}
.sitemap.on {display:block;}
.sitemap .sitemap_wrap {position:relative;padding:110px 0 55px;}
.sitemap .sitemap_wrap::before {content:'';display:block;position:absolute;left:0;top:110px;width:100%;height:1px;background:#dbdee1;}
.sitemap .sitemap_logo {display:inline-block;position:absolute;left:50%;top:40px;overflow:hidden;height:42px;margin-left:-860px;}
.sitemap .btn_sitemapClose {display:inline-block;position:absolute;left:50%;top:40px;overflow:hidden;width:42px;height:42px;margin-left:790px;background:url(../img/layout/sitemap_close.png) no-repeat center;text-indent:-999px;}
.sitemap .sitemap_nav {overflow:hidden;width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box;padding:0 30px;}
.sitemap #sitemap>li {position:relative;padding:57px 0 50px 340px;border-bottom:1px solid #dbdee1;}
.sitemap #sitemap>li:last-child {border-bottom:none;}
.sitemap #sitemap>li>a {display:block;position:absolute;left:0;top:57px;width:300px;color:#222;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:44px;font-weight:700;line-height:54px;letter-spacing:-1px;}
.sitemap #sitemap .menuM {overflow:hidden;font-size:0;text-align:left;}
.sitemap #sitemap .menuM>li {display:inline-table;width:33.3%;box-sizing:border-box;padding:0 30px 27px 0;vertical-align:top;}
.sitemap #sitemap .menuM>li>a {display:inline-block;margin-bottom:21px;color:#222;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:28px;font-weight:700;line-height:38px;letter-spacing:-1px;vertical-align:top;}
.sitemap #sitemap .menuS {display:block;overflow:hidden;margin-bottom:23px;}
.sitemap #sitemap .menuS>li {position:relative;padding-left:12px;font-size:0;}
.sitemap #sitemap .menuS>li::before {content:'';display:block;position:absolute;left:0;top:7px;overflow:hidden;width:3px;height:3px;border-radius:50%;background:#d01f43;}
.sitemap #sitemap .menuS>li+li {margin-top:12px;}
.sitemap #sitemap .menuS>li>a {display:inline-block;color:#666;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:20px;font-weight:400;line-height:24px;letter-spacing:-1px;vertical-align:top;}
.sitemap #sitemap ul>li a {transition:0.2s;}
.sitemap #sitemap ul>li a:hover {color:#d01f43 !important;}

.sitemap.on {animation:sitemapAni 0.7s forwards ease-out;}
@keyframes sitemapAni {
    0% {
        -webkit-transform: translateY(20px);
        -khtml-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -khtml-transition: transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -moz-transition: transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -ms-transition: transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -o-transition: transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        transition: transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        opacity:0;
    }
    100% {
        -webkit-transform: translateY(0);
        -khtml-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -khtml-transition: transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -moz-transition: transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -ms-transition: transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -o-transition: transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        transition: transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        opacity:1;
    }
}

@media print {
    #header, #footer, #snb_nav {display:none;}
}

@media all and (max-width:1795px){
    .sitemap .sitemap_logo {left:30px;margin-left:0}
    .sitemap .btn_sitemapClose {left:auto;right:30px;margin-left:0;}
}

@media all and (max-width:1465px){
    header>nav #gnb ul.menuM {left:auto;right:30px;width:calc(100% - 30px);margin-left:0;}
}

@media all and (max-width:1418px){
    header>nav #gnb ul.menuM {width:calc(100% - 60px);}
}

@media all and (max-width:1400px){
    .sitemap #sitemap>li {padding-left:240px;}
    .sitemap #sitemap>li>a {width:200px;}
}

@media all and (max-width:1310px){
    header>nav #gnb>li {padding:0;}
    header>nav #gnb>li>a {padding:0 13px;}
    .typeMain header>nav #gnb>li>a {padding:0 9px;}
}

@media all and (max-width:1260px){
    footer .f_certifi {width:calc(100% - 455px);}
}

@media all and (max-width:1041px){
    .gnbOn {overflow:visible;}
    #header {height:45px;z-index:1500;}
    #header::after {top:44px;}
    header .logo {left:20px;top:11px;width:auto;height:23px;}
    header .logo>a img {height:23px;}
    header .top_util {right:45px;top:11px;width:110px;height:23px;z-index:auto;}
    header .top_util>a,
    header .top_util>button {width:23px;min-width:auto;height:23px;margin-left:5px;padding:0;border:none;border-radius:0;background:none !important;text-indent:-999px;}
    header .top_util>a>span,
    header .top_util>button>span {display:block;height:23px;padding:0;}
    header .top_util .btn_topBnrzone>span  {width:23px;background:url(../img/layout/ico_recGrp_white.png) no-repeat center;text-align:left;text-indent:-999px;}
    header .top_util .top_log {position:absolute;left:25px;top:0;}
    header .top_util .btn_topBnrzone+.top_log {left:0px;}
    .typeSub header .top_util .top_log {left:55px !important;}
    .typeSub header .top_util .btn_topBnrzone+.top_log {left:30px !important;}
    header .top_util .top_log .btn_topLogin {width:56px;min-width:auto;height:23px;margin-left:7px;padding:0;border:none;background:none;}
    header .top_util .top_log .btn_topLogin>span {width:auto;padding-right:0;background:none !important;color:#fff !important;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:13px;line-height:23px;text-align:left;}
    header .top_util .top_log .mypage {width:57px;min-width:auto;margin-left:0;border:none;background:none;}
    header .top_util .top_log .mypage>.btn_topMy {padding:0;}
    header .top_util .top_log .mypage>.btn_topMy>span {width:auto;padding-right:0;background:none !important;color:#fff !important;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:13px;line-height:23px;text-align:left;}
    header .top_util .top_log.on .mypage>ul {position:absolute;left:-14px;top:28px;width:66px;padding:5px 10px;border-top:none;border-radius:0px;background:#fff;}
    header .top_util .top_log.on .mypage>ul>li a {font-size:13px;line-height:17px;}
    header .top_util .top_sitemap {display:none;}

    .gnbOn header .top_util .btn_topBnrzone>span {background-position:center !important;}
    .gnbOn header .top_util .top_log .mypage {border:none !important;background:none !important;}
    .gnbOn header .top_util .top_log .mypage>.btn_topMy>span {color:#000 !important;}

    header>nav {position:fixed !important;left:-770px;top:0;width:100%;max-width:760px;height:100%;margin:0;box-sizing:border-box;padding:45px 0 0;background:#fff;z-index:2000;transition:0.2s;}
    header>nav::before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:45px;background:#d01f43;}
    header>nav #gnb {overflow-x:hidden;overflow-y:auto;margin:0;box-sizing:border-box;padding:11px 20px;text-align:left;}
    header>nav #gnb>li {display:block;width:100%;height:auto;padding:0;}
    header>nav #gnb>li+li {border-top:1px solid #dbdfe2;}
    header>nav #gnb>li>a {display:block;height:auto;box-sizing:border-box;box-sizing:border-box;padding:17px 0 !important;color:#222;font-size:18px;font-weight:700;line-height:21px;text-align:left;vertical-align:middle;}
    header>nav #gnb>li.act>a:first-child:hover {color:#d01f43 !important}
    header>nav #gnb>li.act>a:first-child::before {display:none !important;}
    header>nav #gnb>li.child {background-image:url(../img/layout/m/ico_menuDep01_close.png);background-repeat:no-repeat;background-position:right 20px top 17px;background-size:auto 14px !important;}
    header>nav #gnb>li.child.act {background-image:url(../img/layout/m/ico_menuDep01_open.png);cursor:default;}
    

    header>nav #gnb ul.menuM {display:none;position:relative;left:auto;right:auto;top:auto;width:100%;box-sizing:border-box;border:none;padding:0;}
    header>nav #gnb>li>a.on~ul.menuM {display:block;}
    header>nav #gnb ul.menuM>li {width:100%;margin:0;padding:3px 0 15px;background:none;font-size:0;}
    header>nav #gnb ul.menuM>li::before {display:none !important;}
    header>nav #gnb ul.menuM>li.child {background-image:url(../img/layout/m/ico_menuDep02_close.png);background-repeat:no-repeat;background-position:right 20px top 7px;background-size:auto 8px;}
    header>nav #gnb ul.menuM>li.child.act {background-image:url(../img/layout/m/ico_menuDep02_open.png);}
    header>nav #gnb ul.menuM>li>a {color:#222;font-size:15px;font-weight:500;line-height:19px;}
    header>nav #gnb ul.menuM>li>a:first-child {display:inline;float:none;margin:0 10px 0 0;padding:0;font-size:15px;line-height:18px;vertical-align:top;}
    header>nav #gnb ul.menuM>li.on>a:first-child {color:#000;}
    header>nav #gnb ul.menuM>li.act>a:first-child,
    header>nav #gnb ul.menuM>li.on.act>a:first-child {width:auto !important;}
    header>nav #gnb ul.menuM>li.on .menuS {display:block;}
    header>nav #gnb ul.menuM>li:hover>a::before,
    header>nav #gnb ul.menuM>li.on>a::before,
    header>nav #gnb ul.menuM>li.act>a::before {display:none;}

    header>nav #gnb ul.menuS {width:100%;box-sizing:border-box;padding:0;}
    header>nav #gnb ul.menuS>li {position:relative;margin:10px 40px 0 0;padding-left:8px;}
    header>nav #gnb ul.menuS>li::before {content:'';display:block;position:absolute;left:0;top:7px;width:2px;height:2px;background:#9b9b9b;}
    header>nav #gnb ul.menuS>li>a {color:#555;font-size:14px;line-height:18px;}
    header>nav #gnb>li li.child>ul {display:none;}

    header>nav #gnb a:hover {color:#d01f43 !important}

    header .mLogo {display:inline-block;position:fixed;left:-770px;top:11px;height:23px;margin-left:15px;z-index:2001;transition:0.2s;}
    header .mLogo a img {height:100%;}
    header .mBtn_topMenu {display:block;position:absolute;right:15px;top:11px;overflow:hidden;width:23px;height:23px;background:url(../img/layout/ico_lineGrp_white.png) no-repeat center;background-size:auto 18px;text-indent:-999px;}
    header .mBtn {display:block;position:fixed;left:-770px;;top:0;width:100%;max-width:760px;height:0;z-index:2001;transition:0.2s;}
    header .mBtn .mBtn_close {display:block;float:right;overflow:hidden;width:45px;height:45px;background:url(../img/layout/m/btn_closeX_white.png) no-repeat center;background-size:auto 16px;text-indent:-999px;}

    .gnbOn header>nav,
    .gnbOn header .top_util .utilGrp,
    .gnbOn header .mBtn,
    .gnbOn header .mLogo {left:0;}
    .gnbOn header .top_util>a,
    .gnbOn header .top_util>button {border:none;}
    .gnbOn header .mBtn_topMenu {background-image:url(../img/main/ico_lineGrp_black.png);}

    footer {min-height:auto;padding:26px 15px 125px 200px !important;border-top:1px solid #444;}
    footer::after {left:15px;width:calc(100% - 30px);}
    footer .fTit {margin-bottom:15px;font-size:13px;line-height:17px;}
    footer .f_menu {width:150px;height:175px;}
    footer .f_menu li {font-size:12px;line-height:16px;}
    footer .f_menu li+li {margin-top:6px;}
    footer .f_apply {/*float:right;*/width:160px;}
    footer .f_apply p {font-size:12px;line-height:16px;}
    footer .f_apply .btn_testApply {width:140px;height:25px;background-size:auto 7px;font-size:12px;line-height:25px;}
    footer .f_certifi {width:auto;}
    footer .f_certifi li {width:100%;margin-bottom:6px;font-size:12px;line-height:16px;}
    footer address {left:15px;top:26px;width:150px;}
    footer address p>span {font-size:12px;line-height:16px;}
    footer address p>span>em {margin-top:6px;}
    footer .copyright {left:15px;}
    #btn_top {bottom:50px;width:37px;height:37px;background-size:auto 37px;}
    #btn_top.on {opacity:0.6;}
    #btn_top.limit {bottom:50px;}
    /* 0130수정 */
    #btn_ch {bottom:95px;width:37px;height:37px;}
    #btn_ch.on {opacity:0.6;}
    #btn_ch.limit {bottom:95px;}
    /* // 0130수정 */

    #snb_nav {height:35px;margin:-70px 0 48px;}
    #snb_nav .snb_area {height:35px;}
    #snb_nav .snb_area .btn_home {width:35px;height:35px;background-size:auto 12px;}
    #snb_nav .snb_area>button {min-width:120px;height:35px;padding:0 38px 0 15px;background-size:auto 6px !important;background-position:right 15px top 50% !important;font-size:13px;line-height:35px;}
    #snb_nav #snb {top:35px;padding:8px 15px 13px !important;}
    #snb_nav #snb li+li {margin-top:5px;}
    #snb_nav #snb li a {font-size:13px;line-height:14px;}

    .sVisual {height:260px;margin-bottom:35px;padding:45px 0 35px;background-size:100% auto;}
    .sVisual>strong,
    .sVisual>h2 {font-size:26px;line-height:36px;letter-spacing:5px;}

    .typeSub #contents>article {padding:0 20px 25px;}

    .sitemap .sitemap_wrap {padding:55px 0 23px;}
    .sitemap .sitemap_wrap::before {top:55px;}
    .sitemap .sitemap_logo {left:15px;top:15px;height:23px;}
    .sitemap .sitemap_logo a img {height:23px;}
    .sitemap .btn_sitemapClose {right:15px !important;top:15px;width:23px;height:23px;background-size:auto 16px;}
    .sitemap .sitemap_nav {padding:0 15px;}
    .sitemap #sitemap>li {padding:29px 0 25px 140px;}
    .sitemap #sitemap>li>a {top:24px;width:120px;font-size:22px;line-height:32px;}
    .sitemap #sitemap .menuM>li {width:25%;padding:0 15px 14px 0;}
    .sitemap #sitemap .menuM>li>a {margin-bottom:11px;font-size:14px;line-height:19px;}
    .sitemap #sitemap .menuS {margin-bottom:12px;}
    .sitemap #sitemap .menuS>li {padding-left:6px;}
    .sitemap #sitemap .menuS>li+li {margin-top:6px;}
    .sitemap #sitemap .menuS>li::before {top:6px;width:2px;height:2px;}
    .sitemap #sitemap .menuS>li>a {font-size:12px;line-height:16px;}
}

@media all and (max-width:960px){
    .sVisual {background-size:auto 100%;}
}

@media all and (max-width:900px){
    footer .f_menu {height:190px;margin-bottom:20px;}
    footer .f_apply {margin-bottom:20px;}
    footer .f_certifi {overflow:hidden;position:relative;padding-top:20px;left:-185px;float:none;width:calc(100% + 185px);max-width:none;}
    footer .f_certifi ul {font-size:0;text-align:left;}
    footer .f_certifi li {display:inline-table;width:calc(50% - 20px);margin-right:20px;vertical-align:top;}
    footer .f_certifi li:nth-child(2n) {margin-right:0;}
}

@media all and (max-width:768px){
    header .top_util .btn_topLogin {left:auto;right:770px;}
    .gnbOn header .top_util .btn_topLogin {left:auto;right:47px;margin-left:0;}

    #snb_nav {position:absolute;top:225px;height:45px;margin:0;z-index:900 !important;}
    #snb_nav .snb_area {width:auto;height:45px;margin:0;padding:0;}
    #snb_nav .snb_area .btn_home,
    #snb_nav .snb_area>button {display:none;margin-left:auto;background-color:#d01f43 !important;}
    #snb_nav .snb_area>button::after {display:none;}
    #snb_nav .snb_area>button.on {display:block;position:absolute;left:0;top:0;width:100%;height:45px;padding:0 40px 0 20px;border-right:none;background:#d01f43 url(../img/layout/snb_selArrB_white.png) no-repeat right 20px top 50%;background-size:auto 7px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:14px;font-weight:500;line-height:36px;}
    #snb_nav .snb_area>button.on.active {background-image:url(../img/layout/snb_selArrT_white.png);background-size:auto 7px;}
    #snb_nav .snb_area .snb_util {display:none;}
    #snb_nav #snb {left:0;top:45px;width:100%;padding:16px 20px 6px !important;border:1px solid #d01f43;background:#fff !important;}
    #snb_nav #snb a,
    #snb_nav #snb a:hover,
    #snb_nav #snb a:active,
    #snb_nav #snb li a:hover,
    #snb_nav #snb li a:active {color:#d01f43 !important;font-size:14px !important;font-weight:400;line-height:19px !important;}

    .sitemap #sitemap .menuM>li {width:33.3%;}

    .typeSub #contents {padding-bottom:25px;}
    .typeSub #contents>article {min-height:250px;}

    footer {padding-bottom:140px !important;}
    footer::after {bottom:101px;}
    footer .f_sns {bottom:30px;right:auto !important;left:50%;transform:translate(-50%)}
    footer .f_sns li:first-child {margin-left:0;}
    footer .f_mark {display:none;}
    footer .copyright {left:0 !important;bottom:71px;width:100%;padding:0 15px;box-sizing:border-box;text-align:center;}
    /* footer .copyright {display:none;} */

    footer::after {width:100%;left:0;bottom:115px;}
}

@media all and (max-width:600px){
    .sitemap #sitemap>li {padding:29px 0 10px;}
    .sitemap #sitemap>li>a {position:relative;left:auto;top:auto;margin-bottom:15px;}
    .sitemap #sitemap .menuM>li {padding-bottom:10px;}
}

@media all and (max-width:550px){
    footer .f_menu {float:none;}
    footer .f_apply {position:relative;left:-185px;float:none;overflow:hidden;width:calc(100% + 185px);padding-top:30px;margin-bottom:20px !important;}
    footer .f_apply p {float:left;width:calc(100% - 165px);margin-bottom:0;}
    footer .f_apply .btn_testApply {float:right;margin-top:-10px;}
    footer .f_certifi li {width:100% !important;margin:0 0 6px !important;}
}

@media all and (max-width:499px){
    footer {padding-left:180px !important;}
    footer .f_menu {width:100%;}
    footer .f_apply {left:-165px;width:calc(100% + 165px);}
    footer .f_apply p {float:none;width:100%;margin-bottom:15px;}
    footer .f_apply .btn_testApply {float:none;margin:0;}
    footer .f_certifi {left:-165px;width:calc(100% + 165px);}
    footer address {width:120px;}
}

@media all and (max-width:360px){
    .sitemap #sitemap .menuM>li {width:50%;}
}
