@charset "utf-8";
/****************************************/
/* Name: 동명대학교 부설설기관 공통
/* PART: CONTENT STYLE 
/* Version: 1.0 / day: 2022-02-11
/* 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/_share/img/top_ban_stop.png') }
.topNotice .control2 .startSlide1{background-image:url('/_res/tongmyong/_share/img/top_ban_play.png') }
.topNotice .control2 .topBanClose{margin-left:10px;background-image:url('/_res/tongmyong/_share/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% - 80px);left:50%;transform:translate(-50%,-50%);width:1400px;z-index:2}
.mVisualWrap .topTxt{top:calc(50% - 140px)}
.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 .stit-gy{display:block;font-size:1.5em;font-family:'NEXONFootballGothicBA1', sans-serif;font-weight:bold;color:#009924;line-height:1.4;margin-bottom:20px}
.mVisualWrap .topTxt .tit-wt{font-family:'NanumSquare', sans-serif;color:#444;font-size:1.5em;line-height:1.6}
.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('../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('../img/main/ico02.png')}
.mVisualWrap .topTxt .link2 li:nth-child(3) a:before{background-image:url('../img/main/ico03.png')}
.mVisualWrap .topTxt .link2 li:nth-child(4) a:before{background-image:url('../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:220px;/*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/_share/img/ic_prev_green.png')}
.mVisualWrap .visualSlide .control .nextSlide{background-image:url('/_res/tongmyong/_share/img/ic_next_green.png')}
.mVisualWrap .visualSlide .control .stopSlide{background-image:url('/_res/tongmyong/_share/img/ic_stop_green.png')}
.mVisualWrap .visualSlide .control .startSlide{background-image:url('/_res/tongmyong/_share/img/ic_play_green.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/_share/img/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{position:relative;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{position:relative;width:100%;font-size:1.25rem;font-weight:500}
.mCon1 .title-wrap{background:url('/_res/tongmyong/_share/img/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}*/
.mConBox1 .mConSlide7 ul li{padding:10px 5px;position:relative;height:290px;}
.mConBox1 .mConSlide7 ul li a{position:relative;padding:50px 40px;position:relative;display:block;height:100%;overflow:hidden;box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);transition:all 0.4s ease;-webkit-transition:all 0.4s ease;}
.mConBox1 .control{position:absolute;top:13px;right:100px}
.mConBox1 .board-title{margin-bottom:20px;font-size:1.5rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;height:2.5;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;}
.mConBox1 .board-con{font-size:1.1rem;font-weight:400;color:#888;line-height:1.4;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;}
.mConBox1 .board-date{font-size:1.1rem;font-weight:400;color:#aaa;line-height:1;position:absolute;left:40px;bottom:50px;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;}
.mConBox1 .mConSlide7 ul li a:hover{background:#005629;color:#fff}
.mConBox1 .mConSlide7 ul li a:hover .board-title{color:#fff;}
.mConBox1 .mConSlide7 ul li a:hover .board-con{color:#ddd;}
.mConBox1 .mConSlide7 ul li a:hover .board-date{color:#ddd;}
.mConBox1 .control button{position:relative;width:35px;height:35px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center}
.mConBox1 .control .prevSlide2{background-image:url('/_res/tongmyong/_share/img/slide_prev.png')}
.mConBox1 .control .nextSlide2{background-image:url('/_res/tongmyong/_share/img/slide_next.png');margin-left:10px}



.mCon2{position:relative;width:calc(50% - 40px);font-size:1.25rem;font-weight:500}
.mCon2 .title-wrap{background:url('/_res/tongmyong/_share/img/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/_share/img/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/_share/img/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/_share/img/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;*/width:90%;word-break:keep-all;min-height:58px}
.mCon4 .con p{word-break:keep-all}
.mCon4 .ico-arrow{font-size:1.6em}
.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/_share/img/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;}

/* ---- 메인상단수정 ---- */
#header::after{background:#263238}
#header .head_box .topLink .homeGo a{color:#fff;background:#388e3c url('../img/ic_home.png') no-repeat 33px center;}
#header .head_box .topLink .rtLink .link2{background:#34464e}

/* ---- 메인레이아웃01 : 서클클메뉴 4개까지만 나옴(인권센터 메인 참고) ---- */
.mVisualWrap02 .topTxt{/*top:calc(50% - 110px)*/top:calc(50% - 80px)}
.mVisualWrap02 .topTxt .stit-gy{display:block;font-size:1.5em;font-family:'NEXONFootballGothicBA1', sans-serif;font-weight:bold;color:#9cf049;line-height:1.4;margin-bottom:20px}
.mVisualWrap02 .topTxt .tit-wt{font-family:'NanumSquare', sans-serif;color:#fff;font-size:1.5em;line-height:1.6}
.mVisualWrap02 .link-btn{background-color:transparent;padding:0;/*bottom:100px;*/bottom:50px;}
.mVisualWrap02 .link-btn .mBoxWp{justify-content:flex-end;}
.mVisualWrap02 .link-btn .mBoxWp > ul{width:50%;display:flex;flex-wrap:wrap;justify-content:space-between}
.mVisualWrap02 .link-btn .mBoxWp ul li{width:48%;background:rgba(255,255,255,0.6);-webkit-transition:all 0.2s;transition:all 0.2s;position:relative;margin-top:4%}
.mVisualWrap02 .link-btn .mBoxWp ul li:hover{background:rgba(255,255,255,1)}
.mVisualWrap02 .link-btn li::before{width:100%;height:100%;border:4px solid rgba(0,0,0,0);position:absolute;left:0;top:0;content:'';-webkit-transition:all 0.2s;transition:all 0.2s;}
.mVisualWrap02 .link-btn li:nth-child(n+5){display:none}
.mVisualWrap02 .link-wrap li:after{display:none}
.mVisualWrap02 .link-btn li:hover::before{border:4px solid #009924;}
.mVisualWrap02 .link-btn .item{min-height:92px;font-size:1.1rem;word-break:keep-all;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;padding:25px;position:relative}
.mVisualWrap02 .link-btn .item::before{content:'';position:absolute;width:22px;height:12px;right:25px;top:50%;margin-top:-6px;background:url('/_res/tongmyong/_share/img/ar_link.png') left top/contain no-repeat;}
.mVisualWrap02 .link-btn li:hover .item::before{background:url('/_res/tongmyong/_share/img/ar_link_on.png') left top/contain no-repeat;}
.mVisualWrap02 .link-btn .caption{margin-top:0;text-align:left;color:#333;width:calc(100% - 52px);padding-left:20px;-webkit-transition:all 0.2s;transition:all 0.2s}
.mVisualWrap02 .link-btn .item:hover .caption{color:#009924}
.mVisualWrap02 .visualSlide .control{/*bottom:100px;*/bottom:50px;}
.mVisualWrap02 .visualSlide .control .prevSlide{background-image:url('/_res/tongmyong/_share/img/ic_prev.png')}
.mVisualWrap02 .visualSlide .control .nextSlide{background-image:url('/_res/tongmyong/_share/img/ic_next.png')}
.mVisualWrap02 .visualSlide .control .stopSlide{background-image:url('/_res/tongmyong/_share/img/ic_stop.png')}
.mVisualWrap02 .visualSlide .control .startSlide{background-image:url('/_res/tongmyong/_share/img/ic_play.png');display:none}

/* ---- 메인레이아웃02 : 서클클메뉴 4개까지 / 어두운 배경(학생군사교윤단 메인 참고) ---- */
.mVisualWrap03 .topTxt{top:calc(50% - 140px)}
.mVisualWrap03 .topTxt .stit-gy{display:block;font-size:1.5em;font-family:'NEXONFootballGothicBA1', sans-serif;font-weight:bold;color:#9cf049;line-height:1.4;margin-bottom:20px}
.mVisualWrap03 .topTxt .tit-wt{font-family:'NanumSquare', sans-serif;color:#fff;font-size:1.5em;line-height:1.6}
.mVisualWrap03 .link-wrap{background-color:rgba(33,47,43,.70);padding:45px 0}
.mVisualWrap03 .link-wrap .item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:0 30px}
.mVisualWrap03 .link-wrap .ico{width:52px}
.mVisualWrap03 .link-wrap .caption{margin-top:0;text-align:left;color:#fff;width:calc(100% - 52px);padding-left:20px;-webkit-transition:all 0.2s;transition:all 0.2s}
.mVisualWrap03 .link-wrap .caption .subscript{display:block;font-size:0.8em;color:#ffffffad;word-break:keep-all;margin-top:5px;}
.mVisualWrap03 .link-wrap .item:hover .caption{color:#84d632}
.mVisualWrap03 .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}
.mVisualWrap03 .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}
.mVisualWrap03 .visualSlide .control .prevSlide{background-image:url('/_res/tongmyong/_share/img/ic_prev.png')}
.mVisualWrap03 .visualSlide .control .nextSlide{background-image:url('/_res/tongmyong/_share/img/ic_next.png')}
.mVisualWrap03 .visualSlide .control .stopSlide{background-image:url('/_res/tongmyong/_share/img/ic_stop.png')}
.mVisualWrap03 .visualSlide .control .startSlide{background-image:url('/_res/tongmyong/_share/img/ic_play.png');display:none}
.mVisualWrap03 .visualSlideFade .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}
.mVisualWrap03 .visualSlideFade .control button{margin:0 7px;width:42px;height:42px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-size:100%;background-position:center}
.mVisualWrap03 .visualSlideFade .control .prevSlide{background-image:url('/_res/tongmyong/_share/img/ic_prev.png')}
.mVisualWrap03 .visualSlideFade .control .nextSlide{background-image:url('/_res/tongmyong/_share/img/ic_next.png')}
.mVisualWrap03 .visualSlideFade .control .stopSlide{background-image:url('/_res/tongmyong/_share/img/ic_stop.png')}
.mVisualWrap03 .visualSlideFade .control .startSlide{background-image:url('/_res/tongmyong/_share/img/ic_play.png');display:none}


/* 갤러리 슬라이드 */
.mConBox2 .title-wrap .btn-more{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.mConBox2 .innerBox .inner-wide{width:100%;padding:70px 0;padding-right:0;position:relative;}
.mConBox2 .inner-wide .title-wrap {background: url('/_res/tongmyong/_share/img/ico_gal.png') left center no-repeat;}
.mConBox2 .mConSlide6 ul li{position:relative;height:385px}
.mConBox2 .mConSlide6 ul li a{position:relative;display:block;height:100%;overflow:hidden}
.mConBox2 .mConSlide6 ul li a img{position:absolute;top:50%;left:50%;max-width:none;width:100%;height:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.mConBox2 .mConSlide6 ul li .tit{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0) url('/_res/tongmyong/_share/img/empty.png') no-repeat center 40%;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;z-index:1;}
.mConBox2 .mConSlide6 ul li .tit .txt-box{margin-left:0;background:#fff;width:100%;padding:30px;position:absolute;bottom:0;left:0;z-index:2;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;z-index:1;}
.mConBox2 .mConSlide6 ul li .tit .txt-box dt{margin-bottom:10px;line-height:1;font-size:24px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;z-index:1;}
.mConBox2 .mConSlide6 ul li .tit .txt-box dd{line-height:1;font-size:18px;color:#888;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;z-index:1;}
.mConBox2 .mConSlide6 ul li a:hover .tit{background:rgba(0,0,0,0.74) url('/_res/tongmyong/_share/img/ic_view02.png') no-repeat center 40%;}
.mConBox2 .mConSlide6 ul li a:hover .tit .txt-box{background:#004930}
.mConBox2 .mConSlide6 ul li a:hover .tit .txt-box dt{color:#fff}
.mConBox2 .mConSlide6 ul li a:hover .tit .txt-box dd{color:#ddd;}
.mConBox2 .mConSlide6 ul li.list_none a:hover .tit{background:rgba(0,0,0,0) url('/_res/tongmyong/_share/img/empty.png') no-repeat center 40%;}
.mConBox2 .mConSlide6 ul li.list_none a:hover .tit .txt-box{background:#fff}
.mConBox2 .mConSlide6 ul li.list_none a:hover .tit .txt-box dt{color:#343c40}
.mConBox2 .control{position:absolute;top:80px;right:100px}
.mConBox2 .control button{position:relative;width:35px;height:35px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center}
.mConBox2 .control .prevSlide2{background-image:url('/_res/tongmyong/_share/img/slide_prev.png')}
.mConBox2 .control .nextSlide2{background-image:url('/_res/tongmyong/_share/img/slide_next.png');margin-left:10px}


/* 왼쪽 이미지 / 오른쪽 메뉴 박스 */
.mConBox2{background:#f5f5f5;position:relative;}
.mConBox2 .innerBox{width:100%;max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;position:relative}
.mConBox2 .innerBox::after{position:absolute;bottom:0;right:-120px;width:279px;height:182px;content:'';background:url('/_res/tongmyong/_share/img/ico-tu.png') left top no-repeat;}
.mConBox2 .innerBox .inner-left{width:50%;position:relative;z-index:10}
.mConBox2 .innerBox .inner-left .inner-text{width:80%;word-break:keep-all;line-height:1.6;color:#ccc;padding-bottom:10%}
.mConBox2 .innerBox .inner-left .inner-text .inner-title{display:block;font-size:1.5em;color:#fff;font-weight:600;margin-bottom:10px}
.mConBox2 .innerBox .inner-right{width:50%;padding:70px;}
.mConBox2 .innerBox .inner-right .big-title{font-size:3.1em;font-weight:600;display:block;line-height:1;margin-bottom:20px}
.mConBox2 .innerBox .inner-right .sub-title{font-size:1.3em;line-height:1.4;color:#888;}
.mConBox2 .innerBox .inner-right .btn-li{margin-top:60px;font-size:1.5em;font-weight:500;color:#ccc;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.mConBox2 .innerBox .inner-right .btn-li li{width:46%;}
.mConBox2 .innerBox .inner-right .btn-li li a{display:block;width:100%;height:100%;-webkit-transition:all 0.2s;transition:all 0.2s;position:relative;margin-bottom:20px}
.mConBox2 .innerBox .inner-right .btn-li li:hover a{color:#1a9f38;}
.mConBox2 .innerBox .inner-right .btn-li li:hover a::before{width:32px;height:12px;content:'';position:absolute;top:50%;right:0;margin-top:-8px;background:url('/_res/tongmyong/_share/img/arrow.png') left top/contain no-repeat;}
.mConBox2 .innerBox .inner-right .btn-li li:hover a::after{width:100%;height:2px;background:#1a9f38;content:'';position:absolute;bottom:0;left:0}
.mConBox2 .bg-left{width:50%;height:100%;position:absolute;left:0;top:0;}
.mConBox2 .bg-left .bg-img{position:relative;width:100%;height:100%;}
.mConBox2 .bg-left .bg-img .dark{position:absolute;top:0;left:0;z-index:9;width:100%;height:100%;background:url('/_res/tongmyong/_share/img/dark.png') left top/cover no-repeat;}
.mConBox2 .bg-left .bg-img img{width:100%;height:100%;}
.mCon4 li{width:calc((100% - 60px) / 4);margin-bottom:20px;margin-right:20px}
.mCon4 li:nth-child(4n){margin-right:0}
.mBoxWp{display:flex;flex-wrap:wrap;justify-content:space-btween;align-items:flex-start}
.mCon-left{width:30%;margin-right:5%}
.mCon-left .title-wrap{padding-left:0;position:relative}
.mCon-left .title-wrap h2{color:#009924;font-weight:bold}
.mCon-left .subject{font-size:3.1em;line-height:1.2;margin-top:50px;font-weight:600}
.mCon-left .txt{font-size:1.3em;line-height:1.4;margin-top:20px;color:#888}
.mCon-left .btn-go{margin-top:80px;display:inline-block;font-size:1.5rem;font-weight:bold;padding-right:100px;background:url('/_res/tongmyong/_share/img/ico-barrow.png') bottom left no-repeat;padding-bottom:10px;transition:.3s}
.mCon-left .btn-go:hover{color:#009924}
.mCon-right{width:65%}
.con-map{margin-bottom:20px}
.con-map .root_daum_roughmap{width:100%}
.con-map .root_daum_roughmap .wrap_map{height:450px}
.con-location dl{display:flex;flex-wrap:wrap;justify-content:left;align-items:flex-start;}
.con-location dl dt{margin-right:10px;font-size:1.2em;font-weight:500;color:#009924;display:inline-block}
.con-location dl dd{display:inline-block}

/* 왼쪽 제목 / 오른쪽 메뉴 버튼 박스 */
.conBoxBtn{width:100%;}
.conBoxBtn .conBoxBtn-inner{position:relative;background:#009865;}
.conBoxBtn-inner .boxBtn-cont{position:relative; z-index:5}
.boxBtn-cont .boxBtn-cont-inner{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;max-width:1400px;margin:0 auto;min-height:410px}
.conBoxBtn-inner .boxBtn-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.boxBtn-cont .left-inner .title-wrap{padding-left:0;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;}
.boxBtn-cont .left-inner .title-wrap img{width:40px;margin-right:10px}
.boxBtn-cont .boxBtn-cont-inner .title-wrap h2{color:#fff;width:calc(100% - 50px)}
/* 내용 */

.boxBtn-cont .box-left{width:440px;padding:70px 0}
.boxBtn-cont .box-right{width:calc(100% - 440px)}
.boxBtn-cont .box-left .left-inner{width:80%;max-width:390px;}
.boxBtn-cont .box-left .txt-inner{font-size:20px;color:#8bd698;line-height:1.4;word-break:keep-all}
.boxBtn-cont .box-left .btn-go{color:#fff;margin-top:80px;display:inline-block;font-size:1.5rem;font-weight:bold;padding-right:100px;background:url(https://tu.ac.kr/_res/tongmyong/_share/img/ico-barrow-wt.png) bottom left/contain no-repeat;padding-bottom:10px;transition:.3s;}
/* 배경 */
.boxBtn-bg .boxBtn-bg-inner{max-width:1400px;margin:0 auto;position:relative;height:100%;}
.boxBtn-bg .bg-left{position:absolute;width:440px;height:100%;left:0;bottom:0;content:'';background:#009865 url('https://tu.ac.kr/_res/tongmyong/_share/img/green-shape.png') right bottom no-repeat;}
.boxBtn-bg .bg-right{background:url('/_res/tongmyong/_share/img/bg_right.png') 0 0 no-repeat;height:100%;position:absolute;top:0;left:440px;background-size:cover;width:calc(50vw + (50% - 440px));}
/* 우측 임시 */
.box-right .right-inner{}
.box-right .right-inner ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;min-height:410px;align-content:center}
.box-right .right-inner ul li{width:calc(100% / 3);min-height:410px;text-align:center;border-right:1px solid #727f93;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;transition:all 0.2s;}
.box-right .right-inner ul li:nth-child(n + 5){display:none}
.box-right .right-inner ul li:hover{background:rgba(0,0,0,0.6);}
.box-right .right-inner ul li:hover a .tit-btn{color:#84d632;}
.box-right .right-inner ul li a{display:block;color:#fff;padding:0 10%;width:100%}
.box-right .right-inner ul li a img{display:block; margin:0 auto;}
.box-right .right-inner ul li a .tit-btn{display:block;color:#fff;font-size:1.4rem;font-weight:600;margin-top:60px;margin-bottom:20px;transition:all 0.2s;}
.box-right .right-inner ul li a .txt-btn{display:block;color:#bbb;font-size:1rem;text-align:center;line-height:1.4}
/* one items */
.box-right .right-inner ul li:first-child:nth-last-child(1){width: 100%;}
/* two items */
.box-right .right-inner ul li:first-child:nth-last-child(2),
.box-right .right-inner ul li:first-child:nth-last-child(2) ~ li{width: 50%;}
/* four items */
.box-right .right-inner ul li:first-child:nth-last-child(4),
.box-right .right-inner ul li:first-child:nth-last-child(4) ~ li{width: 50%;min-height:205px;padding:30px 0;border-top:1px solid #727f93}
.box-right .right-inner ul li:first-child:nth-last-child(4) a .tit-btn,
.box-right .right-inner ul li:first-child:nth-last-child(4) ~ li a .tit-btn{margin-top:20px;margin-bottom:10px;}
.box-right .right-inner ul li:first-child:nth-last-child(4) a img,
.box-right .right-inner ul li:first-child:nth-last-child(4) ~ li a img{width:20%}

/*today 동명소식*/
.today{padding:70px 0; max-width:1400px; margin:0 auto;position:relative;}
.today:before{width:304px;height:74px;position:absolute;top:-35px;left:50px;content:"";background:url('/_res/tongmyong/_share/img/intro-bg03.png')}
.today:after{display:block; content:''; clear:both}
.today-wrap{width:100%;background:url('/_res/tongmyong/_share/img/intro-bg2.jpg') right bottom no-repeat}
.today .title-wrap{background: url('/_res/tongmyong/_share/img/ico_tunews.png') left center no-repeat;}
.today h2.title{text-align:left; }
.today h2.title span{font-size:1.15rem; display:block; padding-top:15px;}
.today .btn-more{position:absolute;top:70px;right:0}
.today .more-tit{position:absolute;top:70px;right:0;font-size:0;color:#009924;}
.today .more-tit::before{position:absolute;top:0;right:0;font-size:1.5rem;color:#009924;content:'more +';width:77px}
.today-box{max-width:1400px;width:100%;margin:0 auto;}
.today-box ul li{width:22.75%; margin-left:3%; float:left; box-shadow:0 0 20px 0px rgb(0,0,0,0.1); position:relative;}
.today-box ul li:first-child{margin-left:0}
.today-box ul li span.img{display:block; height:220px;  overflow:hidden; }
.today-box ul li span.img > img{width:100%;height:100%; -webkit-transition: all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
.today-box ul li a:hover span.img > img{transform: scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);}
.today-box ul li span.title{display:block; padding:25px;background:#fff}
.today-box ul li span.title > i {display:block; font-style:normal;}
.today-box ul li span.title > i.tit{color:#000; font-size:1.12rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.today-box ul li span.title > i.date{color:#9a9a9a; padding-top:15px;}
.today-box ul li a {height: 220px;text-align: center;}
.today-box ul li a span img {width: 100%;height: 100%;object-fit: cover;}
.today-box ul li a:after{display:none; position:absolute; top:0; left:0; content:''; width:100%; height:100%;  box-sizing:border-box; border: 7px solid;border-image: linear-gradient(to right, #8ad147, #11a454); border-image-slice: 1; -webkit-transition: all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.today-box ul li:hover a:after,
.today-box ul li:focus a:after{display:block;}
.today .today-tab{width:100%;margin:0 auto;position:absolute;top:70px}
.today .today-tab > ul{float:right; padding-top:7px; margin-right:100px;}
.today .today-tab > ul > li{float:left;}
.today .today-tab > ul > li > a{display:block; padding:0 10px 0 15px; position:relative; font-size:1.2rem; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
.today .today-tab > ul > li.current > a{color:#009924;font-size:1.2rem; }
.today .today-tab > ul > li > a:hover,
.today .today-tab > ul > li > a:focus{opacity:0.8}
.today .today-tab > ul > li > a:before{display:block; content:''; width:3px; height:3px; border-radius:3px; background:#393939; position:absolute; top:50%; left:0}
.today .today-tab > ul > li:first-child > a{padding-left:0;}
.today .today-tab > ul > li:first-child > a:before{display:none}
.tab-content{display:none;}
.tab-content.current{display: inherit;}
.today .today-news-con{display:block; height:329px; position:relative;background:#fff}
.today .today-news-con span{display:block;}
.today .today-news-con .news-con{font-size:1.2rem; text-align:left; padding:90px 30px 30px 30px; line-height:1.8rem;}
.today .today-news-con .news-name{font-size:1.1rem; color:#388e3c; position:absolute; top:30px; left:30px; }
.today .today-news-con .news-data{position:absolute; bottom:30px; left:30px;}

/* sns */
.mConBox4{padding:55px 0;background:url('/_res/tongmyong/ce/img/m_con_bg4.png') repeat-y center top, url('/_res/tongmyong/ce/img/m_bottom_bg.png') no-repeat left bottom;background-color:#f4f8f9;}
.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;}

.mCon6{margin:0 auto;max-width:1400px}
.mCon6 .mTabM{position:relative;height:600px;text-align:center}
.mCon6 .mTabM > li{display:inline-block;margin:0 25px;vertical-align:top}
.mCon6 .mTabM > li > a{position:relative;display:block;width:62px;height:62px;text-indent:-999px;overflow:hidden;background-color:#b4b7b8;border-radius:50%}
.mCon6 .mTabM > li > a + span{display:block;margin-top:15px;font-family: 'Josefin Sans';font-size:14px;color:#000;font-weight:bold}
.mCon6 .mTabM > li > a::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';opacity:0.7;background-size:100%;}
.mCon6 .mTabM > li.ic1 > a::after{background-image:url('/_res/tongmyong/ce/img/m_sns1.png')}
.mCon6 .mTabM > li.ic2 > a::after{background-image:url('/_res/tongmyong/ce/img/m_sns2.png')}
.mCon6 .mTabM > li.ic3 > a::after{background-image:url('/_res/tongmyong/ce/img/m_sns3.png')}
.mCon6 .mTabM > li.ic4 > a::after{background-image:url('/_res/tongmyong/ce/img/m_sns4.png')}
.mCon6 .mTabM > li.ic5 > a::after{background-image:url('/_res/tongmyong/_share/img/m_sns5.png')}
.mCon6 .mTabM > li.on > a{background-color:#79bb2a}
.mCon6 .mTabM > li.on > a::after{opacity:1}
.mCon6 .mTabM > li .snsTabCon{display:none;position:absolute;top:150px;left:0;width:100%}
.mCon6 .mTabM > li.on .snsTabCon{display:block}
.mCon6 .mTabM > li .snsTabCon ul{margin:0 -15px}
.mCon6 .mTabM > li .snsTabCon ul::after{display:block;clear:both;content:''}
.mCon6 .mTabM > li .snsTabCon ul li{float:left;margin-bottom:55px;padding:0 15px;width:25%}
.mCon6 .mTabM > li .snsTabCon ul li:nth-child(n + 5){display:none}
.mCon6 .mTabM > li .snsTabCon ul li a{display:block;}
.mCon6 .mTabM > li .snsTabCon ul li a:hover{text-decoration:underline}
.mCon6 .mTabM > li .snsTabCon ul li .box{padding:40px 25px 25px;text-align:left;background:#fff;border-radius:5px}
.mCon6 .mTabM > li .snsTabCon ul li .box span{display:block}
.mCon6 .mTabM > li .snsTabCon ul li .box .sns{margin-bottom:25px}
.mCon6 .mTabM > li .snsTabCon ul li .box .tit{word-break:keep-all;display:block;margin-bottom:20px;font-size:20px;font-weight:500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height:1}
.mCon6 .mTabM > li .snsTabCon ul li .box .txt{word-break:keep-all;display:block;margin-bottom:35px;height:42px;font-size:15px;color:#434343;opacity:0.7; line-height:1.4;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mCon6 .mTabM > li .snsTabCon ul li .box .photo{position:relative;display:block;padding-top:63%;overflow:hidden}
.mCon6 .mTabM > li .snsTabCon ul li .box .photo img{position:absolute;top:0;left:0;width:100%;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.mCon6 .mTabM > li .snsTabCon ul li a:hover .box .photo img{transform:scale(1.1);-webkit-transform:scale(1.1)}


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

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

@media all and (max-width:1800px){
	.mVisualWrap .swiper-wrapper{height:600px}
	.mVisualWrap .visualSlide img{width:auto;height:100%;max-width:none !important;}
	
	.mVisualWrap03 .swiper-wrapper{height:600px}
	.mVisualWrap03 .visualSlide img{width:auto;height:100%;max-width:none !important;}
}


 /* 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}
	.mVisualWrap02 .visualSlide .control{left:45px;bottom:50px}
	.mVisualWrap02 .link-btn{bottom:70px}
	.mVisualWrap02 .link-btn .mBoxWp{padding-right:50px}
	.mVisualWrap02 .link-btn .item{padding:15px;}
	
	.mVisualWrap03 .visualSlide .control{left:50px}
	.mVisualWrap03 .visualSlideFade .control{left:50px}
	.mVisualWrap03 .visualSlideFade .control{left:50px}
	
	.mConBox1{width:100%;padding:80px 50px}
	.mCon3{width:100%;padding:0 50px}
	.mConBox2 .innerBox{width:100%;padding:0 50px}
	.mConBox2 .innerBox::after{right:0}
	.mConBox2 .innerBox .inner-right{padding:40px}
	.mConBox2 .innerBox .inner-right .big-title{font-size:2.5em}
	.mConBox2 .innerBox .inner-right .sub-title{font-size:1.2em}
	.mConBox2 .innerBox .inner-right .btn-li{margin-top:40px}
	.mConBox2 .innerBox .inner-right .btn-li li a{margin-bottom:10px}
	.mConBox2 .mConSlide6 ul li{height:280px}
	
	.mCon4 .con{width:100%}
	.today{width:100%}
	.today .title-wrap{background: url('/_res/tongmyong/_share/img/ico_tunews.png') 50px center no-repeat;}
	.today .title-wrap h2{padding-left:50px}
	.today .today-tab{padding:0 50px}
	.today .btn-more{right:50px}
	.today .more-tit{right:50px}
	.today-box{padding:0 50px}
	.mCon6 .mTabM > li .snsTabCon{padding:0 50px}
	
	.conBoxBtn .conBoxBtn-inner{padding:0 0 0 50px}
	.boxBtn-cont .box-left{width:390px}
	.boxBtn-cont .box-right{width:calc(100% - 390px);}
}

 /* 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}
	
	.mVisualWrap .visualSlide .control{left:20px}
	.mVisualWrap02 .link-btn .mBoxWp{padding-right:20px}
	.mVisualWrap02 .link-btn .caption{padding-left:10px}
	.mVisualWrap02 .link-btn .item::before{right:15px}
	.mVisualWrap03 .swiper-slide{overflow:hidden}
	.mVisualWrap03 .visualSlide img{position:absolute;max-width:none;min-width:100%;min-height:100%;transform:translate(-50%,-50%);top:50%;left:50%;width:auto}
	.mVisualWrap03 .visualSlide .control{left:20px}
	.mVisualWrap03 .visualSlideFade .control{left:20px}
	
	.title-wrap h2{font-size:24px}
	
	.mConBox1 .control{top:7px}
	.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}
	.mCon4 .item{min-height:260px}
	.mCon-left .subject{font-size:2.5em}
	.mCon-left .txt{font-size:1.2em}
	
	.mConBox2 .mConSlide6 ul li .tit .txt-box dt{font-size:1.2rem}
	.mConBox2 .mConSlide6 ul li .tit .txt-box dd{font-size:1rem}
	
	.layPop .box .con .movBox{padding-top:55%}
	.layPop .box .con iframe{position:absolute;top:0;left:0;width:100%;/*height:100%*/}
	
	.mCon6 .mTabM > li .snsTabCon ul li{display:none;}
	.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}
}


 /* 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:70px 50px}
	.mConBox1 .board-title{font-size:1.2rem}
	/*.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}*/
	
	.mVisualWrap02 .link-wrap .ico{width:25px}
	.mVisualWrap .link-wrap .ico img{max-width:100%}
	.mVisualWrap02 .link-wrap .caption{padding-left:15px;width:calc(100% - 25px)}
	
	.mConBox2 .control{top:75px}
	.mConBox2 .bg-left{width:100%;height:auto;position:relative;overflow:hidden}
	.mConBox2 .innerBox .inner-left{width:100%;position:absolute;/*bottom:10px*/bottom:-200px}
	.mConBox2 .innerBox .inner-right{width:100%;padding:40px 0}
	.mConBox2 .innerBox .inner-right .big-title{font-size:2em;margin-bottom:10px}
	.mConBox2 .innerBox .inner-right .sub-title{font-size:1em}
	.mConBox2 .innerBox .inner-right .sub-title br{display:none}
	.mConBox2 .innerBox .inner-right .btn-li{justify-content:left;font-size:1.3em;margin-top:20px}
	.mConBox2 .innerBox .inner-right .btn-li li{width:30%;margin-right:5%}
	.mConBox2 .innerBox .inner-right .btn-li li:nth-child(3n){margin-right:0}
	.mConBox2 .mConSlide6 ul li{height:260px}
	.mConBox2 .mConSlide6 ul li .tit .txt-box{padding:20px;}
	.mCon4 li:nth-child(3n){margin-right:20px;}
	.mCon4 li:nth-child(2n){margin-right:0;}
	.mCon-left{width:100%;margin-right:0}
	.mCon-left .subject{margin-top:30px;font-size:2em}
	.mCon-left .txt{font-size:1em;margin-top:10px;}
	.mCon-left .txt br{display:none}
	.mCon-left .btn-go{font-size:1.3rem;margin-top:40px;margin-bottom:40px;background-size:contain}
	.mCon-right{width:100%}
	
	.mVisualWrap02 .visualSlide .control{bottom:160px}
	.mVisualWrap02 .link-btn{bottom:20px}
	.mVisualWrap02 .link-btn .mBoxWp ul li{width:100%;margin-top:2%}
	.mVisualWrap02 .link-btn .item{min-height:auto;padding:15px}
	.mVisualWrap02 .link-wrap .caption{margin-top:0}
	
	.mVisualWrap03 .link-wrap .item{padding:0 15px}
	.mVisualWrap03 .link-wrap .ico{width:25px}
	.mVisualWrap03 .link-wrap .ico img{max-width:100%}
	.mVisualWrap03 .link-wrap .caption{padding-left:15px;width:calc(100% - 25px)}
	
	.today .today-tab > ul{padding-top:2px;}
	.today-box ul li{width:49%;margin-left:2%;margin-bottom:20px}
	.today-box ul li:nth-child(3n){margin-left:0}
	
	.mCon6 .mTabM{height:1150px}
	.mCon6 .mTabM > li .snsTabCon ul li{width:50%;margin-bottom:30px}
	
	.conBoxBtn .conBoxBtn-inner{padding:0}
	.boxBtn-cont .box-left{width:100%;height:310px;padding:50px}
	.boxBtn-cont .box-left .left-inner{max-width:100%}
	.boxBtn-cont .box-left .btn-go{margin-top:60px;font-size:1.2rem}
	.boxBtn-cont .box-right{width:100%}
	.boxBtn-bg .bg-left{width:100%;height:310px;z-index:2;bottom:auto}
	.boxBtn-bg .bg-right{width:100%;position:relative;left:0}
	.box-right .right-inner ul li a .tit-btn{margin-top:40px}
}

 /* TABLET Device */
@media all and (max-width:800px){
	
	.topBanCon1 .btn2{top:auto; right:0;}
	.mCon4 .item{min-height:280px}
	.mCon6 .mTabM{height:1000px}
	.box-right .right-inner ul{min-height:auto}
	.box-right .right-inner ul li{width:100%;border-right:0;border-bottom:1px solid #727f93;min-height:auto;padding:20px 0}
	.box-right .right-inner ul li:last-child{border-bottom:0}
	.box-right .right-inner ul li a{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
	.box-right .right-inner ul li a img{width:10%;margin-right:20px}
	.box-right .right-inner ul li a .tit-btn{width:35%;margin-right:20px;font-size:1.2rem;text-align:left;word-break:keep-all;}
	.box-right .right-inner ul li a .txt-btn{width:calc(55% - 40px);text-align:left;word-break:keep-all;}
	.box-right .right-inner ul li a .txt-btn br{display:none}
	/* one items */
	.box-right .right-inner ul li:first-child:nth-last-child(1){width: 100%;}
	/* two items */
	.box-right .right-inner ul li:first-child:nth-last-child(2),
	.box-right .right-inner ul li:first-child:nth-last-child(2) ~ li{width: 100%;}
	/* four items */
	.box-right .right-inner ul li:first-child:nth-last-child(4),
	.box-right .right-inner ul li:first-child:nth-last-child(4) ~ li{width: 100%;min-height:auto;padding:20px 0;border-top:none}
	.box-right .right-inner ul li:first-child:nth-last-child(4) a .tit-btn,
	.box-right .right-inner ul li:first-child:nth-last-child(4) ~ li a .tit-btn{margin-top:auto;margin-bottom:auto;}
	.box-right .right-inner ul li:first-child:nth-last-child(4) a img,
	.box-right .right-inner ul li:first-child:nth-last-child(4) ~ li a img{width:10%;}
}

@media all and (max-width:720px){
	.mConBox2 .innerBox .inner-right .btn-li li{width:48%;margin-right:2%}
	.mConBox2 .innerBox .inner-right .btn-li li:nth-child(3n){margin-right:2%}
	.mConBox2 .innerBox .inner-right .btn-li li:nth-child(2n){margin-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 .visualSlide{height:calc(100vh - 200px);}
	.mVisualWrap .swiper-wrapper{height:100%}
	.mVisualWrap .visualSlide img{width:auto;height:auto;max-width:none !important;}
	.mVisualWrap .topTxt{padding:0 20px;top:calc(50% - 180px)}
	.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/_share/img/ic_prev_wh.png')}
	.mVisualWrap .visualSlide .control .nextSlide{background-image:url('/_res/tongmyong/_share/img/ic_next_wh.png')}
	.mVisualWrap .visualSlide .control .stopSlide{background-image:url('/_res/tongmyong/_share/img/ic_stop_wh.png')}
	.mVisualWrap .visualSlide .control .startSlide{background-image:url('/_res/tongmyong/_share/img/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*/}
	.mConBox1{padding:70px 20px}
	.mConBox1 .control{top:0px;right:65px}
	.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 li:nth-child(3n){margin-right:0}
	.mCon4 .con{min-height:22px;width:80%}
	.mCon4 .item{padding:20px;min-height:auto}
	.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)}
	
	#header .head_box .topLink .homeGo a {background-image:none}
	.mVisualWrap02 .link-wrap li{width:50%}
	.mVisualWrap02 .link-wrap li:after{display:none}
	.mVisualWrap03 .link-wrap li{width:50%}
	.mVisualWrap03 .link-wrap li:after{display:none}
	
	.mConBox2 .control{top:68px;right:65px}
	.mConBox2 .innerBox{padding:0 20px;}
	.mConBox2 .innerBox .inner-right .btn-li{justify-content:space-between}
	.mConBox2 .innerBox .inner-right .btn-li li a{color:#444;border:1px solid #ddd;border-radius:5px;padding:10px}
	.mConBox2 .innerBox .inner-right .btn-li li a::before{width:20px;height:12px;content:'';position:absolute;top:50%;right:10px;margin-top:-3px;background:url('/_res/tongmyong/_share/img/arrow.png') left top/contain no-repeat;}
	.mConBox2 .innerBox .inner-right .btn-li:hover li a::before{width:20px;margin-top:-3px;right:10px}
	.mConBox2 .innerBox .inner-right .btn-li li a::after{display:none}
	.mConBox2 .innerBox .inner-right .btn-li li:hover a::after{display:none}
	.mConBox2 .bg-left{display:none}
	.mConBox2 .innerBox .inner-left{display:none}
	.con-map .root_daum_roughmap .wrap_map{height:300px}
	.mCon-left .btn-go{font-size:1rem;padding-right:60px}
	.mConBox2 .mConSlide6 ul li{height:400px}
	.mConBox2 .mConSlide6 ul li.list_none a .tit .txt-box dt{padding:20px 0}
	
	.mVisualWrap02 .visualSlide{height:calc(100vh - 290px)}
	.mVisualWrap02 .topTxt{top:calc(50% - 100px)}
	.mVisualWrap02 .visualSlide .control{bottom:35%;/*bottom:48%;*/left:15px}
	.mVisualWrap02 .link-btn{bottom:20px}
	.mVisualWrap02 .link-btn .mBoxWp{padding:0 20px}
	.mVisualWrap02 .link-btn .mBoxWp > ul{width:100%}
	.mVisualWrap02 .link-btn .mBoxWp ul li{width:49%}
	.mVisualWrap02 .link-btn .item{min-height:75px;border-bottom:0;border-right:0;justify-content:flex-start;align-items:center}
	.mVisualWrap02 .link-btn .item::before{display:none}
	.mVisualWrap02 .link-btn .caption{margin:0;width:82%;font-size:0.9rem;padding-left:10px}
	
	.mVisualWrap03 .topTxt{top:calc(50% - 100px)}
	.mVisualWrap03 .topTxt .tit-wt{display:inline}
	.mVisualWrap03 .visualSlide{height:600px}
	.mVisualWrap03 .visualSlide .control{height:60px;bottom:0;bottom:40%;left: 20px;}
	.mVisualWrap03 .link-wrap .item{padding:15px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;justify-content:center}
	.mVisualWrap03 .link-wrap li:nth-child(2n) .item{border-right:0}
	.mVisualWrap03 .link-wrap li:nth-child(n+3) .item{border-bottom:0}
	.mVisualWrap03 .link-wrap .ico{margin-top:0;width:30px}
	.mVisualWrap03 .link-wrap .caption{margin-bottom:0;width:65%;font-size:0.9em;}
	.mVisualWrap03 .link-wrap .caption .subscript{display:none}
	
	
	.layPop .box .con{padding:0 10px}
	.layPop .box .btnClose{top:20px;right:20px;width:30px;height:30px}

	.mCon6{padding:0 15px}
	.mCon6 .mTabM{height:700px;}
	.mCon6 .mTabM > li{margin: 0 5px;}
	.mCon6 .mTabM > li > a{width: 48px;height: 48px;}
	.mCon6 .mTabM > li > a + span{margin-top: 10px;font-size: 12px;}
	.mCon6 .mTabM > li .snsTabCon{top:110px;padding:0}
	.mCon6 .mTabM > li .snsTabCon ul{margin:0 -5px}
	.mCon6 .mTabM > li .snsTabCon ul li{margin-bottom: 10px;padding: 0 5px;}
	.mCon6 .mTabM > li .snsTabCon ul li .box{padding: 10px;}
	.mCon6 .mTabM > li .snsTabCon ul li .box .sns{margin-bottom: 10px;}
	.mCon6 .mTabM > li .snsTabCon ul li .box .sns img{height:25px}
	.mCon6 .mTabM > li .snsTabCon ul li .box .tit{margin-bottom: 10px;font-size: 15px;}
	.mCon6 .mTabM > li .snsTabCon ul li .box .txt{margin-bottom: 15px;height: 36px;font-size: 13px;}
	
	.layPop .box .con .movBox{height: 70vh;}
	
	.today .title-wrap{background: url('/_res/tongmyong/_share/img/ico_tunews.png') 20px center no-repeat;}
	.today .title-wrap h2{padding-left:20px}
	.today .today-tab{padding:0 20px}
	.today-box{padding:0 20px}
	.today .btn-more{right:20px}
	.today .more-tit{right:20px}
	.today .more-tit::before{font-size:1rem;width:50px}
	.today .today-tab > ul{margin-right:50px}
	.today-box ul li{margin-bottom:0}
	.today-box ul li:nth-child(n+3){display:none}
	.today .today-tab > ul > li > a{position:relative; font-size:1rem}
	.today .today-tab > ul > li.current > a{font-size:1rem}
	
	.boxBtn-cont .box-left{padding:50px 20px;height:250px}
	.boxBtn-cont .box-left .txt-inner{font-size:1rem}
	.boxBtn-cont .box-left .btn-go{font-size:1rem;margin-top:20px}
	.boxBtn-bg .bg-left{height:250px}
	.box-right .right-inner ul li{padding:24px 0}
	.box-right .right-inner ul li a img{width:15%;margin-right:30px}
	.box-right .right-inner ul li a .tit-btn{width:calc(85% - 30px);margin-right:0;font-size:1.1rem}
	.box-right .right-inner ul li a .txt-btn{display:none}
	.box-right .right-inner ul li:first-child:nth-last-child(4) a img,
	.box-right .right-inner ul li:first-child:nth-last-child(4) ~ li a img{width:15%;}
}

@media all and (max-width:540px){
	
	.mVisualWrap02 .topTxt .stit-gy{margin-bottom:10px;word-break:keep-all}
	.mVisualWrap .topTxt .stit-gy br{display:none}
	.mVisualWrap .topTxt .tit-wt{font-size:1.2rem;display:inline}
	.mVisualWrap02 .link-btn .item{justify-content:center;min-height:auto}
	.mVisualWrap02 .link-wrap .caption{margin-top:10px;text-align:center;padding-left:0;width:100%}
	.mCon6 .mTabM{height:650px;}
}


/* 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;}
	.today .today-tab{top:110px;}
	.today .btn-more{top:110px;}
	.today .more-tit{top:110px;}
	.today-box{margin-top:60px}
	.today-box ul li{width:100%;margin-left:0;margin-bottom:20px}
	.mCon6 .mTabM{height:600px;}
}

@media all and (max-width:414px){
	.topTxt .tit-wt{display:inline;word-break:keep-all}
	.mConBox2 .innerBox .inner-right .big-title{font-size:1.8em}
	.mConBox2 .innerBox .inner-right .btn-li li{width:100%;margin-right:0}
	.mConBox2 .innerBox .inner-right .btn-li li:nth-child(3n){margin-right:0}
	.mConBox2 .mConSlide6 ul li{height:260px}
	.mConBox2 .mConSlide6 ul li.list_none a .tit .txt-box dt{padding:0}
	.mCon6{padding:0}
	.mCon6 .mTabM{height:1600px;}
	.mCon6 .mTabM > li > a{width:40px;height:40px}
	.mCon6 .mTabM > li .snsTabCon ul li{width:100%;padding:0}
	
	
}

@media all and (max-width:360px){
	.mCon6 .mTabM{height:1450px;}
}

@media all and (max-width:320px){
	.mCon6 .mTabM{height:1350px;}
}