ol{ margin-left: 20px; }
ol li{ padding-left: 6px; }

.hyphen li{ position: relative; padding-left: 19px; }
.hyphen li:before{ content: '-'; position: absolute; left: 0; }

section { position: relative; padding-top:110px; max-width: 1500px; box-sizing: border-box; }
/* section:first-child{ padding-top: 0;} */
section:last-child{ padding-bottom: 65px; }

section .title{position:relative; width:100%; height:340px; background-repeat:no-repeat; background-position:20%; background-size:cover;}
section .title + div > .list,
section .title + .row{margin-top:30px;}
section h2 {position:absolute; bottom:30px; left:30px; display: inline-block;}
/* section h2 {display: inline-block;margin-bottom: 50px;font-size: 45px;font-weight: 700;background: -webkit-linear-gradient(325deg ,#2ccfd5 0,#077abf 100%); -webkit-background-clip: text;-webkit-text-fill-color: transparent;text-transform: capitalize} */

table{ width: auto; text-align: center; }
table, th, td{ border: 1px solid #fff; }

.row{ display: block; }
.row h3{ flex: 0 0 300px; padding-right: 15px; padding-bottom: 30px;}
.row > ul{ flex: 1; }
.row > ul > li + li{ margin-top: 50px; }
.row + .row,
.view_more_btn + .row{ margin-top: 60px; }
.row.list li + li{ margin-top: 33px; }
.row.register li{  display: inline-block; width: 32%;  padding-right: 35px; color: #989898; font-size: 12px; box-sizing: border-box; }
.row.register li span{ color: #fff; }
.row.register li p { margin-bottom: 20px; }

.list li { transition: .4s; }
.list li.is-hidden { display: none; }
.view_more_area.on{ height: calc(100%); }
.view_more_area + .view_more_area{ margin-top: 60px; }
.view_more_btn {display: block;position: relative;margin-top: 40px;bottom: 0;max-width: 1500px;width: 100%;height: 55px;border: 1px solid #fff;text-align: center;box-sizing: border-box;background: #000;text-decoration: none;z-index: 10}
.view_more_btn:hover{ text-decoration: none!important; }
.view_more_btn.hidden{ display: none; }
.view_more_btn span{ position: relative; text-transform: uppercase; padding-right: 25px; line-height: 55px; font-size: 14px; color: #fff; letter-spacing: .5em; }
.view_more_btn span:before,
.view_more_btn span:after{ content: ''; display: block; position: absolute; top: 50%; right: 8px; width: 5px; height: 1px; background: #fff; }
.view_more_btn span:before{ transform: rotate( 45deg); margin-right: 3px;}
.view_more_btn span:after{ transform: rotate( 315deg); }

.pdf_download {display:block; position: relative; bottom:0; padding:0 60px 0 30px; height:40px; border-radius:20px; text-align:center; box-sizing:border-box; background:#ab2020;text-decoration: none; z-index:10;}
.pdf_download::after{content:''; position:absolute; top:11px; right:30px; display:block; width:17px; height:15px; background:url(/images/main/icon_download.png) no-repeat 50%; background-size:contain;}
.pdf_download span{ position:relative; text-transform:uppercase; line-height:40px; font:500 14px 'NanumSquare'; color: #fff; letter-spacing:0.2em; }

.accordion{ border-top: 1px solid #fff;}
.accordion h3 {position: relative;padding: 25px 70px 25px 30px;min-height: 68px;font-weight: 500;background: #1a1a1a;border-bottom: 1px solid #717171;font-size: 20px;box-sizing: border-box;cursor: pointer}
.accordion h3 svg {position: absolute;top: 50%;right: 30px;transform: translateY(-50%) rotate(0);transition: .2s}.accordion h3.on svg {transform: translateY(-50%) rotate(-180deg)}
.accordion li > div {display: none;padding: 35px 70px 50px 50px;background: #333;border-bottom: 1px solid #4d4d4d;box-sizing: border-box}.accordion li > div > * + * {margin-top: 30px}
.accordion li figure{ vertical-align: top; }
.accordion li figure img{ max-height: 200px; }
.accordion li figcaption{ margin-top: 10px; }
.accordion li figcaption:before{ content: '< '}
.accordion li figcaption:after{ content: ' >'}
.accordion img{ max-width: 100%; }
.accordion p + p{ margin-top: 15px; }

#home{position:relative; max-width: 100%; }
#home h2{ margin: 0; font-size: 0; }
#home video{ width: 100%; }
#home img{position:absolute; left:50px; bottom:40px;}

#usrg img{ width: 100%; /*border: 20px solid #000;*/ box-sizing: border-box; }
#usrg p{ text-align: center; border-bottom:1px solid rgba(255,255,255,0.5); padding-bottom:69px; margin-bottom:69px;}
#usrg ul{ position: relative; margin-top: 71px; padding-top: 68px; border-top: 2px solid rgba(255,255,255,0.2); counter-reset: number; }
#usrg ul:before{ content: ''; display: block; position: absolute; top: 0; left: 50%; transform: translate( -50%, -8px ); width: 150px; height: 8px; background: #01438f; }
#usrg li {position: relative;counter-increment: number; padding-left: 42px}
#usrg li::before {content: counter(number);display: block;position: absolute;top: 1px;left: 0;background: #01438f;width: 26px;height: 26px;line-height: 26px;text-align: center;color: #fff;border: 1px solid transparent}
#usrg li +  li{ margin-top: 50px; }

#news .row .news_youtube{ display:flex;  justify-content:space-between;}
#news iframe{ width:32%; height:316px;}
#news .media{ padding-left: 11px; position: relative; margin-top: 50px; width: 100%; box-sizing:border-box;}
#news .media h3{ margin-bottom:0; }
#news .media h3 img{ position: relative; margin-right: 9px; top: 6px; }
#news .media div{ display: flex; justify-content: space-between; }
#news .media p{ margin-top: 18px; }
#news .media a{ display:flex; justify-content:center; align-items:center; padding:10px 100px; border: 1px solid #fff; box-sizing: border-box; line-height:1.2em; text-align:center;}
#news ul{ position: relative; width:100%; margin-top: 69px; padding-top: 69px; border-top: 1px solid rgba(255,255,255,0.5); }
#news li{ position: relative; margin-top: 9px; padding-left: 14px; }
#news li:before{ content: ''; display: block; position: absolute; top: 13px; left: 0; width: 3px; height: 3px; background: #fff; }

#publications ol,
#publications li{ list-style: decimal; line-height: 1.35; margin-top:0;}
#publications li::marker{ font-weight: bold; }
#publications li + li{ margin-top: 20px; }

#past_researches a { color: #29d1d2; }
#past_researches .accordion{ counter-reset: number 0;}
#past_researches .accordion h3{ display: flex; line-height: 1.5; }
#past_researches .accordion h3 span:before{ counter-increment: number 1; content: counter(number)'.'; position: relative; margin-right: 10px; }

#testbeds .row div{ padding: 0; text-align: center; background: #000; margin-bottom: 8px; }
#testbeds .row div img{ max-width: 100%; }
#testbeds .row.lab ul{ display:flex; flex-wrap:wrap;}
#testbeds .row.lab ul li{clear:both;}
#testbeds .row.lab ul li > div{background:none; width:calc(50% - 10px); padding:0; float:left;  margin-bottom: 0; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; height:100%;}
#testbeds .row.lab ul li > div:first-child{margin-right:20px;}
#testbeds .row.lab ul li > div > div{height:100%;}
#testbeds .row.lab ul li p{ width:50%; }
#testbeds li{ font-weight: 300; }

/* #professor .row{ flex-wrap: wrap; align-items: flex-start; }
#professor .row > img{ object-fit: none; }
#professor .row:nth-child(1){ background: red; } */
#professor {padding-top:0;}
#professor .row{overflow:hidden;}
#professor .info{width:100%;}
#professor .info_img{float:left; margin-right:50px; width:30%; max-width:260px;}
#professor .info_img img{max-width:100%;}
#professor .info_txt{float:left; width:calc(70% - 50px);}
#professor .info_txt p b{ margin-right: 15px; font-size: 24px; }
#professor .info_logo{float:left; width:calc(70% - 50px);}
#professor .info_logo ul{ display: flex; align-items: center; margin-top: 8px; }
#professor .info_logo li{margin-right: 50px;}
#professor .info_logo li:last-child{margin-right: 0;}
#professor .info_logo li img{ width: 100%; }

#professor .info + .row{padding-top:50px; clear:both;}
#professor .row > div{ flex: 1; }
#professor .row.education ul{ margin-top: 10px; }
#professor .row.education ul + h4 {margin-top: 29px;}
#professor .row.education li{ margin-top: 12px; color: #c2c2c2; }
#professor .row.education li span{ display: inline-block; margin-right: 20px; padding: 0 22px; height: 28px; line-height: 28px; background: #012f64; border-radius: 14px; color: #fff; }
#professor .row > ul > li + li{ margin-top: 9px; }
#professor .row li span{ color: #989898; font-size: 16px; }
#professor .row li span.date{ font-size: 14px; font-style: italic; }
#professor ol li{ list-style: decimal; }

#students img{ margin-bottom: 35px; max-width: 100%; width: 100%; height: 362px; object-fit: cover; box-sizing: border-box; border: 20px solid #fff; }
#students .row > ul > li + li{ margin-top: 3px;}
#students li{ vertical-align: top; font-size: 14px; color: #989898; }
#supports i{ font-style: italic;}

#teaching .row li + li{ margin-top: 10px; }
#teaching .row + .row{ margin-top: 30px; }
#teaching a { color:#29d1d2; }
#teaching a:hover{ text-decoration: underline; }

#collaboration .row h2{position:relative; left:auto; bottom:auto; margin-bottom:20px;}
#collaboration p{ font-size: 30px; font-weight: 700; }
#collaboration a{ margin-top: 14px; }
#collaboration br + a{ margin-top: 9px; }

@media all and (max-width: 1710px){
	section{ padding-right: 2vw; width: 100%; }

	.row{ display: block; }

	.tablet_hide{ display: none; }

	#testbeds .row div img{ min-width: auto; }
}

@media all and (max-width:1280px){
	section { padding-top:80px; }

	.row h3{padding-bottom:20px;}
	.row + .row, .view_more_btn + .row{ margin-top: 40px; }

	.accordion h3{ font-size: 18px; }

	.view_more_btn{ margin-top: 30px; }

	#home img{width:300px; left:30px; bottom:25px;}

	#usrg p{ padding-bottom:30px; margin:30px 0;}
	#usrg p br{ display: none; }
	#usrg ul{ margin-top: 35px; padding-top: 35px; }
	#usrg li + li{ margin-top: 25px; }

	#news ul{ margin-top: 5px; padding-top: 35px; }

	#students img{ height: 250px; }

	#collaboration p{ font-size: 24px; }
}

@media all and (max-width:1080px){
	section{ padding-left: 2vw; }

	#news .row{ flex-direction: column; }
	#news .media{ margin: 30px 0 0; width: auto; min-height: auto; }
	#news .media div{ margin-bottom: 15px; padding: 0; }

	#testbeds .row div{ padding: 15px; }

	#professor .info > img{ width: 24%; margin-right: 4.62%; }
	#professor .view_more_area > div:nth-child(2) > div p{ margin: 20px 0 0; }

	#students img{ border-width: 15px; }
}

@media all and (max-width: 900px) {
	.row.register li{ width: 49%; }

	section .title{height:280px;}
	section h2{bottom:20px;}

	#news .row .news_youtube{flex-wrap:wrap;}
	#news iframe{ width:49%; height:250px;}
}

@media all and (max-width:767px){
	section{padding-top:60px;}
	section:last-child{ padding-bottom: 30px; }
	section .title{height:240px;}
	section h2{left:3vw; bottom:4vw;}

	.row > ul > li + li{ margin-top: 30px; }

	.view_more_btn{ margin-top: 20px; height: 40px; }
	.view_more_btn span{ line-height: 40px; }

	.accordion h3{ font-size: 16px; padding: 15px 40px 15px 3vw; min-height:auto;}
	.accordion li > div{ padding: 24px 3.5vw 40px 3vw; }
	.accordion h3 svg{ right: 10px; transform: translateY( -50% ) rotate( 0deg ) scale( 0.7 ); }
	.accordion h3.on svg{transform: translateY( -50% ) rotate( -180deg ) scale( 0.7 ); }

	#home img{width:100px; left:30px; bottom:25px;}

	#news .media a{ padding:8px 50px;}

	#testbeds .row div{ padding: 10px; }

	#professor .row.education li span{margin-right: 10px; padding: 0 11px; }
	#professor .view_more_area > div:nth-child(2) > div p{ margin-top: 15px; }
	#professor .info_img{margin-right:30px;}
	#professor .info_txt{width:calc(70% - 30px);}
	#professor .info_logo{width:calc(70% - 30px);}

	#students img{ height: 200px; border-width: 10px; }
}

@media all and (max-width:640px){
	.view_more_btn span{font-size:13px;}

	#home img{left:15px; bottom:10px;}

	#news .media div{ flex-direction:column; }
	#news .media p{margin-top:0;}
	#news .media a{margin-top:20px; max-width:240px;}

	#professor .info_txt{margin-top:10px;}
	#professor .info_logo{clear:both; width:100%;}
}

@media all and (max-width:500px){
	section { padding-top:65px; }

	.row.register li{ width: 100%; }

	#news .row .news_youtube{flex-direction:column;}
	#news iframe{ width:100%; height:250px;}
	#news iframe + iframe{margin-top:10px;}

	#professor .info_logo ul{margin:15px 0;}
	#professor .info_logo li{margin-right:30px;}
}

@media all and (max-width:480px){
	section .title{height:200px;}

	#news iframe{ height:200px;}

	#professor .info_img{margin-right:0; width:100%;}
	#professor .info_txt{clear:both; width:100%; margin-top:30px;}
}

@media all and (max-width:360px){
	section .title{height:150px;}

	#news iframe{ height:180px;}

	#professor .info_img{max-width:none; width:100%;}
	#professor .info_img img{max-width:none; width:100%;}
}