@import url("/common/css/layout.css");
@import url("layout_ctm.css");

h3.heading { font-weight: 900; font-size: 1.8rem; color:#111;}
section:not(.section05){ background:#fff;}
section .container{ max-width: 80rem; padding: 0 1rem;}
section .tit_wrap p{ word-break: keep-all;}

/* show animation */
*[class*="mt-act"]{opacity: 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;}
*[class*="mt-act"][class$="-left"]{transform: translateX(-50px); -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); -moz-transform: translateX(-50px);}
*[class*="mt-act"][class$="-right"]{transform: translateX(100px); -webkit-transform: translateX(100px); -ms-transform: translateX(100px); -moz-transform: translateX(100px);}
*[class*="mt-act"][class$="-top"]{transform: translateY(-30px); -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -moz-transform: translateY(-30px);}
*[class*="mt-act"][class$="-bottom"]{transform: translateY(50px); -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -moz-transform: translateY(50px);}
.action *[class*="mt-act"]{opacity: 1;}
.action *[class*="mt-act"][class$="-left"],
.action *[class*="mt-act"][class$="-right"]{transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px);}
.action *[class*="mt-act"][class$="-top"],
.action *[class*="mt-act"][class$="-bottom"]{transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px);}
.action *[class*="mt-act1"]{transition-delay: 0.2s; -webkit-transition-delay: 0.2s;}
.action *[class*="mt-act2"]{transition-delay: 0.4s; -webkit-transition-delay: 0.4s;}
.action *[class*="mt-act3"]{transition-delay: 0.6s; -webkit-transition-delay: 0.6s;}
.action *[class*="mt-act4"]{transition-delay: 0.8s; -webkit-transition-delay: 0.8s;}
.action *[class*="mt-act5"]{transition-delay: 1s; -webkit-transition-delay: 1s;}
.action *[class*="mt-act6"]{transition-delay: 1.2s; -webkit-transition-delay: 1.2s;}
.action *[class*="mt-act7"]{transition-delay: 1.4s; -webkit-transition-delay: 1.4s;}
.action *[class*="mt-act8"]{transition-delay: 1.6s; -webkit-transition-delay: 1.6s;}
.action *[class*="mt-act9"]{transition-delay: 1.8s; -webkit-transition-delay: 1.8s;}
.action *[class*="mt-act10"]{transition-delay: 2s; -webkit-transition-delay: 2s;}

/* .swiper-control .swiper-button-prev, 
.swiper-control .swiper-button-next,
.swiper-control .pause { margin: 0 !important; padding: 0 !important; background: none !important; display: inline-flex !important; align-items: center; justify-content: center; width: 2.5rem !important; height: 2.5rem !important; color: #000 !important; position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; border-radius: 50% !important; border: 1px solid #000 !important; } */
.swiper-control .pause .ri-play-fill { display: none; }
.swiper-control .pause.play .ri-play-fill { display: block; }
.swiper-control .pause.play .ri-pause-line { display: none; }

