@charset "utf-8";
/* CSS Document */
.center{ text-align: center;}

/*main*/
#main_wrap{ width: 100%; position: relative; min-height: 100%; padding-bottom:113px;}
.SliderWrap{ width: 100%;margin: 0 auto; position: relative; overflow: hidden; }

.mContainer{ background-color: none; width: 100%; min-height: 100%; margin:0;}

.mainLinkWrap{width:100%; background-color: #fff;}
.mainLinkWrap > a{display:block;}
.mainLinkWrap .mainLink{width:100%;padding:35px 0;}
.mainLinkWrap .mainLink > li{color:#3d3d3d;text-align:center;}
.mainLinkWrap .mainLink > li.bigTxt{font-size:1.5em;margin-top:20px;}
.mainLinkWrap .mainLink > li.mini{font-size:1.125em;margin-bottom:25px;}
.mainLinkWrap .mainLink > li a.btn{font-size:1em;width:130px;height:40px;line-height:40px;background:#54598a;color:#fff;border-radius:15px;margin:0 auto; display: block;}

.mainLinkWrap .mainBoardLink{overflow:hidden;width:100%;}
.mainLinkWrap .mainBoardLink > li{float:left;width:50%;border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom: 1px solid #ddd;}
.mainLinkWrap .mainBoardLink > li:last-child{border-right:0;}
.mainLinkWrap .mainBoardLink > li a{display:block;width:100%;font-size:1em;color:#444;text-align:center; padding: 1em 0; }
.mainLinkWrap .mainBoardLink > li a span{display:block; margin: auto; width: 35px; height: 35px; padding-bottom: 15px;}
.mainLinkWrap .mainBoardLink > li a span img{ width: 100%;}

/** 갤러리
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  min-width: 320px;
  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:10px;
  width: 100%;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff;
  text-indent: -9999px;
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  outline: 0;
  border-radius: 50%;
}
.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: #e5cd21;
	width: 12px;
    height: 12px;
    margin-bottom: -1px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active{
	width: 24px;
	border-radius: 8px;
}
.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:5px;
  background:url(../images/g_arw_l.png) no-repeat;
}
.bx-wrapper .bx-next {
  right:5px;  
  background:url(../images/g_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: 70;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/*menu*/
nav {
  background-color: rgba(255, 255, 255, 1);
  position: fixed;
  top: 0;
  bottom:0;
  left: 0;
  right:0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	z-index: 10;
	padding-top: 60px;
}
nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
  left: 50%;
  /*top: 170px;*/
/*  top: 120px;*/
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
nav ul li {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0;
}
nav ul li a {
  display: block;
  font-size: 1.25em;
  text-decoration: none;
  text-align: left;
  color: #464646;
	padding:0.5em 20px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
nav ul li a span{ float: right;}
nav h2{text-align: center; position: relative; padding:0.64em 0;}
nav h2 img{ width: 75px;}

.toggle-btn {
  display: block;
  position: fixed;
  z-index: 100;
  right: 10px;
  top: 13px;
  cursor: pointer;
}
.toggle-btn .bar {  
  width:35px;
  height:35px;
  margin: 5px auto;
  background:url('/mobile/images/menu_w.svg')no-repeat center;
  background-size: 35px 35px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#toggle:checked ~ nav {
  opacity: 1;
  visibility: visible;
	z-index: 90;
}
#toggle:checked ~ nav ul {
	/*top: 50%;
	margin-top:-150px;*/
	width: 100%;
}
#toggle:checked ~ nav ul li {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
	border-bottom: 1px solid #ddd;
}
#toggle:checked + label.toggle-btn .bar {
  background:url('/mobile/images/menu_x.svg')no-repeat center;
	margin: 0;
}
#toggle:checked + label.toggle-btn .bar:nth-child(2) {
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  opacity: 0;
}
#toggle:checked + label.toggle-btn .bar:nth-child(1) {
  -webkit-transform: translateY(7px) rotate(45deg);
          transform: translateY(7px) rotate(45deg);
}
#toggle:checked + label.toggle-btn .bar:nth-child(3) {
  -webkit-transform: translateY(-11px) rotate(-45deg);
          transform: translateY(-11px) rotate(-45deg);
}


.mbtnWrap{ width: 100%; text-align: center;}
.mbtnWrap a{ width: 40%; margin: 0.725em 1%; display: inline-block; padding:10px 0; color: #fff; font-size: 1em; background-color: #698aa2; border-radius: 20px;}
.mbtnWrap a.green{ background-color:#919191;}
.smallMbox{font-size: 0.75em; margin-top:-0.5em;}
.smallMbox a{ padding:0 1.5em 0.5em; color: #615954;}
.smallMbox a::before{ content: '·'; padding-right: 10px;}


.mainText{ width: 100%; text-align: center; position: absolute; top:50%; left:0; margin-top: calc(2vh - 5em);}
.mainText h1 img{ height: 20vh; padding-bottom: 10px;}
.mainText h4{ font-size: 0.75em; color: #fff;}

.mHeader.bg_black{ background-color: rgba(0,0,0,0.5);}

.mainTabBox{ width: 100%; padding: 30px 10px; background-color: #f3f3f3;}
.mainTabBox .mImg{ width: 100%;}
.mainTabBox .mImg img{ width: 100%; display: block; padding-bottom:15px; }
.mainTabBox .mImg a{ width: 35%; background-color: #f16b6b; color: #fff; text-align: center; display: block; margin: 0 auto 10px; border-radius: 20px; padding:3px 0; font-size: 0.785em;}
.mainTab3{ width: 100%; text-align: center; font-size: 0;}
.mainTab3 li{ font-size: 16px; color: #8e8e8e; display: inline-block; padding: 10px;}
.mainTab3 li.on{color: #2d2d2d;}
.mainTab3 li.on::after{ content: ''; border-bottom: 1px solid #2d2d2d; width: 100%; display: block; padding-top: 5px;}

#mImg2, #mImg3{ display: none;}

.noticeList{ clear: both; padding: 30px 0 20px; margin: 0 auto; width: 96%;}
.noticeList h1{ text-align: left; font-weight: 700; font-size: 1.5em; padding-bottom: 0.75em; border-bottom: 1px solid #ddd;}

.listBox{ width: 100%; overflow: hidden; padding:8px 0;  position: relative; border-bottom: 1px solid #ddd; }
.listBox ul{ width:65%; float: left;}
.listBox ul li{ font-size:0.875em; padding: 2px 0; word-break: keep-all; color: #1b242b;}
.listBox ul h4{ font-size:0.75em;color: #1b242b; position: absolute; bottom:5px; left: 0; }
.listBox p{ width:35%; float: left; }
.listBox p img{ width: 100%; border:1px solid #ddd;}

.plusList{ clear: both; text-align: center; width: 100%; border-radius: 20px; padding:8px 0; font-size: 0.825em; border:1px solid #ddd; display: block; margin: 15px 0;}


.main_popup{width:100%;}
.main_popup a{ color:#fff; display: inline-block;}
.main_popup a > img{width:100%;}
.pull-right{float:right;}
.popup_bottom{
	overflow:hidden;
    background-color: #6d6d6d;
    color: #fff;
	font-size:14px;
    padding: 6px 10px;
	margin-top:-5px;
}