@charset "utf-8";

/*플로팅*/
.floating {display:none;}

/* 중간영역 */
#container .swsize{margin:50px auto 100px;display:inline-block;width:1100px;text-align:left;}

/* 사이드메뉴 - 제목*/
#sidebar{position:relative;float:left;width:200px;}
#sidebar .stit{margin-bottom:25px;display:table;width:100%;height:135px;background:#034b9f url(/sbcc/nanum/site/builder/skin/main/img/common/left_bg.png) no-repeat left top;text-align:center;border-radius:10px;}
#sidebar .stit h2{display:table-cell;vertical-align:middle;font-size:24px;color:#fff;font-weight:700;}
#sidebar .tit{display:none;}
#sidemenu > ul > li{position:relative;border-bottom:1px solid #e5e5e5;}
#sidemenu > ul > li > a{display:block;padding:15px 20px;font-size:16px;line-height:24px;color:#444;background:url(/sbcc/nanum/site/builder/skin/main/img/common/smenu_bg.gif) no-repeat 92% center;}
#sidemenu > ul > li > a:hover{color:#000;background-color:#e1f1ff;}
#sidemenu > ul > li.on{border:1px solid #000;border-radius:10px;overflow:hidden;}
#sidemenu > ul > li.on > a{padding-right:40px;font-weight:700;color:#000;background:#fff url(/sbcc/nanum/site/builder/skin/main/img/common/smenu_bg_on.gif) no-repeat 92% center;}
#sidemenu > ul li div{display:none;}
#sidemenu > ul li.on div{display:block;padding:15px 20px;background:#fafafa;border-top:1px dashed #ccc;}
#sidemenu > ul li.on div ul li a{padding:6px 0;display:block;font-size:14px;color:#444;}
#sidemenu > ul li.on div ul li.on a{font-weight:700;color:#045dad;text-decoration:underline;text-underline-position:under;}
#sidemenu > ul li.on div ul li a:hover{color:#045dad;text-decoration:underline;text-underline-position:under;}

#contents{float:right;width:850px;min-height:600px;}
#cont_head{position:relative;display:inline-block;width:100%;border-bottom:1px solid #a1a9b2;}
#cont_head h2{float:left;display:table;height:134px;font-weight:500;font-size:29px;line-height:36px;color:#222;}
#cont_head h2 span{display:table-cell;vertical-align:middle;}
#location{float:right;display:table;height:134px;padding-right:60px;}
#location > ul{display:table-cell;vertical-align:middle;overflow:hidden;clear:both;}
#location > ul > li{float:left;padding-left:15px;margin-left:15px;font-size:14px;line-height:33px;color:#666;font-weight:500;background:url(/sbcc/nanum/site/builder/skin/main/img/common/location_bg.gif) no-repeat 0 50%;}
#location > ul > li:first-child{margin-left:0;padding-left:0px;width:33px;height:33px;vertical-align:middle;text-indent:-9999px;background:url(/sbcc/nanum/site/builder/skin/main/img/common/home.gif) no-repeat 0 50%;}
#location > ul > li a{display:block;}
#location > ul > li.now{font-weight:700;color:#265a96;}

/* SNS */
.share{position:absolute;top:46px;right:0;vertical-align:middle;z-index:1;}
.share .btn{position:relative;text-align:center;z-index:3; font-size:0;}
.share .btn a{display:block;width:40px;height:40px;line-height:40px;background:#fff;border:1px solid #dfdfdf;border-radius:10px;}
.share .btn a img {vertical-align:middle; }
.share #share_cont{position:absolute;top:13px;left:0;padding-top:40px;width:40px;background:#fff;border:1px solid #dfdfdf;border-radius:10px;}
.share #share_cont ul li{padding-bottom:14px;text-align:center;}
.share #share_cont ul li a{display:block;}

#cont_wrap{margin-top:50px;font-size:16px;line-height:170%;color:#444;}


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

#sidemenu ul{display:block !important;}

}

/******************************1023******************************/
@media all and (max-width:1023px){

.sub #head{box-shadow:none;z-index:2;}
.sub #container{background:0;}

/* 중간영역 */
#container .swsize{display:block;margin:0 auto 30px;width:auto;min-height:450px;}
#contents{float:none;padding:0 15px;width:auto;}

/* 사이드메뉴 - 제목*/
#sidebar{display:block;position:relative;float:none;width:100%;z-index:5;}
#sidebar .stit{display:none;}
#sidebar .tit{display:block;width:100%;text-align:left;background:linear-gradient(145deg, #034b9f, #468ee0);}
#sidebar .tit a{display:block;padding:0 15px;height:52px;line-height:52px;color:#fff;font-size:16px;font-weight:700;background:url(/sbcc/nanum/site/builder/skin/common/img/sidebar_bu2.png) no-repeat right 20px top 13px / 26px 26px;}

#sidemenu > ul{position:absolute;top:52px;left:0;display:none;width:100%;background:#fff;box-shadow:0 20px 20px rgba(0,0,0,0.3);}
#sidemenu ul li {margin-bottom:0; border:0; border-bottom:1px solid #dfdfdf;}
#sidemenu > ul > li.on{border-radius:0;}
#sidemenu ul li a{padding:15px 20px;font-size:15px;line-height:23px;background-position:right 20px center !important;}
#sidemenu ul li.on div{background:#f8f8f8;padding:10px 25px;}
#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%;}
#sidemenu > ul li.on div ul li a{font-size:14px;background-position:0 14px !important;}
#sidemenu ul li.on div ul li a:hover{color:#000;}
#sidemenu .ban_guide {display:none;}

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

#cont_wrap{min-height:auto;width:auto;margin:0 auto;font-size:14px;padding:30px 0;}
	
}

/******************************768******************************/
@media all and (max-width:768px){
	
#location{display:none;}
#sidebar .tit a{height:48px;line-height:48px;font-size:15px;background-position:right 15px top 11px;}
#sidemenu ul{top:48px;}
#sidemenu ul li a{padding:12px 15px;font-size:14px;line-height:21px;}

#contents{min-height:500px;}
	
}