/* header */
header > div{
  position:relative;
  width:1170px;
  margin:38px auto 16px auto;
}
header > div > h1{
  float:left;
}
header > div > h1 > a{
  display:block;
  width:264px;
  height:43px;
  background:url(../img/logo.png) no-repeat;
}
header > div > .home-menu{
  float:right;
}
header > div > .home-menu > .serach-inner{
  float:left;
  position:relative;
  margin-right:38px;
  border-bottom:2px solid #ff6353;
  z-index:9;
}
header > div > .home-menu > .serach-inner input{
  width:273px;
  height:40px;
  line-height:40px;
  font-size:12px;
  font-family:'dotum';
  padding-left:10px;
  border:0;
}
header > div > .home-menu > .serach-inner input::-ms-clear {
    display: none;
}
header > div > .home-menu > .user-inner button,
header > div > .home-menu > .serach-inner button{
  width:23px;
  height:23px;
  background-image:url(../img/str_main.png);
  background-position:-118px 0;
  cursor:pointer;
}
header > div > .home-menu > .serach-inner button{
  position:absolute;
  right:0;
  top:50%;
  margin-top:-11.5px;
}
header > div > .home-menu > div.active{
  display:block;
}
header > div > .home-menu > .user-inner{
  float:right;
  padding-right:15px;
}
header > div > .home-menu > .user-inner button{
  display:none;
}
header > div > .home-menu > .user-inner > a{
  display:inline-block;
  min-height:41px;
  font-size:9px;
  color:#818386;
  text-align:center;
  text-transform:uppercase;
  margin:0 4px;
}
header > div > .home-menu > .user-inner > a:before{
  content:'';
  display:block;
  width:24px;
  height:23px;
  background-image:url(../img/str_main.png);
  margin:0 auto 8px auto;
}
header > div > .home-menu > .user-inner > a.tour:before{  
  background-position:-165px 0;
}
header > div > .home-menu > .user-inner > a.login:before{
  background-position:-213px 0;
}
header > div > .home-menu > .user-inner > a.sign:before{
  background-position:-252px 0;
}
header > div > .home-menu > .user-inner > a.logout:before{
  background-position:-293px 0;
}
header > div > .home-menu > .user-inner > a.mypage:before{
  background-position:-333px 0;
}

header > div > .home-menu > .user-inner > a.login:before,
header > div > .home-menu > .user-inner > a.logout:before{
  width:20px;
}
header > div > .home-menu > .user-inner button,
header > div > .home-menu > .user-inner > a:before{
  transition:all 0.2s ease;
  -moz-transition:all 0.2s ease;
  -o-transition:all 0.2s ease;
  -webkit-transition:all 0.2s ease;
}
header > div > .home-menu > .user-inner button:focus{
  background-position:-118px -23px;  
}
header > div > .home-menu > .user-inner > a.tour:hover:before{
  background-position:-165px -23px;
}
header > div > .home-menu > .user-inner > a.login:hover:before{
  background-position:-213px -23px;
}
header > div > .home-menu > .user-inner > a.sign:hover:before{
  background-position:-252px -23px;
}
header > div > .home-menu > .user-inner > a.logout:hover:before{
  background-position:-293px -23px;
}
header > div > .home-menu > .user-inner > a.logout:hover:before{
  background-position:-293px -23px;
}
header > div > .home-menu > .user-inner > a.mypage:hover:before{
  background-position:-333px -23px;
}
header > nav{
  position:relative;
  clear:both;
  width:100%;
  height:50px;
  background-color:#313131;
  z-index:3;
  -webkit-box-shadow:0px 3px 10px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow:0px 3px 10px 0px rgba(50, 50, 50, 0.5);
  box-shadow:0px 3px 10px 0px rgba(50, 50, 50, 0.5);
}
header > nav > div > ul{
  width:1170px;
  margin:0 auto;
}
header > nav > div > ul > li{
  float:left;
  width:14.285714285%;
}
header > nav > div > ul > li > a{
  display:block;
  text-align:center;
  position:relative;
}

