@charset "utf-8";


/*인사말*/
.about_01_wrap {display:table; width:100%; padding-top:40px;}
.about_01_wrap .col{display:table-cell; vertical-align:middle; }

.about_01_wrap .col.photo {width:400px; text-align:center;   }
.about_01_wrap .col.photo .text{font-size:18px; color:#000;  font-weight:bold; margin-top:30px; }
.about_01_wrap .col.photo img {vertical-align:middle; max-width:100%;}
.about_01_wrap .col.info {vertical-align:top; padding-left:120px; font-sizE:17px; padding-top:30px;}

.about_01_wrap .col.info .t1 {font-sizE:25px; display:block; margin-bottom:30px; color:#000;}
.about_01_wrap .col.info .strong {border-bottom:1px #543958 solid; color:#543958; font-size:20px; margin-left:-6px;}




.work_wrap .col_box  {display:table; width:100%; table-layout:fixed;}
.work_wrap .col_box .col {display:table-cell; vertical-align:top;}
.work_wrap .col_box .col img {vertical-align:middle; border-radius:20px;}



.about_02_wrap {position:relative; border-bottom:1px #ededed solid; margin-bottom:40px; padding-bottom:40px;}
.about_02_wrap .name_text{width:500px; position:absolute; left:0px; top:20px;}
.about_02_wrap .name_text .t1{font-size:30px; color:#000; font-weight:bold; }
.about_02_wrap .name_text .company_info{ font-size:16px; color:#888; font-weight:normal; margin-top:40px; }
.about_02_wrap .name_text .company_info .col {position:relative; padding:3px 0px; line-height:30px;}
.about_02_wrap .name_text .company_info .col .s_info{position:absolute; left:0px; top:6px; color:#000; background:#f8f8f8; color:#333; width:60px; text-align:center; font-size:13px;  border-radius:3px;}
.about_02_wrap .name_text .company_info .col .s_text{padding-left:75px;}
.about_02_wrap .info {margin-left:550px; background:#f2f2f2; height:300px;  border-radius:20px; overflow:hidden;}
.about_02_wrap .info .common_map {width:100%; height:300px;  }





table.cStyle_location {border-top:2px solid #666; width:100%;  font-size:18px; border-spacing:0;}
table.cStyle_location th { color:#333; background:#f8f8f8; padding:18px; border-bottom:1px solid #ddd; text-align:left; font-weight:normal; width:200px;}
table.cStyle_location td {color:#333; padding:18px; letter-spacing:0; border-bottom:1px solid #ddd; text-align:left}



.agree_box {padding:30px; }
.agree_s_box { margin-top:20px;} 
.agree_s_box .box{border:1px #ddd solid; padding:10px; overflow:hidden; height:100px; overflow-y:auto; margin-top:20px; font-size:11px; color:#888;} 



@media all and (max-width:1024px) {




/*인사말*/
.about_01_wrap {display:block;}
.about_01_wrap .col{display:block;}

.about_01_wrap .col.photo {width:auto;   }

.about_01_wrap .col.info {padding:0px; ; padding-top:40px;}

.about_01_wrap .col.info .t1 {text-align:center;}




.about_02_wrap {position:relative; border-bottom:1px #ededed solid; margin-bottom:40px; padding-bottom:40px;}
.about_02_wrap .name_text{width:auto;; position:relative; left:0px; top:0px;}
.about_02_wrap .name_text .t1{font-size:22px;  }
.about_02_wrap .name_text .company_info{ font-size:14px;  margin-top:40px; }
.about_02_wrap .name_text .company_info .col {position:relative; padding:5px 0px; line-height:30px; margin:10px 0px;}
.about_02_wrap .name_text .company_info .col .s_info{ top:0px; font-size:12px; }
.about_02_wrap .name_text .company_info .col .s_text{padding-left:80px; line-height:18px;}
.about_02_wrap .info {margin-left:0px;  height:200px; }
.about_02_wrap .info .common_map {width:100%; height:200px; }



.work_wrap .col_box  {display:block; width:100%; }
.work_wrap .col_box .col {display:block; vertical-align:middle;}
.work_wrap .col_box .col img {vertical-align:middle; width:100%;}
.work_wrap .col_box .col.photo {position:relative; z-index:0;}
.work_wrap .col_box .col.text {position:relative; z-index:1; background:#fff; margin:0 20px; margin-top:-250px; padding:40px 20px; min-height:250px;}





table.cStyle_location {font-size:13px;}
table.cStyle_location th {padding:10px;width:100px;}
table.cStyle_location td { padding:10px;}




/*오시는길*/
.company_map dl { margin:0px;}
.company_map dt {font-size:14px; margin:0px; }
.company_map dd {font-size:12px; line-height:16px;}
.company_map dl+ dl {display:none;}
.company_map {padding:10px; height:auto; }
.company_map .btn_box {display:none;}
#daum_map {height:200px !important;}

}