*{margin: 0; padding: 0;}
li{list-style: none;}
a{text-decoration: none; color: inherit; cursor: pointer; vertical-align: baseline; font-size: 100%; margin: 0; padding: 0; background: transparent;}
img{vertical-align: top; max-width: 100%;}
/* p{display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;} */
body {
    font-family: 'nbg', '맑은 고딕', HelveticaNeue, DroidSans, Sans-serif, Helvetica;
    font-size: 1em;
    line-height: 1;
    min-width: 320px;
    overflow-x: hidden;
}
header, nav, section, article, aside, footer{display: block;}
@media screen and (max-width:960px) {
    .sub_gnb_wrap{display: none;}
}
.wrap{position: relative; width: 100%; overflow-x: hidden;}

/* mstopWrap */
.mstopWrap{height: 120px; position: relative;}
.sub_gnb_wrap{background: #f6f5ef; border-bottom: 1px solid #e5e5e5; border-top: 2px solid #000;
left: 0; top: 0; width: 100%; z-index: 11;}
.sub_gnb_wrap_inner{margin: 0 auto; position: relative;}
.sub_gnb_wrap_inner h1.logo{position: absolute;}
.sub_gnb_wrap_inner h1.logo a{background: url(../img/h_logo.png); display: block;
height: 100%; overflow: hidden; text-indent: -20000px; width: 100%;}
.sub_gnb_wrap_inner nav.util_nav{background: url(../img/sdown_util_sep.png) no-repeat;
position: absolute;}
.sub_gnb_wrap_inner nav.util_nav ul li{float: left; text-align: center;}
.sub_gnb_wrap_inner nav.util_nav ul li:hover{text-decoration: underline;}
.sub_gnb_wrap_inner nav.util_nav ul li a{color: #555; display: block;
font: normal 13px Avenir, Arial, georgia;}
.sub_gnb_wrap_inner p.btn_search{background: #fff; border: 1px solid #ccc;
border-radius: 5px; position: absolute;}
.sub_gnb_wrap_inner p.btn_search a{display: block; position: absolute;
right: 0; top: 0;}
.sub_gnb_wrap_inner p.btn_search a img{position: absolute; z-index: 1;}

@media screen and (min-width: 961px) {
    .sub_gnb_wrap{height: 120px; z-index: 99px;}
    .sub_gnb_wrap_inner{height: 120px; width: 1100px;}
    .sub_gnb_wrap_inner h1.logo{z-index: 12; height: 75px; top: 22px; width: 75px;}
    .tablet_gnb_wrap{display: none;}
    .sub_gnb_wrap_inner nav.util_nav{height: 20px; right: 93px; top: 15px; width: 464px;}
    .sub_gnb_wrap_inner nav.util_nav ul li{height: 20px;}
    .sub_gnb_wrap_inner nav.util_nav ul li.util_nav01{width: 76px; height: 20px;}
    .sub_gnb_wrap_inner nav.util_nav ul li.util_nav02{margin-left: 1px; width: 107px;}
    .sub_gnb_wrap_inner nav.util_nav ul li.util_nav03{margin-left: 1px; width: 181px;}
    .sub_gnb_wrap_inner nav.util_nav ul li.util_nav04{margin-left: 1px; width: 97px;}
    .sub_gnb_wrap_inner nav.util_nav ul li a{line-height: 20px;}
    .sub_gnb_wrap_inner p.btn_search{height: 32px; right: 54px; top: 9px; width: 32px;}
    .sub_gnb_wrap_inner p.btn_search a{height: 34px; width: 34px;}
    .sub_gnb_wrap_inner p.btn_search a img{right: 7px; top: 6px;}
}
@media screen and (min-width: 661px) and (max-width: 1120px) {
    .sub_gnb_wrap_inner{height: 120px; width: 100%;}
    .sub_gnb_wrap_inner h1.logo{height: 75px; left: 20px; top: 22px; width: 75px;}
}

