@import url("/common/css/layout.css");
@import url("/common/font/Montserrat/fonts.css");
@import url("/common/font/Sora/fonts.css");
@import url("layout_ctm.css");

/*Template Type T3*/

/* 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 h3{font-family: 'Montserrat'; line-height:1.1; font-size:1.25rem; font-weight: 600; color:#111; text-transform: uppercase;}
.section h3 em{display:block; font-size:1rem; font-weight: 200;}
/** slide type 01 **/
.slideTy01 .contSlide{margin-top:2.5rem;}
.slideTy01 .slideEl a{position:relative; display:block; padding-bottom:3rem;}
.slideTy01 .slideEl a:before{content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background:#01cfd4;}
.slideTy01 .slideEl p{width:100%; height:13.5rem; overflow:hidden; background:#000;}
.slideTy01 .slideEl p img{position:relative; top:50%; width:100%; height:auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.slideTy01 .slideEl strong{display:block; height:3rem; line-height:1.5rem; margin:1.5rem 0 0; padding-right:2.25rem; color:#111; font-weight: 400; font-size:1rem; overflow:hidden;}
.slideTy01 .control{position:absolute; right:0; top:1rem;}
.slideTy01 .control > a{display:inline-block; font-size:1.2rem; vertical-align: middle; color:#959595; font-weight: bold;}
.slideTy01 .control .pager{display:inline-block; vertical-align: middle; font-family: 'Montserrat'; font-weight: 400; color:#959595; margin:0 .5rem;}
.slideTy01 .control .pager .current{color:#000; font-weight: 600;}
.slideTy01 img{transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
/** slide type 02 :active **/
.slideTy01 .slideEl a:hover img,
.slideTy01 .slideEl a:focus img{opacity: .8;}

/** slide type 02 **/
.slideTy02 .contSlide{height:40rem;}
.slideTy02 .slideEl{padding-top:2rem; height:20rem; }
.slideTy02 .slideEl a{position:relative; display:block; color:#111; padding-bottom:1.15rem; border-bottom:1px dashed #ddd;}
.slideTy02 .slideEl a:before{content:""; position:absolute; left:0; bottom:-1px; width:0; height:2px;}
.slideTy02 .slideEl a:hover:before{width:100%;}
.slideTy02 .slideEl .img{height:10.5rem; overflow:hidden; background:#000;}
.slideTy02 .slideEl .img img{position:relative; left:50%; top:0; width:auto; height:100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.slideTy02 .slideEl p{margin:1.15rem 0 1rem; font-family: 'Montserrat'; font-size:.7rem; overflow:hidden;}
.slideTy02 .slideEl strong{display:block; height:2.4rem; font-size:1rem; line-height:1.2rem; margin-right:4rem; overflow:hidden; font-weight: 600; word-break: keep-all;}
.slideTy02 .slideEl span{position:absolute; right:0; bottom:1.15rem;}
.slideTy02 .control{display:none;}
.slideTy02 img{transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
/** slide type 02 :active **/
.slideTy02 .slideEl a:hover img,
.slideTy02 .slideEl a:focus img{opacity: .8;}

/** list box **/
.lineBox{margin-top:3rem; border-bottom:1px solid #ddd;}

/** more button 01 **/
.moreTy01 .more{position:absolute; right:0; top:0; color:#111; font-weight: 600; }
.moreTy01 .more:before{content:""; position:absolute; right:2.75rem; top:50%; width:2rem; height:3px; margin-top:-1px; background:#111; }
/** more button 02 **/
.moreTy02 .more{position:absolute; height:2.5rem;}
.moreTy02 .more:before{content:""; position:absolute; right:0; top:0; width:2.5rem; height:2.5rem; border-radius:50%; background:#d1eff0;}
.moreTy02 .more:after{content:""; position:absolute; right:1.2rem; top:50%; width:48px; height:10px; margin-top:-4px; background:url('/images/template/00003/main/btn_more.png') no-repeat center right/cover;}
.slideTy01 :before, 
.slideTy02 :before, 
.section .more, 
.section .more:before, 
.section .more:after{transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
/** active **/
.moreTy01 .more:hover,
.moreTy01 .more:focus{color:#0062ac;}
.moreTy01 .more:hover:before,
.moreTy01 .more:focus:before{width:3rem; background:#0062ac;}
.moreTy02 a:hover .more:before,
.moreTy02 a:focus .more:before{ background:#01cfd4;}
.moreTy02 a:hover .more:after,
.moreTy02 a:focus .more:after{right:0.8rem;}
.slideTy01 a:hover:before,
.slideTy01 a:focus:before{width:100%;}
.slideTy01 .control > a:hover,
.slideTy01 .control > a:focus{color:#000;}

/* 퀵메뉴 */
/*
.quickMenu{position:fixed; right:0; top:50%; width:5.5rem; text-align:center; z-index:998; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
.quickMenu a{display:block; padding:.5rem 0; font-size:.7rem; font-weight:400; transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
.quickMenu h3{color:#fff; font-weight: 600; font-size:.9rem; padding:1.55rem 0; line-height:1.1; background:#01aeb2; border-radius:2rem 0 0 0;} 
.quickMenu ul{background:#fff; overflow:hidden; }
.quickMenu li a{position:relative; color:#fff; line-height:1.3; padding:1.2rem .5rem; background:#00a0a8; }
.quickMenu a.more{color:#111; font-weight: 600; border-bottom:1px solid #00a0a8; font-family: 'Montserrat'; background:#fff;}
.quickMenu a.more i{padding-right:.25rem; font-weight: 600;}
.quickMenu a.more:hover,
.quickMenu a.more:hover{color: #00a0a8;}
.quickMenu li a:hover,
.quickMenu li a:focus{color:#222; background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.5); z-index:1;} */

/* section01 */
.section01 {position:relative; padding:2.5rem 0 3.5rem; overflow:hidden;
	background: #d2e1f5; 
	background: -moz-linear-gradient(-45deg,  #d2e1f5 0%, #d1f0f5 100%); 
	background: -webkit-linear-gradient(-45deg,  #d2e1f5 0%,#d1f0f5 100%); 
	background: linear-gradient(135deg,  #d2e1f5 0%,#d1f0f5 100%);}
.section01 .bg{position:absolute; left:0; top:50%; width:100%; text-align:center; white-space: nowrap; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.section01 .bg img{opacity: 0; transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s;}
.section01 > .container{max-width:72rem; padding:1rem; } 
/** section01 : active **/
.section01.action .bg img{opacity: 1;}
.section01.action .visual strong{margin-left:0;}
.section01.action .visual:before{width:100%;}
.section01.action .visual:after{left:50%}

/* visual */
.visual{position:relative; width:100%; max-width:72rem; height:auto; margin:0 auto; z-index:1;}
.visual div{height:100%;}
.visual .slider{position:relative; z-index:1;}
.visual .slideEl a{position:relative; display:block; width:100%; max-width:1400px; height:100%; padding:3rem 1rem; margin:0 auto;}
.visual .slideEl a:after{display:block; clear: both; content:"";}
.visual .slideEl a > strong{position:absolute; left:50%; top:0; width:50%; line-height:1.1; color:#fff; font-size:3rem; font-weight: 600; z-index:1; text-shadow: 0 0 10px rgba(0,0,0,0.1); font-family: 'Montserrat';}
.visual .slogan{position:absolute; right:-3rem; bottom:1rem; width:40%; height:auto; word-break: keep-all; color:#fff; box-shadow: 0 0 1rem rgba(0,0,0,0.5); overflow: hidden; background: #075ecd;
	background: -moz-linear-gradient(left,  #075ecd 0%, #03a8cc 100%);
	background: -webkit-linear-gradient(left,  #075ecd 0%,#03a8cc 100%);
	background: linear-gradient(to right,  #075ecd 0%,#03a8cc 100%);}
.visual .slogan::before{content:""; position:absolute; left:-4rem; top:-3rem; width:10rem; height:10rem; background:url('/images/template/00003/main/bg_slogan.png') no-repeat center;}
.visual .slogan > p{position:relative; margin:2.5rem; overflow:hidden;}
.visual .slogan *{opacity: 0; text-align:right; font-family: 'NotoSans'; transform: translateX(3rem); -webkit-transform: translateX(3rem); -ms-transform: translateX(3rem);}
.visual .slogan span{display:block; font-size:1.1rem; }
.visual .slogan span strong{display:block; font-size:1.5rem; margin-left:-3rem;}
.visual .slogan em{display:block; font-size:3rem; font-weight: 600; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
.visual .img{width:65%; height:25rem; overflow:hidden; margin-left:-2rem;}
.visual .img img{position:relative; left:50%; top:0; width:auto; height:100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); opacity: .8;}
.visual .control{position:absolute; bottom:1rem; left:2rem; height:auto; padding-left:11rem; z-index:1;}
.visual .control > a{display:inline-block; width:1.5rem; height:1.5rem; line-height:1.45rem; border:1px solid transparent; border-radius:50%; text-align:center; color:#000; margin-left:-.25rem;}
.visual .control > a.play{display:none;}
.visual .control > a:hover,
.visual .control > a:focus{border-color:#0760cd; color:#0760cd;}
#visualPager{position:absolute; left:0; top:0; width:11rem; color:#666; letter-spacing: 3px; }
#visualPager em{display:inline-block; vertical-align: middle; text-align:center; font-weight:400; letter-spacing: 0;}
#visualPager .current{font-weight: 600; color:#000; opacity: 1;}
#visualPager p{position:relative; display:inline-block; width:6.5rem; height:2px; margin:0 .5rem; vertical-align: middle; background:rgba(0,0,0,0.2);} 
#visualPager p span{position:absolute; left:0; top:0; width:0; height:2px; background:#075ecd; }
.visual img, .visual:after, .visual .slogan, .visual .img{transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s;}
.visual .control > a, 
#visualPager span{transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
/** visual : active **/
.visual .slideEl.active .img img{ transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); opacity: 1;}
.visual .slideEl.active .img{margin-left:0;}
.visual .slideEl.active .slogan{right:1rem;}
.visual .slideEl.active .slogan *{opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0);}

/* 바로가기 */
.m_link01{ position:relative; width:100%; margin-top:1rem; word-break: keep-all; z-index:1;}
.m_link01 ul{display:table; width:100%; table-layout: fixed;}
.m_link01 li{position:relative; display:table-cell; vertical-align: top; }
.m_link01 li a{position:relative; display:table; height:4rem; padding-left:4.5rem; }
.m_link01 li p{position:absolute; left:0; top:0; width:4rem; height:4rem; line-height:4rem; border-radius:50%; background:#fff; text-align:center; box-shadow: 0 0 5px rgba(0,0,0,0.2); overflow:hidden;}
.m_link01 li p:before{content:""; position:absolute; left:-100%; top:0; width:50%; height:50%; border-radius:50%; opacity: 0; background: #075ecd;
	background: -moz-linear-gradient(left,  #075ecd 0%, #03a8cc 100%);
	background: -webkit-linear-gradient(left,  #075ecd 0%,#03a8cc 100%);
	background: linear-gradient(to right,  #075ecd 0%,#03a8cc 100%);}
.m_link01 li p img{ position:relative; vertical-align: middle;}
.m_link01 li span{display:table-cell; vertical-align: middle; line-height:1rem; overflow:hidden; color:#111; font-size:.8rem; font-weight:600; letter-spacing: -0.5px;}
.m_link01 li span em{position:relative; padding:.25rem 0; }
.m_link01 li span em:before{content:""; position:absolute; left:0; bottom:0; width:0px; height:1px; background:#0062ac;}
.m_link01 span, .m_link01 img, .m_link01 :before{transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
/** 바로가기 : active **/
.m_link01 li a:hover span{color:#075ecd;}
.m_link01 li a:hover em:before,
.m_link01 li a:hover em:after{width:100%;}
.m_link01 li a:hover p:before,
.m_link01 li a:hover p:before{width:100%; height:100%; left:0; opacity: 1;}

/* section02 */
.section02 { width:calc(70% - 2.25rem); margin-right:4.5rem; padding:3.5rem 0 2rem; float:left; overflow:hidden;}

/* 공지사항 */
.notice{position:relative; margin-top:0; padding-bottom:3rem;}
.notice .lst{height:14.25rem; margin-top:2.5rem; overflow:hidden;}
.notice .lst a{display:block; width:calc(33.33% - 1.7rem); float:left; margin-bottom:.5rem; word-break: keep-all;}
.notice .lst a+a{margin-left:2.5rem;}
.notice .lst a dt{display:block; height:3.5rem; font-size:1.35rem; color:#111; font-weight: 600; line-height:1.75rem; overflow:hidden;}
.notice .lst a dd{position:relative; display:block; margin-top:1.5rem; padding-top:1.5rem; border-top:3px solid #111;}
.notice .lst a dd:before{content:""; position:absolute; left:0; top:-3px; width:0; height:3px; background:#075ecd;}
.notice .lst a dd p{ height:3.75rem; line-height:1.25rem; overflow:hidden;}
.notice .lst a dd span{display:block; margin-top:2.5rem; font-size:.75rem; color:#333; font-weight: 200; font-family: 'Montserrat';}
.notice :before, .notice dl *{transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
/** 공지사항 : active **/
.notice .lst a:hover dt{color:#075ecd;}
.notice .lst a:hover dd:before{width:100%;}
.notice .lst a:hover dd p{text-decoration: underline;}

/* 포토갤러리 */
.gallery { position:relative; width:100%; padding-bottom:3rem; overflow:hidden;}
.gallery ul{height:17.2rem; margin-top:2.5rem; overflow:hidden;}
.gallery li{display:block; width:calc(33.33% - 1.7rem); margin-bottom:.5rem; float:left; word-break: keep-all;}
.gallery li + li{margin-left:2.5rem;}
.gallery li a{display:block; background:#fff; overflow:hidden;}
.gallery li p{width:100%; height:13rem; overflow:hidden; background:#000;}
.gallery li p img{position:relative; left:50%; top:0; width:auto; height:100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.gallery li strong{display:block; line-height:3rem; font-size:1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 600; color:#111;}
.gallery li span{display:block; font-size:.75rem; font-family: 'Montserrat'; color:#333;}
.gallery strong, .gallery img, .gallery .more:before{transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
/** 포토갤러리 : active **/
.gallery li a:hover strong{color:#0062ac;}
.gallery li a:hover img{opacity: .8;}

/* section03 */
.section03 { width:calc(30% - 2.25rem); float:left;}

/* 학과동영상 */
.subjctVideo{position:relative; width:100%; margin-top:3.5rem;}
.subjctVideo .contSlide{height:46.1rem; margin-top:0.8rem; padding:2.5rem 1.75rem 0 1.75rem; background:#f0f2f4;}
.subjctVideo .slideEl{height:20.5rem; padding-top:0;}
.subjctVideo .slideEl + .slideEl{margin-top:1.7rem;}
.subjctVideo .slideEl a{padding-bottom:1.7rem; border-bottom:0;}
.subjctVideo .slideEl a:before{z-index:1; height:1px; background:#3694fe;}
.subjctVideo .slideEl a:after{content:""; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:#d2d7de;}
.subjctVideo .slideEl:last-child a:after{display:none;}
.subjctVideo .slideEl .img{position:relative; height:14rem;}
.subjctVideo .slideEl .img:before{content:""; display:inline-block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; width:61px; height:61px; margin:auto; background:url('/images/template/00003/main/subjctVideo_play.png') no-repeat center;}
.subjctVideo .slideEl strong{height:auto; margin-right:0; text-overflow:ellipsis; white-space:nowrap; margin:1rem 0 1rem; font-weight:700; font-size:1.1rem; letter-spacing:-0.03rem;}
.subjctVideo .slideEl .date{display:block; position:relative; right:auto; bottom:auto; font-family:'Montserrat'; font-weight:200; font-style:normal; font-size:0.7rem; color:#8c8c8c;}
.subjctVideo .slideEl .more{right:1px; bottom:.5rem;}
.subjctVideo .slideEl .more:before{background:#d6e5f6;}
.subjctVideo .slideEl a:hover .more:before,
.subjctVideo .slideEl a:focus .more:before{ background:#3694fe;}
/** 학과동영상 : active **/

/* section04 */
.section_sm01 {position:relative; margin-top:2rem; padding-top:2.5rem; border-top:1px dashed #ccc;}

/* 선문통계 */
.univInfo{width:100%; height:10rem; margin:0 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: 700; 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-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-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;}

.section_sm01 h3,
.section_sm02 h3{font-size:1.5rem; font-weight: 700; line-height:1.6; color:#111; font-family: 'SCDream'; }
.section_sm01 h3 em,
.section_sm02 h3 em{display:inline; font-size:inherit; font-weight:inherit; color:#0062ac;}

/* 선문홍보영상 */
.univVideo{position:relative; width:calc(50% - 1.25rem); padding-right:3.75rem; margin-right:2.5rem; float:left;}
.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/T2/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-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 .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-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;}

/* section_sm02*/ 
.section_sm02{display:inline-block; position:relative; width:100%; padding:4.25rem 0 3rem; vertical-align:top;}
.section_sm02:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:13.5rem; background:#ccc url('../../images/T2/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/T2/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;}

/* 선문공감 */
.univEthy{position:relative; height:15rem; z-index: 2;}
.univEthy h3{padding-top:1.75rem}
.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-weight: 400; word-break: keep-all; letter-spacing: -.5px;}
.univEthy .control{margin:1.5rem 0 2.5rem;}
.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;}

/* banner */
.bnWrap{background:#f2f2f2; font-family: 'SCDream'; overfloW:hidden;}
.bnWrap h3{position:absolute; left:0; top:0; color:#464b61; line-height:1.5rem; 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 .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;}
.bnWrap #bnPlay{display:none;}
/** banner : active **/
.bnWrap .control > a:hover,
.bnWrap .control > a:focus{background:#defeff;}

/* RESPONSIVE */
@media (max-width: 1440px){
	
	/* 퀵메뉴
	.quickMenu h3, 
	.quickMenu ul{display:none;} 
	.quickMenu{width: 3rem;height: 3rem;line-height: 2rem;top:auto; bottom: 5rem;right: 0.8rem;} 
	.quickMenu a{border-radius: 50%;} 
	.quickMenu a.more{border:none; background: rgba(0,160,168,0.8); color: #fff;} 
	.quickMenu a.more:hover, .quickMenu a.more:hover {color: #fff;} 
	 */
}

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

	/* section01 */
	.section01{padding:2rem 0;}
	.section01 > .container{padding:1rem 0 0;}

	/* visual */
	.visual .slideEl a > strong{font-size:2.5rem;}
	.visual .slogan{width:50%;}
	.visual .slogan em{font-size:2.5rem;}

	/* 바로가기 */
	.m_link01 ul{display:block; font-size:0; line-height:0;}
	.m_link01 li{width:33.33%; display:inline-block; vertical-align: top; font-size:.8rem; padding-right:.5rem; margin:.5rem 0; line-height:1.5; }

	/* section02 */
	.section02 { width:100%; }

	/* 공지사항 */
	.notice .lst a dt{font-size:1.2rem;}

	/* 학과동영상 */
	.subjctVideo{margin-top:0;}
	.subjctVideo .contSlide{height:auto;}
	.subjctVideo .slideEl + .slideEl{margin-top:0;}
	.subjctVideo .slideEl a{margin:0 0.5rem;}
	.subjctVideo .slideEl strong{font-size:1rem;}

	/* section03 */
	.section03 { width:100%; }

	/* 선문통계 */
	.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;}

	/* 선문홍보영상 */
	.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;}
	
	/* banner */
	.bnWrap .inner{padding-left:10.5rem;}
}

@media (max-width: 1024px){

	/* 공통 */
	.section h3{font-size:1.1rem;}
	.section_sm01 h3,
	.section_sm02 h3{font-size:1.2rem;}
	.lineBox{margin-top:2rem;}
	.slideTy01 .contSlide{margin-top:1rem;}
	.slideTy02 .slideEl{padding-top:.9rem; height:auto;}
	.slideTy01 .slideEl a{padding-bottom:1.5rem; overflow:hidden;}
	.slideTy01 .slideEl p{width:15rem; height:9.75rem; float:left;}
	.slideTy01 .slideEl strong{width:calc(100% - 15rem); height:6rem; padding-left:1rem; float:left; font-size:.9rem;}
	.slideTy02 .slideEl .img{height:10.75rem;}
	
	/* visual */
	.visual .slideEl a > strong{font-size:2.1rem;}
	.visual .img{height:18rem;}
	.visual .slogan > p{margin:2rem 1.5rem;}
	.visual .slogan span{font-size:1rem;}
	.visual .slogan span strong{font-size:1.25rem;}
	.visual .slogan em{font-size:2.25rem;}

	/* section02 */
	.section02{padding:2rem 0;}

	/* 공지사항 */
	.notice{padding-bottom:2rem; margin-top:0rem;}
	.notice .lst{margin-top:1.5rem; height:13.5rem;}
	.notice .lst a dd span{margin-top:1.5rem;}

	/* 포토갤러리 */
	.gallery{padding-bottom:2rem;}
	.gallery ul{margin-top:1.5rem; height:15.2rem}
	.gallery li p{height:11rem;}

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

	/* 선문홍보영상 */
	.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;}
}

@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){	

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

	/* 선문홍보영상 */
	.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%;}
}

@media (max-width: 768px){

	/** slide type 02 **/
	.slideTy02 .contSlide{height:auto; width:calc(100% + 1rem); margin-left:-.5rem;}
	.slideTy02 .slideEl{padding-top:0; height:auto; }
	.slideTy02 .slideEl a{margin:0 .5rem;}

	/* 공지사항 */
	.notice .lst a{width:calc(50% - 1rem);}
	.notice .lst a+a{margin-left:2rem;}

	/* 포토갤러리 */
	.gallery li{width:calc(50% - 1rem);}
	.gallery li + li{margin-left:2rem;}

	/* 학과동영상 */
	.subjctVideo{margin-top:0;}

	/* 선문통계 */
	.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: 680px){
	
	/* visual */
	.visual .slideEl a{width:calc(100% - 2rem); padding:16rem 0 3rem; margin:0 1rem;}
	.visual .slideEl a > strong{width:100%;top: 4rem;left:0;right:auto;font-size: 1.9rem;word-break: keep-all;padding: 0 1rem;} 
	.visual .img{position:absolute; left:0; top:0; width:100%;}
	.visual .slogan{position:relative; right:auto; bottom:auto; width:80%; float:right;}
	.visual .control{right:1rem; left:auto;}
	/* visual : active */
	.visual .slideEl.active .slogan{right:0;}

	/* 바로가기 */
	.m_link01 li{width:50%;}

	/* 선문공감 */
	.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: 580px){

	/* 공통 */
	.slideTy01 .slideEl p{width:12rem; height:7.5rem;}
	.slideTy01 .slideEl strong{width:calc(100% - 12rem); height:4.5rem; margin:.5rem 0 0;}
	.moreTy02 .more{height:2rem;}
	.moreTy02 .more:before{width:2rem; height:2rem;}
	.moreTy02 .more:after{width:30px; right:1rem;}
	.moreTy02 a:hover .more:after,
	.moreTy02 a:focus .more:after{right:0.6rem;}
	.slideTy02 .slideEl strong{margin-right:3rem;}

	/* visual */
	.visual .slogan p{ word-break: break-all;}
	.visual .slogan span{font-size:.8rem;}
	.visual .slogan em{font-size:2rem;}

	/* 학과 동영상 */
	.subjctVideo .slideEl strong{margin-right:0;}

}

@media (max-width: 540px){

	.slideTy02 .slideEl a{margin:0; padding-bottom:1.3rem;}
	.slideTy02 .control{display:block; margin-top:0.7rem; text-align:center;}
	.slideTy02 .control .pager{display:inline-block; vertical-align: middle; font-family: 'Montserrat'; font-weight: 400; color:#959595; margin:0 .5rem;}
	.slideTy02 .control .pager .current{color:#000; font-weight: 600;}

	/* 선문홍보영상 */
	.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;}

	/* 학과동영상 */
	.subjctVideo .contSlide{padding:1.5rem 1.5rem 0 1.5rem;}
	.subjctVideo .slideEl .img img{top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%; height:auto;}

}

@media (max-width: 480px){

	/* 공통 */
	.slideTy01 .slideEl p,
	.slideTy01 .slideEl strong{width:calc(50% - 1rem);}
	.slideTy01 .slideEl strong{padding-right:0;}
	.slideTy02 .contSlide{margin-bottom:.5rem;}

	/* visual */
	.visual .slogan{width:90%;}
	.visual .slogan > p{margin:1.5rem 1rem;}
	.visual .slogan em{font-size:1.5rem;}

	/* 바로가기 */
	.m_link01{word-break: break-all;}

	/* 공지사항 */
	.notice .lst a{width:100%;}
	.notice .lst a+a{margin-left:0;}

	/* 포토갤러리 */
	.gallery ul{height:11rem;}
	.gallery li{width:100%;}
	.gallery li + li{margin-left:0;}
	.gallery li p{height:8.5rem;}
	.gallery li p img{top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%; height:auto;}

	/* 학과동영상 */
	.subjctVideo .slideEl .img img{width:auto; height:100%;}

}


@media (max-width: 460px){

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

	/* 선문뉴스 */
	.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;}
}

@media (max-width: 360px){

	/* visual */
	.visual .slideEl a > strong{font-size: 1.5rem;} 
	#visualPager p{width:5rem;}
	.visual .control{padding-lefT:9rem;}

	/* 바로가기 */
	.m_link01{text-align:center;}
	.m_link01 li p{position:relative; left:auto; top:auto; margin:0 auto;}
	.m_link01 li a{display:block; height:auto; padding-left:0; }
	.m_link01 li span{display:block; margin:.5rem 0 1rem;}

}