@charset "utf-8";

/* 인사말*/
.greeting_img{ width : 495px; display:inline-block; vertical-align: top;}
.greeting_con_area{ width : calc( 100% - 500px ); padding-left : 40px; box-sizing : border-box;  display:inline-block; vertical-align: top;  }
.greeting_name, .greeting_mail{ display:inline-block;  vertical-align : center; }
.greeting_namecard{ overflow: hidden; clear:both; background: url(/_sub01/img/sub0301.png) repeat-x center bottom; padding-bottom : 10px; margin-bottom : 10px;} 
.greeting_name{ font-family : 'Nanum Myeongjo'; font-size : 36px; color : #333333;  font-weight : bold; margin : 0px 10px; }
.greeting_mail{   font-size : 16px; color : #555555;  font-weight : bold;  } 
.threedot{ height : 52px; display:inline-block;  vertical-align : top;}
.greeting_con{ font-size : 14px; } 
.greeting_sign{ text-align:right; font-size : 16px; font-family : 'Nanum Myeongjo';  font-weight : bold; margin-top : 20px;  }

 @media screen and (max-width: 900px) {  
	.greeting_img{ width :100%; display:block; text-align:center; }
	.greeting_con_area{ width :100%; display:block;  padding-left : 0px; }
 } 

/*연혁*/
.history{padding  : 20px 0px ; overflow : hidden; height : auto; width : 100%;  background : url('/_sub01/img/sub0301.png') repeat-x center bottom; box-sizing : border-box; }
.history_year{ font-family : 'Nanum Myeongjo';  font-size : 36px;  font-weight : bold; color : #333333; width : 300px;  display: inline-block; vertical-align : middle;} 
.history_con{ width : calc( 100% - 305px );  display: inline-block; vertical-align : middle;  padding-left : 0px;  box-sizing : border-box; } 
.threedot{  display: inline-block; vertical-align : middle; height : 12px; margin-top: -9px;  } 
.history_con ul li:before{
  content: "• ";
  color: #0c58ce; 
  font-size : 16px;
} 
.history_con ul li{ font-size : 14px; margin-bottom : 5px; }
 @media screen and (max-width: 750px) {  
	.history_year{ width :100%; display:block;  }
	.history_con{ width :100%; display:block;  padding-left : 0px; }
 } 

 /*CI*/
 .logo_area{ width : 100%; height :  180px; box-sizing : border-box; border: #cccccc solid 1px; margin-top : 5px;   margin-bottom : 25px; line-height : 180px; text-align:center;  }
.logo_area img { vertical-align : middle; }
.sub0105_50{ width : 48%;display: inline-block; }
.leftmargin{  margin-left : 3%;  }
.leftmargins{  margin-left : 3%;  }
.sub0105_33{ width : 31%; display: inline-block; }
.greed_area{ background: url('/_sub01/img/logobg.gif'); }
@media screen and (max-width: 1100px) {  
	.sub0105_33{ width : 100%;display: block; }
	.leftmargins{ margin-left : 0px; }
}
@media screen and (max-width: 700px) {  
	.sub0105_50{ width : 100%;display: block; }
	.leftmargin{ margin-left : 0px; }
}

/*조직도*/
.orga{ background : url('/_sub01/img/sub0601.png') no-repeat left top; overflow : hidden;  }
.level1{ display: inline-block; border : 3px solid #0c3e8c; color : #0c3e8c; font-size : 18px; font-weight : bold; padding : 8px 0px; width : 150px; box-sizing : border-box; text-align:center; background : #ffffff; margin: 63px 0px 0px 24px; }
.level2{ display: inline-block; font-size : 16px; font-weight : bold; padding : 8px 0px; width : 150px; box-sizing : border-box; text-align:center;  background : #ffffff; margin-left: 124px;  }
.type1{ border : 3px solid #73079b; color : #73079b; margin : 9px 0px 0px 126px;  }
.type2{ border : 3px solid #0c58ce; color : #0c58ce;  margin : 40px 0px 0px 126px; }
.type3{ border : 3px solid #4db216; color : #4db216;  margin : 56px 0px 0px 126px; }
.level3{ width : 220px; font-weight : bold; color : #ffffff; display: inline-block; text-align:left;  padding : 6px 10px;  box-sizing : border-box; font-size : 14px;  }
.type31{ background : #2967c6; border: 1px solid #2967c6; }
.type32{ background : #4db216; border: 1px solid #4db216; }
.level4{ display: inline-block; text-align:left;  padding : 6px 10px;  box-sizing : border-box; font-size : 14px;  width : 220px; border : 1px solid #cccccc; border-width: 0px 1px 1px 1px;  background : #ffffff;}
.orga > ul > li > ul > li > ul > li { display: inline-block; }
.level3li1{ margin : 68px 0px 0px 224px; }
.level3li2{ margin : 68px 0px 0px 35px; }
.level3li3{ margin : 68px 0px 0px 44px; }
.level3li4{ margin : 68px 0px 0px 224px; }

@media screen and (max-width: 1100px) {  
	.orga{ background : none; overflow : hidden;  }
	.level1{ color : #ffffff; background : #0c3e8c;  margin: 0px; width : 100%;  }
	.level2{  width : 100%; }
	.type1, .type2, .type3 { margin:0px;  margin-top : 15px;   } 
	.level3li1{ margin:0px;  margin-top : 15px;  }
	.level3li2{ margin:0px;  margin-top : 15px;   }
	.level3li3{ margin:0px;  margin-top : 15px; }
	.level3li4{ margin:0px;  margin-top : 15px;  }
	.orga > ul > li > ul > li > ul > li {  width : 100%; }
	.level3{ width : 100%; }
	.level4{ width : 100%; }
}

.sub_tab_3, .sub_tab_2{ clear:both; padding : 15px 0px; overflow:hidden; }
.sub_tab_3 > ul > li {	width : 32%; margin-left : 1%; box-sizing : border-box; float: left; }
.sub_tab_3 > ul > li a {	border : 1px solid #cccccc; text-align : center; box-sizing : border-box; padding : 12px 0px;  display:block; width : 100%; font-size:16px; }
.sub_tab_3 > ul > li a.on{ border : 1px solid #2967c6; color : #ffffff; background : #2967c6; }
.sub_tab_3 > ul > li a:hover{ border : 1px solid #2967c6; color : #ffffff; background : #2967c6; }
.sub_tab_2 > ul > li {	width : 48%; margin-left : 1%; box-sizing : border-box; float: left; }
.sub_tab_2 > ul > li a {	border : 1px solid #cccccc; text-align : center; box-sizing : border-box; padding : 12px 0px;  display:block; width : 100%;  font-size:16px; }
.sub_tab_2 > ul > li a.on{ border : 1px solid #2967c6; color : #ffffff; background : #2967c6; }
.sub_tab_2 > ul > li a:hover{ border : 1px solid #2967c6; color : #ffffff; background : #2967c6; }