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

/*Template Type T1*/

/* 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;}

/* 메인 레이아웃 */
.section{font-family: 'SCDream'; }
.section02{position:relative; margin-bottom:2.5rem; padding:0 0 1rem; border-radius:0 0 0 20rem; background:#e6eef7;}
/* .section_sm01{background:url(/images/template/00001/main/main_bg.png) no-repeat -2rem 70%;} */
.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/template/00001/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/template/00001/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{position:fixed; right:0; top:142px; width:6.1rem; text-align:center; background:#fff; font-family: 'SCDream'; z-index:998; transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
.quickMenu a{display:block; padding:.5rem 0; font-size:.75rem; font-weight:400;}
.quickMenu h3{background:#01aeb2 url(/images/template/00001/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{background:#868c97; color:#fff;}*/

/* visual */
.visual{position:relative; height:36rem; z-index:0;}
.visual div{height:100%;}
.visual .circle{position:absolute; left:-2rem; bottom:10%; opacity: 0; transform: scale(.5); -webkit-transform: scale(.5); -ms-transform: scale(.5); padding:2rem 2rem 0 0; z-index: 0;}
.visual .circle em{display:block; width:20.5rem; height:20.5rem; border-radius:50%; animation: colorChange 10s linear infinite;}
.visual .slider{position:relative; z-index:1;}
.visual .slideEl{position:relative;}
.visual .slideEl a{display:block; height:100%; position:relative; overflow:hidden;}
.visual .slogan{position:relative; z-index:1; max-width:1400px; margin:8rem auto 0; height:auto; word-break: keep-all;}
.visual .slogan > p{overflow:hidden;}
.visual .slogan > p.txt{margin:1.5rem 0;}
.visual .slogan > p *{transform: translateY(100%); -webkit-transform: translateY(100%); -ms-transform: translateY(100%);}
.visual .slogan > p > em{display:block; font-size:1rem; color:#000; font-weight:600;}
.visual .slogan > p > strong{display:block; font-size:2.3rem; font-weight:600; color:#2b2b2b; }
.visual .slogan > p > strong span{display:inline-block; color:#01aeb2;}
.visual .slogan > p > span{display:block; max-width:20rem; font-size:1.1rem; color:#666;}
.visual .img{position:absolute; right:0; top:0; width:30rem; height:30rem; border-radius:50%; overflow:hidden; transform: translate(10rem, -35rem); -webkit-transform: translate(10rem, -35rem); -ms-transform: translate(10rem, -35rem);  opacity: 0;}
.visual .img img{position:absolute; left:50%; top:35rem; width:100%; height:auto; transform: translateX(-50%) scale(1.1); -webkit-transform:translateX(-50%) scale(1.1); -ms-transform:translateX(-50%) scale(1.1); opacity: 0;}
.visual .control{position:absolute; bottom:11rem; left:50%; height:auto; margin-left:-700px; padding-left:10rem; z-index:1;}
.visual .control > a{display:inline-block; width:1.5rem; height:1.5rem; line-height:1.45rem; border:1px solid #d0d0d0; border-radius:50%; background:#fff; text-align:center; color:#111;}
.visual .control > a.play{display:none;}
.visual .control > a:hover,
.visual .control > a:focus{border-color:#0baaae; background:#0baaae; color:#fff;}
#visualPager{position:absolute; left:0; top:0; width:10rem;}
#visualPager em{display:inline-block; vertical-align: middle; text-align:center; color:#000; font-weight:400;}
#visualPager .current{width:1.5rem; height:1.5rem; line-height:1.55rem; font-weight: 600; background:#01aeb2; color:#fff; border-radius:50%;}
#visualPager p{position:relative; display:inline-block; width:6.5rem; height:2px; margin:0 .5rem; vertical-align: middle; background:#ccc;} 
#visualPager p span{position:absolute; left:0; top:0; width:0; height:2px; background:#01aeb2; }
.visual .img, .visual a, .visual img, .visual .slogan > p *, .visual:before{transition: all .8s; -webkit-transition: all .8s; -ms-transition: all .8s;}
.visual .control > a{transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
/** visual : active **/
.section01.action .visual .img{width:75rem; height:70rem; opacity: 1;}
.section01.action .visual .circle{left:-6rem; opacity: 1; animation: circleMove 10s ease-in infinite;}
.visual .slideEl.active .img img{ transform: translateX(-50%) scale(1); -webkit-transform:translateX(-50%) scale(1); -ms-transform:translateX(-50%) scale(1); opacity: 1;}
.visual .slideEl.active .slogan > p *{transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%);}

@keyframes circleMove{
	0%{transform: scale(1) rotate(0); -webkit-transform: scale(1)  rotate(0); -ms-transform: scale(1)  rotate(0);}
	50%{transform: scale(.9) rotate(180deg); -webkit-transform: scale(.9)  rotate(180deg); -ms-transform: scale(.9)  rotate(180deg);}	
	100%{transform: scale(1) rotate(360deg); -webkit-transform: scale(1)  rotate(360deg); -ms-transform: scale(1)  rotate(360deg);}		
}
@keyframes colorChange{
	0%{background:#d6f9fc; }
	33%{background:#cfefff; }	
	66%{background:#a9fde4; opacity: .5; }	
	100%{background:#d6f9fc; }		
}

/* 바로가기 */
.m_link01{ width:100%; margin-top:-5rem; padding:2rem 1rem; background:#fff; border-radius:.5rem; box-shadow:rgba(0,0,0,0.11) 0.5rem 0.5rem 1.5rem; float:left; word-break: keep-all;}
.m_link01 ul{display:table; width:100%; table-layout: fixed;}
.m_link01 li{position:relative; display:table-cell; vertical-align: top; text-align:center; padding:0 1rem;}
.m_link01 li + li:before{content:""; position:absolute; left:0; top:0; height:5rem; border-left:1px dashed #b5b5b5;}
.m_link01 li a{display:block;}
.m_link01 li p{margin-bottom:.25rem;}
.m_link01 li strong{padding:0 0.5rem; color:#111; font-size:.9rem; font-weight:600;}
.m_link01 li strong.pt{box-shadow:inset #d6f9fc 0 -0.7rem 0;}
.m_link01 li span{display:block; margin-top:.5rem; font-size:.75rem; font-weight: 400;}
.m_link01 strong, .m_link01 img{transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
/** 바로가기 : active **/
.m_link01 li a:hover strong{color:#00999e; box-shadow:inset #d6f9fc 0 -0.7rem 0;}
.m_link01 li a:hover img{transform: translateY(-.5rem); -webkit-transform: translateY(-.5rem); -ms-transform: translateY(-.5rem);}

/* 학과갤러리 */
.gallery{float:left; position:relative; width:33.5rem; margin-top:3.5rem;}
.gallery h3{font-weight:500; line-height:1;}
.gallery h3 em{font-weight:600;}
.gallery .list_box{position:relative; margin-top:1.5rem;}
.gallery .items{font-size:0; white-space:nowrap;}
.gallery .items .slick-list{margin:-1.5rem -2.7rem 0 0; padding:1.5rem 0 4rem 0;}
.gallery .item{display:inline-block; width:15.4rem; height:17.15rem; vertical-align:top; opacity:0; -webkit-transition:opacity 0.4s; -ms-transition:opacity 0.4s; transition:opacity 0.4s;}
.gallery .item + .item{margin-left:2.7rem;}
.gallery .item a{display:block; overflow:hidden; height:100%; border-radius:0.5rem; background:#fff; box-shadow:rgba(0,0,0,0.08) 1rem 1.5rem 1.35rem;}
.gallery .item.slick-active,
.gallery .item.opacity{opacity:1;}
.gallery .item a .img{overflow:hidden; height:10rem; border-radius:0.5rem 0.5rem 0 0; background:#000;}
.gallery .item a .img img{position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:100%; height:auto; -webkit-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s;}
.gallery .item a .tit{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:1.25rem 1rem 0 1rem; font-weight:600; font-size:0.9rem; color:#222;}
.gallery .item a .date{margin-top:2.25rem; padding:0 1.5rem; font-weight:500; font-size:0.7rem; line-height:1; color:#707070; text-align:right;}
.gallery .control{position:relative; margin-top:-2.5rem; font-size:0; text-align:center;}
.gallery .control a{display:inline-block; overflow:hidden; width:1.75rem; height:1.75rem; border-radius:50%; background:#fff; font-size:1rem; line-height:1.85rem; color:#595959; box-shadow:rgba(0,0,0,0.2) 1px 1px 0.25rem; vertical-align:top;}
.gallery .control a + a{margin-left:0.5rem;}
.gallery .control a.galleryPlay{display:none;}
.gallery .btn_more{display:inline-block; overflow:hidden; position:absolute; bottom:calc(100% - 0.15rem); right:0; width:1.75rem; height:1.75rem; line-height:1.85rem; border-radius:50%; background:#c0c7cf; font-size:1.3rem; letter-spacing:0; color:#fff; text-align:center; -webkit-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s;}
/** 학과갤러리 : active **/
.gallery .control a:hover,
.gallery .control a:focus{background:#01aeb2; color:#fff;}
.gallery .item a:hover .img img,
.gallery .item a:focus .img img{opacity:0.8;}
.gallery .btn_more:hover,
.gallery .btn_more:focus{background:#01aeb2;}

/* 학과영상 */
.subjectVideo{float:right; position:relative; width:33.5rem; height:27.6rem; margin-top:3.1rem;}
.subjectVideo h3{font-weight:500;}
.subjectVideo h3 em{font-weight:600;}
.subjectVideo .list_box{margin-top:1rem;}
.subjectVideo .items{position:relative;}
.subjectVideo .items .slick-list{margin:-1rem; padding:1rem;}
.subjectVideo .item{position:relative; opacity:0; -webkit-transition:opacity 0.4s; -ms-transition:opacity 0.4s; transition:opacity 0.4s;}
.subjectVideo .item.slick-active{opacity:1;}
.subjectVideo .item .box,
.subjectVideo .item iframe{display:block; overflow:hidden; position:relative; width:100%; height:17.15rem; border-radius:1rem; box-shadow:rgba(0,0,0,0.19) 0.5rem 0.5rem 0.5rem;}
.subjectVideo .item .box .img{overflow:hidden; position:relative; height:100%; border-radius:1rem; background-position:center; background-size:cover;}
.subjectVideo .item .box .img:before{content:""; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s;}
.subjectVideo .item .box .img:after{content:""; display:inline-block; position:absolute; top:0; bottom:0; left:0; right:0; width:73px; height:51px; margin:auto; background:url(/images/template/00001/main/univVideo_play.png) no-repeat;}
.subjectVideo .item .box .img img{position:relative; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:auto; height:100%;}
.subjectVideo .item .txt{display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:absolute; bottom:0; left:0; width:100%; height:4rem; padding:0 1.5rem; border-radius:0 0 1rem 1rem; line-height:4rem; background:rgba(0,0,0,0.7); font-weight:600; font-size:0.9rem; color:#fff; pointer-events:none;}
.subjectVideo .slick-dots{display:table; position:relative; width:29rem; margin:2.5rem auto 0; text-align:center;}
.subjectVideo .slick-dots:after{content:""; display:block; clear:both;}
.subjectVideo .slick-dots li{display:inline-block; text-align:center;}
.subjectVideo .slick-dots li:first-child{float:left;}
.subjectVideo .slick-dots li:last-child{float:right;}

.subjectVideo .slick-dots li span{display:inline-block; position:absolute; top:0; bottom:0; right:50%; width:48%; height:1px; margin:auto 0; background:#2b2b2b;}
.subjectVideo .slick-dots li.onlyTwo span{right:0; left:0; width:96%; margin:auto;}
.subjectVideo .slick-dots li.onlyOne{float:none;}
.subjectVideo .slick-dots li.onlyOne span{right:0; width:100%;}
.subjectVideo .slick-dots li:last-child.onlyOne span{left:auto;}
.subjectVideo .slick-dots li span:before{content:""; display:inline-block; position:absolute; top:0; left:0; width:0; height:100%; transition:width 0.5s;}
.subjectVideo .slick-dots li:nth-child(2) span{display:none;}
.subjectVideo .slick-dots li:last-child span{left:50%;}
.subjectVideo .slick-dots li.slick-active span:before{width:100%; background:#01aeb2;}

.subjectVideo .slick-dots li button{position:relative; z-index:1; width:30px; height:30px; padding:0; border-radius:50%; border:1px solid transparent; background:transparent; color:transparent;}
.subjectVideo .slick-dots li button:before{content:""; display:inline-block; position:absolute; top:0; right:0; bottom:0; left:0; width:10px; height:10px; margin:auto; border-radius:50%; border:1px solid transparent; background:#2b2b2b;}
.subjectVideo .slick-dots li.slick-active button{outline:0; border-color:#01aeb2; background:#fff;}
.subjectVideo .slick-dots li.slick-active button:before{background:#01aeb2;}
.subjectVideo .btn_more{display:inline-block; overflow:hidden; position:absolute; top:0.4rem; right:0; width:1.75rem; height:1.75rem; line-height:1.85rem; border-radius:50%; background:#c0c7cf; font-size:1.3rem; letter-spacing:0; color:#fff; text-align:center; -webkit-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s;}
/* 학과영상 : action */
.subjectVideo .item .box:hover .img:before,
.subjectVideo .item .box:focus .img:before{background:rgba(0,0,0,0.7);}
.subjectVideo .slick-dots li button:hover:before,
.subjectVideo .slick-dots li button:focus:before{background:#01aeb2;}
.subjectVideo .btn_more:hover,
.subjectVideo .btn_more:focus{background:#01aeb2;}

/* 공지사항 : 210701 */
.notice{float:right; position:relative; width:33.5rem; height:27.6rem; margin-top:3.1rem; padding-left:1rem;}
.notice h3{font-weight:500;}
.notice h3 em{font-weight:600;}
.notice .list_box{margin-top:1rem; border-top:2px solid #00969a;}
.notice li{position:relative; padding:1.15rem 0;}
.notice li + li{border-top:1px solid #ddd;}
.notice li a{display:block; position:relative; line-height:1.25rem; padding-left:1rem; font-weight: 400; color:#111;  margin-right:5rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.notice li a:before{content:""; position:absolute; left:5px; top:.35rem; width:3px; height:.45rem; border-radius:.5rem; transform: rotate(20deg); -webkit-transform: rotate(20deg); background:#00969a;}
.notice li span{font-size:.75rem; position:absolute; right:0; top:1rem;}
.notice .btn_more{display:inline-block; overflow:hidden; position:absolute; top:0.4rem; right:0; width:1.75rem; height:1.75rem; line-height:1.85rem; border-radius:50%; background:#c0c7cf; font-size:1.3rem; letter-spacing:0; color:#fff; text-align:center; -webkit-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s;}
/* 공지사항 : action */
.notice li a:hover,
.notice li a:focus{color:#00969a; text-decoration: underline;}
.notice .btn_more:hover,
.notice .btn_more:focus{background:#01aeb2;}

/* 선문대학교 영상 */
.univVideo{position:relative; width:calc(50% - 1.25rem); padding-right:3.75rem; margin-right:2.5rem; float:left;}
.univVideo h3 em{color:#0062ac;}
.univVideo .slider{position:relative; margin-top:-1.5rem; z-index: 1;}
.univVideo .slider a{position:relative; height:100%; display:block;}
.univVideo .slider a:before{content:""; position:absolute; left:50%; top:50%; width:52px; height:52px; /*background:url('/images/template/00001/main/video_btn.png') no-repeat center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);*/}
.univVideo .slider strong{display:block; width:calc(100% - 13rem); float:right; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; font-family:'NotoSans'; font-size:.9rem; font-weight: 400; color:#111; margin-bottom:.5rem;}
.univVideo .slider .img{width:100%; height:18rem; overflow:hidden; background:#000;}
.univVideo .slider .img img{width:100%; height:auto; opacity: 0.5; }
.univVideo .control{position:absolute; right:0; bottom:4rem; z-index: 2;}
.univVideo .control a{display:block; width:2.75rem; height:2.75rem; text-align:center; line-height:2.65rem; border-radius:50%; background:#fff; border:2px solid #0062ac; font-size:1.1rem; color:#0062ac; }
.univVideo .control a i{font-weight: 700;}
.univVideo .control a + a{margin-top:.25rem;}
.univVideo .control a:hover,
.univVideo .control a:focus{background:#0062ac; color:#fff;}
.univVideo .bg{position:absolute; right:1.25rem; top:0; width:calc(100% - 13rem); height:18rem; padding:5px; background:#ccc;}
.univVideo .bg:before{content:""; position:absolute; left:0; top:0; width:50%; max-width:5rem; height:5rem; background:#0062ac;}
.univVideo .bg span{position:relative; display:block; width:100%; height:100%; background:#fff;}
.univVideo a, .univVideo img{transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
/* 선문대학교 영상 : active */
.univVideo .slider a:hover img,
.univVideo .slider a:focus img{opacity: .8;}

/* 선문뉴스 */
.univNews{position:relative; width:calc(50% - 1.25rem); float:left;}
.univNews h3 em{color:#0062ac;}
.univNews .lst{position:relative; padding-top:1.5rem; margin-top:1.25rem; border-top:1px solid #ccc;}
.univNews .lst:before{content:""; position:absolute; left:0; top:0; width:2.5rem; height:2px; background:#0062ac;}
.univNews .lst > a{display:block;}
.univNews .lst > a + a{margin-top:1.5rem;}
.univNews dl{position:relative; font-family:'NotoSans'; font-weight: 400; padding:1rem 0 1rem 12.5rem;}
.univNews dt{height:2.4rem; font-size:1rem; line-height:1.2rem; overflow:hidden; margin-bottom:.5rem;}
.univNews dd p{position:absolute; left:0; top:0; width:11rem; height:7rem; overflow:hidden; background:#000;}
.univNews dd p img{width: 100%;height:100%;}
.univNews dd span{ display:block; height:2rem; line-height:1rem; overflow:hidden;}
.univNews .more{position:absolute; right:0; top:.75rem; text-transform: uppercase; font-size:.7rem; font-family: 'SORA'; font-weight: 600; color:#000; letter-spacing: -.5px;}
.univNews .more i{margin-left:.35rem;}
.univNews img, .univNews dt, .univNews a{transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
/* 선문뉴스 : active */
.univNews .lst > a:hover img,
.univNews .lst > a:focus img{opacity: .75;}
.univNews .lst > a:hover dt,
.univNews .lst > a:focus dt{color:#0062ac;}
.univNews .lst > a:hover dd,
.univNews .lst > a:focus dd{text-decoration: underline;}
.univNews .more:hover,
.univNews .more:focus{color:#0062ac;}

/* 선문공감 */
.univEthy{position:relative; height:15rem; z-index: 2;}
.univEthy h3{padding-top:1.75rem}
.univEthy h3 em{color:#0062ac;}
.univEthy .slider{position:absolute; top:0; left:15rem; width:76rem; }/*210903*/
.univEthy .slideEl a{display:block; width:19rem; padding:0 1rem;}
.univEthy .slideEl a .img{width:100%; height:10.5rem; overflow:hidden;}
.univEthy .slideEl a strong{display:block; height:2.5rem; margin-top:1rem; font-size:.9rem; line-height:1.25rem; overflow:hidden; color:#000; font-family:'NotoSans'; font-weight: 400; word-break: keep-all; letter-spacing: -.5px;}
.univEthy .control{margin:1.5rem 0 2.5rem; font-family:'NotoSans';}
.univEthy .control > a{width:2.75rem; height:2.75rem; line-height:2.65rem; display:inline-block; background:#fff; text-align:center; border-radius:50%; font-size:1.25rem;}
.univEthy .control > a + a{margin-left:.25rem;}
.univEthy .more{position:relative; color:#111; font-weight: 600; font-size:.7rem; padding-left:2.75rem; float:left; font-family: 'SORA';}
.univEthy .more:before{content:""; position:absolute; left:0; top:50%; width:2rem; height:3px; margin-top:-1px; background:#111; }
.univEthy a, .univEthy strong, .univEthy :before{transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
/** 선문공감 : active **/
.univEthy .slideEl a:hover strong,
.univEthy .slideEl a:focus strong{color:#0062ac; text-decoration: underline;}
.univEthy .control > a:hover,
.univEthy .control > a:focus{background:#001d33; color:#fff;}
.univEthy .more:hover,
.univEthy .more:focus{padding-left:3.5rem; color:#0062ac;}
.univEthy .more:hover:before,
.univEthy .more:focus:before{width:3rem; background:#0062ac;}

/* 선문통계 */
.univInfo{width:100%; height:10rem; margin:2.5rem auto 4.5rem; overflow:hidden; border-bottom:1px dashed #ccc;}
.univInfo .titBox{width:13rem; float:left; word-break: keep-all;}
.univInfo .titBox h3{font-weight: 900; line-height:1.2; color:#333; font-size:1.25rem; text-transform: uppercase; font-family: 'sora';}
.univInfo .titBox h3 strong{display:block; font-size:1.75rem; color:#01aeb2;}
.univInfo .titBox p{margin-top:1rem; font-size:.9rem; color:#555; font-family:'NotoSans'; font-weight: 200;}
.univInfo .container{padding:0 0 2.5rem;}
.univInfo .container:after{content:""; display:block; clear: both;}
.univInfo .container:before{content:""; position:absolute; left:0; bottom:3px; width:5rem; height:5px; z-index:1; background:#01aeb2;}
.univInfo ul{width:calc(100% - 13rem); font-size:0; line-height:0; float:left;}
.univInfo ul li{position:relative; width:16.66%; text-align:center; display:inline-block; vertical-align: top; line-height:1.6rem; padding:0 .25rem; font-family:'NotoSans'; font-size:.8rem; word-break: keep-all;}
.univInfo ul li + li:before{content:""; position:absolute; left:0; top:35%; width:1px; height:30%; border-left:1px dotted #999;}
.univInfo ul li span{display:block; margin:.5rem 0; font-family: 'SCDream'; font-size:1rem; color:#333; letter-spacing: -1px;}
.univInfo ul li span em{font-size:1.5rem; color:#01aeb2; font-weight: 700;}
.univInfo ul li strong{line-height:1.5; display:block;}

/* banner */
.bnWrap{background:#f2f2f2; font-family: 'SCDream'; overfloW:hidden;}
.bnWrap h3{position:absolute; left:0; top:0; color:#464b61; line-height:1.5rem; font-weight:600; font-size:.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: 1440px){
	/* 메인 레이아웃 */
	.section_sm01{background-position-x:-21%; background-position-y:48%;}

	/* 퀵메뉴 
	.quickMenu h3, 
	.quickMenu ul{display:none;}
	.quickMenu a{position:fixed;width: 3rem;height: 3rem;line-height: 2rem;bottom: 5rem;right: 0.8rem;border-radius: 50%;} 
	.quickMenu .moveTop{background: rgba(134,140,151,0.8);} 

	/* visual */
	.visual .slogan{width:96%;}
	.visual .control{left:2%; margin-left:0;}
	.visual .circle em{width:24rem; height:24rem;}

	/* 학과갤러리 */
	.gallery{width:47%;}
	.gallery .item + .item{margin-left:1.2rem;}
	.gallery .item a{box-shadow:rgba(0,0,0,0.08) 0.3rem 0.9rem 1.35rem;}
	.gallery .btn_more{right:auto; left:100%;}

	/* 학과영상 */
	.subjectVideo{width:48%;}
	.subjectVideo .slick-dots{width:100%;}

	/* 공지사항 : 210701 */
	.notice{width:48%;}
}

@media (max-width: 1280px){
	/* visual */
	.visual{height:30rem;}
	.section01.action .visual .img{width:60rem; height:65rem;}
	.visual .slogan{margin-top:5rem;}
	.visual .control{bottom:10rem;}
}

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

	/* 메인 레이아웃 */
	.section02{margin-bottom:2rem; padding-bottom:2rem; border-radius:0 0 0 7rem;}
	.section_sm01{padding-bottom:2rem; background-position-y:28%; background-size:340px; image-rendering:-webkit-optimize-contrast;}
	.section h3{font-size:1.2rem;}

	/* section_sm02 */
	.section_sm02{padding:3rem 0 2rem; margin-top:2rem;}
	.section_sm02:before{height:13rem;}
	.section_sm02:after{margin-right:0; right:-2rem;}

	/* visual */
	.visual{height:28rem;}
	.section01.action .visual .img{width:55rem; height:60rem;}
	.visual .slogan > p.txt{margin:1rem 0;}
	.visual .slogan > p > em{font-size:0.9rem;}
	.visual .slogan > p > strong{font-size:2rem;}
	.visual .slogan > p > span{font-size:1rem;}
	.visual .control{bottom:9rem;}

	/* 바로가기 */
	.m_link01{padding:1.5rem 0.5rem;}
	.m_link01 img{width:64px; image-rendering:-webkit-optimize-contrast;}
	.m_link01 li span{display:none;}
	.m_link01 li strong{display:inline-block; padding:0; font-size:.85rem; line-height:1.3;}
	.m_link01 li strong.pt{background:#d6f9fc; box-shadow:none;}
	.m_link01 li a{font-size:.75rem;}
	/* 바로가기 : action */
	.m_link01 li a:hover strong{background:#d6f9fc; box-shadow:none;}

	/* 학과갤러리 */
	.gallery{margin-top:3rem;}
	.gallery .items .slick-list{padding-top:1rem;}

	/* 학과영상 */
	.subjectVideo{height:19.8rem; margin-top:3rem;}
	.subjectVideo h3{line-height:1;}
	.subjectVideo .items .slick-list{padding-top:1rem;}
	.subjectVideo .item .box,
	.subjectVideo .item iframe{box-shadow:rgba(0,0,0,0.19) 0.3rem 0.3rem 0.5rem;}
	.subjectVideo .item .txt{height:2.95rem; line-height:2.95rem; font-size:0.85rem;}
	.subjectVideo .slick-dots{margin-top:1.7rem;}
	.subjectVideo .slick-dots li span{width:46%;}
	.subjectVideo .btn_more{top:-0.3rem;}

	/* 공지사항 : 210701 */
	.notice{margin-top:3rem;}

	/* 선문홍보영상 */
	.univVideo{width:calc(60% - .75rem); margin-right:1.5rem; }
	.univVideo .slider strong{font-size:.8rem;}

	/* 선문뉴스 */
	.univNews{width:calc(40% - .75rem);}
	.univNews dl{padding:1rem 0 1rem 10rem;}
	.univNews dt{height:1.2rem;}
	.univNews dd p{width:9rem;}
	.univNews dd span{height:3rem; line-height:1.5rem;}

	/* 선문통계 */
	.univInfo{height:auto;}
	.univInfo .container{padding:0;}
	.univInfo .container:before{bottom:0;}
	.univInfo .titBox{width:100%;}
	.univInfo .titBox h3,
	.univInfo .titBox h3 strong,
	.univInfo .titBox p{display:inline-block; vertical-align: text-bottom;}
	.univInfo .titBox h3{padding-right:.5rem;}
	.univInfo .titBox h3 strong{ padding-right:.25rem;}
	.univInfo ul{width:100%; padding:2rem 0;}

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

@media (max-width: 1024px){
	.section02{padding-bottom:3rem; border-radius:0 0 0 5rem;}

	/* visual */
	.visual .slogan{margin-top:7rem;}
	.visual .slogan > p.txt{margin:0.5rem 0;}
	.visual .slogan > p > strong{font-size:1.8rem;}
	.visual .slogan > p > span{font-size:0.9rem;}
	.section01.action .visual .circle{left:-2rem;}

	/* 바로가기 */
	.m_link01 img{width:54px;}
	.m_link01 li{padding:0 0.5rem;}

	/* 학과갤러리 */
	.gallery{width:100%;}
	.gallery .items .slick-list{margin:-1.5rem -1.3rem 0 -1rem; padding:1.5rem 0 4rem 1rem;}
	.gallery .item a .img{height:11.5rem;}
	.gallery .item a .date{margin-top:0.5rem;}
	.gallery .btn_more{bottom:calc(100% - 0.3rem); left:auto; right:0;}

	/* 학과영상 */
	.subjectVideo{width:100%; margin-top:1rem;}
	.subjectVideo .item .box,
	.subjectVideo .item iframe{height:20rem;}
	.subjectVideo .slick-dots{width:90%;}
	.subjectVideo .slick-dots li span{width:48%;}	

	/* 공지사항 : 210701 */
	.notice{width:100%; height:auto; margin-top:2rem;}

	/* 선문홍보영상 */
	.univVideo .bg,
	.univVideo .slider strong{width:calc(100% - 10.5rem);}
	.univVideo .slider{margin-top:-1rem;}
	.univVideo .slider .img{height:17rem; text-align:center;}
	.univVideo .slider .img img{width:auto; height:100%;}

	/* 선문뉴스 */
	.univNews .lst{margin-top:1rem;}
	.univNews dt{font-size:.9rem;}
	.univNews dd p img{width: 100%;height:100%;}

	/* 선문공감 */
	.univEthy .slider{left:10.5rem;}

	/* 선문통계 */
	.univInfo .titBox p{margin-top:.5rem;}
}

@media (max-width: 960px){	

	/* 선문통계 */
	.univInfo ul li img{width:4.25rem; height:auto;}
	.univInfo ul li span em{font-size:1.25rem;}
}

@media (max-width: 890px){

	/* 선문홍보영상 */
	.univVideo{width:100%; margin-right:0; margin-bottom:2.5rem;}

	/* 선문뉴스 */
	.univNews{width:100%;}
	.univNews dl{padding:1rem 0 1rem 12rem;}
	.univNews dd p{width:11rem;}
	.univNews dd p img{width:100%; min-height:100%;}

	/* 선문통계 */
	.univInfo{margin:2.5rem 0 3.5rem;}
}

@media (max-width: 768px){
	/* 메인 레이아웃 */
	.section02{margin-bottom:0; padding-bottom:2.5rem; border-bottom-left-radius:4rem;}
	.section02:before{display:none;}
	.section_sm01{background-position-y:64%; background-position-x:-3%; background-size:170px;}

	/* visual */
	.visual{height:23.5rem;}
	.visual .slogan{margin-top:6rem;}
	.visual .slogan > p:last-child{display:none;}
	.visual .circle em{width:17rem; height:17rem;}
	.visual .slogan > p > strong{font-size:1.6rem;}
	.visual .control{bottom:10rem;}
	.visual .control > a#visualPrev,
	.visual .control > a#visualNext{display:none !important;}
	.section01.action .visual .img{-webkit-transform:translate(3rem, -2rem); transform:translate(3rem, -2rem); width:40rem; height:40rem; border-top-right-radius:0;}
	.visual .img img{top:0;}
	.section01.action .visual .circle{bottom:20%;}

	/* 바로가기 */
	.m_link01 ul{display:block; font-size:0;}
	.m_link01 li{display:inline-block; width:50%; vertical-align:top;}
	.m_link01 li:nth-child(odd):before{display:none;}
	.m_link01 li:nth-child(n+3){margin-top:1.75rem;}

	/* 학과갤러리 */
	.gallery .item a .img{height:10.5rem;}

	/* 학과영상 */
	.subjectVideo{width:100%; height:22.8rem;}
	.subjectVideo .item .box,
	.subjectVideo .item iframe{height:17rem;}
	.subjectVideo .item .txt{padding:0 1rem;}
	.subjectVideo .slick-dots{margin-top:1.5rem;}
	.subjectVideo .slick-dots li span{width:47%;}

	/* 선문통계 */
	.univInfo .titBox p{display:block;}
	.univInfo ul{padding:1rem 0 2rem;}
	.univInfo ul li{width:33.33%; margin:.75rem 0;}
	.univInfo ul li:nth-child(4):before{display:none;}
}

@media (max-width: 700px){
	/* visual */
	.section01.action .visual .img{-webkit-transform:translate(8rem, -2rem); -ms-transform:translate(8rem, -2rem); transform:translate(8rem, -2rem);}
}

@media (max-width: 680px){
	.section_sm02{margin-top:0; padding-top:1rem;}
	.section_sm02:before{height:18rem;}
	.section_sm02:after{display:none;}

	/* 학과갤러리 */
	.gallery .item a .img img{top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:auto; height:100%;}

	/* 선문공감 */
	.univEthy{height:auto;}
	.univEthy h3{padding-top:0; }
	.univEthy .slider{position:relative; left:auto; top:auto; width:100%; margin-top:3rem;}/*210903*/
	.univEthy .slideEl a{width:95%; margin:0 auto; padding:0;}
	.univEthy .control{position:absolute; right:0; top:2.25rem;}	
	.univEthy .control a{width:2.15rem; height:2.15rem; line-height:2.1rem; font-size:1rem;}
	.univEthy .more{position:absolute; right:0; top:.5rem;}
}

@media (max-width: 660px){
	/* 학과갤러리 */
	.gallery .item a .img{height:11.2rem;}
}



@media (max-width: 600px){
	/* 학과영상 */
	.subjectVideo{height:21rem;}
	.subjectVideo .item .box,
	.subjectVideo .item iframe{height:15rem;}
}

@media (max-width: 540px){
	/* visual */
	.section01.action .visual .img{-webkit-transform:translate(12rem, -2rem); -ms-transform:translate(12rem, -2rem); transform:translate(12rem, -2rem);}

	/* 선문홍보영상 */
	.univVideo{padding-right:2.75rem;}
	.univVideo .slider{margin-top:.5rem;}
	.univVideo .slider a{padding-bottom:2.25rem;}
	.univVideo .slider a:before{margin-top:-1rem;}
	.univVideo .slider .img{height:12.5rem;}
	.univVideo .slider .img img{min-height:100%;}
	.univVideo .slider strong{position:absolute; left:0; bottom:0; width:100%; text-align:left;}
	.univVideo .control a{width:2.15rem; height:2.15rem; line-height:2.1rem; font-size:1rem;}
	.univVideo .bg{height:14rem; right:1rem;}
}

@media (max-width: 560px){
	/* 학과갤러리 */
	.gallery .item a .img img{width:100%; height:auto;}
}

@media (max-width: 480px){
	/* visual */
	.visual .circle{bottom:25%;}
	.visual .circle em{width:15rem; height:15rem;}
	.visual .img img{width:auto; height:100%;}
	.visual .slogan{margin-top:5rem;}
	.visual .slogan > p > strong{font-size:1.4rem;}
	.visual .slogan > p > em{padding-right:11rem;}
	.section01.action .visual .img{-webkit-transform:translate(6rem, -2rem); -ms-transform:translate(6rem, -2rem); transform:translate(6rem, -2rem); width:30rem; height:30rem;}
}

@media (max-width: 460px){
	/* 선문뉴스 */
	.univNews dl{padding:.5rem 0 .5rem 8rem}
	.univNews dd p{width:7rem; height:5.5rem;}

	/* 선문공감 */
	.univEthy .slideEl a{width:100%; padding:0;}
	.univEthy .slideEl a .img{background:rgba(0,0,0,0.5); text-align: center;}

	/* 선문통계 */
	.univInfo ul li{width:50%;}
	.univInfo ul li:nth-child(odd):before{display:none;}
	.univInfo ul li:nth-child(4):before{display:block;}
}

@media (max-width: 380px){
	/* 메인 레이아웃 */
	.section02:before{height:39rem;}
	.section_sm01{background-size:130px; background-position-y:60%;}

	/* visual */
	.section01.action .visual .img{border-radius:300px 0 0 0;}
	.section01.action .visual .circle{bottom:28%;}
	.visual .circle em{width:12rem; height:12rem;}
	.visual .slogan > p > em{padding-right:5rem;}

	/* 학과갤러리 */
	.gallery .item{height:14.85rem;}
	.gallery .item a .img{height:9rem;}

	/* 학과영상 */
	.subjectVideo{height:17.7rem;}
	.subjectVideo .item .box,
	.subjectVideo .item iframe{height:12rem;}
	.subjectVideo .slick-dots{width:100%;}
	.subjectVideo .slick-dots li span{width:45%;}

	/* 공지사항 : 210701 */
	.notice li{padding:.75rem 0;}
	.notice li a{margin-right:0;}
	.notice li span{display:none;}
}

@media (max-width: 320px){
	/* 메인 레이아웃 */
	.section_sm01{background-position-y:63%;}

	/* visual */
	.section01.action .visual .img{border-radius:350px 0 0 0;}
	.section01.action .visual .img{-webkit-transform:translate(8rem, -2rem); -ms-transform:translate(8rem, -2rem); transform:translate(8rem, -2rem);}

	/* 학과갤러리 */
	.gallery .item a .img img{width:100%; height:auto;}

	/* banner */
	.bnWrap h3{overflow:hidden; width:1px; height:1px; color:transparent;}
	.bnWrap .inner{padding-left:3.5rem;}
	.bnWrap .control{left:0;}
}