@charset "UTF-8";

.title-wrap {text-align: center; margin-bottom: 50px;}
.title-wrap .title,  .title-wrap .title span {font-size: 40px; font-weight: bold;}
.title-wrap .title span{color: #004da7; position: relative;}
.title-wrap .title span:before{position:absolute;content:'';right: -10px;top: 4px;width: 8px;height: 8px;border-radius: 50px;background: #004da7;}
.title-wrap .txt {font-size: 23px;width: 80%;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_16/images/main/chevron-right.png) center no-repeat;}
.slick-arrow.prev {background: url(/sites/temp_16/images/main/chevron-left.png) center no-repeat;}
 
.prevnext {display: flex;}
.prevnext button {text-indent: -9999px;cursor: pointer;transition: 0.3s;}

@media all and (min-width: 1024px) { 
	.prevnext button:hover {transition: 0.3s;}
	.prevnext button.prev:hover {transform: translateX(-10px);}
	.prevnext button.next:hover {transform: translateX(10px);}
    
}



@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;} 
}


#multipleDiv_temp_05_7{margin-top:155px;}
#multipleContentsDiv_temp_05_7 {overflow: hidden;} 
#multipleContentsDiv_temp_05_10 {max-width: 1400px;}


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

@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;}
}
 
/** 단과대학 뉴스 **/

#multipleDiv_temp_05_8{background: url(/sites/temp_16/images/main/notice-bg.jpg) center no-repeat;overflow:hidden;background-size: cover !important;}

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

@media all and (max-width:768px) {
    #multipleDiv_temp_05_8{background:#f9f9f9;} 
	body #multipleContentsDiv_temp_05_8 { margin: 30px 0;}
}


/*커뮤니티*/
#multipleDiv_temp_05_9{padding: 150px 20px;background: #fff;} 
 
@media all and (max-width:1200px) { 
    body #multipleContentsDiv_temp_05_10{width:auto;}
    #multipleDiv_temp_05_9{padding: 70px 20px;}  
}

@media all and (max-width:768px) { 
	#multipleDiv_temp_05_9 {padding: 50px 20px;}
}

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


