/*인사말*/


/*인사말*/
.about_01 {position:relative;}
.about_01 .text_box{margin-right:750px;}
.about_01 .text_box .t1{font-size:40px; color:#a9977c; line-height:44px;  font-family: 'ChosunNm';}
.about_01 .text_box .t1 span {display:block; padding-left:10px; margin-top:10px;}

.about_01 .line{ position:relative; padding:35px 0px; margin-top:50px; }
.about_01 .line .line_box{width:1400px; margin:0 auto; position:relative; }
.about_01 .line .line_box .text {margin-right:650px;   padding-left:10px; font-size:17px; text-align: justify;}
.about_01 .line .line_box .text .jump{display:block;}
.about_01 .icon {position:absolute; right:0px; top:-200px; }
.about_01 .icon img {vertical-align:middle;}




.law_common_process {margin-top:60px;}
.law_common_process ul{display:table; width:100%; table-layout:fixed; border-spacing:10px; }
.law_common_process ul li {display:table-cell; vertical-align:top;  border:1px #ddd solid;  height:210px; background:#f6f6f6; text-align:center; border-right:1px #ddd solid; position:relative;} 
.law_common_process ul li .icon{height:129px; line-height:129px; background:#fff;  vertical-align:middle; }
.law_common_process ul li .icon strong{display:inline-block; line-height:55px; width:55px; height:55px; vertical-align:middle; background:#46bbbf; font-size:22px; color:#fff; }
.law_common_process ul li .text {padding:30px 0px; line-height:20px;}

.law_common_process ul li.m2 .icon strong {background-color:#6dafcd}
.law_common_process ul li.m3 .icon strong {background-color:#4bb5e6}



.about_06_wrap {position:relative; border-bottom:1px #ededed solid; margin-bottom:40px; padding-bottom:40px;}
.about_06_wrap .name_text{width:500px; position:absolute; left:0px; top:20px;}
.about_06_wrap .name_text .t1{font-size:30px; color:#000; font-weight:bold; }
.about_06_wrap .name_text .company_info{ font-size:16px; color:#888; font-weight:normal; margin-top:40px; }
.about_06_wrap .name_text .company_info .col {position:relative; padding:3px 0px; line-height:30px;}
.about_06_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_06_wrap .name_text .company_info .col .s_text{padding-left:80px;}
.about_06_wrap .info {margin-left:550px; background:#f2f2f2; height:300px; }
.about_06_wrap .info .common_map {width:100%; height:300px; }



/*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;}




.business01 .slider_box ul {overflow:hidden; } 
.business01 .slider_box li {float:left; position:relative;  margin-right:20px; width:264px; vertical-align:top;  -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s; position:relative; margin-bottom:20px;  overflow:hidden;}    
.business01 .slider_box li.last { margin-right:0px;}  
.business01 .slider_box li a {display:block; text-align:center;position:relative;   transition: all 0.3s; }  
.business01 .slider_box li a .business01_box{border:1px #ddd solid;text-align:center; color:#000; font-size:18px; transition: all .2s ease;}  

.business01 .slider_box li a .t1_text { padding:55px 0px; }  
.business01 .slider_box li a .t1_text span{display:block; font-size:14px; color:#a9977c;}  

.business01_box::before, .business01_box::after{  content:"";  width: 0;  height: 1px;  position: absolute;  transition: all 0.2s linear;  background: #a9977c;}
.t1_text::before, .t1_text::after{  content:"";  width:1px;  height:0;  position: absolute;  transition: all 0.2s linear;  background: #a9977c;}
.business01_box:hover::before, .business01_box:hover::after{  width: 100%;}
.business01_box:hover .t1_text::before, .business01_box:hover .t1_text::after{  height: 100%;}

.business01_box::before, .business01_box::after{  transition-delay: 0.2s;}
.business01_box .t1_text::before, .business01_box .t1_text::after{  transition-delay: 0s;}
.business01_box::before{  right: 0;  top: 0;}
.business01_box::after{  left: 0;  bottom: 0;}
.business01_box .t1_text::before{  left: 0;  top: 0;}
.business01_box .t1_text::after{  right: 0;  bottom: 0;}
.business01_box:hover::before, .business01_box:hover::after{  transition-delay: 0s;}
.business01_box:hover .t1_text::before, .business01_box:hover .t1_text::after{  transition-delay: 0.2s;}

.business01 .slider_box li .hidden_btn {position:absolute; right:0px; bottom:-50px; opacity:0; transition: all 0.3s;}
.business01 .slider_box li:hover .hidden_btn { opacity:1; bottom:0px; }
.business01 .slider_box li .hidden_btn span{display:inline-block; background:#a9977c; padding:10px 20px; color:#fff; font-size:16px; }





@media all and (max-width:1024px) {



.about_01 .text_box{margin-right:0px; padding:0px;}
.about_01 .text_box .t1{font-size:18px; line-height:20px;}
.about_01 .text_box .t1 span {display:block;}
.about_01 .text_box .t2{font-size:14px; 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%;}


.law_common_process ul{display:block; border-spacing:0px; }
.law_common_process ul li {display:block; margin:10px;} 




.about_06_wrap {position:relative; border-bottom:1px #ededed solid; margin-bottom:40px; padding-bottom:40px;}
.about_06_wrap .name_text{width:auto;; position:relative; left:0px; top:0px;}
.about_06_wrap .name_text .t1{font-size:22px;  }
.about_06_wrap .name_text .company_info{ font-size:14px;  margin-top:40px; }
.about_06_wrap .name_text .company_info .col {position:relative; padding:5px 0px; line-height:30px; margin:10px 0px;}
.about_06_wrap .name_text .company_info .col .s_info{ top:0px; font-size:12px; }
.about_06_wrap .name_text .company_info .col .s_text{padding-left:80px; line-height:18px;}
.about_06_wrap .info {margin-left:0px;  height:200px; }
.about_06_wrap .info .common_map {width:100%; height:200px; }





.business01 .slider_box ul {overflow:hidden; } 
.business01 .slider_box li {float:left; position:relative; width:49%;margin:0px 0px 2% !important; }    
.business01 .slider_box li:nth-child(odd) {float:right;}  
.business01 .slider_box li.last { margin-right:0px;}  


.business01 .slider_box li a .t1_text { padding:25px 0px; }  
.business01 .slider_box li a .t1_text span{display:block; font-size:14px; color:#a9977c;}  






/*ci소개*/

.about_03_wrap .icon{padding:30px 0px; }
.about_03_wrap .icon img {max-width:60%; vertical-align:middle;}









}