@charset "utf-8";

*{box-sizing: border-box;}
:root{
	--color-bl:#0053b3;
	--color-bc:#38c6ff;
	--color-gr:#22b89e;
	--size-46: clamp(2.5rem, 4.5vw, 2.875rem); /*46px*/
	--size-44: clamp(2.3rem, 4vw, 2.75rem); /*44px*/
	--size-40: clamp(2.2rem, 4vw, 2.5rem); /*40px*/
	--size-36: clamp(2rem, 4vw, 2.25rem); /*36px*/
	--size-34: clamp(1.9rem, 4vw, 2.125rem); /*34px*/
	--size-32: clamp(1.8rem, 3vw, 2rem); /*32px*/
	--size-30: clamp(1.6rem, 3vw, 1.875rem); /*30px*/
	--size-28: clamp(1.5rem, 3vw, 1.8rem); /*28px*/
	--size-24: clamp(1.3rem, 2vw, 1.5rem); /*24px*/
	--size-22: clamp(1.2rem, 2vw, 1.375rem); /*22px*/
	--size-20:clamp(1.15rem, 2vw, 1.25rem); /*20px*/
	--size-18:clamp(1rem, 2vw, 1.2rem) ; /*19px*/ 
	--size-14: 0.85rem; /*14px*/
}



/* ============ common ============ */
/*header*/
.header_container{width:98%; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; }
.topgnb>span>a{display: flex; flex-flow:column wrap; align-items: center;}



