/********** 컨텐츠 타이틀 & 기본 텍스트 **********/

h2, h3, h4, h5, h6 { color:#111; }
h2 { font-size:44px; line-height:120%; font-weight:800; line-height:130%; }
h3 { font-size:32px; line-height:130%; font-weight:800; }
h4 { font-size:25px; position:relative; font-weight:600; }
h5 { font-size:20px; font-weight:700; }

h4, h5, h6 { line-height:140%; }

.m_tit { font-size: 42px; line-height: 1.6; font-family: var(--puradak); font-weight:400; }


.cont { font-size:17.5px; line-height:170%; font-weight:400; color:#444; }
.det { font-size:16px; line-height:150%; font-weight:400; color:#222; }

@media (max-width:1660px) {
	.cont { line-height:160%; }
}
@media (max-width:1024px) {
	h3, h4, h5 { line-height:130%; }
}
@media (max-width:767px) {
	.cont { line-height:150%; }
}





/********** 메인 비주얼 **********/
#content .main_visual { position:relative; padding-top:90px; }

.main_visual .mv_slide li { position:relative; height:calc(100vh - 90px); }
.main_visual .mv_slide picture { position:absolute; width:100%; height:100%; top:0; left:0; background:no-repeat center/cover; transform: scale(1.1);  z-index:-1; transition:transform 7s ease-out; }
.main_visual .init .slick-current picture { transform: scale(1); }

.main_visual .main_txt { position:absolute; width:100%; top:56%; transform:translateY(-50%); z-index:10; }

.main_visual .main_txt h1 { font-family:var(--roboto_c); font-size:80px; font-weight:900; color:#fff; line-height:1.1; }
.main_visual .main_txt .mv_txt { font-family:var(--inter); font-size:22px; color:#fff; font-weight:500; line-height:1.4; }




@media screen and (max-width:1660px) {
	#content .main_visual { padding-top:70px; }
	.main_visual .mv_slide li { height:calc(100vh - 70px); }
}
@media screen and (max-width:1250px) {
	#content .main_visual { padding-top:52px; }
	.main_visual .mv_slide li { height:calc(300px + 30vw); }
}
@media screen and (max-width:500px) {
	.main_visual .mv_slide .main1 { background-position:-260px center; }
	.main_visual .mv_slide .main2 { background-position:right -60px center; }
}






/* 메인 비쥬얼 선택버튼 */

.main_visual .slick-dots { position: absolute; display: block; padding: 0; margin: 0; list-style: none; left:calc((100% - 1360px)/2); top:25%; }

.main_visual .slick-dots li { position: relative; display: inline-block; height:30px; }
.main_visual .slick-dots li button { font-size: 0; display: flex; justify-content: center; align-items: center; width: 100%; height:100%; cursor: pointer; border:0; outline: none; }
.main_visual .slick-dots li:nth-of-type(n+2) { margin-left:15px; }

.main_visual .slick-dots li button:before { content:''; display:block; opacity:.5; width: 10px; height: 10px; background: #fff; border-radius: 50%; }
.main_visual .slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.main_visual .slick-dots li.slick-active button:before { opacity:1; }


@media screen and (max-width:1600px) {
	.main_visual .slick-dots { left:4%; top:20%; }
	.main_visual .slick-dots li { height: calc(11px + 1vw); }
    .main_visual .slick-dots li:nth-of-type(n+2) { margin-left:12px; }
    .main_visual .slick-dots li button:before {width: 9px; height: 9px;}
}

@media screen and (max-width:1250px) {
	.main_visual .slick-dots li:nth-of-type(n+2) { margin-left:9px; }
	.main_visual .slick-dots li button:before {width: 8px; height: 8px;}
}
@media screen and (max-width:767px) {
	.main_visual .slick-dots li button:before {width: 7px; height: 7px;}
}






/*인사말*/

#president { padding:130px 0; }

#president dl {display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;}
#president dl::before {content: ""; display: block; position: absolute; bottom: 0; left: 0; background: url(../images/president_bg.png) no-repeat left bottom; width: 560px; height: 560px; z-index: -1;}

#president dl dt {width: 30%;}
#president dl dd {width: 64%;}

#president .m_tit { line-height:140%; }

#president .sign {text-align: right; font-size: 18px; font-weight: 500; line-height: 1.7;}
#president .sign .name {margin-left: 6px;}

@media (max-width:1660px) {
    #president dl::before {width: calc(165px + 23vw); height: calc(165px + 23vw); background-size: calc(165px + 23vw);}
}
@media (max-width:900px) {
    #president dl::before {bottom: 50%; left: 50%; transform: translate(-50%, 50%);}
    #president dl dt {width: 100%;}
    #president dl dt h2 br {display: none;}
    #president dl dd {width: 100%; margin-top: calc(15px + 2vw);}
}





/* Spirit 쌍천 */

#spirit { padding:130px 0 180px; background-color:#00406c; background-image:url('/images/spirit.jpg'); background-position:right bottom; background-repeat:no-repeat; background-size:cover; }
#spirit h2 .stit { font-size:30px; }

#spirit .list { display:flex; flex-wrap:wrap; justify-content:space-between; width:calc(40% + 300px); max-width:100%; }
#spirit .list li { width:47%; }
#spirit .list li:nth-of-type(n+3) { margin-top:calc(5% + 10px); }
#spirit .list h4 { font-size:26px; color:#fff; line-height:1.3; }
#spirit .list .line { margin:20px 0; border-top:2px solid #fff; }
#spirit .list .cont { font-size:17px; color:#fff; line-height:150%; }

@media screen and (max-width:840px) {
	#spirit .list { width:100%; }
}
@media screen and (max-width:540px) {
	#spirit { background-position:right -100px bottom; }
	#spirit .list li { width:100%; }
	#spirit .list li:nth-of-type(n+2) { margin-top:calc(5% + 10px); }
	#spirit .list .line { border-width:1.4px; }
}




/*레거시*/

#legacy { padding:130px 0; }
#legacy .legacy_list {display: flex; flex-wrap: wrap; justify-content: space-between;}
#legacy .legacy_list > li {width: 47%; display: flex; justify-content: space-between;}
#legacy .legacy_list > li:nth-of-type(n+3) {margin-top: 75px;}
#legacy .legacy_list > li .number {width: 20%;}
#legacy .legacy_list > li .number .num {font-size: 106px; color:#efeff2; font-family: var( --roboto_c); font-weight: 900; transform:translateY(-7%);}
#legacy .legacy_list > li .con {width: 77%;}

#legacy h5 {font-size: 22px; line-height: 1.5; font-family: var(--puradak); font-weight:400; }

#legacy .legacy_list > li .con h4 { font-size: 26px; font-weight: 700; }
#legacy .legacy_list > li .con .line {border-bottom: 3px solid var(--mc); width: 35px;}
#legacy .legacy_list > li .con .cont {color:#666; font-size:17px; }

@media (max-width:1660px) {
    #legacy .legacy_list > li:nth-of-type(n+3) {margin-top: calc(18px + 3.3vw);}
    #legacy .legacy_list > li .con .line {width: calc(13px + 1.3vw);}
}
@media (max-width:1024px) {
    #legacy .legacy_list > li {width: 48%;}
    #legacy .legacy_list > li .con {width: 75%;}
    #legacy .legacy_list > li .con .line {border-width: 2px;}
}
@media (max-width:767px) {
	#legacy .legacy_list > li {width: 100%;}
    #legacy .legacy_list > li:nth-of-type(n+2) {margin-top: calc(18px + 3.3vw);}
    #legacy .legacy_list > li .number {width: calc(58px + 3.3vw);}
    #legacy .legacy_list > li .con {width: 87%;}
}



/*ai 로보틱스*/

#ai {background:var(--lc); padding: 130px 0;}
#ai .ai_list { display: flex; flex-wrap: wrap; justify-content: space-between;}
#ai .ai_list > li { width: 30.5%; }
#ai .ai_list .img { height:354px; background-position:center; background-repeat:no-repeat; background-size: cover; border-radius: 16px;}
#ai .ai_list h3 { font-size: 24px; color: var(--mc); font-weight: 700; line-height:130%; }
#ai .ai_list .cont { font-size: 17px; line-height: 160%; color:#616161; margin-top:15px; }

@media (max-width:1660px) {
	#ai .ai_list .img { height:calc(200px + 9vw); }
}
@media (max-width:1400px) {
    #ai .ai_list > li { width: 31%; }
    #ai .ai_list .cont { margin-top:10px; }
    #ai .ai_list .cont br {display: none;}
}
@media (max-width:900px) {
    #ai .ai_list > li { width: 100%; }
    #ai .ai_list > li:nth-of-type(n+2) {margin-top: calc(20px + 5vw);}
    #ai .ai_list .img { width: calc(400px + 10vw); max-width:100%; margin: 0 auto;}
    #ai .ai_list h3 { text-align:center; }
    #ai .ai_list .cont { margin-top:8px; }
}



/*프로그램*/

#programs { padding: 130px 0; }
#programs .swrap {display: flex; justify-content: space-between; flex-wrap: wrap;}
#programs .img {width: 42%; background: no-repeat center/cover;}
#programs .con {width: 51%;}

#programs .con h3 {font-size: 28px; color:var(--mc); font-weight: 700;}
#programs .con .cont {color:#616161;}

@media (max-width:900px) {
    #programs .img {width: calc(400px + 17vw); height: calc(150px + 26vw); margin: 0 auto; background-position: center; /*border-radius: 16px;*/}
    #programs .con {width: 100%; margin-top: calc(20px + 3vw);}
    #programs .con h2 { text-align:center; }
}




/*R&I 리서치*/
#research {padding: 120px 0 150px 0; background: no-repeat center bottom #0b2463; background-size:cover; }
#research h2 {color: #fff; line-height: 1.6; }
#research * {box-sizing: border-box;}
#research .ri_list {display: flex; flex-wrap: wrap; margin: -1.1%;}
#research .ri_list > li {width: 50%; padding: 1.1%;}
#research .ri_list > li .box {padding: 40px 48px; background: rgba(255,255,255,.25); backdrop-filter:blur(10px); height: 100%;}
#research .ri_list > li .box * {color:#fff;}
#research .ri_list > li .box h3 {font-size: 26px; line-height: 1.3; font-weight: 600;}
#research .ri_list > li .box p {font-size: 17px; line-height: 1.5; font-weight: 300; letter-spacing:0.01em; }

@media (max-width:1660px) {
	#research { background-size:calc(700px + 60vw); }
}
@media (max-width:700px) {
    #research .ri_list > li {width: 100%;}
}
@media (max-width:500px) {
	#research { background-position:-460px bottom; }
}



/* Campus */

#campus { padding:130px 0; }
#campus .list { display:flex; flex-wrap:wrap; justify-content:space-between; }
#campus .list > li { width:25%; padding:0 40px; border-left:1px solid #ddd;  }
#campus .list h4 { font-size:22px; line-height:1.2; color:var(--mc); }
#campus .list .cont { font-size:17px; line-height:1.5; }

@media screen and (max-width:1660px) {
	#campus .list > li { padding:0 calc(20px + 1vw); }
	#campus .list .icon img { height:calc(50px + 2vw); }
}
@media screen and (max-width:1023px) {
	#campus .list > li { width:48%; padding:0; border:0; }
	#campus .list > li:nth-of-type(n+3) { margin-top:calc(25px + 2vw); }
}
@media screen and (max-width:500px) {
	#campus .list > li { width:100%; }
	#campus .list > li:nth-of-type(n+2) { margin-top:calc(25px + 2vw); }
	#campus .m_tit, #campus .list .icon, #campus .list h4 { text-align:center; }
}



/* Join */

#footer .cont { opacity:.8; }