@charset "utf-8";


.about_01 {position:relative; }
.about_01 .about_01_col_box {display:table; width:100%;   border-bottom:3px #ededed solid;  margin-bottom:30px;}
.about_01 .about_01_col_box .col{display:table-cell; vertical-align:middle; }
.about_01 .about_01_col_box .photo{ vertical-align:bottom; padding-left:20px;}
.about_01 .about_01_col_box img {vertical-align:middle; max-width:100%;}
.about_01 .about_01_title { font-size:30px; color:#222; font-weight:bold; line-height:40px; margin-bottom:20px; }
.about_01 .about_01_title b {color:#85010f;}
.about_01 .t1 {font-size:15px;}



/*업무분야*/
.business_01 {overflow:hidden;} 
.business_01 li {float:left; width:326px; margin-bottom:10px; } 
.business_01 li.m2 {margin:0 20px;} 

.business_01 li h4 {text-align:center; font-size:19px; font-weight:normal;; color:#444; border-top:1px #ddd solid; background:#f8f8f8; border-bottom:1px #ddd solid; padding:30px 0px; letter-spacing:-1px;}
.business_01 li .photo {height:150px; text-align:Center; line-height:180px;}
.business_01 li .photo img {vertical-align:middle;}
.business_01 li dl {border-bottom:1px #ddd solid;  padding:20px; height:250px;}
.business_01 li dl dt {font-size:15px; font-weight:bold; coloR:#448ecc; text-align:left; margin-bottom:10px;}
.business_01 li dl dd {font-size:14px;coloR:#555; background:url(../images/sub/dd_dot.jpg) left 10px no-repeat; padding-left:10px;}




.business_02 ul{overflow:hidden;} 
.business_02 ul li {float:left; width:500px; margin-bottom:10px; }
.business_02 li h4 {text-align:center; font-size:20px; font-weight:normal;; color:#444; border-top:1px #ddd solid; background:#f8f8f8; border-bottom:1px #ddd solid; padding:30px 0px;}
.business_02 ul li.m2 {margin-left:20px;} 
.business_02 ul li .photo {text-align:center;  height:230px; line-height:230px;}
.business_02 ul li .photo img {vertical-align:middle; max-width:100%;}
.business_02 ul li dl {border-bottom:1px #ddd solid;  padding:20px; height:200px; border-top:0px;}
.business_02 ul li dl dt {font-size:15px; font-weight:bold; coloR:#448ecc; margin-bottom:10px;}
.business_02 ul li dl dd {font-size:14px;coloR:#555; background:url(../images/sub/dd_dot.jpg) left 10px no-repeat; padding-left:10px;}







.business_03 {background:url(../images/contents/business/business_03_bg.png) 90% top no-repeat; min-height:300px; margin-top:90px; padding-top:20px;}





.common_business {text-align:center; padding:30px 0px;}
.common_business .t1{font-size:30px; font-family: 'Nanum Square'; line-height:30px; position:relative;  padding-bottom:40px; border-bottom:3px #ededed solid;}
.common_business .t1 .hello{display:inline-block; padding:0 20px;}
.common_business .t1 .fonti{position:relative; displaY:inline-block; top:-20px; font-size:30px; color:#ddd;}
.common_business .t1 .hello span{color:#448ecc;}





/*오시는길*/
.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 {height:500px;}



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) {




.about_01 {position:relative; }
.about_01 .about_01_col_box {display:block; width:auto;}
.about_01 .about_01_col_box .col{display:block; }
.about_01 .about_01_col_box .photo{ padding-left:0px; text-align:center;}
.about_01 .about_01_col_box img { max-width:100%;}
.about_01 .about_01_title { padding-top:30px;}







/*업무분야*/

.business_01 li {float:none; width:auto; margin-bottom:20px !important;; } 
.business_01 li.m2 {margin:0px;} 
.business_01 li .photo {height:auto; line-height:100%; padding:15px 0px;}
.business_01 li dl {height:auto;}


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

.business_02 ul li.m2 {margin:0px;} 
.business_02 ul li .photo {height:auto; line-height:100%; padding:15px 0px;}
.business_02 ul li dl { padding:20px; height:auto;}






.common_business {text-align:center;  0px;}
.common_business .t1{font-size:25px;  padding:0;}
.common_business .t1 .hello{padding:0 20px 40px;}









table.cStyle_location { font-size:14px; }
table.cStyle_location th {padding:10px; width:120px;}
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;}



}