@charset "utf-8";

body {max-width: 2560px;margin:0 auto;}
.btn_dark {position:fixed;left:20px;bottom:20px;display:block;background:var(--black);color:var(--bgWhite);z-index: 99999;padding:10px;border-radius: 4px;}

#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.5;z-index:901;}
#gnb_dim.on {z-index:1004;} 

#header {position:absolute;left:0;top:0;width:100%;height:112px;z-index:1003;transition:0.2s;background:var(--bgWhite);}
#header.gnbOn {overflow:hidden;background-color:var(--bgWhite);}
#header.gnbOn::before {display:block !important;}
#header.gnbOn::after {display:block;opacity:1;}

header {position:relative;width:100%;max-width:1920px;margin:0 auto;padding:var(--layout)}
header .logo {display:block;position:absolute;left:25px;top:17px;height:26px;z-index:1002;transition:0.2s;}
header .logo>a {display:block;overflow:hidden;}
header .logo>a img {max-width:none;vertical-align:top;}
header .logo>a>span {display:none;}

header .topSchZone {position:relative;display:flex;justify-content: center;padding-right:40px;padding-top:28px;z-index: 5;}
header .topSchZone fieldset {position: relative;}
header .topSchZone input {width:420px;border:0;border-bottom: 1px solid var(--black);height:43px;padding-bottom:3px;font-size:18px;background:transparent;color:var(--gray3);padding:0 50px 0 15px;}
header .topSchZone .btn_schData {position:absolute;right:8px;bottom:12px;width:20px;height:20px;background:url(../img/layout/ico_topSch_black.svg) no-repeat center;}

header .top_util {display:flex;align-items: center;padding-left:20px;z-index:1002;}
header .top_util .btn_login  {position:relative;display:block;padding-left:18px;background:url(../img/layout/ico_login.svg) no-repeat 50%;width:21px;height:21px;}
header .top_util .btn_logout {position:relative;display:block;padding-left:18px;background:url(../img/layout/ico_logout.svg) no-repeat 50%;width:21px;height:21px;}
header .top_util .btn_my {position:relative;display:block;padding-left:18px;margin-left:20px;background:url(../img/layout/ico_mypage.svg) no-repeat 50%;width:19px;height:20px;}
header .top_util .btn_lang {position:relative;display:block;width:21px;height:21px;margin-left:20px;margin-top:-1px;}
header .top_util .btn_lang>span {font-weight: 600;}
header .top_util .btn_sitemap {position:relative;display:block;width:20px;height:16px;margin-left:20px;background:url(../img/layout/ico_sitemap.svg)}
header .top_util .btn_closeMmap {position:relative;display:block;width:20px;height:20px;margin-left:20px;background:url(../img/layout/ico_sitemap_close.svg);display:none;}
header .top_util .btn_login+.btn_lang {margin-left:20px}

header>nav{position:absolute;top:-3px;right:25px;display:flex;align-items: center;justify-content: flex-end;width:100%;max-width:1920px;height:112px;margin:0 auto;}

/* 0131 수정 */
header .top_util .bubble {display: none;position: absolute;left: 50%;transform: translateX(-50%);top: 30px;padding: 5px 10px;white-space: nowrap;font-size: 16px;color: var(--black);background: var(--bgWhite);border: 1px solid var(--black);}
header .top_util>a:hover .bubble {display: block;}

/* pc gnb */
.pc_gnd {position:relative;z-index: 10;}
.pc_gnd>li {display:inline-block;vertical-align: top;}
.pc_gnd>li>a {display:block;padding:0 14px;font-size:19px;font-weight: 700;}

.sitemapOn #header {position:fixed;top:0;}
.sitemapOn header>nav .gnbWrap {display:block;padding-bottom: 70px;}
.sitemapOn header .top_util .btn_sitemap {display:none;}
.sitemapOn header .top_util .btn_closeMmap {display:block;}

