@charset "utf-8";



.common_new_box {display:table; width:100%;}
.common_new_box.etc {margin-top:90px;}
.common_new_box .col {display:table-cell; vertical-align:top;;}
.common_new_box .col.big_title {width:30%; }


/*인사말*/
.company_intro {position:relative; overflow:hidden;}
.company_intro .photo_box {position:absolute; right:0; top:5px;}
.company_intro .photo_box img {vertical-align:middle;}
.company_intro .txt_area {padding-bottom:60px; }
.company_intro .txt_area .subject {font-size:23px; line-height:33px; color:#222; margin-bottom:30px;  letter-spacing:1px;}
.company_intro .txt_area .name  {margin-top:60px; float:right;}
.company_intro .txt_area .name .t1 {font-size:30px; color:#000; margin:40px 0px 10px; letter-spacing:-1px; position:relative; text-align:center; padding-right:120px;}
.company_intro .txt_area .name .t1 span {position:absolute; right:0px; top:10px;}


.About_02_wrap {border:1px #ededed solid;  margin-top:60px;}
.About_02_wrap .photo {text-align:Center; text-align:center; padding:60px; border-bottom:1px #ededed solid;  }
.About_02_wrap .photo img {vertical-align:middle;}
.About_02_wrap .text{font-size:18px; padding:60px;}
.About_02_wrap .text strong{color:#19b6bb; font-size:22px;}


.About_05_wrap .col_box{display:table; width:100%; margin-bottom:20px;}
.About_05_wrap .col_box .col {display:table-cell; vertical-align:middle; font-weight:bold; }
.About_05_wrap .col_box .col.year {width:200px; text-align:center; font-size:25px; padding:15px; border-radius:10px;; color:#000;}
.About_05_wrap .col_box .col.jump {width:30px;}
.About_05_wrap .col_box.m1 .year{background:#f4d30c;}
.About_05_wrap .col_box.m2 .year{background:#0070c0; color:#fff;}
.About_05_wrap .col_box.m3 .year{background:#ffa7a9;}
.About_05_wrap .col_box.m4 .year{background:#c3d69b;}
.About_05_wrap .col_box.m5 .year{background:#fac090;}
.About_05_wrap .col_box ul li {border:1px #ddd solid; margin:2px; padding:10px 40px; border-radius:10px; border-left:10px #f4d30c solid;; font-size:18px; color:#000; }

.About_05_wrap .col_box.m1 ul li{border-left-color:#f4d30c;}
.About_05_wrap .col_box.m2 ul li{border-left-color:#0070c0;}
.About_05_wrap .col_box.m3 ul li{border-left-color:#ffa7a9;}
.About_05_wrap .col_box.m4 ul li{border-left-color:#c3d69b;}
.About_05_wrap .col_box.m5 ul li{border-left-color:#fac090;}

.About_05_wrap .col_box.m1 ul li{background:#f2f2f2;}
.About_05_wrap .col_box.m2 ul li{background:#dce6f2;}
.About_05_wrap .col_box.m3 ul li{background:#f2dcdb;}
.About_05_wrap .col_box.m4 ul li{background:#ebf1de;}
.About_05_wrap .col_box.m5 ul li{background:#fdeada;}



.common_list_box { border-right:0px;margin-top:20px;}
.common_list_box ul{ display:table; width:100%; table-layout:fixed;}
.common_list_box li{display:table-cell; text-align:center; }
.common_list_box li.text_info{vertical-align:top;  text-align:left;}
.common_list_box li .photo {vertical-align:middle;}
.common_list_box li .photo img {max-width:100%;}
.common_list_box li .etc_photo img {max-width:490px;}
.common_list_box.etc {border:0px;}
.common_list_box.etc ul{table-layout:fixed; border:0px; }
.common_list_box.etc ul li  {padding:30px; vertical-align:middle; border-right:0px;}
.common_list_box.etc li img  {width:100%;}
.common_list_box li .text {padding:15px 0px; color:#777;}

.common_list_box li .etc_photo1 img {max-width:400px;}


.common_list_box01 { border-right:0px;margin-top:20px;}
.common_list_box01 ul{ display:table; width:100%; table-layout:fixed;}
.common_list_box01 li{display:table-cell; text-align:left;   vertical-align:top; padding:30px 60px;}
.common_list_box01 li.center{ text-align:center; vertical-align:middle;}
.common_list_box01 li img {vertical-align:middle;}
.common_list_box01 li dl dt {line-height:50px; background:#f2f2f2; border-radius:20px; text-align:center; margin-bottom:30px;}


.common_list_box02 {border:1px #ddd solid; border-right:0px;margin-top:20px;}
.common_list_box02 ul{ display:table; width:100%; table-layout:fixed;}
.common_list_box02 li{display:table-cell; text-align:left; border-right:1px #ddd solid;  vertical-align:top; padding:30px 60px;}
.common_list_box02 li.photo{ text-align:center; vertical-align:middle;}
.common_list_box02 li img {vertical-align:middle;}


.common_list_box03 {margin-top:10px;} 
.common_list_box03.etc_la {margin-top:120px;} 
.common_list_box03 ul{ display:table; width:100%; table-layout:fixed;}
.common_list_box03 li{display:table-cell;  vertical-align:middle; padding-top:60px;}
.common_list_box03 li.last{ padding-top:0px; vertical-align:middle; width:30%; padding-left:60px;}

.common_list_box03.etc_laaa li {vertical-align:top;} 
.common_list_box03.etc_laaa li.last {width:40%; text-align:center;}  

.common_list_box03.etc_la li.last{  width:30%; padding-left:60px;}
.common_list_box03 li img {vertical-align:middle; max-width:100%;}
.common_list_box03 li dl dt {line-height:30px; font-size:20px; color:#000;}
.common_list_box03 li dl dd{}



.common_list_box04 {margin-top:10px; position:relative; overflow:hidden;}  
.common_list_box04 .photo{position:absolute; right:0px; top:0px; width:380px;} 
.common_list_box04 .photo img {vertical-align:middle; max-width:100%;} 

.common_list_box04 .text_box {margin-right:300px;}
.common_list_box04 ul{ display:table; width:100%; table-layout:fixed;}
.common_list_box04 li{display:table-cell;  vertical-align:middle; padding-top:60px; vertical-align:top;}
.common_list_box04 li dl dt {line-height:30px; font-size:20px; color:#000;}







/*오시는길*/
.company_map {position:relative; overflow:hidden; background:#4d4d4d; padding:0 0 0 40px; height:130px;}
.company_map dl {float:left; margin:25px 0;}
.company_map dt {font-size:18px; font-weight:bold; color:#fff; margin:0 0 10px;}
.company_map dd {font-size:14px; color:#fff;line-height:20px;}
.company_map .telnum {font-size:28px; font-weight:bold; margin:20px 0 0; padding-bottom:15px;}
.company_map dl+ dl {padding-left:40px; margin-left:40px; border-left:1px solid rgba(255,255,255,0.5);}

.company_map .btn_box {position:absolute; right:0; top:0; text-align:center; height:100%; overflow:hidden;}
.company_map .btn_box li {float:left; background:#282828;}
.company_map .btn_box li:hover {background:#000;}
.company_map .btn_box span {display:block;}
.company_map .btn_box .btn_txt {font-size:15px; color:#fff;}
.company_map .btn_box .btn {display:inline-block; padding-top:30px; width:200px; height:100px; margin-right:0;}


.defail_info {margin-top:20px; padding-top:20px; position:relative; }

.defail_info .info {margin-left:0px;}
.defail_info .info ul {overflow:hidden;  text-align:center;}
.defail_info .info ul li {display:inline-block; width:30%; padding:40px 0px; border-bottom:1px #ededed solid;; }
.defail_info .info ul li.center {margin:0px 1%; }

.defail_info .info ul li .t1 {font-size:25px; color:#777; position:relative; line-height:60px;}
.defail_info .info ul li .t1 span {display:inline-block; height:60px;  padding:0 20px;}
.defail_info .info ul li .t1 span img {vertical-align:middle; }
.defail_info .info ul li .t2 {font-size:20px; color:#000; margin-top:20px;}


#daum_map {width:100%; height:350px; margin-top:45px;}





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) {


.company_intro {position:relative; overflow:hidden;}
.company_intro .photo_box {position:relative; right:0; top:0px; text-align:center;}
.company_intro .photo_box img {max-width:100%;}
.company_intro .txt_area {margin-right:0px;}

.company_intro .txt_area .subject {font-size:18px; line-height:22px; margin-bottom:20px;  }
.company_intro .txt_area .name  {margin-top:60px; text-align:right;}
.company_intro .txt_area .name .t1 {font-size:20px;}




table.cStyle_location {font-size:13px;}
table.cStyle_location th {padding:10px;width:100px;}
table.cStyle_location td { padding:10px;}



.defail_info {margin-top:10px; padding-top:0px; position:relative; }

.defail_info .info {margin-left:0px;}
.defail_info .info ul {overflow:hidden;  text-align:center;}
.defail_info .info ul li {display:block; width:auto; padding:15px; border:1px #ededed solid;;  margin:0px 0px 5px !important;; ;}


.defail_info .info ul li .t1 {font-size:25px; color:#000; position:relative; line-height:60px;}
.defail_info .info ul li .t1 span {display:inline-block; height:60px;  padding:0 20px;}
.defail_info .info ul li .t1 span img {vertical-align:middle; }
.defail_info .info ul li .t2 {font-size:16px; color:#000; margin-top:20px;}




.common_new_box {display:block; width:auto;}
.common_new_box.etc {margin-top:0px;}
.common_new_box .col {display:block; margin-bottom:20px;}
.common_new_box .col.big_title {width:auto; }





.About_02_wrap {border:1px #ededed solid; }
.About_02_wrap .photo {text-align:Center; text-align:center; padding:60px; border-bottom:1px #ededed solid;  }
.About_02_wrap .photo img {vertical-align:middle;}
.About_02_wrap .text{font-size:18px; padding:60px;}
.About_02_wrap .text strong{color:#19b6bb; font-size:22px;}


.About_05_wrap .col_box{display:block; margin-bottom:20px;}
.About_05_wrap .col_box .col {display:block;  }
.About_05_wrap .col_box .col.year {width:auto; }
.About_05_wrap .col_box ul li {padding:10px 20px; font-size:16px;}






.common_list_box ul{ display:block; }
.common_list_box li{display:block; text-align:center; border-bottom:1px #ddd solid !important; }

.common_list_box.etc {border:0px;}
.common_list_box.etc ul{table-layout:fixed; border:0px; }
.common_list_box.etc ul li  {padding:30px; vertical-align:middle; border-right:0px;}
.common_list_box.etc li img  {width:100%;}
.common_list_box li .text {padding:15px 0px; color:#777;}



.common_list_box01 {border:0px #ddd solid; }
.common_list_box01 ul{ display:block; width:auto}
.common_list_box01 li{display:block; border-right:0px #ddd solid; padding:0px; margin-bottom:30px; padding-bottom:30px; border-bottom:1px #ddd solid;}
.common_list_box01 li.center{ text-align:center; vertical-align:middle;}
.common_list_box01 li img {vertical-align:middle;}
.common_list_box01 li dl dt {line-height:50px; background:#f2f2f2; border-radius:20px; text-align:center; margin-bottom:30px;}


.common_list_box02 {border:1px #ddd solid; border-right:0px;margin-top:20px;}
.common_list_box02 ul{ display:table; width:100%; table-layout:fixed;}
.common_list_box02 li{display:table-cell; text-align:left; border-right:1px #ddd solid;  vertical-align:top; padding:30px 60px;}
.common_list_box02 li.photo{ text-align:center; vertical-align:middle;}
.common_list_box02 li img {vertical-align:middle;}


.common_list_box03 {margin-top:10px;} 
.common_list_box03.etc_la {margin-top:120px;} 
.common_list_box03 ul{ display:block; width:auto; table-layout:fixed;}
.common_list_box03 li{display:block;  vertical-align:middle; padding-top:60px;}
.common_list_box03 li.last{  width:auto; padding-left:0px;}

.common_list_box03.etc_laaa li {vertical-align:top;} 
.common_list_box03.etc_laaa li.last {width:40%; text-align:center;}  

.common_list_box03.etc_la li.last{  width:auto; padding-left:0px;}
.common_list_box03 li img {vertical-align:middle; max-width:100%;}
.common_list_box03 li dl dt {line-height:30px; font-size:20px; color:#000;}
.common_list_box03 li dl dd{}


.common_list_box04 {margin-top:10px;}  
.common_list_box04 .photo{position:relative;width:auto;} 


.common_list_box04 .text_box {margin-right:0px;}
.common_list_box04 ul{ display:block; width:auto; margin-bottom:20px; padding-bottom:20px; }
.common_list_box04 li{display:block;   padding-top:20px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px #ededed solid;}








.About_02_wrap .photo {padding:30px;}
.About_02_wrap .text{padding:20px;}







/*오시는길*/
.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;}


}