@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:fixed;left:0;top:0;width:100%;height:102px;z-index:1003;transition:0.2s;max-height:890px;}
#header::before{content:"";position:absolute;left:0;top:101px;width:100%;background-color:var(--color-background-white);height:calc(100% - 101px);display:none;}
#header::after {content:'';position:absolute;left:0;top:101px;width:100%;height:1px;background:#ddd;z-index:3;transition:0.2s;opacity:0;}
#header.gnbOn {overflow:hidden;background-color:var(--color-background-white);}
#header.gnbOn::before {display:block !important;}
#header.gnbOn::after {display:block;opacity:1;}

.stickyFix #header,
#header.stickyFix{background-color:var(--color-background-white);}

.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 120px;height:100%;}
header .logo {display:block;position:absolute;left:120px;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:120px;top:38px;width:auto;box-sizing:border-box;font-size:0;text-align:right;z-index:5;display:flex;align-items:center;justify-content:end;gap:12px;}
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{font-size:14px;color:var(--color-text-basic);font-weight:600;line-height:140%;}
header .top_util .group_util{display:inline-flex;align-items:center;justify-content:end;}
header .top_util .group_util a,
header .top_util .group_util button{font-size:14px;color:var(--color-text-basic);font-weight:600;line-height:140%;}
header .top_util .group_util > a{position:relative;display:inline-flex;align-items:center;gap:12px;margin-right:12px;}
header .top_util .group_util > a::after{content:"";display:inline-flex;align-items:center;width:1px;height:12px;background:var(--color-divider-gray);}
header .popBtn{display:inline-flex;align-items:center;justify-content:center;height:30px;}
header .popBtn .base{display:inline-flex;align-items:center;justify-content:center;padding:0 12px;background:var(--color-button-primary-fill);border-radius:var(--radius-max);border:none;line-height:1;transition:all 0.4s;}
header .popBtn:hover .base{background:var(--color-button-primary-fill-hover);color:var(--color-text-basic-inverse);border:none;}


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