/*gnb 1depth*/
header>nav .gnbWrap {position:fixed;left:0;top:0;width:100%;height:100vh;height:100dvh;font-size:0;display:block;background-color: var(--bgWhite);overflow: hidden;z-index: 999;display:none;}
header>nav .m_logo {display:none;}
header>nav #gnb {max-height:100%;overflow-y: auto;padding: 70px;margin-top:108px;border-top: 1px solid var(--gray2);}
header>nav #gnb>li {position:relative;vertical-align:top;vertical-align:top;display:flex;flex-wrap:wrap;padding-bottom: 45px;padding-top:2px;border-bottom: 1px solid var(--gray2);}
header>nav #gnb>li:last-child {border-bottom: none;}
header>nav #gnb>li+li {margin-top:50px;}
header>nav #gnb>li>a {display:inline-block;width:340px;padding-right:50px;position:relative;font-size:52px;font-weight:700;line-height:62px;text-align:left;vertical-align:top;z-index:1002;transition:.2s all;}

/*gnb 2depth*/
header>nav #gnb ul.menuM {width:calc(100% - 340px);margin-top:-50px;font-size: 0;}
header>nav #gnb ul.menuM>li {display:inline-block;margin-top:50px;margin-right: 100px;vertical-align: top;}
header>nav #gnb ul.menuM>li>a {margin-bottom:25px;font-size:30px;font-weight: 700;}
header>nav #gnb ul.menuM>li:last-child {margin-bottom: 0;}

/*gnb 3depth*/
header>nav #gnb ul.menuS {display:block;margin-top:15px;font-size:0;}
header>nav #gnb ul.menuS>li {position:relative;padding-left:7px;margin-bottom:11px;font-size:0;vertical-align:top;}
header>nav #gnb ul.menuS>li:last-child {margin-bottom: 0;}
header>nav #gnb ul.menuS>li::before{content:"";position:absolute;left:0px;top:14px;display:block;width:2px;height:2px;background-color:var(--gray4);border-radius: 50%;}
header>nav #gnb ul.menuS>li>a {display:inline-block;position:relative;color:var(--gray4);font-size:20px;font-weight:400;line-height:28px;;text-align:left;vertical-align:top;transition:0.2s;padding-right:5px;font-weight: 500;}
/* header>nav #gnb ul.menuS>li>a[target='_blank']::after{content:"";display:inline-block;width:13px;height:13px;vertical-align:top;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:var(--orange3)}

/* 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;padding:20px 0 15px 40px;font-size:0;text-align:left;vertical-align:top;min-height:69px;}
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:250px;display:inline-block;vertical-align:top;margin-bottom:0px;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:var(--orange3);} */

header .mBtn,
header .mBtn_topMenu,
header .mBtn_search {display:none;z-index: 10;}

#footer {width:100%;position:relative;background:var(--bgWhite);z-index:903;border-top:1px solid var(--black);}
footer {position:relative;display:flex;justify-content: space-between;overflow:hidden;max-width:1920px;margin:0 auto;padding:46px 25px 55px 25px;z-index:0;}
footer address {font-style: normal;}
footer address em {display:block;margin-right:10px;font-style:normal;}
footer .f_link {display:flex;}
footer .f_link>a {display:block;margin-right: 20px;font-weight: 500;}
footer .f_link>a:last-child {margin-right: 0;}
footer address p>b {font-weight: 400;}
footer .copyright {margin-top:3px;}
footer .f_logo span {display:none;}

footer .telArea {display:flex;align-items: center;margin-top:3px;} 
footer .telArea>span {display:flex;align-items: center;margin-right: 10px;}


/* SNB */
.snbArea {position:relative;width:100%;margin-bottom:62px;top:0;font-size:0;background-color:var(--gray1);z-index: 999;}
.snbArea .snbInnerArea{position:relative;max-width:1766px;padding:var(--layout);margin:0px auto;font-size:0;}
#snb_nav .snb_area .btn_home {display:block;position:relative;float:left;overflow:hidden;width:31px;height:100%;margin:0;padding:0;background:url(../img/layout/snb_home.svg) no-repeat left center/16px auto;}
#snb_nav .snb_area .btn_home:before {content:'';position:absolute;right:0;top:50%;display:block;width:1px;height:14px;margin-top:-5px;background:var(--gray2)}

