@charset "utf-8";

/**{overflow-x:hidden;}*/
ul, ol{list-style:none;}
img{border:none;}
a{text-decoration:none;}
*:focus { outline: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;}

.longin {width:auto; height:auto;}

.mainremen {animation-duration:3s;}
.mainslide {background-color:#fff}
.mainslide > div {padding:180px 80px;}
.mainslide > div .col-md-6 {padding:0 30px;}
.mainslide > div .col-md-6:nth-child(2) {padding-top:30px;}
.mainslidephoto {height:auto;position:relative;right:0;}
.mainslidephoto img:nth-child(1) {width:100%;max-width:450px; height:auto;}
.mainslidephoto img:nth-child(2) {position:absolute;}
.mainslidetext {height:400px;padding-top:35px;}
.mainslidetext div a {border:1px solid #242424; color:#242424; float:right; text-align:center; display:block; padding:10px 20px;}
.mainslidetext div a:hover {background:#242424; color:#fff; transition:all 0.2s;}

.mainpicto {z-index:999;padding:120px 80px;}
.mainpicto div a {color:#fff; font-size:23px; font-family: 'Markazi Text', serif; background:#000; opacity:0.8;text-align:center; display:block; padding:75px 20px 10px 20px; top:50%; height:400px;margin:30px;}
.mainpicto div {height:auto; padding:10px;}
.mainpicto div:hover img {transform:scale(1.1);transition:all 0.3s;}

.snsrow {background:#fff; height:auto;padding:100px 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;}

.manu1 div {text-align:center;}

.ch {background-color:#fff; text-align: center; color:#e7e7e7;padding:30px 0;line-height:35px;}
.ch img {margin-left:5px; margin-right:5px;}



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





.form-control1:focus, .form-control:focus{background-color:#fff;opacity:0.7;border-color:#c80408;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),
0 0 8px rgba(200,4,8,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(200,4,8,.6)}



/* ¸ÅÀåÀ§Ä¡ */
.middlemenu {padding:10px 0;text-align:center;}
.form-inline {margin-top:40px;}
.formrow div {text-align:center;}
.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;}

@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) {
  .longin img {margin-top:180px;margin-bottom:40px;}
  .longin {margin-left:440px;}
  .mainslidetext div a {float:right;}
  .slideslide {width:auto;height: 100%;background-position:center center;}
  #gnb .gnb_flavor {display:none;}
  #gnb .gnb_bg {top:120px;}
}

@media (min-width: 768px) and (max-width: 991px) {
  .longin img {margin-top:180px;margin-bottom:40px;}
  .longin {margin-left:440px;}
  #gnb .gnb_flavor {display:none;}
  #gnb .gnb_bg {top:120px;}
  .form-inline > p >.b1 {margin-left:44px;}
}
@media (min-width: 992px) and (max-width: 1475px) {
  .longin {margin-top:50px;margin-bottom:40px;}
  .form-inline > p >.b1 {margin-left:45px;}
}
@media (min-width: 1475px) {
  .longin {margin-top:90px;margin-bottom:40px;}
.form-inline > p >.b1 {margin-left:44px;}
}