@charset "utf-8"; 

/* sitemap + head :allmenu(popup)
 * @latest 2022.04.08 jra
 * @latest 2022.05.16 SSJ
 * @latest 2024.07.30 SSJ
 * @latest 2024.09.23 SSJ
 * @latest 2026.03.12 SSJ
*/



/* 전체메뉴 팝업 내 사이트맵 디자인 */
.footer ~ .wzpopup-wrap {}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) {width: 80%; max-width: 1300px; margin: 0 auto; border-radius: 0; border: none; box-shadow: none; background: transparent; padding: 0;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .pop-header {background: transparent; border-bottom: none; border-radius: 0; border-bottom: 2px solid rgba(255,255,255,0.7); padding-bottom: 20px; height: 90px;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .pop-header span {color: #fff; font-family: 'Noto Sans KR'; font-size: 35px;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .pop-body {border-radius: 0; padding-right: 2px; height: calc(100% - 80px);}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .pop-container {background: transparent; padding: 0 0 30px; margin-top: 10px;}
.footer ~ .wzpopup-wrap+#fade {opacity: 0.92; background: #11151f;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l ::-webkit-scrollbar {width: 5px;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l ::-webkit-scrollbar-track {background: transparent;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l ::-webkit-scrollbar-thumb {background: #999999E6; border-radius: 2px;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l ::-webkit-scrollbar-thumb:hover {background: white;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) button.close {margin-top: 15px;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) button.close:before, .footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) button.close:after {content: ""; width: 1px; height: 50px; display: inline-block; background: #fff; transition: transform 0.5s;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) button.close:before {transform: rotate(45deg);}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) button.close:after {transform: rotate(-45deg);}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) button.close img {display: none;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) button.close:hover:before {transform: rotate(-45deg);}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) button.close:hover:after {transform: rotate(45deg);}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents a {color: #fff; font-family: 'Noto Sans KR';}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem {width: 100% !important; display: flex; border-bottom: 1px solid rgba(255,255,255,0.1); padding: 30px 0;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem:last-child {border-bottom: none; padding-bottom: 0;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>a {font-size: 24px; font-weight: 600; width: 20%; flex-grow: 1; padding-right: 20px;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>.topMenuItemSub {width: 80% !important; display: flex; flex-wrap: wrap;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>.topMenuItemSub>li {padding: 7px 40px 10px 0; min-width: 25%; box-sizing: border-box;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>.topMenuItemSub>li>a {font-size: 17px; word-break: break-all; line-height: 130%; position: relative;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>.topMenuItemSub>li>a.outLink {padding-right: 20px;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>.topMenuItemSub>li>a.outLink:before, .footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>.topMenuItemSub>li>a.outLink:after {content: ""; width: 7px; height: 7px; display: inline-block; border-radius: 3px; border: 1px solid #fff; opacity: 0.8; position: absolute; right: 0;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>.topMenuItemSub>li>a.outLink:before {right: 4px; top: 6px;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>.topMenuItemSub>li>a.outLink:after {top: 10px; right: 0px;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>.topMenuItemSub>li>ul {margin-top: 10px; max-width: 210px; padding-left: 5px; box-sizing: border-box; padding-bottom: 10px;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>.topMenuItemSub>li>ul>li {opacity: 0.8; display: block; width: 100%;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>.topMenuItemSub>li>ul>li>a {font-size: 14.5px; padding: 3px 0; line-height: 130%; display: block; position: relative; padding-left: 8px;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>.topMenuItemSub>li>ul>li>a:hover {text-decoration: underline;}
.footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>.topMenuItemSub>li>ul>li>a:before {content: ""; width: 3px; height: 3px; display: inline-block; background: #fff; border-radius: 100%; position: absolute; left: 0; top: 11px;}

    @media (max-width: 1199px) {
        .footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>.topMenuItemSub>li {min-width:50%; }}

    @media (min-width: 800px) and (max-width:1199px) {
        .footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .pop-header span {font-size:28px;}
        .footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>a {font-size: 20px; width: 25%;}
        .footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>.topMenuItemSub {width: 85% !important; }
    }

    @media (max-width: 799px) {
        .footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .pop-header span {font-size:23px;}
        .footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>a {font-size: 18px;}
        .footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>.topMenuItemSub>li>ul {max-width: none;}
        .footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>.topMenuItemSub>li>a {font-size: 16px;}
        .footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) button.close {margin-top: 5px; width: 40px;}
        .footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) button.close:before, .footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) button.close:after {height: 30px; }
    }

    @media (max-width: 599px) {
        .footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>a {width:30%;}
        .footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>.topMenuItemSub {width: 70% !important;}
        .footer ~ .wzpopup-wrap>.wzpopup.popup_l:not(.popup_video) .allMenuContents>li.topMenuItem>.topMenuItemSub>li {width: 100%; padding-right: 20px; }
    }




/* 사이트맵 페이지 */
.sitemap001 {}
.sitemap001>h2 {padding-bottom: 20px;}
.sitemap001>p {font-family: 'Noto Sans KR'; margin-bottom: 10px; padding-bottom: 50px; border-bottom: 1px solid #333; color: #838383;}
.sitemap001 .sitemap_wrap .allMenuContents {margin-bottom: 130px; border-top: 1px solid rgba(0,0,0,0.1);}
.sitemap001 .sitemap_wrap .allMenuContents>li {width: 100%; border-bottom: 1px solid rgba(0,0,0,0.1); display: flex;}
.sitemap001 .sitemap_wrap .allMenuContents li a {font-family: 'Noto Sans KR';}
.sitemap001 .sitemap_wrap .allMenuContents>li>a {font-size: 18px; font-weight: 500; width: 25%; padding: 40px 10px; box-sizing: border-box; border-right: 1px solid rgba(0,0,0,0.1);}
.sitemap001 .sitemap_wrap .allMenuContents>li>ul {width: 75%; padding: 40px 10px 40px 35px; display: flex; flex-wrap: wrap;}
.sitemap001 .sitemap_wrap .allMenuContents>li>ul>li {min-width: 31%; margin-right: 2%; max-width: 64%;}
.sitemap001 .sitemap_wrap .allMenuContents>li>ul>li>a {padding: 3px 0 3px 7px; display: block; position: relative; word-break: break-all;}
.sitemap001 .sitemap_wrap .allMenuContents>li>ul>li>a:before {content: ""; width: 3px; height: 3px; display: inline-block; background: #333; border-radius: 100%; position: absolute; left: 0; top: 15px;}
.sitemap001 .sitemap_wrap .allMenuContents>li>ul>li>ul {padding: 0 5px 0 6px;}
.sitemap001 .sitemap_wrap .allMenuContents>li>ul>li>ul>li:first-child {margin-top: 5px;}
.sitemap001 .sitemap_wrap .allMenuContents>li>ul>li>ul>li:last-child {margin-bottom: 20px;}
.sitemap001 .sitemap_wrap .allMenuContents>li>ul>li>ul>li>a {font-size: 15px; color: #767575; position: relative; padding: 2px 0 2px 15px; padding-left: 15px; word-break: break-all; display: block; line-height: 130%;}
.sitemap001 .sitemap_wrap .allMenuContents>li>ul>li>ul>li>a:before {content: ""; width: 5px; height: 1px; display: inline-block; background: #333; position: absolute; left: 5px; top: 11px;}

    @media (max-width: 799px) {
        .sitemap001 .sitemap_wrap .allMenuContents>li>a {width:30%;}
        .sitemap001 .sitemap_wrap .allMenuContents>li>ul {width: 70%; padding-right: 0;}
        .sitemap001 .sitemap_wrap .allMenuContents>li>ul>li {width: 50%; margin-right: 0;}
        .sitemap001 .sitemap_wrap .allMenuContents>li>ul>li>ul {padding-right: 20px; }
    }

    @media (max-width: 599px) {
        .sitemap001 .sitemap_wrap .allMenuContents>li>ul>li {width:100%; max-width: 100%; }
    }




/*메인편집모드에서의 사이트맵 팝업*/
.ui-dialog.ui-widget.ui-widget-content ~ .wzpopup-wrap #sitemapAjax {margin-left: -20px;}
.ui-dialog.ui-widget.ui-widget-content ~ .wzpopup-wrap #sitemapAjax .allMenuContents {width: 100%; display: flex; flex-direction: column;}
.ui-dialog.ui-widget.ui-widget-content ~ .wzpopup-wrap #sitemapAjax .allMenuContents>li.topMenuItem:first-child {padding-top: 0;}
.ui-dialog.ui-widget.ui-widget-content ~ .wzpopup-wrap #sitemapAjax .allMenuContents>li.topMenuItem:last-child {border-bottom: none;}
.ui-dialog.ui-widget.ui-widget-content ~ .wzpopup-wrap #sitemapAjax .allMenuContents>li.topMenuItem {width: 100% !important; display: flex; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 25px 0;}
.ui-dialog.ui-widget.ui-widget-content ~ .wzpopup-wrap #sitemapAjax .allMenuContents>li.topMenuItem>a {width: 25%; flex-grow: 1; font-size: 18px; font-weight: 500; padding-right: 20px; box-sizing: border-box; word-break: break-all;}
.ui-dialog.ui-widget.ui-widget-content ~ .wzpopup-wrap #sitemapAjax .allMenuContents>li.topMenuItem .topMenuItemSub {display: flex; width: 75% !important; flex-wrap: wrap;}
.ui-dialog.ui-widget.ui-widget-content ~ .wzpopup-wrap #sitemapAjax .allMenuContents>li.topMenuItem .topMenuItemSub>li {width: 33%; padding-right: 20px; box-sizing: border-box;}
.ui-dialog.ui-widget.ui-widget-content ~ .wzpopup-wrap #sitemapAjax .allMenuContents>li.topMenuItem .topMenuItemSub>li>a {word-break: break-all; position: relative; padding: 3px 0 0px 7px; display: block;}
.ui-dialog.ui-widget.ui-widget-content ~ .wzpopup-wrap #sitemapAjax .allMenuContents>li.topMenuItem .topMenuItemSub>li>a:before {content: ""; width: 3px; height: 3px; display: inline-block; background: #333; border-radius: 100%; position: absolute; left: 0; top: 15px;}
.ui-dialog.ui-widget.ui-widget-content ~ .wzpopup-wrap #sitemapAjax .allMenuContents>li.topMenuItem .topMenuItemSub>li>ul {margin-top: 10px;}
.ui-dialog.ui-widget.ui-widget-content ~ .wzpopup-wrap #sitemapAjax .allMenuContents>li.topMenuItem .topMenuItemSub>li>ul>li:last-child {margin-bottom: 20px;}
.ui-dialog.ui-widget.ui-widget-content ~ .wzpopup-wrap #sitemapAjax .allMenuContents>li.topMenuItem .topMenuItemSub>li>ul>li>a {font-size: 15px; color: #767575; position: relative; padding: 2px 0 2px 20px; word-break: break-all; display: block; line-height: 130%;}
.ui-dialog.ui-widget.ui-widget-content ~ .wzpopup-wrap #sitemapAjax .allMenuContents>li.topMenuItem .topMenuItemSub>li>ul>li>a:before {content: ""; width: 5px; height: 1px; display: inline-block; background: #333; position: absolute; left: 10px; top: 11px;}

    @media (max-width: 799px) {
        .ui-dialog.ui-widget.ui-widget-content ~ .wzpopup-wrap #sitemapAjax .allMenuContents>li.topMenuItem>a {width:35%;}
        .ui-dialog.ui-widget.ui-widget-content ~ .wzpopup-wrap #sitemapAjax .allMenuContents>li.topMenuItem .topMenuItemSub {width: 65% !important;}
        .ui-dialog.ui-widget.ui-widget-content ~ .wzpopup-wrap #sitemapAjax .allMenuContents>li.topMenuItem .topMenuItemSub>li {width: 100%; padding-right: 0;}
        .ui-dialog.ui-widget.ui-widget-content ~ .wzpopup-wrap #sitemapAjax .allMenuContents>li.topMenuItem .topMenuItemSub>li>a {font-size: 15px;}
        .ui-dialog.ui-widget.ui-widget-content ~ .wzpopup-wrap #sitemapAjax .allMenuContents>li.topMenuItem .topMenuItemSub>li>ul>li>a {font-size: 14px; }
    }



.wzpopup .pop-body:has(.survey) {background: #fff;}