/*
Description: dwb_style
Author: mail@dwb.kr
Version: 1.2
P-Day:2016.01.02
Last_Edit:2017-05-03
Update:.span 디폴트 사이즈 정의
*/


@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumpenscript/nanumpenscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url("css/bootstrap/2.3.2/bootstrap.css");
@import url("css/bootstrap/2.3.2/bootstrap-select.css");
@import url("css/font-awesome/3.2.1/font-awesome-ie7.min.css");
@import url("css/font-awesome/3.2.1/font-awesome.css");
/*@import url("css/jquery/1.8.3/jquery.ui.all.css");*/
@import url("css/dwb_style_responsive_v10.css");

@font-face {
  font-family: 'Godo';
  font-style: normal;
  font-weight: 400;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff');
}

@font-face {
  font-family: 'Godo';
  font-style: normal;
  font-weight: 700;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff') format('woff');
}

* { font-family:  'Noto Sans KR', sans-serif; font-weight:400; }
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span12{
margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;	padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;}
form{ margin:0; padding:0;}

/* 모니터 해상도에 따른 자동조절 레이아웃 시작
-------------------------------------------------- */
#dwb_wrap{ width:100%;position:relative;height:100%;min-width:900px;min-height:500px;*min-height:398px; background-color:#fff;}
#dwb_wrap_inner{ width:100%; height:100%;}
/* 모니터 해상도에 따른 자동조절 레이아웃 끝
-------------------------------------------------- */


/* dwb 헤더 시작
-------------------------------------------------- */

 /* dwb_Full_ = 화면의 가로 100% 지원 프레임 */
	#dwb_Full_header{width:100%;top:0px;}
	#dwb_Full_header .inner{width:100%;margin:0px; padding:0px;}
	
 /* dwb_Center_ = 가운데정렬 960px 지원 프레임 */
	#dwb_Center_header{width:100%;top:0px;}
	#dwb_Center_header .inner{width:960px;}

 /* dwb_CenterSmall_ = 가운데정렬 860px 지원 프레임 */
	#dwb_CenterSmall_header{width:100%;top:0px;}
	#dwb_CenterSmall_header .inner{width:960px;top:0px;margin-bottom:10px;margin-top:60px;}


/* dwb 헤더 끝
-------------------------------------------------- */


/* dwb 바디
-------------------------------------------------- */

 /* dwb_Full_ = 화면의 가로 100% 지원 프레임 */
	#dwb_Full_body{min-height: 100%;width:100%;}
	#dwb_Full_body .inner{width:100%;margin:0px; padding:0px;}
	#dwb_Full_body .span2{width:228px;}
	#dwb_Full_body .left8{ margin-left:16px;}	

 /* dwb_Full_ = 화면의 가로/세로 자동조절 지원 프레임 */	
    #dwb_Full_fixed_body{position:absolute;*position:static;top:61px;bottom:0px;width:100%;height:auto;*height:100%}
	#dwb_Full_fixed_body .dwb_left_pannel h3{text-align:center; font-weight:700; padding:0px; margin-top:5px; margin-bottom:5px; color:111;}
	#dwb_Full_fixed_body .dwb_left_pannel h4{text-align:center; font-weight:700; padding:0px; margin-top:5px; margin-bottom:5px; color:111;}
	#dwb_Full_fixed_body .dwb_left_pannel hr{ border:#666 1px solid; margin:0px; padding:0px; margin-left:10px; margin-right:10px;}
	#dwb_Full_fixed_body .MapContents{overflow:hidden;overflow-y:auto;position:relative;height:100%;zoom:1;}

