@charset "utf-8";
/****************************************/
/* Name: 동명대학교 
/* PART: CONTENT STYLE 
/* Version: 1.0 / day: 2021-01-20
/* 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");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}


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

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

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

.mVisual{position:relative;padding:0 50px;background:#f7f7f7}
.mVisual::before{position:absolute;top:0;left:0;width:50%;height:100%;content:'';}
.mVisual::after{position:absolute;top:0;right:0;width:50%;height:100%;content:'';background:url('/_res/tongmyong/ce/img/m_top_bg2.png') no-repeat;background-size:cover}
.mVisualWrap{position:relative;margin:0 auto;padding:40px 0 40px 380px;max-width:1400px;height:600px;z-index:2}
.mVisualWrap .topTxt{position:absolute;top:75px;left:0;color:#fff;z-index:40;}
.mVisualWrap .topTxt h2{margin-bottom:20px;font-family: 'YDV2002';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{margin-bottom:40px;font-family: 'YDV2002';font-size:22px;font-weight:normal;line-height:1.4}
.mVisualWrap .topTxt ul{display:inline-block;vertical-align:top}
.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 .link1 li:nth-child(3) a{font-size:13px}
.mVisualWrap .topTxt .link2 li{margin-bottom:3px}
.mVisualWrap .topTxt .link2 li a{display:block;padding-left:30px;width:225px;font-size:17px;line-height:55px; transition:all 0.4s ease;-webkit-transition:all 0.4s ease}
.mVisualWrap .topTxt .link2 li:nth-child(1) a{background-color:#388e3c;color:#fff;border-color:#388e3c}
.mVisualWrap .topTxt .link-wrap > li{margin-bottom:5px}
.mVisualWrap .topTxt .link-wrap > li a{display:block;padding-left:30px;width:225px;font-size:17px;line-height:100px; transition:all 0.4s ease;-webkit-transition:all 0.4s ease;border:1px solid rgba(255,255,255,0.4);background:url('../img/ic_arrow1.png') no-repeat right 30px center;color:#c2d2c9}
.mVisualWrap .topTxt .link-wrap > li a:hover{background-color:rgba(4,36,29,0.55);border-color:rgba(4,36,29,0.55)}
.mVisualWrap .visualSlide{position:relative}
.mVisualWrap .visualSlide .control{position:absolute;left:0;bottom:35px;width:100%;text-align:center;z-index:30}
.mVisualWrap .visualSlide .control button{margin:0 7px;width:42px;height:42px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-size:100%}
.mVisualWrap .visualSlide .control .prevSlide{background-image:url('/_res/tongmyong/ce/img/ic_prev.png')}
.mVisualWrap .visualSlide .control .nextSlide{background-image:url('/_res/tongmyong/ce/img/ic_next.png')}
.mVisualWrap .visualSlide .control .stopSlide{background-image:url('/_res/tongmyong/ce/img/ic_stop.png')}
.mVisualWrap .visualSlide .control .startSlide{background-image:url('/_res/tongmyong/ce/img/ic_play.png')}

.mConBox1{padding:80px 50px;background:url('/_res/tongmyong/ce/img/m_con_bg1.png') no-repeat , url('/_res/tongmyong/ce/img/m_con_bg2.png') no-repeat , url('/_res/tongmyong/ce/img/m_con_bg3.jpg') no-repeat ;background-position:10% 360px, right 140px, center bottom;background-size:auto, auto, 100%}
.mConBox1::after{display:block;clear:both;content:''}
.mBoxWp{margin:0 auto;max-width:1400px}
.mBoxWp::after{display:block;clear:both;content:''}
.mCon1{position:relative;margin-bottom:100px;max-width:1400px;min-height: 255px;clear:both}
.mCon1 h2{display:inline-block;margin-bottom:35px;padding-bottom:5px;font-family: 'Josefin Sans';font-size:18px;color:#242424;line-height:1;border-bottom:3px solid #242424}
.mCon1 .box{position:relative;padding-left:380px}
.mCon1 .box .lt{position:absolute;top:0;left:0;max-width:360px}
.mCon1 .box .lt h3{margin-bottom:50px;font-size:36px;color:#1b1b1b;font-weight:300;line-height:1.2}
.mCon1 .box .lt h3 b{font-weight:300}
.mCon1 .box .lt h3 span{font-weight:800}
.mCon1 .box .lt p{color:#6b6b6b;word-break:keep-all}
.mConSlide1 ul li a{display:block}
.mConSlide1 ul li .tit{display:block;margin-bottom:15px;padding-bottom:20px;font-size:24px;color:#242424;font-weight:700;line-height:1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom:3px solid #242424}
.mConSlide1 ul li .txt{display:block;margin-bottom:20px;height:80px;overflow: hidden; text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.mConSlide1 ul li .view{display:block;font-size:12px;color:#000;font-weight:bold;background:url('/_res/tongmyong/ce/img/ic_arrow2.png') no-repeat right center}
.mCon1 .control{position:absolute;top:-50px;right:0}
.mCon1 .control .mPage1{display:inline-block}
.mCon1 .control .mPage1 button{margin:0 10px;width:8px;height:8px;text-indent:-999px;overflow:hidden;background:#a5a3a2;border-radius:50%}
.mCon1 .control .mPage1 .swiper-pagination-bullet-active{width:14px;height:14px;background:#fff;border:1px solid #76bd30}
.mCon1 .control .btnMore{display:inline-block;margin-left:10px;vertical-align:middle}
.mCon1 .control .btnMore a{display:block;width:32px;height:32px;text-indent:-999px;overflow:hidden;background:url('/_res/tongmyong/ce/img/ic_more.png') no-repeat center center}

.mCon2{position:relative;float:left;margin-bottom:90px;width:60%}
.mCon2 h2{margin-bottom:35px;font-size:36px;color:#1b1b1b;font-weight:300;line-height:1}
.mCon2 h2 span{font-weight:800}
.mCon2 .mConSlide2 ul li{position:relative;}
.mCon2 .mConSlide2 ul li a{position:relative;display:block;padding-top:91%;overflow:hidden}
.mCon2 .mConSlide2 ul li a img{position:absolute;top:50%;left:50%;max-width:none;height:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.mCon2 .mConSlide2 ul li .tit{opacity:0;position:absolute;top:0;left:0;padding:55% 20px 0;width:100%;height:100%;font-size:18px;color:#fff;text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background:rgba(0,0,0,0.74) url('/_res/tongmyong/ce/img/ic_view.png') no-repeat center 40%;transition:all 0.4s ease;-webkit-transition:all 0.4s ease}
.mCon2 .mConSlide2 ul li a:hover .tit{opacity:1}
.mCon2 .control{position:absolute;top:10px;right:0}
.mCon2 .control button{position:relative;width:35px;height:35px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center}
.mCon2 .control .prevSlide2{background-image:url('/_res/tongmyong/ce/img/ic_prev2.png')}
.mCon2 .control .prevSlide2::after{position:absolute;top:50%;right:0;margin-top:-7px;width:0;height:15px;content:'';border-left:1px solid #c1c1c1}
.mCon2 .control .nextSlide2{background-image:url('/_res/tongmyong/ce/img/ic_next2.png')}

.mCon3{position:relative;float:right;margin-bottom:90px;padding:40px 40px 40px 260px;width:37%;height:310px;background:#f6f6f6}
.mCon3 .lt{position:absolute;left:40px;top:40px;text-align:center;}
.mCon3 .lt h2{margin-bottom:15px;padding: 45px 10px 0 0;width:192px;height:183px;font-family: 'YDV2002';font-size:48px;text-align:center;line-height:1;}
.mCon3 .lt .detail{display:inline-block}
.mCon3 .lt .detail a{position:relative;display:block;padding-right:45px;font-size:14px;color:#000;line-height:35px;}
.mCon3 .lt .detail a::after{position:absolute;top:0;right:0;width:35px;height:35px;content:'';background:#ebebeb url('/_res/tongmyong/ce/img/ic_arrow3.png') no-repeat center center;border-radius:50%}
.mCon3 ul{height:240px;overflow:auto;border:1px solid #232325;border-width:1px 0}
.mCon3 ul li{padding:13px 0 12px;font-size:17px;color:#5a5a5a;line-height:1.4;border-top:1px solid #bdbdbd}
.mCon3 ul li:first-child{border-top:0}
.mCon3 ul li .data{display:block;margin-bottom:2px;font-size:20px;color:#232325;font-weight:700}

.mCon4{clear:both}
.mCon4 h2{margin-bottom:55px;font-size:36px;color:#1b1b1b;font-weight:300;line-height:1;text-align:center}
.mCon4 h2 span{font-weight:800}
.mCon4 .mConSlide3{margin-bottom:95px}
.mCon4 .mConSlide3 ul li:nth-child(2n+1){padding-top:60px}
.mCon4 .mConSlide3 ul li .con{position:relative;padding-top:88%;overflow:hidden;color:#fff;}
.mCon4 .mConSlide3 ul li .con .infor{position:absolute;top:0;left:0;padding:30px;width:100%;height:100%;background:rgba(0,0,0,0.42);z-index:2}
.mCon4 .mConSlide3 ul li .con .infor .tit{display:block;margin-bottom:145px;padding:0 35px 20px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height:1;border-bottom:1px solid #fff}
.mCon4 .mConSlide3 ul li .con .infor .txt{position:relative;display:block;padding:20px 0 0;width:100%;font-size:14px;border-top:1px solid #fff}
.mCon4 .mConSlide3 ul li .con .infor .txt .like{display:inline-block;padding-left:44px;line-height:33px;background:url('/_res/tongmyong/ce/img/ic_like.png') no-repeat left center;}
.mCon4 .mConSlide3 ul li .con .infor .txt .data{position:absolute;top:25px;right:0}
.mCon4 .mConSlide3 ul li .con .view{position:absolute;top:30px;right:30px;}
.mCon4 .mConSlide3 ul li .con .view a{display:block;width:28px;height:28px;text-indent:-999px;overflow:hidden;background:url('/_res/tongmyong/ce/img/ic_view2.png') no-repeat center center;}
.mCon4 .mConSlide3 ul li .con img{position:absolute;top:50%;left:50%;max-width:none;height:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:1}
.mCon4 .mPage2{margin:0 auto;max-width:670px;height:3px;background:#ddd}
.mCon4 .mPage2 .swiper-scrollbar-drag{height:3px;background:#199239}

.mConBox2{padding:55px 0 120px;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;}
.mCon5{position:relative;margin: 0 auto 70px;padding-top:75px;max-width: 1800px;min-height:509px;}
.mCon5::after{position:absolute;top:0;left:0;width:100%;height:390px;content:'';}
.mCon5 .mConW{position:relative;margin:0 auto;max-width:1400px;z-index:110}
.mCon5 .mConW::after{display:block;clear:both;content:''}
.mCon5 .mConW .rotateImg{position:absolute;top:-140px;right:-40px;-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); } }
.mCon5 .youTube1{position:relative;float:left;width:53%}
.mCon5 .youTube1 iframe{width:100%}
.mCon5 .youTube1 a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}
.mCon5 .youTube2{position:relative;float:right;margin-top:130px;width:43%}
.mCon5 .youTube2 h2{margin-bottom:30px;font-family: 'Josefin Sans';font-size:42px;color:#fff;font-weight:bold}
.mCon5 .youTube2 h2 span{display:inline-block;margin:0 5px;width:71px;height:61px;text-align:center;vertical-align:top;border-radius:15px}
.mCon5 .youTube2 .mConSlide4 ul li{position:relative}
.mCon5 .youTube2 .mConSlide4 ul li iframe{width:100%}
.mCon5 .youTube2 .mConSlide4 ul li a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}
.mCon5 .youTube2 .control{position:absolute;top:10px;right:0}
.mCon5 .youTube2 .control button{position:relative;width:30px;height:35px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center}
.mCon5 .youTube2 .control .prevSlide4{background-image:url('/_res/tongmyong/ce/img/ic_prev3.png')}
.mCon5 .youTube2 .control .nextSlide4{background-image:url('/_res/tongmyong/ce/img/ic_next3.png')}
.mCon5 .control .btnMore{display:inline-block;margin-left:5px;vertical-align:middle}
.mCon5 .control .btnMore a{display:block;width:30px;height:35px;text-indent:-999px;overflow:hidden;background:url('/_res/tongmyong/ce/img/ic_more2.png') no-repeat center center}

.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;padding:0 50px;max-width:1500px}
.mCon6 .mTabM{position:relative;height:1065px;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%; min-height:417px;}
.mCon6 .mTabM > li .snsTabCon ul li a{display:block}
.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{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{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){
	
}

 /* PC Device */