.gnbOn header::before{content:"";display:block;width:100%;position:absolute;left:calc(-50% - 400px);top:101px;background-color:#F7F7F7;height:2000px;}
.gnbOn header>nav #gnb>li>a {color:var(--color-text-basic);}
.gnbOn header>nav #gnb>li>a:hover {color:#A70638;}
.gnbOn header>nav #gnb>li>a.on {color:#A70638;}
.gnbOn header .logo>a>span {display:block;}
.gnbOn header .logo>a>img {display:none;}
.gnbOn #header::after{opacity:1;}

.stickyFix{background-color:#fff;}
.stickyFix header>nav #gnb>li>a {color:var(--color-text-basic);}
.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:var(--color-text-basic);}
.stickyFix header .logo>a>span {display:block;}
.stickyFix header .logo>a>img {display:none;}
.stickyFix #header::after{opacity:1;}

/*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:var(--color-text-basic);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:101px;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;padding-right:8px;}

/*스크롤바 커스텀*/
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,
header .mBtn_popup{display:none;}
header>nav .mMenuUtil {display:none;}
header .mbtn_language{display:none;}

.typeMain #header{position:fixed;}
.typeMain header>nav #gnb>li>a{color:var(--color-text-basic);}
.typeMain header .top_util .group_util a, 
.typeMain header .top_util .group_util button{color: var(--color-text-basic);}
.typeMain header .logo>a>img{display:none;}
.typeMain header .logo>a>span{display:block;}
#header{position:absolute;}
header>nav #gnb>li>a{color:var(--color-text-basic-inverse);}
header .top_util .group_util a, 
header .top_util .group_util button{color:var(--color-text-basic-inverse);}


.svgIcon{display:inline-flex;transition:0.4s ease-in-out;mask-repeat:no-repeat;mask-position:center;mask-size:contain;forced-color-adjust: none;}

/* top button */
.fixedArea{position:fixed;right:20px;bottom:40px;display:flex;flex-direction:column;gap:10px;transition:opacity 0.4s;z-index:990;}
.typeMain .fixedArea{opacity: 0;}
.fixedArea.on{opacity: 1;}
.fixedArea.absol{position:absolute;}
.topBtn{z-index:11;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-max);background-color: var(--color-background-white);transition:0.4s;position:relative;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.topBtn.on{}
.topBtn>span{font-size:14px;font-weight:600;color:var(--color-text-dark);font-family:'Roboto',sans-serif;}
.topBtn .svgIcon{background:var(--color-icon-gray);width:24px;height:24px;mask-image:url(../img/layout/ico_arrow_right20.svg);}
.topBtn#btn_top{transform:rotate(-90deg);}
.topBtn#btn_btm{transform:rotate(90deg);}

.typeSub #btn_btm{display:none;}



/* footer */
#footer {width:100%;position:relative;background:#252B37;z-index:9}
footer {position:relative;overflow:hidden;max-width:1785px;margin:0 auto;box-sizing:border-box;padding:48px 60px;z-index:0;}
footer > div{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:48px;width:100%;}
footer .f_top{padding-bottom:37px;}
footer .f_top > div{display:flex;flex-wrap:wrap;align-items:center;justify-content:start;}
footer .f_top .f_etc{order:2;}
footer .f_top .f_etc .f_service{display:flex;flex-wrap:wrap;align-items:center;justify-content:end;gap:8px;}
footer .f_top .f_etc .f_service .btn_f_site{display:inline-flex;align-items:center;justify-content:start;padding:8px 42px 8px 20px;border:1px solid var(--color-border-inverse);border-radius:var(--radius-max);color:var(--color-text-basic-inverse);font-size:16px;min-width:185px;line-height:150%;position:relative;}
footer .f_top .f_etc .f_service .btn_f_site::after{content:"";width:16px;height:16px;position:absolute;right:18px;top:50%;transform:translateY(-50%);background:url(../img/layout/ico_arrow_down16.svg) no-repeat center center/ contain;}
footer .f_top .f_etc .f_service .btn_f_site:focus-visible{outline-offset:0px;outline-color:var(--color-border-inverse);}
footer .f_top .f_info{order:1;}
footer .f_top .f_info address{display:flex;flex-wrap:wrap;align-items:center;justify-content:start;gap:12px;font-style:normal;}
footer .f_top .f_info address > span{font-size:16px;color:var(--color-text-basic-inverse);}
footer .f_top .f_info address > span > b{font-size:inherit;font-weight:700;color:var(--color-alpha-base50);margin-right:4px;}
footer .f_top .f_info .copy{width:100%;margin-top:12px;}
footer .copyright{display:block;font-style:normal;color:var(--color-alpha-base50);font-size:14px;}
footer .copy.mb{display:none;}
footer .f_bottom{align-items:center;justify-content:start;gap:12px;}
footer .f_bottom .f_menu{flex:auto;padding-right:36px;}
footer .f_bottom .f_menu ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:start;}
footer .f_bottom .f_menu ul li{display:inline-flex;align-items:center;}
footer .f_bottom .f_menu ul li + li{padding-left:16px;gap:16px;position:relative;}
footer .f_bottom .f_menu ul li + li::before{content:"";width:1px;height:11px;background-color:var(--color-alpha-base25);display:inline-flex;align-items:center;}
footer .f_bottom .f_menu ul li a{font-size:16px;font-weight:400;color:var(--color-text-basic-inverse);display:inline-flex;align-items:center;}
footer .f_bottom .f_menu ul li.point a{font-weight:700;}
footer .f_bottom .f_snsList{display:flex;align-items:center;justify-content:end;}
footer .f_bottom .f_snsList li{width:40px;height:40px;}
footer .f_bottom .f_snsList a{display:inline-flex;align-items:center;}
footer .f_bottom .f_snsList a img{display:block;width:100%;}
footer .f_bottom .f_mark{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:start;}
footer .f_bottom .f_mark img{display:block;max-width:100%;max-height:44px;}

