@charset "utf-8";

/* sitemap + head : allmenu(popup)
 * @latest 2021.12.15 ssj
 * @latest 2021.12.22 ssj
 * @latest 2021.12.23 ssj
*/

.sitemap001 {box-sizing:border-box; width:100%;}
.sitemap001 h2 {font-size:18px; color:#333; font-weight:600; letter-spacing:-2px;}
.sitemap001 h2 + p {padding-bottom:50px;font-size: 17px;}
.sitemap001 p {font-size:12px; padding:16px 0 30px 0; letter-spacing:0px; color:#333;}
.sitemap001 h3 {font-size:14px; font-weight:700; padding:10px 0;}
.sitemap001 .sitemap_wrap {box-sizing:border-box;width: 100%;float: left;border-top: 2px solid #004a98;}

.sitemap001 .sitemap_ul,
ul.allMenuContents {/* display:table; */width: 100% !important;float:left;margin-left:auto;margin-right:auto;list-style:none;width:100%;text-align:left;margin-bottom: 50px;padding-top: 40px;}
.sitemap001 .sitemap_ul>li, ul.allMenuContents>li {float:left;/* width:25% !important; *//* padding: 0 30px 10px 0; */box-sizing:border-box;width: 18.4% !important;margin-right: 2%;}
.sitemap001 .sitemap_ul>li:nth-child(5n), ul.allMenuContents>li:nth-child(5n) {margin-right:0;}
.sitemap001 .sitemap_ul>li:nth-child(6n), ul.allMenuContents>li:nth-child(6n) {clear:left;}
.sitemap001 .sitemap_ul li > p,
ul.allMenuContents>li>a,
ul.allMenuContents>li>strong {font-weight:600;display:block;font-size: 18px;padding: 11px 20px;border-bottom: 2px solid #333;position:relative;/* margin-bottom: 15px; */color: #fff;background: #004a98;border-radius: 10px;}
.sitemap001 .sitemap_ul li > p:hover, ul.allMenuContents>li>a:hover {cursor:default;}
.sitemap001 .sitemap_ul li > p:before,
ul.allMenuContents>li>a:before {position:absolute;/* content:""; *//* top:-2px; *//* left:0; *//* height:2px; *//* border-left:100px solid #213152; */}
.sitemap001 .sitemap_ul li > p.bgnone {background:none;}

.sitemap001 .sitemap_ul li>ul, ul.allMenuContents>li>ul {width:100% !important;list-style:none;padding: 0 20px;box-sizing: border-box;}
.sitemap001 .sitemap_ul li ul li ul {border-top:none;}
.sitemap001 .sitemap_ul li ul > li,
ul.allMenuContents>li ul>li {width:100%;/* padding: 12px 0px; */box-sizing: border-box;float:left;position: relative;/* margin-bottom: 0; */border-bottom: 1px solid #ccc;}
.sitemap001 .sitemap_ul>li>ul>li>a, 
ul.allMenuContents>li>ul>li>a {width:100%; padding: 12px 0; display:inline-block; box-sizing:border-box; letter-spacing: -0.5px;
              				   color:#333; font-size: 16px; line-height:160%; font-weight:600; text-decoration:none; -webkit-transition:background 0.5s; transition:background 0.5s;}
ul.allMenuContents>li>ul>li>a:hover[href*="void(0)"] {cursor:default;}
.sitemap001 .sitemap_ul>li>ul>li:hover>a {color:white; background:#213152;}
ul.allMenuContents>li>ul>li:hover>a {font-weight:600;}

.sitemap001 .sitemap_ul li>ul li>ul, ul.allMenuContents>li>ul>li>ul {width:100%;float:left;/* background: #f6f6f6; *//* padding: 15px 0; *//* border-top: 1px solid #ccc; */}
.sitemap001 .sitemap_ul li ul li ul li.bgNone,
ul.allMenuContents>li ul>li ul li {border-bottom:none;/* font-size:12px; */padding: 3px 5px 3px 8px;box-sizing:border-box;background: #f6f6f6;}
.sitemap001 .sitemap_ul li ul li ul li a,
ul.allMenuContents>li ul>li ul li a {overflow:hidden;width:92%;color:#333;font-size: 14px;display:inline-block;line-height: 130%;padding-left: 10px;text-indent: -8px;word-break: keep-all;box-sizing:border-box;}
.sitemap001 .sitemap_ul li ul li ul li a:before, 
ul.allMenuContents>li ul>li ul li a:before {content:"\b7";}
.sitemap001 .sitemap_ul li ul li ul li:hover a,
ul.allMenuContents>li ul>li ul li:hover a {font-weight:600; text-decoration:underline;}
.sitemap001 .sitemap_ul li ul > li.bdNone {border-bottom:none;}

.sitemap001 .sitemap_ul li ul li ul li:first-child,
ul.allMenuContents>li ul>li ul li:first-child {padding-top: 18px;/* margin-top: 10px; */border-top: 1px solid #ccc;}
.sitemap001 .sitemap_ul li ul li ul li:last-child,
ul.allMenuContents>li ul>li ul li:last-child {padding-bottom: 18px;/* margin-bottom: 10px; */}

.smLink:after{content:"";width:15px;height:15px;display:inline-block;float: right;margin-top:5px;margin-left: 8px;background: url(/images/wzwg/site/kotra/linkBtn.png)no-repeat right;}
ul.allMenuContents>li ul>li ul li a.smLink:after{margin-top:2px;}

.sitemap001 .sitemap_ul>li>ul>li>a, ul.allMenuContents>li ul>li ul li a{ padding-left:10px; display: inline-block; position: relative;overflow:visible;}
.sitemap001 .sitemap_ul>li>ul>li>a, ul.allMenuContents>li ul>li ul li a:after{position: absolute; top:1px; right:-11px;}

/* in popup */
.wzpopup .sitemap001 .sitemap_ul li > p, .wzpopup ul.allMenuContents>li>a {/* padding-top: 0; */font-size: 18px;}
    @media (min-width:1400px) {
        .wzpopup ul.allMenuContents {/* width: calc(100% + 40px); *//* margin-left:-20px; */padding-top: 0;}
    }

    @media (min-width:800px){
        .sitemap001 .sitemap_ul>li {width:25% !important; margin-bottom:50px;}
        .sitemap001 .sitemap_ul>li:nth-child(4n+1),
        ul.allMenuContents>li:nth-child(4n+1) {/* clear:both; */}
    }
    @media (min-width:991px){  
        .subCon > div {position:unset;}
    }

	@media (max-width:990px){
		.sitemap001 .sitemap_ul li > p, ul.allMenuContents>li>a {font-size: 17px;padding: 10px 15px;} 
		.sitemap001 .sitemap_ul li>ul, ul.allMenuContents>li>ul {margin-bottom: 50px;float: left;padding: 0 15px;}
		.sitemap001 .sitemap_ul>li>ul>li>a, ul.allMenuContents>li>ul>li>a {padding:10px 0;font-weight: 500;}
	}
    @media (min-width:600px) and (max-width:1024px){
        .sitemap001 .sitemap_ul>li, ul.allMenuContents>li {width: 49% !important;padding-right: 0 !important;margin-right: 2%;}
        .sitemap001 .sitemap_ul>li:nth-child(2n+1), ul.allMenuContents>li:nth-child(2n+1) {clear:both;}
        .sitemap001 .sitemap_ul>li:nth-child(2n), ul.allMenuContents>li:nth-child(2n) {margin-right:0 !important;}
        ul.allMenuContents>li ul>li ul li a {width:auto;}
        ul.allMenuContents>li ul>li ul li a:after{right:-20px;}
    }
    @media (max-width:799px){
    	.sitemap001 .sitemap_ul, ul.allMenuContents {padding: 30px 0px 0;box-sizing:border-box;}
    	
    }
    @media (max-width:599px){
        .sitemap001 .sitemap_ul li, ul.allMenuContents>li {width:100% !important; padding-right: 0;}
        .sitemap001 .sitemap_ul li > p {font-size:15px;}
        .sitemap001 .sitemap_ul li ul li a {padding:5px 5px 5px 15px;}
        .sitemap001 .sitemap_ul li > p:only-child, 
        ul.allMenuContents>li>a:only-child {margin-bottom:0;}
        .sitemap001 .sitemap_ul li ul li ul li.bgNone {padding:5px 5px 0 15px;}
        .sitemap001 .sitemap_ul li ul, 
        ul.allMenuContents>li ul {box-sizing:border-box;}
        .sitemap001 .sitemap_ul li ul li ul, ul.allMenuContents>li ul>li ul {/* padding: 0px 5px 0 15px; */box-sizing:border-box;/* background: #efefef; */}
        .sitemap001 .sitemap_ul li ul li ul li.bgNone, ul.allMenuContents>li ul>li ul li {padding-left: 15px;/* margin: 0 !important; */}
        .sitemap001 .sitemap_ul li ul li ul li:last-child:after, ul.allMenuContents>li ul>li ul li:last-child:after {display:none;}
        .sitemap001 .sitemap_ul li ul li ul li a, ul.allMenuContents>li ul>li ul li a {width:100%;font-size: 15px;}
		ul.allMenuContents>li ul>li ul li a {width:auto;}
		ul.allMenuContents>li ul>li ul li a:after{right:-20px;}
    }
    
/* popup sitemap */
.popup-sitemap {width:1350px;height:80%;max-height:800px !important;}
@media (max-width:1400px){
	.wzpopup.popup-sitemap {width:94%;}
	.wzpopup.popup-sitemap .pop-container {padding:0 5px 5px !important;}
	.wzpopup.popup-sitemap ul.allMenuContents>li>ul {padding:0 10px;}
}


