@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
*/


/* 전체메뉴 팝업 내 사이트맵 디자인 */
.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;}

    }