/* 팝업존 */
.mPopZone_dim{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0;transition:0.4s;z-index:-1;pointer-events:none;visibility:hidden;}
.mPopZone_dim.on{opacity:1;z-index:10000;pointer-events:auto;visibility:visible;}
.mPopZone{width:100%;position:fixed;width:100%;left:0;bottom:0;z-index:11000;transition:all 0.4s;transform:translateY(100%);}
.mPopZone_wrap{background:var(--color-surface-gray-subtle);border-radius:40px 40px 0 0;width:100%;padding:56px 30px 50px;}
.mPopZone_wrap .pop_list{max-width:1648px;margin:0 auto;position:relative;overflow:hidden;padding:0 74px;}
.mPopZone_wrap .pop_list .swiper-container{overflow:hidden;}
.mPopZone_wrap .pop_list .swiper-wrapper{gap:20px;}
.mPopZone_wrap .pop_list.noSwiper .swiper-wrapper{justify-content:center;}
.mPopZone_wrap .pop_list .swiper-slide{padding:40px 0;width: calc((100% - 60px) / 4) !important;flex-shrink: 0;margin-right:0 !important;}
.mPopZone_wrap .pop_list .txtBx{border-radius:20px;background:var(--color-background-white);border:1px solid var(--color-border-inverse);transition:0.4s;position:relative;padding:40px;min-height:300px;}
.mPopZone_wrap .pop_list .txtBx .tit{font-size:24px;font-weight:700;color:var(--color-text-basic);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;white-space:pre-line;margin-bottom:20px;line-height:1.5;}
.mPopZone_wrap .pop_list .txtBx .txt{font-size:16px;color:var(--color-text-basic);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;white-space:pre-line;line-height:1.5;}
.mPopZone_wrap .pop_list .txtBx .link{width:40px;height:40px;position:absolute;right:40px;bottom:40px;border-radius:var(--radius-max);background-color:var(--color-button-tertiary-fill-hover);display:inline-flex;align-items:center;justify-content:center;transition:all 0.2s;}
.mPopZone_wrap .pop_list .txtBx .link i{mask:url(../img/layout/ico_arrow_right16.svg) no-repeat center center/ contain;display:inline-flex;width:16px;height:16px;background:var(--color-background-dark);transition:none;}

.pop_list .prev{width: 40px;height: 40px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;position:absolute;left:0;top:50%;transform:translateY(-50%);margin-top:-14px;}
.pop_list .ico_prev{width:100%;height:100%;mask-image:url(../img/layout/ico_arrow_left40.svg);background-color:var(--color-background-dark);}
.pop_list .next{width: 40px;height: 40px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;position:absolute;right:0;top:50%;transform:translateY(-50%);margin-top:-14px;}
.pop_list .ico_next{width:100%;height:100%;mask-image:url(../img/layout/ico_arrow_right40.svg);background-color:var(--color-background-dark);}
.pop_list .control{width: 21px;height: 21px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;}
.pop_list .control .ico_control{width:100%;height:100%;mask-image:url(../img/main/ico_swiper_stop.svg);background-color:var(--color-background-dark);}
.pop_list .control.on .ico_control{mask-image:url(../img/main/ico_swiper_play.svg);}
.mPopZone_wrap .slideBtn{width:100%;}
.mPopZone_wrap .slideBtn .btnWrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;gap:12px;}
.mPopZone_wrap .slideBtn .swiperPagi{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;font-size:16px;width:auto;}

.check_boxwrap{position:absolute;left:0;right:0;top:48px;width:1500px;margin: 0 auto;left: 0;display: flex;align-items: center;justify-content: end;gap: 12px;z-index:1000;}
.check_boxwrap .inputBox>.data{font-size:16px;color:var(--color-text-bolder);}
.check_boxwrap .inputBox>.data::before{content:"";}
.check_boxwrap .pop_close{width:24px;height:24px;position:relative;}
.check_boxwrap .pop_close .ico_closed{mask:url(../img/layout/ico_close24.svg) no-repeat center center/contain;width:100%;height:100%;background-color:var(--color-background-dark);display:inline-flex;align-items:center;justify-content:center;}

.mPopZone_wrap .pop_list .swiper-slide.over .txtBx{border-color:var(--color-border-primary);}
.mPopZone_wrap .pop_list .swiper-slide.over .link{background-color:var(--color-button-primary-fill);}
.mPopZone_wrap .pop_list .swiper-slide.over .link i{background-color:var(--color-background-white);}

.firstOn.mPopZone,
.on.mPopZone{transform:translateY(0);}