#snb_nav {position:relative;width:100%;}
#snb_nav .snb_area {position:relative;width:100%;max-width:1766px;height:100%;margin:0 auto;padding:0;z-index:500;height:50px;}
#snb_nav .snb_area>.btn_share{display:none;}
#snb_nav .snb_area>button{position:relative;min-width:192px;height:50px;display:inline-block;vertical-align:top;text-align:left;padding:0 50px 0 17px;font-size:16px;background:var(--gray1);;}
#snb_nav .snb_area>button:first-child {padding-left:13px;}
#snb_nav .snb_area>button::before{content:"";position:absolute;right:15px;top:calc(50% - 3px);display:block;width:11px;height:6px;background:url(../img/layout/icon_snbArrow.svg) center center/100% auto;transition:all 0.2s;}
#snb_nav .snb_area>button.active {background-color: var(--orange3);color:var(--white)}
#snb_nav .snb_area>button.active::before{transform:rotate(180deg);background-image:url(../img/layout/icon_snbArrow_white.svg);}
#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:50px;width:100%;padding:20px 17px;margin-left:1px;background:var(--black);z-index:900;}
#snb_nav #snb li+li {margin-top:15px;}
#snb_nav #snb li a {display:block;font-size:16px;font-weight:400;line-height:22px;color:var(--bgWhite)}
#snb_nav #snb li.on>a, 
#snb_nav #snb li:hover>a {color:var(--orange3)}
#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:var(--bgWhite);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;}

/* 페이지 타이틀 */
.pageTitArea{max-width:1766px;margin:0 auto 40px;padding:var(--layoutCont);position:relative;}
.pageTitArea .pageTit{display:block;font-size:52px;font-weight:700;line-height:60px;letter-spacing: -1px;text-align: center;}

#contents.type2 .pageTitArea {max-width:1476px;}
#contents.type3 .pageTitArea {max-width:606px;}

#contents.noNavi .snbArea {display:none;}
#contents.noNavi {padding-top:62px;}

/* Sub */
#container{position:relative;overflow:hidden;padding-top:112px;}

.typeSub #container {position:relative;overflow: visible;}
.typeSub #contents {position:relative;padding-bottom:120px;}
.typeSub #contents>article {position:relative;max-width:1766px;min-height:500px;margin:0 auto;padding:var(--layoutCont);}
.typeSub #contents.type2>article  {max-width:1476px;}
.typeSub #contents.type3>article  {max-width:606px;padding:0;}

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