.section h3{font-size:1.5rem; font-weight: 700; color:#000;}
.section h3 em{font-weight: 700; color:#00969a;}

/* section_sm02 */
.section_sm02{position:relative; padding:4.25rem 0 3rem;}
.section_sm02:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:13.5rem; background:#ccc url('/images/web/smile/main/pttrn_section05.png'); z-index: 1; }
.section_sm02:after{content:""; position:absolute; right:50%; top:2rem; margin-right:-35rem; width:240px; height:264px; background:url('/images/web/smile/main/bg_section05.png') no-repeat center/cover; z-index: 0; transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; }
/** section_sm02 : active **/
.section_sm02.action:after{top:0;}

/* 퀵메뉴 */
.quickMenu{border-radius: 1rem 0 0 1rem; overflow: hidden; position:fixed; right:0; top:142px; width:6.1rem; text-align:center; background:#fff;  z-index:998; transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all .3s;}
.quickMenu a{display:block; padding:.5rem 0; font-size:.75rem; font-weight:400;}
.quickMenu h3{ background:#01aeb2 url(/images/web/smile/main/quickMenu_ico.png) no-repeat left top; color:#fff; font-weight: 700; font-size:.9rem; padding:1.15rem 0;}
.quickMenu ul{border:1px solid #dcdcdc;}
.quickMenu li + li{border-top:1px solid #ddd;}
.quickMenu li a{font-size:0.7rem; font-weight:600; color:#333;}
.quickMenu li a:hover{color:#00969a;}
.quickMenu .moveTop{width: 100%; height: 2rem; background:#868c97; color:#fff; line-height: 1rem;}
.quickMenu .moveTop i{display: none;}


/* ----------------section01---------------- */

.section01 .container{ position: relative; display: flex; }
.section01 .container > *{flex-shrink: 0;}

/* 선문대 메인 비주얼 */
.visualWrap { position: relative; height: calc(770px + var(--headerMenu)); padding-top: var(--headerMenu); margin-top: var(--headerMenuReverse); }
.visualWrap .container { display: flex; flex-wrap: wrap; width: 100%; max-width: 100% !important; padding:0; margin: 0 auto; position: relative; z-index: 1; background:#062E86; border-bottom-right-radius: 60px; overflow: hidden;}
/* .visualWrap .container:before { position: absolute; content: ""; background: url('/images/web/education/main/visual_bg.jpg') no-repeat left bottom; width: 100%; height: 100%; background-size: contain; left: 0; bottom: 0; opacity: 0.04; } */
/* .visualWrap .container:after { content:""; position:absolute; right: 0; top: 0; width: 200vw; height: 100%; z-index: -1;} */
.visualWrap .container > img { position: absolute; left: 0; bottom: 0; font-size: 0; line-height: 0; }
.visualWrap .visual{ position:relative; width: 100%; margin:0 auto;}
.visualWrap .visual:before{ position: absolute; content: ""; background: url('/images/web/education/main/bg_ci.png') no-repeat left bottom; width: 558px; height: 153px; background-size: cover; left: 0; bottom: 0; opacity: 0.1; transition: all 0.2s;}
.visualWrap .visual .bg { width: calc(100% - 21.5rem); max-width: 81.35rem; height: 770px; border-radius: 60px 0 60px 0; overflow: hidden; position: relative; z-index: 1; float: right;}
.visualWrap .visual .bg img { width: 100%; height: 100%; object-fit: cover; }
.visualWrap .sloganWrap { position: absolute; left:50%; transform: translateX(-50%); top: 125px; width: 100%; max-width: 80rem; height:calc(100% - 400px); z-index: 2; color: #fff; display: flex; flex-direction: column; justify-content: space-between; }
.visualWrap .slogan .text span { letter-spacing: 3px; }
.visualWrap .slogan .text > span { font-size: 1.2rem; font-weight: 600; }
.visualWrap .slogan .title { position: relative; font-size: 3.5rem; font-weight: 700; line-height: 1.2; margin: 1.25rem 0 2.25rem; word-break: keep-all; }
.visualWrap .slogan .text p.desc { font-size: 1.2rem; font-weight: 500; }
.visualWrap .slogan .title .txt { position: absolute; left: 0; top: 0;  }
.visualWrap .slogan .title .normal { position: relative; color: #fff; z-index: 1; }
.visualWrap .slogan .title .shadow { color: #fff; z-index: 2; text-shadow: 0px 3px 5px rgba(0,0,0, 1); }
.visualWrap .slogan .title .desc{ word-break: keep-all; }
.visualWrap .swiper-slide {position: relative; width: 100%; }
.visualWrap .swiper-control {  z-index: 2; display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; }
.visualWrap .swiper-control button{display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; color: #000; position: relative; top: auto; bottom: auto; left: auto; right: auto; border-radius: 50%; border: 1px solid #000;}

.visualWrap .swiper-control button .ri-play-fill { display: none; }

.visualWrap .swiper-control button.play .ri-pause-line { display: none; }
.visualWrap .swiper-control button.play .ri-play-fill { display: block; }

.visualWrap .swiper-control .count { display: flex; align-items: center; gap: 0.5rem; color: #fff; }
.visualWrap .swiper-control .count .current-num,
.visualWrap .swiper-control .count .all-num { font-size: 0.9rem; font-weight: 600; }
.visualWrap .swiper-control .count .centerBar { height: 1px; width: 1.5rem; background: #fff; }
.visualWrap .swiper-control .cntBtn { display: flex; gap: 0.5rem; }
.visualWrap .swiper-control .cntBtn button { font-size: 1rem; color: #fff; border-color: #fff; }

/* ----------------//section01---------------- */

/* ----------------section02---------------- */

.section02 .container{display: flex;}
.section02 .container > *{flex-shrink: 0;}
.section02 .notice01{padding: 2.5rem 0 0;}
.section02 .notice01:before{border-radius: 0;}
.section02_02 .notice01:before{border-radius: 0 0 100px 0;}
.notice01{ position:relative; width: 100%; display: flex; gap: 1rem 2.5rem; padding:4.5rem 0 3.5rem; z-index:
0;}
.notice01:before{ content:""; position:absolute; top: 0; right:calc(100% - 26rem); width: 100%; height: 100%; background:#F0F3FA; border-radius: 0 40px 100px 0; z-index: -1;}
.notice01 .tit_wrap{ display: flex; gap: 1rem; margin-top: 2rem; flex-direction: column; align-items: start;}
.notice01 .tit_wrap p{ color:#5E5E5E; font-size: 0.75rem;}
.notice01 h3{ line-height: 1; }
.notice01 h3 img{display: inline-block; margin-right: 0.5rem; vertical-align: middle;}
.notice01 .slider{ flex: 1; min-width: 0px;}
.notice01 .slider a{ position:relative; display: block;}
.notice01 .slider a:before{ content:""; position:absolute; width: 100%; height: 100%; left: 10px; top: 10px; background:#f2f2f2; border-radius: 1rem; z-index: -1;  transition: all 0.3s;}
.notice01 .slider a .inr{ position:relative; border-radius:1rem; border: 1px solid #ccc; background:#fff; padding: 2rem 1.5rem 2rem; transition: all 0.3s; z-index: 1;} 
.notice01 .inr strong{ display: block; font-size: 1rem; font-weight: 700; color:#000;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 1rem;}
.notice01 .inr .info p{ line-height: 1rem; display: flex; gap: 0.3rem; margin: 0.5rem 0;}
.notice01 .inr .info p span{ white-space: nowrap; font-weight: 600; color:#000}
.notice01 .inr .state{ position:absolute; right: 1rem; bottom:1rem; width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; color:#fff; border-radius: 50%;}
.notice01 .inr .state.ing{ background:#D7003F}
.notice01 .inr .state.fin{ background:#818181}
.notice01 .inr .state.wait{ background:#062E86}
.notice01 .swiper-control{ display: flex; align-items: center;}
.notice01 .progressbar{ flex: 1; min-width: 0px; position:relative;}
.notice01 .swiper-pagination{ width: 100%; height: 3px; background:#ccc;}
.notice01 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#233C97;}
.notice01 .cntBtn{ position:relative; z-index: 1; display: flex; align-items: center;}
.notice01 .swiper-control button{ position:relative; width: 2rem; height: 2rem; border-radius: 50%; line-height: calc(2rem - 4px); text-align: center; border:2px solid #ddd; background:#fff; color:#aaa; transition: all 0.2s; box-shadow: 1px 1px rgba(0,0,0,0.2);}
.notice01 .swiper-control button i{ line-height: 1;}
.notice01 .swiper-control button:hover,
.notice01 .swiper-control button:focus{ background:#3156CC; color:#fff; border-color:#CBD4F2; outline:2px solid #CBD4F2}

.notice01 .slider a:hover .inr,
.notice01 .slider a:focus .inr{ transform: translate(-10px, -10px); border-color: transparent;}
.notice01 .slider a:hover:before,
.notice01 .slider a:focus:before{ background:url('/images/web/education/main/pattern_slide.png')}

.notice01 .btn_more{ min-width: 9rem; height: 2.25rem; display: flex; align-items: center; justify-content: space-between; color:#fff; padding: 0 1rem; margin-top: 0.5rem; font-weight: 600; border-radius: 1.5rem; background:#002751; border:1px solid transparent; transition: all 0.15s; }
.notice01 .btn_more i{ font-weight: 400;}
.notice01 .btn_more:hover,
.notice01 .btn_more:focus{ background:#fff; border-color:#002751; color:#002751;}
@media (min-width: 1241px){

	.notice01 .tit_wrap{ width: 12.5rem; }
	.notice01 .swiper-wrapper{ display: flex ; gap: 2rem;}
	.notice01 .swiper-wrapper .swiper-slide{ width: calc((100% - 8rem) / 3); }
	.notice01 .swiper-wrapper .swiper-slide:nth-child(n + 4) { display: none; }
	.notice01 .swiper-control{ display: none;}
}
/* ----------------//section02---------------- */


/* ----------------section03---------------- */

.section03{padding: 2.5rem 0 3rem;}
.section03 .container{display: flex; flex-wrap: wrap; gap: 3rem;}
.section03 .container:after{ display: none;}
.section03 .container > *{flex-shrink: 0;}
.section03 .btn_more{ position:absolute; right: 0; top: 0; min-width: 5rem; height: 2rem; display: flex; align-items: center; gap: 0.25rem; justify-content: space-between; color:#000; padding: 0 0.75em; font-size: 0.7rem; border-radius: 1rem; background:#EDEDED; border:1px solid transparent; transition: all 0.15s; }

/* 바로가기 */
.m_link01{ width: 100%; z-index: 5;	position: relative;}
.m_link01 ul{position:absolute; display: flex;width: 100%;max-width: 1500px;margin-top: -7rem;background: #fff;border-radius: 1.2rem 0 0 1.2rem; 
	box-shadow: rgba(0, 0, 0, 0.11) 0.5rem 0.5rem 1.5rem;	word-break: keep-all;flex-wrap: wrap;right: 0;}
.m_link01 li{ position:relative; flex: 1; min-width: 0px; padding: 1.2rem 0.8rem;}
.m_link01 li:nth-child(1){ border-radius: 1.2rem 0 0 1.2rem;}
.m_link01 li + li:before{ content:''; position:absolute; left:0 ;top: 15%; height: 70%; border-left: 1px solid #ebebeb;}
.m_link01 li a{ min-height: 100%; display:flex; flex-direction: column; word-break: keep-all; text-align: center;}

.m_link01 li  img{ position:relative;transition: all 0.3s; width: 58%;}
.m_link01 li .txt{ flex: 1; color: #666; margin-bottom: 1rem;}
.m_link01 li strong{ display: block; color:#111; font-size:1.1rem; font-weight:700;}
.m_link01 li span{ font-size:0.7rem;}
.m_link01 li .tit{ position: relative; display: inline-block; background: #f3f3f3; border-radius: 1rem;  border: 1px solid #eee;letter-spacing: -1px; padding: 0.2rem 0.5rem; transition: all 0.3s; margin-top: 10px;}
.m_link01 li span.cate{ color:#2042D9;}
.m_link01 li span.more{ display: flex; justify-content:space-between; line-height: 1.5rem; width: 5rem; padding: 0 0.5rem; border-radius: 1rem; border: 1px solid #ccc; transition: all 0.s;}
/** 바로가기 : active **/
.m_link01 li:hover{background: #f9f9f9;}
.m_link01 li:hover .tit{color:#002751; font-weight: 600; background: #fff;}

.m_link01 li:hover .tit, .m_link01 li:focus .tit{transform: translateY(-.2rem); -webkit-transform: translateY(-.2rem); -ms-transform: translateY(-.2rem);}
.m_link01 li:hover img, .m_link01 li:focus img{transform: translateY(-.5rem); -webkit-transform: translateY(-.5rem); -ms-transform: translateY(-.5rem);}



 /* 뉴스 */
.notice02{ position:relative; flex: 4; min-width: 0px;}
.notice02 .top_noti{ display: block; padding: 1rem 0 2.35rem; border-bottom: 1px solid #CCCCCC; }
.notice02 .top_noti dl{ position:relative; padding-left: 6rem; min-height: 5rem; }
.notice02 .top_noti dt{ font-size: 1rem; font-weight: 700; margin-bottom: 0.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.notice02 .top_noti dd.txt{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; height: 2rem; font-size: 0.75rem; line-height: 1rem; }
.notice02 .top_noti dd.date{ position:absolute; left: 0; top: 0; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; text-align: center; width: 5rem; height: 5rem; border-radius: 0.5rem; order: -1; background:#062E86; color:#fff;}
.notice02 .top_noti dd.date strong{ order: -1; display: block; width: 100%; font-size: 1.5rem; font-weight: 900; line-height: 1;}
.notice02 ul li { padding: 1rem 0; border-bottom: 1px dashed #ccc;}
.notice02 ul li:nth-of-type(n+5){ display: none;}
.notice02 ul li a{display: flex; align-items: center; gap: 1rem;}
.notice02 ul li a em{ min-width: 3.5rem; font-size: 0.75rem; padding: 0 0.5rem; border-radius: 1rem; line-height: 1.5rem; text-align: center; border: 1px solid #7E8AA6; color:#606F91; }
.notice02 ul li a p{ min-width: 0px; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/** 뉴스 : active **/
.notice02 ul li a:hover p,
.notice02 ul li a:focus p{ text-decoration: underline;}
.section03 .btn_more:hover,
.section03 .btn_more:focus{font-weight: 700;}

/* 선문뉴스 */
.photo{position: relative; flex: 3; min-width: 0px;}
.photo h3{ margin-bottom: 0.75rem;}
.photo .box_con a{display: flex; gap: 1rem; flex-wrap: wrap; }
.photo .box_con a .img{flex-shrink: 0; width: 100%; height: 18.75rem; border-radius: 1rem; overflow: hidden; background:#f8f8f8;}
.photo .box_con a .img img{display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.photo .box_con a strong{ text-align: center; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1rem; width: 100%; }

/* 선문뉴스 : active */
.photo .box_con a:hover .img img,
.photo .box_con a:focus .img img{transform: scale(1.1);}
.photo .box_con a:hover strong,
.photo .box_con a:focus strong{text-decoration: underline;}

/* ----------------//section03---------------- */

/* ----------------section04---------------- */
.section04{ position: relative;}
.section04 .container:before{ content:""; position:absolute; left:0; top: 0; width: 200vw; height: 100%; background:#246FC0; border-radius: 100px 0 0 0;}

.section04 .slider_text { position:absolute; left:0; bottom:0; overflow: hidden; width: 100%; white-space: nowrap; pointer-events: none; z-index: 0; line-height: 1;}
.section04 .slider_track { display: inline-flex; width: max-content; animation: marquee 50s linear infinite; will-change: transform;}
.section04 .slider_track span { padding-right: 80px; font-size: 7rem; font-weight: 900; letter-spacing: 25px; color: rgba(255,255,255,0.08); }
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* 포토갤러리 */
.gallery{ position: sticky; top: 160px; height: calc(100vh - 160px); display: flex; justify-content: space-between; gap:1rem 2rem; z-index: 1;}
.gallery .tit_wrap{ position:relative; margin: 10% 2rem 0 5rem; color: #fff; }
.gallery .tit_wrap h3{ font-size: 1.8rem; color:#fff; line-height: 1.2; }
.gallery .tit_wrap p{ font-size: 1rem; margin: 1rem 0 2rem; }
.gallery .box_con{ position:relative; flex: 1; max-width: 43rem; min-width: 0px; height: calc(100vh - 160px); overflow-y: auto; z-index: 1; padding: 3rem 1rem;  -ms-overflow-style: none;} 
.gallery .box_con::-webkit-scrollbar { display: none;}
.gallery .box_con .swiper-slide a{ display: block; background:#fff; border-radius: 0.5rem; padding: 1rem; box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3);}
.gallery .box_con a .img{flex-shrink: 0; width: 100%; height: 12rem; border-radius: 0.45rem; overflow: hidden;}
.gallery .box_con a .img img{display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.gallery .box_con a strong { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; height: 3rem; font-size: 1rem; line-height: 1.5rem; color:#000; font-weight: 600; margin: 1rem 0.25rem 0.5rem; }
.gallery .box_con a span{ font-size: 0.8rem; color:#5E5E5E; text-align: right; display: block;}

.gallery .box_con a:focus strong,
.gallery .box_con a:hover strong{ text-decoration: underline; color:#096775;}

.gallery .btn_more{ position:relative; display: flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; color:#096775; border-radius:0.25rem; background:#fff; transform: rotate(45deg); transition: all 0.3s;}
.gallery .btn_more:before{ content:""; position:absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 0.25rem; background:rgba(255,255,255,0.5); transform: rotate(-30deg); transition: all 0.3s;}
.gallery .btn_more i{ transform: rotate(45deg); font-size: 1rem;} 

.gallery .box_con button{ position:absolute; top:calc(50% - 1.75rem); width: 2.5rem; height: 2.5rem; border-radius: 50%; line-height: calc(2rem - 4px); text-align: center; border:1px solid #ddd; color:#fff; transition: all 0.2s; box-shadow: 1px 1px rgba(0,0,0,0.2); z-index: 10;}
.gallery .box_con button i{ line-height: 1;}
.gallery .box_con button.swiper-button-next{ right:0rem; }
.gallery .box_con button.swiper-button-prev{ left:0rem; }
.gallery .box_con button:hover,
.gallery .box_con button:focus{ background:#fff; color:#3156CC; }

.gallery .btn_more:hover,
.gallery .btn_more:focus{ transform: rotate(-45deg);}
.gallery .btn_more:hover:before,
.gallery .btn_more:focus:before{ transform: rotate(30deg);}

@media (min-width: 1241px){

	.gallery .swiper-wrapper { display: flex; flex-wrap: wrap; padding: 3rem 0; }	
	.gallery .swiper-slide{ width: calc(50% - 1.5rem); height: auto;}
	.gallery .swiper-slide:nth-child(even){ margin-top: 5rem; margin-left: 3rem;}

	.gallery .control{ display: none;}
}
@media (min-width: 361px){

	.gallery .tit_wrap h3 br{ display: none;}
}


/* ----------------//section04---------------- */


/* ----------------section05---------------- */

.section05:before{ content:""; position:fixed; left:0; top:0; width: 100%; height:100vh; background:url('/images/web/education/main/bg_univInfo.png') no-repeat center; background-size: cover;  z-index: -1;}

/* 선문통계 */
.univInfo{padding: 4.5rem 0; color: #fff; word-break: keep-all;}
.univInfo .titBox{ text-align: center; margin-bottom: 1.75rem;}
.univInfo .titBox h3{ font-size: 1.8rem; line-height: 1.2; color: #fff; }
.univInfo .titBox p{font-size: 1rem; }
.univInfo ul{display: flex; border-radius: 0.5rem; }
.univInfo ul li{flex: 1; text-align: center; position: relative;}
.univInfo ul li a{display: block; padding: 3.5rem 0.5rem; }
.univInfo ul li a img{display: block; margin: 0 auto; transition: all 0.3s;}
.univInfo ul li a p{display: flex; flex-direction: column; align-items: center;}
.univInfo ul li a p span{ position: relative; font-size: 1rem; z-index: 1; font-weight: 600;}
.univInfo ul li a p span em{font-size: 2rem; font-weight: 700; transition: all 0.3s;}
.univInfo ul li a p strong{ padding: 0 1rem; word-break: keep-all;}

/* 선문통계 : active */
.univInfo ul li a:hover img,
.univInfo ul li a:focus img{ transform: rotateY(180deg); }

/* ----------------//section05---------------- */

/* banner */
.bnWrap{background:#f2f2f2;  overfloW:hidden;}
.bnWrap h3{position:absolute; left:0; top:0; padding-left: 0.5rem; color:#464b61; line-height:1.5rem; font-weight:600; font-size:0.8rem;}
.bnWrap h3:before{content:"\ea16"; display:inline-block; padding-right:.25rem; font-family: 'xeicon'; }
.bnWrap .inner{margin:1rem auto; padding-left:20rem;}
.bnWrap .control{position:absolute; left:6.5rem; top:0;}
.bnWrap .control > a{float:left; width:1.5rem; height:1.5rem; text-align:center; line-height:1.5rem; background:#fff;border:1px solid #ddd; border-left:0;}
.bnWrap .control > a:first-child{border-left:1px solid #ddd;}
.bnWrap .control > a.slick-hidden{display:block;}
.bnWrap #bnPlay{display:none;}
.bnWrap .bnlst{position:relative; right:-1.25rem; overflow:hidden;}
.bnWrap .bnlst .slick-list{width:calc(100% - 1.25rem); margin-left:-1.25rem;}
.bnWrap .bnlst a{position:relative; display:block; text-align:center; padding-left:1rem; margin-left:1rem;}
.bnWrap .bnlst a:before{content:""; position:absolute; left:0; top:.5rem; width:5px; height:5px; border-radius:50%; background:#ddd;}

/* RESPONSIVE */
@media (max-width: 1920px) {
	.visualWrap .sloganWrap{ left:8.33vw; transform: none; }
	.visualWrap .visual .bg { max-width: 68.5rem; }
}

@media (max-width: 1640px){

	/* 비주얼 */
	.visualWrap .sloganWrap{ left:1rem; }

}

@media (max-width: 1440px){

	.notice01{ gap: 1rem 2rem;}

	/* 바로가기 */
	.m_link01 li a{ font-size: 0.75rem;}

	.gallery .tit_wrap{ margin-left: 2.5rem;}
	.visualWrap .container { padding: 0 !important; }
}

@media (max-width: 1280px){

	.notice01{ gap: 1rem 2rem;}

	/* 바로가기 */

	.m_link01 li a{ font-size: 0.75rem;}
	.m_link01 li .ico:before{ width: 2.5rem; height: 2.5rem; left: -0.75rem; bottom: 0.25rem;}
}

@media (max-width: 1240px){

	*[class*="mt-act"]{opacity: 1 !important; transform: none !important; -webkit-transform: none !important; -ms-transform: none !important; transition: all 0s; -webkit-transition: all 0s; -ms-transition: all 0s;}


	/* 비주얼 */
	.visualWrap{ height: auto;}
	.visualWrap .visual { height: 26rem; }
	.visualWrap .visual .bg{ height: 100%; width: calc(100% - 2rem);}
	.visualWrap .sloganWrap{ position:relative; padding:1.5rem 2rem; left:auto; top:auto; height: auto; gap: 1rem;}
	.visualWrap .slogan .text span{ letter-spacing: 0;}
	.visualWrap .slogan .title{ margin: 0.5rem 0; font-size: 2rem;}
	.visualWrap .slogan .title .shadow{ display: none}
	.visualWrap .slogan .desc br{ display: none;}
	.visualWrap .visual:before{ left: auto; bottom: auto; top: -153px; right: -7.5rem;}
	.visualWrap .swiper-control button{ width: 2.25rem; height: 2.25rem;}

	/* 게시판 : 프로그램소개 */
	.notice01{ flex-direction: column; padding: 2rem 0;}
	.notice01:before{ width: 45%; left:-2rem; right: auto; border-radius:0 0 60px 0;}
	.notice01 .tit_wrap{ margin: 0; gap: 0.5rem;}
	.notice01 .slider{ width:calc(100% + 2rem); margin-left:-1rem; overflow:hidden;}
	.notice01 .slider .swiper-slide{ padding:0 1rem 10px;}
	.notice01 .btn_more{ position:absolute; right: 0; top: 1.5rem; min-width: 2rem; height:2rem; justify-content: center; padding:0; font-size: 0; line-height: 0; margin: 0;}
	.notice01 .btn_more i{ font-size: 1rem;}

	.section03 .container{gap: 3rem 1.5rem;}

	/* 공지사항 */
	.notice02{ flex: 1;}
	/* .notice02 .top_noti{ margin: 1rem 0 0.5rem;} */
	.notice02 ul li{ padding: 0.75rem 0;}
	.notice02 .top_noti { padding: 1rem 0 ; }

	/* 선문뉴스 */
	.photo{ flex: none; width: 23rem;}
	.photo .box_con a .img{ height: auto; max-height: 16rem;}

	.section04 .container:before{ border-radius:3rem 0 0;}

	/* 포토갤러리 */
	.gallery{ position:static; top: auto; height: auto; flex-direction: column; justify-content: start; padding: 0 1.5rem 4rem;}
	.gallery .tit_wrap{ margin:3rem 0 0; }
	.gallery .tit_wrap p br{ display: none; }
	.gallery .tit_wrap p{margin:0;}
	.gallery .btn_more{ position:absolute; right: 0; top: 0;}
	.gallery .box_con{ width: 100%; height: auto; max-width: none; padding: 0 3rem; flex: none;}
	.gallery .box_con a strong{ font-size: 1rem;}
	.gallery .slider{ overflow:hidden;}
	.gallery .swiper-slide{ padding: 0 0.25rem;}

	/* 선문통계 */
	.univInfo ul li a p span em{ font-size: 1.6rem;}
	.univInfo ul li a p span strong{ font-size: 0.75rem;}

	/* banner */
	.bnWrap .inner{padding-left:10.5rem;}

		/* 바로가기 */
	.m_link01 ul {position:relative;}

}

@media (max-width: 1024px){

	/* 바로가기 */
	.m_link01 ul {margin-left:auto; width: 80%;}

	.m_link01 li{ width:calc(100% / 4); flex: none;}
	.m_link01 li + li:before{ top: 5%; height: 90%;}
	.m_link01 li:nth-child(4) + li:before {border:none}
	.m_link01 li:nth-child(-n+4):after { content: ''; position: absolute; left:  5%; bottom: 0; width: 90%; border-top: 1px solid #ddd; }
	.m_link01 li strong{ font-size: 1rem;}
	.m_link01 li .tit{padding: 0.2rem;}
	.m_link01 li .txt{ display: none;}
	.m_link01 li .ico img{ width: auto; height: 2.3rem;}
	.m_link01 li span.more{ margin-top: 1rem;}

	/* 선문통계 */
	.univInfo ul { flex-wrap: wrap;}
	.univInfo ul li{ flex: none; width: calc(100% / 3);}
	.univInfo ul li a{ padding: 1rem 0;}

}

@media (max-width: 900px){

	.section03 .container{ gap: 2rem 0;}

	/* 공지사항 */
	.notice02{ flex: none; width: 100%;}

	/* 선문뉴스 */
	.photo{ width: 100%;}
	.photo .box_con a .img img{ object-fit: contain;}



}

@media (max-width: 890px){
}

@media (max-width: 768px){
	
	h3.heading { font-weight: 700; font-size: 1.3rem !important;}	

	/* 비주얼 */
	.visualWrap .visual { height: 20rem; }
	.visualWrap .visual:before{ left: auto; bottom: auto; top: -90px; right: -55px; width: 300px; height: 90px;}

	/* 게시판 : 프로그램소개 */
	.notice01:before{ width: 70%;}
	.notice01 .slider{ width:calc(100% + 1rem); margin-left:-0.5rem;}
	.notice01 .slider .swiper-slide{ padding:0 0.5rem 10px;}
	.notice01 .slider a .inr{ padding: 1.25rem 1.25rem 2.5rem;}
	.notice01 .inr strong{ margin-bottom: 0.75rem;} 
	.notice01 .inr .state{ width: 2.5rem; height: 2.5rem; font-size: 0.7rem;}

	/* 바로가기 */
	.m_link01 ul {position: fixed; bottom: 0; width: 100%; border-radius:0}
	.m_link01 li { width: calc(100% / 8);padding: 0.6rem 0;}
	.m_link01 li .tit {background: none; border:none; line-height:1.2; margin-top:0}
	.m_link01 li:nth-child(1) { border-radius: 0;}
	.m_link01 li:nth-child(4) + li:before {border-left: 1px solid #ebebeb;}
	.m_link01 li:hover .tit, .m_link01 li:focus .tit{transform: translateY(-.1rem); -webkit-transform: translateY(-.1rem); -ms-transform: translateY(-.1rem);}
	.m_link01 li:hover img, .m_link01 li:focus img{transform: translateY(-.2rem); -webkit-transform: translateY(-.2rem); -ms-transform: translateY(-.2rem);}

	

	/* 포토갤러리 */
	.gallery{ padding:0 0 3rem 1rem}
	.gallery .tit_wrap h3{ font-size: 1.5rem !important;}
	.gallery .tit_wrap{ margin:3rem 0 0; }
	.gallery .tit_wrap p{font-size: 0.75rem; margin-top: 0.75rem;}
	.gallery .box_con .swiper-slide{ padding: 0 0.5rem;}
	.gallery .box_con .swiper-slide a{ padding: 0.5rem;}
	.gallery .box_con a strong{ font-size: 0.95rem; line-height: 1.25rem; height: 2.5rem;}
	.gallery .box_con a .img{ height: 10rem;}

	/* 선문통계 */
	.univInfo{ padding: 3rem 0;}
	.univInfo h3{ font-size: 1.6rem !important;}
	.univInfo .titBox p{ font-size: 0.8rem;}

	/* 뉴스 */
	.notice02 .top_noti dd.date strong { font-size: 1.25rem; }


}


@media (max-width: 560px){

	/* 비주얼 */
	.visualWrap .visual { height: 15rem; }
	.visualWrap .visual .bg{ width: calc(100% - 1rem);}
	.visualWrap .sloganWrap{ padding: 1rem 1rem 1.5rem;} 
	.visualWrap .slogan .title{ font-size: 1.7rem;}
	.visualWrap .swiper-control button{ width: 1.8rem; height: 1.8rem;}

	/* 선문통계 */
	.univInfo ul{ gap: 0 1rem;}
	.univInfo ul li{ width: calc(50% - 0.5rem); text-align: left; padding: 0.5rem 0;}
	.univInfo ul li a{ position:relative; padding: 0 0 0 3rem; }
	.univInfo ul li a p{ align-items: start;}
	.univInfo ul li a img{ position:absolute; left:0; top:0.75rem; width: 2rem; height: auto;} 
	.univInfo ul li a p strong{ padding:0;}

		/* 바로가기 */
	.m_link01 ul {padding-top: 0.1rem; border-top: 1px solid #ddd}
	.m_link01 li { width: calc(100% / 4);padding: 0.3rem 0;}
	.m_link01 li img{max-width:2.1rem;}
	.m_link01 li .tit {font-size:0.65rem}

	#footer {padding-bottom:6.5rem}

}

@media (max-width: 460px){

	/* 비주얼 */
	.visualWrap .visual:before{ top: -50px; right: 0; width: 140px; height: 50px;}

	.section03{ padding: 1rem 0 2rem;}



	/* 공지사항 */
	/* .notice02 .top_noti{margin-bottom: 1rem;} */
	.notice02 .top_noti dl{ min-height: 4.5rem; padding-left: 4.5rem; padding-top: 0;}
	.notice02 .top_noti dd.date{ width: 4rem; height:4.5rem;}
	.notice02 ul li a{ flex-wrap: wrap; gap:0 0.5rem;}
	.notice02 ul li a span{ width: 100%; text-align: right;}

	/* 포토갤러리 */
	.gallery .tit_wrap h3{ font-size: 1.3rem !important;}
	.gallery .box_con{ padding: 0;}
	.gallery .box_con .control{ text-align: center; margin-top: 1rem;}
	.gallery .box_con button{ position:relative; left:auto !important; top:auto !important; right:auto !important; margin: 0 4px;}

	/* 선문통계 */
	.univInfo ul li{ width: 100%;}
	.univInfo ul li a p span em{ font-size: 1.4rem;}

		/* 바로가기 */
	.m_link01 li img{max-width:1.8rem;}


}

@media (max-width: 380px){
	
	h3.heading { font-size: 1.2rem !important;}	

	/* 비주얼 */
	.visualWrap .visual { height: 12rem; }
	.visualWrap .slogan .title{ font-size: 1.2rem;}
	.visualWrap .slogan .desc{ font-size: 0.7rem;}

	/* 게시판 : 프로그램소개 */
	.notice01 .inr .state{ width: 2rem; height: 2rem; font-size: 0.65rem;}

	.section04 .container:before{ border-radius: 1.5rem 0 0;}
	.gallery{ padding: 0 0 2rem 0;}
	.gallery .tit_wrap{ margin-top: 2rem;}
	.gallery .box_con a strong{ font-size: 0.9rem; line-height: 1.2rem; height: 2.4rem;}
	.gallery .box_con a span{ font-size: 0.75rem;}

	.univInfo h3{ font-size: 1.5rem !important;}


}

@media (max-width: 350px){

}

@media (max-width: 320px){

	/* banner */
	body .bnWrap h3{overflow:hidden; width:1px; height:1px; color:transparent;}
	body .bnWrap .inner{padding-left:3.5rem;}
	body .bnWrap .bnlst a{padding-left: 0.2rem;}
	body .bnWrap .inner img{width: 100%; display: block;}
	body .bnWrap .control{left:0;}

}