/** 자주찾는 메뉴 (퀵, 팝업) **/ 
/* 퀵 */
#multipleDiv_temp_05_10{background: url(/sites/temp_16/images/main/popup-bg.jpg) center no-repeat;overflow:hidden;background-size: cover !important;;padding:150px 20px;}
#menu18499_obj380 {margin-top: 0 !important;}
#menu18499_obj336 {overflow:visible !important;}
.quick-pop .title-wrap {text-align: left; margin-bottom: 15px;}
.quick-pop .title-wrap .title {text-align: left;}
.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 {margin-right: 30px;width: 100%;max-width: 95px;}
.wrap-quick .quick li a {transition: 0.3s; display: block;}
.wrap-quick .quick li a .img {width: 100%;aspect-ratio: 1/1;background-color: #eaf5fb !important;border-radius: 100px;background-size: 80% !important;margin: 0 auto;transition: 0.3s;}
.wrap-quick .quick li a p {margin-top: 14px;text-align: center;font-size: 18px;position: relative;}
.wrap-quick .quick li a p span{position:relative; padding: 0 5px;display: inline-block;}
.wrap-quick .quick li a p span:before {content: '';position: absolute;border: 7px solid #8faccc5e;width: 0;left: 50%;bottom: 0;z-index: -1;transform: translateX(-50%);transition: 0.3s;opacity: 0;border-radius: 3px;} 
.wrap-quick .quick li.on a span::before {width: 112%; transition: 0.3s;}
.wrap-quick .quick.slick-slider {margin-top: 20px;} 
.wrap-quick .quick.slick-slider .slick-list {padding-top: 10px;}
.wrap-quick .quick.slick-slider li {max-width: initial;margin-right: 15px;}
.wrap-quick .prevnext {}
.wrap-quick .slick-arrow {position: inherit;background-size: 70% !important;width: 40px;} 
.wrap-quick .slick-arrow.next {left: 40px;}
.wrap-quick .slick-arrow.prev {}

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

@media all and (max-width:1200px) { 
	#multipleDiv_temp_05_10{padding:70px 20px;background: #d9e7f4;} 
	#menu18499_obj380 {margin-top: 0 !important;width: 57% !important;}
	#menu18499_obj362 { } 
	.quick-pop .title-wrap {margin-bottom: 5px;}
	
	.wrap-quick .quick {justify-content: space-between;}
	.wrap-quick .quick li {}
	.wrap-quick .quick li a p {font-size: 17px;margin-top: 12px;}
	.wrap-quick .quick.slick-slider {margin-top: 5px;}
	.wrap-quick .slick-arrow {width: 35px;}
}

@media all and (max-width:1024px) {  
	#multipleDiv_temp_05_10{padding:50px 20px;}
	#menu18499_obj362, #menu18499_obj380 {width: 100% !important;}
    .quick-pop {margin-bottom: 50px;}	
    .quick-pop .title-wrap {margin-bottom:0}
	.quick-pop .title-wrap .title {text-align: center;line-height: 1.3;}
	.wrap-quick {display: flex; flex-direction: column-reverse;}
	.wrap-quick .quick.slick-slider {max-width: 750px;margin: 0 auto;width: 80%;}
    .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:hover a .img { box-shadow: none;}
    .wrap-quick .quick li:hover a p span:before { opacity: 0;}
	.wrap-quick .prevnext {}	
	.wrap-quick .slick-arrow {position: absolute;top: 27%;width: 60px;}
	.wrap-quick .slick-arrow.prev {left: 0;}
	.wrap-quick .slick-arrow.next {left: auto; right: 0;}
}


@media all and (max-width:768px) {  
	#multipleDiv_temp_05_10{ padding:50px 20px;} 
	.quick-pop .title-wrap .title span { font-size: 25px;}
	.wrap-quick .quick li {max-width: 80px;}
	.wrap-quick .quick li a p {font-size: 16px;margin-top: 10px;}
	.wrap-quick .slick-arrow {width: 50px; top: 34%;}
	.wrap-quick .slick-arrow.prev {left: -15px;}
	.wrap-quick .slick-arrow.next {right: -15px;}
}

@media all and (max-width:550px) {   
/*
	.wrap-quick .quick {flex-wrap:wrap;border: 1px solid #7ea4d2;border-bottom: 0;border-right: 0;border-radius: 15px;overflow: hidden;}
	.wrap-quick .quick li {width: calc(100% / 3);max-width: 100%;margin: 0;border-right: 1px solid #7ea4d2;border-bottom: 1px solid #7ea4d2;background: #4f87ca;}
	.wrap-quick .quick li a p {padding: 18px 5px;margin: 0;color: #fff;}
	.wrap-quick .quick li a .img  {display: none;}
*/
	.wrap-quick .quick { }
	.wrap-quick .quick li { }
	.wrap-quick .quick li a p { }
	.wrap-quick .quick li a .img  { }
	
}


/* sns */
#multipleDiv_test_459, #multipleContentsDiv_test_459 {overflow:hidden}
#multipleDiv_test_459 ._objWidget {position: initial !important;}
#multipleDiv_test_459 {padding:0 20px}

.sns .title-wrap {text-align: left;margin-bottom: 20px;margin-top: 15px;}
.sns .title-wrap .etc {font-size: 23px;color: #1a5fb1;font-weight: bold;} 
.sns .title-wrap .etc img {width: 26px;margin-top: 5px;margin-right: 6px;}
.sns .title-wrap .txt {font-size: 20px;margin: 0;margin-top: 10px;width: 100%;}
.sns .sns-wrap {display: flex;} 
.sns .sns-wrap li a {text-indent: -99999px;height: 40px;display: block;aspect-ratio: 1/1;border: 1px solid #ebebeb;border-radius: 50%;margin-right: 10px;background-size: cover !important;transition: 0.3s;} 
.sns .sns-wrap li:hover a {transform: translateY(-5px); transition: 0.3s;}
.sns .wrap-sns ul {display: flex;position: initial;}
.sns .wrap-sns ul li {margin-left: 30px;}
.sns .wrap-sns ul li a {width: 330px; aspect-ratio: 1/1; display: block; background-size: cover !important; border-radius: 20px;}
.sns .slick-arrow {border-radius: 5px;border: 1px solid #c2c2c2;opacity: 0.3; bottom: 0;}
.sns .slick-arrow.next {left: 60px;}
.sns .slick-arrow.prev {left: 0;}


@media all and (max-width:1200px) {
	#multipleContentsDiv_test_459{margin: 70px 0 !important;width: auto !important;}
	#menu18499_obj460, #multipleDiv_test_459 {float: initial !important;margin: 0 auto !important;width: 100% !important;height: 100% !important;}	
	#menu18499_obj461 {width: 100% !important;height: auto !important;overflow: visible;}
	
	.sns {margin-bottom: 50px;} 
	.sns .title-wrap {text-align:center;margin-top: 0;} 
	.sns .sns-wrap {justify-content: center;} 
}


@media all and (max-width:768px) {
	#multipleContentsDiv_test_459{margin: 50px 0px !important;} 
	.sns {margin-bottom: 30px;} 
	.sns .title-wrap {margin-bottom: 10px;}
	.sns .title-wrap .txt {font-size: 19px;margin-top: 3px;}
}

@media all and (max-width:550px) { 
	.sns {margin-bottom: 23px;} 
	.sns .title-wrap {}
	.sns .title-wrap .txt {font-size: 18px;margin-top: 0;}
}



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

#multipleDiv_temp_05_11{padding:150px 0;background: url('/sites/temp_16/images/main/go-bg.jpg') no-repeat left top;background-size: cover;}
#multipleContentsDiv_temp_05_11{max-width:1200px; margin:0 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;}