@charset "utf-8";
/* 레이아웃 기본 스타일 선언(컨텐츠 중앙 정렬) :최대 width 확인 */
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto;}
.div-cont:after {clear:both;content:"";display:block;}
@media all and (min-width:1200px) {
	.div-wrap {min-width:1200px;}
	.div-cont {max-width:1200px;width:100%;}
}
@media all and (max-width:1200px){
	.div-cont {margin:0 30px}
}
@media all and (max-width:680px){
	.div-cont {margin:0 15px}
}

#mcontainer {word-break:keep-all}

/* 메인 비쥬얼 */
#mvisual-wr {position:relative;margin-top:-90px;overflow:hidden}
#mvisual {position:relative;height:640px;}
#mvisual .owl-stage-outer {height:100%}
#mvisual .owl-stage-outer .owl-stage {height:100%}
#mvisual .owl-stage-outer .owl-stage .owl-item {height:100%;overflow:hidden;}
#mvisual .item {position:relative;height:100%;}
#mvisual .item .vis-tit {position:absolute;right:0;top:160px;width:auto;z-index:1;}
#mvisual .item .vis-img {position:relative;max-width:1200px;height:100%;margin:0 auto;}
#mvisual .item .vis-img .pimg {width:2000px;position:absolute;top:0;left:50%;margin-left:-1000px}
#mvisual .item .vis-img .txt-wr {position:absolute;top:268px;left:0;z-index:10;width:100%;text-shadow:0px 3px 10px rgba(0, 0, 0, 0.42);}
#mvisual .item .vis-img .txt-wr .txtBox span {display:block;font-weight:400;color:#fff;line-height:1.2;letter-spacing:-.05em;text-align:center;}
#mvisual .item .vis-img .txt-wr .txtBox .etit {font-family:"proxima-nova";font-size:26px;margin:0 0 15px;}
#mvisual .item .vis-img .txt-wr .txtBox .ktit {font-size:50px;}
#mvisual .item .vis-img .txt-wr .txtBox .ktit b {display:block;}

