@charset "utf-8";

.sub_cs_center_help {border:1px #444 solid; padding:25px;background:url(../images/common/logo_tytpe_new.jpg) 40px 40% no-repeat; margin-bottom:20px;}
.sub_cs_center_help .box {margin-left:200px; letter-spacing:-1px;}
.sub_cs_center_help .box dt {font-weight:bold; font-size:20px; color:#2b5dc0; margin-bottom:10px;}
.sub_cs_center_help .box dd {font-size:14px; color:#666; line-height:18px; padding-left:10px; margin:5px 0px;  background:url(../images/sub/dt_dot.jpg) left 9px no-repeat; }


.common_down_list {display:table; width:100%; table-layout:fixed;padding-left:1px; border-spacing:2px;}
.common_down_list li{display:table-cell;}
.common_down_list li a{color:#000; display:block; padding:10px; border:1px #ddd solid; text-align:center; background:#f8f8f8 }
.common_down_list li .fonti {color:#0361c2; font-size:18px;}


/*상산지원*/
.production_01 {display:table; width:100%; }
.production_01 .col {display:table-cell; vertical-align:top; }
.production_01 .col.text {width:230px; background:#17788a; padding:15px; text-align:center; vertical-align:middle; color:#fff;}
.production_01 .col.info {padding-left:20px;}
.production_01 .col ul {overflow:hidden; }
.production_01 .col ul li{float:left; width:50%; border-bottom:1px #ddd solid; height:241px;}
.production_01 .col ul li dt {font-weight:bold; font-size:18px; margin-top:10px; line-height:18px;}
.production_01 .col ul li dl.t1 dt {color:#17788a;}
.production_01 .col ul li dl.t2 dt {color:#ee661b; }

.production_01 .col ul li dl strong {display:inline-block; border-radius:18px; padding:0 5px; border:1px solid; font-size:12px; font-weight:normal; vertical-align:top; margin-left:10px;}
.production_01 .col ul li dl.t1 strong {color:#17788a; border-color:#17788a }
.production_01 .col ul li dl.t2 strong {color:#ee661b;  border-color:#ee661b}
.production_01 .col ul li dd {font-size:11px; margin-top:10px;}


/*/장비사용절 절차*/
.common_ul_box03 { overflow:hidden;}
.common_ul_box03 li{float:left; width:27%; padding:0 3%; background:url(../images/common/common_ul_box_dot.png) right 50% no-repeat;;}
.common_ul_box03 li:nth-child(3n+3 ){background:none; }
.common_ul_box03 li .box {margin:10px;}
.common_ul_box03 li .title {background:#17788a; color:#fff; padding:15px 0px;  text-align:center;}
.common_ul_box03 li .text {border:1px #ddd solid; border-top:0px #ddd solid;  padding:5px;  line-height:18px; padding-top:15px; height:50px; text-align:center;  background:#fff;}
.common_ul_box03 li .text {border:1px #ddd solid; border-top:0px #ddd solid;  padding:5px;  line-height:18px; padding-top:15px; height:50px; text-align:center;  background:#fff;}



/*/장비사용절 절차*/
.common_ul_box04 { overflow:hidden;}
.common_ul_box04 li{float:left; width:25%; background:url(../images/common/common_ul_box_dot.png) right 50% no-repeat;}
.common_ul_box04 li:nth-child(4n+4){background:none;}
.common_ul_box04 li .box {margin:10px;}
.common_ul_box04 li .title {background:#17788a; color:#fff; padding:15px 0px;  text-align:center;}
.common_ul_box04 li .text {border:1px #ddd solid; border-top:0px #ddd solid;  padding:5px;  line-height:18px; padding-top:15px; height:50px; text-align:center; background:#fff;}




/*연구지원*/
.study_01 {overflow:hidden;}
.study_01 li{float:left; width:32%; text-align:center;}
.study_01 li img {vertical-align:middle; }
.study_01 li.center {margin:0px 2%;}
.study_01 li .text  {margin-top:10px; padding-top:10px; border-top:1px #ddd solid;}



/*입주안내*/
.support_05 {overflow:hidden; display:table; width:100%; table-layout:fixed; border-spacing:10px;}
.support_05 li{display:table-cell; vertical-align:middle;  border:3px #0361c2 solid;  border-radius:10px; text-align:center; padding:15px 0px; color:#0361c2; font-weight:bold; letter-spacing:-1px;}





/*인사말*/
.about_01 .title img{vertical-align:middle;}
.about_01 .title .info{background:#f0f1f4; padding:20px; color:#000000; font-size:22px;; text-align:center; line-height:30px;}


.about_01 .greeting {margin-top:40px; position:relative;}
.about_01 .greeting .photo{position:absolute; left:0px; top:5px;}
.about_01 .greeting .photo img {vertical-align:middle;}
.about_01 .greeting .text{/*margin-left:120px;*/ color:#555555; font-size:14px;}
.about_01 .greeting .text strong{color:#000000;}


.about_01 .info_01 {position:relative; overflow:hidden;}
.about_01 .info_01 .photo {float:left;}
.about_01 .info_01 .t1 {margin-left:170px;}



/*연혁*/
.about_03 {}
.about_03 h3{text-align:right; font-size:40px; color:#0361c2; line-height:40px;font-weight:normal; letter-spacing:-2px; border-bottom:1px #dadada solid; padding-bottom:20px; margin-bottom:20px;}
.about_03 h3 span{ color:#797979; }
.about_03 .list {padding:20px;position:relative; border-bottom:1px #dadada dashed;}
.about_03 .list:nth-child(odd) {background:#f8f8f8;}
.about_03 .list .year{font-size:30px; font-weight:bold; font-family:'Arial'; position:absolute; left:20px; top:32px;}
.about_03 .list dl {margin-left:220px; padding:15px 0; line-height:22px; position:relative; background:url(../images/contents/company/company_03_line.jpg) 46px bottom repeat-y;}
.about_03 .list dt {position:absolute; left:0px; top:15px;  font-size:20px; line-height:20px; color:#bd161d; background:url(../images/contents/company/company_03_dot.jpg) right 50% no-repeat; font-weight:bold; width:50px;}
.about_03 .list dd {margin-left:80px; font-size:14px; top:-3px;position:relative; }




table.about05 {border-top:2px solid #666; width:100%; font-size:12px; border-spacing:0;}
table.about05 tr.bg {background:#f8f8f8; font-weight:bold;}
table.about05 th {background:#f8f8f8; color:#333; line-height:20px; padding:7px 5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
table.about05 td {color:#666; padding:15px; line-height:20px; letter-spacing:0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
table.about05 td:last-child {border-right:0px;}
table.about05 .center {text-align:center;}
table.about05 .left {text-align:left;}
table.about05 strong {font-size:16px; }
table.about05 span {color:#333; }


/*주요사업*/
.common_dl_list {}
.common_dl_list .list {border:1px #8abadf solid; margin-bottom:25px;  padding:10px; position:relative; border-radius:10px;}
.common_dl_list .list strong {position:absolute; left:30px; top:30px; font-size:17px; color:#2b5dc0;}
.common_dl_list .list ul {margin-left:200px; background:#f8f8f8; padding:15px 0px; border-radius:10px}



/*조직도*/
.about_05_family {overflow:hidden; text-align:center; background:url(../images/contents/about/about_05_line.png) center 25px no-repeat;}
.about_05_family .col {overflow:hidden;}
.about_05_family .t1{display:inline-block; line-height:50px; width:200px; background:#0361c2; border-bottom:3px #013c79 solid; ; overflow:hidden; color:#fff; border-radius:6px;  font-size:20px; font-weight:bold;}
.about_05_family .col .left{float:left;}
.about_05_family .col .right{float:right;}
.about_05_family .col2 .t1{background:#17788a; border-color:#0d4954; font-size:17px;}
.about_05_family .col3{margin-top:90px;}
.about_05_family .col3 .box {display:inline-block; width:30.333333333333%; vertical-align:top;  border-top:0px;}
.about_05_family .col3 .box dl {border-bottom:1px#f8f8f8 solid;}
.about_05_family .col3 .box dl dt {background:#616161; color:#fff; line-height:50px;}
.about_05_family .col3 .box dl dd {border:1px #ddd solid;  background:#fff; padding:10px 10px 10px 0px; text-align:left; height:200px;}
.about_05_family .col3 .box.center {margin:0 1.5%; }



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




.startup_02_01_02 {overflow:hidden;}
.startup_02_01_02 li{float:left; width:253px; margin-right:30px; margin-bottom:30px;}
.startup_02_01_02 li.last {margin-right:0px;}
.startup_02_01_02 li .icon {height:120px; line-height:120px; border:1px #ddd solid;  text-align:center; }
.startup_02_01_02 li .icon img{vertical-align:middle;}

.startup_02_01_02 li dl {margin-top:10px; text-align:center;}
.startup_02_01_02 li dl dt {font-size:18px; font-weight:bold; color:#0361c2;}
.startup_02_01_02 li dl dd {font-size:14px;color:#333;}




.startup_02_01_03 {overflow:hidden; margin-top:30px;}
.startup_02_01_03 li{float:left; width:253px; margin-right:30px; margin-bottom:30px;}
.startup_02_01_03 li.m3 {margin-right:0px;}
.startup_02_01_03 li .info {height:120px; line-height:120px; border-radius:120px; border:15px #ddd solid; }
.startup_02_01_03 li .info span {display:block; line-height:22px; font-size:13px;  background:url(../images/sub/dt_dot.jpg) left 50% no-repeat; padding-left:9px; margin-left:40px; color:#000;}
.startup_02_01_03 li .info span.first {margin-top:15px; }


.startup_02_01_03 li dl {margin-top:10px; text-align:center; font-weight:bold;}
.startup_02_01_03 li dl dt {font-size:18px;  color:#888;}
.startup_02_01_03 li dl dd {font-size:20px;color:#333;padding-top:5px }

.startup_02_01_03 li.m1 .info {border-color:#59c1a5}
.startup_02_01_03 li.m2 .info {border-color:#f15d2a}
.startup_02_01_03 li.m3 .info {border-color:#117a94}

.startup_02_01_03 li.m2 dl dt {color:#000; font-size:23px;}

.startup_02_01_03 li.m1 dl dd {color:#59c1a5}
.startup_02_01_03 li.m2 dl dd {color:#f15d2a}
.startup_02_01_03 li.m3 dl dd {color:#117a94}




.startup_01_info {border:1px #ddd solid; padding:30px; text-align:center; border-radius:10px; position:relative; margin-top:60px;}
.startup_01_info .title {position:relative; top:-60px;}
.startup_01_info .title span {background:#fff; padding:0 20px; display:inline-block; }
.startup_01_info .text {font-size:20px; margin-top:-30px;}
.startup_01_info .text strong{color:#00adef;}


.shop_link {border-bottom:1px #ddd solid; text-align:center; padding:20px; font-size:18px;}
.shop_link .link{color:#00adef;}
.shop_link span {display:inline-block; vertical-align:middle;}
.shop_link span img {vertical-align:middle; width:40px;}














.map_wrap {border:1px #ddd solid; padding:20px;}




.company_product_wrap { margin-top:30px;  border:1px #ddd solid; border-right:0px;}
.company_product_wrap ul{display:table; width:100%; table-layout:fixed; }
.company_product_wrap li{display:table-cell; vertical-align:middle; text-align:center; border-right:1px #ddd solid;}
.company_product_wrap li .photo {height:200px; overflow:hidden; line-height:200px;}
.company_product_wrap li .photo img {max-width:100%; vertical-align:middle;}

.company_product_wrap li .text {border-top:1px #ddd solid; padding:10px 0px; background:#f2f2f2;}







@media all and (max-width:1024px) {


.sub_cs_center_help { padding:15px;background-position:center 20px;}
.sub_cs_center_help .box {margin-left:0px; padding-top:120px; }




/*상산지원*/
.production_01 {display:block; }
.production_01 .col {display:block;margin-bottom:10px;}
.production_01 .col.text {width:auto;  text-align:left; line-height:18px;}
.production_01 .col.info {padding-left:0px;}
.production_01 .col ul li{float:none; width:auto; height:auto; margin-bottom:10px;}
.production_01 .col ul li img{width:100%;}



/*/장비사용절 절차*/

.common_ul_box03 li{width:43%;;}
.common_ul_box03 li:nth-child(2n+2 ){background:none;}
.common_ul_box03 li:nth-child(3n+3 ){ background:url(../images/common/common_ul_box_dot.png) right 50% no-repeat;}
.common_ul_box03 li:last-child {background:none;}


/*/장비사용절 절차*/
.common_ul_box04 li{width:50%;;}
.common_ul_box04 li:nth-child(2n+2 ){background:none;}
.common_ul_box04 li:nth-child(3n+3 ){ background:url(../images/common/common_ul_box_dot.png) right 50% no-repeat;}
.common_ul_box04 li:last-child {background:none;}



/*연구지원*/
.study_01 {overflow:hidden;}
.study_01 li{float:left; width:100%; text-align:center; margin-bottom:10px;}
.study_01 li img {width:100%;}




/*입주안내*/
.support_05 {overflow:hidden; display:block; width:100%; border-spacing:0px;}
.support_05 li{display:block; float:left; width:45%; margin:2.5%; padding:15px 0px; font-size:11px;   -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}




/*인사말*/
.about_01 .title img{vertical-align:middle; width:100%;}



/*연혁*/
.about_03 h3{font-size:30px; line-height:30px;}
.about_03 .list {padding:10px;}
.about_03 .list .year{position:relative; left:0; top:0; margin-bottom:10px;  font-size:20px}
.about_03 .list dl {margin-left:0px;}



/*주요사업*/
.common_dl_list .list strong {position:absolute; left:15px; top:15px; }
.common_dl_list .list ul {margin-left:0px; margin-top:40px; background:#f8f8f8; padding:15px 0px;}



.about_05_family .col2 .t1{width:150px; font-size:12px;}
.about_05_family .col3 .box {width:100%; margin:0px !important; height:auto; margin-bottom:10px !important;}
.about_05_family .col3 .box dl dd{height:auto;}




table.about05 td img {width:40px;}
table.about05 strong {font-size:12px; }
table.about05 span {color:#ff4911; }




.company_product_wrap ul{display:block; width:auto; table-layout:fixed; }
.company_product_wrap li{display:block; margin-bottom:10px;  border-bottom:1px #ddd solid; border-top:1px #ddd solid;}
.company_product_wrap li .photo {height:auto;  line-height:100%; padding:15px 0px;  }





.startup_02_01_02 li{ width:50%; margin-right:0px; margin-bottom:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.startup_02_01_02 li:nth-child(odd) .icon{ border-right:0px;}
.startup_02_01_03 li{float:none; width:auto; margin-right:0px; margin-bottom:30px;}




.startup_01_info .text {font-size:18px;}








/*오시는길*/
.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;}
#naver_map {height:200px !important;}


}