@charset "utf-8";
/* CSS Document */

.sub_contents{height: 100%; margin: 0 auto; width: 100%; position:relative;}
.sub_contents:after{content:''; display:block; clear:both;}


@keyframes fadein {
    from {transform:scale(1.2);}
    to {
        transform:scale(1);
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
       transform:scale(1.2);
    }
    to {
        transform:scale(1);
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
         transform:scale(1.2);
    }
    to {
        transform:scale(1);
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        transform:scale(1.2);
    }
    to {
        transform:scale(1);
    }
}

.subVisual {position: relative;height:220px; box-sizing:border-box; overflow:hidden; margin-top:-1px;}
.subVisual:after {content:'';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;transition:all 2s ease-in-out; transform:scale(1.2);}
.subVisual.on:after {transform:scale(1) ;}
.subVisual:before{ content:''; position:absolute; background:url(/images/eng/sub/path_bg.png) ; height:46px; bottom:0; width:100%;}

.subVisual_n{position: relative;height:auto; box-sizing:border-box; margin-top:-50px;}
.subVisual_n:before{ content:''; position:absolute; background:url(/images/eng/sub/path_bg.png) ; height:46px; bottom:0; width:100%;}

.subVisual.aboutus:after {background-image:url(/images/eng/sub/dep1_subbg.png); z-index:-1;  animation: fadein 3s; -moz-animation: fadein 3s; /* Firefox */    -webkit-animation: fadein 3s; /* Safari and Chrome */    -o-animation: fadein 3s; /* Opera */ }
.subVisual.demand:after {background-image:url(/images/eng/sub/dep2_subbg.png); z-index:-1;  animation: fadein 3s; -moz-animation: fadein 3s; /* Firefox */    -webkit-animation: fadein 3s; /* Safari and Chrome */    -o-animation: fadein 3s; /* Opera */ }
.subVisual.supply:after {background-image:url(/images/eng/sub/dep3_subbg.png); z-index:-1;  animation: fadein 3s; -moz-animation: fadein 3s; /* Firefox */    -webkit-animation: fadein 3s; /* Safari and Chrome */    -o-animation: fadein 3s; /* Opera */  }
.subVisual.notice:after {background-image:url(/images/eng/sub/dep4_subbg.png); z-index:-1;  animation: fadein 3s; -moz-animation: fadein 3s; /* Firefox */    -webkit-animation: fadein 3s; /* Safari and Chrome */    -o-animation: fadein 3s; /* Opera */}
.subVisual.mypage:after {background-image:url(/images/eng/sub/dep5_subbg.png); z-index:-1;  animation: fadein 3s; -moz-animation: fadein 3s; /* Firefox */    -webkit-animation: fadein 3s; /* Safari and Chrome */    -o-animation: fadein 3s; /* Opera */}