#mvisual-wr .ctrlnums-wrap {position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;margin-bottom:70px;}
#mvisual-wr .ctrl-nums {display:block;max-width:1200px;margin:0 auto;}
#mvisual-wr .ctrl-nums span {}
#mvisual-wr .ctrl-nums button {display:inline-block;vertical-align:middle;width:83px;height:83px;border:0;background:rgba(0,0,0,.4);;border-radius:50%;position:relative;position:absolute;top:323px;}
#mvisual-wr .ctrl-btns {display:inline-block;}
#mvisual-wr .ctrl-btns button:before, #mvisual-wr .ctrl-btns button:after {display:block;content:"";width:24px;height:2px;background:#fff;position:absolute;left:50%;box-sizing:border-box;}
#mvisual-wr .ctrl-btns button:before {top:33px;}
#mvisual-wr .ctrl-btns button:after {bottom:32px;}
#mvisual-wr .ctrl-btns button.btn-prev {left:45px;}
#mvisual-wr .ctrl-btns button.btn-next {right:45px;}
#mvisual-wr .ctrl-btns button.btn-prev:before {transform:rotate(-45deg);-ms-transform:rotate(-45deg);margin-left:-15px;}
#mvisual-wr .ctrl-btns button.btn-prev:after {transform:rotate(45deg);-ms-transform:rotate(45deg);margin-left:-15px;}
#mvisual-wr .ctrl-btns button.btn-next:before {transform:rotate(-135deg);-ms-transform:rotate(-135deg);margin-left:-8px;}
#mvisual-wr .ctrl-btns button.btn-next:after {transform:rotate(135deg);-ms-transform:rotate(135deg);margin-left:-8px;}
#mvisual-wr .ctrl-nums .nums {display:none;}
@media all and (max-width:1199px) {
	#mvisual-wr .ctrl-nums {margin:0 30px}
	#mvisual .item .vis-img {width:auto;margin:0 30px}
}
@media all and (max-width:999px) {
	#mvisual-wr .ctrlnums-wrap {margin-bottom:65px}
	#mvisual {height:512px;}
	#mvisual .item .vis-img .pimg {width:1600px;margin-left:-800px;}
	#mvisual .item .vis-img .txt-wr {top:195px}
	#mvisual .item .vis-img .txt-wr .txtBox .etit {font-size:22px;}
	#mvisual .item .vis-img .txt-wr .txtBox .ktit {font-size:40px;}
	#mvisual-wr .ctrl-nums button {top:245px;width:66px;height:66px;}
	#mvisual-wr .ctrl-btns button.btn-prev {left:10px;}
	#mvisual-wr .ctrl-btns button.btn-next {right:10px;}
	#mvisual-wr .ctrl-btns button:before, #mvisual-wr .ctrl-btns button:after {width:16px;}
	#mvisual-wr .ctrl-btns button:before {top:27px;}
	#mvisual-wr .ctrl-btns button:after {bottom:27px;}
	#mvisual-wr .ctrl-btns button.btn-prev:before {margin-left:-10px;}
	#mvisual-wr .ctrl-btns button.btn-prev:after {margin-left:-10px;}
}
@media all and (max-width:768px) {
	#mvisual-wr .ctrlnums-wrap {margin-bottom:0}
	#mvisual {height:448px;}
	#mvisual .item .vis-img .pimg {width:1400px;margin-left:-700px;}
	#mvisual .item .vis-img .txt-wr .txtBox .etit {font-size:18px;margin:0 0 5px;}
	#mvisual .item .vis-img .txt-wr .txtBox .ktit {font-size:34px;}
	#mvisual-wr .ctrl-nums button {top:215px;}
	#mvisual-wr .ctrl-btns button:before {top:19px;}
	#mvisual-wr .ctrl-btns button:after {bottom:19px;}
}
@media all and (max-width:699px) {
	#mvisual {height:384px;}
	#mvisual .item .vis-img .pimg {width:1200px;margin-left:-600px;}
	#mvisual .item .vis-img .txt-wr .txtBox .etit {font-size:16px;}
	#mvisual .item .vis-img .txt-wr .txtBox .ktit {font-size:28px;}
	#mvisual-wr .ctrl-nums button {width:50px;height:50px;}
}
@media all and (max-width:599px) {
	#mvisual {height:320px;}
	#mvisual .item .vis-img .pimg {width:1000px;margin-left:-500px;}
	#mvisual .item .vis-img .txt-wr {top:150px;}
	#mvisual .item .vis-img .txt-wr .txtBox .ktit {font-size:22px;}
	#mvisual-wr .ctrl-nums button {top:170px;}
	#mvisual-wr .ctrl-btns button.btn-prev {left:0;}
	#mvisual-wr .ctrl-btns button.btn-next {right:0;}
}
.mtit {font-family:"proxima-nova", "Noto Sans KR";}