/* ============ main ============ */
/*main_slider*/
#main_slide{position:relative; background:#000;}
.slick-dots{/* position:absolute;*/bottom:0px;display:block;padding:0;margin:0;list-style:none;/* text-align:left;*/;}
.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:50px;height:5px;background:#cfcfcf;opacity:0.5;cursor:pointer;color:transparent;border:0;}
.slick-dots li.slick-active button{width:50px;opacity:0.4;background:#00afd5;}
.main01sec-1{font-weight:600;font-size:clamp(1.5rem, 4vw, 1.4rem);color:#fff;height:40px;line-height:40px;text-align:center;padding:0 20px;text-align:center;margin-bottom:15px;}
.main01sec-1 span{font-weight:300;}
.main01sec-2{font-family: 'Paperlogy'; font-weight: 300; font-size: clamp(2.8rem, 4vw, 4.5rem);  line-height:152%;letter-spacing: -3px;text-align:center; }
.main01sec-3{color:rgba(255,255,255,0.9);line-height:140%;text-align:center;padding-top:20px; padding-bottom: 20px}
.mainsmore a{border: 1px solid rgba(255,255,255,0.5); display: block; font-size: 14px; width: 130px;text-align: center; color: rgba(255,255,255,1.00); margin: 0 auto}
.main01sec{ text-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  text-align:left; word-break: keep-all;}
.main01secw{overflow:hidden;/* height:225px;*/position:relative;text-align:center;}
.maintop{ margin:0 auto;padding:0;/*height:100%;*/ width:100%;text-align:center;z-index: 1;/* display: none; */top: 45%; position: absolute;}
.maintop .mainimg{margin:0 auto;width:1400px;text-align:left;overflow:hidden;height: 690px;position:relative;}
.maintop .text{ color:#ffffff;font-size:32px;line-height:36px;text-align:center;margin:0 auto;z-index: 0;}
.maintop .text strong{font-size:52px;display:block;padding:0 0 25px 0;}
.maintop .mainban{width: 1340px;left: 50%;margin-left: -670px;background: rgb(255 255 255);/* background: linear-gradient(90deg, rgba(0,151,182,1) 0%, rgba(157,180,74,0.8) 100%); */position: absolute;bottom: 0;padding: 20px 0 20px 20px;/* display: table; */box-sizing: border-box;}
.Mainbg{position: relative; max-height:950px; aspect-ratio: 1/0.9;}
.Mainbg .page:before{content:""; display: inline-block; width:100%; height: 100%; background:#00000030; position: absolute; left:0; top: 0; z-index: 1; }
.Mainbg .slick-dots{display: none!important;}
@media only all and (max-width:1400px){
	.Mainbg{max-height:700px;}
}
@media only all and (max-width:1024px){
	.Mainbg{max-height:600px;}
}
@media only all and (max-width:720px){
	.Mainbg{height:400px;}
	.Mainbg .page .bg{background-position: 80% center;}
	.maintop{top:55%;}
	.main01sec-2{font-size:clamp(1.8rem, 4vw, 2.5rem );}
	.main01sec-1{font-size:16px; height:auto; line-height: normal; }
}


/*sec01*/
#sec01{ display: grid; grid-template-columns: 50% 50%; align-items: center;  min-height:750px;}
.prod_left{background:#ebebeb; display: grid; grid-template-columns: auto 660px; height:100%;padding:40px; box-sizing: border-box; position: relative;}
.prod_left .tit{align-self: center; display: flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; height:60%; word-break: keep-all;
	& h1{font: 600  var(--size-40) 'Paperlogy';}
	& h4{margin:30px 0 10px 0; font:600 var(--size-18) 'Paperlogy';  text-transform: uppercase;}
	& h4 span{font-weight:400;}
	& p{opacity: 0.6; line-height: 1.5;}
	& a{display: inline-block; font-weight:500; padding:14px 35px; min-width:180px; border-radius:30px;  background:#fff url(../img/content/main/ic_more.png) no-repeat 80% center;}
}
.prod_right{width: 100%; height:100%;  background:url("../img/content/main/sub01_bg.jpg") no-repeat center  / cover; }
.prod_right .proSwiper{top:20%; overflow: hidden; position:relative; z-index:10;   left:-15%; width:115%;}
.swiper-button-next:after,
.swiper-button-prev:after{content:"";}
.proSwiper_btn{position:relative; left:0; top:-15%; display: flex; justify-content:space-between; width:105px; 
	& .swiper-button-next, .swiper-button-prev{width:25px; position:relative; display: flex; justify-content: center; align-items: center;}
	& .swiper-button-next:before, .swiper-button-prev:before{transition:all 0.2s ease; position:absolute; content:""; z-index: -1; opacity: 0.3; display: inline-block; width:50px; aspect-ratio: 1/1; border:1px solid #fff; border-radius: 50%;}
	& .swiper-button-next svg path, .swiper-button-prev svg path{fill:#fff;}
	& .swiper-button-next:hover:before, .swiper-button-prev:hover:before{background:#fff; opacity: 1;}
	& .swiper-button-next:hover svg path, .swiper-button-prev:hover svg path{fill:#368174;}
}
.proSwiper .swiper-wrapper{padding:20px; align-items: center;}
.proSwiper .swiper-slide{transition:transform 0.7s ease-in-out; position: relative; text-align: center;  transform:scale(0.95); box-sizing:border-box;}
.proSwiper .swiper-slide.swiper-slide-active{transform:scale(1.1); box-shadow:0 0 10px 3px rgba(0, 0, 0, 0.05);}
.proSwiper .swiper-slide .txt {width: 80%; word-break: keep-all; position: absolute; bottom:10%; left:12%; z-index: 1; color:#fff; text-align: left;
	& sub{color:#c39b4f; font-size:14px; }
	& h5{font-size:var(--size-20); font-family:  'Paperlogy'; }
	& h5 span{font-size:var(--size-14); font-weight:400; display: inline-block; vertical-align:5px;}
	& p{opacity: 0.6; margin-top:7px;}
}
.proSwiper .swiper-slide .img{overflow: hidden;
	& img{transition:all 0.2s ease;}
	&:hover img{transform:scale(1.1);}	
}
@media only all and (max-width:1200px){
	#sec01{min-height:600px;}
	.prod_right .proSwiper{left:5%;  width:95%;}
}
@media only all and (max-width:1050px){
	.prod_right .proSwiper{left:5%; width:95%;}
}

@media only all and (max-width:800px){
	.br_m{display: inline; content:""; margin-left:3px;}
	#sec01{display: flex; flex-flow:column wrap; align-items: flex-start;}
	.prod_left{grid-template-columns:repeat(1, 1fr); width: 100%; padding:20px;}
	.prod_left>div.space{display: none;}
	.prod_left .tit{display: block; height:auto; text-align: center;
		& h1{font-size:var(--size-28);}
		& h4{display: none;}
		& a{background:#fff; margin-top:10px; padding:10px 35px; font-size: var(--size-14);}
	}
	.proSwiper_btn{display: none;}
	.prod_right .proSwiper{left:0; width:100%;}
	.proSwiper .swiper-wrapper{padding:0;}
	.proSwiper .swiper-slide, .proSwiper .swiper-slide.swiper-slide-active{padding:10px; box-sizing: border-box;}
	.proSwiper .swiper-slide.swiper-slide-active{transform:scale(0.95); box-shadow:none;}
	.proSwiper .swiper-slide .txt{text-align: center; bottom:45%;
		& h5{font-size:var(--size-28); font-weight:500;}
	}
	
}
@media only all and (max-width:500px){
	#sec01{min-height:auto;}
	.proSwiper .swiper-slide .txt{bottom:40%;}
	.proSwiper .swiper-slide .img{aspect-ratio: 1 / 0.85}
}

/*sec02_공지사항*/
.main_tit{font:600 var(--size-30 ) 'Paperlogy';}
.btn_style:after{display: inline-block; content: ""; background:url(../img/content/main/ic_more.png) no-repeat center; width:24px; height:19px; vertical-align: -4px; margin-left:4px;}
.noti_container{margin:100px auto; position:relative; box-sizing: border-box; display: grid; grid-template-columns: 32% 63%; column-gap: 5%; justify-content: flex-start; }
.tab_wrap{
	& .tab_menu{justify-items: flex-start; margin-top:70px;}
	& .tab_menu li{cursor:pointer; font-size:17px; min-width:150px; padding:10px 0; text-align: center; background:#ebebeb; color:#babbbf; border-radius: 20px;}
	& .tab_menu li+li{margin-top:7px;}
	& .tab_menu li.active{background:#222; color:#fff;}
}
.tab_con_wrap{padding-bottom:15px; border-bottom:1px solid #ddd;
	& .item a{display: flex; justify-content: space-between; align-items: center; padding:13px 5px; border-top:1px solid #ddd; margin-top:10px;}
	& .item .date{text-align: center; line-height:0;}
	& .item .date p{font:bold var(--size-36) 'arial', sans-serif;}
	& .item .subject{margin:8px auto 0 40px; font-size:var(--size-20);}
	& .item .btn{color:#ddd; text-transform: uppercase; margin-top:15px;}
	& .item .btn:after{opacity: 0.7; display: inline-block; content:""; color:#ddd; background:url(../img/content/main/ic_half_view.png) no-repeat center right ; width:29px; height:10px; vertical-align:2px; margin-left:3px;}
}
.noti_link{position:absolute; left:0; top:50px; text-transform: uppercase; font:bold 15px 'arial';}
.tab_content{	display: none;	margin:0 auto;}
.tab_content.active{	display: inherit;}
@media only all and (max-width:1050px){
	.noti_container{display: flex; flex-flow:column wrap;}
	.tab_wrap .tab_menu{display: flex; flex-flow:row nowrap; align-items: center; margin-top:35px; }
	.noti_link{top:7%; left:50%; transform: translateX(-50%);}
}
@media only all and (max-width:800px){
	.main_tit{text-align: center; font-size: var(--size-28);}
	.noti_container{margin:50px auto;}
	.tab_con_wrap{margin-top:5px;}
	.tab_con_wrap .item .date,
	.tab_con_wrap .item .btn{display: none;}
	.tab_con_wrap .item .subject{margin:8px 0 0;}
	.tab_con_wrap .item a{margin-top:5px;}
	.tab_wrap .tab_menu li{min-width: auto; flex:1;}
}


/*sec03_연구및 프로젝트*/
#sec03{padding:100px 0; width:100%; overflow: hidden; background: #1e2946;  }
#sec03 .main_tit{font-weight:400; word-break: keep-all; }
.link_container{ position: relative; width:1400px; margin:0 auto;  overflow: hidden;}
.prog_head .main_tit{color:#fff; margin-bottom:30px; }
.linkSwiper .swiper-slide .txt{margin-top:10px; color:#fff; word-break: keep-all;
	& h5{font-size:var(--size-20); margin-bottom:7px;}
	& p{color:#b3b3b3; }
}
.linkSwiper .swiper-slide .img{overflow: hidden;
	& img{transition:all 0.2s ease;}
	&:hover img{transform:scale(1.1);}	
}
@media only all and (max-width:720px){
	#sec03{padding:60px 0;}
	.linkSwiper .swiper-slide a{text-align: center;}
}


/*sec04_학생 참여 프로그램 및 퀵메뉴*/
#sec04{background:url(../img/content/main/sec04_bg.jpg) no-repeat center / cover; overflow:hidden;position:relative; padding:120px 0;font-size:16px;font-weight:500;line-height:1.65;color:#fff;}
#sec04 *{word-break:keep-all}
.info_container{position:relative; max-width:1400px; width:95%; margin:0 auto; display: grid; grid-template-columns: 49% 49%; column-gap: 2%;}
.info_container .pager{position:absolute;bottom:anchor(85% --swiper_anchor);left:6%; display: flex; z-index: 2;
	& button{opacity:.25;position:relative;display:flex;justify-content:center;align-items:center;width:auto;height:auto;border-radius:50%;font-size:15px;color:#fff;cursor:pointer;background:transparent;transition:.3s;font-family:var(--e-font)}
	& button span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
	& button.on{opacity:1}
	& .progress{transform:rotate(-90deg)}
	& .circle-origin{fill:transparent;stroke:rgb(255, 255, 255);stroke-width:1;stroke-linecap:round;stroke-dasharray:125.664px;stroke-dashoffset:125.664px}
	& button.on .circle-origin{animation:progress 3.5s}
}
@keyframes progress{
    0%{stroke-dashoffset:125.664px}
    100%{stroke-dashoffset:0}
}
.infoSwiper{overflow:hidden;/*height:100%;*/margin:0; width:100%; max-width:686px; aspect-ratio: 1 / 0.92; overflow: hidden; anchor-name:--swiper_anchor;}
.infoSwiper:before{display:block;content:"";position:absolute;left:-80px;top:-80px;z-index:101;transform:rotate(45deg);width:160px;height:160px;background:var(--primary)}
.infoSwiper .swiper-slide{overflow:hidden;
	& a{display: inline-block; width:100%; height:100%;}
	& .detail{position: relative;}
	& .detail .desc{position: absolute; top:18%; left:15%; z-index: 1; display:flex;flex-flow:column;font-size:15px;color:rgba(255,255,255,.7); }
	& .detail .desc span{font-size:18px;color:#fff; font-family: 'Paperlogy';}
	& .detail .desc h3{font:500 var(--size-40) 'Paperlogy'; margin:20px 0;color:#fff;line-height:1.2; white-space:pre-line}
	& .detail img{width:100%;}
}
.link_wrap ul{display: flex; flex-wrap:wrap; justify-content: space-between; gap:2%;
	& li{flex:1 0 49%; position: relative; overflow: hidden;}
	& li:nth-of-type(n+3){margin-top:15px;}
	& li a{display: inline-block; width:100%; height:100%; align-content: center;}
	& li .txt{position: absolute; top:40%; left:50%; z-index: 1; transform:translateX(-50%); text-align: center; }
	& li .txt h5{font:500  var(--size-24) 'Paperlogy';}
	& li .txt h5 span{font-weight:300;}
	& li .txt p{font-weight:400; font-size:var(--size-14);}
	& li img{transition:all 0.2s ease;}
	& li:hover img{transform:scale(1.1);}	
}
@media only all and (max-width:1400px){
	.link_container{width:95%;}
}
@media only all and (max-width:720px){
	#sec04{padding:80px 0; background-position: left top;}
	.info_container{display: flex; flex-flow:column wrap;}
	.info_container .pager{left:50%; transform:translateX(-50%);}
	.infoSwiper{aspect-ratio: 1 / 0.75; margin-bottom:20px;}
	.infoSwiper .swiper-slide .detail{text-align: center;}
	.infoSwiper .swiper-slide .detail .desc{left: 0; right:0; top:25%;} 
	.infoSwiper .swiper-slide .detail .desc h3{white-space: normal; font-size: var(--size-30); margin:0 0 10px;}
	.infoSwiper .swiper-slide .detail .desc p{line-height: 1.1;}
	.linkSwiper .swiper-slide .img{aspect-ratio: 1 /0.75; overflow: hidden;}
	.link_wrap ul li .txt{top:20%; left:20%; transform: translateX(0); text-align: left;}
	.link_wrap ul li .txt h5{font-size:var(--size-20);} 
	.prog_head .main_tit{margin-bottom:0;}
	
}
 
/*sec05_배너*/
#sec05{background:url(../img/content/main/sec05_bg.jpg) no-repeat bottom center  / cover; min-height:350px; align-content: center; background-attachment: fixed;}
.recr_txt{color:#fff; max-width:1400px; width:95%; margin:0 auto;}
.recr_txt p{text-transform:uppercase ; font-family: 'Paperlogy'; margin-bottom:7px;}
.recr_txt h4{font:500 var(--size-32) 'Paperlogy'; word-break: keep-all;}
.recr_txt a{margin-top:20px; color: black;  mix-blend-mode: screen; display: inline-block; text-transform: uppercase; font-weight:500; padding:11px 25px; min-width:160px; border-radius:30px;  background:#fff url(../img/content/main/ic_more.png) no-repeat 85% center;}
@media only all and (max-width:1024px){
	.recr_txt a{background:#fff;}
}
@media only all and (max-width:720px){
	#sec05{min-height:270px;}
	.recr_txt{text-align: center;}	
	.recr_txt a{padding:9px 25px; font-size:var(--size-14);}
	.recr_txt h4{font-size:var(--size-28);}
}



/* ============ sub ============ */
@keyframes slideLeft{
	0% {width:0;}
	100% { width:100%;}
}
.con_h1{font:500 var(--size-46) 'Paperlogy';  line-height: 1.2; }
.con_h2{font:500 var(--size-40) 'Paperlogy';  line-height: 1.3; }
.con_h3{font:500 var(--size-30) 'Paperlogy'; }
.con_h4{font:500 var(--size-28) 'Paperlogy'; }
.con_h5{font:500 var(--size-24) 'Paperlogy'; }
.con_h6{font-size: var(--size-20); }
:where(.sub_tit) h1, h2, h3, h4, h5{position:relative;}
:where(.sub_tit) h1 span, h2 span, h3 span{position: relative; display: inline-block;}
:where(.sub_tit) h1 span::before, h2 span::before, h3 span::before{display: inline-block; content:""; animation:slideLeft 2s ease ; background:var(--color-bc); opacity: 0.2; width:100%; height:15px; position: absolute; left: 0; bottom:3px; z-index: -1;}
.sub_con { max-width:1400px; width:100%; margin:0 auto 0; font-size:var(--size-18);}
.sub_con h4{margin-bottom:15px; }
.sub_con p, .sub_con li{ line-height: 1.6; color:#565656;}
.sub_con+.sub_con{margin-top:90px;}

.con_item{font-size:var(--size-18);  line-height: 1.6;}
.con_item+.con_item{margin-top:60px; padding-top:60px; border-top:1px solid #eee}
.con_item p{margin:5px 0;}
.con_item table{margin-top:15px;}
.con_bg_gray{background:#f8f8f8; border-radius: 10px; padding:40px; text-align: center; margin:15px 0 20px;}

.con_row{display: grid; grid-template-columns: 20% auto;}
.con_box2{display: grid; grid-template-columns: repeat(2, 1fr);}
.con_box3{display: grid; grid-template-columns: repeat(3, 1fr);}
.con_box4{display: grid; grid-template-columns: repeat(4, 1fr);}
.h_bullet{margin-bottom:15px; text-indent:-20px; padding-left:20px; line-height: 1.4;}
.h_bullet:before{display:inline-block; content:""; width:8px; height:18px; margin-right:10px; vertical-align:2px; background:url(../img/content/sub/h_bullet.gif) no-repeat center left ;}
.h_bullet2:before{display:inline-block; content:""; width:13px; height:13px; margin-right:10px; vertical-align:2px; background:url(../img/content/sub/h_bullet2.gif) no-repeat center left ;}
.ul_bullet{margin-left:18px;}
.ul_bullet li{text-indent:-12px; padding-left:14px;	}
.ul_bullet li:before{display:inline-block; content:""; width:5px; height:5px; border-radius: 50%; margin-right:7px; background:var(--color-bl); vertical-align:3px;}
.ul_bullet li+li{margin-top:4px;}
/*.p_bullet:before{display:inline-block; content:""; width:12px; height:3px;margin-right:5px; vertical-align:3px; background:var(--color-bl) ;}*/
.underline{font-weight:500; color:#222; background:#dceeff; padding:0 7px;}
.basic-table+.ul_bullet{margin-top:15px;}

@media only all and (max-width:1400px){
	.sub_con{width:95%;}
}
@media only all and (max-width:1024px){
	.con_box4{ grid-template-columns: repeat(3, 1fr);}
}
@media only all and (max-width:700px){
	.con_box3, .con_box4{ grid-template-columns: repeat(2, 1fr);}
	.con_h1{ font-size:var(--size-40); }
	.con_h2{ font-size:var(--size-30); }
	.con_h3{ font-size:var(--size-28); }
	.con_h4{ font-size:var(--size-24);  }
	.con_h5{ font-size:var(--size-22);  }
	:where(.sub_tit) h1 span, h2 span, h3 span{display: inline;}
	:where(.sub_tit) h1 span::before, h2 span::before, h3 span::before{display: none;}
	
	.con_bg_gray{padding:20px;}
	.h_bullet:before{vertical-align: -2px;}
}
@media only all and (max-width:500px){
	.con_box2, .con_box3, .con_box4{ grid-template-columns: repeat(1, 1fr);}
}


/*준비중*/
.preparing{min-height:300px; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; text-align:center;}
.preparing h2{font-size:clamp(1.8rem, 4vw, 2.25rem); margin:7px 0;}
.preparing p{font-size:clamp(1.4rem, 2vw, 1.5rem);}


/*43_인사말*/
.greeting, .greeting_inner{ height:100vh; width: 100vw; }
.greeting .txt1{ font-size: clamp(2.3rem, 4vw, 2.8rem) ; word-break: keep-all;   text-align: center;  position: relative; z-index:2;}
.greeting .txt2{ line-height: 1.5; word-break: keep-all; left:0; right:0; max-width:1400px; width:100%; margin:0 auto;  text-align: center; color:#fff; position: absolute; top:40%; z-index:10;}
.greeting .txt2 p{font-size: clamp(2.3rem, 4vw, 2.8rem); font-weight:400; }
.greeting .mask{ width: 1400px ;  height: 400px;overflow: hidden;display: flex;justify-content: center;align-items: center;z-index: 1; margin:0 auto; position: relative;}
.greeting .mask:before{overflow: hidden; display: inline-block; content:""; background:#00000060; width:100%; height:100% ; position: absolute; inset:0; z-index: 1;}
.greeting .mask_video {position: relative; width: 100%;height: 100%;object-fit: cover; transition:all 0.3 ease; background-origin: center;}

.greeting2{ background-color:#1e2946; z-index: 3; position: relative; align-content: center;}
.xScroll { margin-left:20%; min-width: 100vw; display: flex; align-items: center; gap:70px; width: max-content;    }
.xScroll .item { width: 800px;  height: 500px; }
.xScroll .item:last-child{width:400px;}
.xScroll .item h4{margin-bottom:20px; color:#fff; line-height: 1;}
.xScroll .item h4 sup{font-size:var(--size-20); color:#00bcd4;}
.xScroll .item .img{overflow: hidden;}
.xScroll .item img{transition:all 0.5s ease;}
.xScroll .item:hover img{transform:scale(1.1);}

@media only all and (max-width:1400px){
	.greeting .mask{width:70%;  height: auto; aspect-ratio: 1/1;}
	.xScroll .item {width:450px; height: auto;  aspect-ratio: 1 / 0.65;}
	.xScroll .item:last-child{width:50px;}
}
@media only all and (max-width:720px){
	.greeting .txt1{ font-size:var(--size-34);}
	.greeting .txt2 p { font-size:var(--size-24);}
	.greeting .txt1 br, 
	.greeting .txt2 p{display: inline; content:""; padding-right:5px;}
}


/*sub46_조직도*/
.org_container .basic-table th, 
.org_container .basic-table td{font-size:var(--size-18);}
.org_container .basic-table td{ text-align: left; padding: 15px 30px; }


/*sub47_협력기업*/
.partner_list{column-gap: 20px;}
.partner_list li{border:1px solid #e1e1e1; border-radius: 10px; text-align: center; overflow: hidden; margin-bottom:20px;}
.partner_list li dt{ background:radial-gradient(circle, #fff , #f8f8f8 ); min-height:160px; align-content: center; border-bottom:1px solid #eee;}
.partner_list li dd{font:500 var(--size-20) 'Paperlogy'; padding:30px 0;}
.partner_list li dt img{transition:all 0.2s ease;}
.partner_list li:hover dt img{transform:scale(1.1);} 
 
 
/*sub68_오시는 길*/
.root_daum_roughmap .cont{display: none;}
.map_txt_wrap{max-width:1400px; width:95%; margin:70px auto;}
.map_txt_wrap .link_map{display: inline-block; border-radius:15px; padding:5px 10px; font-size:var(--size-14); background:var(--color-bl); color:#fff;}
.map_contact{font-size: var(--size-20);margin-top:20px;display: grid;grid-template-columns: 3fr 1fr 1fr;column-gap:7px;}
.map_contact svg{vertical-align: -3px;}
.map_contact dl{margin-bottom:7px; padding: 40px; background: #81b6d014; border-radius: 10px;}
.map_contact dt{font-weight:700; min-width:100px;}
.map_trans{margin-top:50px;}
.map_trans .con_h4{margin-bottom:10px;}
@media only all and (max-width:1200px){
	.map_contact{grid-template-columns: repeat(2, 1fr)!important;}
	.map_contact .address{grid-column: 1 / -1;}
	.map_contact dl{padding:20px;}
}
@media only all and (max-width:700px){
	.map_wrap .root_daum_roughmap {height:300px;}
}

/*sub82_방위산업융합과정 소개*/
.sub82_top{position: relative;}
/*.sub82_top .sub_tit{color:#fff; text-align: center; position: absolute; top:25%; left:50%; transform: translateX(-50%); z-index: 2;}*/
.sub82_top .sub_tit h2{margin:40px 0 20px;}
.sub82_top .sub_tit .txt{margin-top:35px; font-size:var(--size-18);  line-height: 1.6;}
.sub82_top_bg{min-height:300px; margin-top:50px; background:url(../img/content/sub/sub82_top_bg.jpg) no-repeat center / cover;  background-attachment: fixed; }
.sub82_list{ background:#f1f4f8; margin:60px auto; padding:70px 0 70px;}  
.sub82_list .con_box2{column-gap: 7%; }
.sub82_list .item .txt i{display: none;}
.sub82_list .item .txt h5{ font:600 var(--size-28) 'Paperlogy'; margin:30px 0 20px; line-height:1.05; }
.sub82_list .item .txt h5 span{font-size:var(--size-20); color:var(--color-bl);}
.sub82_list .item .txt p{font-size:var(--size-18); line-height: 1.4; color:#747474;}
.sub82_list .item+.item{margin-top:120px;}
.sec82_bottom{margin-bottom:70px;}
.sec82_bottom .goal_wrap{gap:15px;}
.sec82_bottom .goal_wrap li {border:1px solid #ddd; word-break: keep-all; font-size:var(--size-20); background:#fff; padding: 40px;  border-radius: 7px;}
.sec82_bottom table th, .sec82_bottom table td{padding:20px 0; font-size: var(--size-20);}
.sec82_bottom .ul_bullet{margin-top:15px;}
@media only all and (max-width:720px){
	.sub82_list .item{margin-top:20px!important;}
	.sub82_list .item .txt h5{margin:30px 0 10px;}
	.sec82_bottom .goal_wrap li{padding:20px;}
	
}


/*sub72_방위산업융합과정 커리큘럼*/
.curriculum_container h4{margin-bottom:15px;}
/* 커리큘럼 grid 디자인인 경우
.curr_wrap{column-gap:6px;}
.curr_wrap>li{border:1px solid #ddd;  padding:0 40px; aspect-ratio: 1/0.4; align-content: center; margin-bottom:6px; border-radius: 5px;}
.curr_wrap>li h5{font-size:var(--size-20); margin-top:10px;}
.curr_tags{display: flex; }
.curr_tags li{flex: 0 1 auto; padding:3px 6px; border-radius: 3px; font-size:16px;}
.curr_tags li.mate{background:#cfebff;}
.curr_tags li.indu{background:#d2f4f8;}
.curr_tags li.manag{background:#d6deff;}
.curr_tags li.core{background:#ffecd4;}
*/
.curr_table tbody tr.year_2 th{background:#effbff;}
.curr_table tbody tr.year_3 th{background:#e9f6ff;}
.curr_table tbody tr.year_4 th{background:#e6f1ff;}
.curr_table td ul li {font-size:18px; line-height:1.2;}
.curr_table td ul li+li{margin-top:16px;}
.curr_table td ul li span{font-size:16px; color:#a3a3a3; letter-spacing: 0; padding:0;}


/*sub73_방위산업융합과정 전공트랙*/ 
.sub73{margin-bottom:70px;}
.career_wrap{margin:60px 0;  color:#fff; background:url(../img/content/sub/sub73_bg.jpg) no-repeat center / cover; background-attachment: fixed; width:100%; padding:70px 0;}
.career_wrap ul{max-width:1200px; width:98%; margin:0 auto;}
.career_wrap ul li{font-size:var(--size-22); font-family:"Paperlogy"; border:1px solid #ffffff50; background:#1231404f; backdrop-filter: blur(6px); border-radius: 50%; width:100%; aspect-ratio: 1/1; text-align: center; align-content: center;}
.sub73 table th, .sub73 table td{font-size:var(--size-18); }
.sub73 table td{padding:15px 30px; text-align: left;}
@media only all and (max-width:720px){
	.sub73 .con_box4 {grid-template-columns: repeat(2, 1fr);}
}

/*sub52_교수*/
.professor .con_row+.con_row{margin-top:80px; padding-top:80px; border-top:1px solid #eee;}
.professor h4{font:600 var(--size-32) 'Paperlogy'; }
.professor .contact{margin-top:20px; column-gap: 7px; }
.professor .contact dl{font-size:var(--size-18); background: #eff2f5; padding:30px; border-radius: 7px; align-content: center;}
.professor .contact dt{font-weight:600; font-family: 'Paperlogy';}
.professor .item{margin-top:30px;}
.professor .item h5{font:500 var(--size-22) 'Paperlogy';}
.professor .item table{ border-top:1px solid #222; margin-top:12px;}
.professor .item table tr{border-bottom:1px solid #eee;}
.professor .item table th{background:#f8f8f8; font-weight:500; width:200px; border-right:1px solid #eee;}
.professor .item table th,
.professor .item table td {font-size:var(--size-18); padding:14px ; text-align: left;  }
.professor .item table td {color:#727272;}

/*sub54_전북방산클러스터*/
.sub54 .sub_tit{margin-bottom:20px;}
.sub54 .con_box2{column-gap:20px;} 
.sub54 .con_bg_gray h5{margin-top:15px;} 
.sub54 .con_item sub{color:#c2c2c2;}

/*sub77_국내학생견학*/
.sub77 .company.con_box3{column-gap: 10px; margin-top:20px;}
.sub77 .company.con_box3 li{min-height:110px; margin-top:10px; padding:20px; border:1px solid #ddd; border-radius: 15px; text-align: center; align-content: center;}


/*sub79_자격증 취득지원*/
.sub79 .con_item .ul_bullet{margin-top:15px;}
.type_wrap{column-gap: 15px; margin-top:15px;}
.type_wrap dl{background:#f8f8f8; border-radius: 15px; padding:20px; margin-bottom:15px;}
.type_wrap dl dt{border-bottom:1px solid #e1e1e1; padding-bottom:10px; }
.type_wrap dl dd ul{margin-top:10px;}


/*sub51_첨단방산우주ai융합*/
@media only all and (max-width:720px){
	.sub51 .con_item table thead{display: none;}
	.sub51 .con_item table tbody tr{display: flex; flex-flow:column; width: 300%;}
	.sub51 .con_item table tbody tr td{border-right:0; padding:0!important; }
	.sub51 .con_item table td::before, 
	.sub51 .con_item table th::before {content: attr(data-label); display: inline-block; font-weight: bold;  width: 100%; background:#f8f8f8; padding:7px 0; }
}