@charset "utf-8";

#head {border-bottom:1px solid #d6d6d4;}

/***페이지준비중***/
#cont_wrap .wait{width:100%;text-align:center;}
#container .wsize {margin-top:30px; margin-bottom:100px;}

/*사이드메뉴 - 제목*/
#sidebar{position: relative;float: left;width: 200px; z-index: 2;}
#sidebar .stit {width:100%; height:130px; display:table; font-size:0; line-height:0; background:url(/nanum/site/builder/skin/skin04_07/img/common/stit_bg.gif)no-repeat; border-radius:20px; overflow:hidden; }
#sidebar .stit h2{color:#fff;letter-spacing:-2px;font-size:21px;font-family:'NotoKrM',sans-serif;font-weight:normal;
 text-align:center; padding:0 23px;  line-height:1.3; display:table-cell; vertical-align:middle;}
#sidebar .tit{display:none;}
#sidemenu ul{border-bottom:1px solid #ccc;margin-top: 30px;}
#sidemenu ul li{position:relative;border-top:1px dashed #dfdfdf; }
#sidemenu ul li a{display:inline-block; width:100%; box-sizing:border-box; padding:15px;font-size:15px;color:#333; font-family:'NotoKrM',sans-serif;letter-spacing:-1px;word-break:keep-all;  background:url(/nanum/site/builder/skin/skin04_07/img/common/smenu_bg2.gif)no-repeat 94% 50%;  }
#sidemenu ul li a::after { position: absolute; bottom: 0; left: 0; content: ''; width: 0; height: 2px; background-color: #43ccbf; transition: .3s;}
#sidemenu ul li a:hover::after {width:100%;}
#sidemenu ul li a:hover{color:#43ccbf; font-family:'NotoKrM',sans-serif; background:url(/nanum/site/builder/skin/skin04_07/img/common/smenu_bg2_ov.gif)no-repeat 94% 50%; }
/*#sidemenu ul li.on{border-top:1px solid #ffd200;margin-bottom:-1px;z-index:1; }*/
#sidemenu ul li.on a{color: #43ccbf;font-family:'NotoKrM',sans-serif;background: #fff; background:url(/nanum/site/builder/skin/skin04_07/img/common/smenu_bg2_ov.gif)no-repeat 94% 50%;border-bottom: 2px solid #43ccbf;}
#sidemenu ul li:first-child{border-top:0 none;}

#contents{float:right;width:850px;min-height:600px; margin-top:58px; margin-bottom:100px;}
#cont_head{overflow:hidden;clear:both;width:100%;height:70px;border-bottom:1px solid #dfdfdf;}
#cont_head #h2_title{float:left;font-size:32px;font-family:'NotoKrM',sans-serif;font-weight:normal;letter-spacing:-2px; color:#000;}
#cont_wrap{font-size:15px;letter-spacing:-1px;font-weight:normal;font-family:'NotoKrR';line-height:160%;padding-top:50px;color:#444;min-height: 600px;}
#location{float:right;padding:10px 105px 0 0;}
#location ul li{float:left;height:16px;margin-left:20px;padding-left:22px;background:url(/nanum/site/builder/skin/skin04_07/img/common/location_arrow.gif) no-repeat 0 50%;font-size:14px;line-height:1;color:#888;letter-spacing:-0.05em;}
#location ul li:first-child{margin-left:0;padding-left:0;width:16px;font-size:0;background:url(/nanum/site/builder/skin/skin04_07/img/common/home.png) no-repeat 0 50%; vertical-align:middle;}
#location ul li.now{color:#222;font-weight:normal;font-family:'NotoKrM';color:#000;}

#sub_util .share #share_cont{position:absolute;top:19px;left:0;width:38px;padding-top:20px;border:1px solid #dfdfdf;background:#fff;border-radius:0 0 40px 40px;z-index:1;}
#sub_util .share #share_cont ul li{text-align:center;}
#sub_util .share #share_cont ul li a{display:block;padding:12px 0;font-size:0;line-height:0;}



/******************************1024******************************/
@media all and (max-width:1024px){	
#container .wsize {margin-top:0;}

#sidebar{float:none;width:100%;z-index:30;}
#sidebar .stit{display:none;}
#sidebar .tit{display:block;width:100%;text-align:left;}
#sidebar .tit a{display:block;padding:0 15px;height:52px;line-height:52px;color:#fff;font-size:18px;font-family:'NotoKrB',sans-serif;background:#2275db url(/nanum/site/builder/skin/common/img/sidebar_bu2.png) no-repeat 98% 50%;background-size:26px 26px;}
#sidemenu ul{position:absolute;top:52px;left:0;display:none;width:100%;border-bottom:1px solid #576071; margin-top:0;}
#sidemenu ul li {margin-bottom:0; border:0; border-radius:0; border-bottom: 1px solid #dfdfdf;background:#fff;}
#sidemenu ul li a{background:#fff;}
#sidemenu ul li.on{border-top:1px solid #576071;border-bottom:1px solid #576071;}
#sidemenu ul li.on a,
#sidemenu ul li.on a:hover{color:#fff;background:#576071;}
#sidemenu ul li.on div{background:#f8f8f8;}
#sidemenu ul li.on div ul{position:relative;top:auto;display:block;overflow:hidden;clear:both;}
#sidemenu ul li.on div ul li{float:left;width:50%;background:none;}
#sidemenu ul li.on div ul li a:hover{color:#000;}
#sidemenu .ban_guide {display:none;}
#sidemenu ul > li.on > a,
#sidemenu ul > li.on > a:hover{border-bottom:0;}

#sidemenu ul > li.on > div > ul >li > a{color:#666877 !important;background:0 !important;}
#sidemenu ul > li.on > div > ul >li > a:hover{color:#666877 !important;background:0 !important;text-decoration:underline;}

/*컨텐츠영역*/
#contents{float:none;width:100%;min-height:auto; margin-top:20px;}

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

/*현재위치*/
#location{float:none;padding:20px 0 0 0;display:inline-block;}
#location ul li{float:none;display:inline-block;padding-left:18px;margin-left:12px;font-size:13px;}
	
/*내용영역*/
#cont_wrap{min-height:auto;margin:0 auto;font-size:14px;padding:25px 15px;}
#cont_wrap .wait img{width:80%;max-width:334px;}


}

/******************************767******************************/
@media all and (max-width:767px){
/*사이드메뉴 - 제목*/
#sidebar .tit a{font-size:16px;letter-spacing:-1px;}


}

/********************웹********************/
@media(min-width:1025px){
/*사이드메뉴 - 제목*/
#sidemenu ul{display:block !important;}

}