@charset "UTF-8";

/* **************************************** *
 * 퍼블리싱 샘플 네비
 * **************************************** */
.sitemap-nav .nav-depth{display:flex; gap:100px}
.sitemap-nav .nav-depth .nav-l,
.sitemap-nav .nav-depth .nav-r{flex:1}
.sitemap-nav .nav-depth .depth-list{display:flex; flex-direction:column; margin-top:-40px}

.sitemap-nav .nav-depth .depth-box{margin-top:40px; box-sizing:border-box}

.sitemap-nav .nav-depth .depth-box .depth1-tit{margin-bottom:5px}
.sitemap-nav .nav-depth .depth-box .depth1-tit .tit{display:flex; align-items:center; position:relative; height:60px; padding:0 20px; background-color:#e2f3f7; border-radius:8px 8px 14px 8px; box-sizing:border-box}
.sitemap-nav .nav-depth .depth-box .depth1-tit .tit::-ms-ticks-before
{
    display:none;
    content:'\ea01';
    position:absolute;
    right:20px;
    top:50%;
    align-items:center;
    justify-content:center;
    width:26px;
    height:26px;
    margin-top:-13px;
    padding-left:2px;
    color:#119dc0;
    font-family:remixicon;
    font-size:24px;
    border:2px solid rgba(17,157,192,.4);
    border-radius:50%;
    box-sizing:border-box;
    text-align:center;
}
.sitemap-nav .nav-depth .depth-box .depth1-tit .tit:hover:after{border:2px solid rgba(17,157,192,.8)}
.sitemap-nav .nav-depth .depth-box .depth1-tit .tit span{padding-top:2px; line-height:1.4em; font-size:17px; font-weight:600; color:#119dc0; letter-spacing:-1.2px}

.sitemap-nav .depth2-list{padding:0}
.sitemap-nav .depth2-list > li{display:flex; flex-direction:column; margin-top:5px}
.sitemap-nav .depth2-list > li:first-child{margin-top:0}
.sitemap-nav .depth2-list > li > .depth2-tit{position:relative; width:100%; padding:12px 20px; padding-right:30px; background-color:#fff; border:1px solid #ebebeb; cursor:pointer; border-radius:6px; box-sizing:border-box}
.sitemap-nav .depth2-list > li > .depth2-tit:after{content:'\ea6e'; font-family: remixicon; position:absolute; top:11px; right:12px; font-size:22px; color:#808080}
.sitemap-nav .depth2-list > li > .depth2-tit:hover:after{color:#119cc4}
.sitemap-nav .depth2-list > li > .depth2-tit span{line-height:135%; color:#505050; font-size:15px; font-weight:normal; letter-spacing:-1.2px}
.sitemap-nav .depth2-list > li > .depth2-tit:hover span{color:#119cc4}

.sitemap-nav .depth3-list{position:relative; margin-top:5px; margin-bottom:15px; padding:15px 15px 15px; background-color:#f2f5f9; border:1px solid #d6e6fb; border-radius:6px}
.sitemap-nav .depth3-list > li > .depth3-tit{display:block; position:relative; padding:3px 0; padding-left:10px; cursor:pointer; box-sizing:border-box}
.sitemap-nav .depth3-list > li > .depth3-tit:before{content:''; position:absolute; left:0; top:11px; width:4px; height:4px; background:#b8c0c8; border-radius:50%}
.sitemap-nav .depth3-list > li > .depth3-tit span{line-height:135%; letter-spacing:-0.8px; font-size:14px; color:#505050; font-weight:normal}

.sitemap-nav .nav-depth .depth-box .depth1-tit .tit:after,
.sitemap-nav .depth2-list > li > .depth2-tit:after,
.sitemap-nav .depth2-list > li > .depth2-tit span,
.sitemap-nav .depth3-list > li > .depth3-tit:before,
.sitemap-nav .depth3-list > li > .depth3-tit span{transition:all .20s ease}