/* subVisual */
#sv.on h3{ line-height: 1.4; }


/* lnb */
#lnb br{ display: none; }


/* top_menu */
#top_menu ul li a{ font-weight: 400 !important; }

@media screen and (max-width: 1450px){
	#lnb li a{ font-size: 1.9rem; }
	#lnb li:not(:last-child)::after{ margin: 0 20px; }
}


/* ABOUT US - Greeting */
.greeting dl{ flex-wrap: wrap; }

@media screen and (max-width: 1600px){
	.greeting .imgBox{ width: 350px; transform: translateY(-20%); }
}

@media screen and (max-width: 1400px){
	.greeting .imgBox{ transform: translateY(-42%); }
}

@media screen and (max-width: 800px){
	.greeting dl{ flex-wrap: wrap; gap: 10px 30px; }
	.greeting dl dt{ line-height: 1.5; }
}

@media screen and (max-width: 770px){
	.greeting .imgBox{ transform: translateY(-57%); }
}

@media screen and (max-width: 640px){
	.greeting .imgBox{ width: auto; transform: translateY(0); }
}


/* ABOUT US - Introduction of the Research Center */
.introduction .vision .ctnBox{ display: grid; grid-template-columns: 37.5% 25% 37.5%; align-items: center; }
.introduction .vision .ctnBox .itemBox:not(.itemBox1){ align-items: center; margin-bottom: 0; }
.introduction .vision .ctnBox .itemBox1{ grid-column: auto / span 3; }
.introduction .vision .ctnBox .itemBox2{ justify-content: flex-end; }
.introduction .vision .ctnBox .itemBox:not(.itemBox1) .txtBox{ width: calc(100% - 160px); }

.introduction .level .itemBox .txtBox{ padding: 0 100px 0 50px; }
.introduction .level .itemBox:last-of-type .txtBox{ padding-right: 0; }
.introduction .level .itemBox .txtBox li{ text-indent: -13px; margin-left: 13px; line-height: 1.5; }

.introduction .effect .ctnBox figure,
.introduction .effect .ctnBox figure img{ width: 100%; height: 100%; }
.introduction .effect .ctnBox figure{ position: absolute; top: 0; left: 0; }
.introduction .effect .ctnBox figure img{ object-fit: cover; }
.introduction .effect .ctnBox .itemBox{ min-height: 471px; border-radius: 20px; overflow: hidden; padding: 120px 0; }
.introduction .effect .ctnBox .itemBox .txtBox{ position: relative; top: unset; left: unset; z-index: 10; transform: unset; }
.introduction .effect .ctnBox .itemBox .txtBox .font25{ display: flex; justify-content: center; align-items: flex-end; min-height: 3em; line-height: 1.5; }
.introduction .effect .ctnBox .itemBox .txtBox .font17{ padding: 0 15px; }

@media screen and (max-width: 1600px){
	.introduction .effect .ctnBox .itemBox{ min-height: 430px; padding: 80px 0; }
}

@media screen and (max-width: 1400px){
	.introduction .vision .ctnBox .itemBox:not(.itemBox1) .txtBox{ width: calc(100% - 120px); }
}

@media screen and (max-width: 1300px){
	.introduction .vision .ctnBox .itemBox:not(.itemBox1) br{ display: none; }

	.introduction .effect .ctnBox .itemBox{ min-height: 350px; padding: 60px 0; }
}

@media screen and (max-width: 1200px){
	.introduction .level .itemBox .txtBox li:not(:last-child){ margin-bottom: 10px; }

	.introduction .vision .ctnBox figure.imgBox{ width: 100%; margin: 0; }
}

@media screen and (max-width: 960px) {
	.introduction .vision .ctnBox{ grid-template-columns: calc(50% - 20px) calc(50% - 20px); }
	.introduction .vision .ctnBox .itemBox1, 
	.introduction .vision .ctnBox figure.imgBox{ grid-column: auto / span 2; }
	.introduction .vision .ctnBox figure.imgBox{ margin: 40px 0; }
}

@media screen and (max-width: 768px) {
	.introduction .vision .ctnBox{ gap: 20px; grid-template-columns: calc(50% - 10px) calc(50% - 10px); }
	.introduction .vision .ctnBox .itemBox:not(.itemBox1) { width: 100%; }
	.introduction .vision .ctnBox .itemBox:not(.itemBox1) .txtBox{ width: 100%; }

	.introduction .level .itemBox .txtBox{ padding: 30px; }
	.introduction .level .itemBox:last-of-type .txtBox{ padding-right: 30px; }

	.introduction .effect .ctnBox .itemBox{ min-height: 270px; padding: 30px 0; }
}