/* SNB */
.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::before{content:"";display:block;width:100%;height:200px;position:absolute;left:0;top:0;background:url(../img/layout/img_snbNav.png) no-repeat center top/100% auto;} */
.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;}
/* .snbArea::before{content:"";display:block;width:100%;height:1px;background-color:#e8e8e8;position:absolute;left:-100%;bottom:-1px;}
.snbArea::after{content:"";display:block;width:100%;height:1px;background-color:#e8e8e8;position:absolute;right:-100%;bottom:-1px;} */

#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>button.active {background:#173070 url(../img/layout/snb_selArrT_white.png) no-repeat right 30px top 50%;color:#fff;}*/

#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 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 #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;}



/* sub layout */
#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:before {content:'';position:absolute;right:-10px;top:6px;display:block;width:1px;height:15px;background:#fff;opacity:.5;} */
.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;}


/*공지사항 팝업*/
.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;}


/* 팝업(공통) */
.popLayout{border-radius:20px;}




@media print {
    #header, #footer, #lnb_nav, #mLnb_nav {display:none !important;}
    body {print-color-adjust: exact;-webkit-print-color-adjust: exact;}
    .sVisual{padding-top:50px !important;}
    #snb_nav{display:none !important;}
    .typeSub #container{padding-top:0 !important;}
    .fixedArea, .fixedMobile{display:none !important;}
}