@media all and (max-width:1400px){
	.topNotice .txt-box{padding:30px}
	.topNotice .conbox{width:100%}
}

 /* TABLET Device */
@media all and (max-width:1200px){
	
	.mVisual{padding:0 30px}
	.mVisual::before{width:100%;height:720px}
	.mVisual::after{top:720px;width:100%;height:300px}
	.mVisualWrap{padding:50px 0 80px;height:auto}
	.mVisualWrap .topTxt{position:relative;top:0;margin-bottom:40px}
	.mVisualWrap .topTxt h2 span{padding-right:0;text-align:left}
	.mVisualWrap .topTxt ul{display:block}
	.mVisualWrap .topTxt .link1{margin-bottom:20px}
	.mVisualWrap .topTxt .link1 li{display:inline-block;margin:0 5px 0 0}
	.mVisualWrap .topTxt .link2::after{display:block;clear:both;content:''}
	.mVisualWrap .topTxt .link2 li{float:left;padding:0 5px;width:25%;text-align:center}
	.mVisualWrap .topTxt .link2 li a{padding:0 10px;width:100%;background-image:none}
	.mVisualWrap .topTxt .link-wrap::after{display:block;clear:both;content:''}
	.mVisualWrap .topTxt .link-wrap > li{float:left;padding:0 5px;width:50%;text-align:center}
	.mVisualWrap .topTxt .link-wrap > li a{padding:0 10px;width:100%;background-image:none}

	.mCon1 h2{display:none}
	.mCon1 .box{padding-left:0}
	.mCon1 .box .lt{position:relative;margin-bottom:40px}
	.mCon1 .box .lt h3{margin-bottom:20px}
	.mCon1 .box .lt h3 b{display:none}
	.mCon1 .box .lt h3 br{display:none}
	.mCon1 .control{top:0}

	.mConBox1{background-position: -50px 360px, right 140px, center bottom;}

	.mCon2{float:none;width:100%}
	.mConBox2 {padding: 55px 0 285px;}

	.mCon3{float:none;margin:0 -50px 90px;width:auto}
	
	.mCon5{padding:75px 50px;}
	.mCon5::after{height:100%}
	.mCon5 .mConW .rotateImg{right:40px}
	.mCon5 .youTube1{float:none;margin-bottom: 60px;width:100%}
	.mCon5 .youTube2{float:none;margin-top: 0;width:100%}

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

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

}


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

.mConBox2 {padding: 55px 0 180px;}

}

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

 /* Mobile Device */
@media all and (max-width:640px){
	
	/* 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}
	
	.mVisual{padding: 0 20px;}
	.mVisual::before{height: 400px;}
	.mVisual::after{top: 400px;height: 150px;}
	.mVisualWrap{padding: 30px 0 40px;}
	.mVisualWrap .topTxt{margin-bottom:20px}
	.mVisualWrap .topTxt h2{font-size:26px}
	.mVisualWrap .topTxt h2 span{font-size:14px}
	.mVisualWrap .topTxt p{margin-bottom: 20px;font-size: 13px;}
	.mVisualWrap .topTxt .link1 li a{width: 64px;height: 64px;font-size: 13px;line-height: 64px;}
	.mVisualWrap .topTxt .link2 li{margin-bottom:8px;width:50%}
	.mVisualWrap .topTxt .link2 li a{font-size: 14px;line-height: 40px;}
	.mVisualWrap .topTxt .link-wrap > li a{font-size: 14px;line-height: 40px;}
	.mVisualWrap .visualSlide .control{bottom: 10px;}
	.mVisualWrap .visualSlide .control button{margin: 0 3px;width: 25px;height: 25px;}

	.mConBox1{padding: 60px 20px;background: url('/_res/tongmyong/ce/img/m_con_bg1.png') no-repeat, url('/_res/tongmyong/ce/img/m_con_bg3.jpg') no-repeat;  background-position: -50px 260px, center bottom; background-size: 200px, auto;}
	.mCon1 .box .lt{margin-bottom: 20px;}
	.mCon1 .box .lt h3{margin-bottom:10px;font-size: 24px;}
	.mCon1 .box .lt h3 strong{display:none}
	.mCon1 .box .lt p{display:none}
	.mCon1 .control .mPage1 button{margin:0 5px}
	.mCon1 .control .btnMore a{width:30px;height:30px;background-size:20px}
	.mConSlide1 ul li .tit{margin-bottom: 10px;padding-bottom: 10px;font-size: 18px;border-bottom-width:1px}
	.mConSlide1 ul li .txt{height:60px;}
	.mConSlide1 ul li .view{font-size:11px;background-size:15px}

	.mCon1{margin-bottom: 50px;min-height:135px}
	.mCon2{margin-bottom: 40px;}
	.mCon2 h2{margin-bottom: 15px;font-size: 24px;}
	.mCon2 .control{top: -5px;}
	.mCon2 .mConSlide2 ul li .tit{opacity:1;top:auto;bottom:0;padding:10px 10px 0;height:40px;font-size:14px;background-image:none}
	
	.mCon3{margin:0 -20px 50px;padding:20px 20px 20px 130px;height:auto}
	.mCon3 .lt{left:20px}
	.mCon3 .lt h2{margin-bottom: 10px;padding-top: 25px;width: 100px;height:100px;font-size: 24px;}
	.mCon3 .lt .detail a{padding-right: 35px;font-size: 13px;line-height: 30px;}
	.mCon3 .lt .detail a::after{width: 30px;height: 30px;}
	.mCon3 ul{height: 160px;}
	.mCon3 ul li{padding: 4px 10px;font-size: 14px;}
	.mCon3 ul li .data{font-size: 16px;}

	.mCon4 h2{margin-bottom: 30px;font-size: 24px;}
	.mCon4 .mConSlide3{margin-bottom:30px}
	.mCon4 .mConSlide3 ul li {width:50% !important;}
	.mCon4 .mConSlide3 ul li:nth-child(2n+1){padding-top:0}
	.mCon4 .mConSlide3 ul li .con .infor{padding:30px 20px}
	.mCon4 .mConSlide3 ul li .con .view{top: 20px;right: 20px;}

	.mCon5 .mConW .rotateImg{display:none}

	.mConBox2{padding:0 0 215px}

	.mCon5{margin-bottom:50px;padding: 35px 20px;}
	/*.mCon5 .youTube1{display:none}*/
	.mCon5 .youTube2 h2{margin-bottom: 10px;font-size: 25px;}
	.mCon5 .youTube2 h2 span{width: 30px;height: 28px;border-radius:10px;}
	.mCon5 .youTube2 .mConSlide4 ul li iframe{height:110px}
	.mCon5 .youTube2 .control{top:0}
	.layPop .box .con{padding:0 10px}
	.layPop .box .btnClose{top:20px;right:20px;width:30px;height:30px}

	.mCon6{padding:0 15px}
	.mCon6 .mTabM{height: 580px;}
	.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}
	.mCon6 .mTabM > li .snsTabCon ul{margin:0 -5px}
	.mCon6 .mTabM > li .snsTabCon ul li{margin-bottom: 10px;padding: 0 5px; min-height:300px;}
	.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;}
	.layPop.layPop-youtube .box .con{width:calc(100% - 40px)}
	
}

 /* Mobile Device */
