@charset "utf-8";
/****************************************/
/* Name: 동명대학교 생활관
/* PART: CONTENT STYLE 
/* Version: 1.0 / day: 2021-12-21
/* Author:  
/****************************************/

/*
=========================================================================
메인 콘텐츠 css
=========================================================================
*/

/* cms코드 제어 */
.fr-video {position:static;}

/* 슬라이드 기본설정 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 0;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
body{overflow-x:hidden}
.mode-pc{display:block}
.mode-mobile{display:none}

.topNotice{position:relative}
.topNotice .conbox{position:relative;margin:0 auto;max-width:1400px}
.topNotice .conbox .control button{position:absolute;top:50%;text-indent:-999px;margin-top:-17px;width:20px;height:35px;overflow:hidden;z-index:10}
.topNotice .conbox .control button::after{position:absolute;top:50%;width:15px;height:15px;content:'';border:1px solid #fff;border-width:0 0 2px 2px;}
.topNotice .conbox .control .prevSlide1{left:0;}
.topNotice .conbox .control .nextSlide1{right:0}
.topNotice .conbox .control .prevSlide1::after{left:70%;transform:translate(-50%, -50%) rotate(45deg);-webkit-transform:translate(-50%, -50%) rotate(45deg)}
.topNotice .conbox .control .nextSlide1::after{left:40%;transform:translate(-50%, -50%) rotate(-135deg);-webkit-transform:translate(-50%, -50%) rotate(-135deg)}
.topBanCon1{position:relative;margin:0 auto;padding:50px 0 0 190px;max-width:510px;height:200px}
.topBanCon1 h2{position:absolute;bottom:0;left:0;padding:35px 0 0 25px;width:145px;height:168px;font-size:14px;color:#fff;font-weight:500;line-height:1.4;}
.topBanCon1 .txt{display:block;margin-bottom:10px;font-size:13px;color:#fff;line-height:1}
.topBanCon1 h3{font-family: 'YDV2002';font-size:36px;color:#fff;line-height:1.1}
.topBanCon1 h3 span{display:block;font-size:31px;}
.topBanCon1 .btn{position:absolute;top:80px;right:0;}
.topBanCon1 .btn a{display:block;width:110px;font-size:15px;color:#fff;line-height:38px;text-align:center;border:1px solid #fff;border-radius:19px}
.topNotice .control2{position:absolute;top:85px;right:40px;z-index:20}
.topNotice .control2 button{width:24px;height:24px;cursor:pointer;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-color:transparent;border:0}
.topNotice .control2 .stopSlide1{background-image:url('/_res/tongmyong/ce/img/top_ban_stop.png') }
.topNotice .control2 .startSlide1{background-image:url('/_res/tongmyong/ce/img/top_ban_play.png') }
.topNotice .control2 .topBanClose{margin-left:10px;background-image:url('/_res/tongmyong/ce/img/ic_share_close.png');background-size:35px }

/* 210602 top banner */
.item-dot > li{position:relative;padding-left:20px}
.item-dot > li:before{content:"";position:absolute;width:6px;height:6px;border:2px solid #0fa13c;background-color:transparent;border-radius:50%;left:0;top:15px}
.topNotice{background-color:#0c3937}
.topNotice .txt-box{padding:30px 0;font-size:1.125rem}
.topNotice .txt-boxlink{display:block;color:#fff}
.topNotice .img-box1{text-align:center;}
.topNotice .txt-boxlink:hover{text-decoration:none}
.topNotice .txt-boxlink .item-dot span{width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}
.topNotice .txt-boxlink .btn-more{display:block;padding:5px;width:110px;text-align:center;background-color:transparent;border:1px solid #0fa13c;font-size:.938rem;border-radius:30px;transition:.3s;margin-top:20px}
.topNotice .txt-boxlink:hover .btn-more{background-color:#0fa13c}
.topNotice .txt-box-2link .swiper-slide:nth-child(even){border-left:1px solid rgba(255,255,255,.5);padding-left:45px}
.topNotice .txt-box-2link .swiper-slide:nth-child(odd){padding-right:45px}
.topNotice .img-box-swiper{text-align:center;padding:20px 0}
.topNotice .img-box-swiper2{text-align:center}
.topNotice .img-box-swiper2 .swiper-slide{padding:20px}
.topNotice .img-box-swiper2 .swiper-slide:nth-child(2){border-right:1px solid rgba(255,255,255,.5);border-left:1px solid rgba(255,255,255,.5)}
.topNotice .img-box-swiper img,
.topNotice .img-box-swiper2 img{max-height:200px;max-width:100%}

.topBanCon2{padding:73px 0 0 0 !important; max-width:610px !important;}
.topBanCon1 .btn2{position:absolute; top:84px; right:-107px;}
.topBanCon1 .btn2 a{display:block; font-size:15px; color:#ffffff; line-height:38px; text-align:center; width:110px; position:relative;}
.topBanCon1 .btn2 a::after{display:block; content:""; width:10px; height:10px; border-top:2px solid #ffffff; border-right:2px solid #ffffff; position:absolute; top:40%; right:0; transform:rotate(45deg);}
.topBanCon1 .noti-new{font-family: 'YDV2002';font-size:32px;color:#182024;line-height:1.1; background:#ffffff; padding:14px 30px; box-sizing:border-box; border-radius:50px; text-align:center;}
.topBanCon1 .noti-new span{color:#ff4800; display:inline-block;}
span.no-img{position:absolute; right:-23px; top:22px;}
.topBanCon1 .noti-new a:hover{text-decoration:none;}

.mVisual{position:relative}
.mVisualWrap{position:relative}
.mVisualWrap .topTxt{position:absolute;top:calc(50% - 140px);left:50%;transform:translate(-50%,-50%);width:1400px;z-index:2}
.mVisualWrap .topTxt h2{margin-bottom:20px;font-size:55px;font-weight:normal;line-height:1;}
.mVisualWrap .topTxt h2 span{display:block;margin-bottom:20px;padding-right:45px;font-size:24px;text-align:right;font-style:italic;letter-spacing:1px}
.mVisualWrap .topTxt p{font-size:33px;font-weight:normal;line-height:1.4}
.mVisualWrap .topTxt .tit{font-family:'NanumSquare', sans-serif}
.mVisualWrap .topTxt .stit{display:block;font-size:2em;font-weight:bold;/*background: linear-gradient(to right, #009dff, #00b909);background-clip: text;-webkit-background-clip: text;color: transparent*/color:#72bb2a}
.mVisualWrap .topTxt ul{width:580px;display:flex;flex-wrap:wrap}
.mVisualWrap .topTxt .link1{margin-right:40px}
.mVisualWrap .topTxt .link1 li{margin-bottom:5px}
.mVisualWrap .topTxt .link1 li a{display:block;width:74px;height:74px;font-size:15px;color:#fff;line-height:74px;text-align:center;background:#388e3c;border-radius:50%}
.mVisualWrap .topTxt .link2 li{margin-bottom:20px}
.mVisualWrap .topTxt .link2 li:nth-child(2n){margin-right:0;margin-left:20px}
.mVisualWrap .topTxt .link2 li a{position:relative;display:flex;align-items:center;width:280px;padding:0 30px;font-size:17px;height:80px;background-color:rgba(255,255,255,.8)}
.mVisualWrap .topTxt .link2 li a img{margin-right:5px}
/*.mVisualWrap .topTxt .link2 li a:before{content:"";background:url('/_res/tongmyong/dormitory/img/main/ico01.png') center no-repeat;width:30px;height:30px;margin-right:10px}*/
.mVisualWrap .topTxt .link2 li a:hover{outline:3px solid #009924;color:#009924}
.mVisualWrap .topTxt .link2 li:nth-child(2) a:before{background-image:url('/_res/tongmyong/dormitory/img/main/ico02.png')}
.mVisualWrap .topTxt .link2 li:nth-child(3) a:before{background-image:url('/_res/tongmyong/dormitory/img/main/ico03.png')}
.mVisualWrap .topTxt .link2 li:nth-child(4) a:before{background-image:url('/_res/tongmyong/dormitory/img/main/ico04.png')}
.mVisualWrap .topTxt .link2 i{position:absolute;font-size:1.2em;margin-left:5px;right:30px;top:50%;transform:translateY(-50%)}
.mVisualWrap .visualSlide{position:relative;overflow:inherit}
.mVisualWrap .visualSlide img{width:100%}
.mVisualWrap .visualSlide .control{position:absolute;display:flex;align-items:center;justify-content:center;left:251px;bottom:200px;/*width:40%;*/text-align:center;z-index:30;height:83px;/*background-color:#009924;*/color:#fff}
.mVisualWrap .visualSlide .control button{margin:0 7px;width:42px;height:42px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-size:100%;background-position:center}
.mVisualWrap .visualSlide .control .prevSlide{background-image:url('/_res/tongmyong/dormitory/img/main/ic_prev.png')}
.mVisualWrap .visualSlide .control .nextSlide{background-image:url('/_res/tongmyong/dormitory/img/main/ic_next.png')}
.mVisualWrap .visualSlide .control .stopSlide{background-image:url('/_res/tongmyong/dormitory/img/main/ic_stop.png')}
.mVisualWrap .visualSlide .control .startSlide{background-image:url('/_res/tongmyong/dormitory/img/main/ic_play.png');display:none}
.mVisualWrap .main-pzone{display:flex;justify-content:flex-end;height:120px;font-size:26px}
.mVisualWrap .main-pzone-inner{width:60%;height:100%;display:flex;align-items:center;padding:0 60px;background-color:#f5f5f5}
.mVisualWrap .main-pzone .ico{background:url('/_res/tongmyong/dormitory/img/main/ico-spe.png') left center no-repeat;color:#009924;font-weight:bold;padding-left:70px}
.mVisualWrap .main-pzone .board-subject{flex-grow:1;margin:0 20px}
.mVisualWrap .main-pzone .btn-more{flex-shrink:0}
.mVisualWrap .visualSlidePageWrap{padding:0 20px;display:flex;align-items:center}
.mVisualWrap .visualSlidePage{position:relative;width:200px;height:2px;background-color:rgba(255,255,255,.5);padding:0 20px}
.mVisualWrap .visualSlidePageWrap:before{content:"01";display:inline-block;margin-right:5px;color: #bbbbbb;}
.mVisualWrap .visualSlidePageWrap:after{content:"02";display:inline-block;margin-left:5px;color: #bbbbbb;}
.mVisualWrap .swiper-pagination-progress .swiper-pagination-progressbar{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#bbbbbb;transform-origin:left top}
.main-pzone .swiper-slide{display:flex;align-items:center;height:36px}

/* main modify */
.mVisualWrap .link-wrap{position:absolute;width:100%;left:0;background-color:rgba(255,255,255,.75);bottom:0px;z-index:10;padding:30px 0}
.mVisualWrap .link-wrap ul{display:table;table-layout:fixed;width:100%}
.mVisualWrap .link-wrap li{position:relative;display:table-cell}
.mVisualWrap .link-wrap li:after{position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:75px;background-color:#dddddd;content:""}
.mVisualWrap .link-wrap li:last-child:after{display:none}
.mVisualWrap .link-wrap .item{display:block;font-size:1.25rem;text-align:center;padding:0 10px}
.mVisualWrap .link-wrap .item:hover{color:#009924}
.mVisualWrap .link-wrap .caption{line-height:1.3;margin-top:20px}

.btn-more{font-size:1.5rem;color:#009924}
.title-wrap{position:relative;padding-left:50px;font-weight:500;margin-bottom:25px}
.title-wrap h2{font-size:30px}

.mConBox1{padding:80px 50px}
.mBoxWp{margin:0 auto;max-width:1400px}
.mConBox1 .mBoxWp{display:flex;flex-wrap:wrap;justify-content:space-between;min-height:380px}
.mConBox1 .title-wrap .btn-more{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.mCon1{position:relative;width:calc(50% - 40px);font-size:1.25rem;font-weight:500}
.mCon1 .title-wrap{background:url('/_res/tongmyong/dormitory/img/main/ico-notice.png') left center no-repeat}
.mCon1 li{border-bottom:1px solid #dddddd}
.mCon1 li:first-child{border-top:1px solid #ddd}
.mCon1 .board-con{max-height:60px;font-size: 1.125rem;}
.mCon1 .board-date{flex-shrink:0;margin-left:20px;color:#aaa;font-weight:normal;font-size: 1.125rem;}
.mCon1 .item{display:flex;align-items:center;justify-content:space-between;padding:10px;height:60px}
.mCon1 .item:hover{color:#009924}

.mCon2{position:relative;width:calc(50% - 40px);font-size:1.25rem;font-weight:500}
.mCon2 .title-wrap{background:url('/_res/tongmyong/dormitory/img/main/ico-spe.png') left center no-repeat}
.mCon2 li{margin-bottom:13px}
.mCon2 li:last-child{margin-bottom:0}
.mCon2 .item{background-color:#fff;padding:25px;height:50px;width:100%;display:flex;align-items:center;justify-content:space-between;box-shadow:1px 3px 11px 0px #cbcbcb}
.mCon2 .item:hover{outline:2px solid #009924}
.mCon2 .category{font-weight:bold;color:#009924;flex-shrink:0;font-size: 1.125rem;}
.mCon2 .board-subject{flex-grow:1;margin:0 20px;font-size: 1.063rem;}
.mCon2 .board-date{color:#aaa;font-size: 1.063rem;}

.mConBox2{background:url('/_res/tongmyong/dormitory/img/main/intro-bg.jpg') #f5f5f5 left center/cover no-repeat;background-size:50% 100%}
.mCon3{width:1400px;margin:0 auto;display:flex;justify-content:flex-end}
.mCon3 .inner{width:1000px;margin-top:60px;margin-bottom:60px}
.mCon3 .title-wrap{background:url('/_res/tongmyong/dormitory/img/main/ico-list.png') left center no-repeat;color:#fff}
.mCon3 .box{position:relative;background-color:#fff;padding:50px}
.mCon3 .date{position:absolute;color:#fff;width:210px;height:55px;background-color:#009924;text-align:center;right:30px;top:-30px;font-size:30px;font-weight:500}
.mCon3 .date .day{font-size:50px;font-weight:bold;display:block;line-height:1}
.mCon3 .tabs{border-bottom:1px solid #dddddd}
.mCon3 .tabs .item{position:relative;display:inline-block;color:#bbb;font-size:1.25rem;padding:15px;transition:.3s}
.mCon3 .tabs .item.on,
.mCon3 .tabs .item:hover{color:#444;text-decoration:none}
.mCon3 .tabs .item.on:after,
.mCon3 .tabs .item:hover:after{position:absolute;width:100%;height:2px;background-color:#009924;content:"";bottom:0;left:0}
.mCon3 .tabs-con-wrap .tabs-con:first-child{display:block}
.mCon3 .tabs-con{display:none;min-height:134px}
.mCon3 .tabs-con li{border-bottom:1px solid #ddd;padding:15px}
.mCon3 .tabs-con .item{display:flex;align-items:center;font-size:1.25rem;color:#444}
.mCon3 .tabs-con .course{color:#009924;font-weight:bold;margin-right:20px;flex-shrink:0}
.mCon3 .tabs-txt{color:#aaaaaa;margin-top:20px}

.rotateImg{position:absolute;top:50px;right:50px;-webkit-animation:spin 10s linear infinite;-moz-animation:spin 10s linear infinite; animation:spin 10s linear infinite;}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.mConBox3{position:relative;background-color:#f0f7f0;padding:80px 50px}
.mCon4 .title-wrap{background:url('/_res/tongmyong/dormitory/img/main/ico-search.png') left center no-repeat}
.mCon4 ul{display:flex;flex-wrap:wrap}
.mCon4 li{width:calc(25% - 15px);margin-bottom:20px;margin-right:20px}
.mCon4 li:nth-child(4n){margin-right:0}
.mCon4 li:nth-last-child(-n + 4){margin-bottom:0}
.mCon4 .item{position:relative;display:block;background-color:#fff;padding:30px}
.mCon4 .item:hover{outline:2px solid #1a9f38;color:#1a9f38}
.mCon4 .ico{position:absolute;right:30px;bottom:30px}
.mCon4 .subject{font-size:1.5rem;font-weight:bold}
.mCon4 .con{color:#888888;margin:15px auto 10px 0;width:185px;word-break:keep-all;min-height:58px}
.mCon4 .con p{word-break:keep-all}
.mCon4 .ico-arrow{font-size:1.6em}

.mConBox4{position:relative;background:url('/_res/tongmyong/dormitory/img/main/intro-bg2.jpg') right bottom no-repeat;padding:80px 50px}
.mConBox4:before{width:304px;height:74px;position:absolute;top:-20px;left:50px;content:"";background:url('/_res/tongmyong/dormitory/img/main/intro-bg03.png')}
.mConBox4 .mBoxWp{min-height:480px}
.mCon5 .title-wrap{padding-left:0;position:relative}
.mCon5 .title-wrap h2{color:#009924;font-weight:bold}
.mCon5 .subject{font-size:55px;line-height:1.2;margin:50px 0}
.mCon5 .txt{position:relative;padding-left:25px;color:#009924}
.mCon5 .txt:before{position:absolute;content:"※";left:0}
.mCon5 .btn-go{display:block;font-size:1.5rem;font-weight:bold;position:absolute;right:0;padding-right:60px;background:url('/_res/tongmyong/dormitory/img/main/ico-barrow.png') bottom left no-repeat;padding-bottom:10px;transition:.3s;top:50%;transform:translateY(-50%)}
.mCon5 .btn-go:hover{color:#009924}
/*.mCon5 .btn-go:hover{background-position-x:20px;text-decoration:none}*/
.mCon6 ul{display:flex;flex-wrap:wrap}
.mCon6 li{width:33.333%}
.mCon6 li:nth-child(2){border-right:1px solid #efefef;border-left:1px solid #efefef}
.mCon6 .item-q{position:relative;display:flex;align-items:center;padding:20px 15px;font-size:1.875rem}
.mCon6 .item-q .category{color:#009924;margin-right:20px}
.mCon6 .item-q .area{color:#009924}
/*.mCon6 .item-q:after{font-family:'xeicon';content:"\e9c5";color:#bbbbbb;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:.3s}
.mCon6 .item-q.on:after{content:"\e9c1";color:#444}*/
.mCon6 .item-a{padding:0 14px;display:flex;flex-wrap:wrap}
.mCon6 .item-a dl{display:flex;margin-bottom:10px;width:100%}
.mCon6 .item-a dt{min-width:80px;font-weight:bold}
.mCon6 .item-a dd{width:calc(100% - 80px)}

.layPop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:500}
.layPop .box{position:absolute;top:0;left:0;display:table;width:100%;height:100%}
.layPop .box .con{display:table-cell;padding:0 50px;text-align:center;vertical-align:middle}
.layPop .box .con .movBox{position:relative;margin: 0 auto;width:100%;max-width: 1200px;overflow: hidden;}
.layPop .box .con iframe{width:100%}
.layPop .box .btnClose{position:absolute;top:30px;right:30px;width:60px;height:60px;text-indent:-999px;overflow:hidden;z-index:20}
.layPop .box .btnClose span{position:relative;display:block;margin:0 auto;width:100%;height:2px;background:transparent}
.layPop .box .btnClose span::before{position:absolute;top:0;left:0;width:100%;height:2px;content:'';transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background:#fff;}
.layPop .box .btnClose span::after{position:absolute;top:0;left:0;width:100%;height:2px;content:'';transform: rotate(45deg);-webkit-transform: rotate(45deg);background:#fff;}
/* 유투브 팝업 게시판 */
.layPop.layPop-youtube{display:none}
.layPop.layPop-youtube .con iframe{width:1200px;height:675px}

.paging{text-align:center; margin-top:50px; position:relative;}
.paging ul{display:inline-block;}
.paging li{float:left; margin:0 2px; width:30px; height:30px; box-sizing:border-box;}
.paging li a{display:block; height:100%; background:#fff; border:1px solid #d3d1d0; line-height:28px; box-sizing:border-box; font-size:0.92em; color:#666;}
.paging li.on a{background:#231815; border:1px solid #231815; color:#fff; font-weight:400;}


/*
================================================================================
반응형 메인 콘텐츠
================================================================================
*/

 /* PC Device */
@media all and (min-width:1900px){
	
}

 /* PC Device */
@media all and (max-width:1400px){
	.topNotice .txt-box{padding:30px}
	.topNotice .conbox{width:100%}
	
	.mVisualWrap .topTxt{width:100%;padding:0 50px}
	.mVisualWrap .topTxt p{font-size:25px}
	
	.mCon3{width:100%;padding:0 50px}
}

 /* TABLET Device */
@media all and (max-width:1200px){
	.mVisualWrap .visualSlide{height:600px}
	.mVisualWrap .topTxt{padding:0 20px}
	.mVisualWrap .swiper-slide{overflow:hidden}
	.mVisualWrap .visualSlide img{position:absolute;max-width:none;min-width:100%;min-height:100%;transform:translate(-50%,-50%);top:50%;left:50%;width:auto}
	.mVisualWrap .main-pzone{font-size:1.25rem}
	.mVisualWrap .main-pzone-inner{padding:0 30px}
	.mVisualWrap .link-wrap .item{font-size:1rem}
	
	.title-wrap h2{font-size:24px}

	.mCon4 .subject{font-size:1.25rem}
	.mCon5 .subject{font-size:40px}
	
	.layPop .box .con .movBox{padding-top:55%}
	.layPop .box .con iframe{position:absolute;top:0;left:0;width:100%;/*height:100%*/}
	.layPop.layPop-youtube .box .con{display:block;position:relative;width:calc(100% - 100px);margin:0 auto;height:auto;;padding-top:55%;top:50%;transform:translateY(-50%)}
	.layPop.layPop-youtube .con iframe{height:100%}

	.mCon6 .mTabM > li .snsTabCon ul li{display:none;width:50%}
	.mCon6 .mTabM > li .snsTabCon ul li:nth-child(1),
	.mCon6 .mTabM > li .snsTabCon ul li:nth-child(2),
	.mCon6 .mTabM > li .snsTabCon ul li:nth-child(3),
	.mCon6 .mTabM > li .snsTabCon ul li:nth-child(4){display:block}
	
	.topNotice .control2{top:20px;right:20px}

}


 /* TABLET Device */
@media all and (max-width:1024px){
	.btn-more{font-size:1.25rem}
	
	.mVisualWrap .visualSlidePageWrap{padding:0 10px}
	.mVisualWrap .visualSlidePage{width:60px}
	.mVisualWrap .visualSlide .control button{width:30px;height:30px;margin:0 5px}
	.mVisualWrap .main-pzone-inner{padding:0 10px}
	.mVisualWrap .main-pzone{font-size:1rem}
	.mVisualWrap .main-pzone .ico{background-size:contain;padding-left:35px}
	.mVisualWrap .link-wrap{padding:20px 0}
	.mVisualWrap .link-wrap .ico img{max-width:40%}
	.mVisualWrap .link-wrap .caption{margin-top:10px}
	.mVisualWrap .link-wrap .item{font-size:.9rem;padding:0 5px}
	
	.mConBox1{padding:50px 20px}
	.mCon1{width:calc(50% - 10px);font-size:1rem}
	.mCon2{width:calc(50% - 10px);font-size:1rem}
	
	.mConBox2{background-size:cover}
	.mCon3 .box{padding:20px}
	.mCon3 .tabs .item{font-size:1rem}
	.mCon3 .tabs-con{min-height:120px}
	.mCon3 .tabs-con .item{font-size:1rem}
	.mCon3 .date{font-size:25px;top:-20px;width:180px}
	.mCon3 .date .day{font-size:32px}
	
	.mCon4 li{width:calc(50% - 10px)}
	.mCon4 li:nth-child(2n){margin-right:0}
	.mCon4 li:nth-last-child(-n + 4){margin-bottom:20px}
	.mCon4 li:nth-last-child(-n + 2){margin-bottom:0}
	
	.mConBox4 .mBoxWp{min-height:auto}
	.mCon5 .subject{font-size:24px;margin:20px 0}
	.mCon6 li{flex-grow:initial;width:33.333%;padding:0}
	.mCon6 .item-q{font-size:1rem}
	.mCon5 .btn-go{font-size:1rem;padding-right:20px;display:inline-block;background-size:contain}
	.mCon5 .btn-go:hover{background-position-x:left}
	.mCon6{width:100%}
	.mCon6 li{width:100%;display:flex;align-items:flex-start;padding:20px 0}
	.mCon6 li:nth-child(2){border:1px solid #efefef;border-width:1px 0}
	.mCon6 .item-q{padding:0;margin-right:20px}
	.mCon6 .item-a{padding:0}
	.mCon6 .item-a dl{width:50%}
	.mCon6 .item-a dt{min-width:70px}
	.mCon6 .item-a dd{width:calc(100% - 70px)}
	.mCon6 .item-q{flex-shrink:0}
}

 /* TABLET Device */
@media all and (max-width:800px){
	
	.topBanCon1 .btn2{top:auto; right:0;}
	
}

 /* Mobile Device */
@media all and (max-width:640px){
	.mode-pc{display:none}
	.mode-mobile{display:block}
	
	/* 210602 top banner */
	.item-dot > li{padding-left:15px}
	.item-dot > li:before{top:8px}
	.topNotice .txt-box{padding:20px;font-size:1rem}
	.topNotice .txt-boxlink .btn-more{font-size:.813rem;margin-top:10px;padding:3px;width:90px}
	.topNotice .txt-box-2link .swiper-slide:nth-child(even){border-left:0;padding-left:0}
	.topNotice .txt-box-2link .swiper-slide:nth-child(odd){padding-right:0}
	.topNotice .swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10;bottom:0;right:17px}
	.topNotice .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
	.topNotice .swiper-pagination-bullet{width: 8px;height:8px;display:inline-block;border-radius:50%;background:#fff;opacity:.5}
	.topNotice .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
	.topNotice .swiper-pagination-bullet-active{background-color:#388e3c;opacity:1}
	.topNotice .img-box-swiper{padding:20px}
	.topNotice .img-box-swiper2{padding:20px}
	.topNotice .img-box-swiper2 .swiper-slide{padding:0}
	.topNotice .img-box-swiper2 .swiper-slide:nth-child(2){border:0}
	
	.topBanCon1{padding:15px 0 0 110px;max-width:300px;height:85px}
	.topBanCon1 h2{bottom:-25px;padding: 16px 0 0 14px;width: 90px;height: 100px;font-size: 12px;line-height:1.1}
	.topBanCon1 .txt{margin-bottom: 5px;font-size: 12px;}
	.topBanCon1 h3{font-size: 22px;}
	.topBanCon1 h3 span{font-size: 18px;}
	.topBanCon1 .btn{top:auto;bottom:10px;}
	.topBanCon1 .btn a{width: 75px;font-size: 12px;line-height: 25px;}
	.topBanCon1 .noti-new{font-size:20px;padding:3px 27px;}
	.topBanCon2{padding:15px 0 0 0 !important; max-width:202px !important;}
	span.no-img{position:absolute; right:-16px; top:9px; width:20%;}
	.topNotice .control2 .topBanClose{display:none}
	.topNotice .control2{top:10px;right:10px}
	.topNotice .conbox .control button{display:none}

	.mVisualWrap .topTxt{padding:0 20px;top:calc(50% - 120px)}
	.mVisualWrap .topTxt p{font-size:18px;color: #ffffff;}
	.mVisualWrap .topTxt ul{width:100%}
	.mVisualWrap .topTxt .link2 li{width:calc(50% - 5px);margin-bottom:10px}
	.mVisualWrap .topTxt .link2 li:nth-child(2n){margin-left:10px}
	.mVisualWrap .topTxt .link2 li a{width:100%;font-size:.938rem;padding:0 20px;height:60px}
	.mVisualWrap .topTxt .link2 i{right:20px}
	.mVisualWrap .visualSlide{height:calc(100vh - 85px);overflow:hidden}
	.mVisualWrap .topTxt .stit{font-size:1.4em}
	.mVisualWrap .visualSlide .control{height:60px;bottom:0;bottom: 50%;left: 20px;}
	.mVisualWrap .main-pzone{width:100%;height:60px;justify-content:flex-start}
	.mVisualWrap .main-pzone-inner{width:100%}
	.mVisualWrap .main-pzone .ico{padding-left:30px}
	.mVisualWrap .main-pzone .board-subject{margin:0 10px}
	.mVisualWrap .link-wrap{padding:0}
	.mVisualWrap .link-wrap ul{display:flex;flex-wrap:wrap}
	.mVisualWrap .link-wrap li{width:25%}
	.mVisualWrap .link-wrap .ico{margin:10px 0 0 0}
	.mVisualWrap .link-wrap .caption{margin:10px 0}
	.mVisualWrap .visualSlide .control .prevSlide{background-image:url('/_res/tongmyong/dormitory/img/main/ic_prev_wh.png')}
	.mVisualWrap .visualSlide .control .nextSlide{background-image:url('/_res/tongmyong/dormitory/img/main/ic_next_wh.png')}
	.mVisualWrap .visualSlide .control .stopSlide{background-image:url('/_res/tongmyong/dormitory/img/main/ic_stop_wh.png')}
	.mVisualWrap .visualSlide .control .startSlide{background-image:url('/_res/tongmyong/dormitory/img/main/ic_play_wh.png');display:none}
	.mVisualWrap .visualSlidePageWrap:before{color: #ffffff;}
	.mVisualWrap .visualSlidePageWrap:after{color: #ffffff;}
	.mVisualWrap .swiper-pagination-progress .swiper-pagination-progressbar{background-color: #ffffff;}
	
	.btn-more{font-size:1rem}
	.title-wrap{padding-left:35px;background-size:contain !important}
	.title-wrap h2{font-size:20px}
	
	.mCon1{width:100%;margin-bottom:50px}
	.mCon1 .board-con{font-size: 1rem;}
	.mCon1 .board-date{font-size: 1rem;}
	
	.mCon2{width:100%}
	.mCon2 .category{font-size: 1rem;}
	.mCon2 .board-subject{font-size: 1rem;}
	.mCon2 .board-date{font-size: 1rem;}
	
	.mCon3{padding:0 20px}
	.mCon3 .date{right:20px;height:auto;width:150px;font-size:20px;top:-15px}
	.mCon3 .tabs-con{min-height:158px}
	.mCon3 .tabs-con .item{align-items:flex-start;font-size:.9rem}
	
	.mConBox3{padding:50px 20px;overflow:hidden}
	.rotateImg{right:-20px;top:20px}
	.mCon4 li{width:100%;margin-right:0}
	.mCon4 li:nth-last-child(-n + 2){margin-bottom:20px}
	.mCon4 .con{min-height:22px}
	.mCon4 .item{padding:20px}
	.mCon4 .ico{right:20px;bottom:20px}
	.mCon4 .subject{font-size:1.125rem}
	
	.mConBox4{padding:50px 20px;overflow:hidden}
	.mCon5{width:100%;margin-bottom:20px}
	.mCon5 .subject{font-size:1.25rem}
	.mCon5 .subject br{display:none}
	.mCon5 .txt{padding-left:20px}
	
	.mCon6 li{display:block;padding:20px 0}
	.mCon6 .item-q{margin-bottom:20px;margin-right:0}
	.mCon6 .item-a dl{width:100%}
	
	.layPop .box .con{padding:0 10px}
	.layPop .box .btnClose{top:20px;right:20px;width:30px;height:30px}
	.layPop .box .con .movBox{height: 70vh;}
	.layPop.layPop-youtube .box .con{width:calc(100% - 40px)}
	
}

 /* Mobile Device */
@media all and (max-width:480px){
	.mVisualWrap .topTxt .link2 li a{padding:0 10px;font-size:.8rem}
	/*.mVisualWrap .topTxt .link2 li a:before{width:18px;height:18px;background-size:100%;margin-right:2px}*/
	.mVisualWrap .topTxt .link2 li a img{max-width:18px}
	.mVisualWrap .topTxt .link2 i{font-size:1em;right:10px}
	
	.title-wrap h2{font-size:1.125rem}
	
	.mCon1 .board-con{font-size: 1rem;}
	.mCon1 .board-date{font-size: 1rem;}
	
	.mCon2 .item{position:relative;padding-top:40px}
	.mCon2 .category{position:absolute;top:7px;}
	.mCon2 .board-subject{margin-left:0;margin-right:10px;}
	.mCon2 .board-date{font-size: 1rem;font-weight: normal;}
	
	.mCon3 .tabs-con{min-height:170px}
	.mCon4 .mConSlide3 ul li {width:100% !important;}
}