@charset "utf-8";


/*인사말*/
.company_01 {padding-bottom:60px;}
.company_01 .t1{font-size:30px; font-family: 'Nanum Square'; line-height:50px; position:relative; text-align:center; padding-bottom:40px; border-bottom:3px #ededed solid;}
.company_01 .t1 .hello{display:inline-block; padding:0 20px;}
.company_01 .t1 .fonti{position:relative; displaY:inline-block; top:-20px; font-size:30px; color:#ddd;}
.company_01 .t1 .name{color:#e62c2c; }

.company_01 .text {margin-top:35px; overflow:hidden; }
.company_01 .text .col {font-size:17px; line-height:25px; color:#444;}
.company_01 .text .col .t1 {font-size:20px; margin-bottom:20px; line-height:30px; color:#000;}
.company_01 .text .last {float:right;}
.company_01 .sign {color:#78bc47; margin-top:30px; font-size:20px; text-align:right;}


/*Trading*/

.business .col_box{display:table; width:100%; table-layout:fixed;}
.business .col_box .col {display:table-cell; vertical-align:middle;}
.business .col_box .col img {vertical-align:middle; max-width:100%;}


.business .col_box .col.info{padding:30px; }
.business .m1.col_box .col.info{background:#af1b1b;}
.business .m2.col_box .col.info{background:#5f9c33;}
.business .m3.col_box .col.info{background:#3d3d3d;}
.business .col_box .col.info dl{ color:#fff;}
.business .col_box .col.info dl dt {font-size:25px;  font-weight:bold; margin-bottom:10px;}
.business .col_box .col.info dl dd {font-size:17px; background:url(../images/sub/dt_dot.jpg) 5px  13px no-repeat; padding-left:20px; }
.business .mobile_col {display:none !important;}


.business_01 {position:relative;}
.business_01 .photo {position:absolute; right:0px; top:0px;}
.business_01 .photo img {vertical-align:middle; max-width:100%;}




/*Service*/
.business_02 ul.list_wrap {overflow:hidden;}
.business_02 ul.list_wrap li.list{float:left; width:49%;  margin-bottom:20px;  }
.business_02 ul.list_wrap li.list:hover{background:#f2f2f2}
.business_02 ul.list_wrap li.list.last {float:right;}
.business_02 ul.list_wrap li.list .box {border:1px #ddd solid; border-top:2px #38659d solid; padding:20px; height:190px;}
.business_02 ul.list_wrap li.list .box .title {font-size:20px; color:#38659d; padding-bottom:10px; margin-bottom:10px; border-bottom:1px #ddd solid; height:40px; line-height:20px;}
.business_02 ul.list_wrap li.list .box .info span {display:block; background:url(../images/sub/dt_dot.jpg) 5px  13px no-repeat; padding-left:20px;}





.product_02 ul{overflow:hidden;}
.product_02 ul li{float:left; width:400px;  margin-bottom:20px;}
.product_02 ul li:nth-last-child( 2n ){float:right; }
.product_02 ul li .box {border:1px #ddd solid; border-top:2px #38659d solid;}
.product_02 ul li .box .col_box {display:table;  width:100%;}
.product_02 ul li .box .col_box .col{display:table-cell; vertical-align:middle; }
.product_02 ul li .box .col_box .col.num {background:#2d5382; color:#fff; width:80px; text-align:center; font-sizE:25px;}
.product_02 ul li .box .col_box .col.text {padding:30px 10px; font-size:14px; color:#000;}
.product_02 ul li:hover {background:#f2f2f2}


.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_01 .text {margin-top:5px;}
.company_01 .text .col {float:none; width:auto;}




/*Trading*/

.business .col_box{display:block;  }
.business .col_box .col {display:block;}


.business .mobile_col {display:block !important;}
.business .m2.col_box .photo {display:none !important;}
.business .col_box .col.info{padding:15px;  margin-bottom:15px; }







/*Trading*/
.business_01 .photo {position:relative; text-align:center; margin-bottom:10px;}
.business_01 .photo img {max-width:90%;}



.business_02 ul.list_wrap li.list{float:none !important; width:auto;}
.business_02 ul.list_wrap li.list .box {height:auto;}



.product_02 ul li{float:none !important; width:auto;  margin-bottom:20px;}




}