@charset "utf-8";
/*사이드메뉴 - 제목*/
#sidebar{position:relative;float:left;width:200px;z-index:1;}
#sidebar .stit{margin: 30px 0 5px 0;height:120px;line-height:120px;background: #2275db;border-radius: 10px;}
#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 li{position:relative;border-bottom: 1px solid #dfdfdf;}
#sidemenu ul li a{display:block;padding: 15px 35px 15px 16px;font-size:15px;font-family:'NotoKrM', sans-serif;color:#555;letter-spacing:-1px;word-break:keep-all;box-sizing:border-box;background: #fbfbfc url(/nanum/site/builder/skin/skin04_04/img/common/smenu_bg.png)no-repeat right 15px center;}
#sidemenu ul > li.on > a,
#sidemenu ul > li.on > a:hover{color:#2175db;border-bottom:2px solid #2175db;background: #fff url(/nanum/site/builder/skin/skin04_04/img/common/smenu_bg2.png)no-repeat right 15px center;font-family: 'NotoKrM', sans-serif;}
#sidemenu ul > li > div{display:none;}
#sidemenu ul > li.on > div{display:block;padding:15px 20px;background: #ffffff;border-top: 1px solid #dfdfdf;}
#sidemenu ul > li.on > div > ul{border-bottom:0 none;}
#sidemenu ul > li.on > div > ul > li{border:0 none;}
#sidemenu ul > li.on > div > ul >li > a{padding:2px 0 2px 12px;font-size:14px;font-family:'NotoKrM', sans-serif;color: #666877;background:url(/nanum/site/builder/skin/skin04_04/img/common/sub_dot.gif) no-repeat 0 10px;}
#sidemenu ul > li.on > div > ul > li.on > a{border-bottom:0;text-decoration:underline;}
#sidemenu ul > li > img{vertical-align:middle;margin:-3px 0 0 10px;}
#sidemenu ul > li.on > div > ul > li > a:hover{color:#404893;background:url(/nanum/site/builder/skin/skin04_04/img/common/sub_dot.gif) no-repeat 0 10px;}

/*컨텐츠영역 */
#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:'Prompt', 'NotoKrM',sans-serif;color:#222;font-weight:normal;letter-spacing:-2px;}

/*현재위치 */
#location{float:right;margin-right:3px;padding:85px 105px 0 0;}
#location ul{overflow:hidden;clear:both;}
#location ul li{float:left;padding-left:20px;margin-left:15px;height: 16px;line-height: 16px;font-size:14px;font-family:'Prompt', 'NotoKrM', sans-serif;color:#333;letter-spacing:-1px;vertical-align:middle;background:url(/nanum/site/builder/skin/skin04_04/img/common/locatin_line.gif) no-repeat 0 50%;}
#location ul li:first-child{width: 16px;height: 14px;padding-left:0px;text-indent:-9999px;font-size:0;background:url(/nanum/site/builder/skin/skin04_04/img/common/icon_home.gif) no-repeat 0 0;}
#location ul li a{display:block;line-height:0;width: 16px;height: 14px;}
#location ul li.now{color: #2175db;}

/*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:3;}
#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/skin04_04/img/common/btn_share.png);}
#sub_util .share .btn.active,
#sub_util .share .btn:hover{background-image:url(/nanum/site/builder/skin/skin04_04/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:2;}
#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/skin04_04/img/common/btn_print.png);}
#sub_util .print .btn:hover{background-image:url(/nanum/site/builder/skin/skin04_04/img/common/btn_print_ov.png);}

/*내용영역 */
#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-align:center;}

.center_img{display:block;margin:0 auto;}


/******************************1024******************************/
@media all and (max-width:1024px){	
/*사이드메뉴 - 제목*/
#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;}
#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;}

/*컨텐츠상단영역*/
#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:1024px){
/*사이드메뉴 - 제목*/
#sidemenu ul{display:block !important;}

}



