/*회사소개*/
.about_01 {}
.about_01 .text_box{margin-right:700px; ;}
.about_01 .text_box .t1{font-size:40px; color:#000; font-weight:bold; line-height:45px;   font-family: 'Pretendard'; font-weight:900;}
.about_01 .text_box .t1 span {display:inline-block; background:#a9977c; color:#fff; padding:0 2px 1px;;}
.about_01 .text_box .t2{font-size:25px; color:#4d7433; text-align: justify;  font-family: 'Pretendard'; font-weight:900;}

.about_01 .line{ position:relative; background:#f2f2f2; padding:35px 0px; margin-top:40px; }
.about_01 .line .line_box{width:1400px; margin:0 auto; position:relative; }
.about_01 .line .line_box .text {margin-right:760px; font-size:18px; text-align: justify;}
.about_01 .line .line_box .text ul {margin-top:60px; overflow:hidden; padding-bottom:20px;}
.about_01 .line .line_box .text ul li {margin:0px 40px; width:115px; float:left;  text-align:center;}
.about_01 .line .line_box .text ul li:nth-child(1n) {margin-left:0px;}
.about_01 .line .line_box .text ul li .info_i{width:115px; height:115px; line-height:115px;  border-radius:115px; background:#fff;}
.about_01 .line .line_box .text ul li .info_i img {vertical-align:middle;}
.about_01 .line .line_box .text ul li .info_t{color:#000; font-size:18px; font-weight:bold; margin-top:15px; line-height:20px;}

.about_01 .line .line_box .text .name {font-size:20px; text-align:right; margin-top:60px; color:#000;  }
.about_01 .line .line_box .text .name strong {color:#000; font-size:25px; text-align:right; margin-left:10px; display:inline-block;}

.about_01 .line .icon {position:absolute; right:0px; bottom:-35px; }
.about_01 .line .icon img {vertical-align:middle;}



.about_02_wrap {position:relative; padding-bottom:120px;}
.about_02_wrap .about_02_ceo {position:absolute; left:0px; top:0px;}
.about_02_wrap .about_02_ceo img {vertical-align:middle;max-width:100%; }
.about_02_01 {padding-left:800px;}
.about_02_01 .t1 {font-size:40px; line-height:45px; color:#000;  font-family: 'Pretendard'; font-weight:900;}
.about_02_01 .t1 span { color:#4d7433; }
.about_02_01 .t1_etc {color:#000; font-size:25px; margin-top:20px;   font-family: 'ChosunNm';}
.about_02_01 .t2 {margin-top:60px; line-height:24px;  font-size:18px; color:#000;} 
.about_02_01 .t2 div {margin-bottom:20px;} 
.about_02_01 .name {margin-top:60px; line-height:70px;  font-size:20px; color:#000;} 
.about_02_01 .name span {margin-left:10px; display:inline-block; vertical-align:middle;} 
.about_02_01 .name span img {max-width:100%; vertical-align:middle;} 




/*ci소개*/
.about_03_wrap {border:1px #ddd solid;}
.about_03_wrap .icon{text-align:center; padding:60px 0px; border-bottom:1px #ddd dashed;}

.about_03_wrap .icon .col_box {display:table; width:100%; table-layout:fixed;  }
.about_03_wrap .icon .col_box .col {display:table-cell;vertical-align:middle; text-align:center; position:relative;}
.about_03_wrap .icon .col_box .col .type_box{display:inline-block;  line-height:200px;height:200px;}
.about_03_wrap .icon .col_box .col .logo_type_name {font-size:14px; color:#888; margin-top:30px;}
.about_03_wrap .icon .col_box .col .logo_type_name span {display:inline-block; background:#f8f8f8; color:#2a2a2a; padding:0 30px; line-height:33px; border-radius:5px;}
.about_03_wrap .icon .col_box .col.left {border-right:1px #ddd solid;}

.about_03_wrap .icon img {max-width:300px; vertical-align:middle;}
.about_03_wrap .icon .btn {margin-top:35px;}
.about_03_wrap .icon .btn a{display:inline-block; border:1px #2a2a2a solid; padding:12px 20px; color:#2a2a2a; font-size:16px; border-radius:3px;}
.about_03_wrap .info { padding:30px;}
.about_03_wrap dl {margin:30px 0px;}
.about_03_wrap dl dt{font-size:27px; color:#000; margin-bottom:10px;}
.about_03_wrap dl dd{font-size:15px; color:#999;}




.about_04_wrap {position:relative; border-bottom:1px #ededed solid; margin-bottom:40px; padding-bottom:40px;}
.about_04_wrap .name_text{width:500px; position:absolute; left:0px; top:20px;}
.about_04_wrap .name_text .t1{font-size:30px; color:#000; font-weight:bold; }
.about_04_wrap .name_text .company_info{ font-size:16px; color:#888; font-weight:normal; margin-top:40px; }
.about_04_wrap .name_text .company_info .col {position:relative; padding:3px 0px; line-height:30px;}
.about_04_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_04_wrap .name_text .company_info .col .s_text{padding-left:80px;}
.about_04_wrap .info {margin-left:550px; background:#f2f2f2; height:450px;  border-radius:20px; overflow:hidden;}
.about_04_wrap .info .common_map {width:100%; height:450px;  }





.business_01_info {padding:60px; font-size:18px; color:#000; border:1px #ededed solid; padding-left:400px; background:url(../images/contents/business/business_01_info_bg.png) 60px 50% no-repeat;}



.business_common_list {position:relative; }
.business_common_list .col_box {display:table; width:100%; table-layout:fixed;}
.business_common_list .col_box .col {display:table-cell; vertical-align:middle;}
.business_common_list .icon img  {vertical-align:middle; max-width:100%; border-radius:10px;}

.business_common_list .col_box .col.text_box { padding-left:0px;}
.business_common_list .text_box .t1 {font-size:28px; margin-top:0px; color:#000; letter-spacing:-2px; font-weight:900; line-height:35px;}
.business_common_list .text_box .t2 {font-size:17px; line-height:25px; margin-top:20px; letter-spacing:-1px; color:#666; word-break: keep-all;}
.business_common_list .text_box .t2 span {display:block; margin:10px 0px 0px;}







.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 .text_box{margin-right:0px; padding:15px;}
.about_01 .text_box .t1{font-size:20px; line-height:20px;}
.about_01 .text_box .t1 span {display:block;}
.about_01 .text_box .t2{font-size:16px; line-height:18px;}

.about_01 .line{ padding:20px; margin-top:20px; }
.about_01 .line .line_box{width:auto;   }
.about_01 .line .line_box .text {margin-right:0px; font-size:16px;}
.about_01 .line .icon {position:relative; right:0px; top:0px; text-align:center; margin-top:30px;}
.about_01 .line .icon img {width:100%;}





.about_02_wrap {background:none; padding:0px ;;}
.about_02_wrap .about_02_ceo {position:relative; max-width:90%;}
.about_02_wrap .about_02_01 {padding-left:0; margin-top:60px; padding:0 20px; }
.about_02_wrap .common_title {   font-family: 'Pretendard'; font-size:25px;  line-height:25px; padding-bottom:20px; margin-bottom:20px;}
.about_02_wrap .common_title span {display:block;}
.about_02_01 .t1 {font-size:28px;  line-height:30px;}
.about_02_01 .t1 span{display:block;}
.about_02_01 .t2 {margin-top:40px; line-height:20px;  font-size:16px; } 
.about_02_01 .name {margin-top:20px; line-height:20px;  font-size:16px;} 





/*ci소개*/
.about_03_wrap .icon{padding:30px 0px; }
.about_03_wrap .icon img {max-width:60%; vertical-align:middle;}





.about_04_wrap {position:relative;}
.about_04_wrap .name_text{width:auto; position:relative; left:0px; top:0px;}

.about_04_wrap .name_text .company_info .col { line-height:25px;}
.about_04_wrap .info {margin-left:0;   height:300px;  border-radius:10px; margin-top:30px; border:1px #ddd solid; overflow:hidden;}
.about_04_wrap .info .common_map {width:100%; height:300px;  }






}


@media all and (min-width:1025px) and (max-width:1440px) {

.about_01 .text_box {margin-right:500px; padding:0 1%;}
.about_01 .line .line_box .text {margin-right:500px; padding:0 1%;}

.about_01 .line .line_box {width:auto;}
.about_01 .line .icon {right:1%; bottom:0px;}




.about_02_wrap {background:none; padding:0px 2%;;}
.about_02_wrap .about_02_ceo {width:450px;}
.about_02_01 .t1 {font-size:30px; line-height:35px;}
.about_02_wrap .about_02_01 {padding-left:500px;; }
.about_02_01 .t2 {padding-right:0px; word-break: keep-all; margin-top:20px;}



}