@charset "utf-8";

ul, ol{list-style:none;}
img{border:none;}
a{text-decoration:none;}

#gnb .gnb_flavor .gnb_sub {padding-top:29px;padding-right:200px; display:none;}
#gnb .gnb_flavor .hover {padding-top:29px;padding-right:200px; display:block;-webkit-transition:opacity .3s ease; transition:opacity .3s ease;}

#gnb .gnb_flavor .gnb_sub a {padding:0;}


#gnb .gnb_wrap > ul:after {display:table; clear:both; content:"";}
#gnb .gnb_wrap > ul > li {float:left; position:relative;}
#gnb .gnb_main a {display:block;}
#gnb .gnb_flavor .gnb_main a {padding-left:0;}
#gnb .gnb_about .gnb_main a {padding-right:0;}
#gnb .gnb_main span {display:block; height:76px; line-height:53px; }
#gnb .gnb_main {padding-left:75px;padding-top:20px;}
#gnb .gnb_menu .gnb_sub {margin-left:0;}
#gnb .gnb_event .gnb_sub {margin-left:0;}
#gnb .gnb_store .gnb_sub {margin-left:0;}
#gnb .gnb_about .gnb_sub {margin-left:0;}
#gnb .gnb_about .gnb_sub {text-align:right; margin-left:0; width:100%; padding-left:30px;}
#gnb .gnb_sub li {white-space:nowrap; text-align:center;}

#gnb .gnb_sub {overflow:hidden; position:absolute; top:100%; left:0; height:0;  z-index:1000; font-size:14px; font-weight:300; text-align:center; -webkit-transition:height .5s ease; transition:height .5s ease;}
#gnb .gnb_sub li {padding-bottom:12px;padding:0 13px;}
#gnb .gnb_sub .storewhere {padding-left:42px;}
#gnb .gnb_sub .storestr {padding-left:32px; text-align:center;}
#gnb .gnb_sub .storestr:first-child,#gnb .gnb_sub .storestr:last-child {padding-left:46px; text-align:center;}
#gnb .gnb_sub li:first-child {padding-top:10px;}
#gnb .gnb_sub a {display:block; padding:10px 0; color:#7b7b7b; line-height:1.2; opacity:0; text-transform:uppercase; -webkit-transition:opacity .3s linear; transition:opacity .3s linear;}
#gnb .gnb_bg {overflow:hidden; position:absolute; top:80px; left:0; height:0; z-index:999; min-width:100%; background:#242424; -webkit-transition:height .5s ease; transition:height .5s ease;}
#gnb .gnb_bg div {width:1200px; height:204px; margin:0 auto; background:url(/assets/images/common/img_happypoint_app.jpg) no-repeat 0 65px;}
#gnb:hover .gnb_sub,
#gnb:hover .gnb_bg {height:275px;}
#gnb:hover .gnb_bg {margin-top:1px;}
#gnb:hover .gnb_sub {overflow:visible;}
#gnb:hover .gnb_sub a {color:#948780; opacity:1; -webkit-transition:opacity .5s linear; transition:opacity .5s linear;}
#gnb:hover .gnb_sub a:hover {color:#a63538;}
#gnb:hover .gnb_flavor .gnb_sub {margin-left:-54px; opacity:1; -webkit-transition-delay:.3s; transition-delay:.3s;}

.topimg, .mainevent	{max-width: 100%;position: relative;  /*height:auto;*/
	height: 400px;background-size:contain;background-position:center center;height:auto; border:none; vertical-align:bottom;}


.l_p:hover {transition:1s; transform:scale(1.1); opacity:0.6;}

.mainremen {animation-duration:3s;}
.mainslide {background-color:#fff;padding:100px 0px;}


.mainslide div {padding:30px 30px 15px 30px;}
.mainslidetext span {font-weight:bold;font-size:22px; }
.mainslidetext strong {font-size:22px;color:#a73539;}
.mainslidetext em {font-style:normal; text-indent:10px;}
.mainslidetext i {font-style:normal;font-weight:bold; color:#000;}



.mainslidetext {background:#fff;height:400px; /*border:1px solid red;*/ padding:30px;}
.mainslidetext div a {border:1px solid #242424; color:#242424; float:right; text-align:center; display:block; padding:10px 20px;}
.mainslidetext div:hover a {background:#242424; color:#fff; transition:all 0.2s;}
.mainpicto div a {border:1px solid #242424; color:#242424; background:#fff; opacity:0.8;text-align:center; display:block; padding:10px 20px; top:50%; height:300px;margin:30px;}

.snsrow {background:#fff; height:800px;padding:40px 50px;}
.snsrow div {text-align:center;font-size:30px;}
.snsplist div { max-width:1270px; width:100%; height:auto;margin:0 auto;}
.snsplist div img {padding:10px 0;}


/*.screen {
  display: block;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  
}

.screen img {
  height: auto;
  position: absolute;
  z-index: 0;
  margin: auto;
  left: 0;
  right: 0;
  padding: 0;
  
}*/

.snsicon {width:23px;margin-bottom: 10px;}
.footer {background-color:#242424; text-align: center; color:#e7e7e7;padding:30px 0;line-height:35px;}
.footer img {margin-left:5px; margin-right:5px;margin-top:27px;}

/*.snsicon {width:23px;margin-bottom: 10px;}
.footer {background-color:#242424; text-align: center; color:#e7e7e7;padding:30px 0;line-height:35px;}
.footer img {margin-left:5px; margin-right:5px; width:30px; hegiht:auto;}*/



@media (max-width: 768px){
  #gnb .gnb_flavor {display:none;}
  #gnb:hover .navbar-nav,#gnb:active .navbar-nav {height:275px;overflow:hidden;}
  #gnb .gnb_bg {top:200px;}
  #gnb .gnb_main {padding-left:67px;}
}

@media (min-width: 768px) and (max-width: 991px) {
  #gnb .gnb_flavor {display:none;}
  #gnb .gnb_bg {top:120px;}
}