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




.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('../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('../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('../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('../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('../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;*/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('../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}


.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}
.topTxt .stit-gy{display:block;font-size:1.8em;font-family:'NEXONFootballGothicBA1', sans-serif;font-weight:bold;color:#84d632}
.topTxt .tit-wt{font-family:'NanumSquare', sans-serif;color:#fff;font-size: 0.9em;}
.mVisualWrap02 .link-wrap{background-color:rgba(33,47,43,.70);padding:45px 0}
.mVisualWrap02 .link-wrap .item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:0 30px}
.mVisualWrap02 .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}
.mVisualWrap02 .link-wrap .caption .subscript{display:block;font-size:0.8em;color:#ffffffad;word-break:keep-all;margin-top:5px;}
.mVisualWrap02 .link-wrap .item:hover .caption{color:#84d632}
.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}
.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/bi/img/main/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/bi/img/main/dark.png') left top/cover no-repeat;}
.mConBox2 .bg-left .bg-img img{width:100%;height:100%;}
.mCon4 li{width:calc((100% - 40px) / 3);margin-bottom:20px;margin-right:20px}
.mCon4 li:nth-child(4n){margin-right:20px}
.mCon4 li:nth-child(3n){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('../img/main/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}

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

 /* 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%}
	
	.mCon3{width:100%;padding:0 50px}
	.mConBox2 .innerBox{width:100%;padding:0 50px}
	.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}
	
	.mCon4 .con{width:100%}
	
}

 /* TABLET Device */
@media all and (max-width:1200px){

	.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%}
	
	.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}
	
}


 /* TABLET Device */
@media all and (max-width:1024px){
	.btn-more{font-size:1.25rem}
	
	.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}
	
	.mConBox2 .bg-left{width:100%;height:auto;position:relative;overflow:hidden}
	.mConBox2 .innerBox .inner-left{width:100%;position:absolute;bottom:10px}
	.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}
	.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%}
	
}

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

@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}
	
	.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 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}
	
	
	.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)}
	
	
	.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/bi/img/main/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}
	
}

 /* Mobile Device */
@media all and (max-width:480px){
	
	.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;}
}

@media all and (max-width:414px){
	.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}
	
}