@charset "UTF-8";

/* {font-family: 'Gmarket Medium';}*/
 


.title-wrap {text-align: center;margin-bottom: 50px;}
.title-wrap .title,  .title-wrap .title span {font-size: 40px;font-weight: bold;/* font-family: 'Gmarket Bold'; */margin-bottom: 20px;line-height: 1.3;}
.title-wrap .txt {font-size: 23px; width: 88%;margin: 0 auto;}
  

.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_17/images/main/chevron-right.png) center no-repeat;}
.slick-arrow.prev {background: url(/sites/temp_17/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 { }
    
}

a:hover {color: #0b788f;}
.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%;}  
	.title-wrap .title, .title-wrap .title span {font-size:30px}
    
}
@media all and (max-width:768px) {  
    
    .title-wrap .title, .title-wrap .title span {font-size: 28px;line-height: 1.2;} 
    .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_17/images/main/bg.png) top center no-repeat;overflow:hidden;background-size: 100%;}

@media all and (max-width:1200px) {
     
    #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;} 

 
/* 퀵 */
#multipleDiv_temp_05_10{overflow:hidden;padding: 100px 20px;background: #f7f8fd;}
.quick-pop {max-width: 1600px;margin: 0 auto;padding: 0 6px;}
.quick-pop .title-wrap {margin-bottom: 65px;}
.quick-pop .title-wrap .title {text-align: center;position: relative;padding-top: 40px;}
.quick-pop .title-wrap .title:before {content:'';position:absolute;top: 0;left: 50%;transform: translateX(-50%);width: 5px;height: 25px;background: #006275;border-radius: 50px;}
.quick-pop .title-wrap .title span {font-size: 30px; }
.quick-pop .title-wrap .title span:before {display:none}


.wrap-quick {position: relative;width: 100%;}
.wrap-quick .quick {display: flex;/* justify-content: center; */}
.wrap-quick .quick li {width: 100%;max-width: 125px;margin: 0 40px;}
.wrap-quick .quick li:last-child {margin-right:0}
.wrap-quick .quick li a {transition: 0.3s;display: block;width: 100%;height: 100%;}
.wrap-quick .quick li a .img {width: 100%;aspect-ratio: 1/1;background-color: #fff !important;box-shadow: 5px 5px 15px #e2e5f1;border-radius: 20px;/*background-size: 80% !important;*/margin: 0 auto;transition: 0.3s;}
.wrap-quick .quick li a p {margin-top: 18px;text-align: center;font-size: 18px;position: relative;letter-spacing: 0px;}
.wrap-quick .quick li a p span{position:relative;padding: 0 5px;display: block;margin-top: 5px;font-size: 16px;}
.wrap-quick .quick li a p span:first-child {font-weight: bold;font-size: 21px;margin-top: 0;display: inline-block;}
.wrap-quick .quick li a p span:first-child:before {content: '';position: absolute;width: 0;left: 0;bottom: 0;z-index: -1;transition: 0.3s;opacity: 0;border-radius: 3px;border-top: 10px solid #a6d6d6f2;bottom: 5px;border-radius: 3px;} 
.wrap-quick .quick li a p span:last-child {font-family:'Gmarket Light';font-weight:bold;}


.wrap-quick .quick li.on a span::before {width: 112%; transition: 0.3s;}
.wrap-quick .quick.slick-slider {margin: 0 100px;} 
.wrap-quick .quick.slick-slider li {max-width: initial;}
.wrap-quick .quick.slick-slider .slick-list {padding:0 !important;}
.wrap-quick .prevnext {justify-content: space-between; position: absolute; width: 100%; top: 45px;}
.wrap-quick .slick-arrow {background-size: 60% !important;width: 60px;height: 60px;border-radius: 50px;background-color: #fff;box-shadow: 0px 0px 10px #c5cad8;} 
.wrap-quick .slick-arrow.next {background-position-x: 15px;x;}
.wrap-quick .slick-arrow.prev {background-position-x: 10px;}

.wrap-quick .quick li:hover a {transition: 0.3s;transform: translateY(-8px);color: #000;}
.wrap-quick .quick li:hover a .img {transition: 0.3s;background-color: #e9f5f8 !important;}
.wrap-quick .quick li:hover a p span:before {width: 100%;transition: 0.3s;opacity: 1;}

@media all and (max-width:1200px) {  
	 
	.quick-pop .title-wrap {margin-bottom: 55px;}	
	.wrap-quick .quick {justify-content: center;} 
	.wrap-quick .quick li {margin: 0 20px;}
	.wrap-quick .quick li a p {font-size: 17px;margin-top: 12px;}
	.wrap-quick .quick.slick-slider {margin-top: 5px;} 
	
}
@media all and (max-width:1024px) {  
    
	#multipleDiv_temp_05_10{padding: 50px 20px 0;} 
    .quick-pop {margin-bottom: 50px;}	
    .quick-pop .title-wrap {margin-bottom: 40px;}
	.quick-pop .title-wrap .title {line-height: 1.3;}
	.wrap-quick {display: flex; flex-direction: column-reverse;}
	.wrap-quick .quick.slick-slider {width: calc(100% - 140px);margin: 0 auto;}
    .wrap-quick .quick.slick-slider .slick-list {padding-top: 25px;} 
    .wrap-quick .quick.slick-slider li {margin: 0 10px}
    .wrap-quick .quick li:hover a { transform: translateY(0);}
    .wrap-quick .quick li a .img {box-shadow: none;border: 1px solid #e1e8f8;}
    .wrap-quick .quick li:hover a p span:before { opacity: 0;} 
    
}


@media all and (max-width:768px) {
    
	.quick-pop .title-wrap .title span { font-size: 25px;}
	.wrap-quick .quick li {max-width: 111px;}
	.wrap-quick .quick li a p {}
	.wrap-quick .quick li a p span {font-size:15px}
	.wrap-quick .quick li a p span:first-child {font-size:18px}
	.wrap-quick .prevnext {top: 70px;}
	.wrap-quick .slick-arrow {width: 40px;height: 40px;background-size: 57% !important;}
	.wrap-quick .slick-arrow.prev {background-position-x: 6px;}
	.wrap-quick .slick-arrow.next {background-position-x: 10px;}
}

@media all and (max-width:480px) {  
	.wrap-quick .quick li a p span:first-child { font-size: 16px; }
    .wrap-quick .quick li a .img {background-size: 60px !important;}
     
 
}

.sns-wrap {max-width: 1600px;margin: 0 auto;display: flex;justify-content: space-between;padding: 10px 20px;}
.sns-wrap .title-wrap {width: 46%;display: flex;flex-direction: column;justify-content: center;margin-left: 10px;margin-right: 1px;text-align: left;}
.sns-wrap .title-wrap .txt1 {position:relative;margin-bottom: 10px;}
.sns-wrap .title-wrap .txt1:before {content:'';position:absolute;top: 50%;transform: translateY(-50%);left: 430px;width: 55%;border-top: 1px solid #adb7bf;z-index: -1;}
.sns-wrap .title-wrap .txt {margin:0}
.sns-wrap .right {width: 57%;display: flex;}
.sns-wrap .right .img-wrap {aspect-ratio:16/9;width: 100%;border-radius: 40px;max-height: 450px;overflow: hidden;transition: 0.3s;}
.sns-wrap .right .img-wrap.video {position:relative}
.sns-wrap .right .img-wrap.video:before {content:'';position:absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 80px;height: 60px;background: url(/sites/temp_17/images/main/youtube.png) center no-repeat;background-size: contain;border-radius: 10px;z-index: 1;}
.sns-wrap .right .img-wrap a {display:block;width:100%;height:100%;filter: brightness(0.8);}
.sns-wrap .right .img-wrap img {display:block; width:100%; height:100%}
.sns-wrap .right .img-wrap:hover {box-shadow: 0px 0px 13px #36363696;transition: 0.3s;}
.sns-wrap .right .sns {display: flex;flex-direction: column;justify-content: space-between;margin: 30px 0;margin-left: 40px;}
.sns-wrap .right .sns li {}
.sns-wrap .right .sns li a {text-align: center;display: block;}
.sns-wrap .right .sns li a img{min-width: 50px;height: 50px;background: #ccc;display: block;border-radius: 50px;margin: 0 auto;filter: grayscale(1);transition: 0.3s;}

.sns-wrap .right .sns li a:hover img {transition: 0.3s; filter: none;}

#multipleContentsDiv_test_459, [id*="_obj781"] {max-width: 1600px;width: 100% !important;margin-top: 30px !important;}


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

	.sns-wrap{flex-direction:column;}
	.sns-wrap > * {width: 100% !important;text-align: center !important;}
	.sns-wrap .title-wrap {margin:0}
	.sns-wrap .title-wrap > * {width: 95% !important;margin: 0 auto;}
	.sns-wrap .title-wrap .title {margin-bottom: 20px;}
	.sns-wrap .title-wrap .txt1:before {display:none}
	.sns-wrap .title-wrap .txt {font-size: 18px;font-family: 'Gmarket Light';font-weight: bold;}
	.sns-wrap .right {flex-direction:column;margin-top: 40px;}
	.sns-wrap .right .sns {flex-direction: row;justify-content: center;margin-left: 0;}
	.sns-wrap .right .sns li {margin: 0 10px;}
	.sns-wrap .right .sns li a img {filter:initial}

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


	.sns-wrap .title-wrap .txt {font-size: 16px;}
	.sns-wrap .right {margin-top:30px}
	.sns-wrap .right .img-wrap {border-radius:20px}
	
}
@media all and (max-width:550px) {

	
}



/* 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;/* flex-wrap: wrap; */}
.go-box .txt {display:flex;flex-direction:column;justify-content: center;padding: 5px 0;max-width: 460px;}
.go-box p {font-size: 22px;font-weight: bold;color: #fff;text-shadow: 1px 1px 7px #3b3b3bdb;line-height: 1.2;}
.go-box p span{color: #ffc800;}

.go-box ul {display: flex;flex-wrap: wrap;justify-content: flex-end;width: calc(100% - 470px);}
.go-box ul li {margin: 5px 3px;width: 30%;min-width: 230px;}
.go-box ul li a {color: #fff;padding: 13px 30px;padding-right: 50px;background: #ffffff3d;border-radius: 50px;position: relative;display: block;line-height: 1.2;transition: 0.3s;}
.go-box ul li:first-child {}
.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;}


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

	.go-box {border-radius: 0;padding: 30px 20px;flex-wrap: wrap;}
	.go-box .txt {width: 100%;text-align: center;padding: 0;margin-bottom: 20px;max-width: 100%;}	
	.go-box ul {justify-content: center; width: 100%; flex-wrap: wrap;} 
	
}
@media all and (max-width:768px) {

	.go-box ul li {width:48%}
	
}
@media all and (max-width:550px) {
	
	.go-box ul li {width:100%}
	.go-box p span {display:block; margin-top:2px}
	
}



/** 학과 바로가기 **/

div#multipleDiv_test_459 {background: url(/sites/temp_17/images/main/bg02.png) center center no-repeat;background-size: 100%;padding-bottom: 10px;height: auto;} 
.go {}
.go .title-wrap {}
.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) {   
}








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