@charset "utf-8";

.mainWrap{ position: relative; width: 100%; }
.topImgWrap{ overflow: hidden; width: 100%; height: 450px; position: relative;}
.topImgBox{ background: url(/mobile/images/main/bg_main.jpg) center top no-repeat;
  -webkit-animation: zoomin 2s ease;
  animation: zoomin 2s ease;
  animation: zoomin 2s ease;
  animation-fill-mode: forwards;
	background-size: cover;
	width:100%;
	height:450px;
}
.mTopTextBox{ position: absolute; top:150px; left: 8%; text-align: left;
	-webkit-animation: fadeDown 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
	        animation: fadeDown 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;	
}
.mTopTextBox h1{ color: #fff; font-weight: 100;}
.mTopTextBox h3{ padding-top:0px; color: #fff;  font-weight: 100;}
.mTopTextBox h3 a{ color: #fff; font-weight: 500;}
@-webkit-keyframes zoomin {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
}
@-webkit-keyframes fadeDown {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
	  opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
	  opacity: 1;
  }
}
@keyframes fadeDown {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
	  opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
	  opacity: 1;
  }
}
.fadeDown{
	-webkit-animation: fadeDown 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: fadeDown 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;	
}

.mainBtnWrap{ border-radius: 10px; background-color: #fff; box-shadow: 10px 0 20px rgba(189,189,189, 0.4);width: 90%; z-index: 1; position: absolute; bottom:-70px; left:50%; transform: translateX(-50%)}
.mainBtnWrap ul{display:inline-block; overflow: hidden; width: 100%; margin: 0 auto; font-size: 0; text-align: center;}
.mainBtnWrap li{ display: inline-block; width: 33.33%; text-align: center; padding:20px 0; font-size: 14px;}
.mainBtnWrap li a{ display: block;}
.mainBtnWrap ul:first-child li{ border-bottom: 1px dashed #ddd;}
.mainBtnWrap ul:first-child li:first-child{ border-bottom: 0;}
.mainBtnWrap ul:first-child li:first-child::after{ border-left: 0;}
.mainBtnWrap ul li:last-child::after{ border-left: 0;}
.mainBtnWrap ul li.on{ background-color: #794390; color: #fff; box-shadow:inset 0px 0px 20px rgba(0, 0, 0, .5); border-radius: 10px 0 10px 0;}
.mainBtnWrap ul li p img{ width: 40%; padding-bottom: 10px; max-width: 35px;}
.mainBtnWrap ul li::after{ content: ''; width: 1px; float: right; border-left:1px solid #c9c9c9; height: 30px; margin-top: -35px; }

.mainBg{ background-color: #f2f6f8; width: 100%; height: 100%; padding-top: 90px;}
.mainSlide{ width: 90%; margin: 0 auto;}

/** 갤러리
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  min-width: 285px;
  width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -70px;
  width: 100%;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 5px;
  outline: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-prev {
  left:10px;
  background:url(/mobile/images/main/main_arw_l.png) no-repeat;
}
.bx-wrapper .bx-next {
  right:10px;
  background:url(/mobile/images/main/main_arw_r.png) no-repeat;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  outline: 0;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  z-index: 5;
  margin-top: -11px;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

.mainBoard{ padding-top: 40px; width: 90%; margin: 0 auto;}
.mainBoardTab{ width: 64%; font-size: 0; margin:  auto;}
.mainBoardTab ul{ width: 100%; background-color:#12a04a; border-radius: 20px; border:1px solid #ddd; }
.mainBoardTab ul li{ width: 33.333%; display: inline-block; font-size: 14px; text-align: center; color: #fff; line-height: 25px;}
.mainBoardTab ul li::after{ content: '';  width: 1px; float: right; border-left:1px solid rgba(255,255,255,0.5); height: 10px; margin-top: 8px;}
.mainBoardTab ul li:last-child::after{ border: 0;}
.mainBoardTab ul li.on{ background-color: #fff; color: #444;}
.mainBoardTab ul li::after.on{border: 0;}
.mainBoardTab ul li.on:first-child{ border-radius: 20px 0 0 20px;}
.mainBoardTab ul li.on:last-child{ border-radius: 0 20px 20px 0;}

.mainBoardList{width: 100%; clear: both; padding: 10px 0 30px;}
.mainBoardList dl{width: 100%; font-size: 0; display: flex; line-height: 19px;}
.mainBoardList dl dt{width: 75%; font-size: 14px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mainBoardList dl dt span{ display:inline-block; background-color: #7d489a; color: #fff; font-size:10px; border-radius: 10px; padding: 0px 10px; margin-top: 3px;}
.mainBoardList dl dd{width: 25%; font-size: 14px; display: inline-block; text-align: right; padding:3px 0;}



#daumRoughmapContainer1617003783992{ width:100%;}