@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);


/*인사말*/
.agency_01 {position:relative; }
.agency_01 .agency_01_col_box {display:table; width:100%;   border-bottom:3px #ededed solid;  margin-bottom:30px;}
.agency_01 .agency_01_col_box .col{display:table-cell; vertical-align:middle; }
.agency_01 .agency_01_col_box .photo{ vertical-align:bottom; padding-left:20px; width:300px}
.agency_01 .agency_01_col_box img {vertical-align:middle; max-width:100%;}
.agency_01 .agency_01_title { font-size:22px; color:#222; line-height:30px; margin-bottom:20px; }
.agency_01 .agency_01_title b {color:#49a734;}
.agency_01 .t1 {font-size:15px;}

/*비전과 목표*/
.agency_02_01_line {border-top:1px #ddd solid; margin-top:15px ;padding-top:15px; text-align:right; color:#666;}  


/*단계별 사업추진 방향*/
.agency_02_02 {margin-top:50px;}
.agency_02_02 .title {text-align:center; font-size:40px; color:#318e1f; line-height:40px; border-bottom:1px #ddd solid; padding-bottom:20px;}
.agency_02_02 .title span {display:block; font-size:20px; color:#444; font-weight:normal;  }

.agency_02_02 .first {overflow:hidden; margin-top:15px;}
.agency_02_02 .first .col {float:left; width:286px; margin-right:20px; }
.agency_02_02 .first .col.last {margin-right:0px; }
.agency_02_02 .first .col dl {border:1px #ddd solid; padding:30px;}
.agency_02_02 .first .col dl dt {font-size:20px; font-weight:bold;  color:#318e1f; border-bottom:1px #ddd dashed; padding-bottom:20px; margin-bottom:20px; }
.agency_02_02 .first .col dl dd {font-size:15px; background:url(../images/sub/dt_dot.jpg) left 10px no-repeat;  padding-left:10px;}



.agency_02_02 .second {overflow:hidden; margin-top:55px; padding-top:55px; border-top:1px #ddd dashed;}
.agency_02_02 .second .col {float:left; width:210px; margin-right:20px; }
.agency_02_02 .second .col.last {margin-right:0px; }
.agency_02_02 .second .col dl {border:1px #ddd solid; padding:30px; height:150px;}
.agency_02_02 .second .col dl dt {font-size:20px; font-weight:bold;  color:#000; border-bottom:1px #ddd dashed; padding-bottom:20px; margin-bottom:20px; position:relative;  text-align:center;}
.agency_02_02 .second .col dl dt .cont {position:absolute; left:0px; top:-50px; text-align:center; width:100%;}
.agency_02_02 .second .col dl dt .cont span {display:inline-block; width:40px; height:40px; line-height:40px; background:#2b74c6; color:#fff; font-size:16px;}
.agency_02_02 .second .col dl dd {font-size:15px; background:url(../images/sub/dt_dot.jpg) left 10px no-repeat;  padding-left:10px;}



.agency_02_02 .three {overflow:hidden; margin-top:55px; padding-left:1px;}
.agency_02_02 .three .col {float:left; width:225px; text-align:center;  margin-left:-1px;}
.agency_02_02 .three .col .box {border:1px #ddd solid; }
.agency_02_02 .three .col .icon {padding:30px 0px;}
.agency_02_02 .three .col .icon img {vertical-align:middle; max-width:100%;}
.agency_02_02 .three .col .text{font-size:15px; border-top:1px #ddd solid; padding:15px; background:#f8f8f8; color:#000;}



.agency_02_03 .first {overflow:hidden; margin-top:30px; }
.agency_02_03 .first .col {float:left; width:210px; margin-right:20px; }
.agency_02_03 .first .col.last {margin-right:0px; }
.agency_02_03 .first .col dl {border:2px #318e1f solid; height:250px;  }
.agency_02_03 .first .col dl dt {font-size:20px; padding:18px 0px; background:#318e1f; color:#fff; text-align:center; }
.agency_02_03 .first .col dl dd { padding:10px 20px;}
.agency_02_03 .first .col dl dd .list {font-size:15px; background:url(../images/sub/dt_dot.jpg) left 10px no-repeat;  padding-left:10px; text-align:left; }


.agency_02_03 {margin-top:20px;}
.agency_02_03 .second {overflow:hidden; margin-top:20px; padding-left:1px;}
.agency_02_03 .second .col {float:left; width:225px; text-align:center;  margin-left:-1px;}
.agency_02_03 .second .col .box {border:1px #ddd solid; }
.agency_02_03 .second .col .icon {padding:30px 0px;}
.agency_02_03 .second .col .icon img {vertical-align:middle; max-width:100%;}
.agency_02_03 .second .col .text{font-size:15px; border-top:1px #ddd solid; padding:15px; height:40px; line-height:20px; background:#f8f8f8; color:#000;}



/*기관소개*/
.agency_03_01_wrap .photo img {vertical-align:middle; max-width:100%;}
.agency_03_01_wrap .info_text {margin:0 auto; width:70%; padding:50px; background:#fff; position:relative; margin-top:-60px;}
.agency_03_01_wrap .info_text .t1 {font-size:40px; color:#318e1f}
.agency_03_01_wrap .info_text .t2 {margin:20px 0px; font-size:25px; color:#000}
.agency_03_01_wrap .info_text .t3 {font-size:15px; color:#777; }

.agency_03_01_02 {margin-top:30px; padding-left:1px;}
.agency_03_01_02 .first {overflow:hidden;  padding-left:1px;}
.agency_03_01_02 .first li{float:left; width:20%; font-size:17px;}
.agency_03_01_02 .first li .box {border-top:2px #318e1f solid; border-bottom:2px #318e1f solid; text-align:center; margin-left:-1px; padding:40px 0px; border-right:2px #318e1f solid;color:#318e1f;}
.agency_03_01_02 .first li.last_li .box {border-right:0px;}


.agency_03_01_02 .last {display:table; width:100%; table-layout:fixed; margin-top:20px; border-top:1px #ddd solid;}
.agency_03_01_02 .last li{display:table-cell; border-right:1px #ddd solid; font-size:12px; text-align:center; vertical-align:top;}
.agency_03_01_02 .last li.first_li{border-left:1px #ddd solid; }
.agency_03_01_02 .last li dl { border-bottom:1px #ededed solid; }
.agency_03_01_02 .last li dl dt {font-size:24px;; color:#004a78; font-weight:bold;  border-bottom:1px #ededed solid; padding:15px 0px;}
.agency_03_01_02 .last li dl dd {line-height:16px; font-size:13px; background:#f8f8f8;padding:20px 0px; }
.agency_03_01_02 .cont_name {text-align:right; padding-top:3px; color:#000; font-size:12px;}

.agency_03_01_02 .info_box_text {padding:20px; border:1px #ddd solid; margin-top:20px; font-size:16px;}





.agency_07_list_cate_box {overflow:hidden; margin-top:60px;}
.agency_07_list_cate_box .agency_07_list_cate {float:right;}
.agency_07_list_cate_box .agency_07_list_cate a{display:inline-block; height:40px; line-height:40px; background:#ddd; padding:0px 30px; color:#333; }
.agency_07_list_cate_box .agency_07_list_cate a.on{background:#4472c4; color:#fff; }
/*.common_agency_07_box {display:none;}*/




/*공동활용입주공간안내*/
.support_01_01 {overflow:hidden; margin-top:30px;}
.support_01_01 li {float:left; width:50%; }
.support_01_01 li .box {border:1px #ddd solid;}
.support_01_01 li.last .box {border-left:0px; }
.support_01_01 li .box dl {padding:30px;}
.support_01_01 li .box dl dt {font-size:20px; font-weight:bold; color:#318e1f; margin-bottom:15px;}
.support_01_01 li .box dl dd {font-size:15px; color:777;  background:url(../images/sub/dt_dot.jpg) left 8px no-repeat;  padding-left:10px; line-height:24px;}

.support_01_01_down {border:1px #ddd solid; text-align:center; font-size:18px; margin-top:20px;}
.support_01_01_down a{display:block;  background:#f8f8f8; padding:15px 0px; text-decoration:underline;}
.support_01_01_down:hover {border-color:#318e1f;}
.support_01_01_down:hover a{color:#318e1f;}


.support_01_01_help_call { margin-top:30px; border:1px #ddd solid; background:url(../images/contents/support/support_01_01_help_call_bg.png) 40px bottom no-repeat; }
.support_01_01_help_call .box {padding:40px; padding-left:200px;}
.support_01_01_help_call .box .t1 {font-size:30px; color:#000; margin-bottom:10px;}
.support_01_01_help_call .box .t2 {font-size:16px; color:#777;}
.support_01_01_help_call .box .t2 {font-size:16px; color:#777;}
.support_01_01_help_call .box .t2 span {display:inline-block; margin-right:20px;}
.support_01_01_help_call .box .t2 strong {color:#000; display:inline-block;; margin-right:6px;}


.support_01_01_show_room {overflow:hidden; margin-top:20px; padding-left:1px; padding-bottom:1px;}
.support_01_01_show_room  li{float:left; width:25%;}
.support_01_01_show_room.etc li{float:left; width:33.33333333%;}
.support_01_01_show_room  li .box {border:1px #ddd solid; padding:20px; margin-left:-1px; margin-bottom:-1px;}
.support_01_01_show_room  li .box .icon img {vertical-align:middle; max-width:100%;}
.support_01_01_show_room  li .box dl dt {margin:15px 0px; font-size:20px; color:#318e1f; border-bottom:1px #ddd solid; padding-bottom:15px;}
.support_01_01_show_room  li .box dl dd {line-height:20px; color:#000; font-size:14px; min-height:120px;}



/*고령친화특화인큐베이션센터*/
.support_02_01_top {background:url(../images/contents/support/support_02_01_top_bg.jpg) center top no-repeat; text-align:center; padding:0 60px;}
.support_02_01_top .title h3{font-size:30px; color:#fff; padding-top:80px;}
.support_02_01_top .title ul {padding-top:30px;}
.support_02_01_top .title ul li {font-size:16px; color:#fff;}
.support_02_01_top .col_box {background:#fff; padding:20px; margin-top:40px; overflow:hidden;}
.support_02_01_top .col_box .col{float:left; width:230px;}
.support_02_01_top .col_box .col.center{margin:0px 21.5px;}
.support_02_01_top .col_box .col dl {padding:15px;}
.support_02_01_top .col_box .col dl dt{font-size:18px; color:#1980bb; height:44px; line-height:22px; border-bottom:1px #ededed solid; padding-bottom:10px; margin-bottom:15px; }
.support_02_01_top .col_box .col dl dd{background:url(../images/sub/dt_dot.jpg) left 8px no-repeat;  padding-left:10px; text-align:left; line-height:18px; font-size:13px; letter-spacing:-1px; margin:4px 0px;}


/*기업지원 전략 및 절차*/
.business_01_01_01 {overflow:hidden;margin-top:30px;  padding-left:1px; padding-bottom:1px;}
.business_01_01_01 li{float:left; width:20%; }
.business_01_01_01 li .box {border:1px #ddd solid; margin-left:-1px; margin-bottom:-1px; padding:20px; min-height:290px;}
.business_01_01_01 li .box .icon {height:70px; line-height:70px; text-align:center;}
.business_01_01_01 li .box .icon img {vertical-align:middle;}
.business_01_01_01 li dl dt{font-size:16px; color:#1980bb; height:44px; line-height:22px; margin:10px 0px; border-bottom:1px #ededed solid; padding-bottom:10px; margin-bottom:15px;}
.business_01_01_01 li dl dd{background:url(../images/sub/dt_dot.jpg) left 8px no-repeat;  padding-left:10px; text-align:left; line-height:18px; font-size:13px; letter-spacing:-1px; margin:4px 0px;}



.business_01_01_02 {overflow:hidden;margin-top:30px;  padding-left:1px; padding-bottom:1px; border-bottom:1px #ddd solid;  border-top:1px #ddd solid; background:#f8f8f8;}
.business_01_01_02 li{float:left; width:50%; border-bottom:1px #ddd solid;}
.business_01_01_02 li .box { margin-left:-1px; margin-bottom:-1px; padding:20px;}
.business_01_01_02 li dl dt{font-size:18px; color:#000;  line-height:22px; position:relative; padding-left:60px; margin-bottom:15px;}
.business_01_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_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_01_02 li.last {border-bottom:0px;}




.business_01_01_03 {font-size:0px;;margin-top:30px; margin-bottom:120px;  }
.business_01_01_03 li{display:inline-block; width:25%; position:relative; text-align:center; height:30px; background:#f9ca36}
.business_01_01_03 li:nth-child(even){background:#00a59e}
.business_01_01_03 li .text {position:absolute; left:0px; top:45px;  height:10px; background:#ddd; width:100%; font-size:16px;  text-align:center;}
.business_01_01_03 li .text span {display:inline-block; background:#fff; color:#000;  padding:0 10px;position:relative; top:-6px;}
.business_01_01_03 li .cont {position:absolute; left:0px; top:-20px; color:#666; font-size:13px;}
.business_01_01_03 li .cont.last {left:auto; right:0px;}




.business_01_01_04 {overflow:hidden;margin-top:60px;}
.business_01_01_04 li{float:left; width:30%; margin-bottom:20px; text-align:center;;}
.business_01_01_04 li.center{margin:0px 1.5% 20px;;}

.business_01_01_04 li .icon {text-align:center; height:160px; background:#f8f8f8;}
.business_01_01_04 li .icon img {vertical-align:middle; max-width:100%;}
.business_01_01_04 li .text{font-size:16px; color:#000; background:#f8f8f8; padding:15px 0px;}



.business_01_01_05 {overflow:hidden;margin-top:20px;}
.business_01_01_05 li{float:left; width:50%;text-align:center;; padding:60px 0px; background:#f8f8f8;}
.business_01_01_05 li.odd{background:#ddd;}

.business_01_01_05 li .icon {text-align:center; }
.business_01_01_05 li .icon img {vertical-align:middle; max-width:100%;}
.business_01_01_05 li .text{font-size:16px; color:#000; }



/*기술지원소개*/
.business_02_01_top {border:1px #ddd solid; padding:30px; background:url(../images/contents/business/business_02_01_top_bg.png) 60px 50% no-repeat;}
.business_02_01_top dl {padding-left:200px;}
.business_02_01_top dl dt{font-size:20px; color:#000; line-height:25px;font-weight:bold; margin-bottom:15px; }
.business_02_01_top dl dd{font-size:16px; color:#777; }

.business_02_01_list {margin-top:20px;overflow:hidden;}
.business_02_01_list li {float:left; width:210px; margin-right:20px;}
.business_02_01_list li.last {margin-right:0px;}
.business_02_01_list li .box { text-align:center;}
.business_02_01_list li dl{color:#fff; padding:30px 0px;}
.business_02_01_list li.m1 dl {background:#ff8601; }
.business_02_01_list li.m2 dl {background:#e65552;}
.business_02_01_list li.m3 dl {background:#0096c9;}
.business_02_01_list li.m4 dl {background:#00aaa1;}
.business_02_01_list li dl dt {font-size:25px;}
.business_02_01_list li dl dd {padding-top:10px; font-size:14px;}
.business_02_01_list li .icon {border:1px #ddd solid; padding:15px; min-height:325px;}
.business_02_01_list li .icon img {vertical-align:middle; max-width:100%;}


.business_02_02_help {border:1px #ddd solid; padding:30px; margin-top:20px; font-size:16px; padding-left:130px; background:url(../images/contents/business/business_02_02_help_bg.png) 30px 50% no-repeat;}
.business_02_02_help strong{color:#ff7901;}


/*인력양성사업 필요성*/
.business_03_02_wrap ul.col_box{display:table; width:100%; table-layout:fixed; margin-top:40px; border-bottom:1px #ddd solid; padding-bottom:30px; }
.business_03_02_wrap ul.col_box li.col{display:table-cell;vertical-align:middle;}
.business_03_02_wrap ul.col_box li.col .first {border:1px #ddd solid; padding-bottom:10px;}
.business_03_02_wrap ul.col_box li.col .first dt{font-size:16px; border-bottom:1px #ddd solid; padding:10px; padding-bottom:10px; margin-bottom:10px; color:#1980bb;  text-align:center; }
.business_03_02_wrap ul.col_box li.col .first dd{font-size:15px;  background:url(../images/sub/dt_dot.jpg) 20px 8px no-repeat;  padding-left:30px; text-align:left; line-height:18px; font-size:13px; letter-spacing:-1px; margin:4px 0px;}
.business_03_02_wrap ul.col_box li.col .text {padding:0 40px; background:url(../images/contents/business/business_03_02_wrap_line.png) left 50% repeat-x; text-align:center; font-size:16px; }
.business_03_02_wrap ul.col_box li.col.center .text {padding:0 40px; background-position:left 48%   }
.business_03_02_wrap ul.col_box li.col .text .list{padding:10px; border:1px #ddd solid; margin:4px 0px; background:#f8f8f8;}
.business_03_02_wrap ul.col_box li.col .last {border:1px #ddd solid;  padding-bottom:10px;}
.business_03_02_wrap ul.col_box li.col .last dt{font-size:16px; border-bottom:1px #ddd solid; padding:10px; padding-bottom:10px; margin-bottom:10px; color:#318e1f; text-align:center; }
.business_03_02_wrap ul.col_box li.col .last dd{font-size:15px;  background:url(../images/sub/dt_dot.jpg) 20px 8px no-repeat;  padding-right:30px; padding-left:30px; text-align:left; line-height:18px; font-size:13px; letter-spacing:-1px; margin:4px 0px;}



.business_03_03_wrap_box {border:1px #ddd solid; border-radius:30px; padding:15px 0px;; position:relative; margin-top:90px;}  
.business_03_03_wrap_box .title {position:relative; top:-48px; text-align:center;} 
.business_03_03_wrap_box .title .dot {position:absolute; top:27px; width:10px;; height:10px; background:#318e1f; border-radius:10px} 
.business_03_03_wrap_box .title .dot1 {left:0px;} 
.business_03_03_wrap_box .title .dot2 {right:0px;} 
.business_03_03_wrap_box .title .t1{display:inline-block; padding:15px 40px; background:#fff; position:relative;} 
.business_03_03_wrap_box .title .t1 .text{background:#318e1f; color:#fff; font-size:22px; padding:15px 40px;; border-radius:30px;} 
.business_03_03_wrap_box .box {padding:0px 30px 30px;; text-align:center; font-size:18px;}


.business_03_03_01 {text-align:Center; margin-top:120px;}
.business_03_03_01 .title {font-size:30px; }


.business_03_03_01 ul{height:750px;width:730px;margin:0px auto;margin-top:22px;position:relative;}
.business_03_03_01 ul li{position:absolute;width:200px;height:200px;display:table; border:40px #ddd solid; border-radius:300px;}
.business_03_03_01 ul li dl.col{text-align:center;display:table-cell;vertical-align:middle;}
.business_03_03_01 ul li dl.col dt{font-size:18px;line-height:20px;color:#3f70af;font-weight:700;} /* 2019-08-20 수정 */
.business_03_03_01 ul li dl.col dd{font-size:14px;line-height:18px;color:#666666;}
.business_03_03_01 ul li dl.col dt + dd{margin-top:15px;}
.business_03_03_01 ul li:nth-child(1){top: 0px;left:0px; border-color:#3f70af}
.business_03_03_01 ul li:nth-child(1) dl dt {color:#3f70af}
.business_03_03_01 ul li:nth-child(2){top: 0px;right: 0px; border-color:#339e67}
.business_03_03_01 ul li:nth-child(2) dl dt {color:#339e67}
.business_03_03_01 ul li:nth-child(3){top:240px;left:0px; border-color:#f18238}
.business_03_03_01 ul li:nth-child(3) dl dt {color:#f18238}
.business_03_03_01 ul li:nth-child(4){top:240px;right:0px; border-color:#88888}
.business_03_03_01 ul li:nth-child(4) dl dt {color:#88888}
.business_03_03_01 ul li:nth-child(5){top:140px;left:220px; border-color:#278891}
.business_03_03_01 ul li:nth-child(5) dl dt {color:#278891}


.business_03_03_wrap {overflow:hidden; margin-top:30px;}
.business_03_03_wrap li{float:left; width:286px;}
.business_03_03_wrap li.center{margin:0 20px; }
.business_03_03_wrap li .icon {border:1px #ddd solid; padding:20px;}
.business_03_03_wrap li .icon img{vertical-align:middle; max-width:100%;}
.business_03_03_wrap li dl {background:#f8f8f8; padding:20px;}
.business_03_03_wrap li dl dt{font-size:20px; color:#000;}
.business_03_03_wrap li dl dd{padding-top:10px; font-size:15px; color:#777; line-height:18px;}

.business_03_03_help {border:1px #ddd solid; padding:30px; text-align:Center; margin-top:20px; font-size:20px; line-height:24px;  background:url(../images/contents/business/business_03_03_help_bg.png) 30px 50% no-repeat;}
.business_03_03_help span{color:#ff7901;}



.business_06_02_wrap  {}
.business_06_02_wrap .col {margin-bottom:30px; position:relative; overflow:hidden;}
.business_06_02_wrap .col .first {float:left; position:relative; padding:8px; }
.business_06_02_wrap .col .first .title {background:#fff; border:1px #ddd solid; width:220px; height:110px; border-radius:10px; text-align:center; line-height:108px;}
.business_06_02_wrap .col .first .title span {display:inline-block; width:200px;height:90px; border-radius:10px; background:#3f70af; color:#fff; vertical-align:middle; line-height:90px; font-size:25px ;}
.business_06_02_wrap .col .first .line_gude {position:absolute; left:230px; top:63px; width:30px;; height:1px;  background:#ddd;}
.business_06_02_wrap .col .first .line_gude span{position:absolute; right:0px; top:-5px; width:10px;; height:10px; background:#3f70af; border-radius:10px;}
.business_06_02_wrap .col .text_box {margin-left:245px; background:#fff; border:1px #cbcbcb dashed; padding:30px; border-radius:10px; font-size:20px; text-align:center; margin-top:15px; }

.business_06_02_wrap .col.m2 .first .title span,
.business_06_02_wrap .col.m2 .first .line_gude span {background:#339e67;}
.business_06_02_wrap .col.m3 .first .title span,
.business_06_02_wrap .col.m3 .first .line_gude span {background:#ea7323;}
.business_06_02_wrap .col.m4 .first .title span,
.business_06_02_wrap .col.m4 .first .line_gude span {background:#e95252;}

.business_06_02_wrap .col.col_list .text_box {font-size:16px;  padding:20px; text-align:left; padding-left:40px;}
.business_06_02_wrap .col.col_list .text_box .box{display:inline-block;  width:30%; margin:0px 1.5%; vertical-align:top; }
.business_06_02_wrap .col.col_list .text_box .box.color{background:#f8f8f8; border-radius:10px; }
.business_06_02_wrap .col.col_list .text_box .box.color .info{padding:10px; text-align:center; color:#339e67;}
.business_06_02_wrap .col.col_list .text_box .box.color .info dl dt {border-bottom:1px #ddd solid; padding-bottom:10px; color:#ea7323; margin-bottom:10px;}
.business_06_02_wrap .col.col_list .text_box .box.color .info dl dd {text-align:left;  background:url(../images/sub/dt_dot.jpg) 10px 8px no-repeat;  padding-left:20px; text-align:left; line-height:18px; font-size:13px; color:#000;}
.business_06_02_wrap .col.col_list .text_box .box.color .info dl dd.strong {color:#e95252;}

.business_06_02_wrap .col.col_list .text_box .box.color .info .logo {padding:10px 0px;}
.business_06_02_wrap .col.col_list .text_box .box.color .info .logo img {vertical-align:middle; max-width:100%;}
.business_06_02_wrap .col.col_list .text_box .box.color .info .t1{margin:15px 0px; background:#444; text-align:Center; color:#fff;padding:15px 0px; border-radius:5px;}
.business_06_02_wrap .col.col_list .text_box .box.color .info .t1 span{display:block; font-size:14px;}
.business_06_02_wrap .col.col_list .text_box .box.color .info dl dt span{display:block; font-size:13px; color:#666;}
.business_06_02_wrap .col.col_list .text_box .box.color .info dl dt {color:#e95252;}

/*이용안내 및 이용대상*/
.reservation_01_01_list {overflow:hidden; margin-top:10px;}
.reservation_01_01_list li {float:left; width:18%; margin:0 1% 2%;; text-align:center; }
.reservation_01_01_list li .box {border:2px #318e1f solid; padding:15px 0px; font-size:16px; color:#318e1f;}


.reservation_01_02_list {margin-top:10px;}
.reservation_01_02_list li .col_box {display:table; width:100%; table-layout:fixed;}
.reservation_01_02_list li .col_box .col{display:table-cell; vertical-align:middle; background:#318e1f; padding:40px;}
.reservation_01_02_list li .col_box .col dl.first{text-align:center; } 
.reservation_01_02_list li .col_box .col dl.first dt{font-size:30px; line-height:30px; color:#fff;}
.reservation_01_02_list li .col_box .col dl.first dd{font-size:16px; color:rgba(255,255,255,0.7); line-height:20px; margin-top:20px;}
.reservation_01_02_list li.right_box .col_box .col{background:#1980bb}

.reservation_01_02_list li .col_box .col.no_bg,
.reservation_01_02_list li.right_box .col_box .col.no_bg{background:#f8f8f8;}


.reservation_01_02_top_help {border:1px #ddd solid; padding:30px; margin-top:20px; font-size:16px; padding-left:220px; background:url(../images/contents/reservation/reservation_01_02_top_help_bg.png) 30px 50% no-repeat;}
.reservation_01_02_top_help.reservation_01_03_top_help {background:url(../images/contents/reservation/reservation_01_03_top_help_bg.png) 30px 50% no-repeat;}
.reservation_01_02_top_help.reservation_01_04_top_help {background:url(../images/contents/reservation/reservation_01_04_top_help_bg.png) 30px 50% no-repeat;}
.reservation_01_02_top_help dl dt{font-size:25px; color:#1980bb; margin-bottom:10px;}
.reservation_01_02_top_help dl dd{font-size:16px;}





.reservation_01_02_01 {overflow:hidden; margin-top:10px;}
.reservation_01_02_01 li {float:left; width:14.6666666%; margin:0 1% 2%;; text-align:center; }
.reservation_01_02_01.etc li {float:left; width:18%; margin:0 1% 2%;; text-align:center; }
.reservation_01_02_01 li dl {border:2px #318e1f solid; padding:15px 0px; font-size:16px; color:#318e1f;}
.reservation_01_02_01 li dl dt{color:#318e1f;}
.reservation_01_02_01 li dl dd{color:#666;}


.reservation_01_02_02 ul { border-top:1px #ddd solid;}
.reservation_01_02_02 ul li{padding:25px 0px; border-bottom:1px #ededed solid; position:relative; overflow:hidden;}
.reservation_01_02_02 ul li img {vertical-align:middle;}
.reservation_01_02_02 ul li .icon {float:left; }
.reservation_01_02_02 ul li dl {margin-left:150px; }
.reservation_01_02_02 ul li dl dt {font-size:20px; color:#000; margin-bottom:10px;}
.reservation_01_02_02 ul li dl dd {font-size:16px; color:#666;}


.reservation_03_01_list {overflow:hidden; margin-top:20px;}
.reservation_03_01_list li {float:left; width:20%; padding:0 2.5%; text-align:center; background:url(../images/contents/reservation/reservation_03_01_list_dot.png) right 50% no-repeat;}
.reservation_03_01_list li.last {background:none;}
.reservation_03_01_list li .box {border:1px #ddd solid; padding:15px 0px; font-size:16px; color:#000; line-height:20px;}


/*예약신청*/
.reservation_01_05_wrap {}
.reservation_01_05 {display:table; width:100%; table-layout:fixed;}
.reservation_01_05 .col{display:table-cell;vertical-align:top; border:1px #ddd solid; border-right:0px;}
.reservation_01_05 .col h3{background:#f8f8f8; text-align:center; border-bottom:1px #ddd solid; font-size:20px; font-weight:normal; padding:20px 0px; color:#000;}
.reservation_01_05 .col.last{border-right:1px #ddd solid;}
.reservation_01_05 .col h3 span{display:block; font-size:16px; color:#777;}
.reservation_01_05 .col .col_box {padding:20px; }
.reservation_01_05 .col .col_box .btns {margin-top:20px; text-align:center;}
.reservation_01_05 .col .col_box .btns a{display:block; background:#444; color:#fff;  text-align:Center; font-size:16px; line-height:50px;}

.reservation_01_05_write {margin-top:20px; padding-top:20px; border-top:1px #ddd dashed; }


.reservation_01_05_table_list {position:relative; border-top:2px solid #092c6f;  font-size:14px; overflow:hidden;}
.reservation_01_05_table_list ul{display:table; width:100%; table-layout:fixed;}
.reservation_01_05_table_list ul li{display:table-cell; vertical-align:middle; padding:12px 5px;  position:relative; border-bottom:1px solid #ddd; text-align:center;}
.reservation_01_05_table_list ul li .m_jump{display:block;}
.reservation_01_05_table_list ul li .m_title{display:none;}
.reservation_01_05_table_list ul.header {background:#f2f6f9; color:#333;}

.reservation_01_05_table_list input[type="text"] {line-height:28px; padding:0 5px; height:28px; border:1px #ddd solid; vertical-align:middle; width:90%;}
.reservation_01_05_table_list input[type="radio"],
.reservation_01_05_table_list label,
.reservation_01_05_table_list input[type="checkbox"] {vertical-align:middle;}
.reservation_01_05_table_list .hidden_label {text-indent:-99999999px;  position:absolute; left:-999999px;}


.certification_box { display:none;  display:none; }
.certification_box #container_etc {padding:60px; background:#fff;  width:650px;}
.certification_box .c_logo {position:absolute; right:60px; top:20px;}
.certification_box_wrap {padding:100px 100px 0px;; border:2px #000 solid; font-family: 'Nanum Myeongjo', serif; }
.certification_box .title{text-align:center; font-size:60px; color:#000; font-weight:bold; letter-spacing:6px;}
.certification_box ul{margin-top:120px;}
.certification_box ul li{position:relative; font-size:20px; padding-left:120px; color:#000; margin:10px 0px; font-weight:bold;}
.certification_box ul li span{position:absolute; left:0px; top:0px;}
.certification_box .info {margin-top:40px; text-align:center; font-size:18px; color:#000; font-weight:bold;}
.certification_box .date {text-align:Center; margin-top:100px; font-size:18px; color:#000; position:relative; overflow:hidden; padding:20px 0px; }
.certification_box .date .t1{z-index:1; position:relative; font-weight:bold; font-size:25px;}
.certification_box .date .t2{margin-top:60px; font-size:40px; font-weight:bold; z-index:1; position:relative;}
.certification_box .date .jic {position:absolute; right:-180px; bottom:50px; z-index:0; position:relative;}
.certification_box .date .jic img {vertical-align:middle; width:90px;}
.certification_box .center_logo  {position:absolute; left:25%; top:25%; }

.certification_box .close {position:absolute; right:-70px; top:-10px; width:60px; height:60px;  text-align:center; line-height:60px; background:#092c6f;  color:#fff;}
.certification_box .print {position:absolute; right:-70px; top:50px; width:60px; height:60px;  text-align:center; line-height:60px; background:#176e09;  color:#fff;}
.certification_box .print a{display:block; color:#fff;}





.reservation_01_05_list_table {border-top:2px #092c6f solid;  border-right:1px #ddd solid;}
.reservation_01_05_list_table ul{display:table; width:100%; table-layout:fixed; border-bottom:1px #ddd solid;}
.reservation_01_05_list_table ul li{display:table-cell;vertical-align:middle; text-align:center; padding:15px 8px; font-size:15px;}
.reservation_01_05_list_table ul li.title{background:#f2f6f9; border-right:1px #ddd solid; border-left:1px #ddd solid; color:#000; font-weight:bold;}





/*오시는길*/
.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;} 



.summer_event_info {border:3px #444 solid; padding:30px;padding-left:370px; background:url(../images/common/summer_event_info_bg.png) 40px 50% no-repeat;}
.summer_event_info dl dt{font-size:26px; color:#cf8b20; margin-bottom:20px;}
.summer_event_info dl dd{font-size:14px; color:#000;}



.table_tip {display:none;}

@media all and (max-width:1024px) {








table.cStyle_location {font-size:13px;}
table.cStyle_location th {padding:5px;width:80px;}
table.cStyle_location td { padding:5px;}


.reservation_01_05_list_table {border-top:2px #092c6f solid;  }
.reservation_01_05_list_table ul{display:block; overflow:hidden; border-bottom:0px;}
.reservation_01_05_list_table ul li{float:left; width:70%; text-align:left; padding:8px; min-height:50px; border-bottom:1px #ddd solid; font-size:13px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.reservation_01_05_list_table ul li.title{width:30%;}





/*오시는길*/
.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;}



.mobile_table_wrap {overflow:hidden; overflow-x:auto; display:block; position:relative;}
.mobile_table_wrap table{width:700px !important;}

.table_tip_wrap {position:relative;margin:30px 0px 0px; display:block; }
.table_tip_wrap .tip {overflow:hidden; text-align:center;}
.table_tip_wrap .tip .text{background:rgba(0,0,0,0.7); color:#fff; font-size:12px; line-height:36px; margin:0 50px; border-radius:30px;}
.table_tip_wrap .tip .col{position:absolute; top:0px; width:30px; height:36px; background-position:left top; background-repeat:no-repeat;  background-size:36px}
.table_tip_wrap .tip .col.left{left:0px;  background:url(../images/sub/mobile_swipe_icon_left.png); background-size:30px; }
.table_tip_wrap .tip .col.right{right:0px;  background:url(../images/sub/mobile_swipe_icon_right.png);   background-size:30px;}


.table_tip,
.table_tip_wrap {display:block; text-align:center;}

.table_tip {background:#f8f8f8; border-radius:15px; margin-top:10px;}






/*인사말*/
.agency_01 {position:relative; }
.agency_01 .agency_01_col_box {display:block; width:auto;}
.agency_01 .agency_01_col_box .col{display:block; }
.agency_01 .agency_01_col_box .photo{ padding-left:0px; text-align:center;}
.agency_01 .agency_01_col_box img { max-width:100%;}
.agency_01 .agency_01_title { padding-top:30px;}



/*단계별 사업추진 방향*/
.agency_02_02 .first .col {float:none; width:auto; margin:0px 0px 10px !important; }
.agency_02_02 .second .col {float:none; width:auto; margin:0px 0px 40px !important; }
.agency_02_02 .three .col {float:none; width:auto; margin:0px 0px 10px !important;}
.agency_02_03 .first .col {float:none; width:auto; margin:0px 0px 10px !important;; }
.agency_02_03 .second .col {float:none; width:auto; margin:0px 0px 10px !important;}



/*기관소개*/
.agency_03_01_wrap .info_text {margin:0 auto; width:auto; padding:50px 10px; }


.agency_03_01_02 .first li{float:none; width:auto; margin-bottom:10px;}
.agency_03_01_02 .first li .box {margin-left:1px; padding:40px 0px; border:2px #318e1f solid !important;}



.agency_03_01_02 .last {display:block; }
.agency_03_01_02 .last li{display:block; border:1px #ddd solid !important; margin-bottom:10px !important;}








/*기업지원 전략 및 절차*/

.business_01_01_01 li{float:none; width:auto; }


.business_01_01_02 li{float:none; width:auto;}



.business_01_01_03 li .text { font-size:11px; line-height:16px;}



.business_01_01_04 li{width:50%; }
.business_01_01_04 li.center{margin:0px 0px 20px;;}

.business_01_01_04 li .icon {height:auto;}
.business_01_01_04 li .text{font-size:12px; color:#000; background:#f8f8f8; padding:15px 10px; height:40px; line-height:20px;}



/*기술지원소개*/
.business_02_01_top {padding:20px; background-position:center 20px;}
.business_02_01_top dl {padding-left:0px; padding-top:180px;}

.business_02_01_list li {float:none; width:auto; margin:0px 0px 10px !important;}



.business_03_03_01 {text-align:Center; margin-top:120px;}
.business_03_03_01 .title {font-size:30px; }


.business_03_03_01 ul{height:auto;width:auto; text-align:center;}
.business_03_03_01 ul li{position:relative; width:200px;height:200px;display:inline-block;; }
.business_03_03_01 ul li dl.col{text-align:center;display:block;padding-top:60px;}

.business_03_03_01 ul li:nth-child(3){top:0px;}
.business_03_03_01 ul li:nth-child(4){top:0px;}
.business_03_03_01 ul li:nth-child(5){top:0px;left:0px;}




.business_03_03_wrap li{float:none; width:auto; margin:0px 0px 10px !important}
.business_03_03_help {padding:15px;font-size:15px; letter-spacing:-2px; }


.business_06_02_wrap .col .first {float:none; display:block;}
.business_06_02_wrap .col .first .title { width:auto; height:auto; }
.business_06_02_wrap .col .first .title span {display:block; width:auto;height:90px;margin:15px;}
.business_06_02_wrap .col .first .line_gude {position:absolute; left:50%; top:130px; width:1px;; height:10px;  text-align:center;}
.business_06_02_wrap .col .first .line_gude span{position:relative; left:auto;top:0px; display:inline-block; margin-left:-5px;} 
.business_06_02_wrap .col .text_box {margin-left:0px; padding:20px;  font-size:16px}


.business_06_02_wrap .col.col_list .text_box {padding-left:20px;}
.business_06_02_wrap .col.col_list .text_box .box{display:block;  width:auto; margin:0px 0px 10px; text-align:center;;}



/*공동활용입주공간안내*/

.support_01_01 li {float:none; width:auto; }
.support_01_01 li .box {border:1px #ddd solid !important; margin-bottom:5px;}


.support_01_01_help_call { margin-top:30px;background:none; }
.support_01_01_help_call .box { padding-left:0px; padding:20px;}
.support_01_01_help_call .box .t1 {font-size:20px; }
.support_01_01_help_call .box .t2 {font-size:14px;}
.support_01_01_help_call .box .t2 {font-size:14px;}



.support_01_01_show_room {overflow:hidden; margin-top:20px; padding-left:1px; padding-bottom:1px;}
.support_01_01_show_room  li{float:none; width:auto !important;}
.support_01_01_show_room.etc li{float:none;width:auto !important;}
.support_01_01_show_room  li .box .icon img { width:100%;}
.support_01_01_show_room  li .box dl dd { min-height:auto;}



/*고령친화특화인큐베이션센터*/
.support_02_01_top {padding:0 30px;}
.support_02_01_top .title h3{font-size:20px; color:#fff; padding-top:30px;}

.support_02_01_top .title ul li {font-size:12px; color:#fff; line-height:18px; text-align:left; margin:10px 0px;}

.support_02_01_top .col_box .col{float:none; width:auto; margin:0px 0px 15px !important}





/*이용안내 및 이용대상*/
.reservation_01_01_list li {float:none; width:auto; margin:0px 0px 10px !important;;}


.reservation_01_02_list li .col_box {display:block; margin-bottom:30px;}
.reservation_01_02_list li .col_box .col{display:block;}



.reservation_01_02_top_help { padding:20px !important; background:url(../images/contents/reservation/reservation_01_02_top_help_bg.png) center 15px no-repeat;}
.reservation_01_02_top_help.reservation_01_03_top_help {background:url(../images/contents/reservation/reservation_01_03_top_help_bg.png) center 15px no-repeat;}
.reservation_01_02_top_help.reservation_01_04_top_help {background:url(../images/contents/reservation/reservation_01_04_top_help_bg.png) center 15px no-repeat;}
.reservation_01_02_top_help dl {padding-top:160px;}


.reservation_01_02_01 li {float:none; width:auto; margin:0px 1px 10px !important;}
.reservation_01_02_02 ul {border-top:0px;}
.reservation_01_02_02 ul li { border:1px #ddd solid !important; padding:30px; margin-bottom:5px;}
.reservation_01_02_02 ul li .icon {float:none;  text-align:center;}
.reservation_01_02_02 ul li dl {margin-left:0px; margin-top:20px; }


.reservation_03_01_list li {float:none; width:auto; padding-bottom:30px;; background:url(../images/contents/reservation/reservation_03_01_list_dot_m.png) center bottom no-repeat; margin-bottom:20px;}
.reservation_03_01_list li.last {background:none;}
.reservation_03_01_list li .box {border:1px #ddd solid; padding:15px 0px; font-size:16px; color:#000; line-height:20px;}


/*예약신청*/
.reservation_01_05 {display:block; }
.reservation_01_05 .col{display:block; border:1px #ddd solid !important; margin-bottom:5px;}
.reservation_01_05 .col h3{font-size:16px; padding:10px 0px;}
.reservation_01_05 .col h3 span{font-size:13px; }
.reservation_01_05 .col.center .col_box{text-align:center;}
.reservation_01_05 .col.center .col_box .ui-datepicker{display:inline-block !important;}



.reservation_01_05_table_list {position:relative; border-top:0px; }
.reservation_01_05_table_list ul{display:block;border:1px #ddd solid; margin-bottom:10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.reservation_01_05_table_list ul li{display:block; padding:10px; padding-left:110px; height:30px; text-align:left; position:relative;}
.reservation_01_05_table_list ul li .m_title{display:block; position:absolute; left:0px; top:0px; border-right:1px #ddd solid; height:50px; line-height:50px; font-size:12px; padding-left:10px; width:80px; background:#f8f8f8;}
.reservation_01_05_table_list ul.header {display:none;}

.reservation_01_05_table_list ul li .m_jump{display:inline-block;;}
.reservation_01_05_table_list ul li.m_block{display:none;}

.reservation_01_05_table_list .parent_person{border:5px #0065b4 solid; margin-bottom:0px;}
.reservation_01_05_table_list .parent_person ul {border-bottom:0px; margin-bottom:0px; background:#fff !important;}

.reservation_01_05_table_list input[type="text"] {line-height:28px; padding:0 5px; height:28px; border:1px #ddd solid; vertical-align:middle; width:90%;}
.reservation_01_05_table_list input[type="radio"],
.reservation_01_05_table_list label,
.reservation_01_05_table_list input[type="checkbox"] {vertical-align:middle;}
.reservation_01_05_table_list .hidden_label {text-indent:-99999999px;  position:absolute; left:-999999px;}


.certification_box {border:10px #ddd solid; padding:60px; display:none; background:#fff; position:relative; display:none;}
.certification_box .title{text-align:center; font-size:50px; color:#000; }
.certification_box ul{margin-top:80px;}
.certification_box ul li{position:relative; font-size:18px; padding-left:80px; color:#000; margin:10px 0px;}
.certification_box ul li span{position:absolute; left:0px; top:0px;}
.certification_box .info {margin-top:80px; text-align:center; font-size:16px; color:#000; }
.certification_box .date {text-align:Center; margin-top:200px; font-size:16px; color:#000;}
.certification_box .date .t2{margin-top:20px; font-size:30px; font-weight:bold;}

.certification_box .close {position:absolute; right:-70px; top:-10px; width:60px; height:60px;  text-align:center; line-height:60px; background:#092c6f;  color:#fff;}
.certification_box .print {position:absolute; right:-70px; top:50px; width:60px; height:60px;  text-align:center; line-height:60px; background:#176e09;  color:#fff;}
.certification_box .print a{display:block; color:#fff;}







}