/* ----------------------------------------------------------------------- wowweb_mobile css --------------------------------------------------------------------------------- */
@media screen and (min-width:360px) and (max-width:720px) {

/* mainvisual_slide */
.main_visualbox {position: relative; width: 100%; height: 100vh; /* vh´Â viewport height »çÀÌÁ 100 µîºÐÇÑ ¼öÄ¡ */ background: #000; z-index: 1;}
.main_sloganbox {position: absolute; width: 50%; top: 28vh; left: 50%; margin-left: -25%; z-index: 10;}
.main_sloganbox div {margin: 0 auto; width: 100%;}
.main_sloganbox div img {width: 100%;}
.swiper-container {width: 100%; height: 300px; margin-left: auto; margin-right: auto;}
.swiper-slide {background-size: cover; background-position: center;}
.gallery-top {height: 88%; width: 100%;}
.gallery-thumbs {height: 12%; box-sizing: border-box; padding: 10px 0;}
.gallery-thumbs .swiper-slide {height: 100%; opacity: 0.4;}
.gallery-thumbs .swiper-slide-active {opacity: 1;}

/* scroll_down_box */
.scroll_down_box1 {position: absolute; width: 52px; height: 49px; bottom: 16%; left: 50%; margin-left: -26px; z-index: 1000;}

/* midd_contentbox_1 */
.midd_contentbox_1 {position: relative; width: 100%;}
.banner_box1 {float: left; width: 100%; height: 400px; background: url(../img/wowweb/images/bann_bg1.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.banner_box2 {float: left; width: 100%; height: 400px; background: url(../img/wowweb/images/bann_bg2.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.banner_box3 {float: left; width: 100%; height: 400px; background: url(../img/wowweb/images/bann_bg3.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.banner_titlebox {float: left; width: 100%; height: 100vh; font-family: "Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; text-align: center;}

/* banner_box */
.banner_titleitem a {display: block; height: 400px; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; color: #fff; padding-top: 22vh; box-sizing:border-box;}
.banner_titlekor {font-size: 14px; font-weight: 500;}
.banner_titleeng {font-size: 34px; font-weight: 700; margin-bottom: 20px; text-shadow: 1px 1px 1px #000;}
.banner_titbullet {margin: 0 auto; width: 42px; border-top: 2px solid #fff; margin-bottom: 30px;}
.banner_guidebox {margin:0 auto; width: 100px; height: 24px; font-size: 14px; font-weight: 500; line-height: 22px; background-color: #9e0b0f;}
.banner_guidebox2 {width: 140px;}
.banner_guidebox3 {width: 200px;}

/* rollover_motion */
.actionBtn1 {overflow: hidden; position: relative; display: block; color: #fff; text-align: center; text-decoration: none;}
.actionBtn1 span {position: relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out;}
.actionBtn1:hover span {color: #f2c000;}
.actionBtn1 .hover01 {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);
 transform:scale(1,0); -webkit-transform:scale(1,0); -moz-transform:scale(1,0); -ms-transform:scale(1,0); transform-origin:center top; -webkit-transform-origin:center top;
 -moz-transform-origin:center top; -ms-transform-origin:center top; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out;}
.actionBtn1:hover .hover01 {transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.actionBtn1 .hover02 {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);
 transform:scale(1,0); -webkit-transform:scale(1,0); -moz-transform:scale(1,0); -ms-transform:scale(1,0); transform-origin:center top; -webkit-transform-origin:center top;
 -moz-transform-origin:center top; -ms-transform-origin:center top; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out;}
.actionBtn1:hover .hover02 {transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}

/* midd_contentbox_2 */
.midd_contentbox_2 {position: relative; width: 100%;}

/* special_box */
.special_box1 {float: left; width: 100%; height: 400px; background: url(../img/wowweb/images/special_bg1.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.special_conarea {float: left; width: 100%; height: 100vh;}
.special_conarea ul {float: left; width: 100%; text-align: center;}
.special_conarea ul li a {display: block; width: 100%; height: 400px; color: #fff; padding-top: 18vh; /* vh´Â viewport height »çÀÌÁ 100 µîºÐÇÑ ¼öÄ¡ */ background-color: rgba(0,0,0,0.1); transition: all 0.5s ease; box-sizing:border-box;}
.special_conarea ul li a div:nth-child(1) {margin: 0 auto; width: 70%; font-size: 14px; font-weight: 500;}
.special_conarea ul li a div:nth-child(2) {font-size: 34px; font-weight: 700; margin-bottom: 20px; text-shadow: 1px 1px 1px #000;}
.special_conarea ul li a div:nth-child(3) {margin: 0 auto; width: 42px; border-top: 2px solid #fff; margin-bottom: 30px;}
.special_conarea ul li a div:nth-child(4) {margin:0 auto; width: 180px; height: 24px; font-size: 14px; font-weight: 500; line-height: 22px; background-color: #9e0b0f;}
.special_conarea ul li a:hover {color: #f2c000; background-color: rgba(0,0,0,0.6);}

.special_box2 {float: left; width: 100%; height: 600px;}
.special_area1 {float: left; width: 100%; height: 300px; background: url(../img/wowweb/images/special_bg2.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.special_conarea2 {float: left; width: 100%;}
.special_conarea2 ul {float: left; width: 100%; height: 100%; text-align: center;}
.special_conarea2 ul li a {display: block; width: 100%; height: 300px; color: #fff; padding-top: 12vh; background-color: rgba(0,0,0,0.1); transition: all 0.5s ease; box-sizing:border-box;}
.special_conarea2 ul li a div:nth-child(1) {font-size: 14px; font-weight: 500;}
.special_conarea2 ul li a div:nth-child(2) {font-size: 34px; font-weight: 700; line-height: 37px; margin-bottom: 20px; text-shadow: 1px 1px 1px #000;}
.special_conarea2 ul li a div:nth-child(3) {margin: 0 auto; width: 42px; border-top: 2px solid #fff; margin-bottom: 30px;}
.special_conarea2 ul li a div:nth-child(4) {margin:0 auto; width: 180px; height: 24px; font-size: 14px; font-weight: 400; line-height: 22px; background-color: #9e0b0f;}
.special_conarea2 ul li a div.subtxtbox1 {width: 260px;}
.special_conarea2 ul li a div.subtxtbox2 {width: 220px;}
.special_conarea2 ul li a:hover {color: #f2c000; background-color: rgba(0,0,0,0.6);}

.special_area2 {float: left; width: 100%; height: 300px; background: url(../img/wowweb/images/special_bg3.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/* scroll_down_box */
.scroll_down_box2 {display: none;}
.scroll_down_box3 {display: none;}

/* reservation_box */
.reservation_box {float: left; width: 100%; height: 320px; background: url(../img/wowweb/images/reservation_bg.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.midd_sloagn_box {float: left; width: 100%; margin-top: 40px;}
.slogan_title li:nth-child(1) {font-size: 34px; color: #fff; font-weight: 600; text-align: center; text-shadow: 1px 1px 1px #595959; margin-bottom: 20px;}
.slogan_title li:nth-child(2) {margin: 0 auto; width: 42px; border-top: 2px solid #fff;}
.slogan_subtxt {float: left; width: 100%;}
.slogan_subtxt li:nth-child(1) {margin: 0 auto; width: 74%; font-size: 14px; color: #fff; font-weight: 400; line-height: 17px; text-align: center; margin-top: 25px;}

/* online_reservation */
.online_reservation {float: left; width: 100%;}
.reservation_area {float: left; width: 100%; margin-top: 10px;}
.online_txtbox {float: left; width: 100%; text-align: center;}
.online_txtbox li:nth-child(1) {font-family: "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 18px; color: #fff; font-weight: bold; text-shadow: 1px 1px 1px #000;}
.online_btnbox {float: left; width: 100%; margin-top: 30px;}
.online_btnbox li {margin: 0 auto; width: 140px;}
.online_btnbox li a {display: block; width: 100%; height: 40px; font-family: "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 14px; color: #fff; font-weight: bold; text-align: center; line-height: 38px; background-color: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.5); transition: all 0.5s ease; box-sizing:border-box;}
.online_btnbox li a:hover {background-color: rgba(0,0,0,0.8); border: 1px solid #fff;}

/* call_kakao */
.mobile_customer_box {float: left; width: 100%; margin-top: 1.4%; margin-bottom: 1.4%;}
.m_customer_callarea {margin: 0 auto; width: 97.22222222222222%;}
.m_customer_callarea ul {float: left; width: 100%; height: auto; background: url(../img/wowweb/images/m_phonecenter_bg.jpg) no-repeat; background-size: 100% 100%;}
.m_customer_callarea ul li a {display: block; width: 100%; font-family:"³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 1.500em; color: #fff; font-weight: bold; padding: 5% 0 4.5% 45%; box-sizing:border-box;}

.m_customer_kakaotalkarea {margin: 0 auto; width: 97.22222222222222%;}
.m_customer_kakaotalkarea ul {float: left; width: 100%; height: auto; margin-top: 1.4%; background: url(../img/wowweb/images/m_kakaotalk_bg.jpg) no-repeat; background-size: 100% 100%;}
.m_customer_kakaotalkarea ul li a {display: block; width: 100%; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; color: #000; padding: 3% 0 2.5% 26%; box-sizing:border-box;}
.kakaotalk_title {font-size: 1.125em; font-weight: 400;}
.kakaotalk_id {font-size: 1.625em; font-weight: 700; letter-spacing: 1px;}

}

/* ------------------------------------------------------------------------------- wowweb_tablet css --------------------------------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:1024px) {

/* mainvisual_slide */
.main_visualbox {position: relative; width: 100%; height: 100vh; /* vh´Â viewport height »çÀÌÁ 100 µîºÐÇÑ ¼öÄ¡ */ background: #000; z-index: 1;}
.main_sloganbox {position: absolute; width: 30%; top: 28vh; left: 50%; margin-left: -15%; z-index: 10;}
.main_sloganbox div {margin: 0 auto; width: 100%;}
.main_sloganbox div img {width: 100%;}
.swiper-container {width: 100%; height: 300px; margin-left: auto; margin-right: auto;}
.swiper-slide {background-size: cover; background-position: center;}
.gallery-top {height: 88%; width: 100%;}
.gallery-thumbs {height: 12%; box-sizing: border-box; padding: 10px 0;}
.gallery-thumbs .swiper-slide {height: 100%; opacity: 0.4;}
.gallery-thumbs .swiper-slide-active {opacity: 1;}

/* scroll_down_box */
.scroll_down_box1 {position: absolute; width: 52px; height: 49px; bottom: 16%; left: 50%; margin-left: -26px; z-index: 1000;}

/* midd_contentbox_1 */
.midd_contentbox_1 {position: relative; width: 100%;}
.banner_box1 {float: left; width: 100%; height: 650px; background: url(../img/wowweb/images/bann_bg1.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.banner_box2 {float: left; width: 100%; height: 650px; background: url(../img/wowweb/images/bann_bg2.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.banner_box3 {float: left; width: 100%; height: 650px; background: url(../img/wowweb/images/bann_bg3.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.banner_titlebox {float: left; width: 100%; height: 100vh; font-family: "Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; text-align: center;}

/* banner_box */
.banner_titleitem a {display: block; height: 650px; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; color: #fff; padding-top: 28vh; box-sizing:border-box;}
.banner_titlekor {font-size: 18px; font-weight: 500;}
.banner_titleeng {font-size: 40px; font-weight: 700; margin-bottom: 20px; text-shadow: 1px 1px 1px #000;}
.banner_titbullet {margin: 0 auto; width: 42px; border-top: 2px solid #fff; margin-bottom: 30px;}
.banner_guidebox {margin:0 auto; width: 130px; height: 34px; font-size: 18px; font-weight: 500; line-height: 34px; background-color: #9e0b0f;}
.banner_guidebox2 {width: 180px;}
.banner_guidebox3 {width: 260px;}

/* rollover_motion */
.actionBtn1 {overflow: hidden; position: relative; display: block; color: #fff; text-align: center; text-decoration: none;}
.actionBtn1 span {position: relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out;}
.actionBtn1:hover span {color: #f2c000;}
.actionBtn1 .hover01 {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);
 transform:scale(1,0); -webkit-transform:scale(1,0); -moz-transform:scale(1,0); -ms-transform:scale(1,0); transform-origin:center top; -webkit-transform-origin:center top;
 -moz-transform-origin:center top; -ms-transform-origin:center top; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out;}
.actionBtn1:hover .hover01 {transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.actionBtn1 .hover02 {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);
 transform:scale(1,0); -webkit-transform:scale(1,0); -moz-transform:scale(1,0); -ms-transform:scale(1,0); transform-origin:center top; -webkit-transform-origin:center top;
 -moz-transform-origin:center top; -ms-transform-origin:center top; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out;}
.actionBtn1:hover .hover02 {transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}

/* midd_contentbox_2 */
.midd_contentbox_2 {position: relative; width: 100%;}

/* special_box */
.special_box1 {float: left; width: 100%; height: 650px; background: url(../img/wowweb/images/special_bg1.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.special_conarea {float: left; width: 100%; height: 100vh;}
.special_conarea ul {float: left; width: 100%; text-align: center;}
.special_conarea ul li a {display: block; width: 100%; height: 650px; color: #fff; padding-top: 28vh; /* vh´Â viewport height »çÀÌÁ 100 µîºÐÇÑ ¼öÄ¡ */ background-color: rgba(0,0,0,0.1); transition: all 0.5s ease; box-sizing:border-box;}
.special_conarea ul li a div:nth-child(1) {margin: 0 auto; width: 70%; font-size: 18px; font-weight: 500;}
.special_conarea ul li a div:nth-child(2) {font-size: 40px; font-weight: 700; margin-bottom: 20px; text-shadow: 1px 1px 1px #000;}
.special_conarea ul li a div:nth-child(3) {margin: 0 auto; width: 42px; border-top: 2px solid #fff; margin-bottom: 30px;}
.special_conarea ul li a div:nth-child(4) {margin:0 auto; width: 180px; height: 24px; font-size: 14px; font-weight: 500; line-height: 22px; background-color: #9e0b0f;}
.special_conarea ul li a:hover {color: #f2c000; background-color: rgba(0,0,0,0.6);}

.special_box2 {float: left; width: 100%; height: 340px;}
.special_area1 {float: left; width: 50%; height: 340px; background: url(../img/wowweb/images/special_bg2.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.special_conarea2 {float: left; width: 100%;}
.special_conarea2 ul {float: left; width: 100%; height: 100%; text-align: center;}
.special_conarea2 ul li a {display: block; width: 100%; height: 340px; color: #fff; padding-top: 12vh; background-color: rgba(0,0,0,0.1); transition: all 0.5s ease; box-sizing:border-box;}
.special_conarea2 ul li a div:nth-child(1) {font-size: 14px; font-weight: 500;}
.special_conarea2 ul li a div:nth-child(2) {font-size: 34px; font-weight: 700; line-height: 37px; margin-bottom: 20px; text-shadow: 1px 1px 1px #000;}
.special_conarea2 ul li a div:nth-child(3) {margin: 0 auto; width: 42px; border-top: 2px solid #fff; margin-bottom: 30px;}
.special_conarea2 ul li a div:nth-child(4) {margin:0 auto; width: 180px; height: 24px; font-size: 14px; font-weight: 400; line-height: 22px; background-color: #9e0b0f;}
.special_conarea2 ul li a div.subtxtbox1 {width: 260px;}
.special_conarea2 ul li a div.subtxtbox2 {width: 220px;}
.special_conarea2 ul li a:hover {color: #f2c000; background-color: rgba(0,0,0,0.6);}

.special_area2 {float: left; width: 50%; height: 340px; background: url(../img/wowweb/images/special_bg3.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/* scroll_down_box */
.scroll_down_box2 {display: none;}
.scroll_down_box3 {display: none;}

/* reservation_box */
.reservation_box {float: left; width: 100%; height: 320px; background: url(../img/wowweb/images/reservation_bg.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.midd_sloagn_box {float: left; width: 100%; margin-top: 40px;}
.slogan_title li:nth-child(1) {font-size: 34px; color: #fff; font-weight: 600; text-align: center; text-shadow: 1px 1px 1px #595959; margin-bottom: 20px;}
.slogan_title li:nth-child(2) {margin: 0 auto; width: 42px; border-top: 2px solid #fff;}
.slogan_subtxt {float: left; width: 100%;}
.slogan_subtxt li:nth-child(1) {margin: 0 auto; width: 74%; font-size: 16px; color: #fff; font-weight: 400; line-height: 17px; text-align: center; margin-top: 25px;}

/* online_reservation */
.online_reservation {float: left; width: 100%;}
.reservation_area {float: left; width: 100%; margin-top: 10px;}
.online_txtbox {float: left; width: 100%; text-align: center;}
.online_txtbox li:nth-child(1) {font-family: "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 24px; color: #fff; font-weight: bold; text-shadow: 1px 1px 1px #000;}
.online_btnbox {float: left; width: 100%; margin-top: 30px;}
.online_btnbox li {margin: 0 auto; width: 180px;}
.online_btnbox li a {display: block; width: 100%; height: 40px; font-family: "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 14px; color: #fff; font-weight: bold; text-align: center; line-height: 38px; background-color: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.5); transition: all 0.5s ease; box-sizing:border-box;}
.online_btnbox li a:hover {background-color: rgba(0,0,0,0.8); border: 1px solid #fff;}

/* call_kakao */
.mobile_customer_box {margin: 0 auto; width: 97.22222222222222%;}
.m_customer_callarea {float: left; width: 49.5%; margin-top: 1.4%; margin-bottom: 1.4%;}
.m_customer_callarea ul {float: left; width: 100%; height: 60px; background: url(../img/wowweb/images/m_phonecenter_bg.jpg) no-repeat; background-size: 100% 100%;}
.m_customer_callarea ul li a {display: block; width: 100%; font-family:"³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 1.500em; color: #fff; font-weight: bold; padding: 5% 0 4.5% 45%; box-sizing:border-box;}

.m_customer_kakaotalkarea {float: right; width: 49.5%; margin-top: 1.4%; margin-bottom: 1.4%;}
.m_customer_kakaotalkarea ul {float: left; width: 100%; height: 60px; background: url(../img/wowweb/images/m_kakaotalk_bg.jpg) no-repeat; background-size: 100% 100%;}
.m_customer_kakaotalkarea ul li a {display: block; width: 100%; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; color: #000; padding: 2% 0 2.5% 27%; box-sizing:border-box;}
.kakaotalk_title {font-size: 1.125em; font-weight: 400;}
.kakaotalk_id {font-size: 1.625em; font-weight: 700; letter-spacing: 1px;}

}

/* --------------------------------------------------------------------------------- wowweb_pc css ----------------------------------------------------------------------------- */
@media screen and (min-width:1280px) {

/* mainvisual_slide */
.main_visualbox {position: relative; width: 100%; height: 100vh; /* vh´Â viewport height »çÀÌÁ 100 µîºÐÇÑ ¼öÄ¡ */ background: #000; z-index: 1;}
.main_sloganbox {position: absolute; width: 334px; top: 190px; left: 50%; margin-left: -167px; z-index: 10;}
.swiper-container {width: 100%; height: 300px; margin-left: auto; margin-right: auto;}
.swiper-slide {background-size: cover; background-position: center;}
.gallery-top {height: 80%; width: 100%;}
.gallery-thumbs {height: 20%; box-sizing: border-box; padding: 10px 0;}
.gallery-thumbs .swiper-slide {height: 100%; opacity: 0.4;}
.gallery-thumbs .swiper-slide-active {opacity: 1;}

/* scroll_down_box */
.scroll_down_box1 {position: absolute; width: 52px; height: 49px; bottom: 22%; left: 50%; margin-left: -26px; z-index: 1000;}

/* midd_contentbox_1 */
.midd_contentbox_1 {position: relative; width: 100%; height: 100vh;}
.banner_box1 {float: left; width: 33.3%; height: 100vh; background: url(../img/wowweb/images/bann_bg1.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.banner_box2 {float: left; width: 33.3%; height: 100vh; background: url(../img/wowweb/images/bann_bg2.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.banner_box3 {float: left; width: 33.3%; height: 100vh; background: url(../img/wowweb/images/bann_bg3.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.banner_titlebox {float: left; width: 100%; height: 100vh; font-family: "Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; text-align: center;}

/* banner_box */
.banner_titleitem a {display: block; height: 100vh; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; color: #fff; padding-top: 42vh; box-sizing:border-box;}
.banner_titlekor {font-size: 14px; font-weight: 500;}
.banner_titleeng {font-size: 34px; font-weight: 700; margin-bottom: 20px; text-shadow: 1px 1px 1px #000;}
.banner_titbullet {margin: 0 auto; width: 42px; border-top: 2px solid #fff; margin-bottom: 30px;}
.banner_guidebox {margin:0 auto; width: 100px; height: 24px; font-size: 14px; font-weight: 500; line-height: 22px; background-color: #9e0b0f;}
.banner_guidebox2 {width: 140px;}
.banner_guidebox3 {width: 200px;}

/* rollover_motion */
.actionBtn1 {overflow: hidden; position: relative; display: block; color: #fff; text-align: center; text-decoration: none;}
.actionBtn1 span {position: relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out;}
.actionBtn1:hover span {color: #f2c000;}
.actionBtn1 .hover01 {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);
 transform:scale(1,0); -webkit-transform:scale(1,0); -moz-transform:scale(1,0); -ms-transform:scale(1,0); transform-origin:center top; -webkit-transform-origin:center top;
 -moz-transform-origin:center top; -ms-transform-origin:center top; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out;}
.actionBtn1:hover .hover01 {transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.actionBtn1 .hover02 {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);
 transform:scale(1,0); -webkit-transform:scale(1,0); -moz-transform:scale(1,0); -ms-transform:scale(1,0); transform-origin:center top; -webkit-transform-origin:center top;
 -moz-transform-origin:center top; -ms-transform-origin:center top; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out;}
.actionBtn1:hover .hover02 {transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}

/* midd_contentbox_2 */
.midd_contentbox_2 {position: relative; width: 100%;}

/* special_box */
.special_box1 {float: left; width: 50%; height: 100vh; background: url(../img/wowweb/images/special_bg1.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.special_conarea {float: left; width: 100%; height: 100vh;}
.special_conarea ul {float: left; width: 100%; text-align: center;}
.special_conarea ul li a {display: block; width: 100%; height: 100vh; color: #fff; padding-top: 42vh; /* vh´Â viewport height »çÀÌÁ 100 µîºÐÇÑ ¼öÄ¡ */ background-color: rgba(0,0,0,0.1); transition: all 0.5s ease; box-sizing:border-box;}
.special_conarea ul li a div:nth-child(1) {font-size: 14px; font-weight: 500;}
.special_conarea ul li a div:nth-child(2) {font-size: 34px; font-weight: 700; margin-bottom: 20px; text-shadow: 1px 1px 1px #000;}
.special_conarea ul li a div:nth-child(3) {margin: 0 auto; width: 42px; border-top: 2px solid #fff; margin-bottom: 30px;}
.special_conarea ul li a div:nth-child(4) {margin:0 auto; width: 180px; height: 24px; font-size: 14px; font-weight: 500; line-height: 22px; background-color: #9e0b0f;}
.special_conarea ul li a:hover {color: #f2c000; background-color: rgba(0,0,0,0.6);}

.special_box2 {float: left; width: 50%; height: 100vh;}
.special_area1 {float: left; width: 100%; height: 50%; background: url(../img/wowweb/images/special_bg2.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.special_conarea2 {float: left; width: 100%;}
.special_conarea2 ul {float: left; width: 100%; height: 100%; text-align: center;}
.special_conarea2 ul li a {display: block; width: 100%; height: 50vh; color: #fff; padding-top: 18vh; background-color: rgba(0,0,0,0.1); transition: all 0.5s ease; box-sizing:border-box;}
.special_conarea2 ul li a div:nth-child(1) {font-size: 14px; font-weight: 500;}
.special_conarea2 ul li a div:nth-child(2) {font-size: 34px; font-weight: 700; margin-bottom: 20px; text-shadow: 1px 1px 1px #000;}
.special_conarea2 ul li a div:nth-child(3) {margin: 0 auto; width: 42px; border-top: 2px solid #fff; margin-bottom: 30px;}
.special_conarea2 ul li a div:nth-child(4) {margin:0 auto; width: 180px; height: 24px; font-size: 14px; font-weight: 400; line-height: 22px; background-color: #9e0b0f;}
.special_conarea2 ul li a div.subtxtbox1 {width: 260px;}
.special_conarea2 ul li a div.subtxtbox2 {width: 220px;}
.special_conarea2 ul li a:hover {color: #f2c000; background-color: rgba(0,0,0,0.6);}

.special_area2 {float: left; width: 100%; height: 50%; background: url(../img/wowweb/images/special_bg3.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/* scroll_down_box */
.scroll_down_box2 {position: absolute; width: 52px; height: 49px; left: 50%; margin-top: 92vh; margin-left: -26px; z-index: 10000;}
.scroll_down_box3 {position: absolute; width: 52px; height: 49px; left: 50%; margin-top: 92vh; margin-left: -26px; z-index: 10000;}

/* reservation_box */
.reservation_box {float: left; width: 100%; height: 350px; background: url(../img/wowweb/images/reservation_bg.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.midd_sloagn_box {float: left; width: 100%; margin-top: 40px;}
.slogan_title li:nth-child(1) {font-size: 34px; color: #fff; font-weight: 600; text-align: center; text-shadow: 1px 1px 1px #595959; margin-bottom: 20px;}
.slogan_title li:nth-child(2) {margin: 0 auto; width: 42px; border-top: 2px solid #fff;}
.slogan_subtxt {float: left; width: 100%;}
.slogan_subtxt li:nth-child(1) {font-size: 18px; color: #fff; font-weight: 400; line-height: 17px; text-align: center; margin-top: 35px;}

/* online_reservation */
.online_reservation {float: left; width: 100%;}
.reservation_area {float: left; width: 100%; margin-top: 20px;}
.online_txtbox {float: left; width: 100%; text-align: center;}
.online_txtbox li:nth-child(1) {font-family: "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 30px; color: #fff; font-weight: bold; text-shadow: 1px 1px 1px #000;}
.online_btnbox {float: left; width: 100%; margin-top: 30px;}
.online_btnbox li {margin: 0 auto; width: 180px;}
.online_btnbox li a {display: block; width: 100%; height: 45px; font-family: "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 14px; color: #fff; font-weight: bold; text-align: center; line-height: 43px; background-color: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.5); transition: all 0.5s ease; box-sizing:border-box;}
.online_btnbox li a:hover {background-color: rgba(0,0,0,0.8); border: 1px solid #fff;}

/* call_kakao */
.mobile_customer_box {display: none;}

}