header > nav > div > ul > li > a:before{
  content:'';
  display:block;
  width:1px;
  height:13px;
  background:#fff;
  position:absolute;
  left:0;
  top:50%;
  margin-top:-7.5px;
}
header > nav > div > ul > li:first-child > a:before{
  display:none;
}
header > nav > div > ul > li > a > span{
  display:inline-block;
  font-size:15px;
  font-weight:600;
  color:#fff;
  height:50px;
  line-height:50px;
  position:relative;
}
header > nav > div > ul > li > a.active > span,
header > nav > div > ul > li > a:hover > span{
  color:#ff6252;
}
header > nav > div > ul > li > a.active > span:before,
header > nav > div > ul > li > a:hover > span:before{
  content:'';
  display:inline-block;
  width:28px;
  height:27px;
  position:absolute;
  right:-30px;
  top:7px;
  background:url(../img/gnb_icon.png) no-repeat;
}
header > nav > div > ul > li > a.active > span:after,
header > nav > div > ul > li > a:hover > span:after{
  content:'';
  display:inline-block;
  width:100%;
  height:3px;
  position:absolute;
  bottom:0;
  left:0;
  background:#ff6252;
}
/* radio */
.radio{
  position:absolute;
  left:310px;
  bottom:-5px;
}
#radio_ad_ctr{
  display:none;
}
/* footer */
.sitemap{
	background:#494a4d;
	padding:10px 0;
	line-height:1;
}
.sitemap > ul,
footer address,
#sub-content{
  width:1170px;
  margin:0 auto 0 auto;
}
.sitemap > ul > li{
	display:inline-block;
}
.sitemap > ul > li > a{
	font-size:12px;
	color:#b9b9b9;
}
.sitemap > ul > li > a:before{
	margin:0 10px 0 6px;
	content:'|';
	display:inline-block;
	vertical-align:middle;
	font-size:10px;
	color:#979797;
}
.sitemap > ul > li:first-child > a:before{
  display:none;
}
footer{
	background:#3a3b3e;
}
footer > address{
  padding:18px 0;
}
footer > address,
footer > address > a{
	font-size:12px;
	color:#979797;
	line-height:160%;
}
footer > address button{
	border:1px solid #5a5b5d;
	font-size:12px;
	color:#979797;
	background:#3a3b3e;
	padding:3px 6px;
	margin-left:8px;
}
footer > address > span{
	display:inline-block;
	font-size:10px;
	color:#b3b4b5;
	margin:0 5px;
}


/* txt skip */
header > div > h1 > a,
header > div > .home-menu > .serach-inner button,
header > div > .home-menu > .user-inner button{
	font-size:0;
	text-indent:-9999px;
}

