@charset "utf-8";


/*회사소개*/
.about_01 { position:relative;}
.about_01 .c_logo {text-align:center; padding:40px 0px;}
.about_01 .c_logo img {vertical-align:middle; max-width:100%; }

.about_01 .text {margin-top:50px; padding-top:50px; border-top:1px #ddd solid; position:relative;}
.about_01 .text dl{margin-bottom:50px;}
.about_01 .text dl dt {position:relative; font-size:30px; margin-bottom:20px;color:#000; font-weight:bold;}
.about_01 .text dl dt .line_box{position:relative;}
.about_01 .text dl dt .line_box .text_line{position:relative; z-index:1;}
.about_01 .text dl dt .line_box .line{position:absolute; bottom:3px; width:100%; height:8px; background:#ffe362;   z-index:0;}
.about_01 .text dl dd {font-size:16px; line-height:25px; color:#333;}
.about_01 .text .etc_text  {position:absolute; right:0px; top:-30px; font-size:13px; color:#f87729}
.about_01 .text .etc_text span {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;}


.common_map {width:100%; height:350px; margin-top:15px;}


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;} 



.table_tip {display:none;}




@media all and (max-width:1024px) {


/*회사소개*/
/*회사소개*/
.about_01 { position:relative;}
.about_01 .c_logo {position:relative;text-align:center; top:0px; border-bottom:1px #ddd solid; }
.about_01 .c_logo img {vertical-align:middle; }

.about_01 .text_info { padding-left:0px; min-width:450px;  }
.about_01 .text_info dl dt {font-size:30px;}
.about_01 .text_info dl dd {font-size:20px; margin-top:10px;}







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;}
.common_map {height:200px !important;}



.mobile_table_wrap {overflow:hidden; overflow-x:auto; display:block; position:relative;}
.mobile_table_wrap table{width:1000px !important;}

.table_tip_wrap {position:relative;margin:30px 0px 0px; display:block; }
.table_tip_wrap .tip {overflow:hidden; text-align:center;}
.table_tip_wrap .tip .text{background:rgba(0,0,0,0.7); color:#fff; font-size:12px; line-height:36px; margin:0 50px; border-radius:30px;}
.table_tip_wrap .tip .col{position:absolute; top:0px; width:30px; height:36px; background-position:left top; background-repeat:no-repeat;  background-size:36px}
.table_tip_wrap .tip .col.left{left:0px;  background:url(../images/sub/mobile_swipe_icon_left.png); background-size:30px; }
.table_tip_wrap .tip .col.right{right:0px;  background:url(../images/sub/mobile_swipe_icon_right.png);   background-size:30px;}


.table_tip,
.table_tip_wrap {display:block; text-align:center;}

.table_tip {background:#f8f8f8; border-radius:15px; margin-top:10px;}




}