@charset "utf-8";
/****************************************/
/* Name: 동명대학교 입학처
/* PART: CONTENT STYLE 
/* Version: 1.0 / day: 2021-02-15
/* Author:  
/****************************************/

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

/* 슬라이드 기본설정 */
.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);
  }
}


.mVisual{position:relative;margin-bottom:90px;overflow:hidden}
.visualSlide{position:relative}
.visualSlide ul li{padding:0 40px;height:650px;background-repeat:no-repeat;background-position:center center;background-size:cover}
.visualSlide ul li.bg1{background-image:url('/_res/tongmyong/iphak/img/m_visual01.jpg')}
.visualSlide ul li.bg2{background-image:url('/_res/tongmyong/iphak/img/m_visual02.jpg')}
.visualSlide ul li.bg3{background-image:url('/_res/tongmyong/iphak/img/m_visual01.jpg')}
.visualSlide ul li .txt{position:relative;margin:0 auto;padding-top:200px;max-width:1400px;}
.visualSlide ul li .txt p{display:inline-block;padding:0 60px 20px 0;font-size:50px;color:#fff;line-height:1.3;font-weight:700;background:url('/_res/tongmyong/iphak/img/m_v_txt_bg.png') no-repeat right bottom}
.visualSlide .control{position:absolute;left:50%;bottom:200px;padding:0 40px;width:100%;max-width:1400px;transform:translateX(-50%);z-index:30}
.visualSlide .control .mPage1 button{margin-right:10px;width:28px;height:28px;font-size:15px;color:#fff;line-height:26px;font-weight:500;border:1px solid transparent}
.visualSlide .control .mPage1 .swiper-pagination-bullet-active{border:1px solid rgba(255,255,255,0.65)}
.visualSlide .control > button{margin:0 7px;width:25px;height:16px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center}
.visualSlide .control .prevSlide1{background-image:url('/_res/tongmyong/iphak/img/ic_v_prev.png')}
.visualSlide .control .nextSlide1{background-image:url('/_res/tongmyong/iphak/img/ic_v_next.png')}

/* 210706 button add - eun */
.visualSlide .btn-wrap{position:absolute;left:50%;bottom:60px;padding:0 40px;width:100%;max-width:1400px;transform:translateX(-50%);z-index:30}
.visualSlide .btn-wrap a{display:flex;align-items:center;border:1px solid #fff;background-color:rgba(38,50,56,.6);color:#fff;margin-right:10px;font-size:18px;float:left;width:240px;height:75px;text-align:center;justify-content:center;transition:.3s}
.visualSlide .btn-wrap a img{margin-right:10px}
.visualSlide .btn-wrap a:hover{text-decoration:none;background-color:rgb(38,50,56)}
.visualSlide .btn-wrap a:last-child{margin-right:0}

.mVisual .mtopLink{position:absolute;top:213px;left:50%;margin-left:370px;padding:40px 45px;width:326px;background:rgba(18,47,32,0.9);z-index:30}
.mVisual .mtopLink ul{border-top:2px solid #fff}
.mVisual .mtopLink ul li{border-bottom:1px solid rgba(255,255,255,0.49)}
.mVisual .mtopLink ul li a{position:relative;display:block;font-size:15px;color:#fff;font-weight:500;padding:25px 0;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.mVisual .mtopLink ul li a:hover{color:#ffd800}
.mVisual .mtopLink ul li a::before{position:absolute;top:50%;right:0;width:30px;height:30px;content:'';background-repeat:no-repeat;background-size:100%;background-position:center top;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.mVisual .mtopLink ul li a:hover::before{background-position:center bottom}
.mVisual .mtopLink ul li.ic1 a::before{background-image:url('/_res/tongmyong/iphak/img/m_ic1.png')}
.mVisual .mtopLink ul li.ic2 a::before{background-image:url('/_res/tongmyong/iphak/img/m_ic2.png')}
.mVisual .mtopLink ul li.ic3 a::before{background-image:url('/_res/tongmyong/iphak/img/m_ic3.png')}
.mVisual .mtopLink_bg{position:absolute;top:137px;left:50%;margin-left:320px;width:636px;height:374px;background:url('/_res/tongmyong/iphak/img/m_q_bg.png') no-repeat;z-index:29}

.mCon1{position:relative;margin:0 auto 100px;padding:0 40px;max-width:1480px}
.mCon1 .box{position:relative;padding:40px 0 0 380px}
.mCon1 .box .lt{position:absolute;top:0;left:0;}
.mCon1 .box .lt h2{margin-bottom:35px;}
.mCon1 .box .lt h2 .tit1{display:inline-block;margin-bottom:5px;padding-right:70px;font-size:32px;color:#5f5f5f;font-weight:400;background:url('/_res/tongmyong/iphak/img/m_ic_notice.png') no-repeat right center;}
.mCon1 .box .lt h2 .tit2{display:block;font-size:41px;color:#2f2f2f;font-weight:700;line-height:1}
.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}
.mConSlide1 ul li a{display:block}
.mConSlide1 ul li a:hover{text-decoration:none}
.mConSlide1 ul li h3{margin-bottom:20px;padding-bottom:20px;font-size:15px;color:#ee1c23;border-bottom:1px solid #ccc}
.mConSlide1 ul li .tit{display:block;margin-bottom:15px;height:55px;font-size:20px;color:#242424;font-weight:700;line-height:1.4;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mConSlide1 ul li .data{display:block;color:#b9b9b9}
.mCon1 .control{display:none;position:absolute;top:0;right:0}/* 210818 업체요청으로 인해 비노출 */
.mCon1 .control .mPage2{display:inline-block;margin-right:10px}
.mCon1 .control .mPage2 button{margin:0 2px;width:21px;height:21px;text-indent:-999px;overflow:hidden;background:#ccc;border:5px solid #fff;border-radius:50%}
.mCon1 .control .mPage2 .swiper-pagination-bullet-active{background:#eb2330;border-color:#fbd3d6}
.mCon1 .control > button{width:21px;height:21px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center}
.mCon1 .control .stopSlide2{background-image:url('/_res/tongmyong/iphak/img/m_ic_stop.png')}
.mCon1 .control .startSlide2{background-image:url('/_res/tongmyong/iphak/img/m_ic_play.png')}

.mbtnMore{display:inline-block;text-align:center}
.mbtnMore a{display:block;width:190px;font-family: 'Josefin Sans';font-size:13px;color:#fff;font-weight:bold;line-height:60px;background:#246541;border-radius:30px}

.mConBox{position:relative;margin:0 auto;max-width:1400px}
.mConBox::after{display:block;clear:both;content:''}

.mCon2{position:relative;padding:0 40px 80px;background:url('/_res/tongmyong/iphak/img/m_con2_bg.jpg') repeat-x center bottom}
.mCon2 .mConBox-flex{display:flex;display:-ms-flex;align-items:center}
.mCon2 .box{position:relative;padding:0 58px}
.mCon2 .box:after{position:absolute;bottom:173px;right:-10px;content:'TU';height:267px;font-size:322px;color:#f6e035;font-weight:800;overflow:hidden;line-height:1}
.mCon2 h2{margin-bottom:25px;font-size:26px;color:#2f2f2f;font-weight:700;line-height:1}
.mCon2 h2 span{display:block;margin-top:15px;font-size:40px;color:#005629;font-weight:800}
.mCon2 .mConSlide2 ul li{position:relative;}
.mCon2 .mConSlide2 ul li.list-none{min-height:180px}
.mCon2 .mConSlide2 ul li a{display:block;}
.mCon2 .mConSlide2 ul li .photo{position:relative;display:block;margin-bottom:20px;padding-top:61%;overflow:hidden}
.mCon2 .mConSlide2 ul li .photo img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.mCon2 .mConSlide2 ul li .depart{display:inline-block;margin-bottom:20px;padding:0 25px;color:#fff;line-height:38px;background:#0b301b;border-radius:19px}
.mCon2 .mConSlide2 ul li .tit{display:block;font-size:20px;color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height:1}
.mCon2 .mConSlide2 ul li a:hover .tit{opacity:1}
.mCon2 .control button{position:absolute;top:43px;width:60px;height:120px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center}
.mCon2 .control .prevSlide3{left:-50px;background-image:url('/_res/tongmyong/iphak/img/ic_prev.png')}
.mCon2 .control .nextSlide3{right:-50px;background-image:url('/_res/tongmyong/iphak/img/ic_next.png')}

.mCon3{padding:150px 50px 120px;background:url('/_res/tongmyong/iphak/img/m_con3_bg1.png') no-repeat , url('/_res/tongmyong/iphak/img/m_con3_bg2.png') no-repeat , url('/_res/tongmyong/iphak/img/m_con3_bg3.jpg') no-repeat ;background-position:-20px 272px, right 83px, right 210px bottom 75px;}
.mCon3 h2{position:relative;margin-bottom:-11px;padding-left:45px;font-size:32px;color:#0d883e;line-height:1;font-weight:700;z-index:2}
.mCon3 .gtxt{position:absolute;top:250px;right:-150px;font-family: 'YDV2002';transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.mCon3 .gtxt span{display:inline-block;padding-right:40px;background:url('/_res/tongmyong/iphak/img/m_txt_ic.png') no-repeat right center}
.mCon3 .tupeople{position:relative;padding:50px 40px;width:calc(50% - 20px);overflow:hidden;border-radius:0 35px}
.mCon3 .tupeople::after{position:absolute;top:170px;left:-30px;width:150%;height:500px;content:'';transform:rotate(-25deg);-webkit-transform:rotate(-25deg)}
.mCon3 .con1{float:left;background:#1bc377}
.mCon3 .con1::after{background:#10975a;}
.mCon3 .con2{float:right;background:#ffec55}
.mCon3 .con2::after{background:#f6e035;}
.mCon3 .tupeople ul{position:relative;margin:0 auto;max-width:500px;z-index:2}
.mCon3 .tupeople ul li{margin-bottom:24px}
.mCon3 .tupeople ul li:last-child{margin-bottom:0}
.mCon3 .tupeople ul li a{display:block}
.mCon3 .tupeople ul li a:hover{text-decoration:none}
.mCon3 .tupeople ul li .box{position:relative;padding-left:145px}
.mCon3 .tupeople ul li .box .photo{position:absolute;top:0;left:0;width:126px;height:126px;overflow:hidden;border-radius:50%}
.mCon3 .tupeople ul li .box .con{position:relative;padding:18px;font-size:14px;line-height:1.4;background:#fff}
.mCon3 .tupeople ul li .box .con::after{position:absolute;top:16px;left:-12px;width:0;height:0;content:'';border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:12px solid #fff}
.mCon3 .tupeople ul li .box .con p{margin-bottom:15px;max-height:55px;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.mCon3 .tupeople ul li .box .con .infor::after{display:block;clear:both;content:''}
.mCon3 .tupeople ul li .box .con .infor .name{position:relative;display:inline-block;margin-right:6px;padding-right:10px;font-weight:700}
.mCon3 .tupeople ul li .box .con .infor .name::after{position:absolute;top:50%;right:0;margin-top:-5px;width:0;height:9px;content:'';border-left:1px solid #959595}
.mCon3 .tupeople ul li .box .con .infor .num{float:right}
.mCon3 .tupeople ul li:nth-child(2n) .box{padding:0 145px 0 0}
.mCon3 .tupeople ul li:nth-child(2n) .box .photo{left:auto;right:0}
.mCon3 .tupeople ul li:nth-child(2n) .box .con::after{left:auto;right:-12px;border-left:12px solid #fff;border-right:0}

.mCon4{padding:75px 20px 120px;text-align:center;background:#f5f9f3 url('/_res/tongmyong/iphak/img/m_con4_bg.jpg') no-repeat center bottom;background-size:100%;border-top:1px solid #1bc377}
.mCon4 .mtit_top{margin-bottom:70px;text-align:center}
.mCon4 .mtit_top h2{position:relative;display:inline-block;margin-bottom:15px;padding:0 10px;font-size:51px;color:#1bc377;font-weight:700;line-height:1}
.mCon4 .mtit_top h2::before{position:absolute;top:0;left:0;width:8px;height:8px;content:'';border-radius:50%;background:#1bc377}
.mCon4 .mtit_top p{font-size:32px;font-weight:700;text-align:center}
.mCon4 .mSnsLIst{margin:0 auto 20px;text-align:left}
.mCon4 .mSnsLIst ul{margin:0 auto}
.mCon4 .mSnsLIst ul::after{display:block;clear:both;content:''}
.mCon4 .mSnsLIst ul li.grid-item{float:left;margin-bottom:20px;max-width:314px;width:100%;}
.mCon4 .mSnsLIst ul li.grid-item .box{padding:25px;background:#fff;border:1px solid #e1e1e1;border-radius:12px}
.mCon4 .mSnsLIst ul li.grid-item .box .sns{display:block;margin-bottom:20px}
.mCon4 .mSnsLIst ul li.grid-item .box .photo{display:block;margin-bottom:20px}
.mCon4 .mSnsLIst ul li.grid-item .box .txt{display:block;max-height:45px;font-size:14px;line-height:1.5;font-weight:500;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/*
================================================================================
221114 eun 공지사항 리뉴얼
================================================================================
*/

.mCon5{margin:0 auto 100px;max-width:1480px;padding:0 40px}
.mCon5 .subject-wrap{position:relative;margin-bottom:50px}
.mCon5 .btn-view{position:absolute;right:0;top:50%;transform:translateY(-50%);border:1px solid #ccc;display:flex;width:100px;height:50px;align-items:center;justify-content:center;color:#838383;transition:.3s}
.mCon5 .btn-view span:after{content:"+";margin-left:5px}
.mCon5 .btn-view:hover{text-decoration:none;background-color:#838383;color:#fff}
.mCon5 h2{display:flex;align-items:center;gap:10px;font-size:2.5rem;font-weight:500}
.mCon5 .board-wrap ul{display:flex;gap:40px;flex-wrap:wrap;font-size:1.125rem}
.mCon5 .board-wrap li{width:calc(25% - 30px)}
.mCon5 .category{position:relative;border-bottom:1px solid #ccc;margin-bottom:20px;padding-bottom:20px}
.mCon5 .board-date{position:absolute;right:0;top:2px;color:#b9b9b9;font-size:.938rem}
.mCon5 .badge{color:#fff;background-color:#ec2327;border-radius:5px;padding:5px 15px}
.mCon5 .board-con{display:block;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}
.mCon5 .badge0{background-color:#eca823}
.mCon5 .badge1{background-color:#246541}
.mCon5 .badge2{background-color:#0b301b}
.mCon5 .item:hover{text-decoration:none}
.mCon5 .item:hover .board-con{text-decoration:underline}

/*
================================================================================
210722 eun intro popup
================================================================================
*/
/*
.mVisual.intro-popup-wrap{position:relative;background:url('/_res/tongmyong/iphak/img/intro-bgw.png') center/cover no-repeat;display:flex;flex-direction:column;color:#fff;font-size:16px;align-items:center;min-height:780px}
.mVisual.intro-popup-wrap.on::before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);content:""}
.mVisual.intro-popup-wrap .inner{position:relative;display:none;z-index:1;max-width:1920px;width:100%;padding:0 20px}
.mVisual.intro-popup-wrap .inner-popup{display:flex;justify-content:center}
.mVisual.intro-popup-wrap .inner-btn{position:relative;display:none;color:#fff;margin-bottom:50px;z-index:1}
.mVisual.intro-popup-wrap *{word-break:keep-all}
.mVisual .intro-popup{width:auto;flex:1;height:auto;min-height:480px;margin:90px 10px 50px 10px;border-top-left-radius:20px;border-bottom-right-radius:20px;overflow:hidden;padding:20px;background:url() center/cover no-repeat}
.mVisual .intro-popup.add-img{padding:0}
.mVisual .intro-popup.add-img img{width:100%}
.mVisual .inner-popup .intro-popup:nth-child(2){background-size:contain;background-color:#77ace4}
.mVisual .intro-popup .subject{text-align:center;line-height:1.2; margin-top:30px;}
.mVisual .intro-popup .subject span{display:block}
.mVisual .intro-popup .subject span:first-child{font-family:'DWImpactamin'}
.mVisual .intro-popup .con{margin:30px 0}
.mVisual .intro-popup .btn-wrap{display:flex;justify-content:space-between;margin:5px 0} 
.mVisual .intro-popup .btn-wrap a{border-radius:5px;text-align:center;height:50px;display:flex;align-items:center;justify-content:center;width:100%;font-size:.95rem;padding:0 2px}
.mVisual .intro-popup .btn-wrap.btn-two a{width:calc(50% - 2.5px)}
.mVisual .intro-popup .btn-wrap a:hover{text-decoration:none;}
.mVisual .intro-popup .btn-wrap.btn-trd a:nth-child(2){margin:0 5px}
.mVisual .intro-popup .btn-wrap.btn-two a:hover{text-decoration:none;}
.mVisual .intro-popup iframe{width:100%}
*/
.radio-wrap{display:flex;display:-ms-flex;align-items:center;flex-wrap:wrap;gap:10px}
.radio-box{position:relative;display:block}
.radio-box input[type="radio"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.radio-box input[type="radio"] + label{display:block;position:relative;width:130px;height:50px;color:#555;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding-left:0;border-radius:5px}
.radio-box.short input[type="radio"] + label{display:block;position:relative;width:100px;height:50px;color:#555;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.radio-box input[type="radio"] + label:before{content:'';position:absolute;left:0;top:50%;width:100%;height:100%;text-align:center;background: #fff;border:1px solid #d2d2d2;transform:translateY(-50%);border-radius:5px}
.radio-box input[type="radio"] + label span{position:relative;z-index:1;display:flex !important;align-items:center;justify-content:center;width:100%;height:100%;text-indent:0 !important;border-radius:5px}
.radio-box input[type="radio"]:checked + label:after{content:'';position:absolute;top:50%;left:0;width:100%;height:100%;background:#0fa13c;transform:translateY(-50%);border-radius:5px}
.radio-box input[type="radio"]:checked + label span{color:#fff}
.radio-box input[type="radio"]:disabled + label{cursor:default}
.radio-box input[type="radio"]:disabled + label span{background-color:#efefef;color:#999}
.radio-box.img-box{width:calc((100% - 30px) / 4);margin-right:0}
.radio-box.img-box input[type="radio"] + label span{gap:10px;color:#333}
.radio-box.img-box input[type="radio"] + label{width:100%;height:100px}
.radio-box.img-box img{max-width:70px}

.radio-box input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.radio-box input[type="checkbox"] + label{display:block;position:relative;width:130px;height:50px;color:#555;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.radio-box input[type="checkbox"] + label:before{content:'';position:absolute;left:0;top:50%;width:100%;height:100%;text-align:center;background: #fff;border:1px solid #d2d2d2;transform:translateY(-50%)}
.radio-box input[type="checkbox"] + label span{position:relative;z-index:1;display:flex !important;align-items:center;justify-content:center;width:100%;height:100%;text-indent:0 !important}
.radio-box input[type="checkbox"]:checked + label:after{content:'';position:absolute;top:50%;left:0;width:100%;height:100%;background:#0fa13c;transform:translateY(-50%)}
.radio-box input[type="checkbox"]:checked + label span{color:#fff}
.radio-box input[type="checkbox"]:disabled + label{cursor:default}
.radio-box input[type="checkbox"]:disabled + label span{background-color:#efefef;color:#999}
.radio-box.img-box input[type="checkbox"] + label span{gap:10px;color:#333}
.radio-box.img-box input[type="checkbox"] + label{width:100%;height:100px}

/*.mVisual .intro-popup:nth-child(1) .con{margin:80px 0}
.mVisual .intro-popup:nth-child(1) .subject{line-height:1.2;margin-top:30px}
.mVisual .intro-popup:nth-child(1) .btn-wrap:last-child{margin-top:20px}
.mVisual .intro-popup:nth-child(1) div:nth-child(5) {margin-bottom:0px;margin-top:20px}
.mVisual .intro-popup:nth-child(1) div:nth-child(4) {margin-bottom:0px;margin-top:20px}
.mVisual .intro-popup:nth-child(1) div:nth-child(3) {margin-bottom:0px;margin-top:80px}*/

/*
================================================================================
230824 ye TU e-Book
================================================================================
*/

.mCon6{position: relative;padding:65px 40px 80px;background: url(/_res/tongmyong/iphak/img/mCon6_bg.png) repeat-x center bottom;}
.mCon6 .mtit_top{margin-bottom:70px;text-align:center}
.mCon6 .mtit_top h2{position:relative;display:inline-block;padding:0 10px;font-size:51px;color:#1bc377;font-weight:700;line-height:1}
.mCon6 .mtit_top h2::before{position:absolute;top:0;left:0;width:8px;height:8px;content:'';border-radius:50%;background:#1bc377}
.mCon6 .box-wrap{position:relative;padding:0;}
.mCon6 .box-wrap ul{display:flex;justify-content: space-between;}
.mCon6 .box-wrap li{width:calc((100% / 4) - (60px / 3));/*width:314px;*/border:1px solid #e1e1e1}
.mCon6 .box-wrap:before{position:absolute;width:255px;height:73px;bottom:300px;left:-300px;content:'';background:url(/_res/tongmyong/iphak/img/mCon6_before.png) no-repeat center;}
.mCon6 .box-wrap:after{position:absolute;width:28px;height:97px;bottom:185px;right:-75px;content:'';background:url(/_res/tongmyong/iphak/img/mCon6_after.png) no-repeat center;} 


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

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

	.mVisual .mtopLink{left:auto;right:40px;margin-left:0}
	.mVisual .mtopLink_bg{left:auto;right:-230px;margin-left:0}
	.mCon2 .control .prevSlide3{left:-10px}
	.mCon2 .control .nextSlide3{right:-10px}
	
}

@media all and (max-width:1400px){
	/*.mVisual .intro-popup:nth-child(3){background-color:#0c3837;background-size:contain}*/
	/*.mVisual .intro-popup:nth-child(2){background-size:contain}*/
}

 /* TABLET Device */
@media all and (max-width:1200px){
	.visualSlide .control{bottom:260px}
	.visualSlide .btn-wrap{bottom:150px}
	.visualSlide .btn-wrap a{width:176px;font-size:15.5px}
	.visualSlide .btn-wrap a img{margin-right:5px}

	.mVisual.intro-popup-wrap{font-size:15px}
	.mVisual .intro-popup{height:auto;margin:20px 10px}
	.mVisual .mtopLink_bg{display:none}
	.mVisual .mtopLink{right:auto;left:0;top:auto;bottom:0;padding:0;width:100%}
	.mVisual .mtopLink ul{border-top:0}
	.mVisual .mtopLink ul::after{display:block;clear:both;content:''}
	.mVisual .mtopLink ul li{position:relative;float:left;width:33.33%;border-bottom:0;text-align:center}
	.mVisual .mtopLink ul li::before{position:absolute;top:50%;left:0;margin-top:-34px;width:0;height:68px;content:'';border-left:1px solid rgba(255,255,255,0.5)}
	.mVisual .mtopLink ul li a{padding:20px 0;line-height:1.4}
	.mVisual .mtopLink ul li a::before{position:relative;top:0;display:block;margin:0 auto 10px;transform: translateY(0); -webkit-transform: translateY(0);}
	

	.mCon1 .box{padding: 0;}
	.mCon1 .box .lt{position:relative;}
	.mCon1 .box .lt h2 .tit1{display:none}
	.mCon1 .box .mbtnMore{position:absolute;top:0;right:0;}
	.mCon1 .box .mbtnMore a{padding:0;width:40px;height:40px;line-height:20px;text-indent:-999px;overflow:hidden;background:url('/_res/tongmyong/iphak/img/ic_more.png') no-repeat center center;}
	.mCon1 .control{top:4px;right:50px}
	
	.mCon2 .box{padding:0}
	.mCon2 .box:after{bottom:173px;height:160px;font-size:190px;opacity:0.2}
	.mCon2 .control{position:absolute;top:-60px;right:0;z-index:5}
	.mCon2 .control button{position:relative;top:0;width:40px;height:40px}
	.mCon2 .control .prevSlide3{left:0;background-image:url('/_res/tongmyong/iphak/img/ic_prev2.png') }
	.mCon2 .control .prevSlide3::after{position:absolute;top:50%;right:0;margin-top:-8px;width:0;height:15px;content:'';border-left:1px solid #ccc}
	.mCon2 .control .nextSlide3{left:0;background-image:url('/_res/tongmyong/iphak/img/ic_next2.png') }
	
	.mCon3 .con1,
	.mCon3 .con2{float:none;margin-bottom:30px;width:100%}
	.mCon3 .gtxt{position:relative;top:0;right:0;text-align:center;transform: rotate(0); -webkit-transform: rotate(0);}
	
	.mCon6 .box-wrap{padding:0;}
	.mCon6 .box-wrap:before{display:none;}
	.mCon6 .box-wrap:after{display:none;}
	.mCon6 .box-wrap li{width: calc(20% - 20px);}
	
}

@media all and (max-width:1024px){
	.mVisual.intro-popup-wrap{font-size:14px;min-height:400px}
	.mVisual{display:block}
	.mVisual.intro-popup-wrap .inner-popup{display:block}
	.mVisual.intro-popup-wrap .inner-btn{position:absolute;right:5%;bottom:-20px}
	
	.mCon5 .board-wrap ul{gap:20px;font-size:1rem}
	.mCon5 .board-wrap li{width:calc(33.333% - 14px);margin-bottom:50px}
	.mCon5 .board-wrap li:nth-child(7),
	.mCon5 .board-wrap li:nth-child(8){display:none}
	.mCon5 .badge{padding:2px 10px}
	
	.mCon6 .box-wrap ul{gap:20px;justify-content:space-between;}
	
	.radio-box.img-box{width:calc((100% - 20px) / 2)}
}

 /* TABLET Device */
@media all and (max-width:800px){
	.mCon2 .mConBox-flex{display:block}
	.mCon2 .m-tu-more{margin-left:0;margin-bottom:5px}
	.mCon2 .m-tu-youtube{margin-bottom:5px;margin-left:0}
}

 /* Mobile Device */
@media all and (max-width:640px){
	.mVisual.intro-popup-wrap{display:block}
	.mVisual .intro-popup{width:90%;padding:50px 20px;margin:20px auto;min-height:400px;}
	.mVisual .intro-popup .btn-wrap a{height:45px;font-size:.8rem}
	.mVisual .intro-popup:nth-child(2) div:nth-child(3){margin-top:50px}
	
	.mVisual{margin-bottom: 50px;}
	.visualSlide ul li{padding:0 20px;height:350px}
	.visualSlide ul li .txt{padding-top: 50px;}
	.visualSlide ul li .txt p{padding: 0 40px 15px 0;font-size: 20px;background-size:150px}
	.visualSlide .control{bottom:180px;padding:0 20px}
	.visualSlide .btn-wrap{padding:0 20px;bottom:90px}
	.visualSlide .btn-wrap a{width:90px;height:45px;font-size:13px;margin-right:5px;word-break:keep-all}
	.visualSlide .btn-wrap img{display:none}
	.visualSlide .control .mPage1 button{margin-right: 5px;width: 20px;height: 20px;font-size: 12px;line-height: 18px;}
	.visualSlide .control > button{display:none}
	.mVisual .mtopLink ul li::before{margin-top: -20px;height: 40px;}
	.mVisual .mtopLink ul li a::before{margin-bottom:5px;width:20px;height:20px}
	.mVisual .mtopLink ul li a{padding:10px 0;font-size: 12px;}

	.mCon1{margin-bottom:50px;padding:0 20px}
	.mCon1 .box .lt h2{margin-bottom: 25px}
	.mCon1 .box .lt h2 .tit2{font-size:20px}
	.mCon1 .box .mbtnMore a{width: 25px;height: 25px;background-size:100%}
	.mCon1 .control{top: 0px;right: 30px;}
	.mCon1 .control .mPage2{margin-right:5px}
	.mCon1 .control .mPage2 button{margin: 0 1px;width: 16px;height: 16px;border-width:4px}
	.mConSlide1 ul li h3{margin-bottom: 10px;padding-bottom: 10px;font-size:14px}
	.mConSlide1 ul li .tit{margin-bottom: 10px;height: 40px;font-size: 15px;}
	.mConSlide1 ul li .data{font-size:12px}

	.mCon2{padding: 0 20px 40px;background-size:auto 150px}
	.mCon2 h2{margin-bottom: 15px;font-size: 16px;}
	.mCon2 h2 span{margin-top: 5px;font-size: 20px;}
	.mCon2 .control{top:-50px}
	.mCon2 .mConSlide2 ul li .photo{margin-bottom:10px}
	.mCon2 .mConSlide2 ul li .depart{margin-bottom: 10px;padding: 0 15px;font-size: 12px;line-height: 25px;}
	.mCon2 .mConSlide2 ul li .tit{font-size:14px}
	.mCon2 .box:after{right:-20px;bottom: 103px;height: 110px;font-size: 110px;}
	.mCon2 .m-tu-more{padding:5px 10px;font-size:13px}
	.mCon2 .m-tu-youtube{padding:5px 10px;font-size:13px}
	
	.mCon3{padding: 30px 10px 50px;background:url('/_res/tongmyong/iphak/img/m_con3_bg2.png') no-repeat;background-position: right 30px;background-size:100px}
	.mCon3 h2{margin-bottom: -10px;padding-left: 15px;font-size: 24px;}
	.mCon3 h2 img{width:80px}
	.mCon3 .tupeople{padding: 30px 20px;}
	.mCon3 .tupeople ul li{margin-bottom:15px}
	.mCon3 .tupeople ul li .box{padding-left: 75px;}
	.mCon3 .tupeople ul li .box .photo{width: 60px;height: 60px;}
	.mCon3 .tupeople ul li .box .con{padding:10px}
	.mCon3 .tupeople ul li:nth-child(2n) .box{padding-right:75px}
	.mCon3 .tupeople ul li .box .con p{font-size:13px}
	.mCon3 .tupeople ul li .box .con::after{left:-8px}
	.mCon3 .con2{display:none}
	.mCon3 .gtxt span{padding-right:30px;background-size:auto 18px}
	
	.mCon4{padding-top:40px}
	.mCon4 .mtit_top{margin-bottom: 20px;}
	.mCon4 .mtit_top h2{margin-bottom: 10px;padding: 0 10px;font-size: 24px;}
	.mCon4 .mtit_top p{font-size: 16px;}
	.mCon4 .mSnsLIst ul li.grid-item{margin-bottom:10px;}
	.mCon4 .mSnsLIst ul li.grid-item .box{padding:20px}
	.mCon4 .mSnsLIst ul li.grid-item .box .sns{margin-bottom:10px}
	.mCon4 .mSnsLIst ul li.grid-item .box .photo{margin-bottom:10px}
	.mCon4 .mSnsLIst ul li.grid-item .box .photo img{width:100%}

	.mbtnMore a{width:160px;line-height:40px;}
	/*.mVisual .intro-popup:nth-child(3) .con{padding-bottom:100%}*/ /* 추후 구조적으로 수정해야함 */
	/*.mVisual .intro-popup:nth-child(2) .con{padding-bottom:100%;} */
	.mVisual .intro-popup:nth-child(2){/*background-color:#f2ffe3;*/ background-size:inherit;}

	.mCon5{padding:0 20px;margin-bottom:50px}
	.mCon5 .subject-wrap{gap:7px}
	.mCon5 .subject-wrap img{max-width:25px}
	.mCon5 h2{font-size:1.25rem}
	.mCon5 .btn-view{width:80px;height:40px}
	.mCon5 .board-wrap ul{font-size:14px}
	.mCon5 .board-wrap li{width:calc(50% - 10px);margin-bottom:20px}
	.mCon5 .board-wrap li:nth-child(7),
	.mCon5 .board-wrap li:nth-child(8){display:block}
	.mCon5 .category{padding-bottom:10px;margin-bottom:10px}
	.mCon5 .board-date{font-size:12px;top:5px}
	.mCon5 .badge{font-size:13px;border-radius:3px}
	
	.mCon6{padding:40px 20px;background-size:auto 150px;}
	.mCon6 .mtit_top{margin-bottom: 20px;}
	.mCon6 .mtit_top h2{margin-bottom: 10px;padding: 0 10px;font-size: 24px;}
	.mCon6 .box-wrap ul{gap:0;}
	.mCon6 .box-wrap li{width:calc(20% - 10px);}
	
	.radio-box.img-box{width:100%}
}

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

h1.title{position:relative;margin-bottom:55px;font-size:45px;color:#353535;line-height:1;font-weight:500;z-index:2}
h2.title{margin-bottom:25px;font-size:18px}
h3.title-h3{color:#0fa13c;font-size:1.2rem;margin-top:30px;}
h4.title-h4{margin:25px 0;font-size: 1.1rem;}

.select{margin:1px 0;padding:0 30px 0 10px;height:45px;color:#000;cursor:pointer;outline:none;-webkit-appearance: none;-moz-appearance: none; appearance: none;-ms-appearance: none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background:#fff url('/_res/tongmyong/iphak/img/select_arrow.png') no-repeat right 8px center;background-size:12px;border:0;border:1px solid #d0d0d0}
.select::-ms-expand{display: none;}
input::-ms-clear{display:none}
input:-ms-input-placeholder {color: #bec0c7;}
input::-webkit-input-placeholder {color: #bec0c7;}
input::-moz-placeholder {color: #bec0c7;}
input::-moz-placeholder {color: #bec0c7;}
textarea:-ms-input-placeholder {color: #bec0c7;}
textarea::-webkit-input-placeholder {color: #bec0c7;}
textarea::-moz-placeholder {color: #bec0c7;}
textarea::-moz-placeholder {color: #bec0c7;}
.w_input{margin:1px 0;padding:0 10px;height:45px;background:#fff;border:1px solid #d0d0d0}


.tabMenu{margin-bottom:50px;overflow:hidden}
.tabMenu ul{margin:0 -5px}
.tabMenu ul::after{display:block;clear:both;content:''}
.tabMenu ul li{float:left;padding:0 5px;text-align:center}
.tabMenu ul li:first-child:nth-last-child(1) {width: 100%;}
/* two items */
.tabMenu ul li:first-child:nth-last-child(2),
.tabMenu ul li:first-child:nth-last-child(2) ~ li {width: 50%;}
/* three items */
.tabMenu ul li:first-child:nth-last-child(3),
.tabMenu ul li:first-child:nth-last-child(3) ~ li {width: 33.3333%;}
/* four items */
.tabMenu ul li:first-child:nth-last-child(4),
.tabMenu ul li:first-child:nth-last-child(4) ~ li {width: 25%;}
/* five items */
.tabMenu ul li:first-child:nth-last-child(5),
.tabMenu ul li:first-child:nth-last-child(5) ~ li {width: 20%;}
.tabMenu ul li a{position:relative;display:block;padding:15px 35px 15px 15px;border:1px solid #c8c8c8; border-radius:5px;}
.tabMenu ul li a:after{position:absolute; top:50%; right:10px; margin-top:-10px; display:block; width:20px; height:20px; content:''; border:1px solid #c8c8c8; border-radius:20px; background-color:#fff; background-repeat:no-repeat; background-position:50% 50%; background-image:url('/_res/tongmyong/iphak/img/ico-tab-arrow2.png');}
.tabMenu ul li.on a:after{background-image:url('/_res/tongmyong/iphak/img/ico-tab-arrow1.png');border-color:#33866e}
.tabMenu ul li.on a{color:#fff;background:#33866e;  border:1px solid #33866e;}

.chekForm{position:relative;margin-bottom:40px;}
.chekForm h2{position:absolute;top:0;left:0}
.chekForm ul li{margin-bottom:10px}
.chekForm ul li p{display:inline}

.td_right tbody td{text-align:right !important}
.td_left tbody td{text-align:left !important}
.th_left tbody th{text-align:left !important}
.th_center tbody th{text-align:center !important}
.writeTypeA{border:1px solid #d6d6d6;border-top:3px solid #0fa13c;}
.writeTypeA tr{text-align:center;}
.writeTypeA thead th{padding:17px 10px;color:#252525;font-weight:500;word-break:keep-all;background:#f3f2f2;border-bottom:1px solid #d6d6d6}
.writeTypeA tbody th{padding:17px 20px;font-weight:400;word-break:break-all;background:#f3f2f2;border:1px solid #d6d6d6;border-width:1px 0}
.writeTypeA tbody th:first-child{border-right:0}
.writeTypeA tbody td{padding:17px 20px;background:#fff;border:1px solid #d6d6d6;border-width:1px 1px 1px 0}

.writeTypeB tr{text-align:left;}
.writeTypeB tbody th{padding:15px 0 10px 30px;width:200px;font-size:18px;font-weight:400;word-break:break-all;vertical-align:top}
.writeTypeB tbody th .ess{display:inline-block;margin-left:10px;font-size:14px;color:#ff003c}
.writeTypeB tbody th:first-child{border-right:0}
.writeTypeB tbody td{padding:10px;background:#fff;}
.writeTypeB tbody td .w_input{margin:5px 0}
.writeTypeB tbody td select.w_input{border-radius:5px;border-color:#e1e1e1}
.writeTypeB tbody td .btn_post{width:150px;height:45px;color:#fff;background:#585858;border:0}
.writeTypeB tbody td .w1{width:180px}
.writeTypeB tbody td .w2{width:50%}
.writeTypeB tbody td .w3{width:120px}
.writeTypeB tbody td .w4{width:190px}
.writeTypeB tbody td .w5{width:190px}

.writeTypeB1 {position: relative;}
.writeTypeB1::before {position: absolute;top: 0;left: 0;width: 100%;height: 3px;content: '';background-image: linear-gradient(to right, #7cb342 , #009688);z-index: 2;}
.writeTypeB1 tr {border-bottom: 1px solid #e0e0e0;}
.writeTypeB1 tbody th {padding: 20px 0 10px 30px;}
.writeTypeB1 tbody td {padding: 20px 10px;}

.total_box{position:relative;text-align:left}
.total_box::after{display:block;clear:both;content:''}
.total_box .btn{float:right;}
.total_box .btn input{width:}

.inp_box{margin:0 auto;max-width:70%}
.inp_box::after{display:block;clear:both;content:''}
.inp_box .w_input{margin:0 20px;width:120px}
.inp_box .lt{float:left}
.inp_box .rt{float:right}

.radio_box{position:absolute;left:-999px;opacity:0}
.radio_box + label{position:relative;display:inline-block;margin-right:10px;padding-left:25px;line-height:24px;min-height:24px;}
.radio_box + label::before{position:absolute;top:50%;left:0;width:20px;height:20px;content:'';transform:translateY(-50%);-webkit-transform:translateY(-50%);background:#fff;border:2px solid #d6d6d6}
.radio_box:checked + label:after{position:absolute;top:2px;left:6px;width:14px;height:10px;content:'';border:1px solid #0fa13c;border-width:0 0 3px 3px;-webkit-transform: skewx(-15deg) rotate(-55deg) ;
  -moz-transform: skewx(-15deg) rotate(-55deg);
  -ms-transform: skewx(-15deg) rotate(-55deg) ;
  -o-transform: skewx(-15deg) rotate(-55deg);
  transform: skewx(-15deg) rotate(-55deg)}
.radio_box:checked + label::before{border-color:#0fa13c}

.btnBc{display:inline-block;margin:1px;}
.btnBc a,
.btnBc button,
.btnBc input{position:relative; margin:0; display:-moz-inline-stack; display:block;padding:0 20px;min-width:125px;width:100%;font-size:16px;color:#353535;line-height:53px;text-align:center;text-decoration:none;background-color:#fff;cursor:pointer;transition: all 0.2s;-webkit-transition: all 0.2s;border-radius:0;border:1px solid #8c8c8c}

.btnBc.gray a,
.btnBc.gray button,
.btnBc.gray input{color:#fff;background-color:#585858;border-color:#585858}

.title-wrap{font-size:35px;font-weight:500;color:#353535;margin:50px auto;text-align:center;padding-right:20px;padding-left:20px;word-break:keep-all}
.title-wrap .c-main{color:#0fa13c}
.appli_con .app_privac{margin:50px 0;padding:0 20px 50px;font-size:18px;border-bottom:1px solid #bcbcbc}
.appli_con .app_privac ol{margin-bottom:40px}
.appli_con .app_privac ol li{margin-bottom:20px;padding-left:20px;position:relative;}
.appli_con .app_privac ol li span{display:block;color:#0fa13c;text-indent:-20px}
.appli_con .app_privac ol.ol-bul01 li{position:relative;}
.appli_con .app_privac ol.ol-bul01 li:before{display:block; content:counter(title)" ";text-align:center; width:25px; height:25px; border-radius:25px; line-height:25px;border:1px solid #0fa13c; color:#0fa13c; font-size:0.9rem; position:absolute; top:0; left:0}
.appli_con .app_privac .root_daum_roughmap{width:100%;height:500px}
.appli_con .root_daum_roughmap .wrap_map{height:100%}
.appli_con .app_privac p span{display:block;color:#0fa13c;}
.appli_con .agr_btn::after{display:block;clear:both;content:'';}
.appli_con .agr_btn .btn{float:right}
.appli_con .appli_time{display:flex;align-items:center}
.appli_con .appli_time > *{margin-right:5px !important}
.appli_con .time-layer-label{flex-shrink:0;min-width:250px}
.appli_con .time-layer-wrap{background-color:#ededed;padding:15px;border-radius:5px}

/* open camp */
.appli_con .one-wrap{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin:50px auto}
.appli_con .one-wrap .item{width:220px;height:220px;border-radius:50%;border:1px solid #0fa13c;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:0 10px;text-align:center;transition:.3s}
.appli_con .one-wrap .item:hover{background-color:#0fa13c;color:#fff;text-decoration:none}
.appli_con .one-wrap .item:hover span{color:#fff}
.appli_con .one-wrap .item:hover .subject{color:#fff;border-color:#fff}
.appli_con .one-wrap .item span{word-break:break-all;text-indent:0;color:#333;font-size:.875em}
.appli_con .one-wrap .item .subject{color:#0fa13c;display:block;width:100%;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #0fa13c}

.tbl-cal{margin:20px 0}
.tbl-cal table{table-layout:fixed}
.tbl-cal thead th{background-color:#005629;color:#fff;padding:10px;text-align:center}
.tbl-cal thead th:not(:last-child){border-right:1px solid #efefef}
.tbl-cal tbody td{vertical-align:top;height:150px;border-bottom:1px solid #efefef}
.tbl-cal .num{background-color:#0fa13c;color:#fff !important;text-align:center;width:100%;display:block;text-indent:0 !important}
.tbl-cal tbody td:not(:last-child){border-right:1px solid #efefef}
.tbl-cal .num-list{display:flex;align-items:center;justify-content:center;flex-direction:column;height:calc(100% - 30px);gap:5px}
.tbl-cal .item{display:block;text-align:center}
.tbl-cal a.item:hover{color:#0fa13c}


.guid_txt_box{position:relative;margin-bottom:25px;padding:15px;border:1px solid #d0d0d0}
.guid_txt_box::after{position:absolute;top:-1px;right:-1px;width:15px;height:15px;content:'';background:#0fa13c}
.guid_txt_box .box{padding:45px;background:#f8f8f8;border:1px dotted #dadada}
.guid_txt_box .box ul{margin-bottom:20px;font-size:18px;}
.guid_txt_box .box ul li{position:relative;padding-left:18px;}
.guid_txt_box .box ul li::before{position:absolute;top:15px;left:0;width:5px;height:5px;content:'';background:#005629;border-radius:50%}
.guid_txt_box .box .down,
.guid_txt_box .box .down2{display:inline-block;margin:0 10px 10px 0}
.guid_txt_box .box .down a,
.guid_txt_box .box .down2 a{display:block;width:210px;text-align:center;line-height:53px;border:1px solid #8c8c8c;border-radius:10px;}
.guid_txt_box .box .down a{color:#fff;background:#f75454;border-color:#f75454}
.guid_txt_box .box .down2 a{padding-left:35px;background:url('/_res/tongmyong/iphak/img/ic_down.png') no-repeat 25px center;border:1px solid #8c8c8c}


.pdf_list_con{margin-bottom:60px;padding:40px 60px;border:1px solid #d0d0d0}
.pdf_list_con::after{display:block;clear:both;content:''}
.pdf_list_con .ltcon{float:left;width:50%}
.pdf_list_con .rtcon{float:right;width:50%}
.pdf_list_con div > ul > li  a:hover{color:#0fa13c}
.pdf_list_con div > ul > li{position:relative;margin-bottom:15px;padding-left:50px;font-size:19px}
.pdf_list_con div > ul > li .num{position:absolute;top:3px;left:0;width:30px;height:30px;color:#fff;line-height:30px;text-align:center;background:#0fa13c;border-radius:50%}
.pdf_list_con div > ul > li ul{margin:10px 0 20px}
.pdf_list_con div > ul > li ul li{position:relative;margin-bottom:0;padding-left:20px;font-size:16px}
.pdf_list_con div > ul > li ul li::before{position:absolute;top:14px;left:0;width:9px;height:3px;content:'';background:#0fa13c}
.pdf_list_con div > ul > li.last{padding-left:0}

.peple_con{position:relative;}
.peple_con::after{display:block;clear:both;content:''}
.peple_con .h_txt{display:inline-block;margin-bottom:80px;font-size:18px}
.peple_con .search_box{position:relative;float:right;margin-bottom:20px;padding-right:140px;width:640px;display:flex;display:-ms-flex}
.peple_con .search_box .ser_inp{padding:0 20px;width:100%;height:60px;border:1px solid #cbcbcb;margin-left:5px}
.peple_con .search_box .btn{position:absolute;top:0;right:0;width:140px;height:60px;color:#fff;text-align:left;text-indent:60px;background:#353535 url('/_res/tongmyong/iphak/img/ic_search.png') no-repeat 40px center;border:0}
.peple_con .search_box .js-hubs{display:block;border-radius:10px;color:#fff;background-color:#0fa13c;font-size:2.1rem;border:1px solid #0fa13c;text-align:center;width:70px;height:60px}
.peple_con .search_box .js-hubs-con{display:none;position:absolute;background-color:#f7f7f7;border:1px solid #cbcbcb;border-radius:10px;z-index:10;width:100%;top:65px;transition:.3s;padding:30px 0 40px 60px}
.peple_con .search_box .js-hubs-con ul{overflow:hidden}
.peple_con .search_box .js-hubs-con li{float:left;width:33.333%;margin-bottom:5px;cursor:pointer}
.peple_con .search_box .js-hubs-con li small{color:#0fa13c; padding-left:3px;}
.peple_con .search_box .js-hubs-con li:nth-child(3n + 1){clear:both}
.peple_con .search_box .js-hubs-con li:nth-last-child(-n+3) {margin-bottom:0}

.univ-warp .univ-box .tit{font-weight:bold;color: #0fa13c;}
.univ-warp .univ-box{margin-top:15px;}
.univ-warp .univ-box:first-child{margin-top:0;}

.people_list{clear:both;}
.people_list ul{margin:0 auto}
.people_list ul::after{display:block;clear:both;content:''}
.people_list ul li{display:inline-block;margin:0 30px 50px 30px;width:100%;max-width:600px}
.people_list ul li a{display:block}
.people_list ul li a:hover{text-decoration:none}
.people_list ul li .box{position:relative;padding-left:110px}
.people_list ul li .box .photo{position:absolute;top:20px;left:0;width:145px;height:145px;overflow:hidden;background:#cbcbcb;border-radius:50%;border:3px solid #e1e1e1;box-sizing:border-box;z-index:1}
.people_list ul li .box .photo img{position:absolute;top:50%;left:50%;max-width:none;width:100%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);image-rendering: pixelated;image-rendering: -webkit-optimize-contrast;}
.people_list ul li .box .infor{position:relative;padding:40px 30px 40px 50px;border:2px dotted #d0d0d0;border-radius:20px 0}
.people_list ul li .box .infor::after{position:absolute;top:-2px;right:-2px;width:15px;height:15px;content:'';background:#0fa13c}
.people_list ul li .box .infor .con{margin-bottom:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;}
.people_list ul li .box .infor .name{display:block;margin-bottom:2px;font-weight:500}
.people_list ul li .box .infor .name b{margin-right:20px;}
.people_list ul li .box .infor .ques{margin-right:20px}
.people_list ul li .box .infor .ques span{color:#0fa13c}

/* 페이지표시 */
.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}

.peple_view .view_box{position:relative;margin-bottom:45px;padding-left:110px}
.peple_view .view_box .photo{position:absolute;top:7px;left:0;width:145px;height:145px;overflow:hidden;background:#cbcbcb;border-radius:50%;border:3px solid #e1e1e1;box-sizing:border-box;z-index:1}
.peple_view .view_box .photo img{position:absolute;top:50%;left:50%;max-width:none;width:100%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);image-rendering: pixelated;image-rendering: -webkit-optimize-contrast;}
.peple_view .view_box .infor{position:relative;padding:40px 50px;border:2px dotted #d0d0d0;border-radius:20px 0}
.peple_view .view_box .infor::after{position:absolute;top:-2px;right:-2px;width:15px;height:15px;content:'';background:#0fa13c}
.peple_view .view_box .infor .con{margin-bottom:40px; line-height:1.5em;}
.peple_view .view_box .infor .name{display:inline-block;margin-bottom:2px;font-weight:600}
.peple_view .view_box .infor .name b{margin-right:20px;}
.peple_view .view_box .infor .date{float:right}

.reply_con .rel_num{margin-bottom:30px;padding-left:30px;font-weight:500;background:url('/_res/tongmyong/iphak/img/ic_rep2.png') no-repeat left center;}
.reply_con .rel_num span{color:#0fa13c}
.reply_con .reply_wrt{margin-bottom:20px}
.reply_con .reply_wrt .wt_con1 input{margin:0 -1px 0 0;width:25%}
.reply_con .reply_wrt .wt_con1 input:last-of-type{width:50%}
.reply_con .reply_wrt .wt_con2{position:relative;padding-right:100px;}
.reply_con .reply_wrt .wt_con2 textarea{padding:10px;width:100%;height:120px;border:1px solid #cbcbcb;border-width:0 0 1px 1px}
.reply_con .reply_wrt .wt_con2 .btn{position:absolute;top:0;right:2px;width:100px;height:100%;color:#fff;cursor:pointer;background:#353535;border:0}

.reply_list{border-bottom:1px solid #cbcbcb}
.reply_list .list_row{position:relative;padding:30px 0 0;background:#fff;border-top:1px solid #cbcbcb;}
.reply_list .list_row .reply_box{position:relative;}
.reply_list .list_row .reply_box::after{display:block;clear:both;content:''}
.reply_list .list_row .reply_box .name{display:inline-block;margin-right:20px;font-weight:500}
.reply_list .list_row .reply_box .date{display:inline-block;font-size:15px;color:#a5a4a4;}
.reply_list .list_row .reply_box .re_rt{position:absolute;top:0;right:0}
.reply_list .list_row .reply_box .re_rt button{padding-left:28px;width:90px;height:30px;font-size:15px;text-align:left;background-repeat:no-repeat;background-position:left center}
.reply_list .list_row .reply_box .re_rt .btn_rep{margin-right:10px;background-image:url('/_res/tongmyong/iphak/img/ic_rep3.png')}
.reply_list .list_row .reply_box .re_rt .btn_like{width:80px;background-image:url('/_res/tongmyong/iphak/img/ic_like2.png')}
.reply_list .list_row .reply_box .re_rt .btn_like span{color:#ff164d}
.reply_list .list_row .reply_box .con{clear:both;padding:20px 0 30px}
.reply_list .list_row.re1{padding-left:55px;background:url('/_res/tongmyong/iphak/img/ic_rep_arrow.png') no-repeat 5px 30px;border-top:1px dashed #cdcdcd;border-bottom:0;}
.reply_list .list_row.re2{padding-left:100px;background:url('/_res/tongmyong/iphak/img/ic_rep_arrow.png') no-repeat 55px 30px;border-top:1px dashed #cdcdcd;border-bottom:0;}
.reply_list .list_row:first-child{border-top:0}
.reply_list .list_row.re:last-child{border-bottom:1px solid #cbcbcb}

#pdf_place {height:30px;}

.pdf-board02 iframe {width: 100%;height: 770px;}

/*
================================================================================
210712 입학상담신청 > 상담희망일
================================================================================
*/
.datepicker-wrap{display:flex;display:-ms-flex}
.datepicker-wrap .hasDatepicker{border:1px solid #e1e1e1;width:315px;border-radius:5px;overflow:hidden;margin-right:20px}
.datepicker-wrap .ui-datepicker-header{position:relative;background-color:#eff1f2;padding:10px 20px;display:flex;display:-ms-flex;align-items:center;justify-content:space-between;color:#353535}
.datepicker-wrap .ui-datepicker-header a{display:block;cursor:pointer}
.datepicker-wrap .ui-datepicker-title{position:absolute;text-align:center;left:50%;transform:translateX(-50%)}
.datepicker-wrap .ui-state-default{width:25px;height:25px;display:inline-block}
.datepicker-wrap .ui-state-active{background-color:#eff1f2;border-radius:50%;line-height:1.6}
.datepicker-wrap thead{display:none}
.datepicker-wrap tbody td{padding:9px 5px;text-align:center;font-size:15px}
.datepicker-wrap .ui-datepicker-calendar tr td:first-child{color:#ff2525}
.js-datepicker-time{display:flex;display:-ms-flex;background-color:#fff;border-radius:5px;padding:20px;border:2px solid #efefef;width:165px}
.js-datepicker-time .date-str{margin-right:20px}
.js-datepicker-time .day-num{display:block}
.js-datepicker-time li{position:relative}
.js-datepicker-time .radio_box1 + label{padding-left:0;margin-right:0;padding-right:20px} 
.js-datepicker-time .radio_box1 + label::before{width:15px;height:15px;left:auto;right:0}
.js-datepicker-time .radio_box1:checked + label:after{right:1px;left:auto;top:5px;width:11px;height:8px}

.flex-line-wrap{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}
.flex-line-wrap .item{display:flex;gap:10px;width:calc((100% - 60px) / 4);border:1px solid #efefef;padding:20px;justify-content:center;height:100px;align-items:center}
.flex-line-wrap .item img{max-width:60px;max-height:60px}


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

 /* TABLET Device */
@media all and (max-width:1200px){
	
	
	.inp_box{max-width:100%}
	.inp_box .w_input{margin:0 10px;width:100px}

	
	.writeTypeB tbody th{width:130px;line-height:1.3}
	.writeTypeB tbody th .ess{display:block;margin-left:0}
	.writeTypeB tbody td .w4{width:150px}
	.writeTypeB tbody td .w5{width:150px}
	
	.guid_txt_box .box{padding:30px}
	.pdf_list_con{padding:30px}

	.peple_con .search_box{width:100%}
	.people_list ul li{margin:0 0 30px 0;max-width:none}
	
	
}
@media all and (max-width:1024px){
	
	.pdf-board02 iframe {height: 500px;}
	.flex-line-wrap .item{width:calc(50% - 10px)}
	
}

@media all and (max-width:720px){
	.datepicker-wrap{display:block}
	.datepicker-wrap .hasDatepicker{margin-right:0;margin-bottom:20px;height:auto}
	.js-datepicker-time{width:auto;padding-right:10px}
	.js-datepicker-time .date-str{flex-shrink:0;flex-grow:1}
	.js-datepicker-time ul{overflow:hidden}
	.js-datepicker-time li{display:inline-block;margin-right:10px}
	
	.appli_con .appli_time{flex-wrap:wrap}
	.flex-line-wrap .item{width:100%}
	.title-wrap{font-size:20px}
	
	.tbl-cal thead{display:none}
	.tbl-cal tbody tr,
	.tbl-cal tbody td{display:block;width:100%}
	.tbl-cal tbody td:nth-child(1) .num:after{content:"(월)"}
	.tbl-cal tbody td:nth-child(2) .num:after{content:"(화)"}
	.tbl-cal tbody td:nth-child(3) .num:after{content:"(수)"}
	.tbl-cal tbody td:nth-child(4) .num:after{content:"(목)"}
	.tbl-cal tbody td:nth-child(5) .num:after{content:"(금)"}
}

 /* Mobile Device */
@media all and (max-width:640px){
	.mVisual .intro-popup:nth-child(2) .subject{margin-top:0}
	.mVisual .intro-popup:nth-child(2) div:nth-child(3){margin-top:50px}

	h1.title{margin: 0 0 30px;font-size: 22px;}
	h2.title{margin:20px 0 10px;font-size:16px}
	h3.title-h3{font-size:1.1rem;margin-top:15px;}
	h4.title-h4{font-size:1rem;}
	
	.ol-bul > ol > li{font-size:14px;}
	
	.tabMenu{margin-bottom:30px}
	.tabMenu ul{margin:0 -3px}
	.tabMenu ul li{padding:0 3px}
	.tabMenu ul li a{padding: 10px 30px 10px 10px;}

	.w_input{padding:0 10px;height:35px}
	.select{height:35px}

	.chekForm{margin-bottom:30px;padding-left:0}
	.chekForm h2{position:relative;}
	.chekForm ul li p{display:block;padding-left:24px}

	.btnBc a,
	.btnBc button,
	.btnBc input{padding:0 10px;min-width:90px;font-size:14px;line-height:40px;}

	/* 모바일 테이블 가로스크롤 */
	.mb_scroll{position:relative;width:100%;overflow:hidden;overflow-x:scroll}
	.mb_scroll table{width:700px}
	.mb_scroll .img{max-width:none;}
	.mb_scroll::after{display:block;position:absolute;top:0;right:0;width:27px;height:100%;content:'';background:url('/_res/tongmyong/iphak/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:rgba(0,0,0,0.7) url('/_res/tongmyong/iphak/img/bg_touch.png') no-repeat;background-size:100%;border-radius:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}

	.writeTypeA tbody th{padding:10px}
	.writeTypeA tbody td{padding:10px;}

	.writeTypeB tbody th{padding:5px 0;min-width:50px;font-size:14px}
	.writeTypeB tbody td{padding:5px 10px}
	.writeTypeB tbody td .btn_post{width:90px;height: 35px;font-size:12px}
	.writeTypeB tbody td .w_input{margin:2px 0}
	.writeTypeB tbody td .w1{width:100px}
	.writeTypeB tbody td .w2{width:100%}
	.writeTypeB tbody td .w3{width:calc(33.33% - 8px)}
	.writeTypeB tbody td .w4{width:calc(50% - 10px)}
	.writeTypeB tbody td .w5{width:100%}
	
	.writeTypeB1 tbody td {padding: 15px 10px 10px;}
	.writeTypeB1 tbody th {padding: 12px 0 5px;}
	
	.total_box .btn{float:none;margin-top:10px}

	.appli_con .app_privac{margin:20px 0;padding:0 0 30px;font-size:14px}
	.appli_con .app_privac ol{margin-bottom:20px}
	.appli_con .app_privac ol li{margin-bottom:10px;padding-left:10px}
	.appli_con .app_privac ol li span{text-indent: -10px;}

	.guid_txt_box{margin-bottom: 20px; padding: 7px;}
	.guid_txt_box .box{padding: 15px;}
	.guid_txt_box .box ul{font-size: 14px;}
	.guid_txt_box .box ul li{padding-left:12px}
	.guid_txt_box .box ul li::before{top: 9px;width: 3px;height: 3px;}
	.guid_txt_box .box .down, .guid_txt_box .box .down2{display:block;margin:0 0 5px}
	.guid_txt_box .box .down a, .guid_txt_box .box .down2 a{width:100%;line-height: 40px;}
	.guid_txt_box .box .down2 a{padding-left:0;background-size:15px}
	.pdf_list_con{margin-bottom:30px;padding:20px}
	.pdf_list_con .ltcon,
	.pdf_list_con .rtcon{float:none;width:100%}
	.pdf_list_con div > ul > li{margin-bottom:15px; padding-left: 30px; font-size: 16px;}
	.pdf_list_con div > ul > li .num{width: 22px;height: 22px;line-height: 22px;}
	.pdf_list_con div > ul > li ul{margin: 5px 0 10px;}
	.pdf_list_con div > ul > li ul li{margin-bottom: 5px;padding-left: 10px;font-size: 14px;}
	.pdf_list_con div > ul > li ul li::before{top: 9px;width: 6px; height: 2px;}
	
	.peple_con .search_box{margin-bottom:10px;padding-right:100px}
	.peple_con .search_box .ser_inp{height:40px}
	.peple_con .search_box .btn{width:100px;height:40px;text-indent: 40px;background-position:20px center;background-size:15px}
	.peple_con .h_txt{margin-bottom: 30px;font-size: 14px;}
	.peple_con .search_box .js-hubs{width:50px;height:40px;line-height:2;font-size:1.2rem}
	.peple_con .search_box .js-hubs-con{top:45px;padding:20px 0 20px 40px}
	.peple_con .search_box .js-hubs-con li{width:50%}
	.peple_con .search_box .js-hubs-con li:nth-child(2n + 1){clear:both}
	.peple_con .search_box .js-hubs-con li:nth-child(3n + 1){clear:none}
	.peple_con .search_box .js-hubs-con li:nth-last-child(-n+3){margin-bottom:5px}
	
	.people_list ul li{margin-bottom:20px/*;max-width:320px*/}
	.people_list ul li .box{padding-left:50px}
	.people_list ul li .box .photo{top:10px;width: 60px;height: 60px;border-width:2px}
	.people_list ul li .box .infor{padding: 20px 10px 20px 20px;}
	.people_list ul li .box .infor::after{width: 10px;height: 10px;}
	.people_list ul li .box .infor .con{margin-bottom:20px}

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


	.peple_view .view_box{padding-left:50px}
	.peple_view .view_box .photo{top:5px;width: 60px;height: 60px;border-width:2px}
	.peple_view .view_box .infor{padding: 20px 10px 20px 20px;}
	.peple_view .view_box .infor::after{width: 10px;height: 10px;}
	.peple_view .view_box .infor .con{margin-bottom:20px}
	.peple_view .view_box .infor .name b{margin-right:10px}
	.peple_view .view_box .infor .date{float:none;font-size:12px}

	.reply_con .rel_num{margin-bottom:10px}
	.reply_con .reply_wrt .wt_con2{padding-right:70px}
	.reply_con .reply_wrt .wt_con2 textarea{height:80px}
	.reply_con .reply_wrt .wt_con2 .btn{width:70px}
	.reply_list .list_row{padding:10px 0 0}
	.reply_list .list_row .reply_box .name{margin-right:10px}
	.reply_list .list_row .reply_box .con{padding: 5px 0 0;}
	.reply_list .list_row .reply_box .date{font-size:12px}
	.reply_list .list_row .reply_box .re_rt{position:relative;padding-bottom:10px;text-align:right}
	.reply_list .list_row .reply_box .re_rt button{padding-left:20px;width:auto;font-size:12px;background-size:15px}
	.reply_list .list_row .reply_box .re_rt .btn_like{width:auto}
	.reply_list .list_row.re1{padding-left:15px;background-size:10px;background-position:left 15px}
	.reply_list .list_row.re2{padding-left:30px;background-size:10px;background-position:15px 15px}
	
	.pdf-board02 iframe {height: 400px;}
	
	.writeTypeB .datepicker-wrap tbody td{padding:5px}
	.datepicker-wrap .hasDatepicker{width:auto}
	.datepicker-wrap .ui-state-default{width:20px;height:20px}
	
	.appli_con .one-wrap{gap:10px}
	.appli_con .app_privac .root_daum_roughmap{height:300px}
	.appli_con .one-wrap .item{width:130px;height:130px;padding:0 5px}
	.appli_con .one-wrap .item .subject{font-size:.87em;margin-bottom:5px;padding-bottom:5px}

}

@media all and (max-width:360px){
	.appli_con .appli_time .day{display:block}
}

.m-tu-more{display:inline-block; padding:10px 25px; border:1px solid #ccc; text-align:center; font-size:15px; color:#838383; font-weight:normal; margin-left:10px;}
.m-tu-more:hover{background:#246541; color:#ffffff;}
.m-tu-youtube{display:inline-block; padding:10px 25px; border:1px solid #f70000;background-color:#f70000;text-align:center; font-size:15px; color:#fff; font-weight:normal; margin-left:10px;}
.m-tu-youtube:hover{background:#fff;color:#f70000}

/*신입생 장학제도*/
.ol-bul{margin-top:30px; counter-reset:title;font-size:16px; line-height:24px; }
.ol-bul:after{display:block; content:''; clear:both; }
.ol-bul > ol > li{position:relative; padding-left:35px; line-height:30px;counter-increment:title; padding-bottom:5px;}
.ol-bul > ol > li:before{display:block; content:counter(title)" ";text-align:center; width:25px; height:25px; border-radius:25px; line-height:22px;border:1px solid #0fa13c; color:#0fa13c; font-size:0.9rem; position:absolute; top:3px; left:0}

span.color-blue{color:#0037ff;font-weight:500;}
span.color-red{color:red;font-weight:500;}
span.bold{font-weight:500;}

.t_typel .th-line.left{border-left: 1px solid #d9dcdd !important;}

/* 비주얼 위젯 버튼 */
/*.mVisual .intro-popup .btn-wrap .bc-yellow span{position:relative;}
.mVisual .intro-popup .btn-wrap .bc-yellow span:after{position:absolute;content:"";width:24px;height:22px;left:-27px;top:6px;background:url(/_res/tongmyong/iphak/img/kakao_ico.png) center no-repeat;}
*/
@media all and (max-width:640px){
	.mVisual .intro-popup .btn-wrap .bc-yellow span:after{top:2px;}
}

/* 3뎁스 레이아웃 */
.dapth-tab{margin-bottom:100px}
.dapth-tab ul{display:flex;flex-wrap:wrap;border-top:1px solid #e4e4e4}
.dapth-tab li{flex-grow:1;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4}
.dapth-tab li:first-child{border-left:1px solid #e4e4e4}
.dapth-tab .item{text-align:center;display:flex;align-items:center;height:60px;font-size:1.15rem;font-weight:500;justify-content:center;transition:.2s}
.dapth-tab .item.on,
.dapth-tab .item:hover{background-color:#009924;color:#fff}

@media all and (max-width:1200px){
.dapth-tab .item{font-size:1.125rem}
}

@media all and (max-width:1024px){
	.dapth-tab{margin-bottom:50px}
	.dapth-tab .item{font-size:1rem}
}

@media all and (max-width:640px){
	.dapth-tab li{flex-grow:initial;width:50%}
	.dapth-tab .item{font-size:.9rem;height:50px;font-weight:normal}
	.dapth-tab li:nth-child(odd){border-left:1px solid #e4e4e4}
}


/*240417 염채은 메인 비쥬얼*/
.mVisual.intro-popup-wrap{position:relative;background:url('/_res/tongmyong/iphak/img/intro-bgw.png') center/cover no-repeat;display:flex;flex-direction:column;color:#fff;font-size:16px;align-items:center;min-height:520px}
.mVisual.intro-popup-wrap.on::before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);content:""}
.mVisual.intro-popup-wrap .inner{position:relative;display:none;z-index:1;max-width:1400px;width:100%;}
.mVisual.intro-popup-wrap .inner-popup{display:flex;justify-content:center;gap:20px;}
.mVisual.intro-popup-wrap .inner-btn{position:relative;display:none;color:#fff;margin-bottom:50px;z-index:1}
.mVisual.intro-popup-wrap *{word-break:keep-all}
.mVisual .intro-popup{width:auto;max-width: calc(25% - 16.666px);height:auto;margin:20px 0;border-top-left-radius:20px;border-bottom-right-radius:20px;overflow:hidden;padding:20px;background:url() center/cover no-repeat}
.mVisual .intro-popup.add-img{padding:0}
.mVisual .intro-popup.add-img img{width:100%}
.mVisual .inner-popup .intro-popup:nth-child(2){background-color:transparent; background-size: cover;}
.mVisual .intro-popup .subject{text-align:center;line-height:1.2; margin-top:30px;}
.mVisual .intro-popup .subject span{display:block}
.mVisual .intro-popup .subject span:first-child{font-family:'DWImpactamin'}
.mVisual .intro-popup .con{margin:30px 0}
.mVisual .intro-popup .btn-wrap{display:flex;justify-content:space-between;margin:5px 0} 
.mVisual .intro-popup .btn-wrap a{border-radius:5px;text-align:center;height:50px;display:flex;align-items:center;justify-content:center;width:100%;font-size:.95rem;padding:0 2px}
.mVisual .intro-popup .btn-wrap.btn-two a{width:calc(50% - 2.5px)}
.mVisual .intro-popup .btn-wrap a:hover{text-decoration:none;}
.mVisual .intro-popup .btn-wrap.btn-trd a:nth-child(2){margin:0 5px}
.mVisual .intro-popup .btn-wrap.btn-two a:hover{text-decoration:none;}
.mVisual .intro-popup iframe{width:100%}


@media all and (max-width:1240px){
	.mVisual.intro-popup-wrap .inner-popup {
    	flex-direction: column;
		padding:20px 0;
	}
	.mVisual .intro-popup {
		width: 90%;
		max-width: none;
		margin: 0 auto;
	}
	
}