@media all and (max-width:480px){
	.mCon6 .mTabM > li .snsTabCon ul li{min-height:260px;}
}
@media all and (max-width:400px){
	.mCon4 .mConSlide3 ul li {width:100% !important;}
	.mConBox2{padding:0 0 50px}
	.mCon6 .mTabM > li .snsTabCon ul li{min-height:230px;}
}

/*
=========================================================================
서브 콘텐츠 css
=========================================================================
*/

h1.title{position:relative;margin:-80px 0 100px;font-size:36px;color:#182024;text-align:center;line-height:1;font-weight:500;z-index:2}
h2.title{position:relative;margin:50px 0 30px;padding-left:40px;font-size:24px;color:#343c40;background:url('/_res/tongmyong/ce/img/h2_dot.png') no-repeat left 3px;line-height:1.4;}
h3.title{position:relative;margin:20px 0 6px;padding-left:24px;font-size:17px;color:#059785;}
h3.title::before{position:absolute;top:11px;left:0;width:9px;height:9px;content:'';background:#fff;border:3px solid #5ca296;border-radius:50%;}

.subConBox{margin:0 auto;padding:0 30px 100px;max-width:1340px}


input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"]{margin:1px 0;padding:5px 10px;height:48px;font-size:16px;background:#fff;border:1px solid #e1e1e1;border-radius:5px}
textarea{margin:1px 0;padding:5px 3px 4px 3px;width:100%;border:1px solid #cdcdcd;border-radius:0}
input[type="file"]{margin:1px 0;height:40px;font-size:14px;background:none;}
input[type="submit"]{cursor:pointer;}
.select{margin:1px 0;padding:0 30px 0 20px;height:48px;font-size:16px;color:#50585c;cursor:pointer;outline:none;-webkit-appearance: none;-moz-appearance: none; appearance: none;-ms-appearance: none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background:#eff1f2 url('/_res/tongmyong/ce/img/ic_select_arrow.png') no-repeat right 12px center;border-radius:5px;border:0}
.select::-ms-expand{display: none;}
input::-ms-clear{display:none}
input:-ms-input-placeholder {color: #636363;}
input::-webkit-input-placeholder {color: #636363;}
input::-moz-placeholder {color: #636363;}
input::-moz-placeholder {color: #636363;}
textarea::-ms-clear{display:none}
textarea:-ms-input-placeholder {color: #636363;}
textarea::-webkit-input-placeholder {color: #636363;}
textarea::-moz-placeholder {color: #636363;}
textarea::-moz-placeholder {color: #636363;}
input:disabled,
select:disabled{background-color:#f3f3f3}

/* 게시판 공통 */
.btnList{margin:30px 0 0;text-align:right}
.btnList .btnBc{margin:1px 1px}

/* 버튼 */
.btnBc{display:inline-block;margin:0 1px;}
.btnBc a,
.btnBc button,
.btnBc input{position:relative; margin:0; display:-moz-inline-stack; display:block;padding:0 20px;min-width:160px;font-size:18px;line-height:56px;font-weight:400;text-align:center;text-decoration:none;cursor:pointer;transition: all 0.3s;-webkit-transition: all 0.3s;border-radius:7px}

.btnBc.write a,
.btnBc.write button,
.btnBc.write input{padding-left:50px;background-image:url('/_res/tongmyong/ce/img/ic_write.png');background-position:40px center;}

.btnBc.list a,
.btnBc.list button,
.btnBc.list input{padding-left:50px;background-image:url('/_res/tongmyong/ce/img/ic_list.png');background-position:40px center;}

.btnBc.gray a,
.btnBc.gray button,
.btnBc.gray input{background-color:#5d6b71}


/* 기본 li아이콘 #1 */
.li_dot1{margin:0 0 10px 0;text-align:left}
.li_dot1 > li{position:relative;margin-bottom:6px;padding-left:24px}
.li_dot1 > li::before{position:absolute;top:11px;left:0;width:9px;height:9px;content:'';border-radius:50%}

.s1_1_con1{margin:0 auto 80px;padding:0 30px;max-width:1340px;}
.s1_1_con1::after{display:block;clear:both;content:''}
.s1_1_con1 img{float:left;margin-bottom:50px;width:50%}
.s1_1_con1 .img1{margin-top:40px}
.s1_1_con1 p{clear:both;padding-bottom:80px;column-count: 2;column-gap:80px;border-bottom:1px solid #dee2e4}

.s1_1_con2{margin-bottom:100px;padding:0 30px}
.s1_1_con2 dl{position:relative;margin:0 auto;padding:0 0 0 400px;max-width:1280px;}
.s1_1_con2 dl dt{position:absolute;top:0;left:0;font-size:36px;font-weight:500;line-height:1}
.s1_1_con3{margin-bottom:100px;padding:0 30px;background:url('/_res/tongmyong/ot/img/s1_1_img4.jpg') no-repeat center bottom}
.s1_1_con3 .box{position:relative;margin:0 auto;padding-left:400px;max-width:1280px;}
.s1_1_con3 dl{padding:35px 35px 60px;background:#f1f3f5}
.s1_1_con3 dl dt{margin-bottom:25px;font-size:17px;color:#666f74}
.s1_1_con3 dl dd{text-align:center}
.s1_1_con4{position:relative;margin:0 auto;padding:0 30px;max-width:1340px;}
.s1_1_con4 dl{position:relative;margin-bottom:85px;padding-left:400px;min-height:160px}
.s1_1_con4 dl dt{position:absolute;top:0;left:0;padding-top:40px;font-size:24px;color:#343c40;font-weight:500;line-height:1.6}
.s1_1_con4 dl dt::before{position:absolute;top:0;left:0;width:60px;height:0;content:'';}

.s1_2_con1{margin-bottom:100px;padding:50px 30px;text-align:center;background:#f6f7f8}
.s1_2_con2{position:relative;padding-left:400px}
.s1_2_con2 h2{position:absolute;top:0;left:0;margin-top:0}
.s1_2_con2 h3{position:relative;margin-bottom:35px;max-width:700px;font-size:21px;text-align:center}
.s1_2_con2 h3 span{display:block;line-height:80px}
.s1_2_con2 h3::after,
.s1_2_con2 h3::before{position:absolute;left:0;width:100%;height:10px;content:'';opacity:0.6;border-radius:5px}
.s1_2_con2 h3::after{top:0;}
.s1_2_con2 h3::before{bottom:0;}
.s1_2_con2 h3 span::after,
.s1_2_con2 h3 span::before{position:absolute;top:0;width:10px;height:100%;content:'';opacity:0.6;border-radius:5px}
.s1_2_con2 h3 span::after{left:0}
.s1_2_con2 h3 span::before{right:0}
.s1_2_con2 p{margin-bottom:40px;font-size:18px;}
.s1_2_con2 ul li{margin-bottom:10px;font-size:18px;color:#50585c}
.s1_2_con2 ul li .tit{display:inline-block;margin-right:10px;padding:0 30px;color:#fff;line-height:36px;border-radius:18px}

.s4_1_con{margin-bottom:100px;text-align:center}

.imgMb{display:none}

.teachList{overflow:hidden}
.teachList > ul{margin:0 -20px;display:flex;flex-wrap:wrap;}
.teachList > ul::after{display:block;clear:both;content:''}
.teachList > ul > li{float:left;margin-bottom:40px;padding:0 20px;width:50%}
.teachList ul li .box{position:relative;padding:40px 30px 30px 280px;min-height:340px;color:#343c40;border:1px solid #eaeef0}
.teachList ul li .box::before{position:absolute;top:0;left:0;width:24px;height:24px;content:'';}
.teachList ul li .box::after{position:absolute;top:11px;left:11px;width:20px;height:20px;content:'';background:#fff}
.teachList ul li .box .photo{position:absolute;top:30px;left:50px;width:182px;}
.teachList ul li .box .tit{display:block;margin-bottom:15px;font-size:24px;color:#343c40;font-weight:700;line-height:1}
.teachList ul li .box ul{margin-bottom:20px}
.teachList ul li .box ul li{position:relative;margin-bottom:5px;padding-left:86px;color:#50585c}
.teachList ul li .box ul li .name{position:absolute;top:0;left:0;padding-left:14px;color:#343c40;font-weight:500}
.teachList ul li .box ul li .name::before{position:absolute;top:13px;left:0;width:3px;height:3px;content:'';background:#697277}
.teachList ul li .box .btn{display:inline-block;width:130px;}
.teachList ul li .box .btn a{display:block;padding-left:27px;font-size:15px;color:#fff;line-height:47px;background:#98a2a6 url('/_res/tongmyong/ce/img/ic_more2.png') no-repeat right 24px center}

.popFix{position:fixed;top:0;left:0;padding:30px;width:100%;height:100%;overflow:auto;text-align: center;background:rgba(0,0,0,0.5);z-index:500}
.popFix:before{display:inline-block;width:0;height:100%;content:'';vertical-align:middle}
.popFix .popCon{position:relative;display:inline-block;width:100%;max-width:800px;text-align: left;vertical-align:middle;background:#fff;border-radius:18px;overflow:hidden}
.popFix .popCon h2{padding-left:40px;font-size:24px;line-height:70px;font-weight:800;}
.popFix .popCon h2 + p{margin-bottom:40px;font-size:14px;color:#999}
.popFix .popCon .btn-pop-close{position:absolute;top:12px;right:20px;width:45px;height:45px;text-indent:-999px;overflow:hidden;}
.popFix .popCon .btn-pop-close::before{position:absolute;top:50%;left:50%;margin-left:-30%;width:60%;height:0;content:'';border-top:3px solid #fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.popFix .popCon .btn-pop-close::after{position:absolute;top:50%;left:50%;margin-left:-30%;width:60%;height:0;content:'';border-top:3px solid #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg)}

.popFix .popCon .teachCon{height:700px;overflow:auto}
.popFix .popCon .teachCon .teachInforTop{position:relative;padding:80px 50px 0 360px;min-height:360px;}
.popFix .popCon .teachCon .teachInforTop .photo{position:absolute;bottom:0;left:50px}
.popFix .popCon .teachCon .teachInforTop h3{display:block;margin-bottom:15px;font-size:24px;color:#343c40;font-weight:800;line-height:1}
.popFix .popCon .teachCon .teachInforTop ul{margin-bottom:10px}
.popFix .popCon .teachCon .teachInforTop ul li{position:relative;margin-bottom:8px;padding-left:100px;color:#50585c}
.popFix .popCon .teachCon .teachInforTop ul li .name{position:absolute;top:0;left:0;padding-left:23px;color:#343c40;font-weight:500}
.popFix .popCon .teachCon .teachInforTop ul li .name::before{position:absolute;top:13px;left:0;width:6px;height:3px;content:'';background:#697277}
.popFix .popCon .teachCon .teachInforTop .homePage{display:block;padding-left:30px;}
.popFix .popCon .teachCon .teachInforTop .homePage a{font-weight:500}
.popFix .popCon .teachCon .teachInfor{padding:50px}
.popFix .popCon .teachCon .teachInfor h4{position:relative;margin:35px 0 5px 0;padding-left:17px;font-size:18px;font-weight:700}
.popFix .popCon .teachCon .teachInfor h4::before{position:absolute;top:11px;left:0;width:10px;height:10px;content:'';border-radius:50%}
.popFix .popCon .teachCon .teachInfor h4:first-child{margin-top:0}
.popFix .popCon .teachCon .teachInfor p,
.popFix .popCon .teachCon .teachInfor ol,
.popFix .popCon .teachCon .teachInfor ul{padding-left:15px; margin-bottom:25px;}

.downBox{position:relative;padding:30px;background:#f6f7f8;}
.downBox::before{position:absolute;top:0;left:0;width:100%;height:3px;content:'';}
.downBox::after{display:block;clear:both;content:''}
.downBox h2{display:inline-block;padding-left:33px;font-size:21px;line-height:48px}
.downBox .btnRt{float:right}
.downBox .btnRt .btn{display:inline-block;margin:3px 5px 0 0}
.downBox .btnRt .btn a{display:block;padding:0 60px 0 20px;line-height:48px;font-weight:500;background:#fff;border:1px solid #c4c8ca;border-radius:4px}
.downBox .btnRt .btn.zoom a{background:url('/_res/tongmyong/ce/img/ic_search.png') no-repeat right 18px center;}
.downBox .btnRt .btn.pdf a{background:url('/_res/tongmyong/ce/img/ic_pdf.png') no-repeat right 18px center;}

/* 테이블공통 */
.tbl_txt{margin-bottom:5px;text-align:right}
.th_left tbody th{text-align:left}
.td_left tbody td{text-align:left}
.td_right tbody td,.td_right tfoot td{text-align:right}
.t_typel th,.t_typel td{border:0}
.t_typel {width:100%;}
.t_typel tr { text-align: center; }
.t_typel thead th{padding:18px 0;background:#fff;border-bottom:1px solid #98a1a6;}
.t_typel tbody th{padding:18px 15px;font-weight:500;background:#f6f7f8;border-left:1px solid #dee2e6;border-top:1px solid #dee2e6}
.t_typel tbody th:first-child{border-left:0}
.t_typel tbody th[rowspan]{border-right:1px solid #d5d5d5}
.t_typel tbody td{padding:18px 15px;background:#fff;border-left:1px solid #dee2e6;border-top:1px solid #dee2e6}
.t_typel tbody td:first-child{border-left:0}
.t_typel tbody td[rowspan]{border-right:1px solid #dee2e6}
.t_typel tbody td[rowspan]:last-child{border-right:0}
.t_typel tbody td+th{border-left:1px solid #dee2e6}
.t_typel tfoot th{padding:18px 15px;background:#fafafa;border-right:1px solid #dee2e6}
.t_typel tfoot td{padding:18px 15px;border-left:1px solid #dee2e6}
.t_typel tfoot td[colspan]{border-left:0}
.t_typel tbody th.line,.t_typel tbody td.line,.t_typel tbody tr.line td,.t_typel tbody tr.line th{border-bottom:1px dashed #dee2e6}
.t_typel.type2 tbody th{padding:30px 40px;font-size:19px;text-align:left;vertical-align:top;}
.t_typel.type2 tbody th span{position:relative;display:inline-block;padding-left:28px;}
.t_typel.type2 tbody td{padding:30px 40px;text-align:left;border-left:0}
.t_typel.type2.border-line tbody td{border-left:1px solid #dee2e6}

.scheduleCon .schedTop{position:relative;margin-bottom:50px;text-align:center}
.scheduleCon .schedTop h2{margin-bottom:30px;font-size:27px;line-height:1}
.scheduleCon .schedTop h2 span{display:inline-block;margin-right:5px;font-size:30px;font-weight:800}
.scheduleCon .schedTop .btn{position:absolute;top:0;}
.scheduleCon .schedTop .btn a{display:block;width:90px;font-size:20px;color:#80898e;background-repeat:no-repeat;}
.scheduleCon .schedTop .btn.btnSchPrev{left:0;text-align:left}
.scheduleCon .schedTop .btn.btnSchPrev a{padding-left:44px;background-image:url('/_res/tongmyong/ce/img/ic_sch_prev.png');background-position:left center}
.scheduleCon .schedTop .btn.btnSchNext{right:0;text-align:right}
.scheduleCon .schedTop .btn.btnSchNext a{padding-right:44px;background-image:url('/_res/tongmyong/ce/img/ic_sch_next.png');background-position:right center}
.scheduleCon .schedTop .month{padding:8px 0;background:#f6f7f8;border:1px solid #eaeef0;border-radius:35px}
.scheduleCon .schedTop .month ol::after{display:block;clear:both;content:''}
.scheduleCon .schedTop .month ol li{display:inline-block;margin:0 15px}
.scheduleCon .schedTop .month ol li a{display:block;margin:0 auto;width:52px;height:52px;color:#343c40;font-weight:500;line-height:52px;border-radius:50%}
.scheduleCon .schedList::after{display:block;clear:both;content:''}
.scheduleCon .schedList .schedListTop::after{display:block;clear:both;content:''}
.scheduleCon .schedList .schedListTop p{float:left;margin-bottom:10px;font-size:15px}
.scheduleCon .schedList .schedListTop .btnType{float:right;margin-bottom:15px;text-align:right;}
.scheduleCon .schedList .schedListTop .btnType span{position:relative;display:inline-block;}
.scheduleCon .schedList .schedListTop .btnType span a{position:relative;display:block;padding-left:30px;font-size:18px;color:#80898e;}
.scheduleCon .schedList .schedListTop .btnType span a::before{position:absolute;top:6px;left:0;width:22px;height:22px;content:'';background-repeat:no-repeat;background-position:left top}
.scheduleCon .schedList .schedListTop .btnType .on a::before{background-position:left bottom}
.scheduleCon .schedList .schedListTop .btnType .btn1{margin-right:20px;padding-right:20px;}
.scheduleCon .schedList .schedListTop .btnType .btn1::after{position:absolute;top:50%;right:0;margin-top:-11px;width:0;height:22px;content:'';border-left:1px solid #dee2e4}

.scheduleCon .schedList .ltCon{float:left;width:27%}
.scheduleCon .schedList .ltCon .carlendar h3{font-size:20px;text-align:center;line-height:56px;}
.scheduleCon .schedList .ltCon .carlendar .carlTable{text-align:center;border:1px solid #dee2e4;border-width:0 1px 1px 1px}
.scheduleCon .schedList .ltCon .carlendar .carlTable thead th{padding:12px 0;color:#50585c;background:#eff1f2}
.scheduleCon .schedList .ltCon .carlendar .carlTable tbody td{padding:5px 5px 0;height:40px;font-weight:500;vertical-align:top}
.scheduleCon .schedList .ltCon .carlendar .carlTable thead th:first-child,
.scheduleCon .schedList .ltCon .carlendar .carlTable tbody td:first-child{padding-left:20px;color:#c84832}
.scheduleCon .schedList .ltCon .carlendar .carlTable thead th:last-child,
.scheduleCon .schedList .ltCon .carlendar .carlTable tbody td:last-child{padding-right:20px;color:#286ad4}
.scheduleCon .schedList .ltCon .carlendar .carlTable tbody td.event a{position:relative;display:block;padding-bottom:10px}
.scheduleCon .schedList .ltCon .carlendar .carlTable tbody td.event a::after{position:absolute;left:50%;top:30px;margin-left:-3px;width:6px;height:6px;content:'';border-radius:50%}
.scheduleCon .schedList .rtCon{float:right;width:69%}
.scheduleCon .schedList .rtCon .t_typel{border-top:1px solid #98a1a6;}
.scheduleCon .schedList .rtCon .t_typel tbody td{border-left:0}
.scheduleCon .schedList .rtCon .t_typel tbody th,
.scheduleCon .schedList .rtCon .t_typel tbody td{border-top:0;border-bottom:1px solid #dee2e4}

.licensList{overflow:hidden}
.licensList ul{display:flex;flex-wrap:wrap;margin:0 -20px}
.licensList ul::after{display:block;clear:both;content:''}
.licensList ul li{margin-bottom:60px;padding:0 20px;width:50%}
.licensList ul li .box{position:relative;height:100%;}
.licensList ul li .box h2{padding:20px 20px 20px 70px;font-size:20px;line-height:1.4;background:#f6f7f8 url('/_res/tongmyong/ce/img/h2_dot.png') no-repeat 25px 20px}
.licensList ul li .box .btn{position:absolute;top:20px;right:20px;}
.licensList ul li .box .btn a{display:inline-block;padding:0 42px 0 20px;font-size:15px;line-height:40px;border-radius:20px}
.licensList ul li .box p{padding:30px 40px}


/* 게시글 상단 */
.bbs_top{margin-bottom:20px}
.bbs_top::after{display:block;clear:both;content:''}
.bbs_top .pageNum{float:left;padding-top:15px}
.bbs_top .pageNum .total{position:relative;display:inline-block;margin-right:10px;padding-right:15px}
.bbs_top .pageNum .total::after{position:absolute;top:50%;right:0;margin-top:-7px;width:0;height:14px;content:'';border-left:1px solid #ced4da}
.bbs_top .pageNum .now{display:inline-block}
.bbs_top .pageNum .now span{font-weight:500}
.bbs_top .boadSearchA{float:right}

.boadSearchA{position:relative;}
.boadSearchA select{margin:0 5px 0 0;width:130px}
.boadSearchA .serInput{margin:0 5px 0 0;padding:0 20px;width:260px;background:#eff1f2;border:0}
.boadSearchA .btn{width:88px;height:48px;text-align:left;text-indent:35px;color:#fff;background:#34464e url('/_res/tongmyong/ce/img/ic_search2.png') no-repeat 18px center;border-radius:5px;border:0}

/* 목록A */
.listTypeA{position:relative;table-layout:fixed;border-bottom:1px solid #98a1a6}
.listTypeA::before{position:absolute;top:0;left:0;width:100%;height:3px;content:'';z-index:2}
.listTypeA tr{text-align:center;}
.listTypeA thead th{padding:18px 5px;color:#343c40;font-weight:500;background:#fff;border-bottom:1px solid #98a1a6}
.listTypeA thead th:first-child{border-left:0}
.listTypeA tbody th,.listTypeA tbody td{border:1px solid #dee2e4;border-width:1px 0 0}
.listTypeA tbody tr.notice td{background:#fff}
.listTypeA tbody tr.notice td.num{font-weight:500}
.listTypeA tbody tr.b-top-box td{background:#f6f7f8;font-weight: 600;}
.listTypeA tbody th{padding:15px 10px;background:#f8f8f8;}
.listTypeA tbody td{padding:15px 10px;color:#50585c;word-break:break-all}
.listTypeA tbody td.subject{text-align:left; position: relative;display:flex}/*2023-01-30 park:게시판 네모박스 틀어짐으로 display:flex추가 */
.listTypeA tbody td.subject a{position:relative;display:inline-block;padding-right:25px;color:#50585c;max-width:100%;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.listTypeA tbody td.subject a .icNew{position:absolute;top:5px;right:0}
.article-chk {top: 13px !important; left: -15px !important;}

/* 페이지표시 */
.pageWrap{text-align:center;}
.page{display:inline-block;margin-top:40px;}
.page::after{display:block;clear:both;content:''}
.page a{position:relative;float:left;margin:2px 0 0 -1px;width:42px;height:42px;font-size:18px;color:#555;text-align:center;vertical-align:middle;line-height:38px;text-decoration:none;letter-spacing:-1px;background:#fff;border:1px solid #dee2e4}
.page a.on{color:#fff;background:#34464e;border:1px solid #34464e;z-index:2}
.page a img{padding-bottom:4px;vertical-align:middle;}
.page .contr{float:left;margin:0 20px}
.page .contr a:first-child{border-radius:4px 0 0 4px}
.page .contr a:last-child{border-radius:0 4px 4px 0}
.page .contr + a{border-radius:4px 0 0 4px}
.page .contr ~ a:last-of-type{border-radius:0 4px 4px 0}

.wBg{background:#f6f7f8}

.snsTab{margin-bottom:60px;padding-top:30px;text-align:center}
.snsTab ul li{display:inline-block;margin:0 15px;vertical-align:top}
.snsTab ul li a{display:block;width:60px;height:60px;font-size:18px;font-weight:500;line-height:55px;background-repeat:no-repeat;background-position:center top;background-size:100%;border-radius:50%;border-width:2px}
.snsTab ul li a span{display:block;text-indent:-999px;overflow:hidden}
.snsTab ul li a:hover{text-decoration:none}
.snsTab ul li.ic1 a{color:#004d40;border:2px solid #004d40}
.snsTab ul li.ic2 a{background-image:url('/_res/tongmyong/ce/img/ic_sns_menu1.png') }
.snsTab ul li.ic3 a{background-image:url('/_res/tongmyong/ce/img/ic_sns_menu2.png') }
.snsTab ul li.ic4 a{background-image:url('/_res/tongmyong/ce/img/ic_sns_menu3.png') }
.snsTab ul li.ic5 a{background-image:url('/_res/tongmyong/ce/img/ic_sns_menu4.png') }
.snsTab ul li a:hover,
.snsTab ul li.on a{background-position:center bottom}
.snsTab ul li.ic1 a:hover,
.snsTab ul li.ic1.on a{color:#fff;background:#004d40;}
.snsTab ul li.ic2.on a,
.snsTab ul li.ic2 a:hover{background-color:#244e9c;border-color:#244e9c;}
.snsTab ul li.ic3.on a,
.snsTab ul li.ic3 a:hover{background-color:#ee2489;border-color:#ee2489;}
.snsTab ul li.ic4.on a,
.snsTab ul li.ic4 a:hover{background-color:#4da739;border-color:#4da739;}
.snsTab ul li.ic5.on a,
.snsTab ul li.ic5 a:hover{background-color:#df3f3e;border-color:#df3f3e;}

.listTypeB{overflow:hidden}
.listTypeB ul{margin:0 -15px}
.listTypeB ul::after{display:block;clear:both;content:''}
.listTypeB ul li{float:left;margin-bottom:30px;padding:0 15px;width:25%}
.listTypeB ul li a{display:block}
.listTypeB ul li .box .photo{position:relative;display:block;padding-top:100%;overflow:hidden;background:#dee2e4}
.listTypeB ul li .box .photo img{position:absolute;top:50%;left:50%;max-width:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:all 0.3s ease;-webkit-transition:all 0.3s ease}
.listTypeB ul li a:hover .box .photo img{transform:translate(-50%,-50%) scale(1.07);-webkit-transform:translate(-50%,-50%) scale(1.07)}
.listTypeB ul li .box .infor{position:relative;padding:20px;background:#fff;border:1px solid #eaeef0;border-width:0 1px 1px}
.listTypeB ul li .box .infor .tit{display:block;margin-bottom:10px;height:50px;line-height:1.5; overflow: hidden;text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.listTypeB ul li .box .infor .snsIc img{width:28px}
.listTypeB ul li .box .infor .data{position:absolute;right:20px;bottom:20px;padding-left:24px;font-size:15px;color:#80898e;background:url('/_res/tongmyong/ce/img/ic_data.png') no-repeat left center}

.listTypeC{position:relative;padding-top:60px;overflow:hidden;}
.listTypeC::before{position:absolute;top:0;left:0;width:100%;height:3px;content:'';}
.listTypeC ul{margin:0 -20px}
.listTypeC ul::after{display:block;clear:both;content:''}
.listTypeC ul li{float:left;margin-bottom:30px;padding:0 20px;width:33.33%}
.listTypeC ul li a{display:block}
.listTypeC ul li .box .photo{position:relative;display:block;padding-top:60%;overflow:hidden;background:#dee2e4;border:1px solid #eaeef0}
.listTypeC ul li .box .photo img{position:absolute;top:50%;left:50%;max-width:none;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:all 0.3s ease;-webkit-transition:all 0.3s ease;width:100%;object-fit:cover}
.listTypeC ul li a:hover .box .photo img{transform:translate(-50%,-50%) scale(1.07);-webkit-transform:translate(-50%,-50%) scale(1.07)}
.listTypeC ul li .box .infor{position:relative;padding:20px;background:#fff;border:1px solid #eaeef0;border-width:0 1px 1px}
.listTypeC ul li .box .infor .tit{display:block;margin-bottom:20px;padding-bottom:20px;height:55px;font-size:18px;line-height:1.5; overflow: hidden;text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.listTypeC ul li .box .infor .data{display:block;padding:15px 0 0 24px;font-size:15px;color:#80898e;background:url('/_res/tongmyong/ce/img/ic_data.png') no-repeat left 20px;border-top:1px solid #dee2e4}
.listTypeC ul li .box .infor .hit{position:absolute;right:20px;bottom:20px;padding-left:24px;font-size:15px;color:#80898e;background:url('/_res/tongmyong/ce/img/ic_hit.png') no-repeat left center}

.viewTypeA{position:relative;border-bottom:1px solid #98a1a6}
.viewTypeA::before{position:absolute;top:0;left:0;width:100%;height:3px;content:'';}
.viewTypeA .viewTop{padding:30px 40px;background:#f6f7f8;border-bottom:1px solid #dee2e4}
.viewTypeA .viewTop h2{margin-bottom:20px;font-size:31px;line-height:1.3}
.viewTypeA .viewTop ul li{position:relative;display:inline-block;margin-right:10px;padding-right:15px;font-size:18px;color:#80898e}
.viewTypeA .viewTop ul li::before{position:absolute;top:10px;right:0;width:0;height:13px;content:'';border-left:1px solid #80898e}
.viewTypeA .viewTop ul li:last-child::before{display:none}
.viewTypeA .file{position:relative;padding:15px 40px 20px 140px;font-size:18px;color:#80898e;border-bottom:1px solid #dee2e4}
.viewTypeA .file .name{position:absolute;top:15px;left:40px;}
.viewTypeA .file a{display:inline-block;margin-right:20px;padding-left:22px;background:url('/_res/tongmyong/ce/img/ic_file.png') no-repeat left center}
.viewTypeA .con{padding:40px}
.viewTypeA .con .img{margin-bottom:40px}

.viewlist{margin-top:70px;border:1px solid #98a1a6;border-width:1px 0 }
.viewlist li{position:relative;padding:0 20px 0 180px;font-size:18px;line-height:70px;}
.viewlist li:first-child{border-bottom:1px solid #dee2e4}
.viewlist li span{position:absolute;top:0;left:0;padding-left:80px;height:100%;color:#50585c;font-weight:500;}
.viewlist li span::after{position:absolute;top:45%;left:40px;width:10px;height:10px;content:'';border:1px solid #999;border-width:2px 2px 0 0;transform:rotate(-45deg);}
.viewlist li a{display:block;color:#788287;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.viewlist li.next span::after{transform:rotate(135deg);-webkit-transform:rotate(135deg)}

/* 모바일 이미지 확대보기(새창) */
.mblink{position:relative}
.mblink a{display:none;position:absolute;bottom:0;right:0;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:rgba(0,0,0,0.4);border-radius:50%}
.mblink a::after{position:absolute;top:50%;left:50%;margin:-10px 0 0 -9px;width:19px;height:20px;content:'';background:url('/_res/tongmyong/ce/img/ic_search2.png') no-repeat center center;opacity:0.8}

.mapCon{margin-top:20px;padding-left:25px;overflow:hidden}
.mapCon ol{margin:0 -15px}
.mapCon ol::after{display:block;clear:both;content:''}
.mapCon ol li{float:left;padding:0 15px;width:33.33%}
.mapCon ol li .tit{position:relative;display:block;margin-top:20px;padding-left:35px;line-height:1.4}
.mapCon ol li .tit .num{position:absolute;top:0;left:0;width:25px;font-size:14px;color:#fff;line-height:25px;text-align:center;background:#159b7c;border-radius:3px}

/* 탭 */
/*#tab ul{overflow: hidden; width: 100%;}
#tab ul li{width: 25%; box-sizing: border-box; float: left; list-style-type: none; border: 1px solid #ccc; text-align: center; line-height: 40px;}
#tab ul li.activeClass{font-weight: bold; font-size: 20px;}*/

#tab{position: relative; margin: 0 auto; max-width: 1280px; height: 60px; z-index: 90; overflow: hidden; background-image: linear-gradient(to right, #576675 , #0d2639);}
#tab::after{display:block;clear:both;content:''}
#tab ul li{position: relative; float: left; text-align: center; border-left: 1px solid rgb(113 128 140 / 45%);}
#tab ul li:first-child{border-left:0}
#tab ul li a{position:relative;display:block;padding:0 5px;font-size:15px;color:#fff;line-height:61px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
#tab ul li a::after{opacity:0;position:absolute;top:12px;right:12px;width:7px;height:7px;content:'';border-radius:50%}
#tab ul li.activeClass{background: #ebebeb;}
#tab ul li.activeClass a {color:#000;}
#tab ul li.activeClass a::after{opacity:1}
#tab ul li a span{display:inline-block;padding-bottom:4px;line-height:1.2;vertical-align:middle;}
#tab ul li:first-child:nth-last-child(2),
#tab ul li:first-child:nth-last-child(2) ~ li{width:50%}
#tab ul li:first-child:nth-last-child(3),
#tab ul li:first-child:nth-last-child(3) ~ li{width:33.33%}
#tab ul li:first-child:nth-last-child(4),
#tab ul li:first-child:nth-last-child(4) ~ li{width:25%}
#tab ul li:first-child:nth-last-child(5),
#tab ul li:first-child:nth-last-child(5) ~ li{width:20%}
#tab ul li:first-child:nth-last-child(6),
#tab ul li:first-child:nth-last-child(6) ~ li{width:16.66%}
#tab ul li:first-child:nth-last-child(7),
#tab ul li:first-child:nth-last-child(7) ~ li{width:14.28%}
#tab ul li:first-child:nth-last-child(8),
#tab ul li:first-child:nth-last-child(8) ~ li{width:12.5%}
#tab ul li:first-child:nth-last-child(11),
#tab ul li:first-child:nth-last-child(11) ~ li{width:9.09%}
.tab-contents .tab-title {border-bottom: 1px solid #e0e0e0; padding-bottom: 30px; text-indent: -9999px;}
.sm_select {display: none;}
.sm_select select {width:100%; height: 40px; }

/* pdf */
.fileView a iframe {width: 100%; height: 770px;}

/*사이트맵-학과*/

.Sitemap .Sitemap-in > ul > li:after{content:'';display:block;clear:both;}
.Sitemap .Sitemap-in > ul > li{display: inline-block; vertical-align: top; width: calc(33.33% - 2%); margin-bottom: 25px;}
.Sitemap .Sitemap-in > ul > li:nth-child( 2 ), .Sitemap .Sitemap-in > ul > li:nth-child( 5 ){margin:0 2%;}
.Sitemap .Sitemap-in > ul > li > a{float:left;padding:15px; width:100%;border-top:4px solid #0fa13c; color:#0fa13c; font-size:25px;line-height:33px;font-weight:500;box-sizing:border-box;}
.Sitemap .Sitemap-in > ul > li > ul{float:left;padding:20px 0 0 30px ;width:100%;border-top:1px solid #c8c8c8;box-sizing:border-box;}
.Sitemap .Sitemap-in > ul > li > ul > li{display:inline-block;padding:0 0px 10px 0;width:100%; vertical-align:top; float: none;}

.Sitemap .Sitemap-in > ul > li > ul > li > a{display:inline-block;padding:0 0 5px 0;font-size:18px;line-height:28px;font-weight:500;color: #182024;}
.Sitemap .Sitemap-in > ul > li > ul > li > ul > li > a{display:inline-block;position:relative;padding:0 0 0 13px;line-height:24px;}
.Sitemap .Sitemap-in > ul > li > ul > li > ul > li > a:before{content:'';display:block;position:absolute;top:9.5px;left:0;width:5px;height:2px;background:#0fa13c;}

.layPop .box .con .sns-insta {width: 500px;}

.location-box .root_daum_roughmap {width:100% !important;}

.t-box-br {position: relative;display: block;}
.t-box-br em {display: block;}

/*준비중 이미지*/
.img-ready{display: block; margin: auto;}

/*
================================================================================
공통추가
================================================================================
*/

/* 찾아오시는길 */
.map-li {} 

/*
================================================================================
반응형 서브 콘텐츠
================================================================================
*/

 /* TABLET Device */
@media all and (max-width:1200px){
	
	
	h1.title{margin:0 0 75px;padding-left:30px;text-align:left}

	.s1_1_con1 p{column-count:1;column-gap:0;}
	.s1_1_con2 dl{padding-left:0}
	.s1_1_con2 dl dt{position:relative;top:0;margin-bottom:30px}
	.s1_1_con3 .box{padding-left:0}
	.s1_1_con4 dl{padding-left:0}
	.s1_1_con4 dl dt{position:relative;margin-bottom:30px}
	.s1_1_con4 dl dt br{display:none}

	.s1_2_con2{padding-left:0}
	.s1_2_con2 h2{position:relative}
	
	.teachList > ul{margin:0}
	.teachList > ul > li{float:none;padding:0;width:100%}

	.popFix:before{display:none}

	.scheduleCon .schedTop .month ol li{margin:0 2px}
	.scheduleCon .schedTop .month ol li a{width: 45px;height: 45px;line-height: 45px;}

	.scheduleCon .schedList .ltCon{float:none;margin-bottom:50px;width:100%}
	.scheduleCon .schedList .rtCon{float:none;width:100%}
	
	.licensList ul{margin:0}
	.licensList ul li{padding:0;width:100%}
	.licensList ul li .box h2.heiAut{height:auto}

	.boadSearchA .serInput{width:200px}

	.listTypeB ul li{width:50%}

	.listTypeC ul li{width:50%}

	.sm_select {display: block;}
    #tab{display: none;}

	.subConBox1 h1.title {padding: 0; margin: 40px 0;}
}

@media all and (max-width:1024px){
	
	.article-chk {top: 24px !important;}
	.fileView a iframe {height: 500px;}	
	.location-box .root_daum_roughmap,
	.location-box .root_daum_roughmap .wrap_map {height:300px !important;}
}

@media screen and (max-width: 768px){
    .Sitemap .Sitemap-in > ul > li{width: calc(50% - 2%);}
	.Sitemap .Sitemap-in > ul > li:nth-child( 2 ), .Sitemap .Sitemap-in > ul > li:nth-child( 5 ){margin:0;}
	.Sitemap .Sitemap-in > ul > li:nth-last-child( 2n ) {margin-left:2%}
}

 /* Mobile Device */
@media all and (max-width:640px){
	
	h1.title{margin: 0 0 30px;padding-left: 15px;font-size: 22px;}
	h2.title{margin:30px 0 15px;padding-left: 25px;font-size:18px;background-size: 17px;}
	h3.title{margin: 15px 0 4px;padding-left: 15px;font-size: 15px;}
	h3.title::before{top: 8px;width: 7px;height: 7px;border-width:2px}

	.subConBox{padding:0 15px 50px;}
	
	.li_dot1 > li{padding-left: 15px;}
	.li_dot1 > li::before{top: 6px;width: 7px;height: 7px;border-width:2px}

	.imgPc{display:none}
	.imgMb{display:inline-block}
	
	.btnList{margin-top:20px;text-align:center}
	.btnBc a, .btnBc button, .btnBc input{padding: 0 15px;min-width: 90px;font-size: 14px;line-height: 40px;border-radius:5px}
	.btnBc.write a, .btnBc.write button, .btnBc.write input,
	.btnBc.list a, .btnBc.list button, .btnBc.list input{padding-left:30px;background-position: 12px center;background-size:15px}

	
	.s1_1_con1{margin-bottom:40px;padding: 0 15px;}
	.s1_1_con1 img{float:none;margin-bottom:0;width:100%}
	.s1_1_con1 .img1{margin-top:0}
	.s1_1_con1 .img2{margin-bottom:30px}
	.s1_1_con1 p{padding-bottom:40px}
	.s1_1_con2{margin-bottom: 50px;padding: 0 15px;}
	.s1_1_con2 dl dt{margin-bottom: 20px;font-size: 22px;}
	.s1_1_con3{margin-bottom:50px;padding:0 15px;background:none}
	.s1_1_con3 dl{padding:20px 10px}
	.s1_1_con3 dl dt{margin-bottom:15px; font-size: 15px;text-align:center}
	.s1_1_con4{padding:0 15px}
	.s1_1_con4 dl{margin-bottom: 45px;}
	.s1_1_con4 dl dt{margin-bottom: 20px;padding-top: 15px;font-size: 16px;}
	.s1_1_con4 dl dt::before{width:40px}

	.s1_2_con1{margin-bottom: 50px; padding: 10px;}
	.s1_2_con2 h3{margin-bottom: 20px;font-size: 16px;}
	.s1_2_con2 h3 span{line-height: 50px;}
	.s1_2_con2 h3::after, .s1_2_con2 h3::before{height:6px}
	.s1_2_con2 h3 span::after, .s1_2_con2 h3 span::before{width:6px}
	.s1_2_con2 p{margin-bottom: 20px;font-size: 15px;}
	.s1_2_con2 ul li{position:relative;padding-left:100px;font-size: 14px;}
	.s1_2_con2 ul li .tit{position:absolute;top:0;left:0;margin:0;padding: 0;width:90px;text-align:center;line-height: 30px;}

	.s4_1_con{margin-bottom:50px;}
	
	.teachList ul li{margin-bottom:20px}
	.teachList ul li .box{padding:20px 30px}
	.teachList ul li .box::after{top: 8px;left: 8px;}
	.teachList ul li .box::before{width: 20px;height: 20px;}
	.teachList ul li .box .photo{position:relative;top:0;left:0;display:block;margin:0 auto 10px;width:140px;}
	.teachList ul li .box .tit{margin-bottom:20px;font-size:20px;text-align:center}
	.teachList ul li .box ul li{padding-left:80px}
	.teachList ul li .box ul li .name::before{top:9px}
	.teachList ul li .box .btn{margin:0 auto;width: 110px;}
	.teachList ul li .box .btn a{padding-left: 20px;font-size: 14px;line-height: 40px;background-position:right 18px center;background-size:10px}

	.popFix{padding:15px}
	.popFix .popCon h2{padding-left: 20px;font-size: 18px;line-height: 45px;}
	.popFix .popCon .btn-pop-close{top: 4px;right: 10px;width: 35px;height: 35px;}
	.popFix .popCon .teachCon .teachInforTop{padding:20px 20px 30px}
	.popFix .popCon .teachCon .teachInforTop .photo{position:relative;left:0;margin-bottom:20px;text-align:center;border-bottom:1px solid #e4e4e4}
	.popFix .popCon .teachCon .teachInforTop .photo img{width:150px}
	.popFix .popCon .teachCon .teachInforTop h3{font-size: 20px;}
	.popFix .popCon .teachCon .teachInforTop ul li{margin-bottom:5px;padding-left:80px}
	.popFix .popCon .teachCon .teachInforTop ul li .name{padding-left: 15px;}
	.popFix .popCon .teachCon .teachInforTop ul li .name::before{top: 9px;}
	.popFix .popCon .teachCon .teachInforTop .homePage{padding:2px 0 2px 30px;background-position:left 3px;}
	.popFix .popCon .teachCon .teachInfor{padding:20px}
	.popFix .popCon .teachCon .teachInfor h4{margin: 25px 0 5px;padding-left: 15px;font-size: 16px;}
	.popFix .popCon .teachCon .teachInfor h4:first-child{margin-top:0}
	.popFix .popCon .teachCon .teachInfor h4::before{top: 5px;}
	.popFix .popCon .teachCon .teachInfor p, .popFix .popCon .teachCon .teachInfor ol, .popFix .popCon .teachCon .teachInfor ul{padding-left:0}

	.downBox{padding:20px}
	.downBox h2{margin-bottom:10px;padding-left: 20px;font-size: 16px;line-height: 30px;background-size:15px !important}
	.downBox .btnRt{float:none}
	.downBox .btnRt .btn{display:block;margin:0 0 5px}
	.downBox .btnRt .btn a{line-height:40px}

	.s4_1_con{margin-bottom:40px}

	.t_typel thead th{padding:10px 0}
	.t_typel tbody th,
	.t_typel tbody td{padding:10px}

	.t_typel.type2 tbody th{padding:10px;font-size:14px}
	.t_typel.type2 tbody td{padding:10px}
	.t_typel.type2 tbody th span{padding-left:14px;background-size:10px;background-position:left 5px}
	
	.scheduleCon .schedTop{margin-bottom: 20px;}
	.scheduleCon .schedTop h2{margin-bottom:20px;font-size: 18px;}
	.scheduleCon .schedTop h2 span{margin-right: 0;font-size: 20px;}
	.scheduleCon .schedTop .btn a{width: 70px;font-size: 15px;background-size:20px;line-height:20px}
	.scheduleCon .schedTop .btn.btnSchPrev a{padding-left:25px}
	.scheduleCon .schedTop .btn.btnSchNext a{padding-right:25px}
	
	.scheduleCon .schedTop .month{border-radius:15px}
	.scheduleCon .schedTop .month ol li{margin:2px}
	.scheduleCon .schedTop .month ol li a{width: 35px;height: 35px;line-height: 35px;font-size: 12px;}

	.scheduleCon .schedList .schedListTop p{font-size:13px}
	.scheduleCon .schedList .schedListTop .btnType{margin-bottom: 10px;}
	.scheduleCon .schedList .schedListTop .btnType span a{padding-left: 20px;font-size: 14px;}
	.scheduleCon .schedList .schedListTop .btnType span a::before{top: 3px;width: 15px;height: 16px;background-size: 100%;}
	.scheduleCon .schedList .schedListTop .btnType .btn1{margin-right: 10px; padding-right: 10px;}
	.scheduleCon .schedList .schedListTop .btnType .btn1::after{margin-top: -7px;height: 15px;}
	.scheduleCon .schedList .ltCon{margin-bottom:20px}
	.scheduleCon .schedList .ltCon .carlendar h3{font-size: 16px;line-height: 46px;}
	.scheduleCon .schedList .ltCon .carlendar .carlTable tbody td{height:35px}
	.scheduleCon .schedList .ltCon .carlendar .carlTable tbody td.event a::after{top:22px}
	
	.licensList ul li{margin-bottom:20px}
	.licensList ul li .box h2{padding: 10px 10px 10px 40px;font-size: 16px;height: 90px;background-size: 18px;background-position:15px 12px}
	.licensList ul li .box .btn{top:45px;left:40px;right:auto}
	.licensList ul li .box .btn a{padding: 0 42px 0 20px;font-size: 14px;line-height: 30px;}
	.licensList ul li .box p{padding:15px}
	
	input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="email"]{height: 40px;font-size: 14px;}
	.select{padding: 0 20px 0 13px;height: 40px;font-size: 14px;background-size: 10px;}

	.bbs_top .pageNum{float:none;margin-bottom:10px}
	.bbs_top .boadSearchA{float:none}
	.boadSearchA select{margin: 0 0 5px 0;width: 100%;}
	.boadSearchA .serInput{padding: 0 10px;width:calc(100% - 70px)}
	.boadSearchA .btn{position:absolute;right:0;bottom:0;width:65px;height:40px;text-indent: 20px;background-position:10px center;background-size:12px}
	
	.listTypeA::before{height:2px}
	.listTypeA.mb{display:block}
	.listTypeA.mb colgroup{display:none}
	.listTypeA.mb thead{display:none}
	.listTypeA.mb tbody{display:block}
	.listTypeA.mb tbody tr.notice{background: #fff;}
	.listTypeA.mb tbody tr.b-top-box{background:#f6f7f8}
	.listTypeA.mb tbody td.num{display:none}
	.listTypeA.mb tbody tr.notice .num{display:block;float:left;margin-right:10px}
	.listTypeA.mb tbody tr{position:relative;display:block;padding:10px 10px;width:100%;box-sizing: border-box;border-bottom:1px solid #ececec}
	.listTypeA.mb tbody tr::after{display:block;clear:both;content:''}
	.listTypeA.mb tbody td{display:block;padding:2px 0;border:0;font-size:13px;text-align:left;}
	.listTypeA.mb tbody td.data,
	.listTypeA.mb tbody td.file,
	.listTypeA.mb tbody td.hit{position:relative;float:left;margin-right:10px;padding-right:10px;line-height:15px}
	.listTypeA.mb tbody td.data::after,
	.listTypeA.mb tbody td.file::after{position:absolute;top:6px;right:0;width:0;height:10px;content:'';border-left:1px solid #50585c}
	.listTypeA.mb tbody td.file img{width:12px}
	
	.listTypeA.mb tbody td.subject{padding-bottom:5px;font-size:14px}
	.listTypeA.mb tbody td.subject a{display:block;padding-right:15px;font-weight:500}
	.listTypeA tbody td.subject a .icNew{top:3px;width:15px}
	.listTypeA.mb tbody td.name::before{margin-right:5px;content:'작성자 '}
	.listTypeA.mb tbody td.data::before{margin-right:5px;content:'작성일 '}
	.listTypeA.mb tbody td.file::before{margin-right:5px;content:'첨부 '}
	.listTypeA.mb tbody td.hit::before{margin-right:5px;content:'조회수 '}
	
	.page{margin-top:30px}
	.page .contr{margin: 0 5px;}
	.page a{width: 30px;height: 30px;font-size: 14px;line-height: 28px;}
	.page a img{height:13px}
	
	.snsTab{margin-bottom:30px;padding-top:10px}
	.snsTab ul li{margin: 0 3px;}
	.snsTab ul li a{width: 45px;height: 45px;font-size: 14px;line-height: 42px;}
	
	.listTypeB::before{height:2px}
	.listTypeB ul{margin: 0 -5px;}
	.listTypeB ul li{margin-bottom: 10px;padding: 0 5px;}
	.listTypeB ul li .box .infor{padding: 10px;}
	.listTypeB ul li .box .infor .tit{height: 40px;line-height: 1.4;}
	.listTypeB ul li .box .infor .data{right: 10px;bottom: 12px;padding-left:16px;font-size: 13px;background-size:12px}
	.listTypeB ul li .box .infor .snsIc img{width:24px}
	
	.listTypeC{padding-top:20px}
	.listTypeC::before{height:2px}
	.listTypeC ul{margin: 0 -5px;}
	.listTypeC ul li{margin-bottom: 10px;padding: 0 5px;}
	.listTypeC ul li .box .infor{padding: 10px;}
	.listTypeC ul li .box .infor .tit{margin-bottom:10px;height: 40px;font-size:14px;line-height: 1.4;}
	.listTypeC ul li .box .infor .data{padding:10px 0 0 16px;font-size: 13px;background-size:12px;background-position:left 14px}
	.listTypeC ul li .box .infor .hit{right: 10px;bottom: 10px;padding-left:16px;font-size: 13px;background-size:12px}

	.viewTypeA .viewTop{padding: 15px;}
	.viewTypeA .viewTop h2{margin-bottom: 10px;font-size:18px;}
	.viewTypeA .viewTop ul li{margin-right: 5px;padding-right: 10px; font-size: 14px;}
	.viewTypeA .viewTop ul li::before{top:5px}
	.viewTypeA .file{padding: 10px 10px 10px 80px;font-size: 14px;}
	.viewTypeA .file .name{top: 10px;left: 15px;}
	.viewTypeA .file a{margin-right: 10px;padding-left: 16px;background-size: 12px;}
	.viewTypeA .con{padding:15px 0}
	.viewTypeA .con .img{margin-bottom:20px}

	.viewlist{margin-top:40px}
	.viewlist li{padding: 0 0px 0 90px;font-size: 14px;line-height:40px;}
	.viewlist li span{padding-left: 35px;}
	.viewlist li span::after{left: 15px;width: 7px;height: 7px;}

	/* 모바일 테이블 가로스크롤 */
	.mb_scroll{position:relative;width:100%;overflow:auto}
	.mb_scroll table{width:800px}
	.mb_scroll::after{display:block;position:absolute;top:0;right:0;width:27px;height:100%;content:'';background:url('/_res/tongmyong/ce/img/scroll_alpha.png') repeat-y fixed right top;z-index:2;}
	.mbtb_quide{position:absolute;top:30px;left:50%;width:60px;height:60px;background:url('/_res/tongmyong/ce/img/bg_touch.png') no-repeat;background-size:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}

	.mblink a{display:block}
	
	.mapCon{padding-left:15px}
	.mapCon ol li{float:none;margin-bottom:30px;width:100%}
	.mapCon ol li img{width:100%}
	.mapCon ol li .tit{margin-top:10px}
	
	.article-chk {top: 0px !important; left: -5px !important;}
	
	.fileView a iframe {height: 400px;}	

    .Sitemap .Sitemap-in > ul > li{width: calc(100% - 2%); margin-bottom: 0;}
	.subConBox1 h1.title {padding: 0; margin: 30px 0;}
    .Sitemap .Sitemap-in > ul > li > ul{padding:15px 0 20px 30px; }
    .Sitemap .Sitemap-in > ul > li > ul > li{padding:0 0 7px 0;}
	.Sitemap .Sitemap-in > ul > li:nth-last-child( 2n ) {margin-left: 0;}
	
	.topBanCon1 .btn2{position:absolute; top:auto; bottom:10px; right:-65px;}
	.topBanCon1 .btn2 a{width:75px; font-size:12px; line-height:25px;}

	.layPop .box .con .sns-insta {width: 100%;}
}

/*
================================================================================
today
================================================================================
*/

/*today*/
.more-tit{position:absolute; right:0; top:0px; background:url('/_res/tongmyong/tuhome/img/main/ico-cal-more1.png') no-repeat 80% 50%; border-radius:50px; border:1px solid #cecece; padding:2px 41px 2px 15px; display:block; cursor:pointer;}
.today{padding:0 0 70px 0; max-width:1400px; margin:0 auto; position:relative;overflow-x:hidden}
.today:after{display:block; content:''; clear:both}
.today h2.title-hak{text-align:left; font-size:36px; font-weight:600; line-height:2rem; color:#000;  font-family: 'NotoKrB'; position:relative; margin:0 auto; width:1400px;}
.today h2.title-hak span{font-size:1.15rem; display:block; padding-top:15px;}
.today-box{width:1400px; margin:0 auto; padding-top:30px}
.today-box ul li{width:22.75%; margin-left:3%; float:left; box-shadow:0 7px 7px rgb(0 0 0 / 15%); 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;}
.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:1340px; margin:0 auto; }
.today .today-tab > ul{float:right; padding-top:7px; margin-right:140px;}
.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.15rem; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
.today .today-tab > ul > li.current > a{color:#388e3c; font-weight:600; font-family: 'NotoKrB';  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;}
.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;}

@media screen and (max-width:1400px){
		.today{padding:50px 0; width:100%;}
		.today-box{width:100%; padding:50px 15px 0 15px;}
		.today .today-tab{width:100%;}
	}
	
	@media screen and (max-width:1024px){ 
		
		.today h2.title span{font-size:0.9rem; padding-top:5px;} 
		.today-box ul li span.img{height:150px;}
		.today-box ul li span.title{padding:15px;}
		.today-box ul li span.title > i.tit{font-size:1rem;}
		.today-box ul li span.title > i.date{font-size:0.9rem;}
		.today h2.title{text-align:center;}
		.today .today-tab{text-align:center; width:100%;}
		.today .today-tab > ul{float:none; display:inline-block; padding-top:30px; margin-right:0;}
		.today .today-news-con{height:239px;}
		.today .today-news-con .news-con{font-size:1rem; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display: -webkit-box;
  -webkit-line-clamp:1; -webkit-box-orient: vertical;}

	}
	
	@media screen and (max-width:780px){
		#main .today{padding:30px 0 0 0}
		.today-box{padding-top:15px;}
		.today-box ul li:nth-child(3),
		.today-box ul li:last-child{display:none;}
		.today-box ul li{width:48%; margin-left:4%}
		.today-box ul li span.img{height:220px;}
		.today .today-tab > ul.tabs > li > a{font-size:1rem;}
		.today .today-tab > ul.tabs > li.current > a{font-size:1rem;}
		.more-tit{top:54px; border:none;}

	}

	@media screen and (max-width:640px){
		.today h2.title-hak{font-size:24px;}
	}

	@media screen and (max-width:500px){
		.today-box ul li span.img{height:150px;}

	}
	@media screen and (max-width:480px){
		.today .today-tab{text-align:left; padding-left:28px; }
		.more-tit{top:57px; right:0px; border:none;}
	}

	@media screen and (max-width:420px){
		.today-box ul li span.img{height:120px;}

	}