/** 회사소개 **/
/* 인사말 */
div.intro {line-height:28px; font-size:15px; overflow: hidden; }
div.intro div.contL {float:left; width:30%;}
div.intro div.contR {float:right; width:65%;}
div.intro p.txtP { padding-bottom:20px; }
p.sign {text-align:left;}
p.sign strong{font-size:26px; font-weight:normal; padding-left:10px;}
/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
div.intro div.contL {float:none; width:100%; text-align:center; }
div.intro div.contR {float:none; width:100%;}	
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}


/* 개요 및 연혁*/
/*개요*/
.c_index {width: 100%;  margin: 10px 0 60px 0;}
.c_index table {width: 100%; border-top: 2px solid #1568b9; border-bottom:2px solid #1568b9; }
.c_index table th {text-align: center; padding: 10px; border: 1px solid #ddd; background: #f5f5f5; color: #555;}
.c_index table td {padding: 10px 15px;border: 1px solid #ddd; }
.c_index table td.fc_green {font-weight: bold;}
@media all and (max-width:991px) {
    .c_index table th {padding:7px 2px;}
    .c_index table td {padding:7px 5px;}
    .c_index {margin: 0;}
}
/*연혁*/
*, *::before, *::after {  box-sizing: border-box;}
.m-content {  padding: 0px;  max-width: 100%;  margin: 0 auto;}
.m-timeline {  position: relative;  list-style: none;  padding: 0;  margin: 0;    color: #333;}
.m-timeline > li {  position: relative;  padding: 0px 0 20px 30px;  transition: all 100ms;}
.m-timeline > li::before, .m-timeline li::after {  transition: all 100ms;}
.m-timeline > li::before {  display: block;  content: '';  position: absolute;  top: 13px;  left: 0;  z-index: 2;  background-color: #fff;  
width: 20px;  height: 20px;  border-radius: 50%;  border: 3px solid #111;}
.m-timeline > li::after {  content: '';  display: block;  width: 2px;  background-color: #ddd;  position: absolute;
  top: 0;  left: 0px;  height: 100%;  z-index: 1;}
.m-timeline > li:first-child::after {  top: 15px;}
.m-timeline > li:last-child::after {  height: 15px;}
.m-timeline__date { font-size: 30px;  margin: 0 0 .3em 0;  color: #0072bc;}
.m-timeline p {  margin: 0 0 .5em;}
.m-content h3 {
    font-size: 20px;
    padding: 0 0 20px 16px;
    position: relative;
}
.m-content h3::before {
    content: "";
    height: 20px;
    width: 4px;
    background-color: #555;
    position: absolute;
    top: 6px;
    left: 0px;
}
@media (min-width: 1024px) {
  .m-timeline > li:nth-child(odd) {   text-align: right;    padding-left: 0;    padding-right: calc(50% + 30px);  }
  .m-timeline > li:nth-child(even) {    padding-left: calc(50% + 30px);  }
  .m-timeline > li::before {    left: calc(50% - 9px);  }
  .m-timeline > li::after {    left: calc(50% - 0px);  }
}

ul.detail {list-style:none; padding:0; margin:}
ul.detail li {font-size:13px; line-height:28px; padding:0 0 0 18px; background:url("../img/bullet_01.gif") no-repeat 5px center }
ul.detail_L li {font-size:13px; line-height:28px; padding:0 18px 0 0; background:url("../img/bullet_01.gif") no-repeat 99.5% center }
ul.detail li span.detailD {color:#aaa;   padding: 0 10px 0 0; }
ul.detail_L li span.detailD {color:#aaa;  float:right; padding: 0 0 0 10px;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
ul.detail_L li {font-size:12px; line-height:25px; padding:0 0 0 18px; background:url("../img/bullet_01.gif") no-repeat 5px center }
.m-timeline > li::after {   left: 9px;  }
ul.detail li span.detailD {color:#aaa;   padding: 0 10px 0 0; }
ul.detail_L li span.detailD {color:#aaa;  float:left; padding: 0 10 0 0px;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}

/* 인증서 */
.img_box {text-align: center; vertical-align: middle; }
.img_box_l {text-align: left; vertical-align: middle;}
.pro_img img, .img_box_l img, .img_box img {max-width: 100%; height: auto; vertical-align: middle;}
.cert {width: 100%; text-align: center;}
.cert ul {width: 100%; padding: 0; margin: 0; list-style: none;}
.cert ul li {width: 25%; float: left; padding: 5px 5px 10px;}
.cert ul li img { width: 100%; height: auto; border: 1px solid #ebebeb; vertical-align: middle;}
.cert ul li p { text-align: center; font-size: 13px;  margin:5px 0 0;}
.cert ul:after {display: block; content: ""; clear: both;}

/* 조직도  */
.org *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; position: relative;}
.cf:before,.cf:after {    content: " "; /* 1 */    display: table; /* 2 */}
.cf:after {    clear: both;}

.org{height:700px;; width: 100%;}

@media screen and (max-width: 767px){
  .org{padding: 0 20px;}  
  .cert ul li {width: 50%; float: left; padding: 5px 5px 10px;}
}

.org ul{  padding: 0; margin: 0;  list-style: none; }
.org ul a{  display: block; background: #ecf7fe;  border: 1px solid #aaa; text-align: center;
  overflow: hidden; font-size: 14px;  text-decoration: none;
  color: #333;  height: 45px; margin-bottom: -26px; box-shadow: 4px 4px 7px -4px rgba(0,0,0,0.2);
  -webkit-transition: all linear .1s; -moz-transition: all linear .1s;  transition: all linear .1s;
  }

@media print {
    ul a{ border: 4px solid #000;    }
}

@media screen and (max-width: 767px){
  ul a{font-size: 1em;  }
}

.org ul a span{ top: 50%; margin-top: -0.8em; display: block;}
.org .administration > li > a{  margin-bottom: 25px;}
.org .director > li > a{  width: 50%; margin: 0 auto 0px auto;}
.org .director > li > a.ceo {color:#fff; background-color:#0072bc; border:0; font-size:30px; width:150px; height: 150px; border-radius: 50%;}
.org .subdirector:after{  content: "";  display: block; width: 0; height: 130px;  background: red;
  border-left: 4px solid #dfdfdf; left: 45.45%; position: relative;}

@media print {
.org  .subdirector:after{  border-left: 4px solid #000;    }
}

.org .subdirector,.departments{ position: absolute; width: 100%; top:140px;}
.org .subdirector > li:first-child,.departments > li:first-child{   width: 18.59894921190893%;
  height: 64px; margin: 0 auto 92px auto; padding-top: 25px;  border-bottom: 4px solid #dfdfdf; z-index: 1;}

@media print { 
.org .subdirector > li:first-child,  .departments > li:first-child{ border-bottom: 4px solid #000; }
}

.org .subdirector > li:first-child{ float: right; right: 27.2%; border-left: 4px solid #dfdfdf;}

@media print {    
.org .subdirector > li:first-child{   border-left: 4px solid black;   }   
}

.org .departments > li:first-child{ float: left;  left: 27.2%;  border-right: 0px solid #dfdfdf;  }

@media print {
.org .departments > li:first-child{     border-right: 4px solid black;   }
}

.org .subdirector > li:first-child a,.departments > li:first-child a{ width: 100%;}
.org .subdirector > li:first-child a{   left: 25px;}

@media screen and (max-width: 767px){
  .org .subdirector > li:first-child, .departments > li:first-child{    width: 40%;   }
  .org .subdirector > li:first-child{   right: 10%;   margin-right: 2px;  }
  .org .subdirector:after{    left: 49.8%;  }
  .org .departments > li:first-child{   left: 10%;    margin-left: 2px; }
}

.org .departments > li:first-child a{ right: 25px;}
.org .department:first-child,.departments li:nth-child(2){  margin-left: 0; clear: left;  }
.org .departments:after{  content: "";  display: block; position: absolute; width: 81.1%; height: 30px; 
border-top: 4px solid #dfdfdf;  border-right: 4px solid #dfdfdf;  border-left: 4px solid #dfdfdf; margin: 0 auto;
  top: 130px; left: 9.1%}

@media print {
    .org .departments:after{ border-top: 4px solid #000; border-right: 4px solid #000; border-left: 4px solid #000;   }
}

@media screen and (max-width: 767px){
  .org .departments:after{ border-right: none;  left: 0;width: 49.8%; }  
  .org .subdirector,.departments{ position: absolute; width: 100%; top:auto;}
}

@media screen and (min-width: 768px){
  .org .department:first-child:before,  .department:last-child:before{   border:none;  }
}

ul.departments > .dep-a:before {content:none ;}
.org .department:before{  content: "";  display: block; position: absolute; width: 0; height: 22px; border-left: 4px solid #dfdfdf;
  z-index: 1; top: -22px; left: 50%;  margin-left: -4px;}

@media print {
    .org .department:before{  border-left: 4px solid black;    }
}

.org .department{
  border-left: 4px solid #dfdfdf;
  /*width: 18.59894921190893%; 5ĭ*/
  width: 23.59894921190893%; /*4ĭ*/ 
  float: left;
  margin-left: 1.751313485113835%;
  margin-bottom: 60px; margin-top:-0px;
}

@media print {
   .org  .department{   border-left: 4px solid #000;    }
}

.org .lt-ie8 .department{ width: 18.25%;}

@media screen and (max-width: 767px){
  .org .department{ float: none;width: 100%;margin-left: 0; }
  .org .department:before{  content: "";  display: block;   position: absolute; width: 0; height: 60px;
    border-left: 4px solid #dfdfdf; z-index: 1; top: -60px; left: 0%; margin-left: -4px; }
  .org .department:nth-child(2):before{ display: none;  }
}
.org .department > a{margin: 0 0 -26px -4px; z-index: 1;}
.org .department > a:hover{ height: 60px;}
.org .department > ul{  margin-top: 0px; margin-bottom: 0px;}
.org .department li{    padding-left: 25px; border-bottom: 4px solid #dfdfdf; height: 60px; }

@media print {
    .org .department li{  border-bottom: 4px solid #000;    }
}

.org .department li a{background: #dfdfdf;top: 48px;  position: absolute; z-index: 1; width: 90%; height: 45px; 
vertical-align: middle; right: -1px;}

.org .department li a:hover{  box-shadow: 4px 4px 7px -4px rgba(0,0,0,0.1); height: 50px; width: 95%;
  top: 45px;  background-image: none!important;
}

.org .department.dep-a a{ background: #fdf6ef; }
.org .department.dep-b a{ background: #f5fdef; }
.org .department.dep-c a{ background: #fdeffd; }
.org .department.dep-d a{ background: #f0f0f0; }
.org .department.dep-e a{ background: #fff; }


/* 오시는 길 */
div.map .root_daum_roughmap{ width:100% !important;  }/*´ÙÀ½¸Ê*/
div.map2 {width:100%; box-sizing:border-box; border:1px solid #dfdfdf; padding:20px 20px 22px 140px;  
background-color:#fff; background-image:url("../img/bg_address.jpg"); background-repeat:no-repeat; background-position:30px center; margin-top:30px;}
div.map2 ul {padding:0; margin:0; list-style-type:none; }
div.map2 ul li span.tit {width:80px; display:inline-block; color:#0071c5; line-height:25px; }
div.map2 ul li span.add {}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
div.map2 {width:100%; box-sizing:border-box; border:1px solid #dfdfdf; padding:20px 20px ;  background-color:#fff; background:none; margin-top:30px;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}