/* sub_gnb_nav */
.sub_gnb_nav{position: absolute; left: 0; width: 100%; z-index: 11;}
.sub_gnb_nav_inner{margin: 0 auto; z-index: 7;}
.sub_gnb_nav_inner > ul li a:hover{background: #2c2a29; color: #669900; text-decoration: underline;}
.sub_gnb_nav_inner > ul li h2 a{color: #333; display: block; 
font: normal 13px Avenir, Arial, georgia; text-align: center; width: 100%;}
.gnb_sub_wrap{display: none; background: #2c2a29; position: absolute; width: 100%;}
.gnb_sub{display: inline-block; width: 100%;}
.gnb_sub_inner{left: 50%; position: relative;}
.gnb_sub_inner ul{float: left;}
.gnb_sub_inner ul li a{color: #999;}

@media screen and (min-width: 961px) {
    .sub_gnb_nav{height: 66px; top: 54px;}
    .sub_gnb_nav_inner{height: 66px; width: 1100px;}
    .sub_gnb_nav_inner > ul{float: right;}
    .sub_gnb_nav_inner > ul li{float: left;}
    .sub_gnb_nav_inner > ul li.gnb_nav01{width: 89px;}
    .sub_gnb_nav_inner > ul li.gnb_nav02{width: 73px;}
    .sub_gnb_nav_inner > ul li.gnb_nav03{width: 79px;}
    .sub_gnb_nav_inner > ul li.gnb_nav04{width: 153px;}
    .sub_gnb_nav_inner > ul li.gnb_nav05{width: 225px;}
    .sub_gnb_nav_inner > ul li.gnb_nav06{width: 131px;}
    .sub_gnb_nav_inner > ul li h2 a{height: 56px; line-height: 20px; padding-top: 10px;}
    .gnb_sub_wrap{left: 0; top: 66px;}
    .gnb_sub{padding: 20px 0 20px 0;}
    .gnb_sub_inner{margin-left: -550px; width: 1100px;}
    .gnb_sub_inner ul{width: 220px;}
    .sub_gnb_nav_inner > ul li{float: left; padding: 3px 0; width: 100%;}
    .gnb_sub_inner ul li.gnb_sub_tt1{padding-bottom: 12px;}
    .gnb_sub_inner ul li.gnb_sub_tt1 a{color: #fff; font-size: 14px; font-weight: normal;}
    .gnb_sub_inner ul li a{font-size: 12px;}
}
@media screen and (min-width:661px) and (max-width:1120px) {
    .sub_gnb_nav_inner{height: 66px; width: 100%;}
    .gnb_sub_inner{float: left; left: 20px; margin-left: 0; position: relative;
    width: 100%;}
    .gnb_sub_inner ul{float: left; width: 220px;}
}

/* tablet gnb */

@media screen and (min-width: 661px) and (max-width: 960px){
    .tablet_gnb_wrap{background: #f6f5ef; border-bottom: 1px solid #e5e5e5; height: 69px; left: 0; position: fixed; top: 0; width: 100%; z-index: 20;}
    .tablet_gnb_wrap h1.logo{height: 45px; left: 10px; position: absolute; top: 13px; width: 45px;}
    .tablet_gnb_wrap h1.logo a{background: url(../img/h_logo.png); background-size: 45px auto; display: block; height: 100%; overflow: hidden; text-indent: -20000px; width: 100%;}
    .tablet_gnb_sep{float: right; height: 70px; width: 235px;}
    .tablet_gnb_sep ul li{float: left; height: 60px; margin: 10px 0 0 1px; position: relative; width: 60px;}
    .tablet_gnb_sep ul li.tablet_gnb04{width: 51px;}
    .tablet_gnb_sep ul li.tablet_gnb02 a{background-image: url(../img/icon_user_m.png);
    background-size: 100% auto; height: 30px; left: 18px; top: 14px; width: 25px;}
    .tablet_gnb_sep ul li.tablet_gnb03 a{background-image: url(../img/icon_spot_m.png);
    background-size: 100% auto; height: 32px; left: 16px; top: 12px; width: 24px;}
    .tablet_gnb_sep ul li.tablet_gnb04 a{background-image: url(../img/btn_berger_m.png);
    background-size: 100% auto; height: 26px; left: 11px; top: 15px; width: 28px;}
    .tablet_gnb_sep ul li a{display: block; overflow: hidden; position: absolute;
    text-indent: -20000px; }
    .mstopWrap{display: none;}
}
@media screen and (min-width: 481px) and (max-width: 660px){
    .tablet_gnb_wrap{background: #f6f5ef; border-bottom: 1px solid #e5e5e5; height: 69px;
    left: 0; position: fixed; top: 0; width: 100%; z-index: 20;}
    .tablet_gnb_wrap h1.logo{height: 45px; left: 10px; position: absolute; top: 13px;
    width: 45px;}
    .tablet_gnb_wrap h1.logo a{background-image: url(../img/h_logo.png); background-size: 45px auto;
    display: block; height: 100%; overflow: hidden; text-indent: -2000px; width: 100%;}
    .tablet_gnb_sep{float: right; height: 70px; width: 235px;}
    .tablet_gnb_sep ul li{float: left; height: 60px; margin: 10px 0 0 1px; position: relative;
    width: 60px;}
    .tablet_gnb_sep ul li.tablet_gnb04{width: 51px;}
    .tablet_gnb_sep ul li.tablet_gnb02 a{background-image: url(../img/icon_user_m.png);
    background-size: 100% auto; height: 30px; left: 18px; top: 14px; width: 25px;}
    .tablet_gnb_sep ul li.tablet_gnb03 a{background-image: url(../img/icon_spot_m.png);
    background-size: 100% auto; height: 32px; left: 16px; top: 12px; width: 24px;}
    .tablet_gnb_sep ul li.tablet_gnb04 a{background-image: url(../img/btn_berger_m.png);
    background-size: 100% auto; height: 26px; left: 11px; top: 15px; width: 28px;}
    .tablet_gnb_sep ul li a{display: block; overflow: hidden; position: absolute;
    text-indent: -20000px; }
    .mstopWrap{display: none;}

}
@media screen and (max-width: 480px) {
    .tablet_gnb_wrap{background: #f6f5ef; border-bottom: 1px solid #e5e5e5; height: 69px;
        left: 0; position: fixed; top: 0; width: 100%; z-index: 20;}
    .tablet_gnb_wrap h1.logo{height: 45px; left: 10px; position: absolute; top: 13px;
    width: 45px;}
    .tablet_gnb_wrap h1.logo a{background-image: url(../img/h_logo.png); background-size: 45px auto;
        display: block; height: 100%; overflow: hidden; text-indent: -2000px; width: 100%;}
    .tablet_gnb_sep{float: right; height: 70px; width: 235px;}
    .tablet_gnb_sep ul li{float: left; height: 60px; margin: 10px 0 0 1px; position: relative;
    width: 60px;}
    .tablet_gnb_sep ul li.tablet_gnb04{width: 51px;}
    .tablet_gnb_sep ul li.tablet_gnb02 a{background-image: url(../img/icon_user_m.png);
    background-size: 100% auto; height: 30px; left: 18px; top: 14px; width: 25px;}
    .tablet_gnb_sep ul li.tablet_gnb03 a{background-image: url(../img/icon_spot_m.png);
    background-size: 100% auto; height: 32px; left: 16px; top: 12px; width: 24px;}
    .tablet_gnb_sep ul li.tablet_gnb04 a{background-image: url(../img/btn_berger_m.png);
    background-size: 100% auto; height: 26px; left: 11px; top: 15px; width: 28px;}
    .tablet_gnb_sep ul li a{display: block; overflow: hidden; position: absolute;
    text-indent: -20000px; }
    .mstopWrap{display: none;}

    
}

/* mob_gnb_dimm */
.mob_gnb_dimm{display: none;}
@media screen and (max-width: 480px) {
    .mob_gnb_dimm{background: #000; height: 100%; left: 0; opacity: 0.7; position: fixed; top: 0; width: 100%; z-index: 2000;}
}
@media screen and (min-width: 480px) and (max-width: 670px){
    .mob_gnb_dimm{background: #000; height: 100%; left: 0; opacity: 0.7; position: fixed; top: 0; width: 100%; z-index: 2000;}
}
@media screen and (max-width: 960px) {
    .mob_gnb_dimm{background: #000; height: 100%; left: 0; opacity: 0.7; position: fixed; top: 0; width: 100%; z-index: 2000;}
}
@media screen and (min-width: 961px) {
    .mob_gnb_dimm{display: none;}
}

/* mob_gnb_wrap */
.ally{width: 1px; height: 1px; margin: -1px; clip: rect(0,0,0,0); overflow: hidden; position: absolute;}
.en{font-family: arial, helveticaNeue, droidSans, sans-serif, helvetica;}
.mob_gnb_menus ul li{display: none;}
.mob_gnb_menus ul li.open{display: block;}
.mob_gnb_menus ul li:hover{text-decoration: underline;}
.mob_gnb_menus ul li.mob_gnb_ttl1, .mob_gnb_menus ul li.mob_gnb_ttl2{display: block;}
.mob_gnb_wrap{display: none;}
.mob_gnb_menus ul li.mob_gnb_ttl1 a span.mob_gnb_arrow_down{transform: rotate(180%);}

@media screen and (max-width: 360px) {
    .mob_gnb_search{background: #2d2926; border-bottom: 1px solid #222; height: 70px; position: relative; width: 100%;}
    .mob_gnb_search_inner{height: 30px; left: 50%; margin-left: -100px; position: absolute; top: 20px; width: 190px;}
    .mob_gnb_search_inner input{border: 1px solid #e3e1d2; border-radius: 3px; float: left; height: 28px; width: 120px;}
    .mob_gnb_search_inner a{background: #666; border-radius: 3px; color: #fff; float: right; font-size: 14px; font-weight: normal; height: 30px; line-height: 30px; text-align: center; width: 60px;}
}
@media screen and (max-width: 480px) {
    .mob_gnb_wrap{background: #111; height: 100%; padding-bottom: 30px; position: fixed; top: 0; width: 70%; z-index: 2001;}
    .mob_gnb_wrap_inner{height: 100%; overflow: auto; margin-right: -15px;}
    .btn_gnb_close{height: 20px; left: -45px; position: absolute; top: 25px; width: 20px; z-index: 100;}
    .btn_gnb_close a{background: url(../img/btn_gnb_close.png) no-repeat; background-size: 20px auto; display: block; height: 100%; overflow: hidden; text-indent: -20000px; width: 100%; transition: -webkit-transform 1s;}
    .mob_gnb_search{background: #2d2926; border-bottom: 1px solid #222; height: 70px; position: relative; width: 100%;}
    .mob_gnb_search_inner{height: 30px; left: 50%; margin-left: -110px; position: absolute; top: 20px; width: 220px;}
    .mob_gnb_search_inner input{border: 1px solid #e3e1d2; border-radius: 3px; float: left; height: 28px; width: 140px;}
    .mob_gnb_search_inner a{background: #666; border-radius: 3px; color: #fff; float: right; font-size: 14px; font-weight: normal; height: 30px; line-height: 30px; text-align: center; width: 70px;}
    .mob_gnb_menus ul li.mob_gnb_ttl1{background: #2d2926; font-size: 14px; font-weight: normal; line-height: 50px; text-indent: 10px;}
    .mob_gnb_menus ul li.mob_gnb_ttl1 a{color: #fff; display: block; height: 50px; position: relative; width: 97%; padding-left: 1%;}
    .mob_gnb_menus ul li.mob_gnb_ttl1 a span.mob_gnb_arrow_down{background: url(../img/mob_gnb_arrow_down_w.png) no-repeat; background-size: 16px auto; display: block; height: 12px; margin-top: -6px; right: 20px; position: absolute; top: 50%; width: 16px;}
    .mob_gnb_menus ul li.mob_gnb_ttl1 a span.mob_gnb_arrow_up{background: url(../img/mob_gnb_arrow_up_w.png) no-repeat; background-size: 16px auto; display: block; height: 12px; margin-top: -6px; right: 20px; position: absolute; top: 50%; width: 16px;}
    .mob_gnb_menus ul li{background: #181818; border-bottom: 1px solid #222; font-size: 14px; font-weight: normal; line-height: 50px; text-indent: 15px;}
    .mob_gnb_menus ul li a{color: #fff; display: block; height: 50px; position: relative; width: 98%;}
    .mob_gnb_menus ul li a span.mob_gnb_arrow_up{background: url(../img/mob_gnb_arrow_up_g.png) no-repeat;
    background-size: 16px auto; display: block; height: 12px; margin-top: -6px; right: 20px; 
    position: absolute; top: 50%; width: 16px;}
    .mob_gnb_menus ul li ul li{background-color: #222; border-bottom: none; font-size: 14px; font-weight: normal; line-height: 30px; text-indent: 25px;}
    .mob_gnb_menus ul li ul li a{color: #999; display: block; height: 30px; position: relative; width: 100%;}
    .mob_gnb_menus ul li.mob_gnb_ttl2{background: #111; border-bottom: 1px solid #222; font-size: 14px; font-weight: normal; line-height: 50px; text-indent: 10px; width: 97%; padding-left: 1%;}
    .mob_gnb_menus ul li.mob_gnb_ttl2 a span.mob_gnb_arrow_down{background: url(../img/mob_gnb_arrow_down_w.png) no-repeat; background-size: 16px auto; display: block; height: 12px; margin-top: -6px; right: 20px; position: absolute; top: 50%; width: 16px;}
    .mob_gnb_menus ul li.mob_gnb_ttl2 a span.mob_gnb_arrow_up{background: url(../img/mob_gnb_arrow_up_w.png) no-repeat; background-size: 16px auto; display: block; height: 12px; margin-top: -6px; right: 20px; position: absolute; top: 50%; width: 16px;}
}

@media screen and (min-width: 480px) and (max-width: 670px) {
    .mob_gnb_wrap{background: #111; height: 100%; padding-bottom: 30px; position: fixed; top: 0; width: 70%; z-index: 2001;}
    .mob_gnb_wrap_inner{height: 100%; overflow: auto; margin-right: -15px;}
    .btn_gnb_close{height: 30px; left: -58px; position: absolute; top: 47px; width: 30px; z-index: 100;}
    .btn_gnb_close a{background: url(../img/btn_gnb_close.png) no-repeat; background-size: 20px auto; display: block; height: 100%; overflow: hidden; text-indent: -20000px; width: 100%; transition: -webkit-transform 1s;}
    .mob_gnb_search{background: #2d2926; border-bottom: 1px solid #222; height: 111px; position: relative; width: 100%;}
    .mob_gnb_search_inner{height: 50px; left: 50%; margin-left: -150px; position: absolute; top: 30px; width: 300px;}
    .mob_gnb_search_inner input{border: 1px solid #e3e1d2; border-radius: 3px; float: left; height: 48px; width: 190px;}
    .mob_gnb_search_inner a{background: #666; border-radius: 3px; color: #fff; float: right; font-size: 18px; font-weight: normal; height: 50px; line-height: 50px; text-align: center; width: 100px;}
    .mob_gnb_menus ul li.mob_gnb_ttl1{background: #2d2926; border-bottom: 1px solid #222; font-size: 18px; font-weight: normal; line-height: 76px; text-indent: 20px;}
    .mob_gnb_menus ul li.mob_gnb_ttl1 a{color: #fff; display: block; height: 76px; position: relative; width: 100%;}
    .mob_gnb_menus ul li.mob_gnb_ttl1 a span.mob_gnb_arrow_down{background: url(../img/mob_gnb_arrow_down_w.png) no-repeat; background-size: 16px auto; display: block; height: 12px; margin-top: -6px; right: 40px; position: absolute; top: 50%; width: 21px;}
    .mob_gnb_menus ul li.mob_gnb_ttl1 a span.mob_gnb_arrow_up{background: url(../img/mob_gnb_arrow_up_w.png) no-repeat; background-size: 16px auto; display: block; height: 12px; margin-top: -6px; right: 40px; position: absolute; top: 50%; width: 21px;}
    .mob_gnb_menus ul li{background: #181818; border-bottom: 1px solid #222; font-size: 18px; font-weight: normal; line-height: 76px; text-indent: 35px;}
    .mob_gnb_menus ul li a{color: #fff; display: block; height: 76px; position: relative; width: 100%;}
    .mob_gnb_menus ul li ul li{background-color: #222; border-bottom: none; font-size: 18px; font-weight: normal; line-height: 50px; text-indent: 50px;}
    .mob_gnb_menus ul li.mob_gnb_ttl2{background: #111; border-bottom: 1px solid #222; font-size: 18px; font-weight: normal; line-height: 76px; text-indent: 20px;}
    .mob_gnb_menus ul li.mob_gnb_ttl2 a span.mob_gnb_arrow_down{background: url(../img/mob_gnb_arrow_down_w.png) no-repeat; background-size: 16px auto; display: block; height: 12px; margin-top: -6px; right: 40px; position: absolute; top: 50%; width: 21px;}
    .mob_gnb_menus ul li.mob_gnb_ttl2 a span.mob_gnb_arrow_up{background: url(../img/mob_gnb_arrow_up_w.png) no-repeat; background-size: 16px auto; display: block; height: 12px; margin-top: -6px; right: 40px; position: absolute; top: 50%; width: 21px;}
}

@media screen and (min-width: 671px) and (max-width: 960px) {
    .mob_gnb_wrap{background: #111; height: 100%; padding-bottom: 30px; position: fixed; top: 0; width: 70%; z-index: 2001;}
    .mob_gnb_wrap_inner{height: 100%; overflow: auto;}
    .btn_gnb_close{height: 30px; left: -58px; position: absolute; top: 47px; width: 30px; z-index: 100;}
    .btn_gnb_close a{background: url(../img/btn_gnb_close.png) no-repeat; background-size: 20px auto; display: block; height: 100%; overflow: hidden; text-indent: -20000px; width: 100%; transition: -webkit-transform 1s;}
    .mob_gnb_search{background: #2d2926; border-bottom: 1px solid #222; height: 111px; position: relative; width: 100%;}
    .mob_gnb_search_inner{height: 50px; left: 50%; margin-left: -228px; position: absolute; top: 30px; width: 456px;}
    .mob_gnb_search_inner input{border: 1px solid #e3e1d2; border-radius: 3px; float: left; height: 48px; width: 313px;}
    .mob_gnb_search_inner a{background: #666; border-radius: 3px; color: #fff; float: right; font-size: 24px; font-weight: normal; height: 50px; line-height: 50px; text-align: center; width: 125px;}
    .mob_gnb_menus ul li.mob_gnb_ttl1{background: #2d2926; border-bottom: 1px solid #222; font-size: 28px; font-weight: normal; line-height: 76px; text-indent: 20px;}
    .mob_gnb_menus ul li.mob_gnb_ttl1 a{color: #fff; display: block; height: 76px; position: relative; width: 100%;}
    .mob_gnb_menus ul li.mob_gnb_ttl1 a span.mob_gnb_arrow_down{background: url(../img/mob_gnb_arrow_down_w.png) no-repeat; background-size: 16px auto; display: block; height: 12px; margin-top: -6px; right: 40px; position: absolute; top: 50%; width: 21px;}
    .mob_gnb_menus ul li.mob_gnb_ttl1 a span.mob_gnb_arrow_up{background: url(../img/mob_gnb_arrow_up_w.png) no-repeat; background-size: 16px auto; display: block; height: 12px; margin-top: -6px; right: 40px; position: absolute; top: 50%; width: 21px;}
    .mob_gnb_menus ul li{background: #181818; border-bottom: 1px solid #222; font-size: 18px; font-weight: normal; line-height: 76px; text-indent: 35px;}
    .mob_gnb_menus ul li a{color: #fff; display: block; height: 76px; position: relative; width: 100%;}
    .mob_gnb_menus ul li ul li{background-color: #222; border-bottom: none; font-size: 18px; font-weight: normal; line-height: 50px; text-indent: 50px;}
    .mob_gnb_menus ul li.mob_gnb_ttl2{background: #111; border-bottom: 1px solid #222; font-size: 28px; font-weight: normal; line-height: 76px; text-indent: 20px;}
    .mob_gnb_menus ul li.mob_gnb_ttl2 a span.mob_gnb_arrow_down{background: url(../img/mob_gnb_arrow_down_w.png) no-repeat; background-size: 16px auto; display: block; height: 12px; margin-top: -6px; right: 40px; position: absolute; top: 50%; width: 21px;}
    .mob_gnb_menus ul li.mob_gnb_ttl2 a span.mob_gnb_arrow_up{background: url(../img/mob_gnb_arrow_up_w.png) no-repeat; background-size: 16px auto; display: block; height: 12px; margin-top: -6px; right: 40px; position: absolute; top: 50%; width: 21px;}
}

@media screen and (min-width: 961px) {
    .mob_gnb_wrap{display: none;}
}

/* mb_container main_visual */
@media screen and (max-width:930px) {
    .main-visual_wrap{width: auto; height: 275.1vw; padding-top: 9px; background-image: url(../img/m_2022_Halloween_main_bg.jpg);
    background-position: center top; box-sizing: border-box; min-width: 320px;}
    .main-visual_slogan{width: 48.7%; top: 4.44%; left: 11.4%; animation: appear 1 1s;}
    .pc_slogan{display: none;}
    .mb_slogan{display: block;}
    .pc_drink{display: none;}
    .mb_drink{display: block;}
    .main-visual_slogan .mb_slogan{width: 100%;}
    .set_common{bottom: auto; margin: 0;}
    .set_01{z-index: 8; top: 19.97%; right: 0; left: 19.6%; width: 76.8%; max-width: 493px; animation: appear 1 2s;}
    .set_02{z-index: 9; top: 43.8%; left: 20.4%; width: 75.8%; max-width: 487px; animation: appear 1 3s;}
    .set_03{z-index: 8; top: 62.45%; right: 20.4%; width: 67.5%; max-width: 433px; animation: appear 1 4s;}
    .btn_slogan{z-index: 10; top: 88.6%; transform: translateX(-50%); width: 100%; margin: 0 auto; padding-top: 0; bottom: 4%; left: 50%; height: 34px; animation: appear 1 5s;}
    .btn_slogan a{display: block; width: 108px; line-height: 34px; color: #fff; border-color: #fff; font-size: 13px; -webkit-transition: background-color 0.5s;}
    .btn_slogan a:hover{background: #fff; color: #111; text-decoration: underline;}
}
@media screen and (max-width:480px) {
    .topWrap{border: 0; position: relative;}
}
@media screen and (min-width: 641px) and (max-width: 960px) {
    .topWrap{border: 0; position: relative;}
}
@media screen and (min-width: 931px) {
    .main-visual_wrap{height: 41vw; background-position: 28% bottom;}
}
@media screen and (min-width: 931px) and (max-width: 1340px) {
    .main-visual_wrap{background-image: url(../img/2022_Halloween_main_bg.jpg); background-repeat: no-repeat; background-size: cover;}
    .pc_slogan{display: block;}
    .mb_slogan{display: none;}
    .pc_drink{display: block;}
    .mb_drink{display: none;}
    .main-visual_inner{max-width: 100%;}
    .main-visual_slogan{top: 26%; left: 9.5%; width: 20%; animation: appear 1 1s;}
    .set_01{top: 37%; left: 60%; width: 16.6%; animation: appear 1 2s;}
    .set_02{top: 22.2%; left: 42.3%; width: 16.6%; animation: appear 1 3s;}
    .set_03{top: 22.2%; right: 8.5%; width: 12.6%; animation: appear 1 4s;}
    .btn_slogan{top: 70%; left: 9.5%; width: 20%; animation: appear 1 5s;}
}
@media screen and (min-width: 1341px) {
    .main-visual_wrap{background-image: url(../img/2022_Halloween_main_bg.jpg); background-repeat: no-repeat; background-size: cover;}
    .pc_slogan{display: block;}
    .mb_slogan{display: none;}
    .pc_drink{display: block;}
    .mb_drink{display: none;}
    .main-visual_inner{max-width: 100%;}
    .main-visual_slogan{top: 24%; left: 0; width: 40%; animation: appear 1 1s;}
    .set_01{top: 37%; left: 60%; width: 22.2%; animation: appear 1 2s;}
    .set_02{top: 22.2%; left: 38.3%; width: 22.2%; animation: appear 1 3s;}
    .set_03{top: 22.2%; right: 0%; width: 18.2%; animation: appear 1 4s;}
    .btn_slogan{top: 70%; left: 2.5%; width: 20%; animation: appear 1 5s;}
}

/* container main-visual */
.container{width: 100%; position: relative; top: 62px; height: 100%;}
.topWrap{height: 100%;}
.main-visual_wrap{background-repeat: no-repeat; background-size: cover;}
.main-visual_wrap .main-visual_inner{max-width: 1130px;}
.main-visual_inner{
    position: relative;
    box-sizing: border-box;
    height: 100%;
    margin: 0 auto;
}
.main-visual_slogan{
    position: absolute;
}
.main-visual_set{height: 100%;}
.set_common{position: absolute;}
.set_common img{width: 100%;}
.btn_slogan{position: absolute; text-align: center; height: 38px;}
.btn_slogan a{width: 129px; margin: 0 auto; color: #fff; border: 2px solid #fff; -webkit-transition: background-color .5s;
display: block; height: 100%; font-size: 15px; line-height: 34px; border-radius: 5px; text-align: center; box-sizing: border-box;}
.btn_slogan a:hover{background-color: #fff; color: #000; text-decoration: underline;}

@keyframes appear{
    0%{opacity: 0;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}

/* container line_notice */
.line_notice{position: relative; width: 100%;}
.line_notice_left{background: #111; left: 0; position: absolute;
top: 0;}
.line_notice_right{background: #f6f5ef; position: absolute;
right: 0;}
.line_notice_bg{position: absolute; top: 0;}
.line_notice_bgl{float: left;}
.line_notice_inner{float: left;}
.line_notice_inner_l{float: left; position: relative;}
.line_notice_inner_l dt.notice_ttl{left: 0; overflow: hidden;
position: absolute; text-indent: -20000px; width: 65px; background: url(../img/notice_ttl.png);
height: 17px; top: 10px; width: 65px;}
.line_notice_inner_l dd{position: absolute; left: 65px; 
top: 9px; height: 24px; overflow: hidden; width: 520px; text-indent: 15px;}
.line_notice_inner_l dd ul{position: relative; height: 24px;}
.line_notice_inner_l dd li{height: 24px; line-height: 24px; position: absolute; background-color: #111;}
.line_notice_inner_l dd li a{color: #fff; display: block; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; font-size: 14px;}
.line_notice_inner_r{float: right; position: relative;}
.line_notice_inner_r span{position: absolute; background: url(../img/btn_notice_plus.png) 0 0 no-repeat;}
.line_notice_inner_r span a{color: #c19d55; display: block; height: 100%; overflow: hidden; text-indent: -20000px; width: 100%;}
.line_notice_bgr{float: right; position: relative; z-index: 10;}
.line_notice_bgr a{display: block; position: absolute;}
.line_notice_bgr a p.prom_ttl{background: url(../img/prom_ttl_b.png) no-repeat;
overflow: hidden; position: absolute; text-indent: -20000px;}
.line_notice_bgr a span.btn_prom{overflow: hidden; position: absolute;}

@media screen and (max-width: 480px) {
    .line_notice{height: 140px;}
    .line_notice_left{height: 70px; width: 100%;}
    .line_notice_right{height: 70px; top: 70px; width: 100%;}
    .line_notice_bg{background: none; height: 70px; width: 100%;}
    .line_notice_bgl{height: 70px; width: 100%;}
    .line_notice_inner{height: 40px; margin: 15px 0 0 5px; width: 90%;}
    .line_notice_inner_l{height: 40px; width: 85%;}
    .line_notice_inner_l dt.notice_ttl{
        background: url(../img/icon_board_speaker.png) center center no-repeat;
        background-size: 33px 32px;
        height: 32px;
        top: 5px;
    }
    .line_notice_inner_l dd{width: 400px; text-indent: 0;}
    .line_notice_inner_l dd li{width: 50%;}
    .line_notice_inner_r{height: 40px; width: 40px;}
    .line_notice_inner_r span{background: url(../img/btn_notice_plus.png) center center no-repeat;
    background-size: 100% auto; height: 30px; left: 0; top: 4px;
    width: 30px;}
    .line_notice_inner_r span a{font-size: 14px;}
    .line_notice_bgr{height: 70px; width: 100%;}
    .line_notice_bgr a{height: 40px; left: 50%; margin-left: -100px;
    top: 14px; width: 199px;}
    .line_notice_bgr a p.prom_ttl{background-size: 100% auto; 
    height: 18px; left: 0; top: 12px; width: 143px;}
    .line_notice_bgr a span.btn_prom{height: 30px; right: 0;
    top: 4px; width: 30px;}
}
@media screen and (min-width: 481px) and (max-width: 660px) {
    .line_notice{height: 220px;}
    .line_notice_left{height: 110px; width: 100%;}
    .line_notice_right{height: 110px; top: 110px; width: 100%;}
    .line_notice_bg{background: none; height: 110px; width: 100%;}
    .line_notice_bgl{height: 110px; width: 100%;}
    .line_notice_bgr{height: 110px; width: 100%;}
    .line_notice_inner{height: 55px; margin: 28px 0 0 20px; width: 90%;}
    .line_notice_inner_l{height: 55px; width: 85%;}
    .line_notice_inner_l dt.notice_ttl{background: url(../img/icon_board_speaker.png) center center no-repeat; background-size: 33px 32px; height: 32px; top: 10px;}
    .line_notice_inner_l dd{top: 15px; text-indent: 0;}
    .line_notice_inner_l dd li{width: 60%;}
    .line_notice_inner_l dd li a{font-size: 18px;}
    .line_notice_inner_r{height: 55px; width: 55px;}
    .line_notice_inner_r span{background-size: 100% auto; height: 40px; left: auto; right: 0; top: 7px; width: 40px;}
    .line_notice_inner_r span a{font-size: 14px;}
    .line_notice_bgr{float: right; position: relative; z-index: 10;}
    .line_notice_bgr a{height: 55px; left: 50%; margin-left: -160px; top: 28px; width: 302px;}
    .line_notice_bgr a p.prom_ttl{background-size: 100% auto; height: 28px; left: 0; top: 13px; width: 221px;}
    .line_notice_bgr a span.btn_prom{height: 40px; right: 0px; top: 8px; width: 40px;}
}
@media screen and (min-width: 661px) and (max-width: 960px) {
    .line_notice{height: 80px;}
    .line_notice_left{height: 80px; width: 55%;}
    .line_notice_right{height: 80px; width: 45%;}
    .line_notice_bg{background: none; height: 80px; width: 100%;}
    .line_notice_bgl{height: 80px; width: 55%;}
    .line_notice_inner{height: 44px; margin: 18px 0 0 20px; width: 90%;}
    .line_notice_inner_l{height: 44px; width: 85%;}
    .line_notice_inner_l dt.notice_ttl{background: url(../img/notice_ttl.png); background-size: 65px auto; height: 17px; left: 0; top: 10px; overflow: hidden; text-indent: -20000px; width: 65px;}
    .line_notice_inner_l dd li{width: 40%;}
    .line_notice_inner_l dd li a{font-size: 14px;}
    .line_notice_inner_r{height: 44px; width: 43px;}
    .line_notice_inner_r span{background-size: 100% auto; height: 44px; left: 0; top: 0; width: 43px;}
    .line_notice_bgr{height: 80px; width: 45%;}
    .line_notice_bgr a{height: 44px; left: 10%; top: 18px; width: 235px;}
    .line_notice_bgr a p.prom_ttl{background-size: 100% auto; height: 17px; left: 0; top: 14px; width: 129px;}
    .line_notice_bgr a span.btn_prom{height: 43px; right: 0px; top: 0px; width: 43px;} 
}
@media screen and (min-width: 961px) {
    .line_notice{height: 62px; border-top: 1px solid #ccc;}
    .container{top: 0;}
    .line_notice_left{height: 62px; width: 50%;}
    .line_notice_right{height: 62px; width: 50%;}
    .line_notice_bg{height: 62px; left: 50%; margin-left: -640px; width: 1280px;}
    .line_notice_bgl{height: 62px; width: 730px;}
    .line_notice_inner{height: 36px; margin: 13px 0 0 89px; width: 621px;}
    .line_notice_inner_l{height: 33px; width: 494px;}
    .line_notice_inner_r{height: 36px; width: 36px;}
    .line_notice_inner_r span{background-size: 35px; height: 36px; left: 0; top: 0;
    width: 36px;}
    .line_notice_inner_r span a{font-size: 14px;}
    .line_notice_bgr{height: 62px; z-index: 10; width: 550px;}
    .line_notice_bgr a{height: 36px; top: 13px; width: 234px;}
    .line_notice_bgr a p.prom_ttl{background-size: 100% auto; height: 17px; left: 0; top: 9px; width: 129px;}
    .line_notice_bgr a span.btn_prom{height: 35px; right: 0px; top: 0px;
    width: 35px;}
}
@media screen and (min-width: 961px) {
    .line_notice_inner{margin: 13px 0 0 20px; width: 84%;}
    .line_notice_bg{background: none; margin-left: -480px; width: 960px;}
    .line_notice_bgl{width: 55%;}
    .line_notice_inner{margin: 13px 0 0 20px; width: 84%;}
    .line_notice_inner_l{width: 85%;}
    .line_notice_bgr{width: 45%;}
    .line_notice_bgr a{left: 10%;}
}


/* main_prom_bnr */
.main_prom_bnr{background: #f6f5ef; border-top: 1px solid #f6f5ef; position: relative; width: 100%; z-index: 10; display: none;}
.main_prom_bnr_swiper{left: 50%; position: relative; text-align: center;}
.bx-wrapper{position: relative; margin: 0 auto 60px; padding: 0;}
.main_prom_bnr_swiper .bx-viewport ul.main_prom_bxslider li{opacity: 0.4;}
.active_slide{opacity: 1;}
.bx-wrapper img{max-width: 100%; display: block;}
.main_prom_bnr_swiper .bx-viewport ul.main_prom_bxslider li a{border: 2px solid #222; border-radius: 3px; color: #222; display: block; font-size: 14px; height: 34px; line-height: 34px; text-align: center; width: 121px;}
.main_prom_bnr_swiper .bx-viewport ul.main_prom_bxslider li a:hover{text-decoration: underline; font-weight: bold;}
p.bnr_swiper_left_mask{left: 0; position: absolute; top: 0; z-index: 11;}
p.bnr_swiper_right_mask{left: 0; position: absolute; top: 0; z-index: 11;}
.main_slider_controller{height: 12px; position: absolute; text-align: center; width: 100%; z-index: 9999;}
.main_slider_controls{display: inline-block; height: 12px; position: relative; width: 9px;}
.main_slider_controls .bx-contorls-auto{position: absolute;}
.main_slider_controls .bx-contorls-auto a{display: block; overflow: hidden; text-indent: -20000px;}
.main_slider_controls .bx-contorls-auto a.bx-stop{background: url(../img/main_prom_stop.png) 0 0; height: 12px; width: 9px;}
.main_slider_pagers{display: inline-block; height: 12px;}
.main_slider_pagers div.bx-pager-item{float: left; margin-left: 8px;}
.main_slider_pagers div.bx-pager-item a{display: block; overflow: hidden; text-indent: -20000px;}
.main_slider_pagers div.bx-pager-item a.bx-pager-link{background: url(../img/main_prom_on.png) 0 0 no-repeat; height: 12px; width: 13px;}
.main_prom_bnr p.main_prevBtn{position: absolute; left: 3%; top: 225px; z-index: 2001;}
.main_prom_bnr p.main_prevBtn a{display: block; background: url(../img/arrow_left_on.png) no-repeat center center transparent; width: 51px; height: 51px; text-indent: -20000px; border: 2px solid #222; -webkit-border-radius: 27.5px; -webkit-transition: background-color 0.7s, color 0.7s;}
.main_prom_bnr p.main_nextBtn{position: absolute; right: 3%; top: 225px; z-index: 2001;}
.main_prom_bnr p.main_nextBtn a{display: block; background: url(../img/arrow_right_on.png) no-repeat center center transparent; width: 51px; height: 51px; text-indent: -20000px; border: 2px solid #222; -webkit-border-radius: 27.5px; -webkit-transition: background-color 0.7s, color 0.7s;}


@media screen and (max-width: 375px) {
    .main_prom_bnr{height: 370px;}
    .main_prom_bnr_swiper{height: 340px;}
}
@media screen and (max-width: 480px) {
    .main_prom_bnr{height: 446px;}
    .main_prom_bnr_swiper{margin-top: 25px; margin-left: -49%; width: 98%; height: 421px;}
    .main_prom_bnr_swiper .bx-viewport{overflow: visible;}
    .main_prom_bnr_swiper .bx-viewport ul.main_prom_bxslider{margin-left: 0;}
    .main_prom_bnr_swiper .bx-viewport ul.main_prom_bxslider li{margin: 0 auto;}
    .main_prom_bnr_swiper .bx-viewport ul.main_prom_bxslider li img{position: relative; transition: background-color 0.7s, color 0.7s;}
    .main_prom_bnr_swiper .bx-viewport ul.main_prom_bxslider li a{margin: 5px auto 0; position: relative; transition: background-color 0.7s, color 0.7s;}
    p.bnr_swiper_left_mask{height: 390px; width: 50px;}
    p.bnr_swiper_right_mask{height: 390px; width: 50px;}
    .main_slider_controller{bottom: 30px;}
    .main_prom_bnr p.main_prevBtn{display: none;}
    .main_prom_bnr p.main_nextBtn{display: none;}
} 
@media screen and (min-width: 481px) and (max-width: 660px) {
    .main_prom_bnr{height: 446px;}
    .main_prom_bnr_swiper{margin-top: 25px; margin-left: -310px; width: 620px; height: 421px;}
    .main_prom_bnr_swiper .bx-viewport ul.main_prom_bxslider li{margin: 0 5px; width: 500px;}
    .main_prom_bnr_swiper .bx-viewport ul.main_prom_bxslider li img{position: relative; transition: background-color 0.7s, color 0.7s;}
    .main_prom_bnr_swiper .bx-viewport ul.main_prom_bxslider li a{margin: -30px auto 0; position: relative; transition: background-color 0.7s, color 0.7s;}
    p.bnr_swiper_left_mask{height: 390px; width: 50px;}
    p.bnr_swiper_right_mask{height: 390px; width: 50px;}
    .main_slider_controller{bottom: 30px;}
}
@media screen and (min-width: 641px) and (max-width: 960px) {
    .main_prom_bnr_swiper{margin-top: 25px; margin-left: -310px; width: 620px; height: 421px;}
    .main_prom_bnr_swiper .bx-viewport ul.main_prom_bxslider li img{position: relative; transition: background-color 0.7s, color 0.7s;}
    .main_prom_bnr_swiper .bx-viewport ul.main_prom_bxslider li a{margin: -30px auto 0; position: relative; transition: background-color 0.7s, color 0.7s;}
    p.bnr_swiper_left_mask{height: 390px; width: 50px;}
    p.bnr_swiper_right_mask{height: 390px; width: 50px;}
    .main_slider_controller{bottom: 30px;}
}


/* new-rewards_wrap */
.new-rewards_wrap{background-color: #1e3932; padding-top: 30px; padding-bottom: 40px;}
.new-rewards_inner{max-width: 1080px; margin: 0 auto;}
.new-rewards_inner .mobile-br{display: none;}
.new-rewards_logo{text-align: center; float: left; margin-left: 40px; margin-right: 40px; width: 16.3%;}
.new-rewards_logo img{width: 176px;}
.new-rewards_conts{box-sizing: border-box; letter-spacing: 0.5px; float: left; padding-right: 30px; color: #fff; width: calc(83.7% - 80px);}
.new-rewards_conts .info-cont{position: relative; margin-bottom: 22px; border-bottom: 1px solid #4b615b;}
.new-rewards_conts .info-cont_txt{margin-bottom: 12px;}
.new-rewards_conts .info-cont_txt h2{margin-bottom: 12px; font-weight: normal; line-height: 1.4; font-size: 26px;}
.new-rewards_inner .pc-br{display: none;}
.new-rewards_inner .mobile-br{display: none;}
.new-rewards_conts .info-cont_txt p{line-height: 1.4; font-size: 17px;}
.new-rewards_conts .btn-signin_group{font-size: 0; bottom: 20px; right: 0; position: absolute;}
.new-rewards_conts .btn-signin_group a{box-sizing: border-box; display: inline-block; height: 38px; line-height: 36px; padding-left: 18.5px; padding-right: 18.5px; font-size: 14px; color: #fff; cursor: pointer; border-radius: 5px;}
.new-rewards_conts .btn-signin_join{background-color: #00704a; border: 2px solid #00704a;}
.new-rewards_conts .btn-signin_join:hover{text-decoration: underline;}
.new-rewards_conts .btn-signin_login{margin-left: 9px; background-color: transparent; border: 2px solid #fff;}
.new-rewards_conts .btn-signin_login:hover{text-decoration: underline;}
.new-rewards_conts .gift-cont{position: relative;}
.new-rewards_conts .gift-cont_txt p{font-size: 14px; line-height: 1.4;}
.new-rewards_conts .btn-egift{box-sizing: border-box; position: absolute; top: 0; right: 0; width: 183px; height: 38px; line-height: 36px; text-align: center; font-size: 14px; border: 2px solid #fff; width: 183px; border-radius: 5px;}
.new-rewards_conts .btn-egift a{display: block; width: 100%; height: 100%; color: #fff;}
.new-rewards_conts .btn-egift a:hover{text-decoration: underline;}
.new-rewards_inner::after{content: ""; display: block; clear: both;}

@media screen and (max-width: 640px) {
    .new-rewards_wrap{padding-top: 40px; padding-bottom: 50px;}
    .new-rewards_logo{width: 40%; margin: 0 auto 35px; float: none;}
    .new-rewards_conts{float: none; width: 90%; margin: 0 auto; padding-right: 0; text-align: center;}
    .new-rewards_conts .info-cont_txt h2{line-height: 1.4; font-size: 20px;}
    .new-rewards_conts .btn-signin_group{display: inline-block; position: static; top: auto; bottom: auto; right: auto; margin-bottom: 20px;}
    .new-rewards_inner .mobile-br{display: block;}
    .new-rewards_inner .pc-br{display: none;}
    .new-rewards_conts .info-cont_txt p, .new-rewards_conts, .gift-cont_txt p{font-size: 14px; line-height: 1.7;}
    .new-rewards_conts .btn-signin_group{width: 80%; margin: 0 auto 20px auto;}
    .new-rewards_conts .btn-signin_group a{width: calc(50% - 5px); border-radius: 3px;}
    .new-rewards_conts .btn-egift{border-radius: 3px; width: 80%; margin: 20px auto;}
    .new-rewards_conts .btn-egift{margin-top: 20px; display: inline-block; position: static; top: auto; bottom: auto; right: auto; margin-bottom: 20px;}
}
@media screen and (min-width: 641px) and (max-width: 1020px){
    .new-rewards_logo{width: 35%; margin-top: 30px; margin-right: 30px;}
}
@media screen and (min-width: 641px) and (max-width: 1020px) {
    .new-rewards_conts{width: calc(65% - 80px);}
    .new-rewards_conts .btn-signin_group{display: inline-block; position: static; top: auto; bottom: auto; right: auto; margin-bottom: 20px;}
    .new-rewards_conts .btn-egift{margin-top: 20px; display: inline-block; position: static; top: auto; bottom: auto; right: auto; margin-bottom: 20px;}
    .new-rewards_inner .pc-br{display: block;}
}

/* reserve wrap */
.reserve_wrap{position: relative; overflow: hidden; height: 400px; transition: opacity 2s;}
.reserve_inner{position: relative; width: 100%; height: 100%; margin: 0 auto;}
.reserve_wrap .reserve_title{position: relative; z-index: 10; box-sizing: border-box; padding-top: 115px; max-width: 1080px; width: 100%; margin-left: auto; margin-right: auto;}
.reserve_wrap .reserve_title img{width: auto; transform: translateX(-11px);}
.reserve_wrap .reserve_visual{display: block; height: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.reserve_wrap .reserve_visual img{width: auto; height: 100%;}
.reserve_wrap .reserve_visual .reserve_visual-pc{max-width: none;}
.reserve_visual-m{display: block;}
.reserve_wrap .reserve_detail-btn_wrap{position: relative; z-index: 10; max-width: 1080px; margin-top: 39px; margin-right: auto; margin-left: auto; padding-left: 254px; box-sizing: border-box;}
.reserve_detail-btn{width: 125px; height: 38px;}
.reserve_wrap .reserve_detail-btn a{display: block; width: 100%; height: 100%; text-align: center; border: 2px solid #b9813e; border-radius: 5px; box-sizing: border-box; -webkit-transition: background-color 0.7s, color 0.7s, border-color 0.7s; color: #b9813e; font-size: 15px; line-height: 34px;}
.reserve_wrap .reserve_detail-btn a:hover{background-color: #b9813e; color: #000; text-decoration: underline;}

@media screen and (max-width: 640px) {
    .reserve_wrap .reserve_detail-btn{width: 115px; height: 34px; line-height: 32px; margin-top: 0;}
    .reserve_wrap .reserve_detail-btn a{font-size: 13px; line-height: 30px;}
}

@media screen and (max-width: 930px) {
    .reserve_wrap{height: 100%;}
    .reserve_wrap .reserve_title{display: none;}
    .reserve_visual-pc{display: none;}
    .reserve_visual{position: relative;}
    .reserve_wrap .reserve_visual{top: 0; right: 0; transform: none; position: relative;}
    .reserve_wrap .reserve_visual img{position: static; max-width: none; width: 100%; height: auto;}
    .reserve_visual-m{display: block!important;}
    .reserve_wrap .reserve_detail-btn_wrap{position: static; width: auto; margin-top: 0; padding-left: 0;}
    .reserve_wrap .reserve_detail-btn{position: absolute; z-index: 10; bottom: 10%; left: 50%; margin-left: -55.4px;}
    .reserve_wrap .reserve_detail-btn a{color: #fff; background-color: rgba(0,0,0,0.2); border-color: #fff;}
    .reserve_wrap .reserve_detail-btn a:hover{background: #fff;}
}
@media screen and (min-width: 931px) and (max-width: 1120px) {
    .reserve_wrap{height: 357px;}
    .reserve_wrap .reserve_visual{position: absolute;}
    .reserve_wrap .reserve_title{max-width: none; width: 42%; margin-right: 0; margin-left: 25px; padding-top: 85px; padding-left: 75px;}
    .reserve_wrap .reserve_title img{transform: none;}
    .reserve_wrap .reserve_visual{right: -35%;}
    .reserve_wrap .reserve_detail-btn_wrap{max-width: none; width: 40%; margin-left: 0; padding-left: 26.5%;}
}
@media screen and (min-width: 1121px) {
    .reserve_wrap .reserve_visual{right: -20%;}
}
@media screen and (min-width: 1700px) {
    .reserve_wrap .reserve_visual{right: -5%;}
}
@media screen and (min-width: 1800px) {
    .reserve_wrap .reserve_visual{right: -6%;}
}
@media screen and (min-width: 1900px) {
    .reserve_wrap .reserve_visual{right: -4%;}
}



/* footer */
footer.footer{background: #2c2a29; clear: both; position: relative; width: 100%;}
.footer_wrap{display: inline-block; position: relative; background: url(../img/footer_logo.png) right 8px no-repeat; left: 50%;}
.footer_menus ul{display: inline-block; vertical-align: top; margin-bottom: 30px;}
.footer_menus ul li.footer_menu_ttl a{width: 100%;}
.en{font-family: Arial, Helvetica, sans-serif;}
.footer_menus ul li{display: none;}
.footer_menus ul li.open{display: block;}
.footer_menus ul li.footer_menu_ttl{display: block;}
.footer_menus ul li:hover{text-decoration: underline;}
.footer_menus ul li a{width: 100%;}
.footer_menus ul ul{border-bottom: 0;}
.footer_menus ul ul li{display: block;}
.footer_menus ul ul li a{background: #76685e;}

@media screen and (max-width: 480px) {
    footer.footer{padding: 0;}
    .footer_wrap{background: #554c46; left: 0; margin-left: 0; padding: 0 0 0 0;
    width: 100%;}
    .footer_menus{display: flex; flex-direction: column;}
    .footer_menus ul{border-bottom: 1px solid #403a36; width: 100%; margin-bottom: 0;}
    .footer_menus ul li.footer_menu_ttl{position: relative;}
    .footer_menus ul li.footer_menu_ttl:hover{text-decoration: underline;}
    .footer_menus ul li.footer_menu_ttl a{color: #fff; background: #554c46; font-size: 12px;
    line-height: 50px; display: block; text-indent: 10px;}
    .footer_menus ul li.footer_menu_ttl a span.footer_arrow_down{
        background: url(../img/mobile_footer_arrow_down.png) no-repeat;
        background-size: 20px auto; display: block;
        height: 11px; margin-top: -5px;
        right: 10px; position: absolute; top: 50%;
        width: 20px;
    }
    .footer_menus ul li a{background: #645952; color: #e6dbd3; display: block;
        font-size: 14px; line-height: 40px; text-indent: 10px;}
        .footer_menus ul li.footer_2depth_ttl{position: relative;}
        .footer_menus ul li.footer_2depth_ttl a span.footer_arrow_down{
            background: url(../img/mobile_footer_arrow_down2.png) no-repeat;
            background-size: 20px auto;
            display: block;
            height: 11px;
            right: 10px;
            position: absolute;
            top: 12px;
            width: 20px;
        }
        .footer_menus ul ul li a{color: #e6dbd3; display: block; font-size: 14px;
        line-height: 40px; text-indent: 10px;}
}
@media screen and (min-width: 481px) and (max-width: 660px) {
    footer.footer{padding: 0;}
    .footer_wrap{background: #554c46; left: 0; margin-left: 0; padding: 0 0 0 0; width: 100%;}
    .footer_menus{display: flex; flex-direction: column;}
    .footer_menus ul{border-bottom: 1px solid #403a36; width: 100%; margin-bottom: 0;}
    .footer_menus ul li.footer_menu_ttl{position: relative;}
    .footer_menus ul li.footer_2depth_ttl{position: relative;}
    .footer_menus ul li.footer_menu_ttl a{color: #fff; font-size: 14px; line-height: 50px; background: #554c46; display: block; padding: 0 10px;}
    .footer_menus ul li.footer_menu_ttl a span.footer_arrow_down{background: url(../img/mobile_footer_arrow_down.png) no-repeat; background-size: 20px auto; display: block; height: 11px; margin-top: -5px; right: 10px; position: absolute; top: 50%; width: 20px;}
    .footer_menus ul li a{background: #645952; color: #e6dbd3; display: block; font-size: 14px; line-height: 50px; text-indent: 10px;}
    .footer_menus ul li a:hover{text-decoration: underline;}
    .footer_menus ul li.footer_2depth_ttl a span.footer_arrow_down{
        background: url(../img/mobile_footer_arrow_down2.png) no-repeat;
        background-size: 20px auto;
        display: block;
        height: 11px;
        right: 10px;
        position: absolute;
        top: 19px;
        width: 20px;
    }
}
@media screen and (min-width: 661px) and (max-width: 940px) {
    footer.footer{padding: 32px 0 35px 0;}
    .footer_wrap{left: 2%; width: 96%; margin-left: 0;}
    .footer_menus{flex-direction: row; flex-wrap: wrap;}
    .footer_menus ul{width: calc(96% / 3); flex-grow: 3; }
    .footer_menus ul li{color: #fff; font-size: 12px; line-height: 24px; display: block;}
    .footer_menus ul li.footer_menu_ttl a{font-size: 14px; line-height: 40px; color: #fff;}
    .footer_menus ul li ul{display: none;}
}
@media screen and (max-width: 960px) {
    footer.footer{top: 62px;}
}
@media screen and (min-width: 661px) and (max-width: 1120px) {
    footer.footer{padding: 32px 0 35px 0;}
    .footer_menus ul li.footer_menu_ttl a{font-size: 14px; line-height: 40px;}
    .footer_menus ul li a{color: #fff; font-size: 12px; line-height: 24px;}
}
@media screen and (min-width: 941px) and (max-width: 1280px) {
    footer.footer{padding: 32px 0 35px 0;}
    .footer_wrap{margin-left: -381px; width: 762px;}
    .footer_menus ul{width: 251px;}
    .footer_menus ul li{display: block;}
    .footer_menus ul li ul{display: none;}
    .footer_menus ul li.footer_menu_ttl a{font-size: 14px; line-height: 40px;}
    .footer_menus ul li a{color: #fff; font-size: 12px; line-height: 24px;}
    .footer_util_btn{display: none;}
}
@media screen and (min-width: 1281px) {
    footer.footer{padding: 32px 0 35px 0;}
    .footer_wrap{margin-left: -591px; width: 1182px;}
    .footer_menus ul{width: 220px;}
    .footer_menus ul li{display: block;}
    .footer_menus ul li ul{display: none;}
    ul.footer_first_menu{display: none;}
    .footer_menus ul li.footer_menu_ttl a{font-size: 14px; line-height: 40px;}
    .footer_menus ul li a{color: #fff; font-size: 12px; line-height: 24px;}
    .footer_util_btn{display: none;}
}


/* footer util btn */
.footer_util_btn{display: none;}
.footer_util_btn ul::after{content: ""; display: block; clear: both;}

@media screen and (max-width: 480px){
    .footer_util_btn ul li a{font-size: 17px;}
}
@media screen and (max-width: 640px) {
    .footer_util_btn{display: block;}
    .footer_util_btn ul{width: 90%; margin: 25px auto 0; text-align: center;}
    .footer_util_btn ul li{display: block; float: left; width: 31%; margin: 0.75%; margin-right: 5px; margin-left: 1px;}
    .footer_util_btn ul li:hover{text-decoration: underline;}
    .footer_util_btn ul li a{display: block; color: #fff; font-family: Arial; border: 2px solid #fff; border-radius: 3px; text-align: center; padding: 10% 3%;}
}
@media screen and (min-width: 641px) and (max-width: 960px) {
    .footer_util_btn{display: block;}
    .footer_util_btn ul{width: 70%; margin: 25px auto 0; text-align: center;}
    .footer_util_btn ul li{display: inline-block; float: none; width: 31%; margin: 0.75%;}
    .footer_util_btn ul li a{display: block; color: #fff; font-family: Arial; border: 2px solid #fff; border-radius: 3px; text-align: center; padding: 10% 3%; font-size: 24px;}
    .footer_util_btn ul li a:hover{text-decoration: underline;}
}


/* footer awards wrap */
.footer_awards_wrap{background: #282828; position: relative; width: 100%; padding-top: 20px;}
.footer_awards_wrap_inner{position: absolute; left: 50%; padding-bottom: 20px; margin-left: -591px; width: 1182px;}
.bx-wrapper{position: relative; margin: 0 auto 60px; padding: 0;}
.footer_awards_slider{display: inline-block; position: relative;}
.footer_awards_slider li{float: left;}
.footer_awards_slider li a{display: block;}
.footer_awards_slider li a img{margin: 0 auto;}
.bx-wrapper img{max-width: 100%; display: block;}
.footer_slider_controller{bottom: 3px; height: 12px; position: absolute; text-align: center; width: 100%; z-index: 14;}
.footer_slider_controls{display: inline-block; height: 12px; position: relative; width: 9px;}
.footer_slider_controls .bx-controls-auto{position: absolute;}
.footer_slider_controls .bx-controls-auto a{display: block; overflow: hidden; text-indent: -20000px;}
.footer_slider_controls .bx-controls-auto a.bx-stop{background: url(../img/footer_award_play.png) 0 0 no-repeat; height: 12px; width: 9px;}


@media screen and (max-width: 480px) {
    .footer_awards_wrap{height: 80px; margin-top: 40px;}
    .footer_awards_wrap_inner{margin-left: -300px; width: 600px;}
}
@media screen and (max-width: 640px) {
    .footer_awards_wrap_inner .bx-wrapper{margin-bottom: 0;}
}
@media screen and (min-width: 481px) and (max-width: 660px) {
    .footer_awards_wrap{height: 80px; margin-top: 40px;}
    .footer_awards_wrap_inner{height: 64px; margin-left: -300px; top: 8px; width: 600px;}
    .footer_awards_wrap_inner .bx-wrapper{margin-bottom: 0;}
}
@media screen and (min-width: 641px) and (max-width: 940px) {
    .footer_awards_wrap{height: 80px; margin-top: 40px;}
}
@media screen and (min-width: 641px) and (max-width: 1120px) {
    .footer_awards_wrap{height: 90px; margin-top: 30px;}
    .footer_awards_wrap_inner ul li{margin-top: 5px; width: 254px;}
}
@media screen and (min-width: 961px) {
    .footer_awards_wrap{height: 80px; margin-top: 40px;}
    .footer_awards_wrap{height: 80px; margin-top: 40px;}
    .footer_slider_controller{display: none;}
}
@media screen and (max-width: 1200px){
    .footer_awards_wrap_inner{width: 762px; margin-left: -381px;}
    .footer_awards_wrap_inner .bx-wrapper{margin-bottom: 0;}
    .footer_awards_wrap_inner .bx-viewport{height: 50px!important;}
}


/* copyright */
.copyright{left: 50%; position: relative;}
.c_00b050{color: #00b050; font-weight: bold;}
.copyright a.last{border-right: 0;}
.copyright a{display: inline-block;}
.copyright ul.copy_menu{padding: 25px 0 5px 0; margin: 0 auto; text-align: center;}
.copyright ul.copy_menu::after{content: ""; display: block; clear: both;}
.copyright ul.copy_menu li{line-height: 1.3; margin: 0 7px; display: inline-block;}

@media screen and (max-width: 480px) {
    .copyright{color: #999; font-size: 11px; line-height: 24px; margin-left: -155px; padding-top: 30px; text-align: center; width: 310px;}
    .copyright a{border-right: 1px solid #393939; display: inline-block; font-size: 12px; padding: 0 10px; color: #ccc;}
    a.c_00b050{color: #00b050; font-weight: bold;}
    .copyright a.btned_link{background: none; border: 2px solid #fff; border-radius: 3px; color: #fff; display: inline-block; font-size: 11px; margin: 10px 2px 0 3px; width: 70px; height: 30px; line-height: 30px;}
    .copyright a.btned_link:hover{text-decoration: underline;}
    .copyright span.en{display: inline-block; line-height: 40px;}
}
@media screen and (max-width: 640px){
    .copyright ul.copy_menu li{display: block;}
    .copyright span.en{width: 320px;}
}
@media screen and (min-width: 481px) and (max-width: 660px) {
    .copyright{color: #999; font-size: 11px; line-height: 24px; margin-left: -155px; padding-top: 30px; text-align: center; width: 310px;}
    .copyright a{border-right: 1px solid #393939; font-size: 12px; padding: 0 10px; color: #ccc;}
    .copyright a.c_00b050{color: #00b050; font-weight: bold;}
    .copyright a.mbn{border-right: 0;}
    .copyright span.br{display: block;}
    .copyright a.btned_link{background: none; border: 2px solid #fff; border-radius: 3px; color: #fff; display: inline-block; font-size: 11px; margin: 10px 2px 0 3px; width: 70px; height: 30px; line-height: 30px;}
    .copyright a.btned_link:hover{text-decoration: underline;}
    .copyright ul.copy_menu li{line-height: 1.3; display: block;}
    .copyright span.en{display: inline-block; line-height: 40px;}
}
@media screen and (min-width: 661px) and (max-width: 940px){
    .copyright{color: #999; font-size: 10px; line-height: 24px; margin-left: -50%; padding-top: 30px; text-align: center; width: 100%;}
    .copyright a{border-right: 1px solid #393939; font-size: 10px; padding: 0 10px; color: #ccc;}
    .copyright a.c_00b050{color: #00b050; font-weight: bold;}
    .copyright a.last{border-right: 0;}
    .copyright a.btned_link{background: none; border: 2px solid #fff; border-radius: 3px; color: #fff; display: inline-block; font-size: 12px; margin: 10px 2px 0 3px; width: 90px; height: 30px; line-height: 30px;}
    .copyright a.btned_link:hover{text-decoration: underline;}
    .copyright span.en{display: inline-block; line-height: 40px;}
}
@media screen and (min-width: 941px) {
    .copyright{color: #999; font-size: 10px; line-height: 18px; margin-left: -50%; padding-top: 30px; text-align: center; width: 100%;}
    .copyright a{border-right: 1px solid #393939; color: #ccc; font-size: 10px; padding: 0 10px;}
    .copyright a.c_00b050{color: #00b050;}
    .copyright a.btned_link {
        background: none;
        border: 2px solid #fff;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        font-size: 12px;
        margin: 10px 2px 0 3px;
        width: 90px;
        height: 30px;
        line-height: 30px;
    }
    .copyright a.btned_link:hover{text-decoration: underline;}
    .copyright span.en{display: inline-block; line-height: 40px;}
}

@font-face {font-family: 'nbg';src: url("../fonts/NanumBarunGothic.eot")}
@font-face {font-family: 'nbg';src: url("../fonts/NanumBarunGothic.woff")}