@media screen and (max-width: 640px){
	.introduction .vision .ctnBox .itemBox:not(.itemBox1){ width: 100%; }

	.introduction .effect .ctnBox .itemBox .txtBox .font25{ margin-bottom: 10px; }
	.introduction .effect .ctnBox .itemBox .txtBox .font17{ padding: 0 10px; }
}

/* ABOUT US - Organizational Chart */
.organization section .second_line .itemBox3 > .b_border:before{ width: 83px; right: -83px; }

.organization section .second_line .itemBox .b_border p{ margin-left: 0; padding-left: 10px; position: relative; }
.organization section .second_line .itemBox .b_border p::before{ position: absolute; top: calc(1em / 2); left: 0; transform: translateY(-50%); }

.organization section .third_line3{ right: 7.5%; }

.organization section .third_line .itemBox.linkBox li{ height: auto; }
/* .organization section .third_line .itemBox.linkBox li a{ font-weight: 300 !important; } */
.organization section .third_line .itemBox.linkBox li a p{ padding-left: 10px; position: relative; }
.organization section .third_line .itemBox.linkBox li a p::before{ position: absolute; top: 0; left: 0; }

.organization section .third_line .itemBox.logoBox li a{ height: auto; }
/* .organization section .third_line .itemBox.txt a{ font-weight: 300 !important; } */

.organization section .third_line1 .itemBox.linkBox{ width: 300px; }

@media screen and (max-width: 768px){
	.organization section .third_line3{ right: unset; }
}

/* ABOUT US - Organizational Chart
.organization section .circleBox{ text-align: center; }
.organization section .second_line .itemBox .txtBox li{  text-indent: -15px; margin-left: 15px; }
.organization section .third_line .itemBox:before{ top: -196px; height: 196px; }
.organization section .third_line .itemBox.txt:before{ top: -196px; height: 196px; }

@media screen and (max-width: 1500px){
	.organization section .third_line .itemBox:before{ top: -60px; height: 60px; }
	.organization section .third_line .itemBox.txt:before{ top: -60px; height: 60px; }
}

@media screen and (max-width: 960px){
	.organization section .circleBox .back{ width: 230px; height: 230px; }
	.organization section .b_border{ font-size:17px; width: 140px; height: 55px; }
	.organization section .first_line{ gap:80px; margin-top: 50px; }
	.organization section .first_line .leftBox .borderBox{ height: 65px; }
    .organization section .first_line .leftBox .borderBox:before{ right: -17px; width: 20px; }
	.organization section .first_line .rightBox .borderBox{ height: 130px; }
	.organization section .first_line .rightBox .borderBox:before{ left: -17px; width: 40px; }
	.organization section .second_line{ margin: 80px 0 0; flex-direction: column; gap:60px; }
	.organization section .second_line .borderBox{ display:none; }
	.organization section .second_line .itemBox:not(.itemBox1) .b_border:after{ display:none; }
	.organization section .third_line{ margin-top: 30px; width: 80%; }
	.organization section .third_line .itemBox{ width: 100% !important; }
	.organization section .third_line .itemBox.linkBox li{ text-align: center; margin-left: -10px; }
	.organization section .second_line .itemBox .b_border{ width: 80%; }
	.organization section .second_line .itemBox .b_border br{ display: none; }
	.organization section .second_line .itemBox .txtBox{ width: 80%; }
	.organization section .second_line .itemBox .txtBox br{ display: none; }
	.organization section .second_line .itemBox .txtBox li{ min-height: auto; white-space: normal; }
	.organization section .second_line .itemBox .txtBox li:not(:last-child){ margin-bottom: 10px; }
	.organization section .third_line .itemBox:after,.organization section .third_line .itemBox:before,.organization section .third_line .itemBox.txt:before{ display:none; }
	.organization section .third_line .itemBox.logoBox li{ width: 100%; }
	.organization section .third_line .itemBox.logoBox li img.logo{ width: auto; }
}
*/


/* ABOUT US - Organizational Chart - Lab */
.lab section .ctnBox .slideBox .labswiper .swiper-slide .txtBox p{ line-height: 1.3; }
.lab section .ctnBox .slideBox .labswiper .swiper-slide .txtBox p span{ display: block; font-weight: 600; padding-top: 7px; }



