@charset "UTF-8";


 
.backgrounda_sub {
 	 
 	position:relative;
	overflow:hidden;
	width:100%; height:420px; z-index:9;
 }



.sub_vi1 {
 	background: url(/common/img/sub/sub_vi1.png) no-repeat   fixed;  
	 background-position:top center; 
	 
  	background-attachment:fixed;
 
 }

 .sub_vi2 {
 	background: url(/common/img/sub/sub_vi2.png) no-repeat   fixed;  
	 background-position:top center; 
  	background-attachment:fixed;
 
 }

  .sub_vi3 {
 	background: url(/common/img/sub/sub_vi3.png) no-repeat   fixed;  
	 background-position:top center; 
  	background-attachment:fixed;
 
 }


  .sub_vi4 {
 	background: url(/common/img/sub/sub_vi1.png) no-repeat   fixed;  
	 background-position:top center; 
  	background-attachment:fixed;
 
 }

 .sub_vi5 {
 	background: url(/common/img/sub/sub_vi2.png) no-repeat   fixed;  
	 background-position:top center; 
  	background-attachment:fixed;
 
 }




.sub_vi_t  {color:#fff; font-size:26px;  font-weight:500; width:600px; line-height:2em; position:absolute; top:50%; left:80px;  letter-spacing:-1.5px; display:none; }
.sub_vi_t span {font-size:70px; font-weight:800; letter-spacing:-1px; color:#fff; line-height:0.93em; }
 
 #sub {width:1200px; margin:0 auto;}

h2.guide {width:100%; float:left; text-align:center; font-size:37px; font-weight:700; margin-top:70px; padding-bottom:20px;}

#sub .menu {width:100%; text-align:center; margin-bottom:30px;   }
#sub .menu li {display:inline-block; border:1px solid #ddd; font-size:18px; font-weight:400;  }
#sub .menu li a {color:#999;  display:inline-block;  padding:12px 70px; }
#sub .menu li.ov {background-color:#476cb2; border:1px solid #476cb2; }
#sub .menu li.ov a {color:#fff;}

#sub section.content {width:100%; float:left;  }
#sub .text {font-size:16px; line-height:1.6em; color:#666; font-weight:200;}
#sub .text strong {font-size:19px; font-weight:400; color:#333; line-height:1.5em;}
#sub .text h4 {font-size:24px; font-weight:500; line-height:1.4em; color:#333;}


#sub section.list {width:100%; float:left;   }
#sub section.view {width:100%; float:left;  }
#sub section.write {width:100%; float:left; }


 h3 {font-size:20px; margin-bottom:10px; font-weight:600; color:#333; width:100%; display:inline-block; }


 #sub  .privacy_check      {width:100%; float:left; background-color:#f9f9f9;  font-size:15px; color:#666;  text-align:center; padding:10px 0 14px 0;}
#sub .privacy_check input {vertical-align:middle;}
#sub .privacy_area   { font-family:'Noto Sans KR',"NanumGothic",NanumGothic,verdana,'Malgun Gothic',맑은고딕,sans-serif;width:100%; 
                       float:left; color:#666; box-sizing:border-box;
              font-size:15px;  height:210px; line-height:1.6em; border:1px solid #ddd; padding:10px; }

#sub  .business_box  {width:100%; display:inline-block; border-bottom:1px solid #ddd; padding:30px 60px 30px 60px; }
#sub  .business_box:first-child  {padding-top:10px;}
#sub  .business_box:last-child  { padding-bottom:0; margin-bottom:0; border:none;}
#sub .business_box h3 {width:25%; float:left;   font-size:30px; font-weight:600; color:#333; background-color:#fff; }
#sub .business_box h3 span {  font-size:20px; font-weight:400; color:#476cb2;}
#sub .business_box div {width:70%; float:right; }
#sub .business_box h4 {width:100%; font-size:20px; font-weight:600; color:#333; margin-bottom:10px;}
#sub .business_box ul {width:96%; margin-left:0%;  }
#sub .business_box ul li {width:100%; box-sizing:border-box;  line-height:1.3em; padding-left:3%;  padding:3px 0 3px 22px; background:url('/common/img/sub/history_point.png') no-repeat left ;}

#sub .business_box ul.type1 li {font-size:17px; font-weight:500; color:#333;  }
 #sub .business_box ul.type2 li {font-size:16px; font-weight:300; color:#666;  }

 #sub .history_box {width:100%; display:inline-block; border-bottom:1px solid #ddd;   box-sizing:border-box; padding:30px 60px}
#sub  .history_box:first-child  {padding-top:10px;}


#sub .history_box h3 {width:25%; float:left; line-height:1.2em; font-size:40px; font-weight:700; color:#3768a5;}
#sub .history_box h3 span {font-size:22px; font-weight:500; color:#666; line-height:28px;}
#sub .history_box ul {width:70%; float:right;  background:url('/common/img/sub/line.jpg') repeat-y; background-position:100px 0;  }
#sub .history_box ul  li { width:100%; float:left; padding:8px 0; line-height:1.3em; }
#sub .history_box ul  li:first-child { padding-top:20px;  }
#sub .history_box ul  li:last-child { padding-bottom:30px;  }
#sub .history_box ul  li p.date {  font-size:17px;  color:#3768a5;  font-weight:500; width:108px;   display:inline-block;  background:url('/common/img/sub/history_point.png') no-repeat right;  }
#sub .history_box ul  li p.info { width:82%; float:right; font-size:15.5px; font-weight:300; color:#666;  }

 
#sub .history_box:nth-child(2n) h3  {float:right; text-align:right;}
#sub .history_box:nth-child(2n)  ul  {float:left; background:url('/common/img/sub/line.jpg') repeat-y; background-position:655px 0; }
#sub .history_box:nth-child(2n) ul  li p.date { float:right; text-align:right; background:url('/common/img/sub/history_point.png') no-repeat left; }
#sub .history_box:nth-child(2n) ul  li p.info { float:left; text-align:right; }


 
 #sub .history_box:last-child { border-bottom:none; padding-bottom:0; margin-bottom:0;}

#sub .map_info  {width:300px; height:200px; display:inline-block; background-color:rgba(43,91,156,.9);color:#fff; font-size:15px; font-weight:500; line-height:1.6em; float:right; margin-right:50px; margin-top:-280px;  box-sizing:border-box;  text-align:center; padding-top:60px; position:relative;}

#sub .organization  {width:100%; float:left; position:relative; height:360px; background:url('/common/img/sub/organization_bg.jpg') no-repeat; background-position:0 30px;}
#sub .organization div {position:absolute; text-align:center;  box-sizing:border-box; padding:15px 0; line-height:1.5em;  font-weight:400;}
#sub   .organization  div.box1 {width:300px; display:inline-block; left:50%; margin-left:-150px;  top:30px;  background-color:#476cb2;   color:#fff; font-size:20px;   }
#sub   .organization  div.box1  span {font-weight:300; font-size:13px; line-height:1.05em;}

#sub   .organization  div.box2 {width:300px; display:inline-block; left:50%; margin-left:-150px; top:150px; background-color:#3188d9; color:#fff; font-size:17px; }
#sub   .organization  div.box3 {width:200px; display:inline-block; top:280px; background-color:#f3f3f3; color:#333; font-size:16px;  }

#sub   .organization  div.box3 p {font-size:15px; color:#888;}

#sub   .organization  div.box3:nth-child(3) {left:0;}
#sub   .organization  div.box3:nth-child(4) {left:250px;}
#sub   .organization  div.box3:nth-child(5) {left:500px;}
#sub   .organization  div.box3:nth-child(6) {right:250px;}
#sub   .organization  div.box3:nth-child(7) {right:0px;}