@charset "utf-8";

#sidebar{position:relative;float:left;width:200px;z-index:20;}
#sidebar .tit{display:none;}
#sidebar .stit{margin-bottom:10px;padding:50px 0;background:#da252c;border-radius:0 30px 0 0;text-align:center;}
#sidebar .stit h2{font-size:25px;font-weight:normal;letter-spacing:-0.05em;color:#fff;}
#sidemenu ul li{position:relative;border-top:1px solid #e5e5e5;}
#sidemenu ul > li:first-child{border-top:0;}
#sidemenu ul li a{display:block;padding:13px 20px;font-family:'NotoKrM';font-size:15px;color:#555;letter-spacing:-0.05em;word-break:keep-all;}
#sidemenu ul li.on{z-index:1;}
#sidemenu ul > li.on > a{padding-left:40px;background:url(/nanum/site/builder/skin/major/img/common/icon_sidemenu_on.gif) no-repeat 20px 50%;box-shadow:0 2px 0 rgba(0,0,0,0.15);border:1px solid #222;color:#222;}
#sidemenu ul > li.on > div > ul{display:block;margin-top:0;border-top:1px solid #dfdfdf;background:#f9f9f9;padding:10px 20px;}
#sidemenu ul > li.on > div > ul li{border-top:0;}
#sidemenu ul > li.on > div > ul li a{height:auto;padding:0;font-size:14px;line-height:30px;color:#555;background:none;}
#sidemenu ul > li.on > div > ul li a:hover,
#sidemenu ul > li.on > div > ul li.on a{color:#1f4bb4;text-decoration:underline;border:0;box-shadow:none;}

#contents{float:right;width:850px;min-height:600px;}

#cont_head{overflow:hidden;width:100%;padding:30px 0 80px;clear:both;}
#cont_head #h2_title{float:left;font-family:'NotoKrR';font-size:32px;line-height:1;font-weight:normal;letter-spacing:-0.05em;}

#location{float:right;padding:15px 105px 0 0;}
#location ul li{float:left;height:12px;margin-left:20px;padding-left:22px;background:url(/nanum/site/builder/skin/major/img/common/bar_location.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:14px;font-size:0;background:url(/nanum/site/builder/skin/major/img/common/icon_home.gif) no-repeat 0 50%;}
#location ul li:first-child a{display:block;line-height:0;width:14px;height:12px;}
#location ul li.now{color:#222;font-weight:normal;font-family:'NotoKrM';color:#000;}

#sub_util{position:absolute;top:30px;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;font-size:0;line-height:0;z-index:20;}
#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/major/img/common/btn_share.png);}
#sub_util .share .btn.active,
#sub_util .share .btn:hover{background-image:url(/nanum/site/builder/skin/major/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:10;}
#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/major/img/common/btn_print.png);}
#sub_util .print .btn:hover{background-image:url(/nanum/site/builder/skin/major/img/common/btn_print_ov.png);}

#sub_util > div > .btn:focus-visible{outline:3px solid red !important;}

#cont_wrap{min-height:750px;padding-bottom:80px;font-family:'NotoKrR';font-size:15px;line-height:24px;letter-spacing:-0.05em;color:#000;}

/****************************** 태블릿 ******************************/
@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.on > a{padding-left:35px;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;}

#cont_head{display:none;}

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

}

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

}

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

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

}