/* msec */
.msec01 {position:relative;}
.msec02 {padding:50px 0;position:relative;letter-spacing:-.05em;}
.msec03 {padding:50px 0;background:#ececec;}
.msec03:after {display:block;content:"";clear:both;}
.msec04 {position:relative;padding:50px 0;}
@media only screen and (max-width:999px){
	.msec02 {padding:50px 0;}
}
@media only screen and (max-width:767px){
	.msec02 {padding:20px 0;}
	.msec03 {padding:20px 0;}
	.msec04 {padding:20px 0;}
}

/* mquick */
.mquick-sec {width:130px;position:absolute;top:100%;right:0;z-index:3;text-align:center;box-sizing:border-box;}
.mquick-sec .tit-wr {position:relative;background:#d9521f;}
.mquick-sec .mtit {color:#fff;font-size:16px;padding:15px 5px;box-sizing:border-box;}
.mquick-sec .btn-open {width:100%;height:100%;position:absolute;top:0;right:0;border:0;background:0;display:none;}
.mquick-sec .btn-open:before, .mquick-sec .btn-open:after {display:block;content:"";width:2px;height:17px;background:#fff;position:absolute;top:50%;left:50%;margin:-8px 0 0 -1px;transition:all .5s ease;}
.mquick-sec .btn-open:after {transform:rotate(90deg);-ms-transform:rotate(90deg);}
.mquick-sec ul {background:#0a407d;}
.mquick-sec li {padding:0 13px;}
.mquick-sec li a {display:block;color:#fff;opacity:.8;font-size:14px;padding:13px 5px;border-top:1px solid #47709e;}
.mquick-sec li:first-child a {border:0;}
.mquick-sec li a:hover {opacity:1;}
.mquick-sec.fix {position:fixed;top:0;}
.mquick-sec .btn-open.over:before {transform:rotate(135deg);-ms-transform:rotate(135deg);}
.mquick-sec .btn-open.over:after {transform:rotate(225deg);-ms-transform:rotate(225deg);}
@media only screen and (min-width:1000px) and (max-width:1460px) {
	.mquick-sec {width:50px;height:130px;}
	.mquick-sec .tit-wr {transform:rotate(90deg);-ms-transform:rotate(90deg);padding-right:50px;position:absolute;top:65px;left:-65px;width:130px;height:50px;}
	.mquick-sec .btn-open {display:block;width:50px;height:100%;background:#0a407d;}
	.mquick-sec ul {width:0;height:0;overflow:hidden;}
	.mquick-sec.fix {padding:0;}

	.mquick-sec.fix.is-open {padding-top:50px}
	.mquick-sec.is-open {width:130px;height:auto;}
	.mquick-sec.is-open .tit-wr {transform:rotate(0);-ms-transform:rotate(0);padding-right:0;position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0;width:auto;height:auto;}
	.mquick-sec.is-open .btn-open {top:-100%;}
	.mquick-sec.is-open ul {width:auto;height:auto;}
}
@media only screen and (max-width:999px){
	.mquick-sec {padding-left:20%;position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0;width:100%;}
	.mquick-sec .tit-wr {width:20%;height:100%;position:absolute;top:0;left:0;box-sizing:border-box;font-size:0;}
	.mquick-sec .tit-wr:before {display:inline-block;vertical-align:middle;content:"";width:0;height:100%;}
	.mquick-sec .btn-open:before, .mquick-sec .btn-open:after {left:100%;margin-left:-20px;}
	.mquick-sec .mtit {padding:15px 5px;display:inline-block;vertical-align:middle;width:100%;}
	.mquick-sec ul {font-size:0;}
	.mquick-sec li {display:inline-block;vertical-align:middle;width:33.333%;box-sizing:border-box;}
	.mquick-sec li:nth-child(-n+3) a {border-top:0;}
	.mquick-sec.fix {padding:0;}
	.mquick-sec.fix .tit-wr {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0;width:100%;}
	.mquick-sec.fix .btn-open {display:block;}
	.mquick-sec.fix ul {display:none;}
}
@media only screen and (max-width:499px){
	.mquick-sec {padding:0;}
	.mquick-sec .tit-wr {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0;width:100%;height:auto;}
	.mquick-sec li {padding:0 5px;}
}

/* mlink */
.mlink-sec {text-align:center;position:relative;}
.mlink-sec .mtit {position:relative;display: none;font-size:35px;font-weight:400;color:#222;text-align:left;padding:20px 0;margin:10px 0;}
.mlink-sec .mlink-wr {position: relative; display: block; }
.mlink-sec .mtit:before {display:block;content:"";width:48px;height:34px;background:url(/resources/homepage/dorm/_Img/Main/dorm_spr.png) no-repeat -185px 100%;position:absolute;top:0;right:0;}
.mlink-sec .mtit span {display:block;margin:-3px 0 0 40px;}
.mlink-sec .mtit em {display:inline-block;font-style:normal;font-size:25px;color:#bdbdbd;margin-right:10px;}
.mlink-sec .mlink {/* position:absolute; */top:0;width: 100%;}
.mlink-sec .mlink-l {left:0;}
.mlink-sec .mlink-r {right:0;}
.mlink-sec ul:after {display:block;content:"";clear:both;}
.mlink-sec li {float:left;width: 20%;border-left:1px solid #dfdfdf;box-sizing:border-box;}
.mlink-sec li:first-child {border:0;}
.mlink-sec li a {display:block;font-size:18px;color:#333;position:relative;}
.mlink-sec li a:before {display:block;content:"";width:92px;height:91px;background:url(/resources/homepage/dorm/_Img/Main/dorm_spr.png) no-repeat;margin:0 auto 25px;transition:all .5s ease;}
.mlink-sec li a:after {display:block;content:'';width:0;height:0;transition:all .5s ease;position:absolute;top:96px;left:50%;background:radial-gradient(ellipse at center, rgba(0, 0, 0, .2) 0%, transparent 50%);}
.mlink-sec li.n1 a:before {background-position:0 0;}
.mlink-sec li.n2 a:before {background-position:-94px 0;}
.mlink-sec li.n3 a:before {background-position:-188px 0;}
.mlink-sec li.n4 a:before {background-position:-282px 0;}
.mlink-sec li.n5 a:before {background-position: -373px 0;}
.mlink-sec li a:hover {text-decoration:underline;}
.mlink-sec li a:hover:before {transform:translateY(-6px);-ms-transform:translateY(-6px);}
.mlink-sec li a:hover:after {width:60px;height:10px;top:91px;margin-left:-30px;}
@media only screen and (max-width:1399px){
	.mlink-sec .mlink {/* width: 100%; */}
}
@media only screen and (max-width:999px){
	.mlink-sec {font-size:0}
	.mlink-sec .mtit {width:16%;vertical-align:middle;font-size:31px;padding:10px 0;}
	.mlink-sec .mtit:before {width:38px;height:27px;background-position:-148px 100%;background-size:297px auto;}
	.mlink-sec .mtit span {margin-left:30px;}
	.mlink-sec .mtit em {font-size:21px;}
	.mlink-sec .mlink-wr {display:inline-block;width: 100%;}
	.mlink-sec .mlink {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0;display:inline-block;vertical-align:middle;width: 100%;}
	.mlink-sec li {border-width:0;/* width: 50%; *//* margin-bottom: 30px; */}
	.mlink-sec li a {font-size:15px;}
	.mlink-sec li a:before {width:74px;height:73px;background-size:297px auto;margin-bottom:15px;}
	.mlink-sec li.n1 a:before {background-position:0 0;}
	.mlink-sec li.n2 a:before {background-position:-75px 0;}
	.mlink-sec li.n3 a:before {background-position:-150px 0;}
	.mlink-sec li.n4 a:before {background-position:-226px 0;}
	.mlink-sec li.n5 a:before {background-position:-306px 0;}
	.mlink-sec li a:after {top:78px;}
	.mlink-sec li a:hover:after {top:73px;}
}
@media only screen and (max-width:767px){
	.mlink-sec .mtit {font-size:27px;}
	.mlink-sec li a:before {width: 44px;height: 44px;background-size:223px auto;}
	.mlink-sec li.n1 a:before {background-position:0 0;}
	.mlink-sec li.n2 a:before {background-position: -44px 0;}
	.mlink-sec li.n3 a:before {background-position: -90px 0;}
	.mlink-sec li.n4 a:before {background-position: -133px 0;}
	.mlink-sec li.n5 a:before {background-position: -178px 0;}
	.mlink-sec li a:after {top:60px;}
	.mlink-sec li a:hover:after {top:55px;}
}
@media only screen and (max-width:599px){
	.mlink-sec .mtit {width:auto;font-size:22px;}
	.mlink-sec .mtit:before {width:29px;height:20px;background-position:-111px 100%;background-size:223px auto;}
	.mlink-sec .mlink-wr {width:100%;}
	.mlink-sec li a:before {width: 40px;height: 36px;background-size:186px auto;}
	.mlink-sec li.n1 a:before {background-position:0 0;}
	.mlink-sec li.n2 a:before {background-position: -33px 0;}
	.mlink-sec li.n3 a:before {background-position: -75px 0;}
	.mlink-sec li.n4 a:before {background-position: -109px 0;}
	.mlink-sec li.n5 a:before {background-position: -147px 0;}
	.mlink-sec li a:after {top:51px;}
	.mlink-sec li a:hover:after {top:46px;}
}
@media only screen and (max-width:499px){
	.mlink-sec li a {font-size:14px;}
}
@media only screen and (max-width:399px){
	.mlink-sec .mtit {margin-bottom:0;}
	.mlink-sec .mlink {width:100%;border:1px solid #ccc;}
	.mlink-sec .mlink:last-child {border-top:0;}
	.mlink-sec li {border-left:1px solid #ccc;padding:10px 0;}
	.mlink-sec li a {font-size:14px;}
}

/* mcal-sec */
.mcal-sec {width:310px;height:328px;background:#fff;float:left;padding:34px 30px 40px;margin:0 20px 0 60px;box-sizing:border-box;}
.mcal-sec .mtit {color:#222;font-weight:500;font-size:24px;padding:5px;}
.mcal-sec .mcalendar {position:relative;padding:20px 0 0;}
.mcal-sec .mcalendar .ctrl-btns {font-size:0;position:absolute;top:-34px;right:30px;display:none;}
.mcal-sec .mcalendar .ctrl-btns button {display:inline-block;vertical-align:middle;width:30px;height:30px;border:0;}
.mcal-sec .mcalendar .ctrl-btns .btn-prev {background:#888 url(/resources/homepage/dorm/_Img/Main/dorm_spr.png) no-repeat -164px -93px;}
.mcal-sec .mcalendar .ctrl-btns .btn-next {background:#b3b3b3 url(/resources/homepage/dorm/_Img/Main/dorm_spr.png) no-repeat -194px -93px;}
.mcal-sec .mcalendar .btn-more {width:30px;height:30px;background:#ebebeb url(/resources/homepage/dorm/_Img/Main/dorm_spr.png) no-repeat -224px -93px;position:absolute;top:-34px;right:0;}
.mcal-sec .mcalendar .mcalendar-list {height:200px;overflow:hidden;}
.mcal-sec .mcalendar .mcalendar-list li {position:relative;padding:8px 0 7px 80px;margin:15px 0 0;}
.mcal-sec .mcalendar .mcalendar-list li:first-child {margin:0;}
.mcal-sec .mcalendar .mcalendar-list a {display:block;}
.mcal-sec .mcalendar .mcalendar-list .date {display:block;width:60px;position:absolute;top:0;left:0;font-family:"proxima-nova";font-size:13px;color:#666;padding:35px 0 6px;box-sizing:border-box;border:1px solid #b5b5b5;text-align:center;}
.mcal-sec .mcalendar .mcalendar-list .date .day {font-size:25px;font-style:normal;color:#333;position:absolute;top:7px;left:0;width:100%;}
.mcal-sec .mcalendar .mcalendar-list .subject {font-size:16px;color:#333;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;margin:0 0 10px;}
.mcal-sec .mcalendar .mcalendar-list .period {font-family:"proxima-nova";font-size:14px;color:#666;}
.mcal-sec .mcalendar .mcalendar-list a:hover .date {background:#3eb134;color:#aadda6;border-color:#3eb134}
.mcal-sec .mcalendar .mcalendar-list a:hover .day {color:#fff;}
.mcal-sec .mcalendar .mcalendar-list a:hover .subject {color:#3eb134;}
.mcal-sec .mcalendar .btn-more:hover {border-radius:50%;transition:all .3s ease;}

.mcal-sec .mcalendar .mcalendar-list li.no-data {padding:130px 0 0;background-position:50% 40px;height:15px;}
@media only screen and (max-width:1199px){
	.mcal-sec {width:33%;margin:0 2%;}
}
@media only screen and (max-width:999px){
	.mcal-sec {width:100%;margin:0 0 2%;height:auto;}
}
@media only screen and (max-width:767px){
	.mcal-sec {width:100%;margin:0 0 3%;height:auto;padding:30px;}
}
@media only screen and (max-width:599px){
	.mcal-sec {padding:20px;}
}

/* dorminfo-sec */
.dorminfo-sec {position:relative;width:290px;height:328px;background:#fff;float:left;padding:40px 30px 63px;box-sizing:border-box;}
.dorminfo-sec:after {display:block;content:"";width:102px;height:78px;background:url(/resources/homepage/dorm/_Img/Main/dorm_spr.png) no-repeat 0 -93px;position:absolute;bottom:38px;right:15px;z-index:1;}
.dorminfo-inwr {box-sizing:border-box;}
.dorminfo-sec .mtit {font-size:20px;font-weight:400;color:#333;}
.dorminfo-sec span {display:block;}
.dorminfo-sec .num {font-size:36px;font-family:"proxima-nova";color:#044288;margin:25px 0;}
.dorminfo-sec .time {position:relative;font-size:15px;color:#333;background:#f0f0f0;border-radius:999px;padding:10px 10px 10px 45px;margin:0 0 30px}
.dorminfo-sec .time:before {display:block;content:"";width:14px;height:14px;margin:0 9px 0 17px;background:url(/resources/homepage/dorm/_Img/Main/dorm_spr.png) no-repeat -290px -114px;position:absolute;top:10px;left:0;}
.dorminfo-sec .txt {font-size:15px;color:#767676;padding-right:90px;line-height:1.2;}
@media only screen and (max-width:1199px){
	.dorminfo-sec {width:26%;}
	.dorminfo-sec .num {font-size:29px;}
}
@media only screen and (max-width:999px){
	.dorminfo-sec {width:49%;height:auto;padding:0;font-size:0;}
	.dorminfo-sec:before {display:inline-block;vertical-align:middle;content:"";width:0;padding:58.696% 0 0;}
	.dorminfo-inwr {display:inline-block;vertical-align:middle;padding:5px 30px;}
	.dorminfo-sec:after {width:82px;height:62px;background-size:297px auto;background-position:0 -74px;bottom:15px;}
	.dorminfo-sec .num {margin:10px 0 15px;}
	.dorminfo-sec .time {margin:0 0 20px;}
}
@media only screen and (max-width:767px){
	.dorminfo-sec:after {width:61px;height:47px;background-size:223px auto;background-position:0 -56px;}
	.dorminfo-inwr {max-height:225px;padding:20px;}
	.dorminfo-sec .txt {padding-right:55px;}
}
@media only screen and (max-width:599px){
	.dorminfo-sec {width:100%;}
	.dorminfo-sec:before {display:none;}
}

/* mvideo-sec */
.mvideo-sec {position:relative;z-index:2;}
.mvideo-sec .mvideo-inwr {max-width:1200px;margin:0 auto;position:relative;}
.mvideo-sec .mvideo-cont {position:absolute;top:0;right:0;width:460px;min-height:205px;background:#000;}
.mvideo-sec .mvideo-cont:before {display:block;content:"";width:100%;padding:58.696% 0 0;}
.mvideo-sec iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.mvideo-sec iframe .ytp-large-play-button {width:65px;height:65px;background:url(/resources/homepage/dorm/_Img/Main/dorm_spr.png) no-repeat 100% -93px;margin:-32px 0 0 -32px;}
@media only screen and (max-width:1199px){
	.mvideo-sec .mvideo-inwr {margin:0 30px;}
	.mvideo-sec .mvideo-cont {width:38.333%;}
}
@media only screen and (max-width:999px){
	.mvideo-sec .mvideo-cont {width:49%;top:auto;bottom:100%;margin-bottom:100px;}
}
@media only screen and (max-width:767px){
	.mvideo-sec .mvideo-cont {margin-bottom:40px;}
}
@media only screen and (max-width:680px){
	.mvideo-sec .mvideo-inwr {margin:0 15px;}
}
@media only screen and (max-width:599px){
	.mvideo-sec .mvideo-cont {width:100%;max-width:460px;margin:10px auto 30px;position:relative;top:auto;bottom:auto;right:auto;left:auto;}
}