/* borderbox */
footer address,
header > div > .home-menu > .serach-inner input{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
/* more */
.more,
.more_plus_mobile{
	display:block;
	font-size:18px;
	font-weight:600;
	color:#4f4f4f;
	height:53px;
	line-height:53px;
	background:#f4f4f4;
	border:1px solid #d2d2d2;
	text-align:center;
  margin-bottom:24px;
}
.more:after{
	content:'';
	display:inline-block;
	width:26px;
	height:15px;
	vertical-align:middle;
  background-image:url(/public/img/list.png);
  background-position:-32px -41px;
	margin-left:8px;
}
.nomore:after{
	display:none;
}
.more_plus{
  display:inline-block;
  font-size:13px;
  font-weight:600;
  color:#0f0f0f;
  position:absolute;
  top:50%;
  right:0;
  margin-top:-7.5px;
}
.more_plus:hover{
  text-decoration:underline;
}
.more_plus > span{
  color:#ff6252;
}
.more_plus_mobile{
  display:none;
}
.more_plus_mobile:after{
	content:'';
	display:inline-block;
	width:10px;
	height:18px;
	vertical-align:middle;
  background-image:url(/public/img/like/arrow.png);
  background-position:-12px 0;
	margin-left:8px;
}
/* list */
.list-wrap{
  margin:0 0 10px -10px;
}
.list-wrap > a{
  display:block;
  width:calc(25% - 10px);
  margin:0 0 10px 10px;
  float:left;
  border:1px solid #d2d2d2;
}
.list-wrap > a > figure > figcaption{
  padding:14px 12px 12px 12px;
}
.list-wrap > a > figure > figcaption > h3{
  font-size:15px;
  font-weight:600;
  color:#0b0b0b;
  margin-bottom:3px;
}
.list-wrap > a > figure > figcaption > p{
  font-size:13px;
  color:#666666;
}
.list-wrap > a > figure > figcaption > p > span:before {
  content:'';
  display:inline-block;
  margin-left:3px;
  width:1px;
  height:12px;
  margin-bottom: -2px;
  background: #FF6455;
}

.list-wrap > a > figure > figcaption > span{
  display:block;
  padding-top:7px;
  margin-top:7px;
  font-size:13px;
  font-weight:600;
  color:#00a599;
  border-top:1px solid #d2d2d2;
  width:100%;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;
}
.span-reset > a > figure > figcaption > span{
  font-size:12px;
  color:#4f4f4f;
  height:38px;
  white-space:normal;
  line-height:135%;
}
.list-wrap > a:hover{
  border:1px solid #f34754;
}
.list-wrap > a:hover > figure > figcaption > h3{
  color:#f34754;
}
.pop-list-wrap > .list-wrap > a{
  border:0;
}
.list-wrap > a img{
  width:100%;
  display:block;
}
.detail-body .list-wrap > a{
  display:block;
  width:calc(16.666666% - 10px);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
/* 쿠폰 */
.list-wrap > a.coupon{
  position:relative;
}
.list-wrap > a.coupon:before{
  content:'';
  display:block;
  width:76px;
  height:52px;
  background-image:url(../img/best.png);
  position:absolute;
  right:-3px;
  top:-10px;
}
.list-wrap > a.coupon:before{
  background-position:-4px -94px;
}
/* best */
.list-wrap > a.best{
  position:relative;
  border:1px solid #ec9087;
  outline:1px solid #ec9087;
}
.list-wrap > a.best:hover{
  border:1px solid #ff6252;
  outline:1px solid #ff6252;
}
.list-wrap > a.best:after{
  content:'';
  display:block;
  width:81px;
  height:81px;
  background-image:url(../img/best.png);
  background-position:0 0;
  position:absolute;
  left:-3px;
  top:-3px;
}
/* festival */
.festival > a > figure > img{
  height:212px;
}
.festival > a > figure > figcaption > h3{
  width:100%;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;
}

/* scroll top && history back */
.history_back,
.scrolltop{
  position:fixed;
  opacity:0.8;
  z-index:999;
}
.scrolltop{
  right:1em;
  bottom:1em;
  display:none;
}
.history_back{
  left:1em;
  bottom:1em;
}
.history_back > a,
.scrolltop > a{
  display:block;
  width:50px;
  height:50px;
  line-height:66px;
  text-align:center;
  font-size:11px;
  font-weight:600;
  color:#fff;
  background:#ff6252;
  position:relative;
}
.scrolltop > a:before{
  content:'';
  display:block;
  width:12px;
  height:12px;
  margin-left:-6px;
  border-left:3px solid #fff;
  border-top:3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
   -ms-transform: rotate(45deg);
  position:absolute;
  top:12px;
  left:50%;
}
.history_back > a:before{
  content:'';
  display:block;
  width:12px;
  height:12px;
  margin:-6px 0 0 -3px;
  border-left:3px solid #fff;
  border-bottom:3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
   -ms-transform: rotate(45deg);
  position:absolute;
  top:50%;
  left:50%;
}

/* headline */
.headline-browser{
  display:none;
  position:relative;
  height:80px;
  line-height:80px;
  text-align:center;
  font-size:23px;
  font-weight:600;
  color:#fff;
  background:#193ab5;
  vertical-align:middle;
  letter-spacing:-0.07em;
}
.headline-browser:before{
  content:'';
  display:inline-block;
  width:46px;
  height:40px;
  margin:0 10px;
  vertical-align:middle;
  background:url(/public/img/warning.png) no-repeat;
}
.headline-browser > strong{
  color:#ffda00;
}
.headline-browser > a.mg-img{
  display:inline-block;
  margin-left:50px;
}
.headline-app{
  position:relative;
  height:40px;
  background:#f5f5f5;
  border-bottom:1px solid #d8d8d8;
}
.headline-app > div{
  width:1170px;
  margin:0 auto;
  line-height:40px;
}
.headline-app > div > span.uk-hidden-small{
  font-size:13px;
  font-weight:600;
  color:#565656;
}
.headline-app > div:before{
  content:'';
  display:inline-block;
  width:24px;
  height:24px;
  margin:0 5px;
  vertical-align:middle;
  background:url(/public/img/mobile.png) no-repeat;
}
.headline-app > div strong{
  color:#ff6353;
}
.headline-app > div > span{
  display:inline-block;
  font-size:12px;
  color:#cbcbcb;
  margin:0 12px;
}
.headline-app > div > span:first-child{
  margin:0;
}
.headline-app > div > a.mg-img2{
  display:inline-block;
  margin-left:30px;
}
.close-app,
.close-browser{
  position:absolute;
  right:15px;
}
/* clear */
header > div:after,
header > div > .home-menu:after,
header > nav > div > ul:after,
.list-wrap:after{
  content:"";
  display:block;
  clear:both;
}

/* login */
#login_modal .header_tit_a{
  background:#ff6252 !important
}
/* media */  
@media (max-width: 1199px) {
  .festival > a > figure > img{
    height:25vh;
  }
  header > div,
  header > nav > div > ul,
  .sitemap > ul,
  footer address,
  #sub-content{
    width:100%;
    padding:0 1em;
  }
  header > nav > div > ul > li > a.active > span:before,
  header > nav > div > ul > li > a:hover > span:before{
    display:none;
  }
  .sitemap > ul{
    padding:0 10px;
  }
  footer > address{
    padding:18px 10px 23px 10px;
  }
  .uk-slidenav-position .uk-slidenav{
    display:block;
  }
  .radio{
    display:none;
  }
}
@media (max-width: 767px) {
  header > div{
    margin:10px auto 5px auto;
  }
  header > div > h1 > a{
    width:185px;
    height:30px;
    background:url(../img/logo.png) no-repeat;
    background-size:100% 100%;
  }
  header > div > .home-menu{
    height:23px;
  }
  header > div > .home-menu > .serach-inner{
    display:none;
    width:90%;
    position:absolute;
    top:43px;
    left:5%;
    border:2px solid #f44956;
  }
  header > div > .home-menu > .serach-inner input{
    widtH:100%;
  }
  header > div > .home-menu > .serach-inner button{
    right:8px;
  }
  header > div > .home-menu > .user-inner button{
    display:inline-block;
    margin-right:3px;
    vertical-align:top;
  }
  header > div > .home-menu > .user-inner{
    padding-right:5px;
  }
  header > div > .home-menu > .user-inner > a{
    min-height:auto;
    font-size:0;
    text-indent:-9999px;
  }
  header > nav > div{
    overflow-x:scroll;
    overflow-y:hidden;
  }
  header > nav > div > ul{
    width:600px;
    padding:0 15px;
  }
  header > nav > div > ul > li{
    float:left;
    width:auto;
    padding:0 15px;
  }
  header > nav > div > ul > li > a:before{
    display:none;
  }
  .detail-body .list-wrap > a,
  .list-wrap > a{
    width:calc(100% - 10px);
  }  
  .more_plus{
    display:none;
  }
  .more_plus_mobile{
    display:block;
  }

  /* 가림막 */
  header > nav > span{
    display:block;
    width:2em;
    height:50px;
    background:#313131;
    position:absolute;
    top:0;
    z-index:999;
  }
  header > nav .arrow-right{
    right:0;
  }
  header > nav .arrow-left:before,
  header > nav .arrow-right:after{
    content:'';
    display:block;
    width:10px;
    height:10px;
    top:50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top:10px;
  }
  header > nav .arrow-left:before{
    margin:20px 0 0 1em;
    border-left:2px solid #fff;
    border-bottom:2px solid #fff;
  }
  header > nav .arrow-right:after{
    margin:20px 1em 0 0;
    border-right:2px solid #fff;
    border-top:2px solid #fff;
  }
  .festival > a > figure > img{
    height:auto;
  }
  /* 화살표 */
  .uk-slidenav-position .uk-slidenav{
    display:block;
    z-index:999;
  }
  .uk-slidenav-contrast {
    color: rgba(255,255,255,.7)
  }
  .uk-slidenav-position .uk-slidenav-previous{
    left:0;
  }
  .uk-slidenav-position .uk-slidenav-next{
    right:0;
  }
  .uk-slidenav{
    font-size:40px;
  }
}
@media (max-width: 370px) {
  header > div > h1 > a{
    width:155px;
  } 
}
@media (max-width: 340px) {
  header > div > .home-menu > .serach-inner{
    margin-right:3px;
  }
  header > div > .home-menu > .user-inner{
    padding-right:0px;
  }
  header > div > .home-menu > .user-inner > a{
    margin:0 2px;
  }

}