.subVisual h3{  text-align:center; color:#000; font-size:45px; font-weight:400; padding-top:100px;}


.location{width:1280px; margin:0 auto; color:#fff; line-height:46px; font-size:14px; position:relative;margin-top: 100px;}

.path{ position:absolute; left:0; bottom:-3px; line-height:55px;}
.path a{color:#fff;}
.path ul.page_info li {  line-height: 55px}
.path ul.page_info li span{margin-left:15px; margin-right:15px;}
.path ul.page_info li span:first-child{ margin-left:0; margin-right: 0}
.path ul.page_info li img{margin-bottom:0px; margin-right:0px; vertical-align:middle; z-index: 100 }
.path ul.page_info li a{color:#fff; font-size:16px; font-weight:100;  }
.path ul.page_info li a:hover{  text-decoration: underline}
.home{ display:inline-block;  position: relative;  width:38px; height:38px;  z-index: 100;  background:#2f4479; text-align:center !important; border-radius: 50%; padding-bottom:0;  vertical-align:middle}
.home a > img{ margin-bottom: 18px !important; }




.contArea{ position:relative;width:1280px; margin:0 auto;  margin-top:45px; margin-bottom:120px; min-height:500px;}
.contArea:after{content:''; display:block; clear:both;}

.contArea2{ position:relative;width:100%; margin-top:0px; margin-bottom:45px;min-height: 600px; }
.contArea2:after{content:''; display:block; clear:both;}
.contArea2:before{ position:absolute;content:''; width:100%; height:46px; background:#015cb8; z-index:-1}

.cont2  { width:1280px; margin:0 auto;}

.path_l{ height:45px; color:#fff; z-index:10 ; position:relative; width:1200px; margin:0 auto;}
.path_l > .path .home { background:#333c44}




.cont2 > .content { width:100%; }


.content{ float:left; width:100%; padding-top:20px;}
.content >  h3 { text-align: center; font-size: 40px; display: inline-block; position:relative; width:100%; margin: 20px 0 60px;}
.content > h3 em{position:relative}
.content > h3 em:after{position:absolute;content: ''; width: 8px; height: 8px; background: #78c4ff; border-radius: 15px; right:-10px; top:0}

/*게시판검색*/
.search_sub{ position:relative; height:50px;}
.search_sub:after{content:''; display:block; clear:both;}

.boardsearch{padding:0 0 0 130px}
.boardsearch{position:absolute;right:55px; margin-top:10px;}
.boardsearch .select_box{position:absolute;top:0;left:0;width:140px} .boardsearch .select_box select{ width:120px; height: 35px; line-height: 35px; font-size:1.0em;}
.boardsearch .text_search{width:210px;height:35px;font-size:1.0em;line-height:1.428em;color:#000;text-indent:5px;}
.s_sbtn{position:absolute;top:0px;right:-55px;width:65px;height:35px;padding:0px 0;background:#333333;line-height:0; border:0; color:#fff !important; line-height:35px; text-align:center}

/*리스트*/
.resultCont { position: relative; overflow: hidden; border-top:1px solid #000; margin: 20px 0 30px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.bbs_list_board{overflow: hidden; border-bottom: 1px solid #d1d1d1;    padding: 25px 15px;}

.col-lg-2, .col-lg-8{ float:left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.col-lg-2{ width:20%;text-align: center} .col-lg-8{ width:80%;}

.thumbnail{ border:1px solid #ccc; width: 200px; margin: 0 auto; height: 230px;  position:relative; overflow: hidden}

.thumbnail img{ height: 100%; z-index: 100; width: 100%;}
.thumbnail a{ display: block; width: 200px; height: 230px; position: relative;  background:url("/images/eng/sub/noimg.png") no-repeat; }


.info_area{ float:left; margin-left:25px;position:relative; overflow:hidden; -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;box-sizing: border-box;;}
.info_area h4.tit{color:#000; font-size:18px; font-weight:bold; text-overflow:ellipsis;word-wrap:break-word; height: 42px; }
.info_area h4.tit a:hover{ text-decoration:underline}
.info_area a{color:#000}
.info_area p.tit { background: #000; color:#fff; padding: 2px 15px; display: inline-block; margin-top:15px; margin-bottom: 8px;  }
.info_area p.tit a:hover, .info_area p.info:hover{ text-decoration: underline}
.info_area p.info{display:box;display:-webkit-box;display:-ms-flexbox;height:58px;color:#707070;font-size:16px;line-height:115%; font-weight: 100; letter-spacing:-0.8px;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical; }

.info_area dl { display:inline-block; width:100%; box-sizing:border-box; margin-top:20px; position:relative; font-size: 16px;}
.info_area dl:after{content:''; display:block; clear:both}
.info_area dl dt{ float:left;border:1px solid #d7d7d7; padding:2px 8px; display:inline-block; margin-right:20px; font: normal 15px/150% 'mst','nts','Malgun Gothic','맑은 고딕','Helvetica nenu',Arial, "Apple SD Gothic";}
.info_area dl dd{ float:left; padding:2px 0; margin-right:30px; color:#000; }

.op a{ color:#17b6d4; border:1px solid #17b6d4; padding:2px 10px; display: inline-block  }
.op a:after{-webkit-transition: all 0.3s;	-moz-transition: all 0.3s;  -o-transition: all 0.3s;
	transition: all 0.3s;}

.btn-5 {  background: none;  border:0;  color: #000;  display: block;   position: relative;  text-transform: uppercase; font-size:15px;  border:1px solid #d1d1d1;}
.btn-5::before,.btn-5::after {  background: #17b6d4;  content: '';  position: absolute;  z-index: -1; color:#fff}
.btn-5:hover {  color: #fff; cursor:pointer}
.btn-5 {overflow: hidden;}
.btn-5::after {  /*background-color: #f00;*/  height: 32px;  left: 0;  top: 0;  transform: kew(50deg);  transition-duration: 0.6s;  transform-origin: top left;  width: 0; }
.btn-5:hover:after {  height: 34px;  width: 167px;;}


/*패싯내비게이션*/
.faceted{float:left; width: 225px;   border:1px solid #ddd;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; margin-right:25px;}
.faceted > h3 { color:#000; font-size: 18px; padding: 10px 10px 0;}
 .fc_menu a{cursor:pointer;}
    /*.menu .hide{display:none;}*/

.filterBox h3{ background: #f9fafc; color:#2f4479 !important; font-size: 16px; padding: 3px 8px; display: block; border: 1px solid #dedede; position: relative; margin: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
.filterBox h3 > a{color:#2f4479;}
.filterBox h3  span { position: absolute; right:15px; top:15px;}

.fc_menu > ul { padding:0 10px 10px; }
.fc_menu > ul li { line-height: 25px; position: relative; padding-left: 20px;}
.fc_menu > ul li:after{ position: absolute; content: '└ '; left:0; top:0%; color:#9d9d9d;}
.fc_menu > ul li a:hover{ text-decoration: underline}

#best_con01{border-bottom:1px solid #ddd;}
.tab_con { margin:15px;}
.tab_con li{display:block;position:relative;margin-bottom:10px;padding:0 20px 0 30px;height:18px;}
 .tab_con li span{font-size:12px;display:block;position:absolute;left:0;top:0;width:21px;height:21px;background:#99a0a9;box-sizing:border-box;text-align:center;line-height:21px;color:#fff;}
 .tab_con li.top span{background:#004892;}
 .tab_con li a{font-size:14px;display:block;line-height:21px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.contents{ float:left; width:1030px; }
.group{ margin-bottom:70px; position:relative; overflow: hidden}

/*통합검색목록*/
.result{ position:relative; border-bottom:1px solid #e7e7e7; overflow:hidden; -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;box-sizing: border-box;transition:all .5s cubic-bezier(0.7, 0, 0.3, 1) ; margin-bottom: 15px;}
.result_cont{border-bottom:1px solid #000; margin-bottom: 15px; position:relative;}
.result_cont >h3 {font-size: 20px; margin-bottom: 5px; display: block; color:#2f4479}
.result_cont > span {position:absolute; right:0; bottom:5px}
.result_cont > span a > i { font-size: 18px; vertical-align: middle; margin-bottom: 3px;}
.result_cont > span a:hover{text-decoration: underline}

.info_area2{ float:left;width:100%; position:relative; overflow:hidden; -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;box-sizing: border-box; padding:  0 10px;}
.info_area2 h4.tit{color:#000; font-size:17px; font-weight:bold; text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;line-height:normal;}
.info_area2 h4.tit a:hover{ text-decoration:underline}
.info_area2 a{color:#000}
.info_area2 p.info{display:box;display:-webkit-box;display:-ms-flexbox;height:42px;color:#707070;font-size:15px;line-height:155%;letter-spacing:-0.8px;font-weight:normal;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical; margin-top:15px; margin-bottom: 15px;}

.info_area2 dl { display:inline-block; width:100%; box-sizing:border-box; position:relative}
.info_area2 dl:after{content:''; display:block; clear:both}
.info_area2 dl dt{ float:left;border:1px solid #d7d7d7; padding:2px 5px; display:inline-block; margin-right: 2%; width: 15%; text-align: center}
.info_area2 dl dd{ float:left; padding:3px 0;  color:#525252; width:83%}
.op2 { position:absolute; right:0; top:2px; color:#264c93; border:1px solid #264c93; padding:3px 15px; border-radius:30px; font-size:15px;}
.op2 a{color:#264c93} .op a:hover{ text-decoration: underline}
.suk { margin: 8px 0; color:#005faf; line-height: 30px; width: 100%; display: inline-block}
.suk > span { margin-left:13px; position:relative}
.suk > span:after{position:absolute; content: '/';}
.suk > span:last-child:after { display:none}

/*검색창*/
.searchbox{position:relative; height:auto; border:1px solid #eaeaea; background:#f9fafc; padding: 20px 7%; font-size:16px; margin-bottom:60px;}
.searchbox:after{content:''; display:block; clear:both;}
.searchbox select {background:#fff;-webkit-border-radius:0}

.filter{ margin:0px 155px; width:100%; position:relative; overflow:hidden}
.filter li { float:left; margin-right:25px; position:relative}
.filter li::before{ position:absolute; content:''; width:1px; height:10px; background:#000; right:-15px;top:5px}
.filter li:last-child::before{ display:none}
.filter li a{ color:#000} .filter li a:hover{ text-decoration:underline}

.searchbox>div {position:relatie; /*float:left;*/ width: 80%; margin:0 auto;}
.searchbox  .searchbox input, .Keyword .searchOpt1 {/*float:left*/}


.searchbox .Keyword {width:65%;; height:38px; margin-right:10px;background:#fff;-webkit-border-radius:0; margin-top:5px; margin-bottom:5px !important; font-size:16px; color:#686868 ;;border:1px solid #cccccc;}
.searchbox .Keyword:focus{border:0px solid #1981bf; color:#1981bf;}

.searchKeyword { }
.searchKeyword input{padding-left:12px; color:#5d5e61; font-size:14px  }
.searchKeyword input[type=checkbox]{ margin-right:8px; margin-left:8px;}
.searchKeyword input#farm1{ margin-left:0}
.research {margin-left:155px; margin-top:10px;}
.searchKeyword select{ min-width:140px; height:38px; border:1px solid #cccccc; color:#686868 ; font-size:16px; padding:0 35px 0 10px; background:#fff;
 -webkit-appearance: none; /* 네이티브 외형 감추기 */
 -moz-appearance: none; appearance: none;
 background:url('/images/eng/sub/select_arrow.gif') no-repeat 90% 50% #fff;; /* 화살표 모양의 이미지 */ }
.searchKeyword select::-ms-expand { display: none; }

/*introduce*/
.txt_box { position:relative; border:1px solid #d8dce6; background:#f5f6f8; padding:40px; text-align:center; font-size:18px;}
.txt_box li:first-child{ color:#2f4479; margin-bottom:25px; line-height:normal;}

.group img { width:100%;}

.introduce_cont1{position:relative; overflow:hidden; }
.introduce_cont1 h3{ font-size:30px; margin-bottom:30px;}
.introduce_cont1 .introduce_cont1_1{ position:relative; height:400px;; background:url('/images/eng/sub/s01s01_img2.png') no-repeat; background-size:100% 187px}
.introduce_cont1 .introduce_cont1_1:after{content:''; display:block; clear:both;}
.introduce_cont1 .introduce_cont1_1 ul { padding-top:55px;}
.introduce_cont1 .introduce_cont1_1 li { float:left; width:33.3%; text-align:center; font-size:35px; color:#fff;}
.introduce_cont1 .introduce_cont1_1 li:nth-child(3) {color:#ffc323;position:relative}
.introduce_cont1 .introduce_cont1_1 li p {font-size:22px; color:#bacdff; margin-top:15px; font-weight:100}
.re_re{position:absolute; width:345px; height:155px; border:1px solid #c4c4c4; right:0; top:150px;color:#000; font-size:16px; text-align:left;}
.re_re dl {positon:relative; padding:20px;}
.re_re dl dt{float:left; width:50%; line-height:28px;}
.re_re dl dd{float:left; width:50%; text-align:right;line-height:28px;}
.re_re dl::before{position:absolute;content:''; width:15px; height:15px; border-radius:30px; background:#ffc323; right:168px;top:-80px;}
.re_re dl:after{position:absolute;content:'';height:65px;right:175px; top:-65px; background:#c4c4c4; width:1px}

/*about us*/
.purpose{position:relative; overflow: hidden; margin-top: 70px;}
.purpose h3 {font-family: 'Titillium Web'; font-weight: 100; color:#fff; font-size: 40px; font-weight: 100; display: inline-block; margin-bottom: 15px; margin-top: 10px;}
.purpose19 { float:left; width: 33.33%; background:url("/images/eng/sub/purpose_img.png") no-repeat #414141;background-position-y: bottom; background-position-x: right;  background-size: cover; height: 385px; padding: 20px;}
.purpose19 > p, .purpose19 h3 {color:#caff63}

.purpose19 > p {line-height: 20px; font-size: 15px;}

.purpose19 dl, .purpose18 d, .purpose19 dl, .purpose17 dl{font-weight: 100; margin-top: 20px; color:#fff;}
.purpose19 dt, .purpose18 dt, .purpose17 dt {font-size: 18px; margin-bottom: 15px; }
.purpose19 dd, .purpose18 dd, .purpose17 dd{position:relative; padding-left: 15px; font-size: 15px; margin-bottom: 8px;}
.purpose19 dd:before, .purpose18 dd:before, .purpose17 dd:before{position:absolute; content: ''; width: 5px; height:5px; border-radius: 15px; background: #7c8ac1; left:0; top:10px; }

.purpose18 { float:left; width: 33.33%; background:url("/images/eng/sub/purpose_img2.png") no-repeat  #414e84 ; background-position-y: bottom; background-position-x: right; background-size: cover;  height: 385px; padding: 20px;}
.purpose18 > p {color:#7fcaff; font-size: 25px; margin-bottom: 50px;}

.purpose17 { float:left; width: 33.33%; background:url("/images/eng/sub/purpose_img3.png"); height: 385px; padding: 20px;}
.purpose17 > h3 {color:#2f4479}
.purpose17 > p {color:#2f4479; font-size: 25px; margin-bottom: 50px;}
.purpose17 > dl {color:#000}
.purpose17 >dl > dd {margin-bottom: 2px;}

.activities dl {margin-bottom: 50px;}
.activities dl dt {position:relative; overflow: hidden; padding-left: 17px; font-size: 18px;margin-bottom: 15px; display: inline-block;line-height:normal;}
.activities dl dt:before{position:absolute; content: ''; width: 8px; height: 3px; background: #000; top:10px; left:0; }
.activities dl dd{position:relative; padding-left: 30px;  color:#5f5f5f; font-size: 16px; font-weight: 100}
.activities dl dd:before{position:absolute; content: ''; width: 5px; height:5px; border-radius: 15px; background: #7c8ac1; left:15px; top:10px;}

.table_txt{position:relative; }
.tb_tit{border-bottom:1px solid #000; position:relative; overflow: hidden; text-align: center}
.tb_tit li {font-size:20px; float:left; padding-bottom: 15px;}
.col1 {width: 25%; }
.col2 {width: 75%; }

.tb_cen{  position:relative; overflow: hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;  font-size: 16px; font-weight: 100}
.tb_cen ul.tb_rw{ display:inline-block; border-bottom:1px solid #c8c8c8; padding: 15px 0;width: 100%; height: auto}
.tb_cen ul li {float:left;}
.tb_cen ul li.col1 {padding:0 15px; color:#000;}
.tb_cen ul li.col2  {color:#5f5f5f; border-left:1px dashed #c8c8c8;}
.tb_cen ul li.col2 >p{ position:relative;padding:0 15px 5px 25px; }
.tb_cen ul li.col2 >p:last-child{padding-bottom:0}
.tb_cen ul li.col2 >p:before{position:absolute; content: ''; width: 5px; height:5px; border-radius: 15px; background: #7c8ac1; left:15px; top:10px;}

.nkis_chart {margin-top: 60px;}
.nkis_chart h3{ background: #7d7d7d; color:#fff; font-size: 20px; display: inline-block; padding: 3px 15px 5px; line-height: 25px;}
.nkis_chart>span {text-align: right; display: inline-block; width: 100%;margin-top:40px;}
.nkis_chart>p {margin-top: 15px;} .nkis_chart>p img {width:100%;}


.institutes {position:relative; overflow: hidden}
.institutes > p {text-align: right; margin-bottom: 10px;}



.institutes_cont .news_box{ position:relative;}
.institutes_cont .news_box .box.space_box,
.institutes_cont.news_box .box.space_box.bdr{border:0 none;}
.institutes_cont .news_box .box { display:  block;  float:left; width: 25%; height:283px;overflow:hidden; border:1px solid #ddd;position:relative; text-decoration:none; color:#000; opacity: 1; cursor: pointer; border-right:0 }
.institutes_cont .news_box .box .bdr {border-right:1px solid #ddd;}
.institutes_cont .news_box .box:nth-child(5n+1) {margin-top: -1px;}


.institutes_cont .news_box .box.hide {opacity: 0; pointer-events: none;}
.institutes_cont .news_box .box .base { padding: 32px; height: 100%;}
.institutes_cont .news_box .box .base .img_wrap { margin-bottom:50px; margin-top: 20px; text-align:center;overflow: hidden; }
.institutes_cont .news_box .box .base .img_wrap img{display:inline-block;}
.institutes_cont .news_box .box .base .title { font-size: 1.2em; font-weight: 400; margin-bottom: 12px; display:  block; max-height: 4rem; overflow: hidden; text-align: center}
.institutes_cont .news_box .box .base .text { color: #1470d8; font-size: 16px; max-height: 4.5em; overflow:  hidden; margin-bottom: 8px; text-align: center}


.institutes_cont .news_box .box .over { transform: translate(0,50%); opacity: 0;position:  absolute;top: 0;  left:  0; right:  0; height:  100%; background:  rgba(47, 68, 121, 0.95); color: #fff; padding: 10px 20px;}
.institutes_cont .news_box .box .over .text {font-size: 1.0rem; opacity: 0.8; font-weight: 100; margin-bottom: 15px;}
.institutes_cont .news_box .box .over a{color:#fff;}


.institutes_cont .news_box .box:hover .over,
.institutes_cont .news_box .box:focus .over { transform: translate(0,0); opacity: 1; background:  rgba(47, 68, 121, 0.95);}
.institutes_cont  div, span, li, p, a, form, button {    -webkit-transition: all 0.3s ease 0s;    -moz-transition: all 0.3s ease 0s;    -ms-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;}



.search_count {position:absolute; left:0; top:15px; font-size: 18px;}


/*top검색창*/
.top_search{position:absolute; right:80px; top:5px; width: 230px; }
.top_inputbox{ position:relative; float:left; width:100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
.top_keyword {width:100%;height: 36px !important;min-height: 33px; font-size:18px;  padding-left:8px; color:#000; border:0!important; border-radius: 20px; background: #e4e4e4; font-size: 16px;}
.top_btn-search{ position:absolute; right:0px;; top:2px; width:35px; border:0;height:32px; background:#e4e4e4; z-index:2; cursor:pointer; color:#fff; font-size:20px; border-radius: 20px}
.top_btn-search > i{vertical-align: middle; margin-bottom: 5px}