@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;500;600&display=swap'); /*footer title*/

body {position:relative;}
body.scrollFix{overflow-y:hidden;}

#dim,
#gnb_dim {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;visibility:hidden;opacity:0;}
#dim.on,
#gnb_dim.on {display:block;visibility:visible;opacity:0.3;z-index:901;}
body.gnbDim #dim.on{top:0px;}
body.gnbDim.stickyFix #dim.on{top:0px;}
body.gnbDim.topNoticeOn #dim.on{top:220px;}

#header {position:absolute;left:0;top:0;width:100%;height:92px;z-index:1003;transition:0.2s;max-height:890px;}
#header::before{content:"";position:absolute;left:0;top:91px;width:100%;background-color:#fff;;height:calc(100% - 91px);display:none;}
#header::after {content:'';position:absolute;left:0;top:91px;width:100%;height:1px;background:#ddd;z-index:3;transition:0.2s;opacity:0;}
#header.gnbOn {overflow:hidden;background-color:#fff;}
#header.gnbOn::before {display:block !important;}
#header.gnbOn::after {display:block;opacity:1;}

.stickyFix #header{background-color:#fff;}

.topNoticeOn #contents{padding-top:110px;}
.topNoticeOn #header{top:110px;position:absolute;}
.topNoticeOn.stickyFix #header{position:fixed;top:0;}

