@charset "utf-8";

/* 스크롤시 상단고정 */
#sidebar.fixed{position:fixed;top:150px;width:100%;z-index:3;}
#sidebar.fixed::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#c2c2c2;}

/* 서브레이아웃공통 */
#sidebar{height:60px;background:#fff;}
#sidebar h2{display:none;}

#sidemenu{display:flex;width:1280px;align-items:center;margin:0 auto;text-align:left;}
#sidemenu .home a{display:block;width:16px;height:16px;padding:17px;background:url(/nanum/site/builder/skin/main/img/common/home_icon.png) no-repeat 50% 50% / 16px;text-indent:-9999px;}
#sidemenu .depth{position:relative;min-width:160px;min-height:60px;}
#sidemenu .depth::before{content:'';position:absolute;top:50%;left:0;width:1px;height:18px;background:#c2c2c2;transform:translate(0, -50%);}
#sidemenu .depth .tit > a{display:block;min-width:105px;padding:0 60px 0 20px;line-height:60px;font-weight:600;color:#000;}
#sidemenu .depth .tit > a::after{content:'';position:absolute;top:50%;right:15px;transform:translate(0, -50%);width:24px;height:24px;background:url(/nanum/site/builder/skin/main/img/common/left_blk.png) no-repeat center / 24px;}
#sidemenu .depth > ul{display:none;position:absolute;top:80%;left:0;width:100%;padding:20px 0;border:1px solid #1065d9;background:#fff;box-shadow:5px 5px 20px rgba(0,0,0,0.2);border-radius:10px;box-sizing:border-box;z-index:5;}
#sidemenu .depth > ul > li > a{display:block;padding:8px 20px;font-weight:700;font-size:1.6rem;color:#888;box-sizing:border-box;}
#sidemenu .depth > ul > li > a[target="_blank"] img{width:10px;height:10px;margin-left:8px;}
#sidemenu .depth > ul > li.on{background:#f4f8fd;}
#sidemenu .depth > ul > li.on > a{color:#000;}

#container.wide #location{display:none;}

#container.wide #cont_head{position:relative;display:block;}
#container.wide #cont_head h3{min-height:52px;margin-bottom:70px;font-weight:700;font-size:4rem;line-height:1.3;}
#container.wide .share{position:absolute;top:-105px;right:0;display:flex;}
#container.wide .share > a{display:block;margin-left:20px;width:40px;height:40px;background:#fff no-repeat center;border-radius:50%;border:1px solid #e5e5e5;box-sizing: border-box;text-indent:-9999px;z-index:6;}
#container.wide .share > a.btn_print{background-image:url(/nanum/site/builder/skin/main/img/common/btn_print.png);background-size:22px 20px;}
#container.wide .share > a.btn_share{background-image:url(/nanum/site/builder/skin/main/img/common/btn_share.png);background-size:18px 21px;}
#container.wide .share #share_cont{position:absolute;top:0;right:0;padding:50px 0 10px;width:40px;background:#fff;border:1px solid #e5e5e5;border-radius:40px;box-sizing:border-box;z-index:5;}
#container.wide .share #share_cont ul li{padding:10px 0;text-align:center;}
#container.wide .share #share_cont ul li a{display:block;}
#container.wide .share #share_cont ul li a img{width:auto;height:18px;}

#contents{padding-top:55px;}
#cont_wrap{min-height:800px;font-size:1.9rem;line-height:1.5;}

/********************태블릿********************/
@media all and (max-width:1024px){
	
/* 스크롤시 상단고정 */
#sidebar.fixed{top:80px;}

#container.wide{padding-bottom:5vh;}

#container.wide .share{display:none;}
#container.wide #cont_head h3{display:none;}

#sidebar{height:60px;}

#sidemenu{width:100%;}
#sidemenu .home{display:none;}
#sidemenu .home + .depth::before{display:none;}
#sidemenu .depth{flex:auto;;}
#sidemenu .depth .tit > a{font-size:1.6rem;line-height:60px;}
#sidemenu .depth:nth-child(5){display:none;}

#contents{padding-top:30px;}
#cont_wrap{min-height:100vh;box-sizing:border-box;}

}

/********************모바일********************/
@media all and (max-width:767px){

#sidebar{height:50px;}
#sidebar.fixed{top:50px;}
	
#sidemenu{width:100%;}
#sidemenu .depth{display:flex;flex:auto;min-width:max-content;min-height:50px;}
#sidemenu .depth .tit{display:flex;width:100%;}
#sidemenu .depth .tit > a{display:flex;align-items:center;min-width:100%;height:100%;padding-right:40px;line-height:normal;box-sizing:border-box;}
#sidemenu .depth > ul{left:1%;width:98%;padding:10px 0;}
#sidemenu .depth > ul > li > a{padding:8px 15px;}

}