@charset "UTF-8";

.visual-slogan{color:#fff;text-align: center;padding: 75px 65px;background: url('../../images/main/slogan_bg01.png') no-repeat left top, url('../../images/main/slogan_bg02.png') no-repeat left bottom;background-size: contain;max-width: 800px;margin: 0 auto;width: 100%;background-color: #000000a8;}
.visual-slogan strong{font-size: 40px;font-family: 'Noto Bold';line-height: 1.3;display: block;margin-bottom: 15px;letter-spacing: -1px;}
.visual-slogan p{font-size: 20px;color:rgba(255,255,255,0.7);letter-spacing: 0.5px;font-family: 'Noto Light';max-width: 600px;margin: 0 auto;}

#multipleContentsDiv_temp_08_7{height: 100vh;}
#multipleContentsDiv_temp_08_7 > ._objHtml{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index: 55;}

@media all and (max-width:1400px){
  .multipleDiv,
  .fp-tableCell{height:auto !important;}
  .visual-slogan{padding: 75px 0;width:600px;}

}

@media all and (max-width:1023px){
  #multipleDiv_temp_08_7{height: auto !important;}
  #multipleContentsDiv_temp_08_7{height: auto;}
  .visual-slogan strong{font-size:42px;}
  .visual-slogan p{font-size:18px;}
}

@media all and (max-width:768px){
  .wrap-visual .control{bottom:30px;}
}

/*1번째 단**/
#multipleDiv_temp_08_8{background:url('../../images/main/major_bg.png') no-repeat left center;margin-top: 65px;}
.sub-title{padding: 25px 0;font-size:36px;font-family: 'Noto Bold'; margin-bottom:60px; text-align:center; background: url('../../images/main/title_edge.png') no-repeat center top, url('../../images/main/title_edge.png') no-repeat center bottom;}
.sub-title span{color:#111;}

.sub-title.white{background: url('../../images/main/title_edge_w.png') no-repeat center top, url('../../images/main/title_edge_w.png') no-repeat center bottom;}
.sub-title.white span{color:#fff;}

/* 메인 전공소개 수정 2025-10-31 */
.major{width:1400px;margin:0 auto; padding-top:60px;}
.major-list {display: flex; flex-wrap: wrap; gap: 80px 40px;}
.major ul li{text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: calc(20% - 32px);}
.major ul li strong{display: inline-block;margin-top: 35px;font-size:26px;color:#333;font-family: 'Noto Regular';margin-bottom: 20px; position: relative; padding: 0 5px;}
.major ul li strong::before {content:''; width: 0; height: 10px; background-color: #18938d2b; position: absolute; bottom:0; left:0; border-radius: 100px; transition: 0.3s ease-in-out;}
.major ul li a:hover strong::before {width: 100%;}
.major ul li p{font-size:18px;color:#666;}
.major ul li .major_more{width:170px; margin:30px auto 0;}
.major ul li .major_more {background:url('../../images/main/major_arrow02.png') no-repeat right center;padding: 12px 0;display: block;text-align: left;font-size:16px;color:#888;font-family: 'Noto Light'; transition: 0.3s ease-in-out;}
.major ul li a:hover .major_more {color: #187a75; background:url('../../images/main/major_arrow02_hover.png') no-repeat right center;}
.major ul li .major_image img {width: 250px;}

@media all and (max-width:1400px){
  .major{width:auto; padding: 60px 20px 0;}
  #multipleDiv_temp_08_8{margin-top:0;}

  .major ul li {width: calc(25% - 30px);}
  .major ul li strong{font-size:22px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  .major ul li p{font-size:16px;}
}
@media (max-width:1024px) {
  .major-list  {gap: 50px 30px;}
  .major ul li {width: calc(33.333% - 20px);}
}
@media all and (max-width:768px){
  #multipleDiv_temp_08_9 {margin-top: 40px;}
  .major ul li strong  {font-size: 20px; margin: 20px 0 10px;}
  .major ul li p{display:none;}
  .major ul li .major_more {margin-top: 0;}
}
@media all and (max-width:650px){
    .major-list {gap: 30px;}
	.major ul li{width:100%;}
}
@media all and (max-width:550px){
  .major-list {gap: 20px;}
  .major ul li .major_image img {width: 180px;}
}

/*2번째 단**/
#multipleDiv_temp_08_9{background: url('../../images/main/ecc_bg.jpg') no-repeat left top;margin-top: 60px;background-size: cover;}
#multipleContentsDiv_temp_08_9{position: initial;padding: 60px 0 50px;}
.quick ul li{display: inline-block;vertical-align: top;width:calc(100% / 2 - 15px);margin-bottom:25px;text-align: center;border-radius: 30px 0 30px 0;padding: 37.5px 0;position: relative;}
.quick ul li:nth-child(1){background: #c4a473;}
.quick ul li:nth-child(2){background: #8d8f8e;margin-left:25px;}
.quick ul li:nth-child(3){background: #b49368;margin-bottom:0;}
.quick ul li:nth-child(4){background: #2f4a37;margin-left:25px;margin-bottom:0;}
.quick ul li a{display: block;color:#fff;}
.quick ul li img{display: block;margin:0 auto;}
.quick ul li strong{font-size:22px;display: block;margin:15px auto 0;font-family: 'Noto Regular';}
.quick ul li p{font-size:18px;color:rgba(255,255,255,0.5);font-family: 'Noto Light';}
.quick ul li span{width:50px;height: 50px;padding-top: 20px;text-align: center;position: absolute;top:0;right:0;background: #fff;}

@media all and (max-width:1400px){
 body #multipleContentsDiv_temp_08_9{width:auto; padding: 60px 20px 0;}
  .quick{text-align: center;}
  .quick ul li p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

}


/*3번째 단**/
#multipleDiv_temp_08_10{background: url('../../images/main/l_bg.jpg') no-repeat left top; overflow: hidden;}
#multipleContentsDiv_temp_08_10{padding:60px 0 0;}
.wrap-popup .slider li img {height: 185px; object-fit: fill;}

/**3번째단 레이아웃**/
.hongbo{padding:20px;min-height: 260px;text-align: center;position: relative;}
.hongbo:after{content:'';width:100%;height: 100%;background: url('../../images/main/video_bg.jpg') no-repeat left top;position: absolute;top:0;left:0;transition: all ease 0.6s;}
.hongbo:hover:after{transform: scale(1.2);}
.hongbo .inner{border:1px solid rgba(255,255,255,0.5);position: relative;z-index: 1;}
.hongbo a{display: block;padding: 150px 0 42px;}
.hongbo a span{color:#fff;font-family: 'Noto Light';font-size:18px;}
.hongbo a span:before{content:'';background:url('../../images/main/video_play.png') no-repeat left top;width:58px;height:58px;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

.bottom_banner{background: #fff;padding: 25px 15px; border: 5px solid #e1e1e1; height: 500px; overflow-y: auto;}
.bottom_banner ul li{width:calc(100% / 2 - 2px);display: inline-block;vertical-align: top;text-align: center;margin: 8px 0;}
.bottom_banner ul li img{background: #d6e5eb;border-radius: 50%;display: block;width:100px;margin:0 auto 5px;}
.bottom_banner ul li span{font-size:15px;color:#666; font-weight:bold;}

@media all and (max-width:1400px){
	#multipleDiv_temp_08_10{margin-top:0; margin-bottom: 0;}
	body #multipleContentsDiv_temp_08_10{padding:60px 20px 50px; overflow:hidden; width:auto;}
}
/*
@media all and (max-width:1023px){
	.bottom_banner ul li{width: calc(100% / 3 - 2px);}
}

@media all and (max-width:767px){
  .hongbo:after{background-size:cover;}
	.bottom_banner ul li{width: calc(100% / 2 - 2px);}
}*/

@media all and (max-width:1024px){

	.bottom_banner {margin-bottom:20px; margin-top:  30px;} 
	.bottom_banner ul {justify-content:center}
	.bottom_banner ul li {width: calc(100% / 3 - 3px);}
	
}
@media all and (max-width:768px){
	  	
	.hongbo {min-height: auto;} 
	.bottom_banner { padding:0; margin-top: 20px;}
	.bottom_banner ul {flex-wrap:wrap;justify-content: start;padding: 5px;}
	.bottom_banner ul li {background: #d6e5eb;margin: 2px;width: calc((100% - 12px) / 2); padding: 7px 0 10px;}
	.bottom_banner ul li img {display:none}
	.bottom_banner ul li span {font-size:16px}
  
} 


/**오른쪽 내비**/
.main #fp-nav.right{right:65px;}
.main #fp-nav ul li:nth-last-child(1){display: none;}
.main #fp-nav ul li a{width:11px;height:11px;margin:30px 0;}
.main #fp-nav ul li a.active{width:2px;height:23px;padding-left: 3px;}
.main #fp-nav ul li a span{background:none;border:2px solid #999;width:9px;height:9px;}
.main #fp-nav ul li a.active span{width:2px;height:23px;border:none;background:#00587a;border-radius: 0;}
.main.fp-viewing-0 #fp-nav ul li a span{border-color:#fff;}
.main.fp-viewing-0 #fp-nav ul li a.active span{background:#fff;}

@media all and (max-width:1400px){
  .main #fp-nav.right{right:15px;}
}
/*****/