header {position:relative;width:100%;max-width:1920px;margin:0 auto;box-sizing:border-box;padding:0 50px;}
header .logo {display:block;position:absolute;left:50px;top:25px;z-index:2;transition:0.2s;}
header .logo>a {display:block;overflow:hidden;}
header .logo>a img {max-width:none;height:41px;vertical-align:top;}
header .logo>a>span {display:none;}
header .top_util {position:absolute;right:50px;top:39px;width:auto;box-sizing:border-box;font-size:0;text-align:right;white-space:nowrap;z-index:5;}
header .top_util>a,
header .top_util>button {position:relative;display:inline-block;overflow:hidden;;box-sizing:border-box;vertical-align:top;}
header .top_util>a>span,
header .top_util>button>span {position:absolute;top:0;left:0;width:1px;height:1px;margin:1px;border:none;overflow:hidden; clip:rect(0, 0, 0, 0)}
header .top_util .btn_topSitemap{vertical-align:middle;}
header .top_util .btn_topSitemap>span{display:block;font-size:16px;line-height:24px;color:#fff;position:static;width:auto;height:auto;margin:0;}
header .top_util .btn_notify {width:44px;height:28px;margin-top:-5px;margin-right:18px;background:url(../img/layout/ico_noti_white.png) no-repeat center;}
header .top_util .group_util{font-size:0;margin:0px 24px 0 0;display:inline-block;vertical-align:top;}
header .top_util .group_util button{position:relative;display:inline-block;}
header .top_util .group_util button>span{display:block;font-size:16px;line-height:24px;color:#fff;}
header .top_util .group_util button.btn_Notice>span{font-weight:bold;}
header .top_util .group_util .btn_login{width:auto;height:20px;padding-left:26px;background:url(../img/layout/ico_login.svg) no-repeat left center/ 20px auto;margin-left:24px;display:inline-block;vertical-align:middle;}
header .top_util .group_util .btn_login span{display:block;font-size:16px;line-height:20px;color:#fff;position:static;width:auto;height:auto;margin:0;font-weight:bold;}
/* 241227 */
/* header .top_util .group_util .btn_login.out{background:url(../img/layout/icon_logout_white.svg) no-repeat center center/23px auto;} */
/* 241227 로그아웃 버튼 수정 */
header .top_util .group_util .btn_login.out{background:url(../img/layout/icon_logout_white.svg) no-repeat left center/20px auto;}

header .top_util .group_util .topLanguage{position:relative;display:inline-block;vertical-align:top;font-size:0;z-index:10;}

header .top_util .group_util .btn_language{font-weight:bold;}
header .top_util .group_util .btn_language span{line-height:20px;}
header .top_util .group_util .btn_language.iconType{width:21px;height:21px;background:url(../img/layout/icon_global.svg) no-repeat center center/100% auto;margin-top:4px;}
header .top_util .group_util .btn_language.iconType>span{display:inline-block;text-indent:-9999px;}

/* 241230 배경이미지 삭제, padding-left 삭제 */
header .top_util .btn_topSitemap{height:20px;}
header .top_util .btn_topSitemap>span{line-height:20px;font-weight:bold;}

header .top_util .group_util .listBox{position:absolute;left:0;top:26px;width:60px;height:auto;padding:6px 10px;background-color:#fff;;z-index:10;text-align:left;display:none;border:1px solid #E1E1E1;border-radius:7px;}
header .top_util .group_util .listBox li{width:100%;}
header .top_util .group_util .listBox .languageTit,
header .top_util .group_util .listBox .languageClose{display:none;}
header .top_util .group_util .listBox li>a{display:block;font-size:14px;line-height:22px;color:#000}
header .top_util .group_util .listBox li>a.on,
header .top_util .group_util .listBox li>a:hover{color:#0092DD}


header>nav{width:100%;max-width:1920px;height:91px;margin:0 auto;box-sizing:border-box;}

.gnbOn header::before{content:"";display:block;width:100%;position:absolute;left:calc(-50% - 400px);top:91px;background-color:#F7F7F7;height:2000px;}
.gnbOn header>nav #gnb>li>a {color:#212121}
.gnbOn header>nav #gnb>li>a:hover {color:#A70638}
.gnbOn header>nav #gnb>li>a.on {color:#A70638}
.gnbOn header .top_util .group_util button>span{color:#212121;}
.gnbOn header .top_util .group_util button::before{background-color:#111;;}
.gnbOn header .logo>a>span {display:block;}
.gnbOn header .logo>a>img {display:none;}
.gnbOn header .top_util .btn_topSitemap>span{color:#212121}
.gnbOn header .top_util .btn_notify {background-image:url(../img/layout/ico_noti_black.png)}
.gnbOn #header::after{opacity:1;}
/* 241227 */
/* .gnbOn header .top_util .group_util .btn_login.out{background:url(../img/layout/icon_logout_gray.svg) no-repeat center center/23px auto;} */
.gnbOn header .top_util .group_util .btn_login{background-image:url(../img/layout/ico_login_black.svg);}
.gnbOn header .top_util .group_util .btn_login span{color:#212121;}
/* 241230 */
/* .gnbOn header .top_util .btn_topSitemap{background-image:url(../img/layout/ico_menu_black.svg);} */
/* 241227 로그아웃 추가 */
.gnbOn header .top_util .group_util .btn_login.out{background:url(../img/layout/icon_logout_black.svg) no-repeat left center/20px auto;}

.stickyFix{background-color:#fff;}
.stickyFix header>nav #gnb>li>a {color:#212121}
.stickyFix header>nav #gnb>li>a:hover {color:#A70638}
.stickyFix header>nav #gnb>li>a.on {color:#A70638}
.stickyFix header .top_util .group_util button>span{color:#212121;}
.stickyFix header .top_util .group_util button::before{background-color:#111;;}
.stickyFix header .logo>a>span {display:block;}
.stickyFix header .logo>a>img {display:none;}
.stickyFix header .top_util .group_util .btn_login{background-image:url(../img/layout/ico_login_black.svg);}
.stickyFix header .top_util .group_util .btn_login span{color:#212121;}
/* 241230 */
/* .stickyFix header .top_util .btn_topSitemap {background-image:url(../img/layout/ico_menu_black.svg);} */
.stickyFix header .top_util .btn_topSitemap span{color:#212121;}
.stickyFix header .top_util .btn_notify{background-image:url(../img/layout/ico_noti_black.png)}
.stickyFix #header::after{opacity:1;}
/* 241227 로그아웃 추가 */ 
.stickyFix header .top_util .group_util .btn_login.out{background:url(../img/layout/icon_logout_black.svg) no-repeat left center/20px auto;}

/*gnb 1depth*/
header>nav #gnb {width:100%;box-sizing:border-box;padding:33px 30px 0 0px;font-size:0;text-align:center;}
header>nav #gnb>li {display:inline-block;vertical-align:top;vertical-align:top;}
header>nav #gnb>li>a {display:inline-block;position:relative;padding:0 25px;color:#fff;font-size:20px;font-weight:600;line-height:33px;text-align:center;vertical-align:middle;z-index:1002;transition:.2s all;}
/*gnb 2depth*/
header>nav #gnb ul.menuM {display:none;position:absolute;left:50%;top:91px;overflow-x:hidden;overflow-y:auto;max-width:1400px;width:100%;transform:translate(-50%,0); box-sizing:border-box;padding:0px 0 0px 253px;font-size:0;text-align:left;max-height:780px;background-color:#F7F7F7}

/*스크롤바 커스텀*/
header>nav #gnb ul.menuM::-webkit-scrollbar {width: 5px;}
header>nav #gnb ul.menuM::-webkit-scrollbar-thumb {height:30%;background:#A70638;border-radius: 10px;}
header>nav #gnb ul.menuM::-webkit-scrollbar-track{background: rgba(0, 0, 0, .1);}

header>nav #gnb ul.menuM::before{content:attr(data-tit);position:absolute;left:0px;top:40px;font-size:38px;line-height:44px;font-weight:bold;color:#111;width:230px;height:auto;z-index:2;}

header>nav #gnb ul.menuM.on,
header>nav #gnb ul.menuM.act {display:block;}
header>nav #gnb ul.menuM>li{position:relative;display:inline-table;position:relative;width:100%;min-height:75px;margin:0px 0 0px 0;box-sizing:border-box;padding:20px 0 15px 40px;font-size:0;text-align:left;vertical-align:top;min-height:69px;background-color:#fff;}
header>nav #gnb ul.menuM>li::before{content:"";display:block;width:100%;height:1px;background-color:#E6E6E6;position:absolute;left:40px;bottom:0;width:calc(100% - 40px);}
header>nav #gnb ul.menuM>li:last-of-type::before{display:none;}
header>nav #gnb ul.menuM>li>a{width:155px;display:inline-block;vertical-align:top;margin-bottom:0px;box-sizing:border-box;color:#212121;font-size:18px;font-weight:600;line-height:26px;text-align:left;vertical-align:top;transition:0.2s;padding-right:10px;padding-left:11px;background:url(../img/layout/icon_gnbArrow.svg) no-repeat left top 8px/5px auto;letter-spacing:-1px;}
header>nav #gnb ul.menuM>li>a[target='_blank']::after{content:"";display:inline-block;width:13px;height:13px;vertical-align:middle;background:url(../img/layout/ico_newWin14_black.png) no-repeat center center/100% auto;position:relative;top:-5px;margin-left:13px;}
header>nav #gnb ul.menuM>li.on>a,
header>nav #gnb ul.menuM:not(.xHtml)>li:hover>a,
header>nav #gnb ul.menuM>li.act>a {color:#A70638;}
header>nav #gnb ul.menuM>li:first-of-type{padding-top:32px;}
header>nav #gnb ul.menuM>li:last-of-type{border-bottom:none;}

@media all and (min-width:1041px){
    /*커스텀 2뎁스*/
    header>nav #gnb ul.menuM>li.groupTop{padding-bottom:0;min-height:0;}
    header>nav #gnb ul.menuM>li.groupTop::before{display:none;}
    header>nav #gnb ul.menuM>li.groupMid{padding-bottom:0;min-height:0;padding-top:6px;}
    header>nav #gnb ul.menuM>li.groupMid::before{display:none;}
    header>nav #gnb ul.menuM>li.groupBottom{padding-top:5px;min-height:0;}

    header>nav #gnb ul.menuM.htmlMenu>li:first-of-type::after{top:35px;}
    header>nav #gnb ul.menuM.htmlMenu>li::after{content:attr(data-tit);position:absolute;left:40px;top:20px;font-size:24px;line-height:24px;font-weight:600;color:#212121;width:145px;height:auto;z-index:2;background-color:rgba(255,255,255,0);padding-right:10px;}
    header>nav #gnb ul.menuM.htmlMenu>li{padding-left:185px;}

    header>nav #gnb ul.menuS{position:relative;}
    header>nav #gnb ul.menuS::after{content:"";position:absolute;right:30px;top:0;width:3px;height:100%;background-color:#fff;}
}

/*gnb 3depth*/
header>nav #gnb ul.menuS {display:none;padding-top:1px;font-size:0;width:calc(100% - 155px);}
header>nav #gnb ul.menuM.on .menuS,
header>nav #gnb ul.menuM.act .menuS {display:inline-block;}
header>nav #gnb ul.menuS>li {position:relative;margin-bottom:6px;font-size:0;display:inline-block;width:20%;vertical-align:top;padding-right:30px;}
header>nav #gnb ul.menuS>li::after{content:"";position:absolute;right:30px;top:6px;display:block;width:1px;height:12px;background-color:#D4D4D4;}
header>nav #gnb ul.menuS>li:last-of-type::after{display:none;}
header>nav #gnb ul.menuS>li>a {display:inline-block;position:relative;color:#666;font-size:16px;font-weight:400;line-height:24px;;text-align:left;vertical-align:top;transition:0.2s;padding-right:5px;letter-spacing:-1px;}
header>nav #gnb ul.menuS>li>a[target='_blank']::after{content:"";display:inline-block;width:13px;height:13px;vertical-align:middle;background:url(../img/layout/ico_newWin14_black.png) no-repeat center center/100% auto;position:relative;top:-1px;margin-left:5px;}
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:#A70638;}

@media all and (max-height:600px){
    .typeSub #header {position:absolute;max-height:none;}
    header>nav #gnb ul.menuM{max-height:none;overflow-y:hidden;}
}


header .mobileUtil,
header .mLogo,
header .mLog,
header .mBtn_topMenu,
header .mBtn_topNotice,
header .mBtn,
header .mBtn_login {display:none;}
header>nav .mMenuUtil {display:none;}
header .mbtn_language{display:none;}

#footer {width:100%;position:relative;background:#111;z-index:9}
footer {position:relative;overflow:hidden;max-width:1920px;margin:0 auto;box-sizing:border-box;padding:25px 50px 48px 50px;z-index:0;}
footer .f_top {width:100%;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid rgba(255,255,255,0.3)}
footer .f_top .f_logo {display:inline-block;font-size:0;vertical-align:top;height:44px;}
footer .f_top .f_logo>img{max-width:100%;max-height:100%;}
footer .f_top .f_menu {float:right;}
footer .f_top .f_menu>ul {margin-top:13px;font-size:0;}
footer .f_top .f_menu>ul>li {display:inline-block;vertical-align:top;}
footer .f_top .f_menu>ul>li+li {margin-left:20px;}
footer .f_top .f_menu>ul>li a {display:block;font-size:17px;color:#fff;}
footer .f_top .f_menu>ul>li.point a {color:#DA1D58}
footer .f_info {display:block;font-size:0;}
footer .f_info address {font-style:normal;}
footer .f_info address p>b {display:block;position:relative;margin-bottom:0px;color:rgba(255,255,255,0.4);font-size:16px;font-weight:300}
footer .f_info address p>span {display:inline-block;position:relative;margin:0 15px 0px 0;;color:rgba(255,255,255,0.4);font-size:16px;font-weight:300;}
footer .f_info address p>span.block {display:block;}
footer .f_info address .copyright {display:block;padding-top:68px;font-style:normal;color:rgba(255,255,255,0.4);font-size:16px;font-weight:300;line-height:19px;float:left;}

footer .f_etc {position:absolute;top:125px;right:50px;font-size:0;}
footer .f_etc .f_service{font-size:0;}
footer .f_etc .btn_f_site{display:inline-block;width:206px;height:54px;padding-left:20px;padding-right:35px;line-height:54px;box-sizing:border-box;color:rgba(255,255,255,0.4);background: #262626 url(../img/layout/ico_f_site_arrR.png) no-repeat right 15px top 50%/10px auto;font-size:16px;}
footer .f_etc .btn_f_site + .btn_f_site{margin-left:10px;}
footer .f_mark{position:absolute;right:50px;bottom:30px;font-size:0;text-align:right;opacity:0.8;}
footer .f_mark img{display:inline-block;vertical-align:middle;height:50px}
footer .f_mark img+img{margin-left:30px}
footer .f_mark a+a{margin-left:30px}
footer .f_mark .f_mark_wa{display:inline-block;width:80px;vertical-align:middle;margin-left:30px;}

footer .f_sns {margin-top:70px;font-size:0;float:right;margin-right:120px;}
footer .f_sns>li {display:inline-block;margin-right:18px;vertical-align:top;}
footer .f_sns>li:last-child {margin-right:0;}
footer .f_sns>li>a{display:block;}
footer .f_sns>li>a>img{display:block;height:17px;}


.sVisualArea{margin:0 auto 155px auto;overflow:hidden;height:400px;}
.sVisualArea.init .sVisualImage{transform:scale(1);}
.sVisual{position:relative;display:block;width:100%;height:400px;box-sizing:border-box;padding-top:40px;vertical-align:top;background-size:cover;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background-position:center center;}
.sVisual .sVisualImage{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;transition:transform 3s;transform:scale(1.1);z-index:0;background-size:cover;}
.sVisual>strong,
.sVisual>h2 {position:relative;color:#fff;font-size:64px;font-weight:bold;line-height:85px;text-align:center;vertical-align:middle;letter-spacing:0px;z-index:1;}
.sVisual .locNav {margin-top:55px;color:#fff;font-size:0;text-align:center;}
.sVisual .locNav>span{position:relative;display:inline-block;vertical-align:top;padding:0 14px;font-size:16px;line-height:28px;}
.sVisual .locNav>span+span::before{content:"";position:absolute;top:calc(50% - 7px);left:0px;display:block;width:1px;height:14px;background:rgba(255,255,255,0.3);}

.sVisual .locNav.noArrow>span{background:none;padding-right:0}

.snbArea{position:absolute;border-bottom:1px solid #E8E8E8;width:100%;background-color:#fff;top:400px;font-size:0;}
.snbArea .snbInnerArea{position:relative;max-width:1400px;margin:0px auto;font-size:0;}
.snbSticky .snbArea{position:fixed;top:0;left:0;z-index:10;}

#snb_nav {position:relative;width:100%;box-sizing:border-box;background:#fff;}
#snb_nav .snb_area {position:relative;width:100%;max-width:1400px;height:100%;margin:0 auto;box-sizing:border-box;padding:0;z-index:500;height:63px;}
#snb_nav .snb_area .btn_home {display:block;position:relative;float:left;overflow:hidden;width:63px;height:63px;margin:0;padding:0;border-left:1px solid #E8E8E8;border-right:1px solid #E8E8E8;background:url(../img/layout/snb_home.png) no-repeat center center/17px auto;}
#snb_nav .snb_area>.btn_share{display:none;}
#snb_nav .snb_area>button{position:relative;min-width:220px;height:63px;border-right:1px solid #E8E8E8;display:inline-block;vertical-align:top;text-align:left;padding:0 50px 0 28px;font-size:18px;line-height:66px;color:#212121}
#snb_nav .snb_area>button::before{content:"";position:absolute;right:28px;top:calc(50% - 3px);display:block;width:13px;height:6.5px;background:url(../img//layout/icon_snbArrow.png) center center/100% auto;transition:all 0.2s;}
#snb_nav .snb_area>button.active::before{transform:rotate(180deg);}

#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:0px;top:63px;width:100%;box-sizing:border-box;padding:28px;background:#fff;z-index:900;border:1px solid #E8E8E8;}
#snb_nav #snb li+li {margin-top:15px;}
#snb_nav #snb li a {display:block;color:#212121;font-size:18px;font-weight:400;line-height:22px;}
#snb_nav #snb li.on>a{color:#A70638}
#snb_nav #snb li .gnbTit {display:none !important;}
#snb_nav #snb>li>ul ul {margin-bottom:0;}
#snb_nav #snb li{text-align:left}
#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>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>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>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;;}
#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;}


#container{position:relative;overflow:hidden;}
.typeSub #container {position:relative;padding-top:0px;}
.typeSub #contents {position:relative;overflow:hidden;padding-bottom:160px;}
.typeSub #contents>article {position:relative;max-width:1500px;min-height:500px;margin:0 auto;padding:0 50px 0 50px;}
.typeSub .pageUtil {position:absolute;top:calc(50% - 10px);right:0px;max-width:1400px;;margin:0 auto;text-align:right;white-space:nowrap;font-size:0;z-index:990;}
.typeSub .pageUtil>a {position:relative;display:inline-block;margin-left:24px;text-align:left;vertical-align:top;vertical-align:middle;}
.typeSub .pageUtil>a:last-of-type:before {display:none;}
.typeSub .pageUtil>a>span  {position:absolute;top:0;left:0;width:1px;height:1px;margin:1px;border:none;overflow:hidden; clip:rect(0, 0, 0, 0);font-size:10px;}
.typeSub .pageUtil>.btn_print {width:21px;height:20px;background:url(../img/layout/snb_print.svg) no-repeat center/100% auto;}
.typeSub .pageUtil>.btn_share {width:18px;height:20px;background:url(../img/layout/snb_share.svg) no-repeat center/100% auto;}

/*공유하기*/
.typeSub .pageUtil .shareArea{position:absolute;right:0;top:30px;width:400px;height:auto;padding:20px;background-color:#fff;z-index:10;text-align:left;border:1px solid #D1D1D1;display:none;border-radius:0px;}
.typeSub .pageUtil .shareArea .shareInnerBox{font-size:0;}
.typeSub .pageUtil .shareArea .shareInnerBox>b{font-size:14px;font-weight:bold;color:#111;display:block;line-height:18px;margin-bottom:20px;}
.typeSub .pageUtil .shareArea .shareInnerBox>ul{font-size:0;width:100%;white-space:normal}
.typeSub .pageUtil .shareArea .shareInnerBox>ul>li{display:inline-block;vertical-align:top;width:calc(25% - 15px);margin-right:20px;margin-bottom:20px;}
.typeSub .pageUtil .shareArea .shareInnerBox>ul>li:nth-child(4n){margin-right:0;}
.typeSub .pageUtil .shareArea .shareInnerBox>ul>li>a{text-align:center;display:block;font-size:0;}
.typeSub .pageUtil .shareArea .shareInnerBox>ul>li>a>img{width:48px;display:inline-block;}
.typeSub .pageUtil .shareArea .shareInnerBox>ul>li>a>span{display:block;font-size:14px;color:#0F0F0F;line-height:1em;margin-top:7px;}
.typeSub .pageUtil .shareArea .urlCopy{font-size:0;}
.typeSub .pageUtil .shareArea .urlCopy .inputBase{height:30px;padding:0 10px;font-size:13px;color:#666;width:calc(100% - 80px);vertical-align:middle;border-radius:0;}
.typeSub .pageUtil .shareArea .urlCopy>.urlCopyBtn{width:80px;height:30px;font-size:13px;color:#0F0F0F;border:1px solid #e1e1e1;vertical-align:middle;border-left:0;}
.typeSub .pageUtil .shareArea .shareClosed{position:absolute;right:20px;top:20px;width:12px;height:12px;background:url(../../common/img/common/icon_shareClosed.png) no-repeat center center/100% auto;}

.ChatbotArea{position:fixed;right:45px;bottom:50px;display:inline-block;width:auto;z-index:890;transition:all 0.3s;}
.ChatbotArea>a>{position:relative;display:inline-block;font-size:0;}
.ChatbotArea>a>img{position:relative;display:inline-block;width:60px;height:60px;z-index:1;}
.ChatbotArea>a>div{position:absolute;right:0;top:0;width:auto;height:60px;background-color:#2191F7;z-index:0;border-radius:30px;padding:0 70px 0 20px;white-space:nowrap;transition:all 0.3s;}
.ChatbotArea>a>div>p{font-size:14px;color:#fff;line-height:60px;}

.ChatbotArea.on{bottom:110px;}
.ChatbotArea.on>a>div{width:60px;padding:0;}
.ChatbotArea.on>a>div>p{font-size:0;}

.topBtn{position:fixed;right:80px;bottom:50px;z-index:11;display:none;width:48px;height:48px;background:#111111 url(../img/layout/icon_topBtn.png) no-repeat center center/13px auto;border-radius:50%;}


/*공지사항 팝업*/
.popNotice{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;background-color:rgba(0,0,0,0.5);display:none;}
.popNotice.on .innerBox{right:0;}
.popNotice .innerBox{max-width:600px;width:100%;height:100%;overflow-y:auto;position:absolute;right:-100%;top:0;background-color:#fff;padding:60px 50px 150px 50px;transition:all 0.3s;}
.popNotice .innerBox .popNoticeClosed{position:absolute;right:40px;top:20px;width:40px;height:40px;background:url(../img/layout/icon_popNoticeClosed.png) no-repeat center center/23px auto;}
.popNotice .popNoticeTit{font-size:64px;line-height:1em;color:#212121;margin-bottom:50px;}
.popNotice .bbsDiv{position:relative;width:100%;font-size:0;}
.popNotice .bbsDiv + .bbsDiv{margin-top:45px;}
.popNotice .bbsDiv .bbsMore{position:absolute;right:0;top:0;width:23px;height:23px;background:url(../img/layout/icon_popNoticeLink.png) no-repeat center center/100% auto;}
.popNotice .bbsDiv .bbsPopTit{font-size:30px;line-height:1em;color:#183171;margin-bottom:20px;font-weight:bold;}
.popNotice .bbsDiv .popBBSlist{width:100%;border-top:1px solid #183171;padding:20px 0;border-bottom:1px solid #d1d1d1;}
.popNotice .bbsDiv .popBBSlist>li{padding:10px 0;}
.popNotice .bbsDiv .popBBSlist>li a{display:block;font-size:20px;font-weight:500;line-height:1em;color:#212121;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

@media print {
    #header, #footer, #lnb_nav, #mLnb_nav {display:none;}
}

@media all and (max-width:1450px){
    header>nav #gnb ul.menuM::before{left:20px;}
    /* header>nav #gnb ul.menuM{padding:0 50px;}
    header>nav #gnb ul.menuM::before{left:20px;} */
    .typeSub .pageUtil{right:50px;}
}

@media all and (max-width:1300px){
    header{padding:0 30px;}
    header .top_util{right:30px;}
    header .logo{left:30px;}

    header>nav #gnb>li>a{padding:0 10px;}

    header>nav #gnb ul.menuS>li{width:33.333%;}
    header>nav #gnb ul.menuS>li:nth-of-type(5n){padding-right:40px;}
    header>nav #gnb ul.menuS>li:nth-of-type(5n)::after{display:block;}

    header>nav #gnb ul.menuS>li:nth-of-type(3n){padding-right:10px;}
    header>nav #gnb ul.menuS>li:nth-of-type(3n)::after{display:none;}
}

@media all and (max-width:1040px){
    #header.gnbOn{overflow:visible;background-color:rgba(255,255,255,0);}
    /* .gnbOn header .logo>a>span {display:none;}
    .gnbOn header .logo>a>img {display:block;} */
    .stickyFix #header.gnbOn{background-color:#fff;}
    .stickyFix .gnbOn header .logo>a>span {display:block;}
    .stickyFix .gnbOn header .logo>a>img {display:none}
    .stickyFix .gnbOn#header::after{opacity:1;display:block !important;}    
    .snbSticky .snbArea{z-index:1002;}
    #header{position:fixed !important;left:0;top:0;height:60px;padding-top:0;}
    #header::after {top:60px;}

    header {height:100%;}
    header .logo {left:24px;top:50%;width:auto;transform:translate(0%,-50%);}
    header .logo>a img{height:29px;}
    .sVisualArea{height:260px;margin-bottom:95px;}
    .sVisual{height:260px;display: -webkit-box;display: -ms-flexbox;display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding:20px 0 0 0;
        background-size:cover;
    }
    .sVisual .locNav{display:none;}
    .sVisual>strong, 
    .sVisual>h2{font-size:34px;line-height:36px;}

    .gnbOn header .top_util{right:0;}
    .gnbOn header::before{display:none;}
    header .mbtn_language{display:block;font-size:16px;font-weight:700;color:#fff;position:absolute;top:50%;right:108px;transform:translateY(-50%);}
    .stickyFix header .mbtn_language{color:#212121;}
    header .mBtn_login{position:absolute;right:60px;top:50%;display:block;width:24px;height:24px;background:url(../img/layout/ico_login.svg) no-repeat left center / 20px auto;padding:0;transform:translate(0, -50%);}
    .stickyFix header .mBtn_login{background-image:url(../img/layout/ico_login_black.svg);}

    /* 241227 수정 */
    header .mBtn_login.out{background:url(../img/layout/icon_logout_white.svg) no-repeat center center/20px auto;}
    .stickyFix header .mBtn_login.out{background:url(../img/layout/icon_logout_black.svg) no-repeat center center/20px auto;}

    header .top_util{position:fixed;width:100%;max-width:760px;z-index:2;right:auto;right:-770px;transition:all 0.2s;top:0px;height:60px;border-bottom:1px solid #E1E1E1;text-align:left;padding-left:20px;border-bottom:none;}
    header .top_util .group_util{text-align:left;margin:22px 0 0 0;width:auto;display:inline-block;padding-left:0px;}
    header .top_util .group_util button.btn_Notice{display:none;}
    header .top_util .group_util button{padding:0 8px;}
    header .top_util .group_util button>span{font-size:16px;color:#666;}
    header .top_util .group_util .btn_language.iconType>span{text-indent:0;}
    header .top_util .group_util button.btn_language{background:url(../img/layout/icon_m_language.png) no-repeat right center/12px auto !important;padding:0 22px 0 0;}
    
    header .top_util .group_util .btn_login{position:relative;width:auto;height:auto;background:none !important;display:block;margin:32px 14px 0 0 ;display:none;}
    header .top_util .group_util .btn_login>span{position:static;width:auto;height:auto;margin:0;display:inline-block;font-size:16px;font-weight:bold;color:#222 !important;font-size:16px;}

    header .top_util .btn_topSitemap{position:relative;width:auto;background-image:none !important;background:none !important;padding-left:14px;height:auto;margin-top:70px;display:none;}
    header .top_util .btn_topSitemap>span{position:static;width:auto;height:auto;margin:0;font-size:16px;color:#666;line-height:24px;}
    header .top_util .btn_topSitemap::before{content:"";position:absolute;left:0;top:7px;display:block;width:1px;height:12px;background-color:#E1E1E1;}
    header .top_util .btn_notify {width:32.5px;height:23px;margin-top:0;margin-right:0;background:url(../img/layout/m/ico_noti_black.png) no-repeat;background-size:32.5px auto;}
    header .mobileUtil{position:relative;display:block;height:60px;width:100%;border-bottom:1px solid #d1d1d1;;}
    
    header>nav {position:fixed !important;right:-770px;;top:0;width:100%;max-width:760px;height:100%;margin:0;box-sizing:border-box;padding:0;background:#fff;z-index:2000;transition:0.2s;}
    header>nav #gnb {overflow-x:hidden;overflow-y:auto;margin:0;box-sizing:border-box;padding:22px 24px 24px 24px;text-align:left;background-color:#fff;;margin-top:60px;}
    header>nav #gnb>li{position:relative;display:block;width:100%;height:auto;padding:0;}
    header>nav #gnb>li>a {display:block;height:auto;box-sizing:border-box;box-sizing:border-box;padding:16px 45px 16px 0 !important;color:#111 !important;font-size:24px;font-weight:600;line-height:26px;text-align:left;vertical-align:middle;z-index:0;}
    header>nav #gnb>li>a::before {display:none;}
    .gnbOn header>nav #gnb>li>a.on {color:#A70638 !important}
    header>nav #gnb>li.act>a:first-child:hover {color:#111}
    header>nav #gnb>li.act>a:first-child::before {display:none !important;}
    header>nav #gnb>li.child {}
    header>nav #gnb>li.child::before{content:"";position:absolute;right:0px;top:22px;width:19px;height:10px;background-image:url(../img/layout/m/ico_menuDep01_close.png);background-repeat:no-repeat;background-position:center center;background-size:100% auto !important;transition:all 0.2s;transform:rotate(180deg);}
    header>nav #gnb>li.child.act::before{transform:rotate(0deg);}

    header>nav #gnb ul.menuM {display:none;position:relative;left:auto;right:auto;top:auto;width:100%;padding:4px 0 38px 0;margin-bottom:24px;box-sizing:border-box;border:none;margin-left:0;transform:translate(0,0);max-height:none;overflow-y:visible;border-bottom:1px solid #E8E8E8;background-color:#fff;;}
    header>nav #gnb ul.menuM>li::before{display:none;}
    header>nav #gnb ul.menuM::before{display:none;}
    header>nav #gnb ul.menuM::after{display:none;}
    header>nav #gnb>li>a.on~ul.menuM {display:block;}
    header>nav #gnb ul.menuM>li {width:100%;margin:0;padding:0;background:none;font-size:0;min-height:0;}
    header>nav #gnb ul.menuM>li:first-of-type{padding-top:0px;}
    header>nav #gnb ul.menuM>li:last-of-type{padding-bottom:0px;}
    header>nav #gnb ul.menuM>li.child::after {content:"";position:absolute;right:3px;top:21px;width:13px;height:1px;background-color:#222;z-index:0;}
    header>nav #gnb ul.menuM>li.child::before {content:"";position:absolute;display:block;left:auto;right:3px;top:21px;width:13px;height:1px;background-color:#222;transform:rotate(90deg);transform-origin:center center;transition:all 0.2s; z-index:1;}
    header>nav #gnb ul.menuM>li.child.act::before{transform:rotate(0);}
    
    header>nav #gnb ul.menuM>li>a:first-child {position:static;color:#212121;display:block;float:none;width:100%;margin:0 0px 0 0;padding:12px 40px 10px 31px;font-size:20px;font-weight:600;line-height:23px;vertical-align:top;border-bottom:none;background:none;}
    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.menuM>li>a[target='_blank']::after{position:absolute;right:20px;top:18px;margin-left:0;}
    header>nav #gnb ul.menuM>li.child>a[target='_blank']::after {display:none;}
    header>nav #gnb ul.menuS>li:nth-of-type(3n) {padding-right:0;}

    header>nav #gnb ul.menuS {width:100%;padding:0px 0 10px 32px;margin:0;box-sizing:border-box;}
    header>nav #gnb ul.menuS>li {position:relative;margin-top:0;padding:8px 0;width:100%;margin-bottom:0;}
    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:#555;text-decoration: none;}
    header>nav #gnb ul.menuS>li>a {color:#666 !important;font-size:16px;line-height:22px;display:block;padding-right:40px;}
    header>nav #gnb ul.menuS>li>a[target='_blank']::after{position:absolute;right:20px;top:5px;}
    header>nav #gnb ul.menuS>li::after{display:none !important;}
    header>nav #gnb>li li.child>ul {display:none;}

    header>nav #gnb ul.menuS>li.on>a {color:#A70638 !important}
    header>nav #gnb ul.menuM>li.on>a {color:#A70638 !important}

    header .mLogo {display:inline-block;position:absolute;left:15px;top:16px;height:28px;z-index:2001;transition:0.2s;}
    header .mLogo img {height:28px;display:block;}
    header .mLogo a img {height:100%;}
    header .mBtn_topMenu{display:block;position:absolute;right:20px;top:50%;width:auto;overflow:hidden;width:24px;height:24px;background:url(../img/layout/ico_menu.svg) no-repeat center center/16px auto;transform:translateY(-50%);}
    header .mBtn_topMenu>span {position:absolute;top:0;left:0;width:1px;height:1px;margin:1px;border:none;overflow:hidden; clip:rect(0, 0, 0, 0)}
    .stickyFix header .mBtn_topMenu {background-image:url(../img/layout/ico_menu_black.svg);}

    header .mBtn_topNotice {display:block;position:absolute;right:76px;top:20px;overflow:hidden;width:20px;height:19px;background:url(../img/layout/m/ico_headerNotice.png) no-repeat center center/100% auto;}
    header .mBtn_topNotice>span {position:absolute;top:0;left:0;width:1px;height:1px;margin:1px;border:none;overflow:hidden; clip:rect(0, 0, 0, 0)}

    header .mBtn {display:block;position:fixed;right:-770px;top:8px;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/btn_closeX_black.png) no-repeat center;background-size:auto 25px;text-indent:-999px;margin-right:13px;}

    .gnbOn header>nav,
    .gnbOn header .top_util .utilGrp,
    .gnbOn header .mBtn{right:0;}
    .gnbOn header .top_util>a{border:none;}
    #header.gnbOn::after {opacity:0;}
    .snbSticky #header.gnbOn::after{opacity:1;}

    header .top_util .group_util .listBox{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.5);left:0;top:0;border-radius:0;border:none !important;z-index:20;}
    header .top_util .group_util .innerDim{position:absolute;display:block;width:100%;height:auto;bottom:-200px;left:0;top:auto;padding:20px 20px 30px 20px;background-color:#fff;transition:all 0.2s;border-radius:20px 20px 0 0;}
    header .top_util.open{z-index:4000;}

    header .top_util.open .group_util .listBox .innerDim{bottom:0;}

    header .top_util .group_util .listBox .languageTit{display:block;font-size:18px;font-weight:bold;color:#111;line-height:20px;}
    header .top_util .group_util .listBox .languageClose{display:block;width:22px;height:22px;position:absolute;right:13px;top:23px;background:url(../img/layout/icon_languageClose.png) no-repeat center center/37px auto;padding:0;z-index:10;}
    header .top_util .group_util .listBox ul{margin-top:20px;font-size:0;}
    header .top_util .group_util .listBox ul>li{display:inline-block;width:auto;}
    header .top_util .group_util .listBox ul>li + li{margin-left:10px;}
    header .top_util .group_util .listBox ul>li>a{padding:0 20px;height:30px;line-height:30px;border:1px solid #000;border-radius:5px;}
    header .top_util .group_util .listBox ul>li>a.on{border:1px solid #0092DD;}

    #container {overflow:hidden;}
    .typeSub #contents {padding-bottom:120px;}
    .typeSub #contents>article {padding:0 24px;}

    .typeSub .pageUtil{right:0;width:56px;height:56px;border-left:1px solid #E8E8E8;top:0px;display:inline-block;vertical-align:top;}
    .typeSub .pageUtil .btn_print {display:none;}
    .typeSub .pageUtil>.btn_share{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-left:0}
    .typeSub .pageUtil .shareArea{right:20px;top:45px;}

    .snbArea{top:260px;}
    #snb_nav{width:100%;z-index:901 !important;display:inline-block;}
    .snbSticky .snbArea{top:61px;}
    #snb_nav .snb_area {width:auto;height:56px;margin:0;padding:0;}
    #snb_nav .snb_area .btn_home,
    #snb_nav .snb_area>button {display:none;margin-left:auto;text-align:left;}
    #snb_nav .snb_area>button.on {display:block;position:absolute;left:0;top:0;width:100%;height:56px;padding:0 106px 0 24px;border-right:none;color:#212121;font-size:18px;line-height:54px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    #snb_nav .snb_area>button::before{right:84px;}
    /* #snb_nav .snb_area>button.on::after{content:"";display:block;position:absolute;right:15px;top:calc(50% - 4px);width:16px;height:8px;background: url(../img/layout/snb_selArrB_black.png) no-repeat center center/100% auto;transition:all 0.2s;} */
    /* #snb_nav .snb_area>button.on.active{background-color:#0092DD !important;color:#fff;} */
    #snb_nav .snb_area>button.on.active::after{transform:rotate(180deg);}
    
    #snb_nav .snb_area .snb_util {display:none;}
    #snb_nav #snb {left:0;top:56px;width:100%;padding:20px !important;overflow-y:auto;}
    #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 {font-size:18px !important;font-weight:400;line-height:24px !important;}
    #snb_nav #snb>li>ul{margin-bottom:0px;}

    .pageTop_noti {margin-bottom:16px;padding:0 24px;}
    .pageBtm_noti {margin-Top:16px;padding:0 24px;}    

    /* footer */
    footer {padding:107px 25px 38px 25px;}
    footer .f_top{margin-bottom:30px;padding-bottom:30px;}
    footer .f_top .f_logo{display:none;}
    footer .f_top .f_menu {float:inherit;}
    footer .f_top .f_menu>ul {margin-top:0px;}
    footer .f_top .f_menu>ul>li {margin-right:10px;margin-top:10px;}
    footer .f_top .f_menu>ul>li+li {margin-left:0;}
    footer .f_info address{padding-right:130px;}
    footer .f_info address p>b{margin-bottom:5px;display:inline-block;vertical-align:top;margin-bottom:0;}
    footer .f_info address p>span{display:inline-block;vertical-align:top;}
    footer .f_info address .copyright{padding-top:12px;float:inherit;}
    footer .f_etc {top:32px;left:0;right:auto;width:100%;padding:0 25px;}
    footer .f_etc .btn_f_site {width:calc(50% - 5px);}
    footer .f_sns{float:inherit;position:absolute;right:25px;bottom:65px;margin-top:0;}
    footer .f_mark{position:static;margin-top:25px;text-align:left;}
    footer .f_mark img{height:42px}
    
    .ChatbotArea{right:40px;}
    .topBtn{right:40px;bottom:50px !important;}
}

@media all and (max-width:768px){
    /* layout */
    /* .typeSub #contents {padding-bottom:40px;}  */

    header .mbtn_language{font-size:14px;}

    /* .typeSub .pageUtil>.btn_share{display:none;} */
    .typeSub .pageUtil .shareArea{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1002;border:none;}
    .typeSub .pageUtil .shareArea .shareInnerBox{bottom:-100%;width:100%;left:0;top:auto;position:absolute;border-radius:20px 20px 0 0;width:100%;transition:all 0.3s;background-color:#fff;border: 1px solid #D1D1D1;padding:20px;}
    .typeSub .pageUtil .shareArea.on .shareInnerBox{bottom:0;}

    .ChatbotArea{right:15px;}
    .topBtn{right:15px;}

    .typeSub .pageUtil .shareArea .shareInnerBox>b{font-size:18px;}
    /* #snb_nav .snb_area>.btn_share{position:absolute;right:0px;top:0;width:40px;height:50px;background:url(../img/layout/snb_share.png) no-repeat left center/18px auto;display:inline-block;transition:all 0.2s;} */
    #snb_nav .snb_area>button.on::after{right:50px;}
    .typeSub .pageUtil .shareArea .urlCopy .inputBase{height:40px;border-radius:5px 0 0 5px;font-size:14px;}
    .typeSub .pageUtil .shareArea .urlCopy>.urlCopyBtn{height:40px;border-radius:0 5px 5px 0;line-height:41px;}
    #snb_nav .snb_area>.btn_share.on{background-image:url(../img/layout/snb_share_white.png);}
    .typeSub .pageUtil .shareArea .shareClosed{width:22px;height:22px;background:url(../img/layout/icon_languageClose.png) no-repeat center center/37px auto;}

    .popNotice .innerBox{padding:25px 15px 140px 15px;}
    .popNotice .popNoticeTit{font-size:40px;}
    .popNotice .innerBox .popNoticeClosed{background-size:17px auto !important;right:5px;top:15px}
    .popNotice .bbsDiv .bbsPopTit{font-size:20px;margin-bottom:15px;}
    .popNotice .bbsDiv .bbsMore{width:20px;height:20px;}
    .popNotice .bbsDiv .popBBSlist{padding:15px 0;}
    .popNotice .bbsDiv .popBBSlist>li{padding:5px 0;}
    .popNotice .bbsDiv .popBBSlist>li a{font-size:14px;}

    #footer {z-index:inherit;}
    footer{padding-left:24px;padding-right:24px;}
}
@media all and (max-width:550px){
    .typeSub .pageUtil .shareArea .shareInnerBox>ul>li{width:calc(33.333% - 13.333px);}
    .typeSub .pageUtil .shareArea .shareInnerBox>ul>li:nth-of-type(4n){margin-right:20px;}
    .typeSub .pageUtil .shareArea .shareInnerBox>ul>li:nth-of-type(3n){margin-right:0;}
    .typeSub .pageUtil .shareArea .shareInnerBox>ul>li>a>img{width:40px;}
    .sVisual>strong, 
    .sVisual>h2{font-size:30px;}
    .sVisual .locNav{font-size:0;margin-top:10px;}
    .sVisual .locNav>span{font-size:13px;padding-right:20px;background-position:right 7px top 5px !important;}
    .typeSub .pageUtil{vertical-align:-4px}
    .typeSub .pageUtil>.btn_share{width:15px;}

    footer .f_info address{padding-right:0}
    footer .f_sns{position:static;margin-top:30px;}
}
@media all and (max-width:370px){
    footer .f_etc .btn_f_site{font-size:14px;}
}
@media all and (max-width:350px){
    footer{padding-top:161px;}
    footer .f_etc .btn_f_site{width:100%;}
    footer .f_etc .btn_f_site + .btn_f_site{margin:10px 0 0 0;}

    .typeSub .pageUtil .shareArea .shareInnerBox>ul>li{width:calc(50% - 10px); margin-right:20px !important;}
    .typeSub .pageUtil .shareArea .shareInnerBox>ul>li:nth-of-type(2n){margin-right:0px !important;}
}