.dwb_left_pannel{background:url(img/company/bg_02.png) repeat-y right; width:323px; position:relative; float:left; padding:10px; height:100%;background-color:#FFF;}
.dwb_left_pannel_bg{background:url(img/company/topbg.png) repeat-x top; background-color:#fff;}

	#dwb_Full_fixed_body .dwb_work_container{ height:100%; padding-top:5px; padding-left:10px; padding-right:10px;
	overflow-y:scroll; background:url(img/company/bg_02.png) repeat-y left;}
	#dwb_Full_fixed_body .dwb_work_container .span1,
	#dwb_Full_fixed_body .dwb_work_container .span2,
	#dwb_Full_fixed_body .dwb_work_container .span3,
	#dwb_Full_fixed_body .dwb_work_container .span4,
	#dwb_Full_fixed_body .dwb_work_container .span5,
	#dwb_Full_fixed_body .dwb_work_container .span6,
	#dwb_Full_fixed_body .dwb_work_container .span7,
	#dwb_Full_fixed_body .dwb_work_container .span8,
	#dwb_Full_fixed_body .dwb_work_container .span9,
	#dwb_Full_fixed_body .dwb_work_container .span10
	{background-color:#FFF; border:solid 1px #CCCCCC; margin:5px; padding:5px;
	
	  -webkit-border-radius: 6px;
		 -moz-border-radius: 6px;
			  border-radius: 6px;
	  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
		 -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
			  box-shadow: 0 1px 4px rgba(0,0,0,.065);
	}
	
	#dwb_Full_fixed_body .dwb_work_container .span1 {width:120px;}
	#dwb_Full_fixed_body .dwb_work_container .span2{width:240px;}
	#dwb_Full_fixed_body .dwb_work_container .span3{width:360px;}
	#dwb_Full_fixed_body .dwb_work_container .span4{width:480px;}
	#dwb_Full_fixed_body .dwb_work_container .span5{width:600px;}
	#dwb_Full_fixed_body .dwb_work_container .span6{width:720px;}
	#dwb_Full_fixed_body .dwb_work_container .span7{width:840px;}
	#dwb_Full_fixed_body .dwb_work_container .span8{width:960px;}
	#dwb_Full_fixed_body .dwb_work_container .span9{width:1080px;}
	#dwb_Full_fixed_body .dwb_work_container .span10{width:99%;}	
		
	

 /* dwb_Center_ = 가운데정렬 960px 지원 프레임 */
	#dwb_Center_body {min-height:100%;width:100%; background-color:#fff;}
	#dwb_Center_body .inner{width:960px;}
	#dwb_Center_body .inner2{width:100%;}
	#dwb_CenterContents_body {min-height:100%;width:100%;}
	#dwb_CenterContents_body .inner_Full{width:100%}
	#dwb_CenterContents_body .inner{width:960px;}	

 /* dwb_CenterSmall_ = 가운데정렬 860px 지원 프레임 */
	#dwb_CenterSmall_body {min-height: 100%;}
	#dwb_CenterSmall_body .inner{width:860px;}
	#dwb_CenterSmall_body .span1{width:180px;}
	#dwb_CenterSmall_body .span2{width:360px;}
	#dwb_CenterSmall_body .span5{width:490px; margin-left:10px;}

/* dwb 바디 끝
-------------------------------------------------- */





/*  푸터 시작
-------------------------------------------------- */
	
 /* dwb_Full_ = 화면의 가로 100% 지원 프레임 */
	#dwb_Full_footer{width:100%;}
	#dwb_Full_footer .inner{width:100%; margin:0px; padding:0px;}

 /* dwb_Full_ = 화면의 가로/세로 자동조절 지원 프레임 */
	#dwb_Full_fixed_footer{position:fixed; bottom:0; height:50px; width:100%;}
	#dwb_Full_fixed__footer .inner{width:100%;}	

 /* dwb_Center_ = 가운데정렬 960px 지원 프레임 */
	#dwb_Center_footer{width:100%;padding-top:0px;margin-bottom:0px;}
	#dwb_Center_footer .inner{width:960px;}


 /* dwb_CenterSmall_ = 가운데정렬 860px 지원 프레임 */
	#dwb_CenterSmall_footer{width:100%;padding-top:0px;margin-bottom:0px;}
	#dwb_CenterSmall_footer .inner{width:860px;}


/* 푸터 끝
-------------------------------------------------- */

.span1{width:96px;}
.span2{width:192px;}
.span3{width:288px;}
.span4{width:384px;}
.span5{width:480px;}
.span6{width:576px;}
.span7{width:672px;}
.span8{width:768px;}
.span9{width:864px;}
.span10{width:960px;}