@charset "utf-8";


#floating .quick {display:none;}
#container.sub{min-width:1100px;width:1100px;margin:0 auto;text-align:left;margin-top: 70px;/* background:url(/img/common/cont_bg.png) repeat-y left top; */padding-bottom:100px;}

/*서브메뉴*/
#sidebar{position:relative;float:left;width:200px;z-index:2;}
#sidebar .stit{width: 200px;height: 95px;font-size:0;line-height: 1;background: #19487b;text-align:center;}
#sidebar .stit h2{font-family: 'NotoKrM',sans-serif;font-weight: normal;color: #fff;font-size: 22px;line-height: 95px;}
#sidebar p.tit{display:none;}

#sidemenu ul li{position:relative;border-top:1px solid #e5e5e5; margin-top:-1px;}
#sidemenu ul > li:first-child{border-top:0;}
#sidemenu ul li a{display:block;padding: 13px 20px;box-sizing: border-box;font-family:'NotoKrM';font-size:15px;color:#555;letter-spacing:-0.05em;word-break:keep-all;border-bottom: 1px solid #ddd;background: url(/img/common/sidemenu_off.gif) no-repeat 90% 50%;}
#sidemenu ul li.on{z-index:1;}
#sidemenu ul > li.on > a{width: 206px;color: #fff;font-family: 'NotoKrM',sans-serif; position:relative; z-index:2; background: url(/img/common/sidemenu_on.gif) no-repeat 166px 50% #1dabed;box-shadow: 4px 4px 10px rgba(0,102,177,0.3);z-index: 1;}
#sidemenu ul > li.on > ul{display:block;margin-top:0;border-bottom: 1px solid #ddd;background: #f8f8f8;padding: 18px 22px;}
#sidemenu ul > li.on > ul li{border-top:0;padding: 3px 0;}
#sidemenu ul > li.on > ul li a{width:100%;height:auto;padding:0;font-size:14px; line-height: 1.5;padding-left: 17px;border-bottom: 0;color:#828282;background: url(/img/common/smenu02_off.gif) no-repeat 0 8px;}
#sidemenu ul > li.on > ul li a:hover,
#sidemenu ul > li.on > ul li.on a{color: #2979e2;box-shadow: none;background: url(/img/common/smenu02_on.gif) no-repeat 0 8px;}

