@charset "utf-8";

@charset "utf-8";


/*인사말*/
.company_intro {position:relative; overflow:hidden; padding-bottom:60px;}
.company_intro .photo_box {position:absolute; right:0; top:5px;}

.company_intro .txt_area {margin-right:500px;}
.company_intro .txt_area dt {font-size:23px; line-height:28px; color:#222; margin-bottom:30px;}
.company_intro .txt_area dd {font-size:15px; color:#666; word-break:keep-all;}
.company_intro .txt_area dd .sign {margin-top:60px; text-align:left; font-size:16px;}
.company_intro .txt_area dd .sign span{color:#000; font-size:22px; display:inline-block; margin-left:10px; }


.product_01_type_col {border:1px #ddd solid;}
.product_01_type_col .col_box {display:table; width:100%;table-layout:fixed; }
.product_01_type_col .col_box .col {display:table-cell; vertical-align:middle; text-align:center;}
.product_01_type_col .col_box .col .icon {height:550px; padding:40px 0px; }
.product_01_type_col .col_box .col .icon img  {vertical-align:middle;}
.product_01_type_col .col_box .col.right {border-left:1px #ddd solid; }
.product_01_type_col .col_box .col .text {border-top:1px #ddd solid; padding:40px 0px; font-size:20px; font-weight:bold; color:#296836;}



.product_01_02 {margin-top:60px;}
.product_01_02 ul {overflow:hidden;}
.product_01_02 ul li {float:left; width:30%;}
.product_01_02 ul li.center {margin:0px 5%;}
.product_01_02 ul li dl dt {font-size:25px; color:#135b32; font-weight:bold; border-bottom:1px #ddd solid; padding-bottom:30px; margin-bottom:30px;}
.product_01_02 ul li dl dd {font-size:16px; background:url(../images/sub/dt_dot.jpg) left 10px no-repeat; line-height:20px; padding-left:15px; margin:5px 0px;}




.company_03 {overflow:hidden; margin-top:60px;}
.company_03 li {float:left; width:378px; height:251px; border:1px #ddd solid; margin-right:30px; margin-bottom:30px;}
.company_03 li:nth-child(even){background:#f8f8f8;}
.company_03 li.last {margin-right:0px;}
.company_03 li .cont {text-align:center; margin-top:50px;}
.company_03 li .cont span {display:inline-block; width:40px; line-height:40px; height:40px; background:#009057;color:#fff; font-size:20px;}
.company_03 li dl {padding:15px; text-align:center;}
.company_03 li dl dt{font-size:20px; text-align:center; color:#000; margin-bottom:20px; padding-bottom:20px; border-bottom:1px #ddd dashed;}
.company_03 li dl dd{font-size:14px; color:#666; margin-top:10px; line-height:18px;}

.company_03_info_text {border-top:1px #ddd solid; padding-top:40px; margin-top:40px; font-size:20px; text-align:center; color:#000;}



.product_01_list_info_box {overflow:hidden;}
.product_01_list_info_box li {float:left; width:575px; text-align:center;}
.product_01_list_info_box.etc li {margin-bottom:30px;}
.product_01_list_info_box li .box {padding:15px; border:1px #ddd solid;}
.product_01_list_info_box li.last {float:right;}
.product_01_list_info_box li img {vertical-align:middle; max-width:100%; }
.product_01_list_info_box li .text {padding-top:10px; font-size:18px; color:#000;}


p.cStyle5 {text-align:center;  margin-top:15px; font-size:16px; border:1px #ddd solid; padding:35px 15px; }
p.cStyle5 img{max-width:100%; vertical-align:middle;}



p.cStyle6 {text-align:center;  margin-top:15px; font-size:20px; border:1px #ddd solid; padding:35px; color:#000; background:#f8f8f8; }
p.cStyle6 img{max-width:100%; vertical-align:middle;}




/*오시는길*/
.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_intro {position:relative; overflow:hidden;}
.company_intro .photo_box {position:relative; right:0; top:0;  overflow:hidden; }
.company_intro .photo_box img {vertical-align:top; width:100%;}
.company_intro .txt_area {margin-right:0px; margin-top:30px;}
.company_intro .txt_area dt {font-size:23px; line-height:28px; color:#222; margin-bottom:30px;}
.company_intro .txt_area dd {font-size:15px; color:#666; word-break:keep-all;}




.product_01_type_col {border:0px;}
.product_01_type_col .col_box {display:block;}
.product_01_type_col .col_box .col {display:block; border:1px #ddd solid !important; }
.product_01_type_col .col_box .col .icon {height:auto; padding:30px; }
.product_01_type_col .col_box .col .icon img  {max-width:100%;}
.product_01_type_col .col_box .col.right {margin-top:10px;}


.product_01_02 ul li {float:none; width:auto; margin:20px 0px !important; border:1px #ddd solid; padding:20px;}

.product_01_02 ul li dl dt {font-size:20px; padding-bottom:20px; margin-bottom:20px;}





.product_01_list_info_box li {float:none; width:auto;}
.product_01_list_info_box.etc li {margin-bottom:30px;}
.product_01_list_info_box li.last {float:none;}






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;}


}