@charset "UTF-8";
@import url("/resources/css/style.css");

section{clear:both; overflow:hidden;}


.ytp-chrome-top.ytp-share-button-visible{display:none;}
button.ytp-large-play-button.ytp-button{display:none;}

.main_visual {position:relative; margin-bottom:71px;  }
.main_visual .visual_wrap {position:relative; height:617px; overflow: hidden;  
	-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;
    }
.main_visual .text_wrap {position:absolute;top: 24%;left:0;right:0;text-align: left;z-index: 1;}
.main_visual .text_wrap .title {width: 60%;position:relative; z-index:1; font-size: 3.300rem; color: #fff; font-weight:100; font-weight: 100; padding-left: 9%; line-height:1.3; margin-bottom:25px;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	-webkit-text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	-moz-text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.main_visual .text_wrap .title strong {font-weight:700;}
.main_visual .text_wrap .text{width: 60%;position:relative; z-index:1; font-size:1.1rem;color: #fff;margin-bottom:40px;padding-left:  9%;font-weight: 400;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	-webkit-text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	-moz-text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.main_visual .text_wrap .btn_wrap{position:absolute; top:60%; left:70%; }
.main_visual .text_wrap .btn{  background: url(/resources/images/lead/btn_play_big.png) 50% 50% no-repeat !important;
animation: opacity 4s infinite ease-out;
    -webkit-animation: opacity 4s infinite ease-out;
    -moz-animation: opacity 4s infinite ease-out;}
.main_visual .text_wrap .btn:hover,
.main_visual .text_wrap .btn:focus{background-color: rgba(0,0,0,0.4) !important; box-shadow: 0 0 0 0.5rem rgba(0,0,0,.25); }
.main_visual .text_wrap .btn_wrap:after {z-index: -1; background: url(/resources/images/lead/icons_light.png) 50% 50% no-repeat; 
background-size: 100%;content: "";width: 960px; height: 990px; display:  block; position:  absolute; left: calc(50% + 8px); top: calc(50% + -10px);transform: translate(-50%,-50%);}

/* @keyframes opacity {
		0%{ opacity:0.5;  }
		50%{ opacity:1; }
		100%{ opacity:0.5;  }
	}
@-webkit-keyframes opacity {
		0%{ opacity:0.5;  }
		50%{ opacity:1; }
		100%{ opacity:0.5;  }
	}
 */
.main_visual .media{ height: 100%; overflow:hidden; background: url(/resources/images/lead/main2.jpg) no-repeat 0 50%; background-size: cover; animation:zoomin 20s 0.3s ease-out both; 
-webkit-animation:zoomin 20s 0.3s ease-out both; 
-moz-animation:zoomin 20s 0.3s ease-out both;}


/* @keyframes zoomin {
		0%{ transform:scale(1); -webkit-transform:scale(1); }
		100%{ transform:scale(1.2); -webkit-transform:scale(1.2); }
	}
	
@-webkit-keyframes zoomin {
		0%{ transform:scale(1); -webkit-transform:scale(1); }
		100%{ transform:scale(1.2); -webkit-transform:scale(1.2); }
	} */

/* 메인비디오 */
#main-video {position: absolute; display: none; transform: scale(1);}
#main-video-control {display: none; }
#main-video-control.on {display: block; position: absolute;  top: 50%;left:  50%;transform: translate(-50%, -50%);}


.keypoint_tab {position: absolute; bottom: 0; left: 0; right: 0;  border-bottom: 1px solid #e5e5e5; z-index: 2;}
.keypoint_tab ul{padding:0; margin:0;}
.keypoint_tab ul li {width:33.33%;min-height: 48px;float:left;vertical-align:  bottom;position: relative;}
.keypoint_tab ul li a{display:block ; z-index:5; border-right: 1px solid #e5e5e5;padding: 0 45px;background: #fff;position: absolute; width:  100%;bottom: 0; text-decoration: none;  background-position:89% 80%;}
.keypoint_tab ul li a:after{position: absolute;right: 27px;top: 56%;display: inline-block;width: 10px;height: 10px;content: "";border-top: 2px solid #b9b9b9;border-left: 2px solid #b9b9b9;border-bottom: 2px solid transparent;border-right: 2px solid transparent;transform: translate( 0,-50%) rotate(45deg);}

.keypoint_tab ul li a strong{ color:#000; font-size:1.03rem; display:inline-block; padding:13px 0; font-weight:400;}
.keypoint_tab ul li a strong span,
.keypoint_tab ul li a strong span{-webkit-transition: none;   transition: none;}
.keypoint_tab ul li a p{display:none; color:#fff; opacity:1; padding-right: 80px;}

.keypoint_tab ul li a:hover,
.keypoint_tab ul li a:focus{background-color:rgba(218, 33, 40,0.95); background-position:89% 80%; background-repeat:no-repeat; border-color:transparent; padding:35px 45px 60px; }


.keypoint_tab ul li a:hover:before, 
.keypoint_tab ul li a:focus:before{background-image: url(/resources/images/lead/keypoint_tab.png);content:  "";display:  block;width:  77px;height: 82px;position:  absolute;right:  28px;bottom: 21px;}


.keypoint_tab ul li:nth-child(1) a:hover:before, 
.keypoint_tab ul li:nth-child(1) a:focus:before{background-position: 50% 0;}

.keypoint_tab ul li:nth-child(2) a:hover:before, 
.keypoint_tab ul li:nth-child(2) a:focus:before{background-position: 50% -112px;}

.keypoint_tab ul li:nth-child(3) a:hover:before, 
.keypoint_tab ul li:nth-child(3) a:focus:before{background-position: 50% -205px;}

.keypoint_tab ul li:nth-child(4) a:hover:before, 
.keypoint_tab ul li:nth-child(4) a:focus:before{background-position: 50% -312px;}







.keypoint_tab ul li a:hover strong,
.keypoint_tab ul li a:focus strong{display:block; font-size:1.500rem; color:#fff; padding:0; margin:8px 0 15px; line-height:1.4; font-weight:700;}
.keypoint_tab ul li a:hover strong span,
.keypoint_tab ul li a:focus strong span{display:inline-block; font-size:1.500rem;  color:#fff; -webkit-transition: none;   transition: none;}
.keypoint_tab ul li a:hover p,
.keypoint_tab ul li a:focus p{display:block;}
.keypoint_tab ul li a:hover:after,
.keypoint_tab ul li a:focus:after {display:none;}

.kisti_news{margin-bottom:85px; }
.kisti_news .wrap{max-width:1500px; position:relative; margin:0 auto;}
.kisti_news .title_box {width:25%; padding: 45px 45px 45px 0; position: absolute; left: 0; top: 0; z-index: 5; height:506px;}
.kisti_news .title_box .sub_title { color:  #000; font-size: 1.6rem; font-weight:100;}
.kisti_news .title_box h2 { font-size: 3.250rem; color: #000; margin-bottom: 12px; margin-top: 5px;}
.kisti_news .title_box .text{font-size:1.125rem; margin-bottom: 30px;}
.kisti_news .title_box .btn-border {margin-bottom: 93px;}

.kisti_news .hidden{overflow:hidden;  }
.kisti_news .news_box { border:  0 none; margin:  0; padding:2px 50px; max-width: 1600px !important; margin:0 auto; -webkit-box-shadow: none; box-shadow: none;}
.kisti_news .swiper-wrapper{overflow:visible !important;}

.kisti_news .swiper-controls{position:relative;}
.kisti_news .swiper-controls {position: absolute;left: 0;margin-left: 50px;bottom: 73px;width: 100px;z-index: 5;border:1px solid #ddd;border-left: 0 none;}
.kisti_news .swiper-controls a {color: transparent !important;position:  static;display:  block;border-left: 1px solid #ddd;margin: 0;float: left;width: 50px;height:50px;cursor: pointer;}
.kisti_news .swiper-controls .swiper-prev{background: url(images/controls2.png) 0 -0 no-repeat;}
.kisti_news .swiper-controls .swiper-next{background: url(images/controls2.png) -50px 0 no-repeat;margin-left: -1px;}
.kisti_news .swiper-controls .swiper-prev:hover,
.kisti_news .swiper-controls .swiper-prev:focus{background: url(images/controls2.png) 0 -50px no-repeat;}
.kisti_news .swiper-controls .swiper-next:hover,
.kisti_news .swiper-controls .swiper-next:focus{background: url(images/controls2.png) -50px -50px no-repeat;}



.kisti_news .news_box{ position:relative;}
.kisti_news .news_box .box.space_box,
.kisti_news .news_box .box.space_box.bdr{border:0 none;}
.kisti_news .news_box .box { display:  block; height:503px;overflow:hidden; border:1px solid #ddd; border-right:0; position:relative; text-decoration:none; color:#000; opacity: 1;}
.kisti_news .news_box .box.bdr { border-right: 1px solid #ddd;}
.kisti_news .news_box .box.hide {opacity: 0; pointer-events: none;}
.kisti_news .news_box .box .base { padding: 32px; height: 100%;}
.kisti_news .news_box .box .base .img_wrap { margin-bottom:20px; text-align:center;overflow: hidden; }
.kisti_news .news_box .box .base .img_wrap img{display:inline-block;}
.kisti_news .news_box .box .base .title { font-size: 1.375rem; font-weight: 400; margin-bottom: 12px; display:  block; max-height: 4rem; overflow: hidden;}
.kisti_news .news_box .box .base .text { color: #666; max-height: 4.5em; overflow:  hidden; margin-bottom: 8px; }
.kisti_news .news_box .box .base .date {font-size:  0.875rem; color: #000; font-weight: 400;}

.kisti_news .news_box .box .over { transform: translate(0,50%); opacity: 0;position:  absolute;top: 0;  left:  0; right:  0; height:  100%; background: url(/resources/images/lead/more.gif) 50% 50% no-repeat rgba(0, 107, 183, 0.95); color: #fff; padding: 80px 50px;}
.kisti_news .news_box .box .over .title { font-size: 2rem; max-height:3.75em; overflow:hidden; font-weight:  400;line-height: 1.25;  display:  block;margin-bottom: 20px;}
.kisti_news .news_box .box .over .text {font-size: 1.09rem; opacity: 0.8; font-weight: 100; height: 4.5em; overflow:  hidden; margin-bottom: 15px;}

.kisti_news .news_box .box:hover,
.kisti_news .news_box .box:focus {z-index:3;}
.kisti_news .news_box .box:hover .over,
.kisti_news .news_box .box:focus .over { transform: translate(0,0); opacity: 1; background: url(/resources/images/lead/more.gif) 50% 90% no-repeat rgba(0, 107, 183, 0.95);}

.kisti_news .news_box .box.end{background:#f6f6f6; border-right:1px solid #ddd; text-align:center;}
.kisti_news .news_box .box.end .img_wrap {position: relative;overflow: unset;width: 79px;height: 79px;margin: 44% auto 12px;}
.kisti_news .news_box .box.end .img_wrap:after{display:block;content:"";width:79px;height:  79px;position:  absolute;top: 50%;left: 50%;background:url(/resources/images/lead/more2.gif) 50% 50% no-repeat;transform: translate(-50%,-50%) rotate(-180deg);-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.kisti_news .news_box .box.end p{font-size:1.3rem; font-weight:100;}

.kisti_news .news_box .box.end:hover,
.kisti_news .news_box .box.end:focus {background:#007dc6; color:#fff;}
.kisti_news .news_box .box.end:hover p,
.kisti_news .news_box .box.end:focus p{color:#fff;}
.kisti_news .news_box .box.end:hover .img_wrap:after,
.kisti_news .news_box .box.end:focus .img_wrap:after{background:url(/resources/images/lead/more.gif) 50% 50% no-repeat ;transform: translate(-50%,-50%) rotate(0deg); -webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;}

.main_content {margin-bottom:85px;}
.main_content .btn.btn_all { position:  absolute; top: 44px; right: 20px; left:  auto; opacity: 0.8; z-index:2; margin: 0;font-size: 0.875rem;}

.main_content .left { width: 25%; float:  left;}
.main_content .center { width: 50%; float:  left;}
.main_content .right { width: 25%; float:  left;}

.main_content .box {position:relative;}
.main_content .box .text_wrap{position:relative; padding:50px 45px; z-index:1; height:100%; }
.main_content .box *{color:#000;}
.main_content .box h3{font-size:1.375rem;  }
.main_content .box.dark *{color:#fff;}


.main_content .kisti_services{background-color:#ffb410; height:720px;overflow:hidden;}
.main_content .popup{width: 50%; float:  left;  height:360px;background-color:#10b0d4;overflow: hidden;}
.main_content .video {width: 50%; float:  left; height:360px; background-color:#2462e6;}
.main_content .notice{clear:both; height:360px; padding:45px 45px 0; border-top:1px solid #ddd;}
.main_content .publication{height:360px; border:1px solid #ddd; border-bottom:0 none; background: #f6f6f6;}

.main_content .gallery{background-color:#5430f1; height:360px; }

.main_content .kisti_services h3 {color:#000; font-size:1.438rem; font-weight:700; position: absolute;  top: 50px; left: 45px; z-index: 1;}
.main_content .kisti_services ul{padding:0; height: 100%; margin: 0; overflow: hidden;z-index:1 ;}
.main_content .kisti_services ul li{height: 100%; }
.main_content .kisti_services strong{font-size:1.875rem; font-weight:700; line-height:1.2; display:block; margin:60px 0 20px;}
.main_content .kisti_services p{font-size:0.875rem; margin-bottom:40px;line-height: 1.7;}
.main_content .kisti_services .img_wrap{position:absolute; z-index:0; bottom:-140px; left:-30%; width:691px;}
.main_content .kisti_services .img_wrap .shadow{position: absolute;width:100%;height:100%;/* background: url(/resources/images/lead/services_bg2.png) -5px 3px no-repeat; */top: 0;left: 0;z-index: -1;}
.main_content .kisti_services .img_wrap .move{-webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s; animation:moving 5s infinite ease-out; 
-webkit-animation:moving 5s infinite ease-out; 
-moz-animation:moving 5s infinite ease-out;}

.main_content .kisti_services .img_wrap img.logo{position: absolute;left: 356px;top: 229px;transform: translate(-50%,-50%) rotateX(38deg) rotateZ(56deg) !important; -ms-transform: translate(-50%, -50%) rotate(51deg) !important;z-index: 2;}

/*  @keyframes moving {
		0%{ transform:translate(0,0); -webkit-transform:translate(0,-0); }
		48%{transform:translate(0,-15px); -webkit-transform:translate(0,-15px); }
		53%{transform:translate(0,-15px); -webkit-transform:translate(0,-15px); }
		100%{ transform:translate(0,0); -webkit-transform:translate(0,0); }
	}
@-webkit-keyframes moving {
		0%{ transform:translate(0,0); -webkit-transform:translate(0,-0); }
		48%{transform:translate(0,-15px); -webkit-transform:translate(0,-15px); }
		53%{transform:translate(0,-15px); -webkit-transform:translate(0,-15px); }
		100%{ transform:translate(0,0); -webkit-transform:translate(0,0); }
	} 
	 */
.main_content .kisti_services .bx-wrapper { border:  0 none; background: none; margin: 0;  -webkit-box-shadow: none; box-shadow: none; height: 100% !important;    z-index: 1;}
.main_content .kisti_services .bx-wrapper .bx-viewport { height: 100% !important;}
.main_content .kisti_services .bx-wrapper .bx-controls-direction { position:  absolute; right: 0; bottom: 0; width:102px; z-index:1;}
.main_content .kisti_services .bx-wrapper .bx-controls-direction a { position:  static; display:  block; margin: 0 0 0 1px; float: left; width:50px; height:50px; }
.main_content .kisti_services .bx-wrapper .bx-controls-direction .bx-prev{background: url(images/controls2.png) 0 -50px no-repeat;}
.main_content .kisti_services .bx-wrapper .bx-controls-direction .bx-next{background: url(images/controls2.png) -50px -50px no-repeat;}
.main_content .kisti_services .bx-wrapper .bx-controls-direction .bx-prev:hover,
.main_content .kisti_services .bx-wrapper .bx-controls-direction .bx-prev:focus{background: url(images/controls2.png) 0 0 no-repeat;}
.main_content .kisti_services .bx-wrapper .bx-controls-direction .bx-next:hover,
.main_content .kisti_services .bx-wrapper .bx-controls-direction .bx-next:focus{background: url(images/controls2.png) -50px 0 no-repeat;}


.main_content .popup h3{ position: absolute; top: 50px; left: 45px; z-index: 1;}
.main_content .popup .bx-wrapper {position:  absolute; max-width: 100% !important; width:100%; top: 0; border: 0 none; -webkit-box-shadow: none; box-shadow: none; z-index: 0; height: 100%; margin: 0;}
.main_content .popup .bx-wrapper .bx-viewport{ height:100% !important;}
.main_content .popup .bx-wrapper .bx-controls-direction { position:  absolute; bottom: 0; right: 0;}
.main_content .popup .bx-wrapper .bx-controls-direction a { position:  static; display:  block; margin: 0 0 0 1px; float: left; width:50px; height:50px; }
.main_content .popup .bx-wrapper .bx-controls-direction .bx-prev{background: url(images/controls2.png) 0 -50px no-repeat;}
.main_content .popup .bx-wrapper .bx-controls-direction .bx-next{background: url(images/controls2.png) -50px -50px no-repeat;margin-left: 103px;}
.main_content .popup .bx-wrapper .bx-controls-direction .bx-prev:hover,
.main_content .popup .bx-wrapper .bx-controls-direction .bx-prev:focus{background: url(images/controls2.png) 0 0 no-repeat;}
.main_content .popup .bx-wrapper .bx-controls-direction .bx-next:hover,
.main_content .popup .bx-wrapper .bx-controls-direction .bx-next:focus{background: url(images/controls2.png) -50px 0 no-repeat;}
.main_content .popup .bx-wrapper .bx-controls-auto {right: 48px;width: 106px;bottom: 0;height: 50px;}
.main_content .popup .bx-wrapper .bx-controls-auto .bx-controls-auto-item{margin-right:1px;}
.main_content .popup .bx-wrapper .bx-controls-auto a:focus{ outline: 1px dotted #fff;}
.main_content .popup .bx-wrapper .bx-controls-auto .bx-start { height: 50px; width:50px; margin:0; background: url(images/controls2.png) -100px -50px  no-repeat;}
.main_content .popup .bx-wrapper .bx-controls-auto .bx-start:hover,
.main_content .popup .bx-wrapper .bx-controls-auto .bx-start:focus{background: url(images/controls2.png) -100px 0px no-repeat;}
.main_content .popup .bx-wrapper .bx-controls-auto .bx-stop{height: 50px; width:50px; margin:0; background: url(images/controls2.png) -150px -50px  no-repeat;}
.main_content .popup .bx-wrapper .bx-controls-auto .bx-stop:hover,
.main_content .popup .bx-wrapper .bx-controls-auto .bx-stop:focus{background: url(images/controls2.png) -150px 0px no-repeat;}
.main_content .popup .popup_slider {padding:0; height:100%;}
.main_content .popup .popup_slider li{height:100%;}
.main_content .popup .popup_slider li a{display:block;position:  relative;height: 100%;}
.main_content .popup .popup_slider li a img{min-width:100%;min-height:100%;/* position:  absolute;top: 50%;left:  50%;transform: translate(-50%,-50%); */}
.main_content .popup .popup_slider li a:focus:after {position:absolute; content:""; width:100%; height:100%; top:0; bottom:0; border:4px solid rgba(0, 92, 191, 0.6); z-index:1;}

.main_content .video .btn-video{position:absolute; top:50%; left:50%; margin-top:-45px; margin-left:-45px; background-color: transparent !important;}
.main_content .video .btn-video:focus {background-color:rgba(0,0,0,0.3) !important;}
.main_content .video .media{position: absolute; left:0; top:0; width:100%; z-index:0; height: 100%; overflow: hidden; opacity: 0.3;-webkit-filter: sepia(1) hue-rotate(200deg);  filter: sepia(1) hue-rotate(200deg);-webkit-transition: all 0.8s ease 0s;  transition: all 0.8s ease 0s;}
.main_content .video .media *{  position: absolute;  left: 50%; top: 50%;transform: translate(-50%, -50%) scale(1); min-height:100%; max-width:none; -webkit-transition: all 0.8s ease 0s;  transition: all 0.8s ease 0s;}
.main_content .video:hover .media *,
.main_content .video:focus .media *{ transform:translate(-50%, -50%) scale(1.2) ; -webkit-transition: all 0.8s ease 0s;  transition: all 0.8s ease 0s;}
.main_content .video:hover .media{opacity: 1;-webkit-filter: sepia(0) hue-rotate(0);  filter: sepia(0) hue-rotate(0); -webkit-transition: all 0.8s ease 0s;  transition: all 0.8s ease 0s;}

.main_content .notice nav li {float:left; margin-right:24px;}
.main_content .notice nav li a{font-size:1.375rem;  color:#6F6F6F; font-weight:100; line-height:1; text-decoration: none;}
.main_content .notice nav li.active a{color:#000; font-weight:400; border-bottom: 2px solid #007dc6;}

.main_content .notice .notice_list {clear:both;}
.main_content .notice .notice_list .title{color:#000; display:inline-block; width:100%;}
.main_content .notice .notice_list .date{position:absolute; right:0; top:0; font-size:0.875rem; color:#6F6F6F; display:inline-block;  text-align:right;}
.main_content .notice .notice_list .recently {border-bottom:1px solid #ddd; margin-bottom:20px; margin-top:20px;}
.main_content .notice .notice_list .recently .title{font-size:1.125rem;margin-right:12px; display: block; max-width: 100%;}
.main_content .notice .notice_list .recently .title a{display:inline-block; width:auto;}
.main_content .notice .notice_list .recently .text{width:100%; height:3em; overflow:hidden; color:#6F6F6F; margin-bottom:20px; margin-top:8px;}
.main_content .notice .notice_list .recently .date{float:none; max-width:none; position: static;}
.main_content .notice .notice_list ul li{clear:both; position:relative; padding-right:75px; } 
.main_content .notice .notice_list ul li a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main_content .publication .tag{margin-top:30px; line-height: 1;}
.main_content .publication .title{font-size:1.875rem; margin-bottom:30px; display: block;}
.main_content .publication .img_wrap{position: absolute; left:0; top:0; width:100%; z-index:0; height: 100%; overflow: hidden; opacity: 0.15;}
.main_content .publication:hover .img_wrap {opacity: .35;}
.main_content .publication .img_wrap *{    position: absolute;  top: 0; left: 0;width:100%; transform: scale(1); -webkit-transition: all 0.8s ease 0s;  transition: all 0.8s ease 0s;}
.main_content .publication:hover .img_wrap *,
.main_content .publication:hover .img_wrap *{ transform: scale(1.2); -webkit-transition: all 0.8s ease 0s;  transition: all 0.8s ease 0s;}
/* .main_content .publication:hover .img_wrap *{ position: absolute;  top: -30%; transform: scale(1.2); -webkit-transition: all 0.8s ease 0s;  transition: all 0.8s ease 0s;} */
.main_content .gallery .title{font-size:1.875rem; margin-top:26px; display: block; line-height: 1.3; margin-bottom: 9px;max-height: 2.6em; overflow: hidden;}
.main_content .gallery .date{display:block; margin-bottom: 37px;}
.main_content .gallery .img_wrap{position: absolute;     overflow: hidden; left:0; top:0; width:100%; z-index:0; height: 100%; overflow: hidden; opacity: 0.15;-webkit-filter: sepia(1) hue-rotate(200deg);  filter: sepia(1) hue-rotate(200deg);-webkit-transition: all 0.8s ease 0s;  transition: all 0.8s ease 0s;}
.main_content .gallery .img_wrap *{position: absolute;  left: 50%; top: 50%;transform: translate(-50%, -50%) scale(1); min-width:100%;  min-height: 100%;  max-width: none;  -webkit-transition: all 0.8s ease 0s;  transition: all 0.8s ease 0s;}
.main_content .gallery:hover .img_wrap{opacity: 1;-webkit-filter: sepia(0) hue-rotate(0deg);  filter: sepia(0) hue-rotate(0deg); -webkit-transition: all 0.8s ease 0s;  transition: all 0.8s ease 0s;}
.main_content .gallery:hover .img_wrap *,
.main_content .gallery:hover .img_wrap *{ transform: translate(-50%, -50%) scale(1.2);-webkit-transition: all 0.8s ease 0s;  transition: all 0.8s ease 0s;}

.othter {background:#ebebeb; margin-bottom:75px; padding:85px 0;}
.othter .history,
.othter .result{width:50%;float:left;  height: 480px;overflow:hidden;}
.othter .title_box,
.othter .content_box{width:50%; float:left; padding:60px 45px; height:100%; position: relative;}

.othter .title_box {color:#fff;}
.othter .title_box em{display:block; font-size:1rem; font-weight:700;  margin-bottom:15px; text-transform:uppercase}
.othter .title_box .title{display:block;font-size:2.500rem; font-weight:100;  margin-bottom:15px; line-height:1.2;}
.othter .title_box .title strong{font-weight:400;}
.othter .title_box .text{display:block; font-size:1.125rem; font-weight:400; margin-bottom:45px;}

.othter .history .title_box{background-color:#007dc6;}
.othter .history .content_box {padding:0; min-height:216px;}
.othter .history .content_box .bx-wrapper { position:  absolute; width: 100%; left:  0; top: 0; border:  0;  -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0;  max-width: 100% !important; height: 100%;}
.othter .history .content_box .bx-wrapper .bx-viewport { height: 100% !important;}
.othter .history .content_box .bx-wrapper .bx-controls-direction {position:  absolute;right: 200%;bottom: 0;margin-right: -101px;width: 101px;}
.othter .history .content_box .bx-wrapper .bx-controls-direction a { position:  static; display:  block; margin: 0; float: left; width:50px; height:50px; }
.othter .history .content_box .bx-wrapper .bx-controls-direction .bx-prev{background: url(images/controls2.png) 0 -50px no-repeat; margin-right:1px;}
.othter .history .content_box .bx-wrapper .bx-controls-direction .bx-next{background: url(images/controls2.png) -50px -50px no-repeat; }
.othter .history .content_box .bx-wrapper .bx-controls-direction .bx-prev:hover,
.othter .history .content_box .bx-wrapper .bx-controls-direction .bx-prev:focus{background: url(images/controls2.png) 0 0 no-repeat;}
.othter .history .content_box .bx-wrapper .bx-controls-direction .bx-next:hover,
.othter .history .content_box .bx-wrapper .bx-controls-direction .bx-next:focus{background: url(images/controls2.png) -50px 0 no-repeat;}
.othter .history .history_slider {height:100%;padding:0;}
.othter .history .history_slider li {height:100%; color:#fff; position:relative; }
.othter .history .history_slider li .text_wrap {position :absolute; width:100%; height:100%; padding:93px 50px; color:#fff; }
.othter .history .history_slider li .img_wrap {width:100%; height:100%;}
.othter .history .history_slider li .img_wrap img {min-width:100%; min-height:100%; max-width:none;}

.othter .history .history_slider li span{font-size:1.875rem;display:block;}
.othter .history .history_slider li strong{font-size:2.500rem;display:block;line-height: 1.4;}

.othter .result .title_box{position:relative; background-color:#da2128; color:#fff;}
.othter .result .content_box{position:relative; color:#000; background:url(/resources/images/lead/result_bg.png) 104% 90% no-repeat #fff;}

.othter .result > div .title{font-size:2rem; line-height: 1.2; margin-bottom: 24px;}
.othter .result > div ul{padding:0; margin-top:3px; margin-bottom:25px;}
.othter .result > div ul li span { margin-left:  7px; color: #6f6f6f; font-size: 0.875rem;}

.othter .result > div .text {color: #6f6f6f; font-size: 0.875rem;}
.othter .result > div .data {font-size: 1.125rem;}
.othter .result > div .data strong { font-size: 2.500rem; font-weight: 700;}
.othter .result > div .white {color:#fff; opacity:0.8;}
.othter .result .btn_plus{position:absolute; right:45px; bottom:45px; width:50px; height:50px;-webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;}
.othter .result .btn_plus:after { width:  100%; height:  2px; top: 50%;  left:  0; display:  block; background:  #fff; margin-top: -1px; position:  absolute; content: "";}
.othter .result .btn_plus:before { width:  2px; height:  100%; top: 0;  left:  50%; display:  block; background:  #fff; margin-left: -1px; position:  absolute; content: "";}


.othter .result .btn_plus:hover{transform:rotate(180deg);-webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;}

.kisti_sns{margin-bottom:97px;}
.kisti_sns .title_box{width:25%; height:360px; float:left;background: url(/resources/images/lead/sns_bg.png) 76% 54% no-repeat;}
.kisti_sns .title_box .sub_title { color:  #000; font-weight:100; font-size:1rem; text-transform: uppercase;}
.kisti_sns .title_box h2 { font-size: 3rem; color: #000; margin-bottom: 12px; margin-top: 5px;}
.kisti_sns .title_box .text{font-size:1.125rem; margin-bottom: 30px; margin-right: 50%;}
.kisti_sns .sns_box {position:relative; width:25%; height:360px;float:left; border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1;}
.kisti_sns .sns_box:nth-child(4),
.kisti_sns .sns_box:nth-child(8){border-right:1px solid #e1e1e1; }
.kisti_sns .sns_box:nth-child(5),
.kisti_sns .sns_box:nth-child(6),
.kisti_sns .sns_box:nth-child(7),
.kisti_sns .sns_box:nth-child(8){border-bottom:1px solid #e1e1e1; }
.kisti_sns .sns_box:nth-child(9) { display: none;}
.kisti_sns .sns_box .sns_mark{ position:absolute; top:33px; right:45px; z-index:2;display: block;width: 33px; height: 33px; background:url(/resources/images/icon2018.png) 0 0 no-repeat;}
.kisti_sns .sns_box .icon_facebook {background-position:50% -444px;}
.kisti_sns .sns_box .icon_twitter {background-position:50% -482px;}
.kisti_sns .sns_box .icon_naver {background-position:50% -520px;}
.kisti_sns .sns_box .icon_youtube {background-position:50% -558px;}

.kisti_sns .sns_box .text_wrap{height:100%; padding:100px 36px 0; }
.kisti_sns .sns_box .text_wrap .title { font-size: 1.35rem; font-weight: 700; display:  block; margin-bottom: 42px; max-height: 4.5em; overflow: hidden;}
.kisti_sns .sns_box .text_wrap .text { max-height: 5.1em; line-height: 1.7; overflow:  hidden;}
.kisti_sns .sns_box .img_wrap{display:block; height:100%; overflow:hidden; position: relative;}
.kisti_sns .sns_box .img_wrap:hover,
.kisti_sns .sns_box .img_wrap:focus{ z-index: 1;}
.kisti_sns .sns_box .img_wrap *{max-width:none; height:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.kisti_sns .sns_box .icon_youtube ~ .img_wrap * { height: 136%;}
.right_quick { width:  266px; position:  fixed; height: 100%;  background: #fff; right:  -266px;  top: 0; z-index: 999; padding: 20px; border-left: 1px solid #ddd;}
.right_quick .popupzone .slider { padding: 0; overflow:  hidden;}
.right_quick .popupzone .slider li{height: 216px; }
.right_quick .popupzone .slider li a{display:block;}
.right_quick .popupzone .slider li a:focus:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-shadow: inset 0 0 0 0.2rem rgba(0,123,255,.25);}
.right_quick .btn { position:  absolute; right:  100%; top: 40%;box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);}
.right_quick .btn-open{background:none;background: #fff;color:#fff;font-size: 0.9rem;padding: 10px 10px 10px 50px;border-radius: 50px 0 0 50px;margin-right: -75px;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.right_quick .btn-open:hover,
.right_quick .btn-open:focus{margin-right:0;color:#000; -webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s; box-shadow:0px 0px 0px 0.2rem rgba(0,123,255,0.5);}
.right_quick .btn-open:after {position:  absolute;width: 18px;height: 18px;border-right: 3px solid #d92128;border-top: 3px solid #d92128;display:  block;content: "";left: 17px;top: 50%;transform: rotate(-135deg);margin-top: -9px;}

.right_quick .btn-close{right:104%; display:none;width: 50px;height: 50px;background:none;border-radius: 60px;background: #fff;}
.right_quick .btn-close:hover,
.right_quick .btn-close:focus{ box-shadow:0px 0px 0px 0.2rem rgba(0,123,255,0.5);}
.right_quick .btn-close:after {position:  absolute;width: 18px;height: 18px;border-right: 3px solid #d92128;border-top: 3px solid #d92128;display:  block;content: "";right: 20px;top: 50%;transform: rotate(45deg);margin-top: -9px;}

.right_quick .quickMenu h3 { font-size: 1.125rem; color: #000; font-weight: 700; margin-top: 35px;}
.right_quick .quickMenu ul { padding: 0; border-top: 1px solid #ddd; margin-top: 15px;}
.right_quick .quickMenu ul li { border-bottom: 1px solid #ddd;}
.right_quick .quickMenu ul li a { display:  block; padding: 18px 6px; position:relative;}
.right_quick .quickMenu ul li a:after {position:  absolute;width: 8px;height: 8px;border-right: 2px solid #c5c5c5;border-top: 2px solid #c5c5c5;display:  block;content: "";right: 18px;top: 50%;transform: rotate(45deg);margin-top: -3px;}

.right_quick .quickMenu ul li a i { display:  inline-block; vertical-align:  top; width: 25px; height: 25px; margin-right:23px;background:url(/resources/images/icon2018.png) no-repeat 0 0;}
.right_quick .quickMenu ul li a i.icon_01{background-position:50% -114px;}
.right_quick .quickMenu ul li a i.icon_02{background-position:50% -171px;}
.right_quick .quickMenu ul li a i.icon_03{background-position:50% -285px;}
.right_quick .quickMenu ul li a i.icon_04{background-position:50% -342px;}
.right_quick .quickMenu ul li a i.icon_05{background-position:50% -399px;}

.popupzone {position:relative;}

.popupzone .bx-wrapper { border:  0 none; padding:  0; margin: 0; -webkit-box-shadow: none; box-shadow: none;}
.popupzone .bx-controls:after { content:  ""; display:  block; clear:  both;}
.popupzone .bx-wrapper .bx-controls {background:#454545;}
.popupzone .bx-wrapper .bx-controls-direction { position:  static; float:  right;}
.popupzone .bx-wrapper .bx-controls-direction:after { display: block; clear: both; content: "";}


.popupzone .bx-wrapper .bx-controls-direction a { position:  static; display:  block; margin: 0; float: left; margin-left: 26px; color: transparent !important;-webkit-transition: none;  transition: none;  }
.popupzone .bx-wrapper .bx-controls-direction .bx-prev{background: url(images/controls.gif) 0 -99px no-repeat;}
.popupzone .bx-wrapper .bx-controls-direction .bx-next{background: url(images/controls.gif) -44px -99px no-repeat;}
.popupzone .bx-wrapper .bx-controls-direction .bx-prev:hover,
.popupzone .bx-wrapper .bx-controls-direction .bx-prev:focus{background: url(images/controls.gif) 0 -67px no-repeat; outline: 1px dotted;}
.popupzone .bx-wrapper .bx-controls-direction .bx-next:hover,
.popupzone .bx-wrapper .bx-controls-direction .bx-next:focus{background: url(images/controls.gif) -44px -67px no-repeat; outline: 1px dotted;}
.popupzone .bx-wrapper .bx-controls-auto {top: auto;right: 29px;width: 35px;bottom: 15px;height: 17px;}
.popupzone .bx-wrapper .bx-controls-auto a{-webkit-transition: none;  transition: none; }
.popupzone .bx-wrapper .bx-controls-auto .bx-start {height: 17px;background: url(images/controls.gif) -84px -79px no-repeat;width: 17px;margin: 0;}
.popupzone .bx-wrapper .bx-controls-auto .bx-start:hover,
.popupzone .bx-wrapper .bx-controls-auto .bx-start:focus{background: url(images/controls.gif) -84px -79px no-repeat; outline: 1px dotted;}
.popupzone .bx-wrapper .bx-controls-auto .bx-stop{height: 17px;background: url(images/controls.gif) -83px -112px no-repeat;width: 17px;margin: 0;}
.popupzone .bx-wrapper .bx-controls-auto .bx-stop:hover,
.popupzone .bx-wrapper .bx-controls-auto .bx-stop:focus{background: url(images/controls.gif) -83px -112px no-repeat; outline: 1px dotted;}

.popupzone .pager { position: absolute; bottom:  5px; left:  10px; color: #fff;}
.popupzone .pager .bar { display:  inline-block;width:  2px;  height: 9px; background:  #fff; margin:  0 5px; transform: rotate(15deg);}


.i-kisti .modal-dialog { max-width: 1086px; margin: 3.75rem auto;}
.i-kisti .modal-content {border-radius:0; border:0 none;}

.i-kisti .modal-body{padding:0; color:#000;background: #fff; height:742px;}
.i-kisti .modal-body .half_box{width:50%;padding:57px; background-repeat:no-repeat;}
.i-kisti .modal-body .left {background-color:#007dc6; color:#fff; height: 100%;position: absolute;left: 0;top: 0;}
.i-kisti .modal-body .left h5 { font-size: 2.625rem; color:#fff; font-weight:700; margin-bottom:40px; line-height: 1.3;}
.i-kisti .modal-body .left h5 span{font-size:1.313rem; font-weight:100; display:block; margin-bottom:10px;}
.i-kisti .modal-body .left .size_s {font-size:2.4rem;}
.i-kisti .modal-body .left p {font-size:1.438rem;line-height: 1.7;}
.i-kisti .modal-body .right { float:  right;}

.i-kisti .modal-body .icon_list { padding: 0; margin: 0 -15px 30px;}
.i-kisti .modal-body .icon_list li { font-size:1rem; background: #f2f2f2; border-radius: 70px; padding: 30px 20px 30px 120px; position: relative; margin-bottom: 10px;}
.i-kisti .modal-body .icon_list li img { position: absolute; left: 64px; top: 50%; transform: translate(-50% ,-50%);}


.i-kisti .modal-body .list { padding: 0; margin:0;}
.i-kisti .modal-body .list li{position:relative;padding: 15px 0 15px 20px;border-bottom: 1px dashed #ddd;}
.i-kisti .modal-body .list li:before {position:absolute; top:24px; left:0; width: 6px; height: 6px;   background: #007dc6;  content: "";  display: block; }

.i-kisti .modal-body .list li:last-child {padding-bottom:0; border-bottom:0 none;}

.i-kisti .modal-footer {position:absolute;  left: 100%; top: 0; background:none; border:0 none; padding:0;}
.i-kisti .modal-footer button.close { width: 58px;  height: 58px; background: #211f1f; opacity:1;}
.i-kisti .modal-footer button.close:hover {background:#000;}
.i-kisti .modal-footer button.close span{ font-size: 48px; font-weight: 100; color: #fff; font-family: "Nanum Barun Gothic", Dotum, "Open Sans", Tahoma, Verdana, AppleGothic,sans-serif;}


#i-kisti01 .modal-body .left {background: url(/resources/images/lead/i-kisti01_01.png) calc(100% + 70px) calc(100% + 70px) no-repeat #007dc6;}
#i-kisti02 .modal-body .left {background: url(/resources/images/lead/i-kisti02_01.png) calc(100% + 70px) calc(100% + 20px) no-repeat #007dc6;}
#i-kisti03 .modal-body .left {background: url(/resources/images/lead/i-kisti03_01.png) calc(100% + 70px) calc(100% + 20px) no-repeat #007dc6;}



@media (max-width: 1500px) {
    .main_visual .visual_wrap{ height: 550px; -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; }

    .kisti_news .news_box .box { height: 460px;}
	.kisti_news .news_box .box .over { padding: 60px 40px;}
    .main_visual .text_wrap .title,
    .main_visual .text_wrap .text {  padding-left: 5%;}
    /*  .main_visual .text_wrap .btn{transform: scale(0.88);} */
	/*     .main_visual .text_wrap .btn_wrap:after { transform: translate(-50%,-50%) scale(0.88);} */
    .keypoint_tab ul li a{padding:0 35px;}
	.keypoint_tab ul li a:hover,
	.keypoint_tab ul li a:focus{padding:30px 25px 30px 35px;}
	
	.main_content { margin-bottom: 60px;}
	.main_content .popup,
	.main_content .video,
	.main_content .publication,
	.main_content .gallery,
	.main_content .notice { height: 310px;}
	.main_content .kisti_services { height: 620px;}
	.main_content .notice,
	.main_content .box .text_wrap { padding: 30px 35px;}
	.main_content .kisti_services h3,
	.main_content .popup h3 { top: 30px; left: 35px;}
	.main_content .btn.btn_all { top: 24px; right: 20px;}
	.main_content .gallery .date { margin-bottom: 24px;}
	.main_content .notice .notice_list .recently { margin-bottom: 14px; margin-top: 14px;}
	.kisti_news .title_box{padding:35px 20px 35px 0;}
	.kisti_news .title_box .sub_title { font-size: 1.2rem;}
	.kisti_news .title_box h2 { font-size: 2.63rem;}
	.kisti_news .title_box .text { font-size: 1rem;}
	
	.othter{padding:60px 0; margin-bottom:60px;}
	.othter .history, .othter .result { height: 400px;}
	.othter .title_box, 
	.othter .content_box { padding: 40px 35px 30px;}
	.othter .result .btn_plus { right: 25px; bottom: 40px;}
	.othter .title_box .title {  font-size: 2.200rem;}
	.othter .title_box .text{font-size:1rem;    margin-bottom: 23px;}
	.othter .history .history_slider li .text_wrap { padding: 75px 35px;}

	.kisti_sns .title_box { background-size: 141px; background-position: 88% 63%; height: 320px;}
	.kisti_sns .title_box .text { margin-right: 30%; font-size:1rem;}
	.kisti_sns .sns_box { height: 320px;}
	.kisti_sns .sns_box .text_wrap { padding: 84px 36px 0;}
	.kisti_sns .sns_box .text_wrap .title { margin-bottom: 20px;}
	
}

@media (max-width: 1400px){
	.main_content .notice .notice_list .recently .text {  height: 1.5em;}
	.main_content .popup,
	.main_content .video,
	.main_content .publication,
	.main_content .gallery,
	.main_content .notice { height: 280px;}
	.main_content .kisti_services { height: 560px;}
	
}
@media (max-width: 1300px){
	
	.main_visual .text_wrap .title { font-size: 2.85rem;}
	.main_visual .text_wrap .text { font-size: 1rem;}
	
	.kisti_news .news_box .box .over .title { font-size: 1.8rem;}
	.kisti_news .news_box .box .over .text { font-size: 1rem;}


	
	
	.main_content .left { width: 50%;}
	.main_content .right { width: 50%;}
	.main_content .center{float:right;}
	.main_content .box h3 { font-size: 1.21rem;}

	.main_content .notice{ border-right:1px solid #ddd;}
	.main_content .notice .notice_list ul li{margin-bottom:3px;}
	.main_content .kisti_services { height: 280px;}
	.main_content .kisti_services .bx-wrapper{max-width:100% !important;}
	.main_content .kisti_services h3 { font-size: 1.2rem;}
	.main_content .kisti_services strong { font-size: 1.7rem; margin: 40px 0 12px;}
	.main_content .kisti_services p { margin-bottom: 20px; }
	.main_content .kisti_services ul li { width: 100% !important;}
	.main_content .kisti_services .img_wrap { bottom: -229px; left: auto; right: -43%;}
	.main_content .publication { width: 50%; float: left;}
	.main_content .publication .tag {margin-top: 20px;}
	.main_content .publication .title { font-size: 1.7rem; margin-bottom: 20px;}
	.main_content .gallery { width: 50%; float: left;}
	.main_content .gallery .title { margin-top: 20px; font-size: 1.6rem;}
	.main_content .notice .notice_list .recently .text { font-size: 0.9rem; margin-bottom: 15px;}
	.main_content .notice .notice_list .recently { margin-bottom:  15px; margin-top: 10px;}

	.othter .title_box .title { font-size: 2.00rem;}
	.othter .result > div .title { font-size: 1.8rem;}
	.othter .result > div .data strong { font-size: 2rem;}
	.othter .history, .othter .result {  height: 370px;}
	.othter .history .history_slider li span { font-size: 1.6rem;}
	.othter .history .history_slider li strong { font-size: 2rem;}
	
	.kisti_sns .title_box { height: 300px; background-position: 90% 80%;}
	.kisti_sns .sns_box { height: 300px;}
	.kisti_sns .sns_box .sns_mark { top: 25px; right: 25px;}
	.kisti_sns .sns_box .text_wrap { padding: 68px 36px 0;}
	.kisti_sns .sns_box .text_wrap .title { font-size: 1.2rem;}
	.kisti_sns .sns_box .text_wrap .text { font-size: 0.9rem;}
}

@media (max-width: 1200px) {
	.main_visual .text_wrap .title { margin-bottom: 14px;padding-left: 0;font-size: 2.5rem; padding-left: 30px;}
	.main_visual .text_wrap .text { margin-bottom: 13px;padding-left: 0;padding-left: 30px;}
	.main_visual .text_wrap .btn {     height: 70px; width: 70px;background: url(/resources/images/lead/btn_play.png) 50% 50% no-repeat !important; transform: scale(1); background-size: 100% !important;}
	.main_visual .text_wrap .btn_wrap:after { transform: translate(-50%,-50%) scale(0.6);     left: calc(50% + 3px); top: calc(50% + -4px);}
	.main_content .left{width:100%;}
	.main_content .kisti_services {height: 560px;}
	.main_content .right { width: 33.33%;}
	.main_content .center { width: 66.66%;}
	.main_content .publication {border-right:0 none; width: 33.33%; float:left;}
	.main_content .notice{border-top:0 none; border-right:1px solid #ddd; border-left:0 none;}
	.main_content .gallery { width: 66.66%;float:left;}
	.othter .history .content_box { display: none;}
	.othter .history { width: 33.33%;}
	.othter .history .title_box { width: 100%;}
	.othter .result { width: 66.66%;}
	.othter .result .content_box { width: 50%;}
	.othter .result .title_box { width: 50%;}
	
	.main_visual .visual_wrap { height: 460px;}
	.main_visual .text_wrap .btn_wrap{top:50%;}
	
	.keypoint_tab ul li a strong span {display:none;}
	
	
	.kisti_news { margin-bottom: 60px;}
	.kisti_news .title_box { padding: 0;  width:  100%;  position: absolute;  height: auto;  top: 0;  background: none;}
	.kisti_news .title_box .sub_title { display: none;}
	.kisti_news .title_box .text { display: none;}
	.kisti_news .title_box h2 { display:  inline-block; vertical-align: top;  margin: 0; font-size:2rem;}
	.kisti_news .title_box .btn-border { vertical-align: text-bottom; margin: 0;  margin-top:  9px; margin-left: 12px; float:right;}

	.kisti_news .hidden { padding-top: 60px; }
	.kisti_news .swiper-controls {display: block;margin:  0;right: 49px;left:  auto;bottom:  2px;}
	.kisti_news .swiper-controls:after { display: block; clear:  both; content: "";}

	.kisti_sns .title_box { width: 33.33%;}
	.kisti_sns .sns_box { width: 33.33%;}

	.kisti_sns .sns_box .text_wrap { padding: 83px 36px 0;}
	.kisti_sns .sns_box:nth-child(4), .kisti_sns .sns_box:nth-child(8){border-right:0 none;}
	.kisti_sns .sns_box:nth-child(5){border-bottom:0 none;}
	.kisti_sns .sns_box:nth-child(3),.kisti_sns .sns_box:nth-child(6),.kisti_sns .sns_box:nth-child(8){border-right:1px solid #ddd;}
	.kisti_sns .sns_box:nth-child(9) { display: block; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:0 none; border-top:0 none;}
	
	.i-kisti .modal-dialog { padding: 0 15px;}
	.i-kisti .modal-footer {left: auto; right: 0;}
    .i-kisti .modal-body {height:auto;}
}

@media (max-width: 1000px) {
	.main_visual {  margin-bottom: 33px;}
	.main_visual .visual_wrap { height: 390px;}
	.main_visual .text_wrap .text{display:none;}

	.main_visual .text_wrap .btn_wrap { top: 56%; left: 78%;}
	.main_visual .text_wrap { top: 29%;}
	#main-video-control.on {   width: 216px;}
	
	.i-kisti .modal-dialog {max-width:700px;}
	.i-kisti .modal-body .left .size_s {font-size: 2.625rem;  margin-bottom: 13px;}
	.i-kisti .modal-body .half_box { width: 100%;}
	.i-kisti .modal-body .left { position: static;}
	.i-kisti .modal-body .left p { position: static; padding: 0;}
	.i-kisti .modal-body .left h5 br { display: none;}
	.kisti_news .news_box{padding:0 30px;}
	.kisti_news .news_box .box .base .img_wrap {max-height: 215px;margin: 0 auto 30px;}
	.kisti_news .news_box .box.end .img_wrap {margin: 120px auto 12px;}
	.kisti_news .swiper-controls {right: 29px;bottom: 0;}
	
	.main_content .left { width: 100%;}
	.main_content .right { width: 100%;}
	.main_content .center {width: 100%;}
	.main_content .notice {height: auto; padding-top: 40px; border-left:1px solid #ddd;}

	.main_content .notice .notice_list ul li { margin-bottom: 8px;}
	.main_content .notice .notice_list .recently { margin-top:  15px; margin-bottom: 15px;}
	.main_content .notice .notice_list .recently .text { margin-top:  12px; margin-bottom: 15px;}
	.main_content .kisti_services { height: 260px;}
	.main_content .kisti_services p {   max-width: 60%; max-height:5.1em; overflow:hidden;}
	.main_content .kisti_services .img_wrap { bottom: -224px; left: auto; right: -21%;}
	.main_content .popup .popup_slider li a img{position:  absolute;top: 50%;left:  50%;transform: translate(-50%,-50%); }
	.main_content .publication{width:50%; border-bottom:1px solid #ddd;   }
	.main_content .gallery{width:50%; }
	.main_content .popup,
	.main_content .video,
	.main_content .publication,
	.main_content .gallery,
	.main_content .notice {height: 333px;}
	
	.othter .history, .othter .result { width: 100%;}
	.othter .history, .othter .result { height: 320px;}
	.othter .history .title_box{width:50%;}

	.othter .history .content_box{display:block;}
	.othter .history .content_box .bx-wrapper .bx-controls-direction { right: 0; margin: 0;}
	.othter .result .content_box{background-position:120% 90%; }
	.othter .result >div .title { margin-bottom: 10px;}
	.othter .result >div ul { margin-bottom: 12px;}

	.kisti_sns .title_box { width: 50%;}
	.kisti_sns .sns_box { width: 50%;}
	.kisti_sns .sns_box:nth-child(2n+1){ clear:both;}
	.kisti_sns .sns_box:nth-child(3){border-right:0 none;}
	.kisti_sns .sns_box:nth-child(6){border-bottom:0;}
	.kisti_sns .sns_box:nth-child(2), .kisti_sns .sns_box:nth-child(4), .kisti_sns .sns_box:nth-child(6){border-right:1px solid #ddd;}
	.kisti_sns .sns_box:nth-child(9) { display:none;}
	
	

	.keypoint_tab {position: relative; border: 0 none; margin-top: -45px; }
	.keypoint_tab ul li{min-height: 44px; width: 100%; float:none;border-bottom:1px solid #c1141a;}
	
	.keypoint_tab ul li a,
	.keypoint_tab ul li a:hover,
	.keypoint_tab ul li a:focus{position:static;background-color:rgba(218, 33, 40,1);padding:12px 15px; height: auto; border:0 none !important;background-position: 96% 50%;background-size: 30px;background-repeat:no-repeat;}
	.keypoint_tab ul li a strong,
	.keypoint_tab ul li a:hover strong,
	.keypoint_tab ul li a:focus strong{display:block; color: #fff; font-size:1.100rem;padding:0; margin:0; line-height:1.4;font-weight:700;}
	.keypoint_tab ul li a strong span,
	.keypoint_tab ul li a:hover strong span,
	.keypoint_tab ul li a:focus strong span{display:inline-block; font-size: 1.100rem;}

	.keypoint_tab ul li a:before, 
	.keypoint_tab ul li a:hover:before, 
	.keypoint_tab ul li a:focus:before { right: 15px;    bottom: 6px;}


	.keypoint_tab ul li a p,
	.keypoint_tab ul li a:hover p,
	.keypoint_tab ul li a:focus p{display:none;}
	.keypoint_tab ul li a:after,
	.keypoint_tab ul li a:hover:after,
	.keypoint_tab ul li a:focus:after {display:none;}
	
	.keypoint_tab ul li a:before,
	.keypoint_tab ul li a:hover:before, 
	.keypoint_tab ul li a:focus:before{background-image: url(/resources/images/lead/keypoint_tab.png);content:  "";display:  block;width: 31px;height: 42px;position:  absolute;right: 20px;b;bottom: 8px;background-size: 100%;}
	
	.keypoint_tab ul li:nth-child(1) a:before,
	.keypoint_tab ul li:nth-child(1) a:hover:before, 
	.keypoint_tab ul li:nth-child(1) a:focus:before{background-position: 50% 3px;}
	
	.keypoint_tab ul li:nth-child(2) a:before,
	.keypoint_tab ul li:nth-child(2) a:hover:before, 
	.keypoint_tab ul li:nth-child(2) a:focus:before{background-position: 50% -36px;}
	
	.keypoint_tab ul li:nth-child(3) a:before,
	.keypoint_tab ul li:nth-child(3) a:hover:before, 
	.keypoint_tab ul li:nth-child(3) a:focus:before{background-position: 50% -79px;}
	
	.keypoint_tab ul li:nth-child(4) a:before,
	.keypoint_tab ul li:nth-child(4) a:hover:before, 
	.keypoint_tab ul li:nth-child(4) a:focus:before{background-position: 50% -121px;}

}

@media (max-width: 750px) {
	.kisti_news .bx-wrapper { padding: 2px 30px;}
	.main_visual .text_wrap .text { display:none;}
	.main_visual .visual_wrap { height: 295px;}
	.main_visual .text_wrap {  top: 10%;text-align:center;}
	.main_visual .text_wrap .title {font-size: 2rem; width:100%; padding-left: 0px;}
	.main_visual .text_wrap .btn_wrap { top: 52%; left: 75%;position: static; margin-top: 25px;}
	.main_visual .text_wrap:after {background: url(/resources/images/lead/icons.png) 50% 50% no-repeat;background-size: 100%;content:  "";display:  block;width: 222px;height: 252px;position:  absolute;top: 58%;right: -50px;z-index:-1;}
	.main_visual .text_wrap:before {background: url(/resources/images/lead/icons.png) 50% 50% no-repeat;background-size: 100%;content:  "";display:  block;width: 222px;height: 252px;position:  absolute;bottom: 58%;left: -50px;}
	.main_visual .text_wrap .btn_wrap:after { display:none;}
	.main_visual .media{ animation: none; -webkit-animation: none; -moz-animation: none;}
	
	.i-kisti .modal-body .icon_list {margin:0 0 15px;}
	.i-kisti .modal-body .half_box {padding:20px 15px;}
	.i-kisti .modal-body .left h5,
	.i-kisti .modal-body .left .size_s { font-size: 1.8rem; }
	.i-kisti .modal-body .left p {font-size: 1rem;}
	.i-kisti .modal-body .icon_list li {padding: 15px 20px 15px 80px;}
	.i-kisti .modal-body .left h5 span {font-size: 1rem;}
	.i-kisti .modal-body .icon_list li img { width: 50px; left: 46px;}
	.i-kisti .modal-body .list li:before {left: 7px;}
	.i-kisti .modal-footer { position: relative;}
	.i-kisti .modal-footer button.close { width: 100%; height: 40px;}
	.i-kisti .modal-footer button.close img{width:20px;    vertical-align: top;}
	
	
	.kisti_news .title_box h2 {  font-size: 1.8rem;}
	.kisti_news .title_box .btn-border { margin-top: 0px;}
	.kisti_news .hidden { padding-top: 46px;}
	.kisti_sns{ margin-bottom:20px;}
	.main_content { margin-bottom: 30px;}
	.main_content .kisti_services .img_wrap {bottom: -223px;right: -236px;transform: scale(0.6);}
	.main_content .kisti_services p { max-width: 78%; max-height: 5.1em; overflow: hidden;}
	.main_content .notice{padding:40px 0; border:0 none;}
	.main_content .notice .notice_list .title{max-width:100%;}
	.main_content .notice .notice_list .date { float: none; display: block; max-width: 100%; text-align: left;}
	.main_content .notice .notice_list .recently .title{max-width:100%;}
	
	.main_content .popup,
	.main_content .video,
	.main_content .publication,
	.main_content .gallery{height: 280px;}
	.main_content .notice {height: auto;}
	.main_content .notice .btn_all {  position: static;  border: 1px solid #ddd; width: 100%;  opacity: 1; padding: 10px;}
	.othter{padding:30px 0; margin-bottom:30px;}

	.kisti_news .news_box .box { height: 409px;}
	.kisti_news .news_box .box .base .img_wrap{max-height:150px;}

	.kisti_sns .title_box h2{font-size:2rem;}
		
	.right_quick { width:  100%; position:  static;}
	.right_quick .btn-open { display: none;}
	.right_quick .btn-close { display: none;}
	.right_quick .popupzone .slider li{height:auto;}
	.right_quick .popupzone .bx-wrapper .bx-viewport {/*  height: auto !important; */}
	.right_quick .popupzone .slider { height:  auto;}
	.right_quick .popupzone .slider li a { width:  auto; height:  auto; display:  block;}
	.right_quick .popupzone .slider li a img { width: 100%;}
	.right_quick .quickMenu ul li a{padding:11px 6px;}
	
	.popupzone .bx-wrapper .bx-controls-auto {bottom: 12px;}
	

}

@media (max-width: 576px) {
	.main_visual .visual_wrap { height: 210px; height: 100%;}
	.main_visual .text_wrap .title { margin-bottom: 5px;    font-size: 1.7rem;}
	.main_visual .text_wrap:after {width: 399px;height: 420px;position:  absolute;top: 110%;right: 50%;transform: translate(50%, 0); }
	.main_visual .text_wrap:before {display:none;}
	
	.kisti_sns .title_box { height: 163px; background-position: right 20%;background-size: 110px;}
	.keypoint_tab {margin-top:0;     position: absolute; bottom: 0;}
	.keypoint_tab .container{padding:0;}
	.main_content,
	.othter .container{padding:0;}
	.othter .history .title_box{width:100%;}
	.othter .history .content_box{display:none;}
	.othter .result .content_box,
	.othter .result .title_box{width:100%;}
	.othter .result >div .text{margin-bottom:0;}
	.othter .result .btn_plus { right: 15px;  bottom: 30px; width: 40px;  height: 40px;}
	.kisti_news .news_box { padding: 0 15px;}
	.kisti_news .swiper-controls {right: 14px;}
	.keypoint_tab ul li a:hover strong span,
	.keypoint_tab ul li a:focus strong span,
	.keypoint_tab ul li a strong span{display:none;}
	
	.main_content .popup,
	.main_content .video,
	.main_content .publication,
	.main_content .gallery,
	.othter .title_box,
	.othter .content_box,
	.kisti_sns .title_box,
	.kisti_sns .sns_box { width: 100%; float:none;}
	.kisti_sns .sns_box { border-right: 1px solid #ddd;}
	.kisti_sns .sns_box .img_wrap *{width:100%;height:auto;}
	.othter .history .history_slider li { padding: 30px 35px 20px 35px;}
	.othter .history, .othter .result{ float:none; height:auto;}
	.othter .history .content_box .bx-wrapper .bx-controls-direction{left:auto; right:0; margin:0;}
		
	.main_content .gallery { height: auto;}
	.main_content .publication { height: auto;}
	.main_content .notice, .main_content .box .text_wrap { padding: 25px 20px;}
	.main_content .kisti_services h3, .main_content .popup h3 { top: 25px; left: 20px;}
	.othter .title_box, .othter .content_box { padding: 25px 20px;}
	.othter .history .history_slider li { padding: 25px 20px;}
	.othter { padding: 0;}
	.main_content { margin-bottom: 0;}
	.kisti_news { margin-bottom: 25px;}
	.kisti_news .news_box .box .base {  padding: 20px }
	.kisti_news .news_box .box .base .img_wrap{max-height: 197px;margin-bottom: 15px;}
	.kisti_news .news_box .box .base .title { font-size: 1.2rem; line-height: 1.2;}
	.main_visual { margin-bottom: 25px;     position: relative; height: 588px;}
	
	.kisti_sns .sns_box:nth-child(3){border-right:1px solid #ddd;}
	.kisti_sns .sns_box .sns_mark { top: 15px; right: 15px;}
    .kisti_sns .sns_box {  height:  auto;}
	.kisti_sns .sns_box .text_wrap { padding: 60px 20px 40px;}
	.kisti_sns .sns_box .text_wrap .title { max-height: none; }
	.kisti_sns .sns_box .img_wrap{max-height: 300px;}
	.kisti_sns .sns_box .img_wrap * { position: static; transform: none;}
	
	.kisti_sns .sns_box:nth-child(7){border-bottom:0 none;}
}