@charset "utf-8";


/* 레이아웃 크기 지정 */
.wr-1400{width:100%;max-width:1400px;margin:0 auto;}

@media screen and (max-width:960px){
	.section{height:auto !important}
}

/* sub-navigation */
#navigation {width:100%;background:url('../img/sub/sub-visual.jpg') no-repeat center;background-size:cover;}
.nav-wr {max-width: 1400px;margin:0 auto;display: flex;}
.nav-wr .home-btn {display: block;width: 60px;height: 60px;background: url('../img/sub/home-icon.png') no-repeat center;background-color:rgba(0,0,0,0.2);position:relative;border-left: 1px solid rgba(221,221,221,0.3);border-right: 1px solid rgba(221,221,221,0.3);}
.nav-wr .home-btn:hover, .nav-wr .home-btn:focus {background-color: rgba(55,124,253,0.5);}
.nav-wr .nav-dep-01 {width: calc(100% - 60px);display: flex;}
.nav-wr .nav-dep-01 li {display: block;position: relative;width: 260px;}
.nav-wr .nav-dep-01 .dep-a {display:block;padding: 20px;font-size: 15px;position:relative;color: #ffffff;transition:all 0.2s;height: 60px;background: rgba(0,0,0,0.2);}
.nav-wr .nav-dep-01 .dep-a:hover, .nav-wr .nav-dep-01 .dep-a.on {background:rgba(55,124,253,0.5);}
.nav-wr .nav-dep-01 .dep-a:after {display:block;content:"";position:absolute;right: 0;top: 0;width:1px;height: 100%;background: #ddd;opacity: 0.3;}
.nav-wr .nav-dep-01 .dep-a .arr {width:20px;height:100%;background:url('../img/sub/sub-arr-w.png') no-repeat center;display:block; float:right;}
.nav-wr .nav-dep-01 li .nav-dep-02 {display: none;position:absolute;z-index: 990;padding: 20px;width:100%;border: 1px solid #305eae;top: 59px;left: 0;background: #fff;}
.nav-wr .nav-dep-01 li .nav-dep-02 li {display:block;padding: 3px 0px;}
.nav-wr .nav-dep-01 li .nav-dep-02 li a {color:#333;font-size: 15px;padding:0 10px;transition:all 0.2s;display:inline-block;position:relative;}
.nav-wr .nav-dep-01 li .nav-dep-02 li a:hover, .nav-wr  .nav-dep-01 li .nav-dep-02 li a:focus {color:#377cfd;font-weight:700;}

@media (max-width:960px){
    .nav-wr .home-btn {display:none;}
    .nav-wr {display:block;}
    .nav-wr .nav-dep-01 {width:100%; display:block;}
    .nav-wr .nav-dep-01 li {width:100%;}
    .nav-wr .nav-dep-01 li.navi-first {display:none;}
    .nav-wr .nav-dep-01 .dep-a {padding:13px 15px;height:50px;font-size: 15px;font-weight: 500;}
    .nav-wr .nav-dep-01 li .nav-dep-02 {top:49px;padding:15px 10px;}
    .nav-wr .nav-dep-01 li .nav-dep-02 li a {font-size:14px;}
}

/* sub-page common */

.sub-ttl {width:100%;text-align:center;padding: 50px 20px 0px;}
.sub-ttl h2 {font-size: 2rem;}
.sub-tabs {width:100%;background:#f8f8f8;border-top:1px solid #eee;border-bottom:1px solid #eee;margin: 20px auto;}
.sub-tabs ul {text-align:center;}
.sub-tabs ul li {display:inline-block; padding:17px 5px;margin:0 15px;font-size:15px;}
.sub-tabs ul li:hover {border-bottom:3px solid #377cfd;}
.sub-tabs ul li.active {border-bottom:3px solid #377cfd;}

.sub-tabs2 {width:100%;padding: 20px 0;}
.sub-tabs2 ul {text-align:center;max-width:1400px;margin:0 auto;display:flex;align-items:stretch;justify-content:center;}
.sub-tabs2 ul li {display:table;min-width:calc(100% / 5);margin-left:-1px;margin-top:-1px;border:1px solid #ddd;} /* width는 탭 수에 따라 조절하세요 */
.sub-tabs2 ul li a {display:table-cell;vertical-align:middle;font-size: 15px;width:100%;padding: 15px 35px;font-weight: 500;color: #555;word-break:keep-all;}
.sub-tabs2 ul li.active {background: #377cfd;}
.sub-tabs2 ul li.active a {color:#fff;}

.sub-wr {width:100%;}
.ready-img {width:100%; max-width:1400px; margin:0 auto; text-align:center;}
.ready-img img {max-width:100%;}

@media (max-width:960px){
    .sub-tabs ul {padding:10px;}
    .sub-tabs ul li {padding:5px; margin:3px 15px;}
    .sub-tabs ul li.active a {color:#377cfd;font-weight:700;}

    .sub-tabs2 ul li a {padding:15px 5px;}
}

@media (max-width:480px){
    .sub-ttl {padding: 30px 10px 0px;}
    .sub-ttl h2 {font-size:1.5rem;}
    .sub-tabs ul li a {font-size:14px;}

    .sub-tabs2 {padding:0 10px;}
    .sub-tabs2 ul {flex-wrap:wrap;}
    .sub-tabs2 ul li {min-width:calc(100% / 2);} /* width는 탭 수에 따라 조절하세요 */
    .sub-tabs2 ul li a {font-size:13px;padding:10px 2px;}
}

/* sub page */
.sub-page{padding: 50px 0 30px;font-size: 17px;color: #000444;border-bottom: 1px solid #ddd;}
.mo-only{display: none;}
.pc-only{display: block;}

@media (max-width:1024px){
	.sub-page{padding: 30px 0;}
}

/* 인사말 */
.intro{}
.intro .con-wr{}
.intro .con-wr .content-ln{padding:30px 0}
.intro .con-wr .content-ln img{max-width: 100%;}
.intro .con-wr .content-ln .img-wr{width: 25%; text-align: center;}
.intro .con-wr .content-ln .txt-wr{display:table;width: 75%;}
.intro .con-wr .content-ln .txt-wr .t-cell{}
.intro .con-wr .content-ln .txt-wr .ttl{color: #0e203a;font-size: 24px;padding-bottom: 35px;}
.intro .con-wr .content-ln .txt-wr .txt{line-height: 33px;font-size: 17px;}
.intro .con-wr.conimg .img-wr{width:100%;background: url('../img/sub/intro-con01-banner.jpg')no-repeat center;height: 260px;background-size: cover;}

.intro .con-wr.title{padding: 80px 0 0;}
.intro .con-wr.title .ttl{font-size:24px;color: #000; text-align: center;}
.intro .con-wr.title .ttl.gft.itc{font-style: italic;}

.intro .con-wr.con01{}
.intro .con-wr.con01 .txt-wr .ttl{font-size:24px;color: #000;}
.intro .con-wr.con01 .txt-wr .txt{line-height:30px;}
.intro .con-wr.con01 .txt-wr .txt.sign{margin: 20px auto; font-weight: 500; font-size: 22px;}

.intro .con-wr.con01{padding: 0 0 30px;}
.intro .con-wr.con01 .content-ln.ln01 .txt-wr{padding-left: 35px;}


@media (max-width:1440px){
	.intro .con-wr .content-ln{padding: 20px;}
	.intro .con-wr .content-ln .img-wr{width: 300px;}
	.intro .con-wr .content-ln .txt-wr{width: calc(100% - 300px);}
	.intro .con-wr .content-ln .txt-wr .ttl{padding-bottom: 15px;font-size: 22px;}
	.intro .con-wr .content-ln .txt-wr .txt{line-height: 28px;}
	.intro .con-wr .content-ln .txt-wr .txt .pc-only{display:none;}

	.intro .con-wr.con01 .txt-wr .txt{line-height: 26px;font-size: 16px; margin: 0 auto;}
	.intro .con-wr.con01 .content-ln.ln01 .txt-wr{padding-left: 35px;}
}

@media (max-width:1024px){
	.intro .con-wr .content-ln{padding:0 20px}
	.intro .con-wr .content-ln .img-wr{width: 100%; text-align: center;}
	.intro .con-wr .content-ln .txt-wr{width:100%;padding: 25px 0 0 !important;}
	.intro .con-wr .content-ln .txt-wr .ttl{padding-bottom: 10px;font-size: 20px;}
	.intro .con-wr .content-ln .txt-wr .txt{font-size: 14px;line-height: 23px;}
	
	.intro .con-wr.con01 .txt-wr{padding: 40px 20px 30px;}
	.intro .con-wr.con01 .txt-wr .ttl{font-size: 18px;}
	.intro .con-wr.con01 .txt-wr .txt{padding: 20px 0 0;font-size: 15px;line-height: 24px;max-width: 800px;}
	.intro .con-wr.con01 .txt-wr .txt.sign{text-align: center; font-size: 20px;}
	.intro .con-wr.con01{padding: 30px 0 50px;}
}

@media (max-width:768px){
	.intro .con-wr .content-ln .txt-wr .ttl{font-size: 17px;padding-bottom: 5px;}
	
	.intro .con-wr.con01 .txt-wr .txt{font-size:14px;padding: 10px 0 0;max-width: 550px;}
	.intro .con-wr.con01 .txt-wr .txt.sign{font-size: 18px;}
	.intro .con-wr.con01 .txt-wr{padding: 20px 20px 20px;}
	.intro .con-wr.con01 .txt-wr .ttl{font-size: 16px;}

}


/* 연혁 */
.history{}
.history .top-banner{}
.his-wr {width:100%;flex-wrap:wrap;}
.his-wr .his-box {flex:0 0 50%;padding:30px;}
.his-wr .his-box .his-ttl {margin:20px auto;width:450px;font-size:30px;background:#6ccce9; color:#fff; font-weight:700; text-align:center;padding:10px; position:relative;}
.his-wr .his-box .his-ttl:before {display:block; content:''; position:absolute; background:#fff; width:100px;height:100%;left:-35px;top:-20px;transform:rotate(-45deg);}
.his-wr .his-box .his-list {position:relative;padding: 30px 20px 30px 80px;/* overflow: hidden; */}
.his-wr .his-box .his-list:before {display:block;content:'';position:absolute;width: 45px;height: 45px;border: 6px solid #6ccce9;border-radius:100%;z-index: 1;background:#fff;top: -45px;left:0;}
.his-wr .his-box .his-list:after {display:block;content:'';position:absolute;width:1px;height:100%;background: #aaa;left: 22px;top:0;}
.his-wr .his-box .his-list > li {margin: 20px 0;}
.his-wr .his-box .his-list > li > .year {font-size:35px;color:#333;font-weight:700; position:relative;}
.his-wr .his-box .his-list > li > .year:before {display:block;content:'';position:absolute;width: 20px;height: 20px;border: 3px solid #6ccce9;border-radius:100%;background:#fff;top: 17px;left: -67px;z-index: 1;}
.his-wr .his-box .his-list > li > .con {padding:10px 0;}
.his-wr .his-box .his-list > li > .con > li {margin-bottom:5px;font-size: 16px;overflow:hidden;width:100%;color: #545454;}
.his-wr .his-box .his-list > li > .con > li:last-child {margin-bottom:0;}
.his-wr .his-box .his-list > li > .con > li .day {padding-right:10px;float:left;width: 50px;display:block;}
.his-wr .his-box .his-list > li > .con > li .day.se {width: 85px;}
.his-wr .his-box .his-list > li > .con > li .txt {float:left;width: calc(100% - 50px);display:block;word-break: keep-all;}
.his-wr .his-box .his-list > li > .con > li .txt.se {width: calc(100% - 85px);}


.his-wr .his-box.bx02 .his-ttl{background:#004b80}
.his-wr .his-box.bx02 .his-list:before{border-color: #004b80;}
.his-wr .his-box.bx02 .his-list > li > .year:before{border-color:#004b80}


@media screen and (max-width:1300px){
	.his-wr .his-box {padding:10px 5px;}

    .his-wr .his-box .his-ttl {margin:30px auto 0;width:100%;padding:5px;font-size:25px;border-radius: 50px;}
	.his-wr .his-box .his-ttl:before {display:none;}

	.his-wr .his-box .his-list {padding:0 0 0 50px;}
	.his-wr .his-box .his-list:before {display: none;}
	.his-wr .his-box .his-list:after {left:20px;}
	.his-wr .his-box .his-list > li > .year:before {left:-39px;}

}

@media screen and (max-width:960px){
	.his-wr .his-box .his-list {padding-left:40px;}
	.his-wr .his-box .his-list > li > .year {font-size: 22px;}
	.his-wr .his-box .his-list > li > .year:before {width:15px;height:15px;top:7px;left:-27px;}
	.his-wr .his-box .his-list > li > .con > li {font-size:15px;}
}

@media screen and (max-width:768px){
	.his-wr .his-box {flex:0 0 100%;}
	.his-wr .his-box .his-ttl {font-size:22px;}
	.his-wr .his-box .his-list > li > .year {font-size:20px;}
}

/* 찾아오시는 길 */
.
.location{}
.location .map-wr{
    width: 100%;
    flex: 0 1 calc(70%);
}
.map .img {
    width: calc(30%);
    flex: 0 1 calc(30%);
}
.map .img img {
	max-height:500px;
	width: 100%;
	object-fit: cover;
	height: 100%;
}
.sub-page .map:last-child .map-wr{flex: 0 1 calc(70%);}
.sub-page .map:last-child .img {
	width: calc(30%);
	flex: 0 1 calc(30%);
}
.location .map-wr .hide{display:none;}
.location .info-wr{position:relative;max-width: 1000px;margin: 0 auto;padding: 60px 0 60px;}
.location .info-wr .aft-bar{width:30px;height: 130px;background:#2c95d2;position:absolute;left:0;top: -65px;z-index: 9;}
.location .info-wr .ttl{font-size: 25px;}
.location .info-wr .txt-wr{padding: 20px 0;justify-content: center;align-items: center;position: relative;}
.location .info-wr .txt-wr:after{display:block;content:'';position:absolute;width: 2px;height:100%;background:#eee;left:40%;top:0}
.location .info-wr .txt-wr .txt-bx{width:50%;font-size: 15px;}
.location .info-wr .txt-wr .txt-bx .address{padding-bottom: 15px;}
.location .info-wr .txt-wr .txt-bx .address.eng{color:#b2b2b2;font-size: 15px;letter-spacing: 0;font-weight: 300;padding-bottom: 0;}
.location .info-wr .txt-wr .txt-bx .ln{padding: 10px;letter-spacing: 0;}
.location .info-wr .txt-wr .txt-bx .ln .th{display:inline-block;padding-right:20px;font-weight: 500;}
.location .info-wr .txt-wr .txt-bx .ln .td{display:inline-block}

@media (max-width:1440px){
	.location .map-wr figure{height: 500px;}
	.location .info-wr{padding: 50px 20px 50px;}
	.location .info-wr .aft-bar{left:20px}
	.location .info-wr .ttl{font-size: 23px;}
	.location .info-wr .txt-wr{padding: 15px 0;}
	.location .info-wr .txt-wr .txt-bx .address{padding-bottom: 10px;}
	.location .info-wr .txt-wr .txt-bx .address.eng{font-size:14px;}
	.location .info-wr .txt-wr .txt-bx .ln{padding: 8px;}
}

@media (max-width:1024px){
	.location .map-wr figure{height: 100%;}
	.location .info-wr{width: 650px;}
	.location .info-wr .txt-wr:after{left: 55%;}
	.location .info-wr .txt-wr .txt-bx.bx01{width: 60%;}
	.location .info-wr .txt-wr .txt-bx.bx02{width:40%}
}

@media (max-width:768px){
	.location .map-wr figure{height: 300px;}
	.location .info-wr{width: 100%;}
	.location .info-wr .txt-wr:after{left: 55%;}
	.location .info-wr .txt-wr .txt-bx.bx01{width: 60%;}
	.location .info-wr .txt-wr .txt-bx.bx02{width:40%}
	.location .info-wr .txt-wr .txt-bx .address.eng{font-size: 12px;}

	.map .df{flex-direction: column;}
	.map .img{width: 100% !important; max-height: 300px;}
	.map .img img{max-height: 260px;max-width: 340px;object-fit: contain;width: 100%;display: flex;margin: 0 auto;}
}

@media (max-width:500px){
	.location .map-wr figure{height: 250px;}
	.location .info-wr{padding: 40px 20px 40px;}
	.location .info-wr .aft-bar{width: 20px;height: 100px;top: -50px;}
	.location .info-wr .txt-wr .txt-bx{width: 100% !important;}
	.location .info-wr .txt-wr .txt-bx .address{padding-bottom: 3px;}
	.location .info-wr .txt-wr .txt-bx .address.eng{line-height: 13px;}
	.location .info-wr .txt-wr:after{display:none;}
	.location .info-wr .txt-wr .txt-bx .ln{padding: 8px 0 0;}
}

/* 지적재산권 및 인증 */
.patent{}
.patent .wr-1400{}
.patent .content-wr{padding: 100px 0 0;display: table;width: 100%;}
.patent .content-wr .th-ttl{vertical-align:top;width: 170px;position: relative;font-size: 55px;padding-right: 20px;}
.patent .content-wr .th-ttl:after{display:block;content:'';position:absolute;width: 4px;height: calc(100% - 450px);background: #ededed;left: calc(50% - 8px);bottom: 0;}
.patent .content-wr .th-ttl p{writing-mode: vertical-rl;text-orientation: mixed;color: #ededed;font-weight: bold;margin: 0 auto;}
.patent .content-wr .td-ptt{vertical-align:top;width: calc(100% - 170px);}
.patent .content-wr .td-ptt ul{justify-content: flex-start;}
.patent .content-wr .td-ptt ul li{text-align:center;width: 25%;padding: 0 10px;}
.patent .content-wr .td-ptt ul li .img img{width: 100%;}
.patent .content-wr .td-ptt ul li .txt{display:table;width:100%;height: 50px;background: #e9f4fa;margin: 10px auto 30px;color: #2c95d2;font-size: 15px;max-width: 280px;}
.patent .content-wr .td-ptt ul li .txt p{font-family:'GmarketSansTTF', 'Noto Sans KR', serif}

@media (max-width:1440px){
	.patent .content-wr{padding:50px 20px 0}
	.patent .content-wr .th-ttl{width: 100px;font-size: 50px;}
	.patent .content-wr .th-ttl:after{height: calc(100% - 400px);}
	.patent .content-wr .td-ptt{width:calc(100% - 100px)}
	.patent .content-wr .td-ptt ul li{padding:0 10px}
}

@media (max-width:1024px){
	.patent .content-wr .th-ttl{width: 90px;padding-right: 15px;font-size: 45px;}
	.patent .content-wr .th-ttl:after{height: calc(100% - 380px);}
	.patent .content-wr .td-ptt ul li{width:calc(100%/3)}
	.patent .content-wr .td-ptt ul li .txt{font-size:14px}
}

@media (max-width:768px){
	.patent .content-wr{display:block;padding: 30px  20px 0;border-width: 6px;}
	.patent .content-wr .th-ttl{display:block;width:100%;font-size: 35px;padding: 0 0 15px;}
	.patent .content-wr .th-ttl:after{height: 2px;width: calc(100% - 300px);left: auto;right: 0;bottom: auto;top: calc(50% - 12px);}
	.patent .content-wr .th-ttl p{writing-mode: unset;text-orientation: unset;display: inline-block;}
	.patent .content-wr .td-ptt{display:block;width:100%;}
	.patent .content-wr .td-ptt ul li{width: 50%;padding: 0 5px;}
	.patent .content-wr .td-ptt ul li .img img{width: 70%;}
	.patent .content-wr .td-ptt ul li .txt{padding: 3px;}
}

@media (max-width:500px){
	.patent .tab-list{padding-bottom: 10px;}
	.patent .content-wr{border-width:4px}
	.patent .content-wr .th-ttl{font-size: 24px;}
	.patent .content-wr .th-ttl:after{width: calc(100% - 200px);}
	.patent .content-wr .td-ptt{}
	.patent .content-wr .td-ptt ul li{padding: 0 3px;}
	.patent .content-wr .td-ptt ul li .txt{font-size: 13px;}
	.patent .content-wr .td-ptt ul li .txt.long{font-size:12px;padding: 0;}
}

/* 주요사업 */
.enterprise{}
.enterprise .info-wr ul{justify-content: flex-start;}
.enterprise .sub-ttl h2{position: relative; padding: 0 0 20px 0;}
.enterprise .sub-ttl h2::before{content: ""; position: absolute; right: 0; left: 0; bottom: 0; height: 3px; width: 60px; background: black; margin: 0 auto;}
.enterprise .info-wr .txt-wr .txt{background-color: #f4f4f4; border-radius: 20px; margin: 5px; font-weight: 400; padding: 10px 5px; font-size: 19px;}
.enterprise .info-wr .txt-wr .txt p{word-break: keep-all;margin: 0 0 0 35%;position: relative;}
.enterprise .info-wr .txt-wr .txt p::before{content:'';position: absolute;width:8px;height:8px;background:black;transform: translate(0,-50%);left: -15px;top: 50%;border-radius:50%}
.enterprise .wr-1400{}
.enterprise .content-wr .td-ptt{vertical-align:top;width: calc(100% - 170px);}
.enterprise .content-wr .td-ptt ul{justify-content: center;grid-gap: 10px;}
.enterprise .content-wr .td-ptt ul li{text-align:center;flex: 1 1 calc(100% / 4 - 10px);}
.enterprise .content-wr .td-ptt ul li .img{}
.enterprise .content-wr .td-ptt ul li .txt{display:table;width:100%;height: 50px;margin: 10px auto 30px;font-size: 18px;max-width: 280px; font-weight: 400;}
.enterprise .content-wr{padding: 50px 0 0 0; display: table; width: 100%;}
.enterprise .pdf-link{background-color: #2e3240; display: table; margin: 0 auto; border-radius: 100px;}
.enterprise .pdf-link .txt{color: #98e4eb; text-align: center; display:table-cell; font-size: 19px;}
.enterprise .pdf-link .txt.fff{color: #fff;}
.enterprise .pdf-link a{display: flex; padding: 40px 80px; border-radius: 100px; grid-gap: 10px;}
.enterprise .pdf-link a:hover{background-color: #3f4559;}

@media (max-width:1440px){
	.enterprise .content-wr{padding:50px 0 0}
	.enterprise .content-wr .td-ptt{width:calc(100% - 200px)}
	.enterprise .content-wr .td-ptt ul li{padding:0 10px}
	.enterprise .pdf-link a{padding: 40px 80px;}
}

@media (max-width:1024px){
	.enterprise .info-wr .txt-wr .txt{font-size:17px;}
	.enterprise .content-wr .td-ptt ul li{width:calc(100%/2)}
	.enterprise .content-wr .td-ptt ul li{width:calc(100%/2)}
	.enterprise .content-wr .td-ptt ul li .txt{font-size:16px}
	.enterprise .pdf-link a{padding:30px 60px;}
	.enterprise .pdf-link .txt{font-size: 15px;}
	.enterprise .info-wr .txt-wr .txt p{margin: 0 0 0 32%;}

}

@media (max-width:768px){
	.enterprise .info-wr .txt-wr .txt{font-size:16px;}
	.enterprise .content-wr{display:block;padding: 20px 10px 0;border-width: 6px;}
	.enterprise .content-wr .td-ptt{display:block;width:100%;}
	.enterprise .content-wr .td-ptt ul li{width: 50%;padding: 0 5px;}
	.enterprise .content-wr .td-ptt ul li .txt{padding: 3px;}
	.enterprise .pdf-link a{padding: 20px 40px;}
	.enterprise .pdf-link .txt{font-size: 14px;}
	.enterprise .info-wr .txt-wr .txt p{margin: 0 0 0 10%;}

}

@media (max-width:500px){
	.enterprise .info-wr .txt-wr .txt{font-size:15px;}
	.enterprise .content-wr .td-ptt{}
	.enterprise .content-wr .td-ptt ul li{padding: 0 3px;}
	.enterprise .content-wr .td-ptt ul li .txt{font-size: 14px;}
	.enterprise .content-wr .td-ptt ul li .txt.long{font-size:12px;padding: 0;}
	.enterprise .pdf-link a{padding: 20px 40px;}
	.enterprise .pdf-link .txt{font-size: 14px;}
	.enterprise .info-wr .txt-wr .txt p{margin: 0 0 0 5%;}
}

/*수행 연구과제 테이블*/

.sub34.table{border: 1px solid #ccc; border: 1px solid #c4c4c4; text-align: center; width: 100%; padding: 0;}
.sub34.table th{background-color: #ccc; border: 1px solid #c4c4c4}
.sub34.table td{border: 1px solid #c4c4c4; font-weight: 400; font-size: 15px;}