@charset "utf-8";

/* 서브레이아웃공통 */
#contents{width:100%; min-height:800px;padding-bottom:80px; box-sizing:border-box;}

/* 서브 네비게이션 */
#sidebar{position:relative; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; width:100%; height:360px; background-image:url(/nanum/site/builder/skin/main/img/common/lnb_bg01.jpg); background-size:cover; background-position: center; z-index:5;}
#sidebar .stit{position:absolute; top:50%; left:50%; font-size:4.5rem; color:#fff; font-weight:700; transform:translate(-50%,-50%);}

#sidebar #location{align-self:end; width:100%; border-top:1px solid rgba(255,255,255,0.3);}
#sidebar #location .location_box{display:flex; align-items:center; width:100%; max-width:1280px; margin:0 auto; border-left:1px solid rgba(255,255,255,0.3); border-right:1px solid rgba(255,255,255,0.3);}
#sidebar #location .location_box .home{border-right:1px solid rgba(255,255,255,0.3);}
#sidebar #location .location_box .home a{display:flex; align-items:center; justify-content:center; width:70px; height:70px; font-size:0; text-indent:-99999px; background:url(/nanum/site/builder/skin/main/img/common/home.png) center no-repeat; background-size:17px;}
#sidebar #location .location_box > ul{display:flex;}
#sidebar #location .location_box > ul > li{position:relative; color:#fff; border-right:1px solid rgba(255,255,255,0.3);}
#sidebar #location .location_box > ul > li p{display:flex; align-items:center; justify-content:space-between; gap:0 30px; min-width:230px; height:70px; padding:0 30px; box-sizing:border-box; cursor:pointer;}
#sidebar #location .location_box > ul > li p::after{content:""; display:block; width:9px; height:16px; background-image:url(/nanum/site/builder/skin/main/img/common/gnb_arrow.png); background-size:100% auto; background-repeat:no-repeat;}

#sidebar #location .location_box > ul > li .jsMMenu{display:none; position:absolute; top:70px; width:100%; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.3); z-index:10;}
#sidebar #location .location_box > ul > li .jsMMenu > li:nth-child(n+2){border-top:1px solid #ddd;}
#sidebar #location .location_box > ul > li .jsMMenu > li a{position:relative; display:block; padding:13px 10px 13px 20px; font-size:1.6rem; box-sizing:border-box;}
#sidebar #location .location_box > ul > li .jsMMenu > li a::before{content:""; position: absolute; left:10px; top:23px; width:4px; height:4px; border-radius:50%; background:#000;}

#sidebar #location .location_box > ul > li .jsMMenu > li a:hover{background:#f5f5f5;}

#sidebar #location .location_box > ul > li.on .jsMMenu{display:block;}

#sidebar #location .location_box > ul > li p.pc_none{display:none;}


/* 서브 타이틀 */
#contents #print_wrap #cont_head{margin:80px 0 65px 0;}
#contents #print_wrap #cont_head h3{font-size:5rem; font-weight:700; color:#000;}




/********************태블릿********************/
@media all and (max-width:1024px){


#sidebar{height:300px;}
#sidebar #location .location_box{border:none;}
#sidebar #location .location_box .home{display:none;}
#sidebar #location .location_box > ul{width:100%;}
#sidebar #location .location_box > ul > li{display:none; border:none;}
#sidebar #location .location_box > ul > li.now{display:block; width:100%;}

#sidebar #location .location_box > ul > li p::after{transform:rotate(90deg);}

#sidebar #location .location_box > ul > li p.pc_none{display:flex;}
#sidebar #location .location_box > ul > li p.mo_none{display:none;}


/* 컨텐츠상단영역 */
#contents{padding:50px 2vw 80px 2vw;}
#contents #print_wrap #cont_head{margin:0 0 30px 0;}
#contents #print_wrap #cont_head h3{font-size:3.5rem;}

#contents #print_wrap #cont_wrap{width:100% !important;}
	
}

/********************모바일********************/
@media all and (max-width:767px){
	
	#contents{min-height:auto; padding:3vh 2vw;}
	#contents #print_wrap #cont_head{margin-bottom:3vh;}
	
	#sidebar{height:230px;}
	#sidebar .stit{font-size:3.5rem;}	
	#sidebar #location .location_box > ul > li p{height:50px;}
	#sidebar #location .location_box > ul > li .jsMMenu{top:50px;}
	
}

/********************웹********************/
@media all and (min-width:1025px) {
	

}