@CHARSET "UTF-8";
.wrapper {position:relative; overflow:hidden;}
.slide-wrap {width: 100%; height: 680px; background: url(../img/slide-pic01.jpg) 10% 100% / cover no-repeat #f1f1f1;  overflow: hidden;}

.content-wrap {position: relative; top: -40px;}

/* 사업 S */

.business-wrap { width: 100%; max-width: 1240px; padding:0 20px; margin: 0 auto; }
.business-wrap:after {content:''; display:table; clear:both;}
.business-wrap .business-box {float:left; height:300px; position: relative; top: -50px; display:table; transition:0.8s cubic-bezier(0.25, 0.1, 0, 1.01);}
.business-wrap .business-box .tit-box-wrap {display: table-cell; vertical-align: middle;}
.business-wrap .business-box .tit-box {position:absolute; top: 50%; transform: translateY(-50%);}
.business-wrap .business-box .tit-box .tit {font-size:36px; font-weight:700; color:#fff; padding-bottom: 12px; transition: 0.8s cubic-bezier(0.25, 0.1, 0, 1.01);}
.business-wrap .business-box .tit-box .sub {padding-left: 4px;}
.business-wrap .business-box .tit-box .btn-box {display:block; font-size:18px; color:#fff; padding-top: 40px;}
.business-wrap .business-box .tit-box .btn-box a {display:block; font-size:18px; color:#fff; padding-top: 40px;}
.business-wrap .business-box .tit-box .btn-box img {padding-right:4px;}
.business-wrap .business-box .sub-box-wrap {position: absolute; top: 50%; transform: translateY(-50%); opacity: 0; transition: 0.6s ease;}
.business-wrap .box1 {width:20%; background:url(../img/sw-bg.png) 0% 50% no-repeat #213b77;}

.business-wrap .box1 .tit-box {right:60px; }
.business-wrap .box1 .tit-box .tit {text-align:right;}
.business-wrap .box1 .tit-box .sub {font-size:14px; color:#b0c8ff; text-align: right; padding-right: 4px;}
.business-wrap .box1 .tit-box .btn-box {text-align: right; padding-right: 4px;}
.business-wrap .box1 .sub-box-wrap {left: 50%; transform: translate(-50%, -50%);}
.business-wrap .box1 .sub-box-wrap .sub-box { color: #fff; transform: skew(-0.03deg);} 
.business-wrap .box1 .sub-box-wrap .sub-box:nth-child(1) {margin-bottom:28px;}
.business-wrap .box1 .sub-box-wrap .sub-box h1 {color: #ff8726; font-size:22px; font-weight:600; padding-bottom:10px;}
.business-wrap .box1 .sub-box-wrap .sub-box li {font-size: 16px; font-weight: 400; line-height: 25px; color: #f1f1f1;}

.business-wrap .box2 {width:20%; background:url(../img/ew-bg.png) 100% 50% no-repeat #ff8726; margin:0; display:none;}
.business-wrap .box2 .tit-box {left:20px;}
.business-wrap .box2 .tit-box .sub {font-size:14px; color:#ffebd5;}
.business-wrap .box2 .tit-box .btn-box {text-align: left; padding-left: 4px;}
.business-wrap .box2 .sub-box-wrap {left: 50%; transform: translate(-50%, -50%);}
.business-wrap .box2 .sub-box-wrap .sub-box { color: #fff; transform: skew(-0.03deg);} 
.business-wrap .box2 .sub-box-wrap .sub-box:nth-child(1) {margin-bottom:28px;}
.business-wrap .box2 .sub-box-wrap .sub-box h1 {color: #3b2818; font-size:18px; font-weight:400; padding-bottom:10px;}
.business-wrap .box2 .sub-box-wrap .sub-box li {font-size: 14px; font-weight: 400; line-height: 16px; color: #f1f1f1;}



.business-wrap .on {width:100%;}
.business-wrap .on .sub-box-wrap {opacity:1; transition: 0.6s ease 0.6s;}
.business-wrap .box1.on  {background:url(../img/sw-people.png) 10% 50%  no-repeat, url(../img/sw-bg.png) 0% 50% no-repeat #213b77;}
.business-wrap .box2.on  {background:url(../img/ew-people.png) 90% 50%  no-repeat, url(../img/ew-bg.png) 100% 50% no-repeat #ff8726;}
.business-wrap .on .tit-box .tit {font-size:42px;}


 .business-wrap.pc {display:block;}
 .business-wrap.m {display:none;}


@media (max-width:1260px) {
 .business-wrap .on {width:100%;}																																
 .business-wrap .business-box {width:100%;}
 .business-wrap .sub-box-wrap {}
 .business-wrap .box1  {margin-right:0%; background:url(../img/sw-people.png) 10% 50%  no-repeat, url(../img/sw-bg.png) 0% 50% no-repeat #213b77;}
 .business-wrap .box2  {background:url(../img/ew-people.png) 90% 50%  no-repeat, url(../img/ew-bg.png) 100% 50% no-repeat #ff8726;}
}

@media (max-width:1024px) {
 .business-wrap .box2  {background:url(../img/ew-people.png) 110% 50%  no-repeat, url(../img/ew-bg.png) 100% 50% no-repeat #ff8726;}
 .business-wrap .box2.on  {background:url(../img/ew-people.png) 110% 50%  no-repeat, url(../img/ew-bg.png) 100% 50% no-repeat #ff8726;}
}

@media (max-width:950px) {
 .business-wrap .sub-box-wrap {display:none;}
 .business-wrap .business-box {height:200px;}
}

@media (max-width:768px) {
 .business-wrap .box1 .tit-box {right:20px;}
 .business-wrap.pc {display:none;}
 .business-wrap.m {display:block;}
 .business-wrap .business-box {width:100%; height:200px; margin-right: 10px !important;}

}
/* 사업 E */



/* 보드 S */

.board-wrap {width: 100%; max-width: 1240px; padding:0 20px;  margin: 0 auto;  height: 216px;} 
.board-wrap:after {content:''; display:table; clear:both;}
.board-wrap .board-menu-box { width: 100%; max-width:180px; height: 100%;  position: relative; margin-right:40px; float:left;}
.board-wrap .board-menu-box .board-menu {/*margin-bottom:20px;*/ background:#efefef; width:100%; transition:0.8s cubic-bezier(0.25, 0.1, 0, 1.01);} 
.board-wrap .board-menu-box .board-menu .tit {font-size:18px;  padding: 12px 16px; display: table-cell; vertical-align: middle; cursor: pointer;} 
.board-wrap .board-menu-box .more-btn {display:none; position: absolute;  bottom: 0;  padding-left:16px; margin-bottom:16px;}
.board-wrap .board-menu-box .btn {display:block;}
.board-wrap .on { width: 100% !important; max-width: 180px; height: 44px; display: table; position:relative;} 
.board-wrap .on:after {content:''; position:absolute; top:50%; transform: translateY(-50%); right:0; width:24px; height:2px; background:#fff; }
.board-wrap .on .tit {font-size:18px !important; color:#fff; background:#292b48; padding: 12px 16px;}

.board-wrap .board-cont-box {float:left; width: 100%; max-width:980px; height: 100%; display: none;    
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein 1s;}

	@keyframes fadein {    from { opacity: 0; margin-top:20px; }    to   { opacity: 1; margin-top:0;}
}

@-moz-keyframes fadein {    from { opacity: 0; margin-top:20px;  }    to   { opacity: 1; margin-top:0; }
}

@-webkit-keyframes fadein {    from { opacity: 0; margin-top:20px; }    to   { opacity: 1;  margin-top:0;}
}

@-ms-keyframes fadein {    from { opacity: 0; margin-top:20px;  }    to   { opacity: 1;  margin-top:0;}
}

@-o-keyframes fadein {    from { opacity: 0; margin-top:20px;  }    to   { opacity: 1;  margin-top:0;}
}


.board-wrap .board-cont-box:after {content:''; display:table; clear:both;}
.board-wrap .board-cont-box .board-cont {width:100%; max-width:216px; height:100%; padding:20px; float:left; margin-right:38px; background:#f6f6f6; transition:0.2s; position: relative;}
.board-wrap .board-cont-box .board-cont:nth-last-child(1) {margin-right:0;}
.board-wrap .board-cont-box .board-cont .tit {font-size: 18px; font-weight: 700; margin-bottom: 20px; line-height:22px;}
.board-wrap .board-cont-box .board-cont .sub { margin-bottom: 36px;  color: #525252;  font-size: 14px; line-height:20px;}
.board-wrap .board-cont-box .board-cont .date {font-weight: 700; letter-spacing: -1px; position:absolute; bottom:20px;}
.board-wrap .show {display:block;}

.board-wrap .board-cont-box .board-cont:hover {background:#292b48; box-shadow: 12px 14px 20px 4px #d0d0d0;}
.board-wrap .board-cont-box .board-cont:hover .tit {color:#fff;}
.board-wrap .board-cont-box .board-cont:hover .sub { color:#c3c3c9;}
.board-wrap .board-cont-box .board-cont:hover .date {color:#c3c3c9;}




@media (max-width:1260px) { 
 .board-wrap .board-menu-box {width:15%; margin-right:3.33%;}
 .board-wrap .board-cont-box {width:81.66%;}
 .board-wrap .board-cont-box .board-cont {max-width:none; width: 100%; height: auto;  padding: 0; border-bottom: 1px solid #dedede; background: #fff;}
 .board-wrap .board-cont-box .board-cont .sub {display:none;}
 .board-wrap .board-cont-box .board-cont .tit {height: auto; margin-right: 0; padding:6px; float: left; margin:10px; 0}
 .board-wrap .board-cont-box .board-cont .date {float:right; margin: 18px 10px; position:unset; bottom:0px;}

}

@media (max-width:1024px) { 


}

@media (max-width:768px) { 
 .board-wrap .board-cont-box {width:100%;}
 .board-wrap {height:auto;}
 .board-wrap .board-menu-box {max-width:100%; width: 100%;}
 .board-wrap .board-menu-box .board-menu {float:left;  width: 100% !important; max-width: 180px;}
 .board-wrap .board-menu-box .more-btn {top: 12px; right: 0;}
 .board-wrap .board-cont-box .board-cont .tit {float:none; }
 .board-wrap .board-cont-box .board-cont .sub {display:none;}
 .board-wrap .board-cont-box .board-cont .date {margin:12px 16px 30px; float:none; color: #999;}

}

/* 보드 E */


/* 갤러리 S*/

.gallery-wrap {width:100%; height:300px; background:#f2f2f2; margin:120px 0;}
.gallery-wrap.pc {display:block;}
.gallery-wrap.m {display:none;}
.gallery-wrap .gallery-box {width:100%; max-width:1200px; margin: 0 auto; padding: 0 20px;}
.gallery-wrap .gallery-box .gallery {width:500px; position: relative; top: -60px;} 
.gallery-wrap .gallery-box .gallery .pic {width: 500px; height: 360px; position:relative;}
.gallery-wrap .gallery-box .gallery .pic:after {position:absolute; content:''; top:-20px; left:-20px; width:540px; height:380px; background:#006ebb; z-index:-1;}
.gallery-wrap .gallery-box .gallery .pic img {width:100%; height:100%;}
.gallery-wrap .gallery-box .gallery .tit {position:absolute;  bottom: -36px; display:table; width:auto; padding: 14px 40px; height:72px;  left: 50%; transform: translateX(-50%); border-radius:60px; background: linear-gradient(to left,#ff887f, #ff953f);}
.gallery-wrap .gallery-box .gallery .tit span {display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 18px; font-weight: 700; letter-spacing: -1px;}
.gallery-wrap .gallery-box .gallery .more-btn {position: absolute; margin-top: 50px;  left: 50%;  transform: translateX(-50%);}
.gallery-wrap .gallery-box .gallery .more-btn span {font-size:18px;}
.gallery-wrap .gallery-box .gallery .more-btn img {padding-left:4px;}


@media (max-width:1260px) { 
 .gallery-wrap {width:100%; height:300px; background:#f2f2f2; margin:120px 0;}

}

@media (max-width:1024px) { 
  .gallery-wrap {width:100%; height:300px;  margin:30px 0; background:none;}
  .gallery-wrap.pc {display:none;}
  .gallery-wrap.m {display:block; float: left;}
  .gallery-wrap .gallery-box .gallery {width:100%; position: relative; top:0px;} 
  .gallery-wrap .gallery-box .gallery:after {content:''; display:table; clear:both;}
  .gallery-wrap .gallery-box {padding:0;}
  .gallery-wrap .gallery-box .gallery .pic {width:50%; float:left;}
  .gallery-wrap .gallery-box .gallery .pic img {width:100%;}
  .gallery-wrap .gallery-box .gallery .pic:after {display:none;}
  .gallery-wrap .gallery-box .gallery .tit-box {width: 50%; float: left;  height: 100%;  display: table; margin-top:80px; transform: translateY(50%);}
  .gallery-wrap .gallery-box .gallery .tit {position: relative; bottom:0; display: table; height: 72px; padding: 14px 40px;  left: 50%;  transform: translateX(-50%);  border-radius: 60px;  background: linear-gradient(to left,#ff887f, #ff953f);}
  .gallery-wrap .gallery-box .gallery .more-btn {position: relative;  display: table;  margin-top: 30px;   left: 50%;  transform: translateX(-50%);}
}

@media (max-width:768px) { 
  .gallery-wrap.m {height:auto; margin-bottom: 0;}
  .gallery-wrap .gallery-box .gallery .pic {width:100%;}
  .gallery-wrap .gallery-box .gallery .pic img {width:100%;}
  .gallery-wrap .gallery-box .gallery .tit-box {width: 100%; height: 100%;  display: table;  transform: translateY(50%);  position: relative; top: -100px; margin-top:0;}



}


/* 갤러리 E*/


/* 3dab S */

.dab-wrap {width: 100%; max-width: 1240px; padding:0 20px; margin: 0 auto;  position: relative;}
.dab-wrap:after {content:''; display:table; clear:both;} 

.guide-wrap { width:60.82%; margin-right:2.5%;   float:left;}
.guide-wrap:after {content:''; display:table; clear:both;}
.guide-wrap .introduction-box {position:relative; width:47.95%; height:325px; padding:40px; margin-right:4.1%; float:left; background:url(../img/fl-bg.png) 100% 100% no-repeat #eff6ff;}
.guide-wrap .introduction-box .tit {font-size:24px; color:#3d4181; font-weight:700; margin-bottom:8px;}
.guide-wrap .introduction-box .e-tit {font-size:14px; color:#525252;}
.guide-wrap .introduction-box .list-box {position:absolute; bottom:30px;}
.guide-wrap .introduction-box .list-box li {position:relative; padding-left:14px; color:#525252; line-height: 24px; transform: skew(-0.03deg);}
.guide-wrap .introduction-box .list-box li:before {content:''; top:8px; left:0; width: 8px; height: 8px;position:absolute; background:url(../img/fl-bullet.png)}
.guide-wrap .introduction-box .list-box li a:hover {color:#111; font-weight:400;}
.guide-wrap .rule-wrap {width:47.95%; height:325px;  float:left; }
.guide-wrap .rule-wrap .tit-box { display: table-cell; vertical-align: middle;}
.guide-wrap .rule-wrap .tit {font-size:24px; color:#3d4181; font-weight:700; margin-bottom:8px; padding-left: 24px;}
.guide-wrap .rule-wrap .e-tit {font-size:14px; color:#525252; padding-left: 24px;}
.guide-wrap .rule-wrap .btn {display: table-cell; vertical-align: middle; padding-right: 8px;}
.guide-wrap .rule-wrap .rule1 { width:100%; height: 150px; margin-bottom:24px; border: 1px solid #dbdbdb; display:table;}
.guide-wrap .rule-wrap .rule2 {width:100%; height: 150px; border: 1px solid #dbdbdb; display:table;}



.banner-wrap {width:36.66%;   float:left;  position: absolute; right: 0;  bottom: -58px; padding-right:20px;}
.banner-wrap .banner-box {width:100%; height:540px;}

.two_button_wrap{width: 100%; padding:20px 20px; margin: 0 auto;  position: relative; display: flex; justify-content: center;
    margin-top: 100px; background:#f5f5f5;}
.two_button_wrap .one_button{position:relative; width:200px; height:50px; background:#555; border-radius:100px; display: flex; justify-content: center; align-items: center;}
.two_button_wrap .two_button{position:relative; width:200px; height:50px; background:#555; border-radius:100px; margin-left:20px; display: flex; justify-content: center; align-items: center;}
.two_button_wrap .one_button:hover{background:linear-gradient(to left,#385ab8, #273d76); box-shadow: 1px 3px 10px 0px #0449ff66;}
.two_button_wrap .two_button:hover{background:linear-gradient(to left,#f7a14e, #f68632); box-shadow: 1px 3px 10px 0px #ff761487;}
.two_button_wrap .one_button:hover:after{content:""; display:block; width:10px; height:10px; border-radius:5px; background:#fff; position:absolute; right:16px;}
.two_button_wrap .two_button:hover:after{content:""; display:block; width:10px; height:10px; border-radius:5px; background:#fff; position:absolute; right:16px;}
.two_button_wrap .one_button a{color:#fff; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-family: 'Nanum Gothic', sans-serif; font-weight:600;}
.two_button_wrap .two_button a{color:#fff; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-family: 'Nanum Gothic', sans-serif; font-weight:600;}


@media (max-width:1260px) { 


}

@media (max-width:1024px) { 
 .dab-wrap {margin: 60px auto 0;}
 .guide-wrap {width:100%; margin-right:0;}
 .banner-wrap {width:100%; margin-top:60px; right:0; top:0; padding:0;position:relative;}
 .two_button_wrap .one_button{width:50%;}
 .two_button_wrap .two_button{width:50%;}

}

@media (max-width:768px) { 
.guide-wrap .introduction-box {width:100%; margin-bottom:30px;}
.guide-wrap .rule-wrap {width:100%;}

.two_button_wrap{margin-top: 30px;}

.banner-wrap {margin-top:30px;}

}
/* 소개 E */




  .swiper-wrapper {}
  .swiper-wrapper:after {content:''; display:table; clear:both;}

    .swiper-slide {
      font-size: 18px;
      background: #fff;
      width: 100%;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }