@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css'); 
@charset "utf-8";

.mt_50{margin-top:50px;}

.mb_15{margin-bottom:15px;}
.mb_30{margin-bottom:30px;}
.mb_50{margin-bottom:50px;}

.pl_30{padding-left:15px;}

.color_gre{color:#18773f;}
.color_blue{color:#1562aa;;}

.txt_c{text-align:center;}
.txt_r{text-align:right; font-size:17px;}

.img_100 img{width:100%;}


.title{position:relative; padding-left:30px; font-size:25px; color:#333;}
.title::before{content:""; position:absolute; left:3px; top:10px; width:16px; height:16px; background:rgba(38,118,68,0.2);}
.title::after{content:""; position:absolute; left:0; top:18px; width:10px; height:10px; background:rgba(38,118,68,1);}

.num_list li{font-size:17px; color:#333;}
.point_list li{position:relative; padding-left:12px; font-size:17px; color:#333;}
.point_list li::before{content:""; position:absolute; left:0; top:12px; width:3px; height:3px; background:#333;}

.flex_2{display:flex; width:100%; flex-wrap:wrap;}
.flex_2 li{width:50%; padding:0 2%;}
.flex_2 li img{width:100%;}

.bg_line{position:relative; display:inline-block; padding:0 5px;}
.bg_line::before{content:""; position:absolute; left:0; bottom:0; width:100%; height:100%; background:rgba(38,118,68,0.2); z-index:-1;}

.line_box{padding:25px; font-size:17px; border-radius:15px; border:1px solid #ccc;}
.dotline_box{padding-top:30px; margin-top:30px; border-top:2px dotted #ccc;}
.gray_box{padding:25px; font-size:17px; background:#f9f9f9; border-radius:15px;}


.ko_table{width:100%; border-top:3px solid #267644; border-collapse: collapse;}
.ko_table th{padding:15px 10px; font-size:17px; font-weight:600; color:#333; background:#f3f3f3; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.ko_table th:last-child{border-right:0;}
.ko_table td{padding:15px 10px; font-size:17px; text-align:center; font-weight:500; color:#333; border-right:1px solid #ddd; border-bottom:1px solid #ccc;}
.ko_table td:last-child{border-right:0;}

.border_right{border-right:1px solid #ddd !important;}

.table_left td{text-align:left;}

.txt_17{font-size:17px}

/*공통*/
.tit_box{position:relative; text-align:center; font-size:30px; font-weight:600; color:#333; padding:70px 15%; background:#f3f3f3; letter-spacing:-1px;   font-family: 'ONE-Mobile-Title';}



/* 인사말 */

.ceo .ceo_txt{font-size: 18px;    color: #555;    line-height: 170%;}
.ceo .ceo_txt p{margin-bottom: 15px;}
.ceo .ceo_txt p span{color:#1562aa;}
 
.ceo ul.ceo_txt{overflow:hidden; margin-top: 50px; display: flex}
.ceo ul.ceo_txt li{ margin-left:4%; font-size:20px; color:#333; line-height:180%;}
.ceo ul.ceo_txt li:first-child{margin-left:0; width:40%; }
.ceo ul.ceo_txt li:first-child img{width: 100%; height: 750px;}
.ceo ul.ceo_txt li:last-child{width:50%;}



.ceo_name{text-align:right; font-size:25px; color:#333; font-weight:600;}
.ceo_name span{margin-left:10px; font-family: 'Nanum Brush Script'; font-size:60px; font-weight:normal; letter-spacing:10px;}


/*찾아오시는 길*/
.location{position:relative; width:100%; padding:50px 50px 0 0;}
/*.location::before{content:""; position:absolute; right:0; top:0; width:20%; height:40%; border-radius:0 20px 0 0; background:#267644;}*/
.location_box{position:relative; border-radius:15px; overflow:hidden;}
.location_box .root_daum_roughmap .wrap_controllers{display:none;}

.loca_txt{position:relative; }
/*.loca_txt::before{content:""; position:absolute; left:30px; top:0; height:55%; width:3px; background:#267644;}*/
.loca_txt p.loca_logo{padding-top:50px; margin-bottom:30px; font-size:50px; font-family:"S-CoreDream-9Black"; color:#1562aa;}
.loca_txt p.adr{margin-bottom:30px; padding:15px; font-weight:600; font-size:20px; color:#333; background:#f3f3f3; border-radius:5px;}
.loca_txt ul{width:100%;}
.loca_txt ul li{display:inline-block; margin:0 10px; font-size:20px; color:#333; font-weight:600;}
.tbl-stat .bus_info{margin-top: 10px;}

.tbl-stat .bus_info > span {   margin-right: 5px;    color: #fff;    padding: 5px 20px;    border-radius: 40px;    margin-top: 10px;    display: inline-block; text-align: center;
    width: 84px;}
.tbl-stat .bus_info .subway {  background: #ff0000;}
.tbl-stat .bus_info .bus {  background: #5fb73c;}

/* 리스트 */
.tbl-stat {clear:both; width:100%; border-top:#000 2px solid; border-collapse: collapse; border-spacing:0px;table-layout:fixed; font-size:16px; margin-top: 50px;}
/* .tbl-stat caption { font-size:1px; line-height:1px; text-indent:-1000em; visibility:hidden; width:1px; height:1px; overflow:hidden;} */
.tbl-stat thead th, .tbl-stat tbody th {padding:20px; border:solid #e0e0e0; border-width:0 1px 1px 1px; background:#f6f6f6; color:#333; word-wrap:break-word; }
.tbl-stat tbody th {background:#fcfcfc}
.tbl-stat thead th:first-child, .tbl-stat tbody th:first-child,.tbl-stat tbody td:first-child, .tbl-stat tfoot td:first-child {border-left:0px;}
.tbl-stat thead th:last-child, .tbl-stat tbody th:last-child, .tbl-stat tbody td:last-child, .tbl-stat tfoot td:last-child { border-right:0}
.tbl-stat tbody td {padding:20px; text-align:left;  border:1px solid #e0e0e0; border-width:1px;word-break: break-all; line-height:1.6}
.tbl-stat .left,.tbl-stat .l {padding-left:20px}/*여백 재설정이 필요할 경우*/
.tbl-stat tfoot th {background:#f6f6f6; border:solid #e0e0e0; border-width:0 0 1px 0px; text-align:center; padding:10px 0; color:#e6360d;}
.tbl-stat tfoot td {background:#f6f6f6; border:solid #e0e0e0; border-width:0 0 1px 1px; text-align:center;  padding:10px 0; color:#333; font-weight:bold;}
.tbl-stat tbody td h2 { font-size:18px; font-weight:bold}



/* 연혁 */
.history_list{position:relative; width:100%; margin-top:50px; padding-top:50px;}
.history_list::before{content:""; position:absolute; left:51%; top:0; width:35px; height:35px; background:rgba(38,118,68,0.2); transform:translateX(-50%)}
.history_list::after{content:""; position:absolute; left:50%; top:15px; width:30px; height:30px; background:#267644; transform:translateX(-50%)}

.history_list ul.his_ul1{position:relative; overflow:hidden;}
.history_list ul.his_ul1::before{content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ccc; transform:translateX(-50%);}

.history_list ul.his_ul1 > li{clear:both; width:50.5%; padding-top:30px; text-align:right;}
.history_list ul.his_ul1 > li > dl dt{position:relative; padding-right:30px; margin-bottom:10px; font-size:30px; color:#267644; font-weight:600;}
.history_list ul.his_ul1 > li > dl dt::before{content:""; position:absolute; right:0; top:12px; width:15px; height:15px; border-radius:100%; border:4px solid #267644; background:#fff;}
.history_list ul.his_ul1 > li > dl dd{padding-right:30px;}
.history_list ul.his_ul1 > li > dl dd ul li{position:relative; padding-right:15px; line-height:160%; font-size:17px; color:#333;}
.history_list ul.his_ul1 > li > dl dd ul li::before{content:""; position:absolute; right:0; top:12px; width:5px; height:5px; border-radius:100%; background:#267644;}

.history_list ul.his_ul1 > li:nth-child(odd){float:right; padding-top:30px; text-align:left;}
.history_list ul.his_ul1 > li:nth-child(odd) > dl dt{position:relative; padding-left:30px; margin-bottom:10px; font-size:30px; color:#267644; font-weight:600;}
.history_list ul.his_ul1 > li:nth-child(odd) > dl dt::before{content:""; position:absolute; left:0; top:12px; width:15px; height:15px; border-radius:100%; border:4px solid #267644; background:#fff;}
.history_list ul.his_ul1 > li:nth-child(odd) > dl dd{padding-left:30px;}
.history_list ul.his_ul1 > li:nth-child(odd) > dl dd ul li{position:relative; padding-left:15px; line-height:160%; font-size:17px; color:#333;}
.history_list ul.his_ul1 > li:nth-child(odd) > dl dd ul li::before{content:""; position:absolute; left:0; top:12px; width:5px; height:5px; border-radius:100%; background:#267644;}


/* 벤처기업 확인 */
.vh_box ul{width:100%; overflow:hidden;}
.vh_box ul li{float:left; width:65%; font-size:17px; color:#333; padding:30px; border-radius:15px; border:1px solid #ccc;}
.vh_box ul li:last-child{width:30%; margin-left:5%; padding:0; text-align:center; border:none;}
.vh_box ul li:last-child img{width:100%; max-width:290px;}


/* 보유특허 */
.Patent{width:100%;}
.Patent ul{display:flex; flex-wrap:wrap; width:100%;}
.Patent ul li{width:25%; padding:0 2%; margin-bottom:30px;}
.Patent ul li p{text-align:center;}
.Patent ul li p img{width:100%; max-width:270px;}

.Patent ul li dl dt{margin-top:15px; font-size:20px; font-weight:600; color:#267644;}
.Patent ul li dl dd{font-size:17px; color:#333;}

/*조직도*/
.org{position:relative; width:100%;}
.org::before{content:""; position:absolute; left:50%; top:0; width:1px; height:75%; background:#ccc; transform:translateX(-50%); z-index:-1;}

.org .org_ceo{width:100%; max-width:190px; padding:65px 0; margin:0 auto; text-align:center; color:#fff; font-size:30px; font-weight:600; border-radius:100%; border:10px solid #bdd6c7; background:#267644;}

.org_giup{position:relative; width:100%; margin-top:100px; overflow:hidden;}
.org_giup p{clear:both; float:right; width:100%; max-width:200px; margin-right:20%; padding:15px 0; color:#1562aa; text-align:center; font-size:20px; font-weight:600; color:#267644; border:5px solid #1562aa; background:#fff;}
.org_giup::before{content:""; position:absolute; right:20%; top:50%; width:30%; height:1px; background:#ccc; transform:translateY(-50%); z-index:-1;}


.org_deri{position:relative; width:100%; margin-top:50px; overflow:hidden;}
.org_deri p{clear:both; float:left; width:100%; max-width:200px; margin-left:20%; padding:15px 0; color:#1562aa; text-align:center; font-size:20px; font-weight:600; color:#333; background:#f1f1f1;}
.org_deri::before{content:""; position:absolute; left:20%; top:50%; width:30%; height:1px; background:#ccc; transform:translateY(-50%); z-index:-1;}


.org ul{position:relative; clear:both; display:flex; width:100%; margin:0 auto; padding-top:150px; overflow:hidden;}
.org ul::before{content:""; position:absolute; left:50%; top:80px; width:66.5%; height:1px; background:#ccc; transform:translateX(-50%); z-index:-1;}
.org ul li{flex:1; position:relative; padding:0 4%; text-align:center;}
.org ul li:first-child:before{content:""; position:absolute; left:50%; top:-70px; width:1px; height:30%; background:#ccc; transform:translateX(-50%); z-index:-1;}
.org ul li:last-child:before{content:""; position:absolute; left:50%; top:-70px; width:1px; height:30%; background:#ccc; transform:translateX(-50%); z-index:-1;}

.org ul li strong{display:block; width:100%; padding:15px 0; font-size:20px; color:#fff; font-weight:600; background:#1bb185;}
.org ul li p{margin-top:10px; padding:12px 0; font-size:17px; color:#333; background:#f3f3f3;}


/* 연구개발 */
.system_dl1 ul{display:flex; width:100%;}
.system_dl1 ul li{position:relative; flex:1; padding:30px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.system_dl1 ul li::before{content:""; position:absolute; left:-1px; top:-3px; width:100%; max-width:100px; height:5px;}
.system_dl1 ul li:first-child{border-left:1px solid #ccc;}
.system_dl1 ul li dl dt{margin-bottom:20px; padding-bottom:20px; padding-top:170px; text-align:center; font-size:30px; font-weight:600; border-bottom:2px dotted #ccc;}
.system_dl1 ul li dl dd{font-size:17px;}

.system_dl1 ul li:nth-child(1)::before{background:#c84c2a;}
.system_dl1 ul li:nth-child(1) dl dt{color:#c84c2a; background:url("../img/sub/system_img01.png") center top 20px no-repeat;}
.system_dl1 ul li:nth-child(2)::before{background:#267644;}
.system_dl1 ul li:nth-child(2) dl dt{color:#267644; background:url("../img/sub/system_img02.png") center top 20px no-repeat;}
.system_dl1 ul li:nth-child(3)::before{background:#184c74;}
.system_dl1 ul li:nth-child(3) dl dt{color:#184c74; background:url("../img/sub/system_img03.png") center top no-repeat;}


.AREA_wrap {padding-top:70px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.AREA_wrap .item { width:49%; padding:0 20px 20px 20px;  border:3px solid;text-align:center;     margin: 0 0 10% 0;    min-height: 300px;}

.AREA_wrap .item .no {margin:-67px auto 5px;width:133px;height:133px;border:8px solid #fff; border-radius:50%; line-height: 120px; color:#fff; font-size:17px}
.AREA_wrap .item .tit {color:#222;font-size:1.5rem; padding-top:20px; font-weight:600;}
.AREA_wrap .item .txt1 {color:#444;font-size:1rem; padding-top:20px;}


.AREA_wrap .item01 {border-color:#c84c2a;}
.AREA_wrap .item01 .no {background-color:#c84c2a;}
.AREA_wrap .item01 .tit{color:#c84c2a;}

.AREA_wrap .item02 {border-color:#267644;}
.AREA_wrap .item02 .no {background-color:#267644;}
.AREA_wrap .item02 .tit{color:#267644;}

.AREA_wrap .item03 {border-color:#184c74;}
.AREA_wrap .item03 .no {background-color:#184c74;}
.AREA_wrap .item03 .tit{color:#184c74;}

.AREA_wrap .item04 {border-color:#444;}
.AREA_wrap .item04 .no {background-color:#444;}
.AREA_wrap .item04 .tit{color:#444;}



@media (max-width: 969px){

.table_scroll{overflow-x:auto; padding-bottom:30px;}
.table_scroll .ko_table{min-width:760px;}

.table_scroll::-webkit-scrollbar{width:8px; height:8px; background:#f3f3f3;}
.table_scroll::-webkit-scrollbar-thumb{border-radius:3.5px; background:#ced4da;}
.table_scroll::-webkit-scrollbar-track{background:#f3f3f3;}

/* 인사말 */
.ceo_box{font-size:25px;padding:60px 10%;}
.ceo_box::before{left:5%;}
.ceo_box::after{right:5%;}

.ceo ul.ceo_txt{overflow:hidden; flex-wrap: wrap;}
.ceo ul.ceo_txt li{font-size:17px; color:#333; line-height:160%; }

.ceo ul.ceo_txt li:last-child{order: 1; width: 100%; margin-bottom: 50px;}
 .ceo ul.ceo_txt li:first-child{order: 2; width: 100%}

.ceo_name{font-size:20px;}
.ceo_name span{font-size:50px;}


.munseo{margin-top:50px; padding-top:50px; border-top:2px dotted #ccc;}
.munseo ul{display:flex; width:100%; max-width:700px; margin:0 auto;}
.munseo ul li{flex:1; padding:0 10px; text-align:center; font-size:17px; color:#333;}
.munseo ul li img{width:100%;}


/* 보유특허 */
.Patent ul li{width:33.333%;}


/*조직도*/
.org_giup p{margin-right:10%;}

.org_deri p{margin-left:10%;}

.org ul li{flex:1; position:relative; padding:0 2%; text-align:center;}

/* 찾아오시는 길 */
.loca_txt p.loca_logo{font-size:40px;}

/* 연구개발 */
.system_dl1 ul li dl dt{font-size:25px;}

.AREA_wrap .item {width:100%;  margin: 0 0 15% 0; }

}


@media (max-width: 639px){


.title{position:relative; padding-left:25px; font-size:20px; color:#333;}
.title::before{content:""; position:absolute; left:3px; top:3px; width:16px; height:16px; background:rgba(38,118,68,0.2);}
.title::after{content:""; position:absolute; left:0; top:12px; width:10px; height:10px; background:rgba(38,118,68,1);}

.flex_2{display:flex; width:100%; flex-wrap:wrap;}
.flex_2 li{width:100%; padding:0; margin-bottom:30px;}
.flex_2 li img{width:100%;}



/* 인사말 */
.ceo_box{font-size:20px;padding:30px 10%;}
.ceo_box::before{left:5%; max-width:60px; background-size:100%;}
.ceo_box::after{right:5%; max-width:60px; background-size:100%;}

.ceo ul.ceo_txt{overflow:hidden;}
.ceo ul.ceo_txt li{float:none; width:100%; margin:0; font-size:17px; color:#333; line-height:160%; margin-bottom:30px;}

.ceo_name{font-size:17px;}
.ceo_name span{font-size:40px; letter-spacing:3px;}


.munseo{margin-top:50px; padding-top:50px; border-top:2px dotted #ccc;}
.munseo ul{display:flex; flex-wrap:wrap;}
.munseo ul li{flex:none; width:50%; padding:0; margin-top:20px;}
.munseo ul li:nth-child(1){margin-top:0;}
.munseo ul li:nth-child(2){margin-top:0;}
.munseo ul li img{width:90%;}


/* 연혁 */
.history_list{position:relative; width:100%; margin-top:50px; padding-top:50px;}
.history_list::before{content:""; position:absolute; left:0; top:0; width:35px; height:35px; background:rgba(38,118,68,0.2); transform:none;}
.history_list::after{content:""; position:absolute; left:0; top:15px; width:30px; height:30px; background:#267644; transform:none;}

.history_list ul.his_ul1::before{left:15px; transform:none;}

.history_list ul.his_ul1 > li{clear:both; width:100%; padding-top:30px; margin-left:8px; text-align:left;}
.history_list ul.his_ul1 > li > dl dt{position:relative; padding-left:30px; margin-bottom:10px; font-size:25px; color:#267644; font-weight:600;}
.history_list ul.his_ul1 > li > dl dt::before{content:""; position:absolute; left:0; top:12px; width:15px; height:15px; border-radius:100%; border:4px solid #267644;}
.history_list ul.his_ul1 > li > dl dd{padding-left:30px;}
.history_list ul.his_ul1 > li > dl dd ul li{position:relative; padding-left:15px; line-height:160%; font-size:17px; color:#333;}
.history_list ul.his_ul1 > li > dl dd ul li::before{content:""; position:absolute; left:0; top:12px; width:5px; height:5px; border-radius:100%; background:#267644;}

.history_list ul.his_ul1 > li:nth-child(odd){float:none; margin-left:8px;}
.history_list ul.his_ul1 > li:nth-child(odd) > dl dt{font-size:25px;}

/* 벤처기업 확인 */
.vh_box ul{width:100%; overflow:hidden;}
.vh_box ul li{float:none; width:100%;}
.vh_box ul li:last-child{width:100%; margin-top:30px; margin-left:0; text-align:center;}

/* 보유특허 */
.Patent ul li{width:50%;}

/*조직도*/
.org{position:relative; width:100%;}
.org::before{content:""; position:absolute; left:50%; top:0; width:1px; height:95%; background:#ccc; transform:translateX(-50%); z-index:-1;}

.org .org_ceo{width:100%; max-width:160px; padding:53px 0; margin:0 auto; text-align:center; color:#fff; font-size:25px; font-weight:600; border-radius:100%; border:8px solid #bdd6c7; background:#267644;}

.org_giup{position:relative; width:100%; margin-top:50px; overflow:hidden;}
.org_giup p{float:none; width:100%; max-width:none; margin-right:0;}
.org_giup::before{background:none;}


.org_deri{position:relative; width:100%; margin-top:30px; overflow:hidden;}
.org_deri p{float:none; width:100%; max-width:none; margin-left:0;}
.org_deri::before{background:none;}


.org ul{padding-top:50px; flex-wrap:wrap;}
.org ul::before{background:none;}
.org ul li{flex:none; width:100%; padding:0; margin-bottom:30px;}
.org ul li:first-child:before{background:none;}
.org ul li:last-child:before{background:none;}

.org ul li strong{font-size:17px;}

/*찾아오시는 길*/
.location{position:relative; width:100%; padding:30px 0 0 0;}

.location_box{position:relative; border-radius:15px; overflow:hidden; box-shadow:10px -5px 10px rgba(0,0,0,0.2);}
.location_box .root_daum_roughmap .wrap_controllers{display:none;}

.loca_txt{position:relative; padding:0;}
.loca_txt::before{background:none;}
.loca_txt p.loca_logo{padding-top:30px; margin-bottom:30px; font-size:25px; font-family:"S-CoreDream-9Black"; }
.loca_txt p.adr{font-size:17px;}
.loca_txt ul li{font-size:17px;}


/*연구개발*/
.system_dl1 ul{display:flex; flex-wrap:wrap; width:100%;}
.system_dl1 ul li{flex:none; width:100%; font-size:20px; margin-bottom:30px; border:1px solid #ccc;}
.system_dl1 ul li dl dd{font-size:17px;}

.AREA_wrap .item {  margin: 0 0 25% 0; }

}