@charset "utf-8";
/****************************************/
/* Name: 동의대학교 총동문회
/* PART: CONTENT STYLE 
/* Version: 1.0 / day: 2025-10-14
/* Author:  
/****************************************/

/*
=========================================================================
메인 콘텐츠 css
=========================================================================
*/
.sound-only{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0;border:0 !important;overflow:hidden !important}
.c-red{color:red}

/* 슬라이드 기본설정 */
.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;overflow:hidden}
.visualSlide{position:relative}
.visualSlide ul li{padding:0 40px;height:530px;background-repeat:no-repeat;background-position:center center;background-size:cover}
.visualSlide ul li.bg1{background-image:url('/resources/images/home/img/m_visual1.jpg')}
.visualSlide ul li.bg2{background-image:url('/resources/images/home/img/m_visual2.jpg')}
.visualSlide ul li.bg3{background-image:url('/resources/images/home/img/m_visual3.jpg')}
.visualSlide ul li.bg4{background-image:url('/resources/images/home/img/m_visual4.jpg')}
.visualSlide ul li.bg5{background-image:url('/resources/images/home/img/m_visual5.jpg')}
.mVisual .txt{position:absolute;top:50%;left:0;padding:0 20px;width:100%;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:20}
.mVisual .txt p{font-size:40px;color:#fff;line-height:1.3;font-weight:500;}
.mVisual .txt p span{display:block;transition:all 0.7s ease;-webkit-transition:all 0.7s ease}
.mVisual .txt p .txt1{margin-bottom:10px;font-size:22px;opacity:0;font-weight:400;transform:translateX(20px);-webkit-transform:translateX(20px)}
.mVisual .txt p .txt2{opacity:0;transform:translateX(-20px);-webkit-transform:translateX(-20px);transition-delay:0.4s;-webkit-transition-delay:0.4s}
.mVisual .txt p .txt3{position:relative;display:inline-block;margin-top:10px;font-size:46px;opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px);transition-delay:0.9s;-webkit-transition-delay:0.9s}
.mVisual .txt p .txt3::before{content:'[ ';color:#0057a6;font-weight:700}
.mVisual .txt p .txt3::after{content:' ]';color:#0057a6;font-weight:700}

.mVisual.firstAct .txt span{transform:translateX(0);-webkit-transform:translateX(0)}
.mVisual.firstAct .txt .txt1{opacity:0.5;}
.mVisual.firstAct .txt .txt2{opacity:1;}
.mVisual.firstAct .txt .txt3{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}

.mConBox{position:relative;margin:0 auto;padding:70px 0;max-width:1300px;z-index:2}
.mConBox::after{display:block;clear:both;content:''}

.mCon1{position:relative;padding:0 20px;}
.mCon1::after{position:absolute;top:0;left:0;width:100%;height:328px;content:'';background:#0057a6 url('/resources/images/home/img/m_con1_bg.png') no-repeat right top}
.mCon1 .mConBox::after{position:absolute;top:0;left:-215px;width:195px;height:318px;content:'';background:url('/resources/images/home/img/m_con1_txt.png') no-repeat left top}
.mCon1 .mCon1_1{position:relative;}
.mCon1 .mCon1_1 h2{position:absolute;top:0;left:0;font-size:38px;color:#fff;font-weight:700;line-height:1}
.mCon1 .mCon1_1 .mTabM{position:relative;padding-top:75px}
.mCon1 .mCon1_1 .mTabM > li > a{position:absolute;top:20px;left:250px;font-size:20px;color:#fff;font-weight:700;opacity:0.6;line-height:1;text-align:center;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.mCon1 .mCon1_1 .mTabM > li.on > a::after{position:absolute;top:30px;left:50%;width:5px;height:13px;content:'';background:#fff;transform: skewX(40deg);}
.mCon1 .mCon1_1 .mTabM > li:nth-child(2) > a{left:360px}
.mCon1 .mCon1_1 .mTabM > li:nth-child(3) > a{left:495px}
.mCon1 .mCon1_1 .mTabM > li.on > a{opacity:1;}
.mCon1 .mCon1_1 .mTabM > li .mTabCon{position:relative;background:#fff}
.mCon1 .mCon1_1 .mTabM > li .mTabCon ul{padding:50px 30px; min-height: 200px;}
.mCon1 .mCon1_1 .mTabM > li .mTabCon ul::after{display:block;clear:both;content:''}
.mCon1 .mCon1_1 .mTabM > li .mTabCon ul li{float:left;padding:0 40px;width:33.33%}
.mCon1 .mCon1_1 .mTabM > li .mTabCon ul li a{position:relative;display:block;height:170px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.mCon1 .mCon1_1 .mTabM > li .mTabCon ul li .date{display:block;margin-bottom:20px;line-height:1.4;font-weight:300}
.mCon1 .mCon1_1 .mTabM > li .mTabCon ul li .date span{display:block;font-size:26px;font-weight:700}
.mCon1 .mCon1_1 .mTabM > li .mTabCon ul li .tit{display:block;height:60px;line-height:1.6;overflow: hidden; text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mCon1 .mCon1_1 .mTabM > li .mTabCon ul li a:hover{text-decoration:none;color:#0057a6;}
.mCon1 .mCon1_1 .mTabM > li .mTabCon .btnMore{position:absolute;top:0;right:0}
.mCon1 .mCon1_1 .mTabM > li .mTabCon .btnMore a{display:block;width:60px;height:60px;text-indent:-999px;overflow:hidden;background:#053663 url('/resources/images/home/img/ic_more.png') no-repeat center center}
.mCon1 .mCon1_2{position:relative;border:3px solid #0057a6}
.mCon1 .mCon1_2 a{display:block;padding:50px;background:url('/resources/images/home/img/m_con1_2_bg.png') no-repeat right top}
.mCon1 .mCon1_2 a::after{display:block;clear:both;content:''}
.mCon1 .mCon1_2 a:hover{background-color: #f7fbff}
.mCon1 .mCon1_2 h2{float:left;margin-right:20px;font-size:26px;color:#0057a6;line-height:1}
.mCon1 .mCon1_2 p{display:inline-block;padding-right:60px;background:url('/resources/images/home/img/m_arrow.png') no-repeat right center }
.mCon1.match .mConBox::after{width:196px;height:318px;content:'';background:url('/resources/images/home/img/m_con1_match_txt.png') no-repeat left top}
.mCon1.match .mCon1_1 .mTabM > li > a{left: 185px;}
.mCon1.match .mCon1_1 .mTabM > li:nth-child(2) > a{left: 300px;}
.mCon1.match .mCon1_1 .mTabM > li .mTabCon ul{padding-bottom:0;}
.mCon1.match .mCon1_1 .mTabM > li .mTabCon ul li a{height: auto;}
.mCon1.match .mCon1_1 .mTabM > li .mTabCon ul li .img-box{display: flex; justify-content: center; align-items: center;margin-top: 20px; aspect-ratio: 2 / 1;}
.mCon1.match .mCon1_1 .mTabM > li .mTabCon ul li .img-box img{width: 80%;}

.mCon2{padding:0 20px;background:#f0f0f0}
.mCon2 .mConBox{position:relative;padding-left:310px}
.mCon2 .mConBox::after{position:absolute;top:0;left:-215px;width:188px;height:328px;content:'';background:url('/resources/images/home/img/m_con2_txt.png') no-repeat left top}
.mCon2 .mConBox .mtitle{position:absolute;top:80px;left:0;}
.mCon2 .mConBox .mtitle h2{margin-bottom:20px;font-size:43px;font-weight:400;line-height:1.2}
.mCon2 .mConBox .mtitle h2 span{display:block;font-weight:700}
.mCon2 .mConBox .mtitle p{margin-bottom:35px;}
.mCon2 .control{position:relative}
.mCon2 .control button{position:relative;margin-left:-1px;width:40px;height:40px;text-indent:-999px;overflow:hidden;border:1px solid #d0d0d0;}
.mCon2 .control button::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';opacity:0.3;background-repeat:no-repeat;background-position:center center;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.mCon2 .control .prevSlide1::after{background-image:url('/resources/images/home/img/ic_prev.png')}
.mCon2 .control .nextSlide1::after{background-image:url('/resources/images/home/img/ic_next.png')}
.mCon2 .control button:hover::after{background-color:#d3d3d3;opacity:1}
.mCon2 .control .btnMore{display:inline-block;margin-left:5px;vertical-align:middle}
.mCon2 .control .btnMore a{position:relative;display:block;width:40px;height:40px;text-indent:-999px;overflow:hidden;border:1px solid #d0d0d0}
.mCon2 .control .btnMore a::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';opacity:0.3;background:url('/resources/images/home/img/ic_more2.png') no-repeat center center;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.mCon2 .control .btnMore a:hover::after{background-color:#d3d3d3;opacity:1}

.mCon2 .mConSlide1 ul li{position:relative;background:#fff}
.mCon2 .mConSlide1 ul li a{display:block;padding:25px;}
.mCon2 .mConSlide1 ul li .photo{position:relative;display:block;padding-top:84%;overflow:hidden}
.mCon2 .mConSlide1 ul li .photo img{position:absolute;top:0;left:0;width:100%;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.mCon2 .mConSlide1 ul li .depart{display:inline-block;margin-bottom:20px;padding:0 25px;color:#fff;line-height:38px;background:#0b301b;border-radius:19px}
.mCon2 .mConSlide1 ul li .tit{display:block;margin-bottom:15px;font-size:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mCon2 .mConSlide1 ul li .date{display:block;margin-bottom:10px;font-size:13px;color:#0057a6;line-height:1}
.mCon2 .mConSlide1 ul li a:hover{text-decoration:none}
.mCon2 .mConSlide1 ul li a:hover .photo img{transform:scale(1.1)}
.mCon2 .mConSlide1 ul li a:hover .tit{text-decoration:underline}

.mCon3{padding:0 20px;background:url('/resources/images/home/img/m_con3_bg1.png') no-repeat , url('/resources/images/home/img/m_con3_bg2.png') no-repeat ;background-position:left top, right top}
.mCon3 .mConBox{padding: 0 0 70px;}
.mCon3 .mCon3_1{position:relative;float:left;margin-bottom:30px;max-width:783px;width:60%;height:437px;overflow:hidden;background:url('/resources/images/home/img/movie.jpg') no-repeat center center;background-size:cover;border-radius:0 45px;}
.mCon3 .mCon3_1 .con{position:absolute;top:50%;left:0;padding-top:70px;width:100%;color:#fff;text-align:center;background:url('/resources/images/home/img/ic_movie.png') no-repeat center top;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.mCon3 .mCon3_1 .con .tit{display:block;margin-bottom:20px;font-size:29px;font-weight:500;line-height:1.4}
.mCon3 .mCon3_1 .con .txt{display:block;margin-bottom:30px;line-height:1.5}
.mCon3 .mCon3_1 .con .btn{display:inline-block}
.mCon3 .mCon3_1 .con .btn a{display:block;width:120px;line-height:45px;border:1px solid rgba(255,255,255,0.5);transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.mCon3 .mCon3_1 .con .btn a:hover{color:#333;font-weight:500;text-decoration:none;background:rgba(255,255,255,0.7)}

.mCon3 .mCon3_2{float:right;padding-top:150px;width:35%}
.mCon3 .mCon3_2 .infor{margin-bottom:30px;}
.mCon3 .mCon3_2 h2{display:inline-block;font-size:30px}
.mCon3 .mCon3_2 .txt{display:inline-block;}
.mCon3 .mCon3_2 .tel{padding-left:50px;font-size:37px;color:#0057a6;font-weight:700;background:url('/resources/images/home/img/ic_tell.png') no-repeat left center }
.mCon3 .mCon3_2 ul li{position:relative;margin-bottom:4px;padding-left:80px;min-height:28px}
.mCon3 .mCon3_2 ul li .name{position:absolute;top:0;left:0;width:60px;color:#fff;line-height:28px;text-align:center;background:#0057a6;border-radius:6px}

.mCon3 .mCon3_3{clear:both;overflow:hidden}
.mCon3 .mCon3_3 ul{margin:0 -15px}
.mCon3 .mCon3_3 ul::after{display:block;clear:both;content:''}
/*.mCon3 .mCon3_3 ul li{float:left;padding:0 15px;width:33.33%;}*/
.mCon3 .mCon3_3 ul li{float:left;padding:0 15px;width:calc(100% / 2);}
.mCon3 .mCon3_3 ul li a{display:block}
.mCon3 .mCon3_3 ul li dl{position:relative;padding:30px 40px;height:167px;background:#fff;border-radius:0 20px;background-repeat:no-repeat;background-position:right 20px bottom 15px}
.mCon3 .mCon3_3 ul li dl::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';border-radius:0 20px;border:1px solid #e4e4e4;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.mCon3 .mCon3_3 ul li dl::before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';opacity:0;border-radius:0 20px;border:2px solid #0057a6;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;z-index:2}
.mCon3 .mCon3_3 ul li dl dt{margin-bottom:15px;font-size:19px;color:#0057a6;font-weight:700;line-height:1}
.mCon3 .mCon3_3 ul li dl dd{font-size:16px;line-height:1.4}
.mCon3 .mCon3_3 ul li.ic1 dl{background-image:url('/resources/images/home/img/q_ic1.png') }
.mCon3 .mCon3_3 ul li.ic2 dl{background-image:url('/resources/images/home/img/q_ic2.png') }
.mCon3 .mCon3_3 ul li.ic3 dl{background-image:url('/resources/images/home/img/q_ic3.png') }
.mCon3 .mCon3_3 ul li a:hover{text-decoration:none}
.mCon3 .mCon3_3 ul li a:hover dl{background-color:#f7fbff}
.mCon3 .mCon3_3 ul li a:hover dl::before{opacity:1}


.mBanner{padding:40px 20px;border-top:1px solid #e2e2e2}
.mBanner .box{position:relative;margin:0 auto;padding-left:160px;max-width:1300px}
.mBanner .box .control{position:absolute;top:15px;left:0;}
.mBanner .box .control button{position:relative;margin-left:-1px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center;border:1px solid #e2e1e1}
.mBanner .box .control .prevSlide_bn{background-image:url('/resources/images/home/img/ic_prev.png') }
.mBanner .box .control .nextSlide_bn{background-image:url('/resources/images/home/img/ic_next.png') }
.mBanner .box .control .stopSlide_bn{background-image:url('/resources/images/home/img/ic_stop.png') }
.mBanner .box .control .startSlide_bn{background-image:url('/resources/images/home/img/ic_play.png') }

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



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

	.mCon2 .mConBox{padding-left:240px}
	.mCon3 .mCon3_1{float:none;margin-bottom:50px;width:100%;max-width:none}
	.mCon3 .mCon3_2{float:none;margin-bottom:50px;padding-top:0;width:100%}
	.mCon3 .mCon3_2::after{display:block;clear:both;content:''}
	.mCon3 .mCon3_2 .infor{float:left;margin-bottom:0;width:50%}
	.mCon3 .mCon3_2 ul{float:left;padding-top:20px;width:50%}
	
	.mCon3 .mCon3_3 ul{margin:0 -10px}
	.mCon3 .mCon3_3 ul li{padding:0 10px}
	.mCon3 .mCon3_3 ul li dl{padding: 20px;background-size:60px}
	
	.mBanner{padding:30px 20px}
	.mBanner .box{padding-left:140px}
	.mBanner .box .control{top:5px}

}


 /* Mobile Device */
@media all and (max-width:640px){
	
	
	.visualSlide ul li{height:300px}
	.mVisual .txt p{font-size:24px}
	.mVisual .txt p .txt1{margin-bottom:5px;font-size:17px}
	.mVisual .txt p .txt3{margin-top:5px;font-size:30px}

	.mConBox{padding:40px 0}
	
	.mCon1{padding:0 15px}
	.mCon1::after{background-size: 200px;background-position:right -50px top}
	.mCon1 .mCon1_1 h2{position:relative;margin-bottom:20px;font-size:30px}
	.mCon1 .mCon1_1 .mTabM{padding-top:60px}
	.mCon1 .mCon1_1 .mTabM > li > a{top:0;left:0;font-size:18px}
	.mCon1 .mCon1_1 .mTabM > li:nth-child(2) > a{left:85px}
	.mCon1 .mCon1_1 .mTabM > li:nth-child(3) > a{left:190px}
	.mCon1 .mCon1_1 .mTabM > li .mTabCon ul{padding: 15px;}
	.mCon1 .mCon1_1 .mTabM > li .mTabCon ul li{display:none;float:none;padding:0;width:100%;border-bottom:1px solid #c5c5c5}
	.mCon1 .mCon1_1 .mTabM > li .mTabCon ul li:nth-child(1),
	.mCon1 .mCon1_1 .mTabM > li .mTabCon ul li:nth-child(2),
	.mCon1 .mCon1_1 .mTabM > li .mTabCon ul li:nth-child(3){display:block}
	.mCon1 .mCon1_1 .mTabM > li .mTabCon ul li:nth-child(3){border-bottom:0}
	.mCon1 .mCon1_1 .mTabM > li .mTabCon ul li a{padding:15px 10px;height:auto}
	.mCon1 .mCon1_1 .mTabM > li .mTabCon ul li .date{margin-bottom:10px}
	.mCon1 .mCon1_1 .mTabM > li .mTabCon ul li .date span{font-size:20px}
	.mCon1 .mCon1_1 .mTabM > li .mTabCon ul li .tit{height: auto;max-height:50px;font-size: 16px;}
	.mCon1 .mCon1_1 .mTabM > li .mTabCon .btnMore{top:-70px}
	.mCon1 .mCon1_1 .mTabM > li .mTabCon .btnMore a{width:50px;height:50px;background-size:20px}
	.mCon1.match .mCon1_1 .mTabM > li > a{left: 0;}
	.mCon1.match .mCon1_1 .mTabM > li:nth-child(2) > a{left: 85px;}

	.mCon1 .mCon1_2 a{padding:20px;background-position:right -30px bottom 10px;background-size:120px}
	.mCon1 .mCon1_2 h2{float:none;margin-bottom:20px;font-size:20px}
	.mCon1 .mCon1_2 p{padding:0 0 30px;background-position:left bottom}
	.mCon1 .mCon1_2 p span{display:block}
	
	.mCon2{padding:0 15px}
	.mCon2 .mConBox{padding-left:0}
	.mCon2 .mConBox .mtitle{position:relative;top:0;margin-bottom:20px}
	.mCon2 .mConBox .mtitle h2{margin-bottom:10px;font-size:30px}
	.mCon2 .mConBox .mtitle p{margin-bottom:15px;}
	.mCon2 .control button,
	.mCon2 .control .btnMore a{width:35px;height:35px}
	
	.mCon3{padding:0 15px}
	.mCon3 .mCon3_1{margin-bottom:30px;height:266px}
	.mCon3 .mCon3_1 .con{padding:0 20px;background:none}
	.mCon3 .mCon3_1 .con .tit{margin-bottom:10px;font-size:20px}
	.mCon3 .mCon3_1 .con .txt{font-size:15px}
	.mCon3 .mCon3_1 .con .btn a{width: 110px; line-height: 35px;}
	
	.mCon3 .mCon3_2{margin-bottom:30px;padding:0 20px}
	.mCon3 .mCon3_2 h2{font-size:25px}
	.mCon3 .mCon3_2 .infor{float:none;width:100%}
	.mCon3 .mCon3_2 .tel{padding-left: 40px; font-size: 30px;background-size:28px}
	.mCon3 .mCon3_2 ul{float:none;width:100%}
	.mCon3 .mCon3_2 ul li .name{width:40px}
	.mCon3 .mCon3_2 ul li{padding:2px 0 0 50px}
	
	.mCon3 .mCon3_3 ul{margin:0}
	.mCon3 .mCon3_3 ul li{float:none;margin-bottom:10px;padding:0;width:100%}
	.mCon3 .mCon3_3 ul li dl{height:auto}
	.mCon3 .mCon3_3 ul li dl dd{font-size:14px}
	
	.mBanner{padding:20px 15px}
	.mBanner .box{padding-left:0}
	.mBanner .box .control{display:none}



}

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

h1.title{position:relative;margin-bottom:100px;font-size:40px;color:#333;line-height:1;font-weight:500;z-index:2}
h2.title{margin-bottom:25px;font-size:18px}

.col_green{color:#0057a6}
.col_pink{color:#ff1970}

.li_dot li{position:relative;margin-bottom:5px;padding-left:17px;}
.li_dot li::before{position:absolute;top:13px;left:0;width:5px;height:5px;content:'';background:#0057a6;border-radius:50%}

.ul-numdot{counter-reset: dot-number;}
.ul-numdot > li{position:relative; padding-left: 16px;}
.ul-numdot > li:before{display:block; counter-increment: dot-number; content:counter(dot-number)'.'; position:absolute; top:0; left:0;}

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 #bdbdbd;}
textarea{margin:1px 0;padding:10px;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:#fff url('/resources/images/home/img/ic_select_arrow.png') no-repeat right 12px center;border:1px solid #bdbdbd}
.select::-ms-expand{display: none;}
input::-ms-clear{display:none}
input:-ms-input-placeholder {color: #a4a4a4;}
input::-webkit-input-placeholder {color: #a4a4a4;}
input::-moz-placeholder {color: #a4a4a4;}
input::-moz-placeholder {color: #a4a4a4;}
textarea::-ms-clear{display:none}
textarea:-ms-input-placeholder {color: #a4a4a4;}
textarea::-webkit-input-placeholder {color: #a4a4a4;}
textarea::-moz-placeholder {color: #a4a4a4;}
textarea::-moz-placeholder {color: #a4a4a4;}
input:disabled,
select:disabled{background-color:#f3f3f3}

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

/* 버튼 */
.btnBc{display:inline-block;margin:0 1px;vertical-align:middle}
.btnBc a,
.btnBc button,
.btnBc input{position:relative; margin:0; display:-moz-inline-stack; display:block;padding:0 20px;min-width:160px;color:#333;line-height:56px;font-weight:400;text-align:center;text-decoration:none;cursor:pointer;background-color:#fff;background-repeat:no-repeat;transition: all 0.3s;-webkit-transition: all 0.3s;border:1px solid #aeaeae;border-radius:0}

.btnBc.sm a,
.btnBc.sm button,
.btnBc.sm input{min-width:135px;color:#a4a4a4;line-height:46px;background:#f1f1f1}

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

.btnBc.green a,
.btnBc.green button,
.btnBc.green input{color:#fff;background-color:#0057a6;border-color:#0057a6}

/* 테이블공통 */
.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; word-break: keep-all;}
.t_typel {width:100%;border-top:2px solid #0057a6;border-bottom:2px solid #818181;}
.t_typel tr { text-align: center; }
.t_typel thead th{padding:18px 0;font-weight:400;background:#f6fbff;}
.t_typel tbody th{padding:18px 20px;font-weight:500;background:#fff;border-left:1px solid #c0c0c0;border-top:1px solid #c0c0c0}
.t_typel tbody th:first-child{border-left:0}
.t_typel tbody th[rowspan]{border-right:1px solid #c0c0c0}
.t_typel tbody td{padding:18px 20px;background:#fff;border-left:1px solid #c0c0c0;border-top:1px solid #c0c0c0}
.t_typel tbody td:first-child{border-left:0}
.t_typel tbody td[rowspan]{border-right:1px solid #c0c0c0}
.t_typel tbody td[rowspan]:last-child{border-right:0}
.t_typel tbody td+th{border-left:1px solid #c0c0c0}
.t_typel tbody tr:first-child th,
.t_typel tbody tr:first-child td{border-top:0;}
.t_typel tfoot th{padding:18px 20px;background:#fafafa;border-right:1px solid #c0c0c0}
.t_typel tfoot td{padding:18px 20px;border-left:1px solid #c0c0c0}
.t_typel tfoot td[colspan]{border-left:0}
.t_typel tr td.t-left{text-align: left;}
.t_typel thead.line tr th:not(:last-of-type){border-right: 1px solid #dde4e9; border-bottom: 1px solid #dde4e9;}
.t_typel thead.line tr th{border-bottom: 1px solid #dde4e9;}


/* 게시글 상단 */
.bbs_top{margin-bottom:40px}
.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;}
.bbs_top .pageNum .now{display:inline-block}
.bbs_top .pageNum .now b{color:#0057a6;}
.bbs_top .pageNum .now span{font-weight:500}
.bbs_top .boadSearchA{float:right}

.boadSearchA{position:relative;}
.boadSearchA select{margin-right:-5px;width:130px;color:#8b8b8b}
.boadSearchA .serInput{margin:0 3px 0 0;padding:0 20px;width:260px;}
.boadSearchA .serInput:-ms-input-placeholder {color: #8b8b8b;}
.boadSearchA .serInput::-webkit-input-placeholder {color: #8b8b8b;}
.boadSearchA .serInput::-moz-placeholder {color: #8b8b8b;}
.boadSearchA .serInput::-moz-placeholder {color: #8b8b8b;}
.boadSearchA .btn{width:88px;height:48px;text-align:left;text-indent:35px;color:#fff;background:#3d3d3d url('/resources/images/home/img/ic_search.png') no-repeat 18px center;border:0}

/* 목록A */
.listTypeA{position:relative;table-layout:fixed;border-top:3px solid #545454;border-bottom:1px solid #545454;}
.listTypeA tr{text-align:center;}
.listTypeA thead th{padding:18px 5px;color:#343c40;font-weight:500;background:#f4f4f4;}
.listTypeA thead th:first-child{border-left:0}
.listTypeA tbody th,.listTypeA tbody td{border:1px solid #c0c0c0;border-width:1px 0 0}
.listTypeA tbody tr:first-child th,.listTypeA tbody tr:first-child td{border-top:0}
.listTypeA tbody tr td.notice{color:#0057a6;}
.listTypeA tbody th{padding:15px 10px;background:#f8f8f8;}
.listTypeA tbody td{padding:15px 10px;color:#333;word-break:break-all}
.listTypeA tbody td.subject{text-align:left;}
.listTypeA tbody td.subject a{position:relative;display:inline-block;color:#333;max-width:100%;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;vertical-align:middle}
.listTypeA tbody td.subject a .icNew{position:absolute;top:5px;right:0}

/* 페이지표시 */
.pageWrap{text-align:center;}
.page{display:inline-block;margin-top:55px;}
.page::after{display:block;clear:both;content:''}
.page a{position:relative;float:left;width:43px;height:43px;color:#555;text-align:center;vertical-align:middle;line-height:41px;text-decoration:none;letter-spacing:-1px;background:#fff;border-radius:50%;}
.page a.on{color:#fff;background:#0057a6;z-index:2}
.page a img{padding-bottom:4px;vertical-align:middle;}
.page .contr{float:left;margin:0 10px}
.page .contr a{margin:0 3px;border:1px solid #c0c0c0}

/*게시판 tab*/
.tab-wrap{margin-bottom: 40px;}
.tab-wrap .tab-list{display: flex;}
.tab-wrap .tab-list > li{flex: 1;}
.tab-wrap .tab-list .item{display: block; padding: 12px; font-size: 1.25rem; font-weight: 600; text-align: center; border: 1px solid #ddd;}
.tab-wrap .tab-list >li:not(:first-of-type) .item{border-left: 0;}
.tab-wrap .tab-list .item.on{color: white; background-color: #0057a6;}

.viewTypeA{position:relative;border-top:3px solid #545454;border-bottom:1px solid #98a1a6}
.viewTypeA .viewTop{padding:30px 40px;background:#f4f4f4;border-bottom:1px solid #dee2e4}
.viewTypeA .viewTop h2{margin-bottom:20px;font-size:31px;line-height:1.3;font-weight:400}
.viewTypeA .viewTop ul li{position:relative;display:inline-block;margin-right:15px;padding:0 20px 0 0;color:#8b8b8b;background-repeat:no-repeat;background-position:left center}
.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 .viewTop ul li.date{padding-left:21px;background-image:url('/resources/images/home/img/ic_bbs_time.png') }
.viewTypeA .viewTop ul li.name{background-image:url('/resources/images/home/img/ic_bbs_write.png') }
.viewTypeA .viewTop ul li.hit{background-image:url('/resources/images/home/img/ic_bbs_hit.png') }
.viewTypeA .file{position:relative;padding:20px 40px;color:#80898e;border-bottom:1px solid #dee2e4}
.viewTypeA .file a{display:inline-block;margin-right:20px;padding-left:26px;font-size:15px;background:url('/resources/images/home/img/ic_file.png') no-repeat left center}
.viewTypeA .con{padding:50px;}
.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;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)}

.listTypeB{position:relative;overflow:hidden;}
.listTypeB ul{margin:0 -13px}
.listTypeB ul::after{display:block;clear:both;content:''}
.listTypeB ul li{float:left;margin-bottom:30px;padding:0 13px;width:33.33%}
.listTypeB ul li a{display:block;text-decoration:none}
.listTypeB ul li .box .photo{position:relative;display:block;padding-top:58%;overflow:hidden;background:#dee2e4}
.listTypeB ul li .box .photo img{position:absolute;top:50%;left:50%;height:100%;max-width:none;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 .con{position:relative;padding:30px 30px 20px;background:#fff;border:1px solid #dee2e4;border-width:0 1px 1px}
.listTypeB ul li .box .con .tit{display:block;margin-bottom:20px;font-weight:500;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;line-height:1}
.listTypeB ul li .box .con .txt{display:block;margin-bottom:25px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.listTypeB ul li .box .con .infor{position:relative;text-align:right}
.listTypeB ul li .box .con .infor span{position:relative;display:inline-block;padding:0 15px 0 10px;font-size:15px;color:#8b8b8b;background-repeat:no-repeat;background-position:left center}
.listTypeB ul li .box .con .infor .date{position:absolute;top:0;left:0;padding:0 15px 0 25px;background-image:url('/resources/images/home/img/ic_bbs_time.png') }
.listTypeB ul li .box .con .infor .name::before{position:absolute;top:7px;right:0;width:0;height:12px;content:'';border-left:1px solid #818181}
.listTypeB ul li a:hover .box .con{background:#f7f7f7}

.listTypeC{border-top:3px solid #545454;border-bottom:1px solid #545454}
.listTypeC > ul > li:first-child{border-top:0}
.listTypeC > ul > li{padding:70px;border-top:1px solid #c0c0c0}
.listTypeC ul li .box{position:relative;padding:55px 0 0 320px;min-height:345px}
.listTypeC ul li .box .img{position:absolute;top:0;left:0; width: 246px;}
.listTypeC ul li .box .con .tit{display:block;margin-bottom:35px;font-size:32px;font-weight:700;line-height:1.4}
.listTypeC ul li .box .con ul{margin-bottom:80px}
.listTypeC ul li .box .con ul li{position:relative;margin-bottom:15px;padding-left:85px;}
.listTypeC ul li .box .con ul li .name{position:absolute;top:0;left:0;padding-right:18px;font-weight:500}
.listTypeC ul li .box .con ul li .name::before{position:absolute;top:8px;right:0;width:0;height:15px;content:'';border-left:1px solid #c0c0c0}
.listTypeC ul li .box .con .btn{display:inline-block;text-align:center}
.listTypeC ul li .box .con .btn a{display:block;padding-right:20px;width:210px;color:#0057a6;font-weight:500;line-height:50px;background:url('/resources/images/home/img/ic_down.png') no-repeat right 50px center;border:1px solid #0057a6}
.listTypeC ul li .box .con .view a{display:block;padding-right:20px;width:210px;color:#EF4F44;font-weight:500;line-height:50px;background:url('/resources/images/home/img/ic_view.png') no-repeat right 70px center;border:1px solid #EF4F44}

.s1_1_con{position:relative;}
.s1_1_con::after{position:absolute;top:560px;right:-150px;width:406px;height:338px;content:'';background:url('/resources/images/home/img/s1_1_bg2.png') no-repeat;z-index:1}
.s1_1_con .txt1{position:absolute;top:-24px;left:39%;padding:75px 20px;font-size:28px;font-weight:500; line-height:2.8rem; background:url('/resources/images/home/img/s1_1_c1.png') no-repeat left top, url('/resources/images/home/img/s1_1_c2.png') no-repeat right bottom;z-index:3}
.s1_1_con .txt1 span{color:#0057a6}
.s1_1_con .con{position:relative;margin-bottom:150px;z-index:2}
.s1_1_con .con .txt{position:absolute;left:300px;bottom:-90px;padding:90px 0 0 60px;width:400px;height:261px;font-size:30px;color:#fff;line-height:1.2;font-weight:500;background:url('/resources/images/home/img/s1_1_bg1.png') no-repeat;background-size:100% 100%}
.s1_1_con .con .txt span{display:block;margin-top:10px;font-family: 'MaruBuri-Regular';font-size:45px}
.s1_1_con .txt2{position:relative;margin:0 auto;max-width:1150px;font-size:20px;z-index:2}

.s1_2_con{position:relative}
.s1_2_con::after{position:absolute;bottom:0;left:-600px;width:763px;height:855px;content:'';background:url('/resources/images/home/img/s1_2_bg1.png') no-repeat;z-index:1}
.s1_2_con::before{position:absolute;top:160px;right:-500px;width:470px;height:420px;content:'';background:url('/resources/images/home/img/s1_2_bg2.png') no-repeat;z-index:1}
.s1_2_con ul{position:relative;margin:0 -20px;z-index:2}
.s1_2_con ul::after{display:block;clear:both;content:''}
.s1_2_con ul li{float:left;margin-bottom:50px;padding:0 20px;width:33.33%}
.s1_2_con ul li .photo{margin-bottom:10px;border:1px solid #c0c0c0; padding: 40px;}
.s1_2_con ul li dl{position:relative;padding:30px;font-size:23px;line-height:1;border:1px solid #c0c0c0; background: #ffffff;}
.s1_2_con ul li dl::after{position:absolute;top:9px;right:-8px;width:25px;height:13px;content:'';background:#0057a6}
.s1_2_con ul li dl dt{padding-right:20px;font-weight:500;border-right:1px solid #c0c0c0; display: inline-block;}
.s1_2_con ul li dl dd{display: inline-block; padding-left: 20px;}
.s1_3_con{position:relative}
.s1_3_con::after{position:absolute;top:170px;left:-500px;width:465px;height:432px;content:'';background:url('/resources/images/home/img/s1_3_bg1.png') no-repeat;z-index:1}
.s1_3_con::before{position:absolute;top:795px;right:-370px;width:261px;height:335px;content:'';background:url('/resources/images/home/img/s1_3_bg2.png') no-repeat;z-index:1}
.s1_3_con .con1{position:relative;margin:0 auto 65px;max-width:966px;text-align:center}
.s1_3_con .con1::after{position:absolute;left:50%;top:0;width:0;height:100%;content:'';border-left:1px solid #d1d1d1}
.s1_3_con .con1 .org{position:absolute;top:0;left:0;width:30%;font-size:30px;color:#0057a6;line-height:90px;font-weight:500;border:3px solid #0057a6}
.s1_3_con .con1 ul{position:relative;z-index:2}
.s1_3_con .con1 ul div{position:relative;width:100%;font-size:25px;line-height:96px;background:#fff;z-index:2}
.s1_3_con .con1 > ul > li > div{position:relative;display:inline-block;margin-bottom:80px;width:33%;font-size:30px;color:#fff;font-weight:700;background:#0057a6}
.s1_3_con .con1 > ul > li > div::after{position:absolute;top:-24px;right:-24px;width:25px;height:25px;content:'';border:2px solid #0057a6}
.s1_3_con .con1 > ul > li .org2{position:relative;margin-bottom:45px;height:90px}
.s1_3_con .con1 > ul > li .org2::after{position:absolute;left:0;top:50%;width:100%;height:0;content:'';border-top:1px solid #d1d1d1}
.s1_3_con .con1 > ul > li .org2 li div{position:absolute;width:30%;font-weight:500;background:#dae3df;z-index:2}
.s1_3_con .con1 > ul > li .org2 li .org2_1{left:0}
.s1_3_con .con1 > ul > li .org2 li .org2_2{right:0}
.s1_3_con .con1 > ul > li .org3{position:relative;margin:0 -20px;padding-bottom:160px;}
.s1_3_con .con1 > ul > li .org3::after{position:absolute;left:5%;top:50px;width:90%;height:0;content:'';border-top:1px solid #d1d1d1}
.s1_3_con .con1 > ul > li .org3 li{display:inline-block;padding:0 20px;width:33%;vertical-align:top}
.s1_3_con .con1 > ul > li .org3 > li > div{font-weight:500;background:#dae3df}
.s1_3_con .con1 > ul > li .org3 > li .org4{position:absolute;left:0;bottom:0;width:100%}
.s1_3_con .con1 > ul > li .org3 > li .org4::after{position:absolute;left:4%;top:50%;width:90%;height:0;content:'';border-top:1px solid #d1d1d1}
.s1_3_con .con1 > ul > li .org3 > li .org4 li{display:inline-block;width:33%}
.s1_3_con .con1 > ul > li .org3 > li .org4 li div{font-weight:500;line-height:90px;border:2px solid #0057a6}

/* 211015_dyj */
.s1_3_con .con1 .org{z-index:5;}
.org_link02 a{text-decoration:none; display:block;}
.org_link02 a:hover{text-decoration:none; display:block;}
.org_link02 .org:hover{background:#f5f5f5;}
.org_link02 .org1:hover{background:#0057a6;}
.bg_green:hover{background:#c1cfc9 !important;}
.bg_gray:hover{background:#f5f5f5 !important;}
/* //211015_dyj */

.s1_3_con .con2{position:relative;display:table;margin-bottom:75px;width:100%;background:#f5f5f5}
.s1_3_con .con2 dt{display:table-cell;width:290px;height:100%;font-size:28px;color:#fff;font-weight:500;text-align:center;vertical-align:middle;line-height:1;background:#437bb5}
.s1_3_con .con2 dd{display:table-cell;padding:30px 50px;text-align:center}
.s1_3_con .con2 dd ul li{display:inline-block;margin:0 8px;font-size:20px}
.s1_3_con .con3{margin-bottom:80px;overflow:hidden}
.s1_3_con .con3 ul{margin:0 -10px}
.s1_3_con .con3 ul::after{display:block;clear:both;content:''}
.s1_3_con .con3 ul li{float:left;padding:0 10px;width:20%;text-align:center}
.s1_3_con .con3 ul li a{display:block;padding:0 5px;font-size:23px;line-height:95px;font-weight:500;border:2px dotted #437bb5}
.s1_3_con .con3 ul li a span{display:inline-block;padding-bottom:5px;line-height:1.2;vertical-align:middle}
.s1_3_con .con3 ul li a:hover,
.s1_3_con .con3 ul li.on a{color:#0057a6;border:2px dashed #0057a6}
.s1_3_con .con4{padding-top:60px;text-align:center;border-top:1px solid #c0c0c0; margin-bottom:60px;}
.s1_3_con .con4 dt{margin-bottom:55px;font-size:30px;color:#0057a6;font-weight:500}
.s1_3_con .con4 dd ul{margin:0 -7px}
.s1_3_con .con4 dd ul::after{display:block;clear:both;content:''}
.s1_3_con .con4 dd ul li{float:left;margin-bottom:15px;padding:0 7px;width:25%;text-align:center}
.s1_3_con .con4 dd ul li a{display:block;padding:0 5px;font-size:23px;line-height:95px;font-weight:500;border:1px solid #c0c0c0}
.s1_3_con .con4 dd ul li a span{display:inline-block;padding-bottom:5px;line-height:1.2;vertical-align:middle}
.s1_3_con .con4 dd ul li a:hover{color:#0057a6;border-color:#0057a6}
/* 211015_dyj */
.s1_3_con .con5{padding-top: 60px; margin-bottom:60px; text-align: center; border-top: 1px solid #c0c0c0;}
.s1_3_con .con6{padding-top: 60px; margin-bottom:60px; text-align: center; border-top: 1px solid #c0c0c0;}
.s1_3_con .con7{padding-top: 60px; margin-bottom:60px; text-align: center; border-top: 1px solid #c0c0c0;}
.s1_3_con .con8{padding-top: 60px; margin-bottom:60px; text-align: center; border-top: 1px solid #c0c0c0;}
.s1_3_con .con9{padding-top: 60px; margin-bottom:60px; text-align: center; border-top: 1px solid #c0c0c0;}
.s1_3_con .con10{padding-top: 60px; margin-bottom:60px; text-align: center; border-top: 1px solid #c0c0c0;}
.s1_3_con .con11{padding-top: 60px; margin-bottom:60px; text-align: center; border-top: 1px solid #c0c0c0;}
.s1_3_con .con12{padding-top: 60px; margin-bottom:60px; text-align: center; border-top: 1px solid #c0c0c0;}
.s1_3_con .con13{padding-top: 60px; margin-bottom:60px; text-align: center; border-top: 1px solid #c0c0c0;}
.s1_3_con h2 {margin-bottom: 55px; margin-bottom:60px; font-size: 30px; color: #0057a6; font-weight: 500;}
/* //211015_dyj */

/*251015 yce - s1_3_con : 운영조직 */
.organization-wrap{position: relative; margin: auto; }
.organization-wrap::before,
.organization-wrap .depth::before,
.organization-wrap .depth::after,
.organization-wrap .depth .left::before,
.organization-wrap .depth .left::after,
.organization-wrap .depth .right::before,
.organization-wrap .depth .right::after,
.organization-wrap .depth-box::before,
.organization-wrap .depth-box::after{content: ''; position: absolute; background-color: #d5d5d5;}

.organization-wrap .depth-box{display: flex; justify-content: center; align-items: center; width: 200px; margin: auto; padding: 16px; font-size: 1.25rem; color: white; position: relative;}
.organization-wrap .right,
.organization-wrap .left{display: flex; flex-direction: column; gap: 28px;}

.organization-wrap .depth1-box{background-color: #053663;}
.organization-wrap .depth2-box{background-color: #0057a6;}
.organization-wrap .depth3-box{background-color: #A60087;}
.organization-wrap .depth4-box{background-color: #008AA6;}
.organization-wrap .depth6-box{flex: 1; width: auto; height: 240px; padding: 16px 8px; color: #0057a6; background-color: white; border: 2px solid #0057a6;  writing-mode: vertical-lr; text-orientation: upright;}
.organization-wrap .depth7-box{max-width: 400px; width: auto; background-color: #e78000;}

.organization-wrap::before{left: 50%; top: 0; z-index: -1; width: 1px; height: 100%;}
.organization-wrap .depth2{display: flex; justify-content: space-between; align-items: center; margin-top: 50px; position: relative;}
.organization-wrap .depth2::before{top: 50%; left: 0; width: 100%; height: 1px; z-index: -1;}
.organization-wrap .depth2 .right{padding-left: 50px; background-color: white; position: relative;}
.organization-wrap .depth2 .right::before{top: calc(20% + 2px); left: 0; width: 1px; height: calc(60% - 2px);}
.organization-wrap .depth2 .right .depth2-box::before{top: 50%; left: -50px; width: 50px; height: 1px;}
.organization-wrap .depth3{margin-top: 50px;}
.organization-wrap .depth4{display: flex; justify-content: space-between; align-items: center; margin-top: 50px; position: relative;}
.organization-wrap .depth4::before{top: 50%; left: 0; width: 100%; height: 1px; z-index: -1;}
.organization-wrap .depth4 .left{padding-right: 50px; background-color: white; position: relative;}
.organization-wrap .depth4 .left::before{top: calc(20% + 2px); right: 0; width: 1px; height: calc(60% - 2px);}
.organization-wrap .depth4 .left .depth4-box::before{top: 50%; right: -50px; width: 50px; height: 1px;}
.organization-wrap .depth4 .right{padding-left: 50px; background-color: white; position: relative;}
.organization-wrap .depth4 .right::before{top: calc(20% + 2px); left: 0; width: 1px; height: calc(60% - 2px);}
.organization-wrap .depth4 .right .depth4-box::before{top: 50%; left: -50px; width: 50px; height: 1px;}
.organization-wrap .depth6{display: flex; gap: 28px; margin-top: 50px; padding: 50px 0; background-color: white; position: relative;}
.organization-wrap .depth6::before{top: 0; left: calc((100% - 252px) / 20); width: calc(100% - ((100% - 252px) / 10)); height: 1px;}
.organization-wrap .depth6::after{bottom: 0; left: calc((100% - 252px) / 20); width: calc(100% - ((100% - 252px) / 10)); height: 1px;}
.organization-wrap .depth6 .depth6-box::before{left: 50%; top: -52px; z-index: 1; width: 1px; height: 50px;}
.organization-wrap .depth6 .depth6-box::after{left: 50%; bottom: -52px; z-index: 1; width: 1px; height: 50px;}
.organization-wrap .depth7{margin-top: 50px;}


.s1_4_con{position:relative}
.s1_4_con::after{position:absolute;top:900px;left:-375px;width:261px;height:300px;content:'';background:url('/resources/images/home/img/s1_4_bg1.png') no-repeat;z-index:1}
.s1_4_con::before{position:absolute;top:375px;right:-370px;width:273px;height:285px;content:'';background:url('/resources/images/home/img/s1_4_bg2.png') no-repeat;z-index:1}
.s1_4_con .con1{margin-bottom:160px;background:#f9f9f9;border:1px solid #c0c0c0}
.s1_4_con .con1 .con{padding:35px 90px;}
.s1_4_con .con1 .con p{margin-bottom:10px;}
.s1_4_con .con1 .con ul li{display:inline-block;margin-right:35px}
.s1_4_con .con1 .con ul li .name{display:inline-block;margin-right:5px;font-weight:700}

.s1_4_con .con2 dl{position:relative;padding:30px 0 60px 370px;background-repeat:no-repeat;background-position:40px 50px}
.s1_4_con .con2 dl dt{position:absolute;top:0;left:30px;font-size:30px;font-weight:700;line-height:1}
.s1_4_con .con2 dl dd{}
.s1_4_con .con2 dl dd b{display:block;margin-bottom:20px;font-size:25px;color:#0057a6;line-height:1.2}
.s1_4_con .con2 dl.ic1{margin-bottom:60px;background-image:url('/resources/images/home/img/s1_4_ic1.png') ;border-bottom:1px solid #c0c0c0}
.s1_4_con .con2 dl.ic2{background-image:url('/resources/images/home/img/s1_4_ic2.png') ;background-position:30px 60px}

/* 211015_dyj */
.s1_5_con{}
.s1_5_con .con1{margin-bottom:80px;overflow:hidden}
.s1_5_con .con1 ul{margin:0 -10px}
.s1_5_con .con1 ul::after{display:block;clear:both;content:''}
.s1_5_con .con1 ul li{float:left;padding:0 10px;width:20%;text-align:center; margin-bottom:20px;}
.s1_5_con .con1 ul li:nth-child(n+6){margin-bottom:0;}
.s1_5_con .con1 ul li a{display:block;padding:0 5px;font-size:23px;line-height:95px;font-weight:500;border:2px dotted #1d75c5}
.s1_5_con .con1 ul li a span{display:inline-block;padding-bottom:5px;line-height:1.2;vertical-align:middle}
.s1_5_con .con1 ul li a:hover,
.s1_5_con .con1 ul li.on a{color:#0057a6;border:2px dashed #0057a6}
.s1_5_con h2{position:relative; font-size:30px; color:#0057a6; font-weight:700; line-height:1; text-align:center; margin-bottom:55px;}
.s1_5_con .s1_5_inner .org_listbox{margin-bottom:50px; border-top:1px solid #ddd; padding-top:50px;}
.s1_5_con .s1_5_inner .org_listbox:first-child{border:none; padding-top:0;}
.s1_5_con .s1_5_inner .org_list{font-size:0; text-align:left; width:100%;}
.s1_5_con .s1_5_inner .org_list .org_box{position:relative; display:inline-block; vertical-align:top; width:calc(91% / 4);padding:20px; margin-right:3%; margin-bottom:40px; border:1px solid #ddd; font-size:0;}
.s1_5_con .s1_5_inner .org_list .org_box:nth-child(4n){/*margin-right:0 !important;*/}
.s1_5_con .s1_5_inner .org_list .org_box::after {position:absolute; top:30px; right:-8px;width:25px; height:13px; content:''; background:#0057a6;}
.org_box .img_box{width:120px; height:150px; display:inline-block; vertical-align:top;}
.org_box .img_box img{width:100%; height:100%;}
.org_box .text_box{display:inline-block; vertical-align:top;}
.org_box .text_box dt{font-size:20px; font-weight:600;}
.org_box .text_box dt span{font-size:16px; font-weight:500; color:#888; margin-left:5px;}
.org_box .text_box dd{font-size:16px; color:#666; line-height:20px; margin-top:10px;}
.org_box .text_box dd span{margin-right:10px; color:#888;}
/* //211015_dyj */

.s4_con1{margin-bottom:70px;padding:60px 40px;min-height:365px;color:#fff;text-align:center;background-repeat:no-repeat;background-position:center center;background-size:cover}
.s4_con1 h2{margin-bottom:30px;padding-top:80px;font-size:30px;font-weight:500;background:url('/resources/images/home/img/s4_1_c.png') no-repeat center top;}
.s4_con1.bg1{background-image:url('/resources/images/home/img/s4_1_bg.jpg') }
.s4_con1.bg2{background-image:url('/resources/images/home/img/s4_2_bg.jpg') }
.s4_con1.bg3{background-image:url('/resources/images/home/img/s4_3_bg.jpg') }
.s4_con1.bg5{background-image:url('/resources/images/home/img/s5_1_bg.jpg') }

.s4_1_con{margin-bottom:80px;}
.s4_1_con .con1{position:relative;margin-bottom:105px;padding-left:315px}
.s4_1_con .con1 h2{position:absolute;top:0;left:0;font-size:20px;font-weight:700;line-height:1}
.s4_1_con .con2{position:relative;padding:50px;border:1px solid #c0c0c0}
.s4_1_con .con2 h2{margin-bottom:35px;font-size:20px;color:#0057a6;font-weight:700;line-height:1}

.s4_con2 .box{position:relative;margin-bottom:50px;padding:0 0 50px 270px;border-bottom:1px solid #c0c0c0}
.s4_con2 .box::after{position:absolute;left:0;bottom:-1px;width:220px;height:0;content:'';border-bottom:1px solid #0057a6}
.s4_con2 .box:last-child{border-bottom:0}
.s4_con2 .box:last-child::after{display:none}
.s4_con2 .box h2{position:absolute;top:0;left:0;font-size:20px;color:#0057a6;font-weight:700;line-height:1}
.s4_con2 .box li{margin-bottom:5px}
.s4_con2 .box .infor li{padding-left:30px;background-repeat:no-repeat;background-position:left center}
.s4_con2 .box .infor li.ic1{background-image:url('/resources/images/home/img/ic_tell2.png') }
.s4_con2 .box .infor li.ic2{background-image:url('/resources/images/home/img/ic_time2.png') }
.s4_con2.line{position:relative;padding-top:50px;border-top:1px solid #c0c0c0}
.s4_con2.line:before{position:absolute;left:0;top:-1px;width:220px;height:0;content:'';border-bottom:1px solid #0057a6}
.s4_con2.line .box:last-child{border-bottom:1px solid #c0c0c0}
.s4_con2.line .box:last-child::after{display:block}

.s4_con2 .t_typel dl{display: flex;}
.s4_con2 .t_typel dl dt{width: 80px;}

.s4_2_con{margin-bottom:60px}
.s4_2_con ul{padding:0 40px}
.s4_2_con ul::after{display:block;clear:both;content:''}
.s4_2_con ul li{position:relative;float:left;padding:70px 0 70px 240px;width:60%}
.s4_2_con ul li span{position:absolute;top:0;left:0;padding-top:120px;width:188px;height:188px;font-size:20px;text-align:center;background-repeat:no-repeat;background-size:100%}
.s4_2_con ul li.ic1 span{background-image:url('/resources/images/home/img/s4_2_ic1.png') }
.s4_2_con ul li.ic2 span{background-image:url('/resources/images/home/img/s4_2_ic2.png') }
.s4_2_con ul li:nth-child(2){width:40%}

.s1_5_con .s1_5_inner .org_list .org_box{width:calc(91% / 3);min-height:138px}
.org_box .text_box dd{position:relative;padding-left:20px}
.org_box .text_box dd::before{position:absolute;left:0;top:6px;width:8px;height:8px;border:2px solid #0057a6;border-radius:50%;content:""}

.s4_3_con{margin-bottom:65px;display:flex;flex-wrap:wrap;justify-content:space-between}
.s4_3_con dl{padding:70px 55px;width:calc(50% - 45px);background:url('/resources/images/home/img/s4_3_ic2.png') no-repeat right top;border:1px solid #c0c0c0}
.s4_3_con dl dt{margin-bottom:40px;padding-top:90px;font-size:26px;color:#0057a6;font-weight:500;line-height:1;background:url('/resources/images/home/img/s4_3_ic1.png') no-repeat left top}
.s4_3_con dl dd ul li{position:relative;margin-bottom:30px;padding-left:95px}
.s4_3_con dl dd ul li .name{position:absolute;top:0;left:0;width:68px;color:#0057a6}
.s4_3_con dl dd ul li .name::after{position:absolute;top:7px;right:0;width:0;height:18px;content:'';border-left:1px solid #c0c0c0}

.s5_1_con{font-size:16px}
.s5_1_con .box{margin-bottom:10px;padding:80px 20px;background:#fff;border:1px solid #c0c0c0}
.s5_1_con .box table{margin:0 auto;max-width:655px}
.s5_1_con .box table tbody th{padding:10px 5px;width:26%;vertical-align:top;font-weight:400}
.s5_1_con .box table tbody th .es{color:#ff287e}
.s5_1_con .box table tbody td{padding:5px}
.telForm select{width:calc(33% - 5px)}
.telForm input{width:calc(33% - 8px)}

.sub-ready{display: flex; justify-content: center; align-items: center;}

/*
================================================================================
login, join, findPW, findID 210909
================================================================================
*/

.login-wrap {table-layout: fixed; display: table;position: relative;width: 100%;height: 100%;margin: 0;padding: 0;}
.login-wrap h1{font-size: 38px;color: #000;text-align: center;}
.login-wrap p {width: 100%;margin: 0 0 30px;font-size: 17px;color: #777;text-align: center;}
.login-wrap .login-cont {display: block;width: 100%;max-width: 420px;margin: 0 auto 80px;}
.login-area {}
.login-area .form-group {position: relative;margin-bottom: 10px;}
.login-area .form-group input[type=text], .login-area .form-group input[type=password] {font-family: 'Noto Sans KR', sans-serif;
	border: 1px solid #d8d8d8;height: 45px;font-size: 14px;box-sizing: border-box;
    -webkit-appearance: none;border-radius: 0;    width: 100%;padding: 15px;height: 50px;padding-left: 50px;}
.login-area .form-group .log-ic {position: absolute;left: 20px;top: 14px;opacity: .5;}
.login-btn {}
.login-btn button,
.login-btn a{display:block;text-align:center;width: 100%;height: 50px;color: #fff;font-size: 18px;font-weight: 600;margin-bottom: 10px; line-height:50px}
.login-btn .b1 {background:#0057a6}
.login-btn .b2 {background:#252525}
.login-btn .b3 {background: #444; float: left; width: 50%; height: 120px; }
.login-btn .b2 .join-info{font-weight: 400; font-size: 15px; padding: 10px 0 0 0; display: inline-block;font-family: 'Noto Sans KR', sans-serif;}
.login-idpw{overflow:hidden}
.login-idpw a{display:flex;align-items:center;float:left;width:calc(50% - 5px);height:50px;text-align:center;background-color:#252525;color:#fff;line-height:1.2em;justify-content:center}
.login-idpw a:nth-of-type(1){margin-right:10px}
.find-id #login_email{margin-bottom:10px;width:100%}
.joinArea {display:block;width:100%;max-width: 1000px;margin: 0 auto;padding:15px;box-sizing:border-box;}
.juminchForm {display:block;width:100%;margin:35px 0;padding:35px;background:#fff;border:1px solid #eee;overflow:hidden;box-sizing:border-box;}
.juminchForm > h1 {margin:0 0 35px;padding:10px;font-size:16px;font-weight:500;color:#333;text-align:left;border-bottom:1px solid #eee;box-sizing:border-box;}
.juminchForm > dl {display:table;width:100%;margin:25px 0;overflow:hidden;}
.juminchForm > dl > dt {display:table-cell;width:100px;font-size:14px;text-align:left;vertical-align:middle;}
.juminchForm > dl > dd {display:table-cell;width:auto;text-align:left;}
.juminchForm > dl > dd > ul {display:table;width:100%;margin:0;}
.juminchForm > dl > dd > ul > li {display:table-cell;width:48%;text-align:center;}
.juminchForm > dl > dd > ul > li > span {line-height:35px;}
.juminchForm > dl > dd > ul > li + li {width:auto;}
.juminchForm > dl > dd > ul > li + li + li {width:48%;}

.joinForm {display:inline-block;width:100%;margin: 0 0 35px;padding:50px 35px;background:#fff;border:1px solid #222;overflow:hidden;box-sizing:border-box;}
.joinForm-inner {display:inline-block;width:100%;margin:25px 0 15px;padding:0;} 
.joinForm-inner:first-child {margin:  0 0;}
.joinForm-inner h2 { padding:10px;font-size:18px;font-weight:600;color:#333;text-align:left; box-sizing:border-box;}

.joinForm-inner-conts {width:100%;margin:0;padding:10px;box-sizing:border-box;}
.joinForm-inner-conts > textarea {width:100%;margin:0;padding:25px;overflow:auto;box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif;color: #5c5c5c;font-size: 15px;}
.joinForm-inner-conts > textarea > * {line-height:1.65;font-size:16px;color:#333;}
.joinForm-inner-btn {width:100%;margin:0;box-sizing:border-box;text-align:right;font-size:1rem}
.joinForm-inner-btn > label {display:inline-block;cursor:pointer; font-family: 'Noto Sans KR', sans-serif;}
.joinForm-inner-btn > label > input[type=checkbox] {display:inline-block;margin:0 5px;}
.joinForm-inner-btn > label > span {display:inline-block;line-height:1.6;margin:0;padding:0;font-size:14px;color:#333;}
#fregister_chkall{background-color:#e36565;padding:20px;line-height:1;margin-top:20px;color:#fff}

.register-form{padding:10px}
.register-form .register-form-inner{}
.register-form li{margin-bottom:10px}
.register-form li:last-child{margin-bottom:0}
.register-form li.half-input{overflow:hidden}
.register-form label{display:block;margin-bottom:5px;font-size:1rem}
.register-form .tooltip{font-size:.9em;color:#e36565}
.register-form input[type="text"],
.register-form input[type="password"]{width:100%}
.register-form .half-input-wrap{float:left;width:calc(50% - 5px)}
.register-form li.half-input .half-input-wrap:last-child{margin-left:10px}
.memberjoin-btn{text-align:center}
.memberjoin-btn input{display:inline-block;border:0;height:50px;line-height:50px;color:#fff;min-width:100px;transition:.3s;cursor:pointer}
.memberjoin-btn #toDiscoverBtn{background-color:#252525}
.memberjoin-btn #toCheckoutBtn{background-color:#0057a6}
.memberjoin-btn #toDiscoverBtn:hover{background-color:#111}
.memberjoin-btn #toCheckoutBtn:hover{background-color:#053663}

.find-pw {width: 550px;margin: 50px auto 0;border: 1px solid #bababa;padding: 50px;}
.find-pw .before a {}
.find-pw .before a i {display: inline-block;font-size: 25px;background: #0057a6;color: #fff;padding: 11px;border-radius: 50%;}
.find-pw .login {padding: 15px 0;}
.find-pw .login h1 {font-size: 17px;margin-bottom: 15px;}
.find-pw .login h1 span {}
.find-pw .login_fieldset {}
.find-pw .login_fieldset .login_form {}
.find-pw .login_fieldset .login_form dt {}
.find-pw .login_fieldset .login_form dt input {width: 47%;}
.find-pw .login_fieldset .login_form dt label i {font-weight: 900;color: #0057a6;}
.find-pw .login_fieldset .find-pw-btn button {font-size: 17px;text-align: center;display: block;width: 100%;padding: 15px;margin-top: 15px;background: #0057a6;color: #fff;border-radius: 5px;}
.find-pw .login_fieldset .find-pw-btn button:hover {background: #053663;transition: all 0.5s ease;  -webkit-transition: all 0.5s ease}


/*동문회보 PDF 뷰어*/
.txtguide {display: flex; justify-content: space-between; margin: 30px 0; padding: 30px; min-height: 150px; background-color: #F2F7F5; background-repeat: no-repeat; background-position: 55px 23px; border: 1px solid #dee2e4; align-items: center;}

.txtguide .btn {display: inline-block;}

.txtguide .btn a {color: #333;border: 1px solid #333;  padding: 10px 20px;    border-radius: 5px; background-image: url(/resources/images/home/img/ico-pdf.png); display: block; padding: 0 45px 0 20px; font-size: 17px; line-height: 48px; font-weight: 500; background-color: #fff;
    background-repeat: no-repeat; background-position: 165px center; border: 1px solid #00346f; border-radius: 5px;	}

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

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

	h1.title{margin-bottom: 100px;}

	.boadSearchA .serInput{width:200px}

	.viewTypeA .con{padding: 40px 0;}

	.listTypeB ul li{width:50%}

	.listTypeC > ul > li{padding:40px 20px}
	.listTypeC ul li .box{padding: 0 0 0 300px;}
	
	.s1_1_con .txt1{position:relative;top:0;left:0;padding: 90px 20px 50px;}
	.s1_1_con .con img{width:50%}
	.s1_1_con .con .txt{left:30%;padding: 110px 0 0 50px;width: 460px;height: 320px;}
	
	.s1_2_con ul{margin:0 -10px}
	.s1_2_con ul li{padding:0 10px}
	.s1_2_con ul li dl{padding:20px}
	.s1_2_con ul li dl dt{margin-bottom:10px;border-right:0; display: block}
    .s1_2_con ul li dl dd{display: block; padding-left: 0;}


	.s1_3_con .con2 dt{width:190px}
	
	.s1_4_con .con1 .con{padding: 35px 40px;}
	.s1_4_con .con2 dl{padding: 30px 0 60px 220px;}

	.s1_5_con .s1_5_inner .org_list .org_box{width:48%;padding:20px; margin-right:4%; margin-bottom:4%;}
	.s1_5_con .s1_5_inner .org_list .org_box:nth-child(2n){margin-right:0 !important;}
	.s4_1_con .con1{padding:0;}
	.s4_1_con .con1 h2{position:relative;margin-bottom:30px;}

	.s4_con2 .box{padding:0 0 40px}
	.s4_con2 .box h2{position:relative;margin-bottom:30px;}

	.s4_2_con ul li{float:none;margin-bottom:20px;width:100% !important}
	
	.s4_3_con{margin-bottom:0}
	.s4_3_con dl{margin-bottom:30px;width:100%}

	.txtguide { display: block; margin-top: 20px;}
    .txtguide .btn{margin-top: 20px;}
    .txtguide .btn a {font-size:14px;line-height: 40px;background-position: 140px center;}
	.listTypeC ul li .box .con .view a {margin-top: 10px;}
	
	/*게시판 tab*/
	.tab-wrap .tab-list{flex-wrap: wrap;}
	.tab-wrap .tab-list > li{flex: unset; width: calc(100% / 3);}
	.tab-wrap .tab-list > li:nth-of-type(n+4) .item{border-top: 0;}
	.tab-wrap .tab-list > li:nth-of-type(3n + 4) .item{border-left: 1px solid #ddd}
	
}
@media all and (max-width:1024px){
	.organization-wrap .depth6-box{padding: 16px 4px;}
	.organization-wrap .depth6{gap: 8px;}
	.organization-wrap .depth6::before{left: calc((100% - 72px) / 20); width: calc(100% - ((100% - 72px) / 10));}
	.organization-wrap .depth6::after{left: calc((100% - 72px) / 20); width: calc(100% - ((100% - 72px) / 10));}
}


 /* Mobile Device */
@media all and (max-width:640px){

	
	h1.title{margin: 0 0 20px ;font-size: 24px;}

	.li_dot li{padding-left:12px}
	.li_dot li::before{top: 9px;width: 3px;height: 3px;}

	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 8px;height: 40px;font-size: 14px;background-size: 10px;}

	.btnList{margin-top:20px;text-align:center}
	.btnBc a, .btnBc button, .btnBc input{padding: 0 15px;min-width: 90px;line-height: 40px;}
	.btnBc.write a, .btnBc.write button, .btnBc.write input,
	.btnBc.delet a, .btnBc.delet button, .btnBc.delet input,
	.btnBc.list a, .btnBc.list button, .btnBc.list input{padding-left:30px;background-position: 14px center;background-size:15px}

	.btnBc.sm a, .btnBc.sm button, .btnBc.sm input{padding:0 10px;min-width:80px;line-height:38px}
	
	.t_typel thead th{padding:10px 0}
	.t_typel tbody th,
	.t_typel tbody td{padding:10px}

	/*스크롤 테이블*/
	.scroll-table{overflow-x: auto; position: relative;}
	.scroll-table table{min-width: 740px;}
	.ico-scroll{display:block; width:64px; aspect-ratio: 1 / 1; background:url('/resources/images/home/img/ico-mobile.png') rgba(16, 52, 141, .8) center / 60% no-repeat; border-radius:50%; position:absolute; top:20px; left:50%; z-index:10; animation: table-scroll 1s infinite;}
	@keyframes table-scroll {
		0% {transform:translate(-50%, 0);}
		50% {transform:translate(-50%, -10px);}
		100% {transform:translate(-50%, 0);}
	}
	
	.bbs_top{margin-bottom:20px}
	.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: #f6f7f8;}
	.listTypeA.mb tbody td.num{display:none}
	.listTypeA.mb tbody td.notice{float:left;margin-right:5px;font-weight:500}
	.listTypeA.mb tbody tr{position:relative;display:block;padding:10px 5px;width:100%;box-sizing: border-box;border-bottom:1px solid #dee2e4}
	.listTypeA.mb tbody tr::after{display:block;clear:both;content:''}
	.listTypeA.mb tbody td{display:block;padding:2px 0;border:0;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;}
	.listTypeA.mb tbody td.subject a{display:block;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;line-height: 29px;}
	.page a img{height:15px}

	.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: 13px;}
	.viewTypeA .viewTop ul li::before{top:5px;height:10px}
	.viewTypeA .viewTop ul li.date{padding-left:18px;background-size:13px}
	.viewTypeA .file{padding: 10px 15px;}
	.viewTypeA .file .name{display:none;top: 10px;left: 15px;}
	.viewTypeA .file a{margin-right: 10px;padding-left: 16px;font-size:12px;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;line-height:40px;}
	.viewlist li span{padding-left: 35px;}
	.viewlist li span::after{left: 15px;width: 7px;height: 7px;}

	.listTypeB{padding-top:0}
	.listTypeB ul{margin: 0 -5px;}
	.listTypeB ul li{margin-bottom: 10px;padding: 0 5px;}
	.listTypeB ul li .box .photo{padding-top:58%}
	.listTypeB ul li .box .con{padding: 10px;}
	.listTypeB ul li .box .con .tit{margin-bottom:10px;height:35px;line-height:1.2;white-space: normal;word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.listTypeB ul li .box .con .txt{display:none}
	.listTypeB ul li .box .con .infor{text-align:left}
	.listTypeB ul li .box .con .infor .date{position:relative;}
	.listTypeB ul li .box .con .infor span{padding: 0 10px 0 5px;font-size:12px;}
	.listTypeB ul li .box .con .infor .date{display:block;padding-left:0;background:none}
	.listTypeB ul li .box .con .infor .name{padding-left:0}
	.listTypeB ul li .box .con .infor .name::before{top: 5px;height: 8px;}

	.listTypeC > ul > li{padding:30px 0}
	.listTypeC ul li .box{padding-left:140px;min-height:170px}
	.listTypeC ul li .box .img{width:120px}
	.listTypeC ul li .box .con .tit{margin-bottom: 15px;font-size:18px;}
	.listTypeC ul li .box .con ul{margin-bottom: 20px;}
	.listTypeC ul li .box .con ul li{margin-bottom: 5px;padding-left: 55px;}
	.listTypeC ul li .box .con ul li .name{padding-right: 10px;}
	.listTypeC ul li .box .con ul li .name::before{top: 5px;height: 10px;}
	.listTypeC ul li .box .con .btn a{padding-right: 10px;width: 120px;line-height: 35px;background-position:right 15px center;background-size:12px}
	
	
	.s1_1_con .con img{width:40%}
	.s1_1_con .txt1{padding: 40px 10px 30px;font-size: 16px;background-size:35px, 35px}
	.s1_1_con .con{margin-bottom: 50px;}
	.s1_1_con .con .txt{bottom: -20px;padding: 44px 0 0 15px; width: 200px;height: 130px;font-size: 16px;}
	.s1_1_con .con .txt span{margin-top: 5px;font-size: 26px;}
	.s1_1_con .txt2{font-size:14px}
	
	.s1_2_con ul{margin:0 -5px}
	.s1_2_con ul li{margin-bottom:15px;padding:0 5px;width:50%}
	.s1_2_con ul li .photo{margin-bottom:5px; padding: 10px;}
	.s1_2_con ul li dl{padding: 10px;font-size:14px}
	.s1_2_con ul li dl::after{right: -5px;width: 15px;height: 7px;}
	.s1_2_con ul li dl dt{margin-bottom:5px}
	
	.s1_3_con .con1 ul div{line-height:46px}
	.s1_3_con .con1 > ul > li > div{margin-bottom: 40px;font-size: 16px;}
	.s1_3_con .con1 > ul > li > div::after{top: -14px;right: -14px; width: 15px;height: 15px;}
	.s1_3_con .con1 .org{font-size: 16px;line-height: 40px;}
	.s1_3_con .con1 ul div{font-size: 14px;}
	.s1_3_con .con1 > ul > li .org2{margin-bottom: 15px;height: 50px;}
	.s1_3_con .con1 > ul > li .org3{padding-bottom: 70px;}
	.s1_3_con .con1 > ul > li .org3 li{padding: 0 5px;width: 30%;}
	.s1_3_con .con1 > ul > li .org3 > li .org4 li{width:30%;}
	.s1_3_con .con1 > ul > li .org3 > li .org4 li div{line-height: 40px;}
	.s1_3_con .con1 > ul > li .org3::after{top:22px}
	.s1_3_con .con2{margin-bottom:50px}
	.s1_3_con .con2 dt{padding:0 10px;width: 90px;font-size:16px;line-height:1.2}
	.s1_3_con .con2 dd{padding:10px}
	.s1_3_con .con2 dd ul li{margin: 0 6px;font-size:14px}
	.s1_3_con .con3{margin-bottom: 40px;}
	.s1_3_con .con3 ul{margin:0 -5px}
	.s1_3_con .con3 ul li{margin-bottom:10px;padding:0 5px;width:33.33%}
	.s1_3_con .con3 ul li a{font-size: 14px;line-height: 55px;}
	.s1_3_con .con4{padding-top:30px}
	.s1_3_con .con4 dt{margin-bottom: 20px;font-size: 18px;}
	.s1_3_con .con4 dd ul{margin: 0 -4px;}
	.s1_3_con .con4 dd ul li{margin-bottom: 10px;width: 50%;}
	.s1_3_con .con4 dd ul li a{font-size: 14px;line-height: 55px;}
	
	.s1_3_con .con5{padding-top:40px;}
	.s1_3_con .con6{padding-top:40px;}
	.s1_3_con .con7{padding-top:40px;}
	.s1_3_con .con8{padding-top:40px;}
	.s1_3_con .con9{padding-top:40px;}
	.s1_3_con .con10{padding-top:40px;}
	.s1_3_con .con11{padding-top:40px;}
	.s1_3_con .con12{padding-top:40px;}
	.s1_3_con .con13{padding-top:40px;}
	.s1_3_con h2 {margin-bottom:20px; font-size:18px;}
	
	.organization-wrap .depth-box{margin: 0; padding: 8px;}
	.organization-wrap .right, .organization-wrap .left{gap: 16px;}
	.organization-wrap::before{left: 100px;}
	.organization-wrap .depth2{flex-direction: column; align-items: flex-end; margin-top: 20px; gap: 20px;}
	.organization-wrap .depth2::before{content: none;}
	.organization-wrap .left{align-items: flex-end; width: calc(100% - 100px); position: relative;}
	.organization-wrap .depth2 .left::before{top: 50%; left: 0; width: calc(100% - 20px); height: 1px;}
	.organization-wrap .depth2 .right{align-items: flex-end; width: calc(100% - 100px); padding-left: 0; background-color: transparent;}
	.organization-wrap .depth2 .right::before{top: 50%; left: 0; width: calc(100% - 228px); height: 1px;}
	.organization-wrap .depth2 .right::after{top: 20%; left: calc(100% - 228px); width: 1px; height: calc(60% + 2px);}
	.organization-wrap .depth2 .right .depth2-box::before{left: -28px; width: 28px;}

	.organization-wrap .depth4{flex-direction: column; align-items: flex-end; margin-top: 20px; gap: 20px;}
	.organization-wrap .depth4::before{content: none;}

	.organization-wrap .depth4 .left{align-items: flex-end; width: calc(100% - 100px); padding-right: 0; background-color: transparent;}
	.organization-wrap .depth4 .left::before{top: 50%; left: 0; width: calc(100% - 228px); height: 1px;}
	.organization-wrap .depth4 .left::after{top: 20%; left: calc(100% - 228px); width: 1px; height: calc(60% + 2px);}
	.organization-wrap .depth4 .left .depth4-box::before{right: unset; left: -28px; width: 28px;}
	.organization-wrap .depth4 .right{align-items: flex-end; width: calc(100% - 100px); padding-left: 0; background-color: transparent;}
	.organization-wrap .depth4 .right::before{top: 50%; left: 0; width: calc(100% - 228px); height: 1px;}
	.organization-wrap .depth4 .right::after{top: 20%; left: calc(100% - 228px); width: 1px; height: calc(60% + 2px);}
	.organization-wrap .depth4 .right .depth4-box::before{right: unset; left: -28px; width: 28px;}

	.organization-wrap .depth6{flex-wrap: wrap; padding: 20px; border: 2px solid #d5d5d5;}
	.organization-wrap .depth6::before,
	.organization-wrap .depth6::after{content: none;}
	.organization-wrap .depth6-box{flex: 1 1 40%; height: auto; writing-mode: unset; text-orientation: unset;}
	.organization-wrap .depth6 .depth6-box::before,
	.organization-wrap .depth6 .depth6-box::after{content: none;}



	.s1_4_con .con1{margin-bottom:40px}
	.s1_4_con .con1 iframe{height:250px}
	.s1_4_con .con1 .con{padding:20px;}
	.s1_4_con .con1 .con ul li{margin:0 10px 5px 0}
	
	.s1_4_con .con2 dl{padding: 0 0 30px 0;background:none !important}
	.s1_4_con .con2 dl dt{position:relative;left:0;margin-bottom:20px;font-size:20px}
	.s1_4_con .con2 dl dd b{margin-bottom:10px;font-size:16px}
	.s1_4_con .con2 dl.ic1{margin-bottom:30px}
	
	.s1_5_con .con1{margin-bottom: 40px;}
	.s1_5_con .con1 ul{margin:0 -5px}
	.s1_5_con .con1 ul li{margin-bottom:10px;padding:0 5px;width:33.33%}
	.s1_5_con .con1 ul li:nth-child(n+6){margin-bottom:10px;}
	.s1_5_con .con1 ul li a{font-size: 14px;line-height: 55px;}
	.s1_5_con h2{margin-bottom:20px; font-size:18px;} 
	.s1_5_con .s1_5_inner .org_list .org_box{width:100%;padding:20px; margin-right:0; margin-bottom:4%;}
	.org_box .img_box{width:100px; height:130px;}
	.org_box .text_box dt{font-size:16px;}
	.org_box .text_box dt span{font-size:14px;}
	.org_box .text_box dd{font-size:14px; line-height:16px;}

	.s4_con1{margin-bottom: 30px; padding: 40px 20px;min-height: 100px;}
	.s4_con1 h2{margin-bottom: 20px;padding-top: 50px;font-size: 18px;background-size: 40px;}
	
	.s4_1_con{margin-bottom:30px}
	.s4_1_con .con1{margin-bottom: 35px;}
	.s4_1_con .con1 h2{margin-bottom:15px;font-size:16px}
	.s4_1_con .con2{margin-bottom: 40px; padding: 20px;}
	.s4_1_con .con2 h2{margin-bottom:15px;font-size:16px}
	
	.s4_con2.line{padding-top:20px}
	.s4_con2 .box{margin-bottom: 20px;padding: 0 0 20px;}
	.s4_con2 .box h2{margin-bottom:15px;font-size:16px}
	.s4_con2.line:before,
	.s4_con2 .box::after{width:120px}
	.s4_con2 .box .infor li{padding-left: 20px;background-size: 12px;}

	.s4_2_con ul{padding:0}
	.s4_2_con ul li{padding: 20px 0 20px 120px;}
	.s4_2_con ul li span{padding-top: 59px; width: 100px; height: 100px;font-size: 14px;}

	.s4_3_con dl{margin-bottom:20px;padding: 30px 20px;background-size:30px}
	.s4_3_con dl dt{margin-bottom: 20px;padding-top: 50px; font-size: 18px;background-size:40px}
	.s4_3_con dl dd ul li{margin-bottom: 20px;padding-left:60px;}
	.s4_3_con dl dd ul li .name{width: 50px;}
	.s4_3_con dl dd ul li .name::after{top: 5px;height: 13px;}
	
	.s5_1_con{font-size:14px}
	.s5_1_con .box{padding: 20px 10px;}
	.s5_1_con .box table tbody th{padding:10px 5px 5px}
	.s5_1_con .box table tbody td{padding:2px 2px}
	
	.login-wrap h1{font-size:1.25rem}
	.login-wrap p{font-size:.9rem}
	.login-btn button,
	.login-btn a{height:40px;font-size:.9rem;font-weight:500;line-height:40px}
	.login-idpw a{height:40px}
	
	.joinArea{padding:0}
	.joinForm{padding:20px}
	.joinForm-inner h2{font-size:1rem;padding-left:0}
	.joinForm-inner-conts{padding:0}
	.joinForm-inner-conts > textarea{padding:15px;font-size:.9rem}
	.joinForm-inner-btn{font-size:.85rem}
	#fregister_chkall{padding:10px}
	.register-form{padding:0}
	
	.find-pw {width: 100%;padding:20px}
	.find-pw .login h1{font-size:1rem}
	.find-pw .before a i{font-size:1.125rem;padding:8px}
	.find-pw .login_fieldset .login_form dt input {width: 100%;}
	.find-pw .login_fieldset .login_form dt label i {display: none;}
	.find-pw .login_fieldset .find-pw-btn button{font-size:.9rem;padding:10px}

    .txtguide .btn a {font-size:13px;line-height: 35px;background-position: 130px center;}

	/*게시판 tab*/
	.tab-wrap{margin-bottom: 20px;}
	.tab-wrap .tab-list > li{width: 50%;}
	.tab-wrap .tab-list .item{padding: 8px; font-size: 1rem; font-weight: 400;}
	.tab-wrap .tab-list > li:nth-of-type(3n + 4) .item{border-left: 0;}
	.tab-wrap .tab-list > li:nth-of-type(odd) .item{border-left: 1px solid #ddd;}
	.tab-wrap .tab-list > li:nth-of-type(n+3) .item{border-top: 0;}

}

@media all and (max-width:480px){
	.organization-wrap::before{left: 40px}
	.organization-wrap .left{width: calc(100% - 40px);}
	.organization-wrap .depth2 .right{width: calc(100% - 40px);}
	.organization-wrap .depth4 .left,
	.organization-wrap .depth4 .right{width: calc(100% - 40px);}
	.organization-wrap .depth6-box{flex: 1 1 100%;}
}