@charset "UTF-8";

/* * {font-family: 'Gmarket Medium';}*/
 
 
  
.slick-arrow {text-indent: -9999px;width: 50px;aspect-ratio: 1/1;border-radius: 5px;background-size: 50% !important;z-index: 1;}
.slick-arrow.next {background: url(/sites/temp_1８/images/main/chevron-right.png) center no-repeat;}
.slick-arrow.prev {background: url(/sites/temp_1８/images/main/chevron-left.png) center no-repeat;}

@media all and (min-width: 1024px) { 
    
	.prevnext button:hover {transition: 0.3s;box-shadow: 0px 0px 20px #4242424d;}
	.prevnext button.prev:hover {}
	.prevnext button.next:hover { }
    
}

.prevnext {display: flex;}

@media all and (max-width: 1200px) { 
    
    .title-wrap {margin-bottom: 30px;}
    .title-wrap .title, .title-wrap .title span {font-size: 33px;} 
    .title-wrap .txt {font-size: 21px;width: 75%;} 
    
}
@media all and (max-width: 1024px) { 
    
    .title-wrap .txt { width: 100%;}  
    
}
@media all and (max-width:768px) {  
    
    .title-wrap .title, .title-wrap .title span {font-size: 30px;} 
    .title-wrap .txt {font-size: 19px;}
 
}
@media all and (max-width:550px) { 
    
    .title-wrap {margin-bottom: 20px;}
    .title-wrap .title,  .title-wrap .title span {font-size: 27px;} 
    .title-wrap .txt {font-size: 18px;} 
    
}
@media all and (max-width:480px) { 
    
    .title-wrap {margin-bottom: 15px;}
    .title-wrap .title,  .title-wrap .title span {font-size: 25px;} 
    .title-wrap .txt {font-size: 17px;} 
}

   

@media all and (max-width: 1200px) {
    
	#multipleDiv_temp_05_7{}
}

@media all and (max-width: 1024px) {
    
    #multipleDiv_temp_05_7{margin-top:0;}
}

@media all and (max-width:768px) { 
    
  .title_area strong,
  .album_title strong,
  .webzine_title strong{font-size:32px !important;line-height: 1.3;}
    
}


/* visual - text */
#menu18917_obj133{position: absolute !important;z-index: 1;top: 47% !important;left: 50% !important;text-align: center;width: 75% !important;box-sizing:border-box;transform: translate(-50%,-50%);max-width: 1200px;}  
 

/** 대학소개 **/
#multipleDiv_temp_05_8{background: url(/sites/temp_1８/images/main/bg.png) top center no-repeat;overflow:hidden;background-size: 100%;}

@media all and (max-width:1200px) {
    
    body #multipleContentsDiv_temp_05_8{width:auto;margin: 60px 0 !important;overflow: hidden;}
    #menu18917_obj292 {width: 100% !important;}
    
}
@media all and (max-width:768px) {
    
    #multipleDiv_temp_05_8{background:#f7f8fd;}  
    
}


/*갤러리*/ 
#multipleDiv_temp_05_9 {z-index: 0 !important;} 

 
/* 6칸 바로가기 */
#multipleDiv_temp_05_10{overflow:hidden;margin-top: -100px;} 
.scut-wrap {padding: 0 20px;max-width: 1600px;margin: 0 auto;}

.scut {display: flex;flex-wrap: wrap;border-radius: 40px;border-top-left-radius: 0 !important;border-bottom-right-radius: 0 !important;overflow: hidden;justify-content: center;}
.scut > li {width: 33.3333333%;text-align: center;padding: 22px;position: relative;z-index: 1;}
.scut > li > * {padding: 40px 20px;display: flex;justify-content: center;flex-direction: column;height: 100%;}
.scut > li .icon {width: 25px;height: 25px;margin: 0 auto;margin-top: 30px;}
.scut .line > * {border: 1px solid #ffffff4a;}


.scut .item01 {background:#464646}
.scut .item01:before {z-index: -1;content:'';position:absolute;bottom:0;right:0;background: url(/sites/temp_18/images/main/scut-icon01.png) right bottom no-repeat;width: 140px;height: 140px;background-size: contain;opacity: 0.1;}
.scut .item02 {background: url(/sites/temp_18/images/main/scut01.jpg) center no-repeat;background-size:cover;}
.scut .item03 {background:#4c8da9}
.scut .item03 .sns {display:flex;justify-content: center;margin-top: 20px;}
.scut .item03 .sns li {position: relative;padding: 0 20px;min-width: 60px;}
.scut .item03 .sns li:before {content:'';position:absolute;width: 5px;height: 5px;border-radius:50px;background: #ffffff8c;right: 0;top: 50%;transform: translateY(-50%);}
.scut .item03 .sns li:last-child:before {display:none}
.scut .item03 .sns li a {display:block; width:100%; height:100%}
.scut .item04 {background:url(/sites/temp_18/images/main/scut02.jpg) center no-repeat; background-size:cover}
.scut .item05 {background:#d99652}
.scut .item05:before {z-index: -1;content:'';position:absolute;bottom: 0px;right: 20px;background: url(/sites/temp_18/images/main/scut-icon02.png) right bottom no-repeat;width: 160px;height: 140px;background-size: contain;opacity: 0.4;}
.scut .item06 {background:url(/sites/temp_18/images/main/scut03.jpg) center no-repeat; background-size:cover}

.scut p {max-width: 80%;margin: 0 auto;color: #fff;z-index: 1;}
.scut .txt1 {/* font-family: 'Gmarket Bold'; */font-weight: bold;font-size: 28px;}
.scut .txt2 {font-size: 20px;font-family: 'Gmarket Light';font-weight: bold;margin-top: 30px;opacity: 0.9;line-height: 1.3;}
 
.scut .filter {position:relative;filter: contrast(0.8);}
.scut .filter a:before {content:'';position:absolute;top: 0;left: 0;width: 100%;height: 100%;background: #00000078;z-index: 0;}

@media all and (max-width:1200px) {
	
	#multipleDiv_temp_05_10 {margin: 50px 0;}
	.scut {border-radius: 20px;}
	.scut > li {padding: 15px;/* width: 50%; */}
	.scut > li > * {padding: 30px 10px;} 
	.scut .txt1 {font-size: 23px;}
	.scut .txt2 {font-size: 17px;margin-top: 20px;}
	.scut > li .icon {margin-top: 20px; width: 20px; height: 20px;}
	.scut .item03 .sns {margin-top:10px;flex-wrap: wrap;}
	.scut .item03 .sns li {padding: 5px 10px;min-width: 55px;}
	.scut .item03 .sns li:before {right: -2px;}
	.scut .item05:before {width: 120px; height: 110px;}
	 
}
@media all and (max-width:768px) {
	
	#multipleDiv_temp_05_10 {margin: 20px 0;} 
	.scut > li {width: 50%;padding: 13px;}
	.scut > li > * {padding: 20px 10px;} 
	.scut .txt1 {font-size: 19px;font-weight: normal;}
	.scut .txt2 {font-size: 15px;margin-top: 15px;font-weight: normal;max-width: 90%;}
	.scut > li .icon {margin-top: 15px;width: 15px;height: 15px;}
	.scut .item01:before {width: 70px;height: 70px;} 
	.scut .item05:before {width: 80px;height: 100px;right: 0;}
	
}
@media all and (max-width:550px) {
	 
	.scut > li {width: 100%;min-height: 150px;} 
	.scut .item06 img {width: 50px;}
	
}




/* go-box */
.go-box {max-width: 1600px; margin: 0 auto; display: flex; justify-content: space-between; background: linear-gradient(90deg, #16a494, #2c71bf); border-radius: 10px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; padding: 15px 100px;}
.go-box .txt {display:flex;flex-direction:column;justify-content: center;}
.go-box p {font-size: 22px;font-weight: bold;color: #fff;text-shadow: 1px 1px 7px #3b3b3bdb;line-height: 1;}
.go-box p span{color: #ffc800;}

.go-box ul {display: flex;}
.go-box ul li {}
.go-box ul li a {color: #fff;padding: 13px 30px;padding-right: 90px;background: #ffffff3d;border-radius: 50px;margin-left: 10px;position: relative;display: block;line-height: 1.2;transition: 0.3s;}
.go-box ul li a:hover {background: #ffffff75; transition: 0.3s; box-shadow: 0px 0px 5px #ffffff91;}
.go-box ul li img {position:absolute;right: 20px;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;background-size: contain;}



/** 학과 바로가기 **/ 
.go .title-wrap .title {display: inline-block;position: relative;z-index: 1;}
.go .title-wrap .title:before {position:absolute;content:'';bottom: 0;left: 0;border: 7px solid #adcfff91;width: 100%;z-index: -1;}
.wrap-direct ul {display: flex !important; flex-wrap: wrap; justify-content: space-between; padding: 0 100px;}
.wrap-direct ul li {width: 32%; margin-bottom: 30px;}
.wrap-direct ul li a {border: 1px solid #ccc;display: block;border-radius: 10px;padding: 30px 20px;display: flex;background: #fff;height: 100%;position: relative;}
.wrap-direct ul li a:before {content:'';width: 100%;height: 100%;position: absolute;left: 0;top: 0;border: 3px solid #3a76ba;border-radius: 8px;transition: 0.3s;visibility: hidden;opacity: 0;}
.wrap-direct ul li a .img{width: 100%;aspect-ratio: 1/1;margin-right: 15px;background-size: 100% !important;max-width: 50px;min-width: 40px;}
.wrap-direct ul li a .cont{    width: calc(100% - 50px);}
.wrap-direct ul li a .cont .title{font-weight: bold; margin-bottom: 10px; font-size: 22px;} 
.wrap-direct .prevnext{justify-content: space-between; top: 50%; position: absolute; width: 100%; transform: translateY(50%);}
.wrap-direct .slick-arrow {background-size: 90% !important;}
.wrap-direct .slick-next {right: 0;}
.wrap-direct .slick-prev {left: 0;}

.wrap-direct ul li:hover a:before {transition:0.3s;visibility: visible;opacity:1}

@media all and (max-width:1200px) {
	#multipleDiv_temp_05_11{ padding:70px 20px; ;}   
}

@media all and (max-width:1024px) { 
    .wrap-direct ul li {width: 49%;margin-bottom: 20px;}
	.wrap-direct ul li:nth-of-type(5), .wrap-direct ul li:nth-of-type(6) {margin-bottom:0} 
}


@media all and (max-width:768px) {
	#multipleDiv_temp_05_11{padding: 50px 0;}
    #multipleContentsDiv_temp_05_11{ } 
    .wrap-direct ul {padding: 0 50px;}
    .wrap-direct ul li { }
    .wrap-direct ul li a {padding: 20px 10px;}
    .wrap-direct ul li a .img{max-width: 40px; min-width: 30px; margin-right: 5px;}
    .wrap-direct ul li a .cont{display: table;}
    .wrap-direct ul li a .cont .title{margin-bottom: 0;display: table-cell;vertical-align: middle;word-break: break-all;font-size: 19px;color: #3c3a3a;} 
	.wrap-direct ul li a .cont .txt {display: none;} 
    .wrap-direct .slick-arrow.next {right: -10px;}
    .wrap-direct .slick-arrow.prev {left: -10px;}
}

@media all and (max-width:550px) { 
	.wrap-direct ul {}
	.wrap-direct ul li {margin-bottom:10px}
    .wrap-direct ul li a {padding: 15px 10px;flex-direction: column;} 
	.wrap-direct ul li a .img {    margin: 0 auto;    margin-bottom: 5px;}
	.wrap-direct ul li a .cont {width:100%;}
    .wrap-direct ul li a .cont .title{font-size: 16px;text-align: center;}  

	.wrap-direct .slick-arrow {width: 43px;}
    .wrap-direct .slick-arrow.next {right: -12px;}
    .wrap-direct .slick-arrow.prev {left: -12px;}
}


@media all and (max-width:480px) { 
	.wrap-direct ul li a .cont {height:100%}
	.wrap-direct ul li a .img {display:none}  
}



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




/* 갤러리, 공지 wrap*/
#multipleContentsDiv_temp_18_227 {max-width:1600px;width: 100% !important;height: auto !important;z-index: 1;}
#multipleDiv_temp_18_227 {z-index: 0 !important;}

/* 배너 */
#multipleDiv_temp_05_12 {z-index: 0 !important;}