@charset "utf-8";

/*인사말*/
.company_intro {position:relative; overflow:hidden;}
.company_intro .photo_box {text-align:center; }
.company_intro .photo_box .photo_box_slide{text-align:center; margin:0 auto; }
.company_intro .photo_box .photo_box_slide .list{width:100% !important; text-align:center;}
.company_intro .photo_box img {vertical-align:top; max-width:100%; text-align:center; display:inline-block;}

.company_intro .txt_area {margin-right:0px; border-top:1px #ddd solid; padding-top:30px; margin-top:30px;}
.company_intro .txt_area dt {font-size:23px; line-height:28px; color:#222; }
.company_intro .txt_area dd {font-size:15px; color:#666; word-break:keep-all; }
.company_intro .txt_area dd .strong{display:inline-block; padding:0 5px; background:#f6b721; color:#fff;}
.company_intro .txt_area dd .name{display:inline-block; font-size:16px;}
.company_intro .txt_area dd .name .t1{font-size:24px; color:#5d9e46; font-weight:normal;}


/*경영이념*/
.company_03_01 {overflow:hidden; margin-top:20px;}
.company_03_01 li {float:left; width:293px; position:relative; z-index:0;}
.company_03_01 li.m2 {margin:0 -30px; z-index:1;}
.company_03_01 li .box{display:table; width:100%;}
.company_03_01 li .box_col{/*border:30px #ddd solid;;*/ color:#fff; text-align:center; height:300px; border-radius:300px; display:table-cell; width:100%; vertical-align:middle; font-size:20px; }
.company_03_01 li.m1 .box_col{background:rgba(86,150,86,0.8); /*color:#569656*/}
.company_03_01 li.m2 .box_col{background:rgba(86,101,105,0.8); /*color:#566596*/}
.company_03_01 li.m3 .box_col{background:rgba(255,144,10,0.8); /*color:#e08a1b;*/}


.common_help_box { margin-top:30px; border:1px #ddd solid; background:#f8f8f8 url(../images/contents/common_help_bg.png) 40px bottom no-repeat; }
.common_help_box .box {padding:40px; padding-left:200px; font-size:16px;}
.common_help_box .box .t1 {font-size:30px; color:#000; margin-bottom:10px;}
.common_help_box .box .t2 {font-size:16px; color:#777;}
.common_help_box .box .t2 {font-size:16px; color:#777;}
.common_help_box .box .t2 span {display:inline-block; margin-right:20px;}
.common_help_box .box .t2 strong {color:#000; display:inline-block;; margin-right:6px;}



.business_01_02 {overflow:hidden;margin-top:30px;  padding-left:1px; padding-bottom:1px; border-bottom:1px #ddd solid;  border-top:1px #ddd solid; }
.business_01_02 li{float:left; width:50%; border-bottom:1px #ddd solid;}
.business_01_02 li .box { margin-left:-1px; margin-bottom:-1px; padding:20px;}
.business_01_02 li dl dt{font-size:18px; color:#318e1f;  line-height:22px; position:relative; padding-left:60px; margin-bottom:15px;}
.business_01_02 li dl dt span {position:absolute; left:0px; top:0px; background:#318e1f; display:inline-block; width:40px; height:40px; line-height:40px; color:#fff; text-align:center; margin-right:10px;}
.business_01_02 li dl dd{background:url(../images/sub/dt_dot.jpg) 60px 8px no-repeat;  padding-left:70px; text-align:left; line-height:18px; font-size:15px; letter-spacing:-1px; margin:4px 0px;}
.business_01_02 li.last {border-bottom:0px; width:100%;}




.business_02{overflow:hidden; padding-top:50px;}
.business_02 li {float:left; width:253px; margin-right:30px; }
.business_02 li.last {margin-right:0px; }
.business_02 li dl {border:1px #ddd solid; }
.business_02 li dl dt {font-size:20px; font-weight:bold;  color:#000; border-bottom:1px #ddd dashed;  position:relative;  text-align:center; padding:30px; }
.business_02 li dl dt .cont {position:absolute; left:0px; top:-22px; text-align:center; width:100%;}
.business_02 li dl dt .cont span {display:inline-block; width:40px; height:40px; line-height:40px; background:#569656; color:#fff; font-size:16px;}
.business_02 li dl dt .icon {padding:20px 0px 10px; height:50px; line-height:50px; }
.business_02 li dl dt .icon img {vertical-align:middle;}
.business_02 li dl dd {min-height:300px; background:#f8f8f8; padding:20px;}
.business_02 li dl dd .list{font-size:14px; background:url(../images/sub/dt_dot.jpg) left 10px no-repeat;  padding-left:7px; line-height:18px; margin:15px 0px;}



.business_04_wrap_box {border:1px #ddd solid; border-radius:30px; padding:15px 0px;; position:relative; margin-top:60px;}  
.business_04_wrap_box .title {position:relative; top:-48px; text-align:center;} 
.business_04_wrap_box .title .dot {position:absolute; top:27px; width:10px;; height:10px; background:#318e1f; border-radius:10px} 
.business_04_wrap_box .title .dot1 {left:0px;} 
.business_04_wrap_box .title .dot2 {right:0px;} 
.business_04_wrap_box .title .t1{display:inline-block; padding:15px 40px; background:#fff; position:relative;} 
.business_04_wrap_box .title .t1 .text{background:#444; color:#fff; font-size:22px; padding:15px 40px;; border-radius:30px;} 
.business_04_wrap_box .box {padding:0px 30px 30px;; text-align:center; font-size:18px;}
.business_04_wrap_box .box ul {overflow:hidden;}
.business_04_wrap_box .box ul li{width:47%;float:left; text-align:left;}


/*기업지원 전략 및 절차*/
.business_05_01 {overflow:hidden;margin-top:30px;  padding-left:1px; padding-bottom:1px;}
.business_05_01 li{float:left; width:33.3333333333333333%; }
.business_05_01 li .box {border:1px #ddd solid; margin-left:-1px; margin-bottom:-1px; padding:20px; min-height:290px;}
.business_05_01 li .box .icon {height:70px; line-height:70px; text-align:center;}
.business_05_01 li .box .icon img {vertical-align:middle;}
.business_05_01 li dl dt{font-size:18px; text-align:center; color:#1980bb; height:44px; line-height:22px; margin:10px 0px; border-bottom:1px #ededed solid; padding-bottom:10px; margin-bottom:15px;}
.business_05_01 li dl dd{background:url(../images/sub/dt_dot.jpg) left 8px no-repeat;  padding-left:10px; text-align:left; line-height:20px; font-size:15px; letter-spacing:-1px; margin:4px 0px;}


.example_02_common_col_box {border:1px #ddd solid; padding:0 10px;}
.example_02_common_col {display:table; width:100%; table-layout:fixed;}
.example_02_common_col .col{padding:20px; display:table-cell; vertical-align:middle;}
.example_02_common_col .col img{vertical-align:middle; width:100%;}
.example_02_common_col .col .text{text-align:center; margin-top:10px; font-size:16px; color:#000}


/*오시는길*/
.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:300px;}



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 .txt_area {margin-right:0px; margin-top:30px;}




/*경영이념*/
.company_03_01 { text-align:center;}
.company_03_01 li {float:none; display:inline-block; width:260px; }
.company_03_01 li.m2 {margin:-50px 0px;}


.common_help_box { margin-top:30px; background-size:80px; }
.common_help_box .box {padding:30px; padding-left:120px; ;}


.business_01_02 li{float:none; width:auto;}


.business_02 li {float:none; width:auto; margin-right:0px;  margin-bottom:60px;}
.business_02 li.last {margin-right:0px; }
.business_02 li dl dd {min-height:auto;}


.business_04_wrap_box .box ul li{width:auto;float:none;}


/*기업지원 전략 및 절차*/
.business_05_01 {padding-left:0px; padding-bottom:0px;}
.business_05_01 li{float:none; width:auto; margin-bottom:10px;}
.business_05_01 li .box {margin-left:0px; margin-bottom:0px; padding:20px; min-height:auto;}








/*오시는길*/
.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:150px;}



table.cStyle_location {font-size:14px;}
table.cStyle_location th {padding:10px;width:100px;}
table.cStyle_location td {padding:10px;}




}