@charset "utf-8";

/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Ubuntu);*/

@media screen and (max-width: 1080px) {
  #win_pc {
    display: none;
  }
}
@media screen and (min-width: 1081px) {
  #win_mobile {
    display: none;
  }
}

* {margin: 0;padding: 0;box-sizing: border-box;}
ul, li {list-style: none;}

.slider {position: relative;max-width: 1340px;margin:0 auto 0;padding: 0;}
.slider .inner {overflow: hidden;margin-right: -1%;}
.slider .latest_content {display:flex;flex-wrap:wrap;}
.slider .list {width: 48.66%; margin: 1% 1% 1% 0.333%;background: #fff;font-size: 20px;text-align: center;}
.slider .swiper-prev, .slider .swiper-next {position: absolute;top: 50%;width: 45px;height: 45px;background:url('<?php echo G5_CSS_URL ?>/releases/arrow2.png') center center no-repeat;background-size: cover;text-indent: -999em;cursor: pointer;font-size: 0;}
.slider .swiper-prev {z-index:10;left:1px;transform: rotateY(180deg) translate(0,-50%);}
.slider .swiper-next {z-index:10;right:1px;transform: translate(0,-50%);}

.img_in {width:100%; height:auto}

.box9 {
  position: relative;
  font-family: 'Noto Sans KR', sans-serif;
}

.box9 .info9 {
  color: #fff;
  position: absolute; left: 0; bottom: 0;
  background: rgba(0,0,0,0.5);
  width: 100%;
  height: 46%;
  padding: 15px;
  box-sizing: border-box;
  /*opacity: 0; 모바일에선 보이게 하기 위해*/
  opacity: 1;
  transition: opacity 0.35s ease-in-out;
  display: flex;
  align-items: center;
}
.box9:hover .info9 {
  opacity: 1;
}
/*.box9 .info9 h3 {
  color: #fff;
  font-size:1em;
  padding-bottom: 0.4em;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
}*/
.box9 .info9 p {
  width: 100%;
  color: #fff;
  font-size:0.65em;
  line-height:1.45em;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
.b31 {
  color: #9EFF8B;
  font-size:1.05em;
}

p span { display: block; } /*줄바꿈 <br>대신 사용..*/

.page{text-align:center;margin-top:10px;font-size:1.95em !important;line-height:1em !important}
.page a,.page span{display:-moz-inline-block;display:-moz-inline-box;display:inline-block;position:relative;margin-left:-5px;padding:3px;vertical-align:top}
.page a:hover{text-decoration:none}
.page a{overflow:hidden;z-index:1;height:14px}
.page .pre{padding-right:0}
.page .next{padding-left:0}
.page .num,.page .num span{margin-left:0;padding:0}
.page .num{margin-top:4px;margin-right:5px;*margin-right:0;font-size:.9em;font-family:tahoma,sans-serif;color:#3C3C3C;letter-spacing:-1px}
.page .num span{font-weight:bold}
.page .num em{font-weight:bold;color:#008080}