@import url("/common/css/layout.css");
@import url("/common/font/SORA/fonts.css");
@import url("/common/css/iframe.css");
@import url("layout_ctm.css");

/*Template Type T2*/

/* 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-size:1.5rem; font-weight: 700; color:#111; font-family: 'SCDream'; }
.section h3 em{color:#0062ac;}

/* 퀵메뉴 */
/*
.quickMenu{position:fixed; right:0; top:141px; width:5.5rem; text-align:center; border-radius:2rem 0 0 0; z-index:998; transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
.quickMenu.scrollTop{top:0px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);} 
.quickMenu a{display:block; padding:.5rem 0; font-size:.75rem; font-weight:400;}
.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; padding:0 .5rem; overflow:hidden; }
.quickMenu li + li{border-top:1px dashed #ddd;}
.quickMenu li a{color:#333; line-height:1.3; padding:1.2rem 0;}
.quickMenu li a:hover{color:#00969a;}
.quickMenu .more{background:#868c97; color:#fff;}*/
/* section01 */
/** section01 : active **/
.section01.action .visual:before{width:100%;}
.section01.action .visual:after{left:50%}
.section01.action .visual .img{width: 60.5rem;} 

/* visual */
.visual{position:relative; height:31.25rem; z-index:0; font-family: 'SCDream'; }
.visual:before{content:""; position:absolute; left:0; top:0; width:0%; height:calc(100% - 4.5rem); background:#2da5a6;}
.visual:after{content:""; position:absolute; left:40%; bottom:4.5rem; width:27.6rem; height:20rem; margin-left:-1150px; background:url('/images/template/00002/main/bg_visual.png') no-repeat top center/cover;}
.visual div{height:100%;}
.visual .slider{position:relative; z-index:1;}
.visual .slideEl{position:relative; vertical-align: top; opacity: 1 !important;}
.visual .slideEl a{position:relative; display:block; width:100%; max-width:1400px; height:100%; margin:0 auto;}
.visual .slideEl a:after{display:block; clear: both; content:"";}
.visual .slogan{position:relative; width:20rem; height:auto; padding-top:5.5rem; word-break: keep-all; color:#fff;}
.visual .slogan *{opacity: 0;}
.visual .slogan em{display:block; font-size:1rem; font-weight:600;}
.visual .slogan strong{display:block; font-size:2.3rem; font-weight:600; line-height:1.2; margin:1rem 0;}
.visual .slogan span{display:block; font-size:1.1rem; }
.visual .img{position:absolute;left: 23rem;top:0;width:30rem;height:31.25rem;border-radius:0 0 0 4.5rem;overflow:hidden;}
.visual .img p{position:absolute; left:0; top:0; width:62.25rem; height:100%; background:#fff;}
.visual .img img{position:relative; left:50%; top:0; width:100%; height:auto; transform: translateX(-60%); -webkit-transform:translateX(-60%); -ms-transform:translateX(-60%); opacity: .8;}
.visual .control{position:absolute; bottom:10rem; left:50%; height:auto; margin-left:-700px; 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:#fff; margin-left:-.25rem;}
.visual .control > a.play{display:none;}
.visual .control > a:hover,
.visual .control > a:focus{border-color:#fff;}
#visualPager{position:absolute; left:0; top:0; width:11rem; color:#d8d8d8; 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:#fff; opacity: 1;}
#visualPager p{position:relative; display:inline-block; width:6.5rem; height:2px; margin:0 .5rem; vertical-align: middle; background:rgba(255,255,255,0.5);} 
#visualPager p span{position:absolute; left:0; top:0; width:0; height:2px; background:#fff; }
.visual .img, .visual a, .visual img, .visual:before{transition: all .8s; -webkit-transition: all .8s; -ms-transition: all .8s;}
.visual img, .visual:after{transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s;}
.visual .control > a, #visualPager span, .visual .slogan *{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 .slogan *{opacity: 1;}

/* section02 */
.section02 {overflow:hidden;}
.section02 .container{position:relative; margin-top:1rem; padding: 2rem 0 2.5rem;}
.section02 .container:before{content:""; position:absolute; left:0; top:0rem; width:100%; height:18rem; margin-left:-58rem; border-radius:0 3rem 0 0; background: #f0f0f0; border-radius:0 5rem 0 0; transform: translateX(-5rem); -webkit-transform: translateX(-5rem); -ms-transform: translateX(-5rem);}
.section02 .container:after{content:""; position:absolute; right:50%; bottom:0; width:622px; height:80px; margin-right:-50rem; background:url('/images/template/00002/main/bg_section02.png') no-repeat center/cover; z-index: 0;  transform: translateX(5rem); -webkit-transform: translateX(5rem); -ms-transform: translateX(5rem); z-index:-1; }
.section02 .container:before,
.section02 .container:after{transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
/** section02 : active **/
.section02.action .container:before,
.section02.action .container:after{transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0);}
 
/*.subjctVideo h3{position:absolute; left:0; top:0; z-index:1;}
.subjctVideo .slider{position:relative; width:60rem; overflow:hidden; z-index:0; float:right;}
.subjctVideo .slick-list{position:relative;}
.subjctVideo .slideEl{position:relative; width:30rem; padding-top:3rem; overflow:hidden;}
.subjctVideo .slideEl h4{position:absolute; right:4rem; top:.25rem; max-width:19rem; line-height:2rem; font-size:1rem; font-weight: 600; padding-left:2rem; background:url('/images/template/00002/main/video_titbg.png') no-repeat left top;  overflow:hidden; white-space: nowrap; text-overflow:ellipsis; opacity: 0;}
.subjctVideo .slideEl h4 em{color:#0062ac; font-weight: 900; font-size:1.5rem; font-family: 'SORA'; }
.subjctVideo .slideEl a{position:relative; display:block; margin-right:4rem; height:15rem; overflow:hidden; background:#000;}
.subjctVideo .slideEl a:before{display:none; content:""; position:absolute; left:50%; top:50%; width:4rem; height:4rem; border-radius:50%; background:rgba(0,0,0,0.5) url('/images/template/00002/main/video_btn.png') no-repeat center/32px auto; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); z-index: 1;}
.subjctVideo .slideEl a p{height:100%;}
.subjctVideo .slideEl a img{position:relative; left:50%; top:50%; opacity: .3; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.subjctVideo .control > a{position:absolute; top:50%; width:2.75rem; height:2.75rem; background:#fff; border-radius:50%; text-align:center; line-height:2.7rem; color:#0062ac; font-size:1.25rem; font-weight: 600; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); box-shadow: 2px 2px 6px rgba(0,0,0,0.2);}
.subjctVideo .control > a.prev{right:30.7rem;}
.subjctVideo .control > a.next{right:0;}
.subjctVideo h4, .subjctVideo img, .subjctVideo a, .subjctVideo a:before{transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}*/
/** 학과동영상 : active 
.subjctVideo .slideEl a:hover:before{ background-color: rgba(0,0,0,0.8);}
.subjctVideo .control > a:hover,
.subjctVideo .control > a:focus{color:#fff; background:#0062ac;}
.subjctVideo .slideEl.active a:before{display:block;}
.subjctVideo .slideEl.active a img{opacity: 1;}
.subjctVideo .slideEl.active h4{opacity: 1;}**/

/* 학과동영상 */
.subjctVideo {position:relative; width:calc(100% - 32.5rem); height:20rem; margin-right:2.5rem; display:inline-block; font-family: 'SCDream';}
.subjctVideo h3{position:absolute; left:0; top:0; z-index:1;}
.subjctVideo .list_box{margin-top:1rem;}
.subjctVideo .slider{position:relative;} 
.subjctVideo .slideEl{position:relative; width:30rem; padding-top:3rem; overflow:hidden;}
.subjctVideo .slideEl.slick-active{opacity:1;}
.subjctVideo .slideEl h4{position:absolute; right:0; top:.25rem; max-width:19rem; line-height:2rem; font-size:1rem; font-weight: 600; padding-left:2rem; background:url('/images/template/00002/main/video_titbg.png') no-repeat left top;  overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
.subjctVideo .slideEl h4 em{color:#0062ac; font-weight: 900; font-size:1.5rem; font-family: 'SORA'; }
.subjctVideo .slideEl a{position:relative; display:block; height:15rem; overflow:hidden; background:#000; border-radius:1rem; }
.subjctVideo .slideEl a:before{ content:""; position:absolute; left:50%; top:50%; width:4rem; height:4rem; border-radius:50%; background:rgba(0,0,0,0.5) url('/images/template/00002/main/video_btn.png') no-repeat center/32px auto; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); z-index: 1;}
.subjctVideo .slideEl a p{height:100%;}
.subjctVideo .slideEl a img{position:relative; left:50%; top:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.subjctVideo .control > a{position:absolute; top:50%; width:2.75rem; height:2.75rem; background:#fff; border-radius:50%; text-align:center; line-height:2.7rem; color:#0062ac; font-size:1.25rem; font-weight: 600; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); box-shadow: 2px 2px 6px rgba(0,0,0,0.2);}

.subjctVideo #control { position:relative; width:80%; max-width:29rem; margin:1.5rem auto 0; text-align:center;}
.subjctVideo #control:after { content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#000; } 
.subjctVideo .slick-dots{display:flex; margin:0 -1rem; justify-content: space-between; position:relative; z-index:3; } 
.subjctVideo .slick-dots li{ position:relative; text-align:center;}  
.subjctVideo .slick-dots li.slick-active span:before{width:100%; background:#01aeb2;}
.subjctVideo .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;}
.subjctVideo .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;}
.subjctVideo .slick-dots li.slick-active button{outline:0; border-color:#01aeb2; background:#fff;}
.subjctVideo .slick-dots li.slick-active button:before{background:#01aeb2;}
.subjctVideo .progress_bar{ content:""; position:absolute; left:0; top:50%; width:0; height:1px; background:#01aeb2; transition:0.3s; z-index:2; }
.subjctVideo .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 */ 
.subjctVideo .slideEl .box:hover .img:before,
.subjctVideo .slideEl .box:focus .img:before{background:rgba(0,0,0,0.7);}
.subjctVideo .slick-dots li button:hover:before,
.subjctVideo .slick-dots li button:focus:before{background:#01aeb2;}
.subjctVideo .btn_more:hover,
.subjctVideo .btn_more:focus{background:#01aeb2;}

/* 공지사항 : 210701 */
.notice{position:relative; width:calc(100% - 32.5rem); height:20rem; margin-right:2.5rem; display:inline-block; font-family: 'SCDream';}
.notice h3{font-weight:500;}
.notice h3 em{font-weight:600;}
.notice .list_box{position:relative; margin-top:1rem; padding:.5rem 1rem; background:#fff; border-top:1px solid #ccc;}
.notice .list_box:before{content:""; position:absolute; left:0; top:-1px; width:45px; height:2px; background:#0062ac;}
.notice li{position:relative; padding:1rem 0;}
.notice li + li{border-top:1px dotted #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:0; top:.5rem; width:4px; height:4px; border-radius:50%; background:#0062ac;}
.notice li span{font-size:.75rem; position:absolute; right:0; top:1rem;}
.notice .btn_more{position:absolute; right:0; top:.75rem; text-transform: uppercase; font-size:.7rem; font-family: 'SORA'; font-weight: 600; color:#000; letter-spacing: -.5px;}
.notice .btn_more i{margin-left:.35rem;}
/* 공지사항 : action */
.notice li a:hover,
.notice li a:focus{color:#0062ac; text-decoration: underline;}
.notice .btn_more:hover,
.notice .btn_more:focus{color:#0062ac;}

/* 바로가기 */
.m_link01{ position:relative; width:30rem; float:right; word-break: keep-all; z-index:1; font-family: 'SCDream';}
.m_link01 ul{font-size:0; line-height:0;}
.m_link01 li{position:relative; display:inline-block; width:calc(33.33% - 1rem); margin:.75rem .5rem; vertical-align: top; }
.m_link01 li a{position:relative; display:block; min-height:8.5rem; padding:1.65rem 1rem 0; font-size:.75rem; line-height:1.6; text-align:center; border:1px solid #ddd; background:#fff;}
.m_link01 li a:before,
.m_link01 li a:after,
.m_link01 li p:before,
.m_link01 li p:after{content:""; position:absolute; background:#02afb3;}
.m_link01 li a:before{width:0; height:3px; left:0; top:0;}
.m_link01 li a:after{width:0; height:3px; right:0; bottom:0;}
.m_link01 li p:before{width:3px; height:0; left:0; top:0;}
.m_link01 li p:after{width:3px; height:0; right:0; bottom:0;}
.m_link01 li strong{display:block; line-height:1rem; height:2rem; overflow:hidden; margin:.25rem 0 0; color:#111; font-size:.9rem; font-weight:600; letter-spacing: -0.5px;}
.m_link01 strong, .m_link01 img, .m_link01 :before, .m_link01 :after{transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
/** 바로가기 : active **/
.m_link01 li a:hover{box-shadow:0px 0px 7px rgba(0,0,0,0.2);}
.m_link01 li a:hover strong{color:#00999e}
.m_link01 li a:hover:before,
.m_link01 li a:hover:after{width:100%;}
.m_link01 li a:hover p:before,
.m_link01 li a:hover p:after{height:100%;}

/* section03 */
.section03 {position:relative; padding: 0 0 2.5rem;}
.section03:before{content:""; position:absolute; left:0; bottom:0; width:50%; height:15rem; background: url('/images/template/00002/main/bg_section03.png') no-repeat center/cover; transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; opacity: 0;}
/** section03 : active **/
.section03.action:before{width:100%; opacity: 1;}

/* 포토갤러리 */
.gallery {width:100%; overflow:hidden;}
.gallery ul{width:calc(100% + 2rem); margin-left:-1rem; margin-top:1rem; overflow:hidden;}
.gallery li{width:calc(33% - 2rem); margin:0 1rem; float:left; }
.gallery li:nth-child(1) a{border-radius:2.5rem 0 0 0;}
.gallery li:nth-child(2) a{margin-top:4rem;}
.gallery li:nth-child(3) a{border-radius:0 0 2.5rem 0;}
.gallery li a{display:block; line-height:3.5rem;  background:#fff; overflow:hidden;}
.gallery li p{width:100%; height:13rem; overflow:hidden;}
.gallery li p img{position:relative; width:100%; height:auto; min-height:100%;}
.gallery li strong{width:calc(100% - 4.75rem); padding-left:1.25rem; float:left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 600; color:#111;}
.gallery li span{width:3rem; margin-right:1.25rem; float:right; font-size:.7rem; color:#333;}
.gallery .more{position:absolute; right:0; top:0; color:#111; font-weight: 600; font-size:.7rem; padding-left:2.75rem; font-family: 'SORA';}
.gallery .more:before{content:""; position:absolute; right:2.75rem; top:50%; width:2rem; height:3px; margin-top:-1px; background:#111; }
.gallery strong, .gallery img, .gallery .more:before, .gallery .more{transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
/** 포토갤러리 : active **/
.gallery li a:hover strong{color:#0062ac;}
.gallery li a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1);}
.gallery .more:hover,
.gallery .more:focus{padding-left:3rem; color:#0062ac;}
.gallery .more:hover:before,
.gallery .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: 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;}

/* 선문홍보영상 */
.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/template/00002/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:auto;}
.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{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/00002/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/00002/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 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{padding-left:1rem;}
	.visual .img p{width:100%;}
	.visual .img img{height:100%; width:auto;}
	.visual .control{left:1rem; margin-left:0;}
	.section01.action .visual .img{width:calc(100% - 21rem);}
	.section01.action .visual:after{left: -5rem; margin-left:0; width: 15rem; height: 10rem;}

	/* section02 */
	.section02 .container:before{left:-1rem; width:15rem; margin-left:0;}
}

@media (max-width: 1360px){

	/* 학과동영상 */
	.subjctVideo{width:calc(50% - 1.35rem); }
	.subjctVideo .slider{width:100%;}	  
	.subjctVideo .slideEl h4{width:calc(100% - 12rem);}
	.subjctVideo .control > a.prev{right:auto; left:0;}

	/* 공지사항 : 210701 */
	.notice{width:calc(50% - 1.35rem); }

	/* 바로가기 */
	.m_link01{width:calc(50% - 1.35rem);}
}

@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 */
	.section02 .container:after{margin-right:0; right:-10%;}

	/* 학과동영상 */
	.subjctVideo{width:calc(50% - .75rem); margin-right:1.5rem; }

	/* 공지사항 : 210701 */
	.notice{width:calc(50% - .75rem); margin-right:1.5rem; }

	/* 바로가기 */
	.m_link01{width:calc(50% - .75rem);}

	/* section02 */
	.section03:before{height:10rem;}

	/* 포토갤러리 */
	.gallery{width:95%;}
	.gallery ul{width:calc(100% + 1.5rem); margin-left:-.5rem;}
	.gallery li{width:calc(33% - 1rem); margin:0 .5rem;}
	.gallery li:nth-child(2) a{margin-top:2rem;}
	.gallery li p{height:9rem;}
	.gallery li a{line-height:2.75rem;}

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

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

@media (max-width: 1024px){

	.section h3{font-size:1.2rem;}

	/* 학과동영상 */
	.subjctVideo .slideEl h4{width:calc(100% - 10rem); font-size:.9rem; background-size:auto 1rem; background-position: left center; padding-left:1.65rem;}
	.subjctVideo .slideEl h4 em{font-size:1.25rem;}

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

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

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

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

	/* visual */
	.visual, .visual .img{height:22rem;}
	.visual:before{height:calc(100% - 3rem)}
	.visual .img{left:18rem; border-radius: 0 0 0 3rem;}
	.visual .slogan{padding-top:2.5rem; width:18rem;}
	.visual .slogan span{font-size:.9rem;}
	.visual .slogan strong{font-size:2rem;}
	.visual .control{bottom:5rem;}
	.section01.action .visual .img{width:calc(100% - 18rem);}

	/* section02 */
	.section02 .container{padding:1rem 0 2.5rem;}

	/* 학과동영상 */
	.subjctVideo{width:100%; height:auto; margin-bottom:1.5rem; margin-right:0; float:none;}
	.subjctVideo h3{position:relative; left:auto; top:auto;}
	.subjctVideo .slideEl{padding:1rem 0 3rem;}
	.subjctVideo .slideEl a{margin:0; background:#000; }
	.subjctVideo .slideEl h4{right:auto; top:auto; left:0; bottom:0; width:100%; max-width:100%;}
	.subjctVideo #control { margin-top:1rem; }
	.subjctVideo .control > a{top:1rem; z-index: 1;}
	.subjctVideo .control > a.prev{left:auto; right:3.5rem;}

	/* 공지사항 : 210701 */
	.notice{width:100%; height:auto; margin-bottom:1.5rem; margin-right:0; float:none;}

	/* 바로가기 */
	.m_link01{width:100%; float:none;}

	/* 선문통계 */
	.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){

	/* visual */
	.visual{height:auto; text-align: center;}
	.visual:before{height:calc(100% - 6rem);}
	.visual .img img{width:100%; height:auto;}
	.visual .slogan{width:100%; padding:2rem .5rem 1rem;}
	.visual .slogan em{font-size:.85rem;}
	.visual .slogan strong{font-size:1.5rem; margin:.5rem 0;}
	.visual .control{position:relative; left:auto; bottom:auto; width:auto; padding:1rem 0 0; margin-right:.5rem; text-align:right;}
	#visualPager{position:relative; left:auto; top:auto; width:auto; display:inline-block; vertical-align: top; color:#888;}
	#visualPager p{width:5rem; background:#ccc;}
	#visualPager p span{background:#00999e;}
	#visualPager .current{color:#00999e;}
	.visual .control > a{color:#333;}
	.visual .img,
	.section01.action .visual .img{position:relative; left:auto; top:auto; width:auto; height:15rem; margin-left:2rem;}
	.visual .img img,
	.section01.action .visual .img img{transform: translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); opacity: 1;}
	.section01.action .visual:after{bottom:6rem;}

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

	/* 포토갤러리 */
	.gallery ul{height:13.75rem;}
	.gallery li{width:calc(50% - 1rem); margin-bottom:.5rem;}
	.gallery li strong{padding-left:.5rem;}
	.gallery li span{margin-right:.5rem;}
}

@media (max-width: 680px){

	.section02 .container:after{width:80%; right:-1rem; background-size:contain;}

	/* section03 */
	.section03{padding-bottom:1.5rem;}

	/* section_sm02 */
	.section_sm02{padding-top:1rem;}
	.section_sm02:before{height:18rem;}
	.section_sm02:after{display:none;}

	.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: 540px){

	.section02 .container:before{width:12rem; height:14rem; border-radius:0 3rem 0 0;}

	/* 학과동영상 */
	.subjctVideo{height:auto;}
	.subjctVideo .slideEl{padding:1rem 0 2.5rem;}
	.subjctVideo .slideEl a{height:11rem;} 
	.subjctVideo .control > a{width:2rem; height:2rem; line-height:2.1rem; font-size:1rem;}
	.subjctVideo .control > a.prev{right:2.25rem;}

	/* 포토갤러리 */
	.gallery ul{width:100%; height:14rem; margin:1rem 0 0;}
	.gallery li{width:100%; margin:0;}
	.gallery li p{height:11rem;}

	/* 바로가기 */
	.m_link01{word-break: break-all;}
	.m_link01 li{width:calc(50% - 1rem); margin:.25rem .5rem;}
	.m_link01 li a{min-height:6.75rem; padding:1rem .5rem 0;}
	.m_link01 li a img{width:2.75rem; height:auto;}

	/* 선문홍보영상 */
	.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: 460px){

	/* visual */
	.visual .img,
	.section01.action .visual .img{height:10rem; margin-left:1rem;}
	.visual .slogan span{font-size:.75rem;}

	/* 선문통계 */
	.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: 380px){

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

@media (max-width: 320px){

	/* visual */
	.visual .img img{width:auto; height:100%; min-width:100%;}
}