/* ABOUT US - Directions */
.location .contents .itemBox p{ --fontsize: 2.3rem; line-height: 1.5; }
.location .contents .itemBox p span{ display: block; --fontsize: 2.5rem; margin-bottom: 20px; }


@media screen and (max-width: 750px){
	.location .contents .itemBox p br{ display: none; }
}

@media screen and (max-width: 640px){
	.location .contents .itemBox p span{ margin-bottom: 10px; }
}


/* EDUCATION - Academic Programs */
.education .program .itemBox .b_txt dl dd{ width: calc(100% - 60px); }

.education .operate .ctnBox .itemBox{ height: auto; padding: 47px 20px; }
.education .operate .ctnBox .itemBox ul li{ letter-spacing: -0.02em; }
.education .operate .ctnBox .itemBox ul li:not(:last-child){ margin-bottom: 10px; }

.education .certification .ctnBox .itemBox .txtBox ul li{ text-indent: -10px; margin-left: 10px; line-height: 1.4; }

@media screen and (max-width: 550px){
	.education .operate .ctnBox .itemBox{ width: 100%; }
	.education .certification .ctnBox .itemBox .txtBox ul li:not(:last-child){ margin-bottom: 10px; }
}


/* EDUCATION - Non-academic Programs */
.education2 .link .ctnBox .box-wrap .itemBox{ padding: 60px 20px 50px; }
.education2 .link .ctnBox .itemBox:not(.box-wrap .itemBox){ padding: 60px 20px 50px; }
.education2 .link .ctnBox .itemBox .title{ line-height: 1.5; }

@media screen and (max-width: 960px){
	.education2 .link .ctnBox .box-wrap .itemBox{ padding: 40px 10px; }
	.education2 .link .ctnBox .itemBox:not(.box-wrap .itemBox){ padding: 40px 10px; }
}

@media screen and (max-width: 800px){
	.education2 .link .ctnBox .itemBox .title br{ display: none; }
}


/* R & D - Onshore Wind Power */
.onshore .structure .ctnBox .itemBox ul li{ text-indent: 0; padding-left: 20px; margin-left: 0; position: relative; box-sizing: border-box; }
.onshore .structure .ctnBox .itemBox ul li:before{ position: absolute; top: 0; left: 0; margin-right: 0; }

.onshore .technology .ctnBox .itemBox ul li{ white-space: normal !important; letter-spacing: -0.02em; text-indent: 0; padding-left: 15px; margin-left: 0; position: relative; box-sizing: border-box; }
.onshore .technology .ctnBox .itemBox ul li::before{ position: absolute; top: 0; left: 0; margin-right: 0; }
.onshore .technology .ctnBox .itemBox:nth-of-type(odd){ padding-left: 110px; padding-right: 0; }
.onshore .technology .ctnBox .itemBox:nth-of-type(odd) ul li{ word-break: break-word; }
.onshore .technology .ctnBox .itemBox:nth-of-type(even){ padding-right: 0; }


.onshore .assignment .imgBox{ background-size: cover; }
.onshore .assignment .imgBox .txtBox .itemBox .txt{ line-height: 1.4; }

@media screen and (max-width: 950px){
	.onshore .technology .ctnBox:after{ display: none; }
	.onshore .technology .ctnBox .itemBox{ padding: 30px !important; width: 100%; height: auto; position: relative; background: #fff; }
   .onshore .technology .ctnBox .itemBox:after{ content:''; position: absolute; top: 0; right: 0; }
	.onshore .technology .ctnBox .itemBox:first-child:after{ border-bottom: 55px solid transparent; border-right: 75px solid #f27800; }
   .onshore .technology .ctnBox .itemBox:nth-child(2):after{ border-bottom: 55px solid transparent; border-right: 75px solid #f29600; }
   .onshore .technology .ctnBox .itemBox:nth-child(3):after{ border-bottom: 55px solid transparent; border-right: 75px solid #ffd635; }
   .onshore .technology .ctnBox .itemBox:last-child:after{ border-bottom: 55px solid transparent; border-right: 75px solid #ffc000; }
   .onshore .technology .ctnBox .itemBox:not(:last-child){ margin-bottom: 30px; }
}


/* R & D - Onshore2 */
.education2 .link .ctnBox .itemBox .title{ display: flex; justify-content: center; align-items: center; min-height: 3em; margin: 25px 0; }

.onshore2 .technology .ctnBox .itemBox ul li{ letter-spacing: -0.05em; }

@media screen and (max-width: 640px){
	.education2 .link .ctnBox .itemBox .title{ min-height: auto; }
}