.side_quickmenu {display:inline-block;width: 200px;/* border:1px solid #dfdfdf; *//* border-top:0; *//* padding:25px 0 3px 13px; */margin-top: 16px;}
.side_quickmenu ul li {float:left;font-size:12px;letter-spacing:-1px;text-align:center;}
.side_quickmenu ul li a {display:inline-block;/* padding-top:55px; */float: left;width: 95px;height: 102px;font-family: 'NotoKrB',sans-serif;font-size: 14px;font-weight:normal; letter-spacing:-0.05em;color: #1c1c1c;line-height: 1;padding-top: 67px;border: 1px solid #ddd;border-radius: 10px;box-sizing: border-box;text-decoration:none;}
.side_quickmenu ul li a.icon2,
.side_quickmenu ul li a.icon4{margin-left:10px;}
.side_quickmenu ul li a.icon1,
.side_quickmenu ul li a.icon2{margin-bottom:10px;}
.side_quickmenu ul li a:hover {color:#286ecf; font-weight:600;}
.side_quickmenu ul li a.icon1 {background: url(/img/common/sideicon01.gif) no-repeat center 15px;}
.side_quickmenu ul li a.icon2 {background:url(/img/common/sideicon02.gif) no-repeat center 15px;}
.side_quickmenu ul li a.icon3 {background:url(/img/common/sideicon03.gif) no-repeat center 15px;}
.side_quickmenu ul li a.icon4 {background:url(/img/common/sideicon04.gif) no-repeat center 15px;}


/*컨텐츠영역*/
#contents {position:relative; float:right; width:850px;}
#cont_head {width:100%;/* height:77px; */font-family: 'NotoKrM',sans-serif;/* padding-top:81px; */padding-bottom: 30px;border-bottom: 2px solid #000;}
h2 {font-size: 34px;color: #1c1c1c;line-height: 1; font-weight: normal; letter-spacing: -0.06em;}
h2#menu_tit {font-size: 34px;color: #1c1c1c;line-height: 1; font-weight: normal; letter-spacing: -0.06em;}
#cont_head h2 {padding-top:50px;}

/* 현재위치*/
#location {position:absolute; top:-18px; left:0; margin-left:0; height:25px; text-align:left; padding:15px 0; line-height:30px;}
#location .wsize{margin:0 auto;}
#location dl dt {float:left;width: 14px;height: 30px;font-size:0;line-height:0;/* height: 48px; */margin-right: 5px;background:url(/img/common/location_home.gif) no-repeat left 50%;}
#location dl dd {float:left;width: auto;color: #949494;letter-spacing:-1px;/* line-height: 48px; */
font-size: 14px;font-family: 'NotoKrM',sans-serif;/* height: 48px; */padding: 0 5px;/* border-left: 1px solid #e8e8e8;/ /* margin-left:10px; */background: url(/img/common/location_arrow.gif) no-repeat 100% 50%; padding-right:30px;}
#location dl dd.last {/* font-weight:600; */font-family: 'NotoKrB',sans-serif;color: #333; background:none;}
/* 로케이션 */

#cont_wrap {width:100%; font-size:15px; color:#666; line-height:150%; padding-bottom:60px; padding-top:40px;}
/*sns 공유*/
#sub_util{position:absolute;top: 0;right:0;}
#sub_util .btn{display:block;position:relative;width:42px;height:42px;border-radius:42px;border:1px solid #dfdfdf;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:#0a4aa2;border:1px solid #0a4aa2;}

#sub_util > div{float:left;margin-left:12px;}
#sub_util .share{position:relative;vertical-align:middle;}
#sub_util .share .btn{background-image:url(/img/common/btn_share.gif);}
#sub_util .share .btn.active,
#sub_util .share .btn:hover{background-image:url(/img/common/btn_share_ov.gif);}
#sub_util .share #share_cont{position:absolute;top:19px;left:0;width:42px;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 .btn{background-image:url(/img/common/btn_print.gif);}
#sub_util .print .btn:hover{background-image:url(/img/common/btn_print_ov.gif);}



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


#contents{position:relative;float:none;width:100%;min-height:auto;}

#sidebar{position:relative;top:0;left:0;float:none;width:100%;z-index:30;}
#sidebar .stit{display:none;}
#sidebar .tit{position:fixed;top:70px;display:block;width:100%;text-align:left;box-sizing:border-box;z-index:200;}
#sidebar .tit a{display:block;height:50px;padding:0 20px;background:url(/nanum/site/builder/skin/major/img/common/sidebar_op.png) no-repeat 96% 50% #da252c;background-size:20px auto;font-family:'NotoKrB';font-size:15px;line-height:50px;color:#fff;}
#sidemenu > ul{display:none;position:fixed;top:120px;left:0;width:100%;background:#fff;border-bottom:1px solid #222;box-shadow:0 2px 0 rgba(0,0,0,0.15);z-index:100;}
#sidemenu ul li{margin-top:-1px;z-index:100;}
#sidemenu ul > li > a{width:100% !important;background-position:95% 50% !important;}
#sidemenu ul > li.on > a{background-size:5px auto;border:0;box-shadow:none;text-decoration:underline;}
#sidemenu ul li.on div{display:none;}

#sidemenu .depth2{position:relative;width:100%;box-sizing:border-box;background:#fff;z-index:50;}
#sidemenu .depth2 ul{overflow:hidden;}
#sidemenu .depth2 ul li{width:50%;border-top:0;border-bottom:1px solid #e5e5e5;box-sizing:border-box;}
#sidemenu .depth2 ul li:nth-child(odd){float:left;border-right:1px solid #e5e5e5;}
#sidemenu .depth2 ul li:nth-child(even){float:right;}
#sidemenu .depth2 ul li a{font-size:14px;box-sizing:border-box;}
#sidemenu .depth2 ul li.on a{padding-top:12px;}

#cont_head{display:none;}

#cont_wrap{min-height:280px;padding:15px 15px 50px 15px;font-size:14px;}

사이드바 바로가기
.side_quickmenu{display: none;}

 */

#container{min-width:100%;}
#container.sub{min-width:auto;width:100%;margin-top:60px;text-align:left;/* position: relative; */ padding-bottom:30px;}
#sidebar .stit{display:none;}

/*서브메뉴*/
#sidebar{float:none;position:fixed;width:100%;}
#sidebar p.tit{display:block;}
#sidebar p.tit a{display:block;font-size:15px; height: 50px;line-height: 50px;padding: 0 20px;letter-spacing:-1px;font-weight:normal;color:#fff;background: #143977 url(/img/common/sidebar_op.png) no-repeat 95% 50%;background-size: 20px auto; font-family:'NotoKrM',sans-serif; }
#sidemenu > ul{width:100%;background:#fff;border-bottom:2px solid #143977; display:none;}
#sidemenu > ul > li > a{background-position:95% 50%;}
#sidemenu > ul > li.on > a{width:100%;background-position:95% 50%;}
#sidemenu > ul > li.on > ul{overflow:hidden;}
#sidemenu > ul > li.on > ul > li{float:left;width:50%;}
#sidemenu > ul > li.on > ul > li:nth-child(odd){clear:both;}

.side_quickmenu {display:none;}


/*컨텐츠영역*/
#contents{position:relative;padding:80px 15px 30px 15px;position: relative;float: none;width: auto;min-height: auto;box-sizing: border-box;}
.control_area {display:none;}

#cont_head {display:none;}
#location {display:none;}

#cont_wrap{width:100%;padding-top:0;font-size:14px; color:#666;}


/*sns 공유*/
#sub_util{display:none;}
}


/****************************** 모바일 ******************************/
@media all and (max-width:767px){

#cont_wrap{padding-bottom:0;}
#contents{padding:80px 10px 30px 10px;}

#sidemenu > ul {max-height: 700px; overflow-y:scroll;}
#sidemenu > ul > li.on > ul {padding:14px 20px;}
#sidemenu ul li a {padding:12px 20px; font-size:14px;}
#sidemenu ul > li br{display:none;}

}
/****************************** 웹 ******************************/
@media(min-width:1025px){

/* #jsMMenu{display:block !important;}
#sidemenu .depth2{display:none;} */
#sidemenu ul{display:block;}
#sidemenu .depth2{display:none;};


}