@charset "utf-8";

/******************** 공통 ********************/
/* info_top */
.info_top {overflow:hidden; margin-bottom:10px; padding:25px 40px 25px 23px; border:1px solid #ccc; border-left:3px solid #0b3a8b;}
.info_top .ic {display:block; float:left; margin:5px 25px 0 15px; width:80px; height:80px; border-radius:50%; background:#f2f2f2;}
.info_top p {margin:0; line-height:1.7;}
.info_top p span {color:#000; font-weight:bold;}
.info_top .title {margin:0 0 3px; font-size:20px; color:#000; font-weight:bold; letter-spacing:-1px;}
.info_top + img + .tcbtn {margin-top:20px !important;}



/******************** 센터소개 ********************/
/***** 기관소개 center *****/
/* center */
.center .top_box {overflow:hidden;}
.center .top_box h3 {float:left; width:70px;}
.center .top_box .txtbox {float:right; margin:0; padding:25px 30px; border-left:3px solid #1457a8; width:780px;}
.center .top_box .txtbox li {margin:1px 0;}
.center .bottom_box {overflow:hidden; margin:40px 0 0 111px;}

/* center_list */
.center_list {position:relative;}
.center_list li {position:absolute; left:0; right:0; font-size:0;}
.center_list li strong {position:absolute; z-index:100; top:50%; left:auto; right:0; margin-top:-16px; display:block;width:150px; height:30px; line-height:30px; border:1px solid #000; background:#fff; color:#000; vertical-align:top; font-size:15px; font-weight:normal; border-radius:3px; text-align:center; letter-spacing:-1px;}
.center_list li.center01, .center_list li.center02, .center_list li.center03, .center_list li.center04, .center_list li.center05, .center_list li.center06 {text-align:right;}
.center_list li.center01 strong, .center_list li.center02 strong, .center_list li.center03 strong, .center_list li.center04 strong, .center_list li.center05 strong, .center_list li.center06 strong {left:0; right:auto;}
.center_list li.center06 strong {background:#1457a8; border:1px solid #1457a8; color:#fff;}
.center_list li.center01 {top:184px; /*left:307px;*/ right:537px; text-align:right;}/*뿌리기술연구소*/
.center_list li.center02 {top:218px; /*left:366px;*/ right:478px; text-align:right;}/*융합기술연구소*/
.center_list li.center03 {top:278px; /*left:347px;*/ right:497px; text-align:right;}/*청정기술연구소*/
.center_list li.center04 {top:385px; /*left:338px;*/ right:506px; text-align:right;}/*전북본부*/
.center_list li.center05 {top:464px; /*left:322px;*/ right:522px; text-align:right;}/*서남본부*/
.center_list li.center06 {top:647px; /*left:282px;*/ right:562px; text-align:right;}/*제주본부*/
.center_list li.center07 {top:456px; left:546px;}/*동남본부*/
.center_list li.center08 {top:422px; left:593px;}/*울산본부*/
.center_list li.center09 {top:381px; left:514px;}/*대경본부*/
.center_list li.center10 {top:162px; left:553px;}/*강원본부*/
/*
.center_list li.center01 strong {color:#112d5f;}
.center_list li.center02 strong {color:#0b3a8b;}
.center_list li.center03 strong {color:#1457a8;}
.center_list li.center04 strong {color:#4181c2;}
.center_list li.center05 strong {color:#4199c2;}
.center_list li.center06 strong {color:#7fc241;}
.center_list li.center07 strong {color:#41b4c2;}
.center_list li.center08 strong {color:#15d9d7;}
.center_list li.center09 strong {color:#41c296;}
.center_list li.center10 strong {color:#41c247;}
*/
.center_list li .point {position:relative; z-index:100; display:inline-block; vertical-align:top; width:11px; height:11px; border:1px solid #000; background:#fff; border-radius:50%;}
.center_list li.center06 .point {background:#1457a8; border:1px solid #1457a8; color:#fff;}
.center_list li .line {position:absolute; z-index:1; top:50%; left:0; display:block; margin:0; width:100%; height:0; border:none; border-top:1px dashed #000; vertical-align:top;}

/* jeju_list top */
.jeju_list {position:relative; letter-spacing:-1px; font-weight:bold; text-align:center;}
.jeju_list .top {position:relative; z-index:1;}
.jeju_list .top .tit {position:relative; z-index:10; display:block; margin:0 15px -40px; padding:20px; background:#000; border-radius:5px; color:#fff; font-size:21px;}
.jeju_list .top p {position:relative; z-index:1; padding:60px 20px 50px; background:#fff; border:2px dashed #555; border-radius:5px; color:#000; font-size:19px; text-align:center;}
.jeju_list .big_arrow_box {display:block; position:absolute; z-index:10; left:50%; top:140px; margin-left:-161px; width:323px; height:150px; background:url("../image/content/arrow.png") 0 0 no-repeat;}

/* jeju_list middle */
.jeju_list .middle {position:relative; z-index:2;}
.jeju_list .middle > div {position:relative; z-index:5; margin-top:50px; padding:70px 20px 10px; background:#fff; border-radius:5px; width:370px; font-weight:bold;}
.jeju_list .middle > .left {float:left; border:2px dashed #1457a8; text-align:left;}
.jeju_list .middle > .right {float:right; border:2px dashed #7fc241; text-align:right;}
.jeju_list .middle .tit {position:relative; z-index:10; display:block; margin:-100px -10px 0; padding:20px 0; border-radius:5px; color:#fff; font-size:20px;}
.jeju_list .middle > .left .tit {background:#0b3a8b; padding-left:30px;}
.jeju_list .middle > .right .tit {background:#5fab29; padding-right:30px;}
.jeju_list .middle ul {margin:20px 10px;}
.jeju_list .middle li {padding:15px; border-bottom:1px dotted #555; font-size:17px; color:#000;}
.jeju_list .middle > .left li {padding-right:80px;}
.jeju_list .middle > .right li {padding-left:80px;}
.jeju_list .middle li:last-child {border:none;}
.jeju_list .middle p {margin:0 -10px; padding:15px 30px; border-radius:5px; background:#fbfbfb; font-size:17px; color:#000; text-align:center;}
.jeju_list .middle > .left p {border:2px dashed #1457a8; text-align:left;}
.jeju_list .middle > .right p {border:2px dashed #7fc241; text-align:right;}
.jeju_list .middle > .left strong {color:#0b3a8b;}
.jeju_list .middle > .right strong {color:#5fab29;}

/* jeju_list arrow */
.jeju_list .arrow_box {display:block; position:absolute; z-index:10; left:50%; top:325px; margin-left:-200px; width:400px;}
.jeju_list .arrow_box_in {position:relative; display:block; margin-top:10px; height:50px; line-height:50px; color:#fff; text-align:center;}
.jeju_list .left.arrow_box_in {background:#1457a8; margin-left:190px;}
.jeju_list .right.arrow_box_in {background:#7fc241; margin-right:190px;}
.jeju_list .arrow_box .arrow {position:absolute; display:block; top:50%; margin-top:-30px; width:0; height:0; border-width:30px; border-style:solid; border-color:transparent; font-size:0; line-height:0;}
.jeju_list .left .arrow {right:0; margin-right:-60px; border-left-color:#1457a8;}
.jeju_list .right .arrow {left:0; margin-left:-60px; border-right-color:#7fc241;}

.center .bottom_box + .bottom_box {margin-top:30px; line-height:1.7;}



/***** 센터소개 greetings *****/
/* greetings */
.greetings_img {font-size:0; margin-bottom:20px;}
.greetings_text {position:relative; z-index:300;}
.greetings_text p {letter-spacing:-1px; word-break:break-all; text-align:justify; line-height:1.7;}
.greetings_text .title {display:block; margin:0; padding:0 0 13px; color:#1b2941; font-size:20px; font-weight:bold; letter-spacing:-2px;}
.greetings_text .title2 {display:block; color:#0b3a8b;}
.greetings_text .signature {padding-top:40px; text-align:right; color:#000; font-weight:bold; font-size:20px;}



/***** 주요업무 business *****/
/* business */
.business .num_list {overflow:hidden; margin-bottom:10px; padding:33px 40px 25px; border:1px dotted #1b2941; border-top:3px solid #1457a8; background:#fbfbfb;}
.business .num_list li {float:left; width:50%; padding:0 0 6px; color:#000; letter-spacing:-1px;}
.business .num_list .num {display:block; float:left; width:7%; color:#0b3a8b; font-weight:bold; font-size:25px; font-style:italic; vertical-align:top; text-align:right;}
.business .num_list .text {display:block; float:right; margin:10px 0 0; width:90%; vertical-align:top;}

/* procedure_list */
.procedure_list {overflow:hidden;}
.procedure_list li {position:relative; float:left; margin:0 0 0 15px; padding:35px 40px 40px; width:97px; height:37px; border:1px dotted #1b2941; color:#000; font-weight:bold; font-size:16px; letter-spacing:-1px; text-align:center; word-break:keep-all; line-height:1.2;}
.procedure_list li.step01 {margin-left:0; line-height:37px;}
.procedure_list li.step02 {line-height:37px;}
.procedure_list li.step04 {line-height:37px;}
.procedure_list .arrow_box {position:absolute; z-index:1; display:block; *display:none; top:50%; right:-30px; margin:0;}
.procedure_list .arrow_box .line {display:block; margin:0 auto; background:#1457a8; border:none; width:40px; height:2px;}
.procedure_list .arrow_box .arrow {position:absolute; display:block; top:50%; right:-10px; margin:-8px 0 0; width:0; height:0; border-width:8px; border-style:solid; border-color:transparent; font-size:0; line-height:0; border-left-color:#1457a8;}

/* business_list */
.business_list > li {overflow:hidden; margin-top:40px;}
.business_list > li.business01 {margin-top:0;}
.business_list > li .num {display:block; float:left; width:60px; height:60px; line-height:60px; color:#0b3a8b; font-size:55px; font-weight:normal; font-style:italic; letter-spacing:-2px;}
.business_list > li .tit {display:block; float:left; width:200px; padding:9px 30px 0 20px; color:#000; letter-spacing:-1px; line-height:1.3; font-size:20px; font-weight:bold; word-break:keep-all;}
.business_list > li .tit_line {display:inline-block; margin:5px 0 0 5px; width:5px; height:5px; vertical-align:middle; background:#fff; /*background:#1457a8;*/ display:none !important;}
.business_list > li ul {float:right; margin:0; padding:25px 35px; width:563px; border:1px dotted #1b2941; background:#fbfbfb;}
.business_list > li ul > li {margin:1px 0; padding:0 0 0 10px; background:url("../image/common/bullet05.gif") left 10px no-repeat; font-size:15px; color:#000;}

/* edu_list */
.edu_list {overflow:hidden;}
.edu_list li {float:left; margin:5px 5px 0 0; padding:27px 19px; width:273px; height:15px; color:#000; letter-spacing:-1px; border:1px solid #ccc; border-left:3px solid #1457a8; line-height:15px;}
.edu_list li.edu01 {margin-top:0;}
.edu_list li.edu02 {margin-top:0;}
.edu_list li.edu03 {margin-top:0; margin-right:0;}
.edu_list li.edu06 {margin-right:0;}
.edu_list li.edu09 {margin-right:0;}



/***** 조직 및 연락처 organization *****/



/***** 파트너 기업  partner *****/
/* partner_list */
.partner_list {border:1px dotted #1b2941; border-bottom:none;}
.partner_list > li {overflow:hidden; border-bottom:1px dotted #1b2941;}
.partner_list > li img {float:left;}
.partner_list > li .partner_in {float:right; padding:25px 25px 0 0; width:576px;}
.partner_list > li h3 {position:relative; margin-bottom:10px; font-size:19px; letter-spacing:-1px; line-height:1.5; word-break:keep-all; font-weight:bold;}
.partner_list > li h3 .h_line {position:absolute; top:13px; left:-35px; margin:0; width:22px; height:4px;}
.partner_list > li.partner01 h3 {margin-top:15px;}
.partner_list > li.partner03 h3 {margin-top:40px;}
.partner_list > li.partner04 h3 {margin-top:30px;}
.partner_list > li.partner05 h3 {margin-top:30px;}
.partner_list > li ul {word-break:keep-all;}
.partner_list > li ul li {margin-bottom:3px;}
.partner_list > li.partner01, .partner_list > li.partner03, .partner_list > li.partner05 {background:#f2f2f2;}

/* target_list */
.target_list ul {overflow:hidden;}
.target_list li {float:left; margin-left:-43px; padding:90px 50px; width:167px; height:87px; border-radius:50%; text-align:center; font-weight:bold; font-size:16px; letter-spacing:-1px; word-break:keep-all; line-height:1.7;}
.target_list li:first-child {margin-left:0;}
.target_list li.target01 {border:2px solid #1457a8; color:#0f407b;}
.target_list li.target02 {border:2px solid #7fc241; color:#5d8e30;}
.target_list li.target03 {border:2px solid #ff9000; color:#bb6a00; padding-top:104px; height:73px;}
.target_list li.target04 {border:2px solid #ffb608; color:#bb8506; padding-top:104px; height:73px;}
.target_list li.target01 span {padding:0 2px; background:#0f407b; color:#fff;}
.target_list li.target02 span {padding:0 2px; background:#5d8e30; color:#fff;}
.target_list li.target03 span {padding:0 2px; background:#bb6a00; color:#fff;}
.target_list li.target04 span {padding:0 2px; background:#bb8506; color:#fff;}
.target_list .arrow_box {position:relative;; display:block; margin:0 133px; height:30px; border:4px solid #ccc; border-top:none;}
.target_list .arrow_box .line {position:absolute; display:block; left:50%; top:34px; margin-left:-2px; background:#ccc; border:none; width:4px; height:30px;}
.target_list .arrow_box .arrow {position:absolute; display:block; left:50%; top:64px; margin-left:-8px; width:0; height:0; border-width:8px; border-style:solid; border-color:transparent; font-size:0; line-height:0; border-top-color:#ccc;}
.target_list p {margin:38px 133px 0; height:60px; line-height:60px; border-radius:30px; background:#1457a8; color:#fff; text-align:center; font-weight:bold; font-size:16px; letter-spacing:-1px; word-break:keep-all;}
.target_list p span {color:#ffb608;}

/* step_list */
.step_list {padding:10px 0 0;}
.step_list li {position:relative; float:left; margin:0 0 45px 17px; padding:25px 40px 50px; width:225px; height:45px; border:1px solid #ddd; text-align:center; word-break:keep-all;}
.step_list li.step01 {margin-left:0;}
.step_list li.step04 {float:right; margin-bottom:0;}
.step_list li.step05 {float:right; margin-bottom:0;}
.step_list .num {position:absolute; left:50%; top:-25px; display:block; margin-left:-25px; padding-right:5px; width:45px; height:45px; line-height:45px; background:#fff; color:#1457a8; font-size:30px; font-weight:bold; font-style:italic;}
.step_list li strong {display:block; padding-bottom:3px; color:#000; font-weight:bold; font-size:18px; letter-spacing:-1px;}
.step_list li span {font-weight:bold;}
.step_list .arrow_box {position:absolute; z-index:1; display:block; *display:none;}
.step_list .arrow_box .line {display:block; margin:0 auto; background:#1457a8; border:none;}
.step_list .arrow_box .arrow {position:absolute; display:block; width:0; height:0; border-width:8px; border-style:solid; border-color:transparent; font-size:0; line-height:0;}
.step_list li.step01 .arrow_box, .step_list li.step02 .arrow_box {top:50%; right:-35px; margin:0;}
.step_list li.step04 .arrow_box, .step_list li.step05 .arrow_box {top:50%; left:-35px; margin:0;}
.step_list li.step03 .arrow_box {left:50%; bottom:-15px; margin:0 0 0 -1px;}
.step_list li.step01 .line, .step_list li.step02 .line, .step_list li.step04 .line, .step_list li.step05 .line {width:60px; height:2px;}
.step_list li.step03 .line {width:2px; height:23px;}
.step_list li.step01 .arrow, .step_list li.step02 .arrow {top:50%; right:-10px; margin:-8px 0 0; border-left-color:#1457a8;}
.step_list li.step04 .arrow, .step_list li.step05 .arrow {top:50%; left:-10px; margin:-8px 0 0; border-right-color:#1457a8;}
.step_list li.step03 .arrow {bottom:-10px; left:50%; margin:0 0 0 -8px; border-top-color:#1457a8;}



/***** 오시는길 contact_us *****/
/* map_box */
.root_daum_roughmap {margin:0 auto !important; border:none !important; padding:0 !important; border-radius:0px !important;}
.map_box {overflow:hidden; padding:40px 30px; border:1px solid #ccc; border-top:none;}
.map_box * {display:inline-block; color:#000; font-size:16px;}
.map_box li {float:left;}
.map_box .address {width:66%;}
.map_box .tel {width:17%; text-align:right;}
.map_box .fax {width:17%; text-align:right;}
.map_box li strong {padding-right:2px; color:#1457a8; font-weight:bold;}
.map_box .address strong {display:none;}

/* guide_box */
.guide_box {overflow:hidden; margin-top:10px;}
.guide_box .con_block {padding:35px 80px 45px 30px; width:360px; border:1px solid #ccc; word-break:keep-all;}
.guide_box .car_box {float:left; background:url("../image/content/ic_car.jpg") bottom right no-repeat;}
.guide_box .bus_box {float:right; background:url("../image/content/ic_bus.jpg") bottom right no-repeat;}
.guide_box h2 {position:relative; margin-bottom:8px; font-size:22px; letter-spacing:-1px; line-height:1.5; word-break:keep-all; font-weight:bold;}
.guide_box h2 .h_line {position:absolute; top:-3px; left:-31px; margin:0; width:4px; height:35px; border-radius:0;}
.guide_box h2 span {color:#000; font-weight:bold;}
.guide_box p {text-align:left; line-height:1.7; letter-spacing:-1px;}
.guide_box .arrow {color:#1457a8; font-weight:bold;}
.guide_box a {display:inline-block; padding:12px 46px; border-radius:10px; background:#000; color:#fff; font-weight:bold;}
.guide_box a:hover, .guide_box a:focus {background:#1457a8;}



/******************** 기술지원 ********************/
/***** 기술지원 technology *****/
/* table */
.technology table thead th {background:#e8f4ff; border:1px solid #8e9dae;}
.technology table th {word-break:keep-all;}
.technology table ul {margin:0;}
.technology table li {margin:2px 0; word-break:keep-all;}



/***** 디지털 제조장비 기술지원사업 technology01 *****/
/* technology_list */
.technology_list {overflow:hidden; border-top:1px solid #ccc; border-left:1px solid #ccc; letter-spacing:-1px; text-align:center;}
.technology_list > li {position:relative; float:left; border-right:1px solid #ccc; border-bottom:1px solid #ccc; width:50%; box-sizing: border-box;}
.technology_list > li a {display:block; padding:20px 30px 60px;}
.technology_list > li.technology01 a, .technology_list > li.technology02 a {height:380px;}
.technology_list > li.technology03 a, .technology_list > li.technology04 a {height:417px;}
.technology_list > li.technology05 a, .technology_list > li.technology06 a {height:380px;}
.technology_list > li.technology07 a, .technology_list > li.technology08 a {height:437px;}
.technology_list > li .ic {display:block; height:150px;}
.technology_list > li.technology01 .ic {background:url("../image/content/ic_technology01.png") center center no-repeat;}
.technology_list > li.technology02 .ic {background:url("../image/content/ic_technology02.png") center center no-repeat;}
.technology_list > li.technology03 .ic {background:url("../image/content/ic_technology03.png") center center no-repeat;}
.technology_list > li.technology04 .ic {background:url("../image/content/ic_technology04.png") center center no-repeat;}
.technology_list > li.technology05 .ic {background:url("../image/content/ic_technology05.png") center center no-repeat;}
.technology_list > li.technology06 .ic {background:url("../image/content/ic_technology06.png") center center no-repeat;}
.technology_list > li.technology07 .ic {background:url("../image/content/ic_technology07.png") center center no-repeat;}
.technology_list > li.technology08 .ic {background:url("../image/content/ic_technology08.png") center center no-repeat;}
.technology_list > li .title {display:block; padding:18px 0 8px; color:#000; font-weight:bold; letter-spacing:-2px; font-size:25px; line-height:1.3;}
.technology_list > li p {padding:0 20px; text-align:center; word-break:keep-all;}
.technology_list > li ul {margin:10px 0 20px;}
.technology_list > li li {display:inline-block; margin:3px 0; padding:4px 10px; border-radius:7px; background:#f2f2f2; color:#000; font-weight:bold;}
.technology_list > li .btn {display:inline-block; margin:0 auto; padding:12px 46px; border-radius:10px; font-weight:bold; background:#000; color:#fff;}

/* line */
.technology_list .line_top {left:0; top:0;}
.technology_list .line_right {top:0; right:0;}
.technology_list .line_bottom {right:0; bottom:0;}
.technology_list .line_left {bottom:0; left:0;}
.technology_list .line_box {position:absolute; z-index:95; display:block; top:-1px; left:-1px; right:-1px; bottom:-1px;}
.technology_list .line_right, .technology_list .line_left, .technology_list .line_top, .technology_list .line_bottom {position:absolute; z-index:100; display:inline-block; background:#1457a8;}
.technology_list .line_right, .technology_list .line_left {width:3px; height:0; transition:height 0.1s ease-out;}
.technology_list .line_top, .technology_list .line_bottom {height:3px; width:0; transition:width 0.1s ease-out;}
.technology_list a:hover .line_top, .technology_list a:focus .line_top {transition:width 0.1s ease-out; width:100%;}
.technology_list a:hover .line_right, .technology_list a:focus .line_right {transition:height 0.1s ease-out 0.1s; height:100%;}
.technology_list a:hover .line_bottom, .technology_list a:focus .line_bottom {transition:width 0.1s ease-out 0.2s; width:100%;}
.technology_list a:hover .line_left, .technology_list a:focus .line_left {transition:height 0.1s ease-out 0.3s; height:100%;}



/***** 보유장비 machine *****/
/* machine_tab */
.machine_tab ul {overflow:hidden; padding-left:1px;}
.machine_tab ul li {float:left;}
.machine_tab ul li a {position:relative; z-index:50; display:block; margin:0 0 0 -1px; padding:10px 25px; border:1px solid #ddd; border-bottom:none; font-weight:bold;}
.machine_tab ul li a:hover, .machine_tab ul li a:focus {z-index:150; border:1px solid #000; border-bottom:none; color:#000;}
.machine_tab ul li.on a {z-index:250; border:1px solid #000; border-bottom:none; background:#000; color:#fff;}
.machine_tab ul li.on a:hover, .machine_tab ul li.on a:focus {border:1px solid #000; border-bottom:none; color:#fff;}

/* machine_tab_wrap */
.machine .coming_soon {padding:130px 0 120px;}
.machine_con_in > img {float:left;}

.machine_tab_wrap {border-top:2px solid #000; /*padding-top:30px;*/}
.machine_con {display:none;}
.machine_con_in {overflow:hidden;}
.machine_img {float:left;}
.machine_img img {width:398px; height:298px; border:1px solid #ddd;}
.machine_text {float:right; padding-top:10px;; width:520px;}
.machine_adm {overflow:hidden; margin-top:40px; padding:20px 30px; border:1px dotted #000; background:#f8f8f8;}
.machine_adm li {float:left; width:30%;}
.machine_adm li span {display:none; padding-right:3px; font-weight:bold; color:#000; letter-spacing:-1px;}
.machine_adm li.name span {display:inline-block;}
.machine_adm li.mail {width:40%; text-align:right;}

/* machine_btn */
.machine_btn {overflow:hidden; /*margin-top:60px;*/ padding-top:60px; border-top:1px solid #888; text-align:center;}
.machine_btn input {display:inline-block; margin:0 auto; padding:14px 46px; text-align:center; cursor:pointer; font-size:17px !important; font-weight:bold; letter-spacing:-1px;}
.machine_btn .btn_reser {background:#1457a8; border:1px solid #1457a8; color:#fff;}
.machine_btn .btn_reser:hover, .machine_btn .btn_reser:focus {background:#000; border:1px solid #000; color:#fff;}
.machine_btn2 {display:inline-block;}
.machine_btn .btn_history {background:#fff; border:1px solid #999; color:#555;}
.machine_btn .btn_history:hover, .machine_btn .btn_history:focus {background:#fff; border:1px solid #000; color:#000;}



/***** 생산기술실용화 지원사업 technology02 *****/
/***** 상시발굴 지원사업 technology03 *****/
/* qualification_list */
.qualification_list {overflow:hidden;}
.qualification_list > div {margin-bottom:10px; padding:35px; height:150px; border:2px solid #1457a8;}
.qualification_list .fll {width:599px;}
.qualification_list .flr {width:198px; background:#1457a8; color:#fff;}
.qualification_list .fln {clear:both; width:881px; border:2px dashed #555;}
.qualification_list h4 {color:#000; font-weight:bold; letter-spacing:-1px; font-size:20px;}
.qualification_list h4 .h_line {display:inline-block; margin:5px 0 0 5px; width:5px; height:5px; vertical-align:middle; background:#1457a8;}
.qualification_list .flr h4 {color:#fff;}
.qualification_list .flr h4 .h_line {background:#fff;}
.qualification_list .fln h4 .h_line {background:#555;}
.qualification_list li span {padding-top:3px; color:#1457a8; font-weight:bold;}

/* order_box */
.order_box {overflow:hidden;}

/* order_list */
.order_list {float:left; width:272px; margin-bottom:30px;}
.order_list li {position:relative; z-index:1; margin:0 0 5px; padding:72px 80px; border:1px dotted #1b2941; color:#000; font-weight:bold; font-size:16px; letter-spacing:-1px; text-align:center; word-break:keep-all; line-height:1.3;}
.order_list li.order04 {margin-bottom:0;}
.order_list .ic {display:block; margin:-10px auto 5px; width:65px; height:65px;}
.order_list li.order01 .ic {background:url("../image/content/ic_order01.png") center center no-repeat;}
.order_list li.order02 .ic {background:url("../image/content/ic_order02.png") center center no-repeat;}
.order_list li.order03 .ic {background:url("../image/content/ic_order03.png") center center no-repeat;}
.order_list li.order04 .ic {background:url("../image/content/ic_order04.png") center center no-repeat;}
.order_list strong {display:block;}
.order_list .arrow_box {position:absolute; z-index:50; display:block; *display:none; left:50%; bottom:-25px; margin:0 0 0 -1px;}
.order_list .arrow_box .line {display:block; margin:0 auto; background:#1457a8; border:none; width:2px; height:40px;}
.order_list .arrow_box .arrow {position:absolute; display:block; left:50%; bottom:-10px; margin:0 0 0 -8px; width:0; height:0; border-width:8px; border-style:solid; border-color:transparent; font-size:0; line-height:0; border-top-color:#1457a8;}

/* order_list2 */
.order_list2 {float:right; width:635px;} 
.order_list2 > li {margin:0 0 5px; height:199px; letter-spacing:-0.5px;}
.order_list2 > li.order03 {height:198px;}
.order_list2 > li.order04 {margin:0; height:178px;}
.order_list2 strong {color:#000; font-weight:bold;}
.order_list2 .tit {display:block; padding:10px 0; letter-spacing:-1px; font-size:20px;}
.order_list2 > li.order02 .tit {padding-top:33px;}
.order_list2 > li.order04 .tit {padding-top:11px;}
.order_list2 .tit .tit_line {display:inline-block; margin:5px 0 0 5px; width:5px; height:5px; vertical-align:middle; background:#fff; /*background:#1457a8;*/ display:none !important;}
.order_list2 .tit .num {padding-right:5px; color:#0b3a8b; font-weight:bold; font-size:25px; font-style:italic;}
.order_list2 ul {margin:0; padding:15px 30px; border-radius:30px; border:1px dotted #1b2941; background:#fbfbfb;}
.order_list2 ul > li {margin:1px 0; padding:0 0 0 10px; background:url("../image/common/bullet06.gif") left 10px no-repeat; color:#000;}



/***** 기술교육소개 education *****/
/* education_list */
.education_list {overflow:hidden; border-left:1px solid #ccc; letter-spacing:-1px; text-align:center;}
.education_list > li {position:relative; float:left; border:1px solid #ccc; border-left:none; width:33.333%; box-sizing: border-box;}
.education_list > li a {display:block; padding:20px 20px 0; height:300px;}
.education_list > li .ic {display:block; height:150px;}
.education_list01 > li.education01 .ic {background:url("../image/content/ic_education01_01.png") center center no-repeat;}
.education_list01 > li.education02 .ic {background:url("../image/content/ic_education01_02.png") center center no-repeat;}
.education_list01 > li.education03 .ic {background:url("../image/content/ic_education01_03.png") center center no-repeat;}
.education_list02 > li.education01 .ic {background:url("../image/content/ic_education02_01.png") center center no-repeat;}
.education_list02 > li.education02 .ic {background:url("../image/content/ic_education02_02.png") center center no-repeat;}
.education_list02 > li.education03 .ic {background:url("../image/content/ic_education02_03.png") center center no-repeat;}
.education_list03 > li.education01 .ic {background:url("../image/content/ic_education03_01.png") center center no-repeat;}
.education_list03 > li.education02 .ic {background:url("../image/content/ic_education03_02.png") center center no-repeat;}
.education_list03 > li.education03 .ic {background:url("../image/content/ic_education03_03.png") center center no-repeat;}
.education_list03 > li.education04 .ic {background:url("../image/content/ic_education03_04.png") center center no-repeat;}
.education_list04 > li.education01 .ic {background:url("../image/content/ic_education04_01.png") center center no-repeat;}
.education_list > li .title {display:block; padding:0 0 20px; color:#000; font-weight:bold; font-size:17px; line-height:1.3; word-break:keep-all;}
.education_list > li .btn {display:inline-block; margin:0 auto; padding:12px 46px; border-radius:10px; font-weight:bold; background:#000; color:#fff;}

/* line */
.education_list .line_top {left:0; top:0;}
.education_list .line_right {top:0; right:0;}
.education_list .line_bottom {right:0; bottom:0;}
.education_list .line_left {bottom:0; left:0;}
.education_list .line_box {position:absolute; z-index:95; display:block; top:-1px; left:-1px; right:-1px; bottom:-1px;}
.education_list .line_right, .education_list .line_left, .education_list .line_top, .education_list .line_bottom {position:absolute; z-index:100; display:inline-block; background:#1457a8;}
.education_list .line_right, .education_list .line_left {width:3px; height:0; transition:height 0.1s ease-out;}
.education_list .line_top, .education_list .line_bottom {height:3px; width:0; transition:width 0.1s ease-out;}
.education_list a:hover .line_top, .education_list a:focus .line_top {transition:width 0.1s ease-out; width:100%;}
.education_list a:hover .line_right, .education_list a:focus .line_right {transition:height 0.1s ease-out 0.1s; height:100%;}
.education_list a:hover .line_bottom, .education_list a:focus .line_bottom {transition:width 0.1s ease-out 0.2s; width:100%;}
.education_list a:hover .line_left, .education_list a:focus .line_left {transition:height 0.1s ease-out 0.3s; height:100%;}

/* education_btn */
.education_btn {overflow:hidden; margin-top:60px; padding-top:60px; border-top:1px solid #888; text-align:center;}
.education_btn input {display:inline-block; margin:0 auto; padding:14px 46px; text-align:center; cursor:pointer; font-size:17px !important; font-weight:bold; letter-spacing:-1px;}
.education_btn .btn_request {background:#1457a8; border:1px solid #1457a8; color:#fff;}
.education_btn .btn_request:hover, .education_btn .btn_request:focus {background:#000; border:1px solid #000; color:#fff;}
.education_btn .btn_edu {background:#555; border:1px solid #555; color:#fff;}
.education_btn .btn_edu:hover, .education_btn .btn_edu:focus {background:#222; border:1px solid #222; color:#fff;}
.education_btn2 {display:inline-block;}
.education_btn .btn_history {background:#fff; border:1px solid #999; color:#555;}
.education_btn .btn_history:hover, .education_btn .btn_history:focus {background:#fff; border:1px solid #000; color:#000;}

/* education 내용 */
.title_box p {border:3px solid #1457a8; padding:30px; color:#000; font-size:20px; font-weight:bold; letter-spacing:-1px;}
.education .education_table thead th {padding:20px 13px; background:#e8f4ff; border:1px solid #8e9dae; color:#000; font-size:16px; font-weight:bold;}
.education .education_table tbody th {padding:36px 13px 16px; background:#fafafa; color:#000; text-align:center; vertical-align:middle; font-size:16px; font-weight:bold; line-height:1.3; font-style:italic; letter-spacing:0;}
.education .education_table tbody th span {display:inline-block; margin-top:-20px; font-size:50px; font-weight:100; vertical-align:middle;}
.education .education_table td {padding:13px 36px; background:#fff; color:#555; font-size:15px; line-height:1.3;}
.education .education_table td p.title {margin:0; color:#000;  font-size:17px; font-weight:bold;}
.education .education_table td ul {margin-bottom:0; overflow:hidden;}
.education .education_table td ul li {float:left; margin:5px 0 0; width:50%; box-sizing:border-box;}
.pic_group {overflow:hidden; margin-top:20px; font-size:0;}
.pic_group li {margin-top:20px; float:left; width:475px; text-align:right;}
.pic_group li:nth-child(1), .pic_group li:nth-child(3), .pic_group li:nth-child(5) {margin-right:5px;}
.pic_group li img {border:1px solid #aaa; width:100%; height:auto; box-sizing:border-box;}
.pic_group li span {margin-top:5px; padding:3px 5px; display:inline-block; background:#555; color:#fff; font-size:13px;}



/***** 팝업폼 tcpop *****/
/***** tcform *****/
/* tcpop */
.tcpop {position:relative; padding:0 20px 30px; background:#eef1f4; color:#555; font-size:15px; line-height:1.5; font-style:normal;}
.tcpop .tcpop_top {margin:0 -20px 20px; padding:30px; background:#fff; border-top:3px solid #1457a8; border-bottom:1px solid #ccc;}
.tcpop .tcpop_top h1 {margin:0; color:#000; font-size:25px; text-align:center; letter-spacing:-2px;}
.tcpop .tcpop_top h1 span {}
.tcpop .tcpop_form_box {padding:20px; height:100px; overflow-x:hidden; overflow-y:scroll; border:1px solid #8e9dae; background:#fff;}
.tcpop .tcpop_form_box h2 {color:#000; font-size:20px; letter-spacing:-1px;}
.tcpop .tcpop_form_box_bottom {margin:-1px 0 20px; padding:10px 20px; background:#555; color:#fff; font-weight:bold;}
.tcpop .tcpop_form_box_bottom * {vertical-align:middle !important;}
.tcpop .tstyle th, .tcpop .tstyle td {padding:15px !important;}
.tcpop .tstyle th {width:20%; background:#e8f4ff; border:1px solid #8e9dae;}
.tcpop .tstyle td {background:#fff; text-align:left;}
.tcpop .tstyle td .txt_point {color:#000 !important; font-weight:bold !important;}

/* inp sel tex */
.tcpop input[type=text], .tcpop input[type=password], .tcpop input[type=email] {padding:5px 0; width:80%; text-indent:10px; border:1px solid #aaa; background:#fff; font-size:15px !important; color:#555;}
.tcpop input[type=file] {padding:5px 0; width:80%; text-indent:10px; border:none; background:#fff; font-size:15px !important; color:#555;}
.tcpop input[type=radio], .tcpop input[type=checkbox] {vertical-align:middle;}
.tcpop label {vertical-align:top;}
.tcpop select {padding:5px 0; width:80%; text-indent:10px; border:none; border:1px solid #aaa; background:#fff; font-size:15px !important; color:#555;}
.tcpop textarea {padding:5px 0; width:100% !important; box-sizing:border-box; height:100px; text-indent:10px; border:none; border:1px solid #aaa; background:#fff; font-size:15px !important; color:#555;}
.tcpop .inp_mini {width:80px !important;}
.tcpop .inp_mini02 {width:50px !important;}
.tcpop .inp_mini03 {width:150px !important;}
.tcpop .inp_short {width:40% !important;}
.tcpop .inp_medium {width:60% !important;}
.tcpop .inp_large {width:97% !important;}

/* tcbtn */
.tcbtn {overflow:hidden; margin:40px 0 0; text-align:center;}
.tcbtn .tcbutton01, .tcbtn .tcbutton02, .tcbtn .tcbutton03 {text-align:center; padding:6px 20px; cursor:pointer; font-size:15px; font-weight:400;}
.tcbtn .tcbutton01 {background:#fff; color:#000; border:3px solid #1457a8;}
.tcbtn .tcbutton01:hover, .tcbtn .tcbutton01:focus {background:#1457a8; color:#fff;}
.tcbtn .tcbutton02 {background:#fff; color:#000; border:3px solid #000;}
.tcbtn .tcbutton02:hover, .tcbtn .tcbutton02:focus {background:#000; color:#fff;}
.tcbtn .tcbutton03 {background:#fff; color:#555; border:3px solid #555;}
.tcbtn .tcbutton03:hover, .tcbtn .tcbutton03:focus {background:#555; color:#fff;}
.tcbtn .tcbtn_mini {padding:5px 10px; font-size:15px !important;}
.tcbtn .tcbtn_medium {padding:10px 40px; font-size:16px !important; font-weight:bold;}
.tcbtn .tcbtn_large {padding:22px 80px; font-size:19px !important; font-weight:bold; letter-spacing:-1px; border-radius:40px;}

/* tcbtn2 */
.tcbtn2 {overflow:hidden; margin:15px 0 0; text-align:center;}
.tcbtn2 .tcbutton01, .tcbtn2 .tcbutton02, .tcbtn2 .tcbutton03 {display:inline-block; border:none; height:50px; line-height:50px; width:150px; text-align:center; padding:0; cursor:pointer; font-size:17px; font-weight:bold; vertical-align:top;}
.tcbtn2 .tcbutton01 {background:#1457a8; color:#fff;}
.tcbtn2 .tcbutton01:hover, .tcbtn2 .tcbutton01:focus {background:#1457a8; color:#fff;}
.tcbtn2 .tcbutton02 {background:#000; color:#fff;}
.tcbtn2 .tcbutton02:hover, .tcbtn2 .tcbutton02:focus {background:#000; color:#fff;}
.tcbtn2 .tcbutton03 {background:#555; color:#fff;}
.tcbtn2 .tcbutton03:hover, .tcbtn2 .tcbutton03:focus {background:#555; color:#fff;}



/***** 준비중 coming_soon *****/
.education .coming_soon {border-top:1px solid #888; padding:100px 0 60px;}



/******************** 커뮤니티 ********************/
/***** 문의안내 *****/
/* consulting */
.question {overflow:hidden;}
.question li {float:left; margin-left:11px; padding:0; width:309px; height:350px; border:1px solid #ddd; border-top:2px solid #1457a8; text-align:center; font-size:14px;}
.question li:first-child {margin-left:0;}
.question span {display:block;}
.question .ic {margin:80px auto 15px; height:100px;}
.question .tit {display:inline-block; margin:0 auto 10px; color:#000; font-weight:bold; font-size:18px; letter-spacing:-1px;}
.question li.how .ic {background:url("../image/content/consulting_how.png") no-repeat center top;}
.question li.time .ic {background:url("../image/content/consulting_time.png") no-repeat center top;}
.question li.tel .ic {background:url("../image/content/consulting_tel.png") no-repeat center top;}