@charset "utf-8";

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

.board{width:30%; position:absolute; left:10%; z-index:99999999; top:-100%;}
.board img{width:100%;}
.board>button{position:absolute; right:10px; bottom:10px; color:#fff; opacity:0.4; font-size:1.5em; font-weight:normal;width:30px; height:30px;} 
.board>button:hover {position:absolute; right:10px; bottom:10px; color:#fff; opacity:0.4; font-size:1.5em; font-weight:normal;width:30px; height:30px;} 

#gnb .gnb_flavor .gnb_sub {padding-top:29px; display:none;}
#gnb .gnb_flavor .hover {padding-top:29px; display:block;-webkit-transition:opacity .4s ease; transition:opacity .4s 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;}


.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;background:url(../images/s1.png);background-repeat:no-repeat;background-position:center center;}
.mainslidediv12 > div:nth-child(1) {text-align:center;}
.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 {font-family:'Haan YGodic 240',serif;text-align:center;font-size:22px;color:#a63538;}
.snstitle {font-family: /*'Markazi Text', font-size:20px;*/}
.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;
}
.slideslide {width:100%;height:auto;background-position:center center;}


/* ¸ÅÀåÀ§Ä¡ */
.middlemenu {padding-top:30px;padding-bottom:10px;text-align:center;}
.form-inline {margin-top:40px;}
.formrow div {text-align:center;}
.placelist {margin-top:120px;}
.table .phototd {text-align:center;}
.table .texttd {vertical-align:middle; line-height:30px; text-align:left;}
.table .texttd span {font-size:22px;font-family: 'Haan YGodic 230',sans-serif;color:#a63538;}
.table>tbody>tr:nth-child(1)> td {border-top:none;}
.noneborder>tbody>tr > td{border:none;}
.eventlist>tbody>tr>td {border:none;width:50%;}
.table .texttd a {color:#242424;}
.table .evphototd {text-align:right;}
.tablerow nav {text-align:center;}
.form-control1 {background-color:#fffcf7;padding-right:27px;}
.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)}
.midmenu div ul{text-align:center;}
.nav-tabs {border:none; margin-top:40px;}
.nav-tabs>li {width:50%;}
.nav-tabs>li>a {border: 1px solid #fff;/*padding:10px 77px;*/ color:#bfbfbf;}
.nav-tabs{border-bottom:1px solid #fff}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {background-color:#f8f8f8;border:none;border-bottom:1px solid #ddd;}
.nav-tabs>li>a:hover{background-color:#f8f8f8;border:1px solid transparent;border-bottom:1px solid #ddd;}
.table>tbody>tr>td {background-color:#f5f5f5;}
.table>tbody>tr:hover>td {background-color:#f8f2f2;}

.table tr .thm {padding-top:30px;}
.table tr .thm2 {padding-bottom:30px;}
.noneborder>tbody>tr>td {background-color:#fff;}

/* Ä¿¹Â´ÏƼ */
.side img {padding:10px;}
.snsicon {width:23px;margin-bottom: 10px;}
.table .evtexttd {vertical-align:middle;}
.table .evtexttd a{line-height:20px; color:#242424;}
.evcontent {font-size:0.8vw; align-items:center; display:flex;width:100%;max-width:440px;height:150px;}
.evcontent span {font-size:1.05vw; color:#a63538;}
.eventlist tr {margin-bottom:30px;}
.eventlist a {color:#555555;}
.banner, .evcontent {padding:10px;}
.banner img {width:100%;max-width:440px;height:auto;}
.eventrow {margin-top:40px;margin-bottom:40px;}
.eventrow .row {vertical-align:middle;}
.official>tbody>tr>td  {background-color:#fff;}
.official>tbody>tr>td a {color:#242424;}
.official {width:100%;}
.num {text-align:center;}
.ofsub {text-align:right;}

.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){
.longin img {margin-top:170px;margin-bottom:40px;}
.longin {margin-left:400px;}
.slideslide {width:auto;height: 100%;background-position:center center;}
  #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;}
.board{width:97.7%; position:absolute; left:1%; z-index:99999999; top:-100%;}
.board img{width:100%;}
.board>button{position:absolute; right:10px; bottom:10px; color:#fff; opacity:0.4; font-size:1.5em; font-weight:normal;width:30px; height:30px;} 
.board>button:hover {position:absolute; right:10px; bottom:10px; color:#fff; opacity:0.4; font-size:1.5em; font-weight:normal;width:30px; height:30px;} 
.side {display:none;}
.evcontent {font-size:1.8vw; align-items:center; display:flex;width:100%;max-width:440px;height:150px;color:#fff}
.evcontent span {font-size:2vw; color:#a63538}
.eventlist .evcontent {margin:0 auto;}
}

@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;}
  .evcontent {font-size:1.8vw; align-items:center; display:flex;width:100%;max-width:440px;height:150px;}
  .evcontent span {font-size:2vw; font-weight:bold; color:#242424; background: #f8f2f2;}
  .eventlist .evcontent {margin:0 auto;}
}
@media (min-width: 992px) and (max-width: 1475px) {
  .longin {margin-top:50px;margin-bottom:40px;}
  .mainslidetext div a {float:right;}
  .mainpicto div {height: auto;padding:0;}
  .evcontent {font-size:0.9vw; align-items:center; display:flex;width:100%;max-width:440px;height:150px;}
  .evcontent span {font-size:1.1vw; font-weight:bold; color:#242424; background: #f8f2f2;}
  .eventlist .evcontent {margin:0 auto;}
}
@media (min-width: 1475px) {
  .longin {margin-top:90px;margin-bottom:40px;}
  .mainslidetext div a {float:right;}
  .snstitle {margin-bottom:30px;}
  .evcontent {font-size:0.7vw; align-items:center; display:flex;width:100%;max-width:440px;height:150px;}
  .evcontent span {font-size:0.8vw; font-weight:bold; color:#242424; background: #f8f2f2;}
  .eventlist .evcontent {margin:0 auto;}
}

@media (min-width: 1600px){
  .mainslidetext div a {margin-right:135px;}
  .evcontent {font-size:0.75vw; align-items:center; display:flex;width:100%;max-width:440px;height:150px;}
  .evcontent span {font-size:0.85vw; font-weight:bold; color:#242424; background: #f8f2f2;}
}