@media screen and (min-width:1042px){
    body:has(.searchWrap.on) #gnb {pointer-events:none;}
}
@media all and (max-width:1785px){
    #header{height:80px;}
    header{padding:0 60px;}
    header .logo{left:60px;top:23px;}
    header .logo>a img{height:34px;}
    header .top_util{right:60px;top:30px;}
    header>nav{height:80px;}
    header>nav #gnb{padding:26px 250px 0 220px;}
    header>nav #gnb>li>a{font-size:18px;padding:0 20px;}
    header .top_util .group_util a, header .top_util .group_util button,
    header .top_util>a>span, header .top_util>button>span{font-size:12px;}
    header .popBtn{height:24px;}

    #header::before{height:calc(100% - 81px);top:81px;}
    .gnbOn header::before{top:81px;left: calc(-50% - 447px);}
    #header::after{top:80px;}
    header>nav #gnb ul.menuM{top:81px;}
}
@media all and (max-width:1699px){
    /* 팝업존 */
    .check_boxwrap{left:auto;right:104px;width:auto;}
}
@media all and (max-width:1500px){
    header{padding:0 32px;}    
    header .logo{left:32px;}
    header .top_util{right:32px;}

    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;}

    footer{padding:48px 32px;}
    footer .f_top{gap:36px;padding-bottom:36px;}
    footer .f_top>div{width:100%;}
    footer .f_top .f_info{order:2;}
    footer .f_top .f_etc{order:1;}


    /* 팝업존 */
    .pop_list .prev{position:static;margin-top:0;transform:none;}
    .pop_list .next{position:static;margin-top:0;transform:none;}
    .mPopZone_wrap{padding:56px 32px 50px;}
    .mPopZone_wrap .pop_list{padding:0;}
    .mPopZone_wrap .slideBtn{display:flex;justify-content:center;gap:10px;align-items:center;}
    .mPopZone_wrap .slideBtn .btnWrap{width:auto;}
    .mPopZone_wrap .pop_list .txtBx{padding:32px;}
    .mPopZone_wrap .pop_list .txtBx .tit{font-size:20px;}
    .mPopZone_wrap .pop_list .txtBx .link{right:32px;bottom:32px;}
    .mPopZone_wrap .pop_list .txtBx br{display:none;}
    .check_boxwrap{right:32px;}
}
@media all and (max-width:1280px){
    header .top_util{top:10px;}
    header>nav #gnb{text-align:right;padding: 40px 0 0 220px;}
    header>nav #gnb>li>a{padding:0 16px;}
    .fixedArea{z-index:999;}
}
@media all and (max-width:1041px){
    #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{padding:0 20px;}
    header .logo {left:20px;top:50%;width:auto;transform:translate(0%,-50%);}
    header .logo>a img{height:26px;}
    .gnbOn header .top_util{right:0;}
    .gnbOn header::before{display:none;}

    header .mBtn_popup{display:block;height:26px;position:absolute;right:60px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;}
    header .mBtn_popup .base{padding:0 8px;}
    header .mBtn_topMenu {display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:24px;height:24px;}
    header .mBtn_topMenu::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;mask:url(../img/layout/ico_menu.svg) no-repeat center center/contain;background-color:var(--color-background-dark);}
    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)}

    .typeMain header .mBtn_topMenu::before{background-color:var(--color-background-dark);}
    header .mBtn_topMenu::before{background-color:var(--color-background-white);}

    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;text-align:left;justify-content:start;padding:0 64px 0 20px;}
    header .top_util .group_util a, header .top_util .group_util button, header .top_util>a>span, header .top_util>button>span{font-size:14px;}
    header .top_util .popBtn{display:none;}    
    
    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_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;}

    #header{position:fixed;}
    .stickyFix header .mBtn_topMenu::before,
    .snbSticky header .mBtn_topMenu::before {background-color: var(--color-background-dark);}


    .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;}

    
    #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:81px;}
    #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.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:40px 20px;}
    footer > div{gap:32px;}
    footer .f_top{gap:32px;padding-bottom:32px;}
    footer .f_top .f_etc .f_service{width:100%;}
    footer .f_top .f_etc .f_service .btn_f_site{font-size:14px;height:40px;padding:0 40px 0 16px;flex:1;min-width:auto;}
    footer .f_top .f_info address{gap:4px 12px;}
    footer .f_top .f_info address > span{font-size:15px;}
    footer .f_top .f_info address > span.add{width:100%;}
    footer .f_top .f_info .copy.pc{display:none;}
    footer .copy.mb{display:block;}
    footer .f_bottom{gap:32px;}
    footer .f_bottom>div{width:100%;}
    footer .f_bottom .f_menu ul{gap:16px;}
    footer .f_bottom .f_menu ul li{position:relative;gap:16px;}
    footer .f_bottom .f_menu ul li:not(:last-child)::after{content:"";width:1px;height:11px;background-color:var(--color-alpha-base25);display:inline-flex;align-items:center;}
    footer .f_bottom .f_menu ul li + li{padding-left:0;gap:16px;}
    footer .f_bottom .f_menu ul li + li::before{display:none;}
    footer .f_bottom .f_menu ul li a{font-size:15px;}


    /* 팝업존 */
    .mPopZone_wrap{padding:54px 0px 27px;border-radius:20px 20px 0 0;}
    /* .mPopZone_wrap .pop_list{overflow:unset;}
    .mPopZone_wrap .pop_list .swiper-container{overflow:unset;} */
    .mPopZone_wrap .pop_list{padding:0 20px;}
    .mPopZone_wrap .pop_list .swiper-wrapper{gap:0;}
    .mPopZone_wrap .pop_list .swiper-slide {padding:24px 0 15px;width: calc((100% - 32px) / 3) !important;margin-right:16px !important;}
    .mPopZone_wrap .pop_list .txtBx{border-radius:16px;min-height:248px;}
    .mPopZone_wrap .pop_list .txtBx .tit{margin-bottom:10px;}
    .mPopZone_wrap .pop_list .txtBx .txt{font-size:14px;}
    .mPopZone_wrap .pop_list .txtBx .link{width:32px;height:32px;}
    .check_boxwrap{right:20px;top:30px;}
    .mPopZone_wrap .pop_list .prev{width:24px;height:24px;}
    .mPopZone_wrap .pop_list .next{width:24px;height:24px;}

}

@media all and (max-width:768px){
    /* layout */
    .typeSub #contents {padding-bottom:40px;}
    .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>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;}


    /* 팝업존 */
    .mPopZone_wrap .pop_list .swiper-slide {width: calc((100% - 32px) / 2.5) !important;}

}

@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;}


    /* 팝업존 */
    .mPopZone_wrap .pop_list .swiper-slide {width: calc(100% / 1.21) !important;}
}
@media all and (max-width:389px){
    footer .f_top .f_etc .f_service .btn_f_site{flex:unset;width:100%;}
}
@media all and (max-width:350px){

    .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;}
}






/* 접근성 */
.sVisual:before  {content:'';position:absolute;left:0;top:0;width:100%;height:100%;display:block;background:rgba(0,0,0, 0.3)}
.sVisual nav,
.sVisual h2,
.sVisual .locNav,
.sVisual .pageUtil {z-index: 3;}

.sVisual nav,
.sVisual h2,
.sVisual .locNav {position:relative;}