.navCateg {position:fixed;left:-100%;top:0;max-width: 824px;width:100%;height:100%;background:#d6410b;z-index: 1005;transition:.3s all;display:none;}
.navCateg.open {left:0;display:block;}
.navCateg .btnClose {position:absolute;right:50px;top:60px;display:block;width:39px;height:39px;background:url(../img/layout/ico_categ_close.svg) no-repeat center;}
.navCateg .navInner {position:relative;height:100%;padding:70px 20px 70px 67px;}
.navCateg .navInner:before {content:'';display:block;position:absolute;left:357px;width:1px;height:calc(100% - 140px);background:rgba(255,255,255,.2)}
.navCateg .navInner>ul {position:relative;height:100%;overflow-y: auto;overscroll-behavior: contain;}
.navCateg .navInner>ul>li+li {margin-top:48px;}
.navCateg .navInner>ul>li>a {width:290px;display:block;font-size:42px;color:#F8A690;font-size:42px;font-weight: 700;line-height: 45px;word-wrap: break-word;}
.navCateg .navInner>ul>li.on>a {color:#fff;}
.navCateg .navInner>ul>li.on .navM {display:block;}
.navCateg .navInner>ul>li .navM {position:absolute;left:290px;top:0;display:none;width:calc(100% - 290px);padding-left:50px;padding-right:50px;word-wrap: break-word;}
.navCateg .navInner>ul>li .navM>li>a {color:#fff;font-weight: 500;font-size: 18px;}
.navCateg .navInner>ul>li .navM>li+li {margin-top:20px;}
.navCateg .navInner>ul>li .navS {padding-top:15px;}
.navCateg .navInner>ul>li .navS>li+li {margin-top:20px}
.navCateg .navInner>ul>li .navS>li>a {position:relative;padding-left:10px;color:#F8A690;font-size:16px;word-wrap: break-word;}
.navCateg .navInner>ul>li .navS>li>a:before {content:'';position:absolute;left:0;top:7px;display:block;width:3px;height:3px;background:#F8A690;border-radius: 50%;}

.navCateg .navInner>ul::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
.navCateg .navInner>ul::-webkit-scrollbar-thumb {height: 20%; /* 스크롤바의 길이 */background: var(--gray2); /* 스크롤바의 색상 */opacity: .4;border-radius: 10px;padding:10px;}
.navCateg .navInner>ul::-webkit-scrollbar-track {background: rgba(0, 0, 0, .1);  /*스크롤바 뒷 배경 색상*/}

/* Dark Mode */
body[data-theme='dark-mode'] header .logo>a>img {display:none;}
body[data-theme='dark-mode'] header .logo>a>span {display:block;}
body[data-theme='dark-mode'] header .topSchZone .btn_schData {background-image:url(../img/layout/ico_topSch_white.svg)}
body[data-theme='dark-mode'] #snb_nav .snb_area>button::before {background-image:url(../img/layout/icon_snbArrow_white.svg)}
body[data-theme='dark-mode'] #snb_nav .snb_area .btn_home {background-image:url(../img/layout/snb_home_white.svg)}
body[data-theme='dark-mode'] header .top_util .btn_login,
body[data-theme='dark-mode'] header .top_util .btn_logout {background-image:url(../img/layout/ico_user_white.svg)}
/* body[data-theme='dark-mode'] header .top_util .btn_lang {background-image:url(../img/layout/ico_lang_white.svg)}  */
body[data-theme='dark-mode'] header .top_util .btn_sitemap   {background-image:url(../img/layout/ico_sitemap_white.svg)} 
body[data-theme='dark-mode'] header .top_util .btn_closeMmap  {background-image:url(../img/layout/ico_sitemap_close_white.svg)} 
body[data-theme='dark-mode'] header .top_util .m_logo>a>img {display:none;}
body[data-theme='dark-mode'] header .top_util .m_logo>a>span {display:block;}


body[data-theme='dark-mode'] header .top_util .btn_logout {background-image: url(../img/layout/ico_logout_w.svg);}
body[data-theme='dark-mode'] header .top_util .btn_login {background-image: url(../img/layout/ico_login_w.svg);}
body[data-theme='dark-mode'] header .top_util .btn_my {background-image: url(../img/layout/ico_my_w.svg);}
body[data-theme='dark-mode'] footer .f_logo span {display:block;} 
body[data-theme='dark-mode'] footer .f_logo a>img {display:none;} 

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

@media all and (max-width:1890px){
    .typeSub #contents>article {max-width: 100%;}
}


@media all and (max-width:1850px){
    header .topSchZone {padding-right: 280px;}
}

@media all and (max-width:1700px){
    header .topSchZone {padding-right: 350px;}
}


@media all and (max-width:1600px){
    header>nav #gnb ul.menuM>li {margin-right: 0;width:50%;padding-right:50px;}
}

@media all and (max-width:1560px){
    header .topSchZone input {width:400px;}
}


@media all and (max-width:1500px){
    header {display:flex;justify-content: space-between;}
    header .logo {position:relative;left:0;}
    header .topSchZone {padding-right: 0;justify-content: space-between;}
    header .topSchZone input {width:260px;}
    header>nav {position:initial;width: auto;right:0;margin:initial}

    header .topSchZone .btn_schData {bottom:auto;top:12px;}

    
    .typeSub #contents {overflow-x: hidden;}
}

@media all and (max-width:1350px){
    header nav {right:24px;}
    header .logo {top:30px;left:0;}
    header .logo>a img {height:50px;}

    header .topSchZone .btn_schData {top:10px;}
    header .topSchZone {padding-top: 30px;}
    header .topSchZone input {height:40px;font-size:15px;}

    footer .telArea {display:block;}
}

@media all and (max-width:1250px){
    .pc_gnd>li>a {padding:0 10px;}

    /* footer */
    footer {flex-direction: column;flex-wrap: wrap;padding-top:22px;padding-bottom: 27px;}
    footer  .f_info {margin-top:14px;padding-right: 80px;order:3;}
    footer address p>b {display:inline-block;}
    footer address em {margin-top:2px;}
    footer .f_logo {order:1;}
    footer .f_link {order:2;margin-top:15px;}
}

@media all and (max-width:1200px){
    header .top_util {padding-left: 10px;}
    header .top_util .btn_login,
    header .top_util .btn_logout {padding:0 11px;}
    header .top_util .btn_login>span,
    header .top_util .btn_logout>span {padding-left:0;background: none;}
    
    header .topSchZone {padding-left:10px;}
    header .topSchZone input {width:190px;padding-bottom: 0;font-size:14px;}



    .pc_gnd>li>a {padding:0 9px;}

    .typeSub #container {overflow: hidden;}
    header .top_util .btn_lang {margin-left:15px;}
    header .top_util .btn_my {margin-left:15px;}
}


@media all and (max-width:1040px){
    #header.gnbOn{overflow:visible;}
    /* #header.gnbOn:before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3);} */
    
    .gnbOn header .logo>a>span {display:none;}
    .gnbOn header .logo>a>img {display:block;}

    #header{position:absolute !important;left:0;top:0;height:56px;padding-top:0;z-index: auto;}

    header {height:100%;}
    header .logo {left:0;top:10px;}
    header .logo>a img{height:36px;}

    .gnbOn header .top_util{position:absolute;width:100%;left:0;top:20px;justify-content: flex-end;padding:0 20px;}
    .gnbOn header::before{display:none;}
    .gnbOn header .top_util .btn_closeMmap {display:block;} 
    
    header .top_util .btn_sitemap {display:none;} 
    header .top_util .m_logo {position:absolute;left:20px;top:3px;display:none;}
    header .top_util .m_logo a>span {display:none;}
    header .top_util .m_logo img {height:17px;}
    #header.gnbOn .top_util .m_logo {display:block;}

    header .topSchZone {display:none;}

    .pc_gnd {display:none;}

    header>nav .gnbWrap {position:relative;height:auto;display:block;overflow: inherit;}

    #contents.noNavi {padding-top:30px;} 
    

    header>nav #gnb {overflow-y: inherit;padding:0;margin-top:0;height: calc(100vh - 100px);}
    
    header>nav {position:fixed !important;display:block;right:-770px;;top:0;width:100%;max-width:760px;height:100%;margin:0;padding:0;background:var(--bgWhite);z-index:2000;transition:0.2s;}
    header>nav #gnb {overflow-x:hidden;overflow-y:auto;margin:0;padding:10px 24px 80px 24px;text-align:left;background-color:var(--bgWhite);;margin-top:60px;}
    header>nav #gnb>li{position:relative;display:block;width:100%;height:auto;padding:0;}
    header>nav #gnb>li+li {margin-top:0;}
    header>nav #gnb>li>a {display:block;width:100%;height:auto;padding:25px 45px 20px 0 !important;font-size:30px;font-weight:600;line-height:38px;text-align:left;z-index:0;}
    .gnbOn header>nav #gnb>li>a.on {color:var(--orange3) !important}
    header>nav #gnb>li.act>a:first-child:hover {color:var(--black)}
    header>nav #gnb>li.act>a:first-child::before {display:none !important;}
    header>nav #gnb>li.child::before{content:"";position:absolute;right:0px;top:35px;width:20px;height:15px;background-image:url(../img/layout/ico_gnb_dept1.svg);background-repeat:no-repeat;background-position:center center;background-size:20px auto;transition:all 0.2s;}
    header>nav #gnb>li.child.act::before{transform:rotate(0deg);background-image:url(../img/layout/ico_gnb_dept1_on.svg) !important;transform:rotate(180deg);}
    header>nav #gnb>li:last-child {border-bottom: 1px solid var(--gray2);}

    header>nav #gnb ul.menuM {display:none;position:relative;left:auto;right:auto;top:auto;width:100%;padding:0px 0 20px 20px;margin-top:0;margin-bottom:0;border:none;margin-left:0;transform:translate(0,0);max-height:none;overflow-y:visible;background-color:var(--bgWhite);margin-top:-5px;}
    header>nav #gnb ul.menuM>li {position:relative}
    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::before {content:"";position:absolute;right:0;top:15px;display:block;width:15px;height:15px;background-image:url(../img/layout/ico_gnb_dept2.svg);background-repeat: no-repeat;background-position: center;background-size: 15px auto;;}
    header>nav #gnb ul.menuM>li.child.act::before {background-image:url(../img/layout/ico_gnb_dept2_minus.svg)}
    
    header>nav #gnb ul.menuM>li>a:first-child {position:relative;display:block;float:none;width:100%;margin:0 0px 0 0;padding:18px 40px 10px 0;font-size:20px;font-weight:600;line-height:23px;border-bottom:none;background:none;}
    header>nav #gnb ul.menuM>li.on>a:first-child {padding-top:10px;}
    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 0;margin:0;}
    header>nav #gnb ul.menuS>li {position:relative;margin-top:0;padding:8px 0;width:100%;margin-bottom:0;padding-left:13px;}
    header>nav #gnb ul.menuS>li::before {width:3px;height:3px;}
    header>nav #gnb ul.menuS>li>a {color:var(--gray4) !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::before {top:17px;}
    header>nav #gnb>li li.child>ul {display:none;}

    header>nav #gnb ul.menuS>li.on>a {color:var(--orange3) !important}
    header>nav #gnb ul.menuM>li.on>a {color:var(--orange3) !important}

    header .mBtn_topMenu {display:block;position:absolute;right:24px;top:50%;width:auto;overflow:hidden;width:20px;height:16px;margin-top:-8px;background:url(../img/layout/m_ico_lineGrp_black.svg) no-repeat center;}
    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)}

    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.svg) no-repeat center;background-size:auto 25px;text-indent:-999px;margin-right:13px;}

    header .mBtn_search {display:block;position:absolute;right:56px;top:50%;width:auto;overflow:hidden;width:20px;height:20px;margin-top:-11px;background:url(../img/layout/m_ico_search_black.svg) no-repeat center;}

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

    #container {overflow:hidden;padding-top:56px;}
    .typeSub #contents {padding-bottom:50px;}

    .snbArea{top:0;margin-bottom:44px;padding-left:0;}
    
    #snb_nav{width:100%;z-index:901 !important;display:inline-block;}

    /* 0131 수정 */
    header .top_util>a:hover .bubble {display: none;}


    /* footer */
    footer .f_logo img  {height:35px;}
    
    .pageTitArea {margin-bottom: 42px;}

    .fixedUtill {margin-top:0;top:auto;bottom:30px;width:auto;right:24px;}
    .fixedUtill button {position:relative;width:50px;height:50px;left:auto;background-size: cover;}
    .fixedUtill .btn_openCateg {margin-bottom:1px;left:0;}
    .fixedUtill .btn_darkMode {right:auto;}


    /* Dark Mode */
    body[data-theme='dark-mode'] header .mBtn .mBtn_close {background-image:url(../img/layout/btn_closeX_white.svg);}
    body[data-theme='dark-mode'] header .mBtn_search {background-image:url(../img/layout/m_ico_search_white.svg);}
    body[data-theme='dark-mode'] header .mBtn_topMenu {background-image:url(../img/layout/m_ico_lineGrp_white.svg);}
    body[data-theme='dark-mode'] header>nav #gnb>li.child::before {background-image:url(../img/layout/ico_gnb_dept1_w.svg);}
    body[data-theme='dark-mode'] header>nav #gnb ul.menuM>li.child::before {background-image:url(../img/layout/ico_gnb_dept2_on_w.svg)}
    body[data-theme='dark-mode'] header>nav #gnb ul.menuM>li.child.act::before {background-image:url(../img/layout/ico_gnb_dept2_minus_w.svg)}
}

@media all and (max-width:768px){

    .typeSub #contents.type3>article {padding:var(--layoutCont);}
    
    .pageTitArea .pageTit {font-size:40px;line-height: 52px;}

    header>nav #gnb>li>a {padding-top:13px !important;padding-bottom:13px !important;font-size:20px;}
    header>nav #gnb>li.child::before {width:17px;height:10px;background-size:17px auto;top:26px;}
    header>nav #gnb ul.menuM {padding-left:10px;padding-bottom:10px;}
    header>nav #gnb ul.menuM>li>a:first-child {padding-top:6px;padding-bottom:6px;font-size:16px;}
    header>nav #gnb ul.menuM>li.child::before {width:12px;height:12px;background-size:12px auto;}
    header>nav #gnb ul.menuS>li {padding:3px 0 0 10px;}
    header>nav #gnb ul.menuS>li::before {top:13px;}
    header>nav #gnb ul.menuS>li>a {font-size: 14px;}
    

    .snbArea{margin-bottom:30px;padding:0;} 
    
    #snb_nav .snb_area {height:48px;padding-left:0;}
    .snbArea .snbInnerArea {padding:0;}
    #snb_nav #snb {top:48px;width:100% !important;left:0 !important}
    #snb_nav .snb_area .btn_home {display:none;}
    
    #snb_nav .snb_area>button {display:none;margin-left:auto;text-align:left;height:48px;padding:0 20px;}
    #snb_nav .snb_area>button.on {display:block;width:100%;}
    #snb_nav .snb_area>button::before {right:20px;}

    footer {padding-left:20px;padding-right: 20px;}
    footer .f_link {display:block;}
    footer .f_link a {display:block;font-size: 15px;font-weight: 600;}
    footer .f_link a+a {margin-top:5px;}
    footer address p {font-size:15px;}
    footer address p>b {font-size:15px;}
    footer address p>span {font-size:15px;}

    .pageTitArea {margin-bottom: 20px;}
    .pageTitArea .pageTit {font-size:40px;line-height: 52px;}
    footer address em {font-size: 15px;}

    header .top_util .btn_my {margin-left:12px;margin-top:-1px;}
    header .top_util .btn_lang {margin-left:12px}
    header .top_util .btn_lang {margin-left:12px}
    header .top_util .btn_closeMmap {margin-left:12px} 
    header .top_util .btn_lang {margin-left:12px}  

    
    /* Categ */
    .navCateg .navInner {padding:30px 20px}
    .navCateg .navInner>ul>li+li {margin-top:20px;}
    .navCateg .navInner>ul>li>a {width:100%;font-size:32px;}
    .navCateg .navInner:before {display:none;}
    .navCateg .navInner>ul>li .navM {position:relative;width:100%;left:auto;padding:0;padding-top:20px;}
    .navCateg .navInner>ul>li .navM>li>a {font-size:16px;}
    .navCateg .navInner>ul>li .navM>li+li {margin-top:15px;}
    .navCateg .navInner>ul>li .navS>li+li {margin-top:15px;}

    .navCateg .navInner>ul::-webkit-scrollbar {width: inherit}
    .navCateg .navInner>ul::-webkit-scrollbar-thumb {height: inherit;background:inherit; /* 스크롤바의 색상 */opacity:inherit;border-radius: inherit;padding:inherit;}
    .navCateg .navInner>ul::-webkit-scrollbar-track {background: inherit;  /*스크롤바 뒷 배경 색상*/}

    .navCateg .btnClose {right:20px;top:35px;width:30px;height:30px;background-size:30px auto;;}


}