@charset "utf-8";


/*회사소개*/

.company_01_01 .title {position:relative;  z-index:0;}
.company_01_01 .title .text {position:absolute; left:0px; top:130px; width:100%; text-align:center; color:#fff; font-size:30px; letter-spacing:-1px;  line-height:50px;}
.company_01_01 .title .text span{display:block; font-size:50px; }
.company_01_01 .title img {vertical-align:middle; max-width:100%;}

.company_01_01 ul.list{position:relative; top:-60px; z-index:1; overflow:hidden;}
.company_01_01 ul.list li{float:left; width:286px; margin:0px 10px; text-align:Center; height:200px;color:#fff;}
.company_01_01 ul.list li .box {padding:30px;}
.company_01_01 ul.list li.m1{background:#2a2b4f;}
.company_01_01 ul.list li.m2{background:#ef2d3b;}
.company_01_01 ul.list li.m3{background:#444;}
.company_01_01 ul.list li .box dl dt {font-size:20px; font-weight:bold; margin-bottom:20px; border-bottom:1px rgba(255,255,255,0.3) solid; padding-bottom:20px;}
.company_01_01 ul.list li .box dl dd {font-size:14px; color:rgba(255,255,255,0.6)}

.company_01_01 .table_box {margin:0px 10px;}



.business_01 {overflow:hidden; margin-top:40px;}
.business_01 li {float:left; width:293px; text-align:center; border:1px #ddd solid; }
.business_01 li .box {padding:20px;}
.business_01 li.center {margin:0 10px;}
.business_01 li dl dt {font-size:20px; font-weight:bold; color:#000; margin-bottom:30px;}
.business_01 li dl dd{font-size:16px; color:#666;}



.business_01_01 {display:table; width:100%; margin-top:20px; table-layout:fixed;}
.business_01_01 li{display:table-cell; vertical-align:middle; text-align:center;}
.business_01_01 li .icon {margin-bottom:10px;}
.business_01_01 li img {vertical-align:middle; }
.business_01_01 li .text {font-size:16px; color:#000;}



.business_04_01 {overflow:hidden;}
.business_04_01 .col{float:left; width:48%; margin-top:30px;}
.business_04_01 .col.last {floaT:right;}
.business_04_01 .col .title {text-align:center; font-sizE:30px; color:#003f80; padding:10px 0px; }
.business_04_01 .col .box {padding:30px; border:1px #ddd solid; position:relative;}
.business_04_01 .col .box .text_box {background:#f8f8f8;  height:350px;  padding:20px; border-radius:20px; margin-bottom:20px;}
.business_04_01 .col .box .photo { text-align:Center; border-top:1px #ddd solid; padding-top:15px;}
.business_04_01 .col .box .photo img {vertical-align:middle; border:1px #ddd solid; padding:20px; max-width:100%;}


.business_05_common {position:relative;}
.business_05_common .icon {position:absolute; right:0px; top:-50px;}



/*제품소개*/
.product_01_01  {margin-top:40px; }
.product_01_01 li{ position:relative;}
.product_01_01 li.last{margin-top:40px;}
.product_01_01 li .icon{position:absolute; left:0px; top:-10px;}
.product_01_01 li .text{padding-left:160px;}
.product_01_01 li .text dl dt{font-size:20px; color:#014e8d; margin-bottom:10px;}
.product_01_01 li .text dl dd{font-size:15px; color:#444; line-height:20px;}
.product_01_01 li .text span{display:inline-block; padding:0 15px; line-height:30px; margin:5px; border:1px #014e8d solid; color:#014e8d; }
.product_01_01 li .text span.m2,
.product_01_01 li .text span.m4 {border-color:#3a7441; color:#3a7441;}


.product_02_02_01 {overflow:hidden; border:1px #ddd solid; margin-top:40px; padding:20px 0px;}
.product_02_02_01 li{float:left; width:25%; text-align:center;}
.product_02_02_01 li img {vertical-align:middle;}
.product_02_02_01 li dl {padding:0 20px; }
.product_02_02_01 li dl dt{font-size:20px; margin:15px 0px}
.product_02_02_01 li dl dd{font-size:12px; line-height:18px;}



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


#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_01_01 .title .text {top:30%; font-size:16px;  line-height:30px;}
.company_01_01 .title .text span{display:block; font-size:30px; }


.company_01_01 ul.list{top:0px;}
.company_01_01 ul.list li{float:none; width:auto; margin:0px; height:auto;}
.company_01_01 .table_box {margin:0px;}


.business_01 li {float:none; width:auto;margin-bottom:5px !important;}
.business_01 li.center {margin:0px;}




.business_01_01 {display:block; font-size:0px;}
.business_01_01 li{display:inline-block;; width:33.33333333%; margin-bottom:20px;}
.business_01_01 li img {width:100px; }




.business_04_01 .col{float:none; width:auto; margin-top:30px;}
.business_04_01 .col.last {floaT:none;}
.business_04_01 .col .box .text_box {height:auto; }




.business_05_common .icon {position:relative; left:0px; top:0px;  text-align:center;}
.business_05_common .icon img {vertical-align:middle; width:250px;}




.product_02_02_01 li{width:50%;}
.product_02_02_01 li dl {padding:0 20px; min-height:150px;}







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;}
#daum_map {height:200px !important;}


}