@charset "utf-8";

#head::after{background:#c2c2c2;}

/* 서브레이아웃공통 */
#sidebar h2{display:none;}

#sidemenu{display:flex;}
#sidemenu .home a{display:block;width:55px;height:55px;background:url(/nanum/site/builder/skin/main/img/common/icon_home.png) no-repeat 50% 50% #008837;background-size:auto 20px;text-indent:-9999px;}
#sidemenu .depth{position:relative;min-width:130px;border-right:1px solid #c2c2c2;}
#sidemenu .depth .tit > a{position:relative;display:flex;align-items:center;min-width:105px;min-height:55px;padding:0 55px 0 20px;font-weight:500;font-size:1.6rem;}
#sidemenu .depth .tit > a::after{content:'';position:absolute;top:50%;right:20px;width:12px;height:12px;background:url(/nanum/site/builder/skin/main/img/common/left_blk.png) no-repeat;transform:translateY(-50%);transition:transform 0.3s ease;background-size:cover;}
#sidemenu .depth .tit > a.active{color:#008837;}
#sidemenu .depth .tit > a.active::after{transform:translate(0, -50%) rotate(180deg);}
#sidemenu .depth > ul{display:none;position:absolute;top:56px;left:-1px;width:100%;max-height:550px;border:1px solid #c2c2c2;border-top:0;background:#fff;z-index:5;overflow-y:auto;}
#sidemenu .depth > ul::-webkit-scrollbar{width:6px;height:285px;}
#sidemenu .depth > ul::-webkit-scrollbar-track-piece{background-color:rgba(232,232,233,0.4);border-radius:8px;}
#sidemenu .depth > ul::-webkit-scrollbar-thumb{border-radius: 8px;background-color:#949494;}
#sidemenu .depth > ul > li > a{display:block;padding:12px 20px;font-size:1.6rem;box-sizing:border-box;}
#sidemenu .depth > ul > li > a:hover{background:#f9f9f9;}
#sidemenu .depth > ul > li > a[target="_blank"] img{width:10px;height:10px;margin-left:8px;}
#sidemenu .depth > ul > li.on > a{background:#f9f9f9;font-weight:600;color:#008837;}

/* 중간영역 */
#container::after{content:'';position:absolute;top:55px;left:0;width:100%;height:1px;background:#c2c2c2;}

/* 컨텐츠상단영역 */
#container #location{display:none;}

#container #cont_head{position:relative;}
#container #cont_head h3{font-family:'Paperlogy',sans-serif;padding:50px 0 70px;font-size:4rem;font-weight:700;color:#000;}

#container .share{display:flex;position:absolute;top:-55px;right:0;}
#container .share > [class^="btn_"]{position:relative;display:block;width:55px;height:55px;box-sizing:border-box;text-indent:-9999px;cursor:pointer;}
#container .share > [class^="btn_"]::after{content:'';position:absolute;top:50%;left:50%;width:22px;height:22px;background-repeat:no-repeat;background-size:cover;transform:translate(-50%,-50%);}
#container .share > .btn_copy::after{background-image:url(/nanum/site/builder/skin/main/img/common/btn_copy.png);}
#container .share > .btn_print::after{background-image:url(/nanum/site/builder/skin/main/img/common/btn_print.png);}
#container .share > .btn_share::after{background-image:url(/nanum/site/builder/skin/main/img/common/btn_share.png);}

#container .share #share_cont{display:flex;flex-direction:column;align-items:center;position:absolute;top:65px;right:0;width:55px;padding:10px 0;background:#fff;border:1px solid #c2c2c2;border-radius:55px;box-shadow:10px 10px 10px rgba(0,0,0,0.1);box-sizing:border-box;text-indent:0;}
#container .share #share_cont a{position:relative;display:block;width:100%;height:45px;text-align:center;text-indent:-9999px;}
#container .share #share_cont a::after{content:'';position:absolute;top:50%;left:50%;width:16px;height:16px;background-repeat:no-repeat;background-size:cover;transform:translate(-50%,-50%);}
#container .share #share_cont a.facebook::after{background-image:url(/nanum/site/builder/skin/main/img/common/share_facebook.png);}
#container .share #share_cont a.twitter_x::after{background-image:url(/nanum/site/builder/skin/main/img/common/share_twitter_x.png);}

#cont_wrap{min-height:800px;}

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

/* 서브레이아웃공통 */
#sidemenu{width:100%;border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;box-sizing:border-box;}
#sidemenu .home{display:none;}
#sidemenu .depth{flex:1;min-width:auto;border-left:1px solid #c2c2c2;border-right:0;}
#sidemenu .home + .depth{border-left:0;}
#sidemenu .depth > ul{width:calc(100% + 1px);padding:0;}
#sidemenu .depth .tit > a{min-width:auto;min-height:50px;padding-right:50px;}
#sidemenu .depth .tit > a::after{right:20px;width:8px;height:8px;}
#sidemenu .depth > ul{top:51px;}
	
/* 중간영역 */
#container::after{display:none;}
#contents{min-height:100vh;padding:30px 20px;box-sizing:border-box;}

/* 컨텐츠상단영역 */
#container #cont_head h3,
#container #location,
#container .share{display:none;}

#cont_wrap{width:100%;}
	
}