@charset "utf-8";

/***페이지준비중***/
#cont_wrap .wait{width:100%;padding-top:80px;text-align:center;}

/*사이드메뉴 - 제목*/
#sidebar{position: relative;float: left;width: 200px; z-index: 2;}
#sidebar .stit{margin-top:30px;height:120px;line-height:120px;background: #1fa585;border-radius:45px 0;}
#sidebar .stit h2{font-size: 24px;font-family:'NotoKrB',sans-serif;color: #fff;letter-spacing:-2px;text-align: center;}
#sidebar .tit{display:none;}
#sidemenu ul{border-bottom:1px solid #ccc;}
#sidemenu ul li{position:relative;border-top:1px solid #dfdfdf;}
#sidemenu ul li a{display:inline-block; width:100%; box-sizing:border-box; padding:15px;font-size:15px;color:#555; font-family:'NotoKrM',sans-serif;letter-spacing:-1px;word-break:keep-all;  background:url(/nanum/site/builder/skin/skin02_02/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:#35b699; transition: .3s;}
#sidemenu ul li a:hover::after {width:100%;}
#sidemenu ul li a:hover{color:#099273; font-family:'NotoKrM',sans-serif; background:url(/nanum/site/builder/skin/skin02_02/img/common/smenu_bg2_ov.gif)no-repeat 94% 50%; }
#sidemenu ul li.on a{color: #099273;font-family:'NotoKrM',sans-serif;background: #fff;background:#f5f5f5 url(/nanum/site/builder/skin/skin02_02/img/common/smenu_bg2_ov.gif)no-repeat 94% 50%;border-bottom: 2px solid #1fa585;}
#sidemenu ul li:first-child{border-top:0 none;}

/*컨텐츠영역 */
#contents{float:right;width:850px;min-height:600px;}

/*컨텐츠상단영역 */
#cont_head{overflow:hidden;clear:both;width:100%;height:150px;border-bottom:1px solid #e5e5e5;}
#cont_head #h2_title{float:left;padding-top:67px;font-size:30px;font-family:'NotoKrM',sans-serif;color:#222;font-weight:normal;letter-spacing:-2px;}

/*내용영역 */
#cont_wrap{padding:40px 0 100px 0;font-size:15px;letter-spacing:-1px;font-weight:normal;  font-family:'NotoKrR', sans-serif; line-height:160%;color:#444;}
#cont_wrap .wait{width:100%;text-ailgn:center;}

/*현재위치 */
#location{float:right;margin-right:3px;padding: 73px 105px 0 0;}
#location ul{overflow:hidden;clear:both;}
#location ul li{float:left;padding-left:20px;margin-left:15px;height: 40px;line-height: 40px;font-size:14px;font-family:'NotoKrM', sans-serif;color:#a0a0a0;letter-spacing:-1px;vertical-align:middle;background:url(/nanum/site/builder/skin/skin02_02/img/common/location_arrow.gif) no-repeat 0 50%;}
#location ul li:first-child{width:40px;height:40px;padding-left:0px;text-indent:-9999px;font-size:0;background:url(/nanum/site/builder/skin/skin02_02/img/common/home.gif) no-repeat 0 0;}
#location ul li a{display:block;line-height: 0;width: 40px;height: 40px;}
#location ul li.now{color: #000;}


/*sns 공유*/
#sub_util{position:absolute;top: 72px;right:0;}
#sub_util .btn{display:block;position:relative;width:38px;height:38px;border-radius:40px;border:1px solid #e5e5e5;background-color:#fff;background-repeat:no-repeat;background-position:50% 50%;text-indent:-9999px;z-index:2;}
#sub_util .btn.active,
#sub_util .btn:hover{background-color:#000;border:1px solid #000;}

#sub_util .share{position:relative;float:left;vertical-align:middle;}
#sub_util .share .btn{background-image:url(/nanum/site/builder/skin/skin03_01/img/common/btn_share.png);}
#sub_util .share .btn.active,
#sub_util .share .btn:hover{background-image:url(/nanum/site/builder/skin/skin03_01/img/common/btn_share_ov.png);}
#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;}

#sub_util .print{float:left;margin-left:5px;}
#sub_util .print .btn{background-image:url(/nanum/site/builder/skin/skin03_01/img/common/btn_print.png);}
#sub_util .print .btn:hover{background-image:url(/nanum/site/builder/skin/skin03_01/img/common/btn_print_ov.png);}



/******************************1024******************************/
@media all and (max-width:1024px){

/*중간영역*/
#container .wsize{width:100%;margin-bottom:50px;}

/*사이드메뉴 - 제목*/
#sidebar{display:block;position:relative;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;}
#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;}

/*컨텐츠영역*/
#contents{float:none;width:100%;min-height:auto;}

/*컨텐츠상단영역*/
#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;}


}



/********************웹********************/
@media(min-width:1025px){

/*사이드메뉴 - 제목*/
#sidemenu ul{display:block !important;}

}








