html {
    height: 100%;
}

body {
    height: 100%;
}

#wrap {
    width: 100%;
    /* min-height:100%;*/
    position: relative;
    background: #eee;
}

.inner {
    width: 90%;
    padding: 0 5%;
}

.overlay {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/bg_pager.png') repeat 0 0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
}

#allMenuWrap {
    position: fixed;
    width: 100%;
    left: -100%;
    background: #fff;
    z-index: 100;
    height: 100%;
}

#allMenuWrap .sub_title {
    position: relative;
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
    text-align: center;
    border-bottom: 1px solid #005da3;
    line-height: 52px;
}

#allMenuWrap .sub_title h2 {
    font-size: 4.7vw;
    font-weight: 600;
}

#allMenuWrap .sub_title .menuClose {
    display: block;
    position: absolute;
    right: 5%;
    top: 0;
    margin-top: 0;
}

#allMenuWrap .sub_title .menuClose img {
    width: 4.7vw;
    vertical-align: middle;
    margin-top: -1px;
}

#allMenuWrap .menuArea img {
    margin-top: 20px;
}

#allMenuWrap .menuArea ul {
    border-bottom: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    margin-top: -1px;
}

#allMenuWrap .menuArea ul:after {
    content: '';
    display: block;
    clear: both;
}

#allMenuWrap .menuArea ul li {
    float: left;
    box-sizing: border-box;
    width: 25%;
    padding: 3% 0;
    text-align: center;
    border-right: 1px solid #dfdfdf;
}

#allMenuWrap .menuArea ul li a {
    display: block;
    padding-top: 50%;
}

#allMenuWrap .menuArea ul li:last-child {
    border-right: 1px solid #fff;
}

#allMenuWrap .menuArea ul li.menu01 a {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/menu_icon01_off.png') no-repeat center top;
    background-size: 40%;
}

#allMenuWrap .menuArea ul li.menu02 a {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/menu_icon02_off.png') no-repeat center top;
    background-size: 40%;
}

#allMenuWrap .menuArea ul li.menu03 a {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/menu_icon03_off.png') no-repeat center top;
    background-size: 40%;
}

#allMenuWrap .menuArea ul li.menu04 a {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/menu_icon04_off.png') no-repeat center top;
    background-size: 40%;
}

#allMenuWrap .menuArea ul li.menu05 a {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/menu_icon05_off.png') no-repeat center top;
    background-size: 40%;
}

#allMenuWrap .menuArea ul li.menu06 a {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/menu_icon06_off.png') no-repeat center top;
    background-size: 40%;
}

#allMenuWrap .menuArea ul li.menu07 a {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/menu_icon07_off.png') no-repeat center top;
    background-size: 40%;
}

#allMenuWrap .menuArea ul li.menu08 a {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/menu_icon08_off.png') no-repeat center top;
    background-size: 40%;
}

#allMenuWrap .menuArea ul li.active {
    background: #005da3;
    border-color: #005da3;
}

#allMenuWrap .menuArea ul li.active a {
    color: #fff;
}

#allMenuWrap .menuArea ul li.active.menu01 a {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/menu_icon01_on.png') no-repeat center top;
    background-size: 40%;
}

#allMenuWrap .menuArea ul li.active.menu02 a {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/menu_icon02_on.png') no-repeat center top;
    background-size: 40%;
}

#allMenuWrap .menuArea ul li.active.menu03 a {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/menu_icon03_on.png') no-repeat center top;
    background-size: 40%;
}

#allMenuWrap .menuArea ul li.active.menu04 a {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/menu_icon04_on.png') no-repeat center top;
    background-size: 40%;
}

#allMenuWrap .menuArea ul li.active.menu05 a {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/menu_icon05_on.png') no-repeat center top;
    background-size: 40%;
}

#allMenuWrap .menuArea ul li.active.menu06 a {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/menu_icon06_on.png') no-repeat center top;
    background-size: 40%;
}

#allMenuWrap .menuArea ul li.active.menu07 a {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/menu_icon07_on.png') no-repeat center top;
    background-size: 40%;
}

#allMenuWrap .menuArea ul li.active.menu08 a {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/menu_icon08_on.png') no-repeat center top;
    background-size: 40%;
}

#allMenuWrap .submenuArea ul {
    background: #f3f3f3;
    display: none;
}

#allMenuWrap .submenuArea ul:after {
    content: '';
    display: block;
    clear: both;
}

#allMenuWrap .submenuArea ul li {
    width: 50%;
    float: left;
    box-sizing: border-box;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

#allMenuWrap .submenuArea ul li a {
    color: #555;
    padding: 5%;
    box-sizing: border-box;
    display: block;
}

#allMenuWrap .submenuArea ul li:nth-child(even) {
    border-right: 1px solid #f3f3f3;
}

.main header {
    width: 100%;
    background: #fff;
    z-index: 80;
    border-bottom: 1px solid #dfdfdf;
    padding: 0;
    height: 65px;
    margin-bottom: 10px;
}

.sub header {
    /* position: fixed; */
    position: sticky;
    width: 100%;
    background: #fff;
    z-index: 80;
    border-bottom: none;
    padding: 0;
}

header:after {
    content: '';
    display: block;
    clear: both;
}

header .top_header {
    overflow: hidden;
    position: relative;
    float: left;
    width: 45%;
}

header h1 {
    text-align: center;
    padding-top: 8px;
}

header h1 a {
    display: block;
    width: 90px;
    margin: 0 auto;
}

header .btn_menu {
    display: block;
    width: 15%;
    float: left;
    margin: 3% 5% 0 0;
}

header #top_search {
    width: 48%;
    padding: 1% 3%;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 2px 2px rgba(208, 208, 208, 0.5);
    -moz-box-shadow: 0px 0px 2px 2px rgba(208, 208, 208, 0.5);
    box-shadow: 0px 0px 2px 2px rgba(208, 208, 208, 0.5);
    float: right;
}

header #top_search .text {
    width: 85%;
    vertical-align: middle;
    border: none;
    margin-left: 2%;
}

header #top_search img {
    width: 10%;
    vertical-align: middle;
    margin-top: -2px;
}

header #sub_search {
    position: absolute;
    left: 5%;
    top: 8px;
    z-index: 10;
    width: 85%;
    padding: 0 3%;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 2px 2px rgba(208, 208, 208, 0.5);
    -moz-box-shadow: 0px 0px 2px 2px rgba(208, 208, 208, 0.5);
    box-shadow: 0px 0px 2px 2px rgba(208, 208, 208, 0.5);
    background: #fff;
    display: none;
}

header #sub_search .text {
    width: 80%;
    vertical-align: middle;
    border: none;
    margin-left: 0;
}

header #sub_search img {
    vertical-align: middle;
    margin-top: -2px;
    width: 15px;
}

header #sub_search .btn_sub_search {
    margin-top: -2px;
    width: 17px;
    float: right;
    margin-top: 9px;
}

header #sub_search a {
    vertical-align: middle;
    float: right;
    margin: 10px 0 0 10px;
}

nav {
    margin: 3% 0 0 0;
}

nav ul {
    overflow: hidden;
    text-align: center;
    width: 98%;
    margin: 0 auto;
}

nav ul li {
    float: left;
    margin: 0 2.8%;
    min-width: 10%;
}

nav ul li:first-child {
    margin-left: 0;
}

nav ul li:last-child {
    margin-right: 0;
}

nav ul li a {
    color: #000;
    display: block;
    padding: 9px 0;
    box-sizing: border-box;
    font-size: 3.6vw;
}

nav ul li.active a {
    color: #0387db;
    border-bottom: 3px solid #0387db;
}

#mainVisual {
    position: relative;
}

#mainVisual .mainSlide li img {
    vertical-align: top;
}

#mainVisual .bx-has-pager {
    position: absolute;
    width: 100%;
    bottom: 6%;
    z-index: 55;
    text-align: center;
}

#mainVisual .bx-has-pager .bx-pager-item {
    display: inline-block;
    margin: 0 2px;
}

#mainVisual .bx-has-pager .bx-pager-item a {
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    border: 1px solid #fff;
    border-radius: 100px;
    width: 7px;
    height: 7px;
}

#mainVisual .bx-has-pager .bx-pager-item a.active {
    background: #fff;
}

.beforeLog {
    text-align: center;
    background: #fff;
    padding: 5% 3%;
    line-height: 1.5em;
    height: 42vh;
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
}

.beforeLog h3 {
    font-size: 4.5vw;
}

.beforeLog p {
    font-weight: 300;
    font-size: 3.6vw;
    margin-top: 3%;
}

.beforeLog .btn_login {
    display: inline-block;
    margin-top: 5%;
    min-width: 45px;
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    border: 1px solid #005da3;
    color: #005da3;
    border-radius: 2px;
    text-align: center;
    font-size: 4vw;
}

.menuArea {
    background: #fff;
}

.menuArea .quickMenu {
    font-size: 15px;
    text-align: center;
    padding: 15px;
}

.menuArea ul:after {
    content: '';
    display: block;
    clear: both;
}

.menuArea ul li {
    box-sizing: border-box;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    width: 25%;
    float: left;
    text-align: center;
    line-height: 1.5em;
    padding: 3% 0;
}

.menuArea ul li img {
    width: 50%;
}

.menuArea2 ul li {
    padding: 3% 0 0 0;
}

.pvmenuArea {
    background: #fff;
}

.pvmenuArea .quickMenu {
    font-size: 15px;
    text-align: center;
    padding: 15px;
}

.pvmenuArea ul:after {
    content: '';
    display: block;
    clear: both;
}

.pvmenuArea ul li {
    box-sizing: border-box;
    /*border:1px solid #dfdfdf;*/
    background-color: #efefef;
    width: 25%;
    float: left;
    text-align: center;
    line-height: 1.5em;
    padding: 3% 0;
}

.pvmenuArea ul li img {
    width: 65%;
}

.pvmenuArea2 ul li {
    padding: 3% 0 0 0;
}

.pdtWrap dl {
    background: #fff;
    margin-top: 4%;
}

.pdtWrap dl:first-child {
    margin-top: 0;
}

.pdtWrap dl dt {
    position: relative;
}

.pdtWrap dl dt .concierge_layer {
    display: none;
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/bg_overlay.png') repeat 0 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.pdtWrap dl dt .conciergeWrap {
    position: absolute;
    left: 4%;
    top: 10%;
    background: #fff;
    width: 92%;
    padding: 5% 0 0 0;
}

.pdtWrap dl dt .concierge_layer p {
    width: 90%;
    padding: 0 5%;
}

.pdtWrap dl dt .concierge_layer .cc_button {
    overflow: hidden;
    margin-top: 8%;
}

.pdtWrap dl dt .concierge_layer .cc_button a {
    width: 50%;
    float: left;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.pdtWrap dl dt .concierge_layer .cc_button a.btn_cc_red {
    background: #0387db;
    color: #fff;
}

.pdtWrap dl dt .concierge_layer .cc_button a.btn_cc_gray {
    background: #ccc;
    color: #444;
}

.pdtWrap dl dt img {
    vertical-align: top;
}

.pdtWrap dl dd {
    padding: 5%;
    box-sizing: border-box;
    position: relative;
}

.pdtWrap dl dd .icon {
    margin-top: -11%;
}

.pdtWrap dl dd .title {
    margin: 0 0 3% 0;
    line-height: 1.5em;
}

.pdtWrap dl dd .title .small {
    font-size: 3vw;
    color: #666;
    display: block;
    margin-top: 3%;
}

.pdtWrap dl dd .title .name {
    color: #111;
    display: block;
    font-size: 4vw;
    font-weight: 600;
}

.pdtWrap dl dd .price {
    line-height: 1.5em;
}

.pdtWrap dl dd .price b {
    padding-left: 5px;
}

.pdt_event {
    position: relative;
    margin-top: 5%;
}

.pdt_event img {
    vertical-align: top;
}

.pdt_event .info {
    position: absolute;
    left: 5%;
    top: 0;
    margin-top: 8%;
    line-height: 1.5em;
}

.pdt_event .info b.name {
    color: #be4b44;
    font-weight: 600;
    font-size: 5.6vw;
    display: block;
    margin-bottom: 3%;
}

.pdt_event .info p {
    margin-bottom: 1%;
}

.pdtWrap .information {
    padding: 3% 5%;
}

.pdtWrap .information li {
    padding-left: 7px;
    margin-top: 3%;
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/list_bullet.png') no-repeat left 7px;
    background-size: 2px;
}

.pdtWrap .information li:first-child {
    margin-top: 0;
}

.pdtWrap .information li .info_title {
    display: block;
    font-weight: 600;
    padding-left: 7px;
    margin-left: -7px;
    margin-bottom: 2px;
}

.pdtWrap .icon_grade {
    position: absolute;
    top: 0;
    display: block;
}

.pdtWrap .icon_grade span {
    padding: 15px;
    display: block;
}

#eventBanner {
    position: relative;
    margin-top: 5%;
}

#eventBanner .eventSlide li img {
    vertical-align: top;
}

#eventBanner .eventSlide li .pdt_event {
    position: absolute;
    z-index: 55;
    left: 0;
    top: 0;
    width: 100%;
}

#eventBanner .eventSlide li .pdt_event * {
    color: #fff;
}

#eventBanner .eventSlide li .pdt_event .info {
    margin-top: 2%;
}

#eventBanner .eventSlide li .pdt_event .btn_reservation {
    border-color: #fff;
}

#eventBanner .bx-has-pager {
    position: absolute;
    width: 100%;
    bottom: 0%;
    z-index: 55;
    padding: 2% 0;
    text-align: center;
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/bg_pager.png') repeat 0 0;
}

#eventBanner .bx-has-pager .bx-pager-item {
    display: inline-block;
    margin: 0 2px;
}

#eventBanner .bx-has-pager .bx-pager-item a {
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    border: 1px solid #fff;
    border-radius: 100px;
    width: 7px;
    height: 7px;
}

#eventBanner .bx-has-pager .bx-pager-item a.active {
    background: #fff;
}

#serviceBanner {
    position: relative;
    margin-top: 0%;
    background: #2d70b8;
    padding: 5% 0;
    overflow: hidden;
}

#serviceBanner h3.title {
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 5vw;
    margin-bottom: 5%;
}

#serviceBanner h3.title .s_title {
    display: block;
    font-size: 3.8vw;
    font-weight: 400;
    margin-top: 3px;
}

#serviceBanner .bx-wrapper {
    margin-bottom: 5%;
}

#serviceBanner .bx-viewport {
    overflow: visible !important;
    width: 90% !important;
    left: 15%;
}

#serviceBanner .serviceSlide {
    overflow: hidden;
}

#serviceBanner .serviceSlide li {
    text-align: center;
    width: 70vmin !important;
}

#serviceBanner .serviceSlide li img {
    vertical-align: top;
}

#serviceBanner .serviceSlide li dl {
    line-height: 1.5em;
    padding: 5% 3%;
    box-sizing: border-box;
}

#serviceBanner .serviceSlide li dt {
    font-weight: 600;
    color: #fff;
    font-size: 4vw;
}

#serviceBanner .serviceSlide li dd {
    font-size: 3.2vw;
    color: #fff;
    margin-top: 3px;
    letter-spacing: -0.5px;
}

#serviceBanner .bx-has-pager {
    position: absolute;
    width: 100%;
    bottom: 1%;
    z-index: 55;
    text-align: center;
    margin-bottom: 3%;
}

#serviceBanner .bx-has-pager .bx-pager-item {
    display: inline-block;
    margin: 0 2px;
}

#serviceBanner .bx-has-pager .bx-pager-item a {
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    border: 1px solid #fff;
    border-radius: 100px;
    width: 7px;
    height: 7px;
}

#serviceBanner .bx-has-pager .bx-pager-item a.active {
    background: #fff;
}

#mypageBanner {
    position: relative;
    margin-top: 0%;
    background: #2d70b8;
    padding: 0 0 30px 0;
    overflow: hidden;
}

#mypageBanner h3.title {
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 5vw;
    margin-bottom: 5%;
}

#mypageBanner h3.title .s_title {
    display: block;
    font-size: 3.8vw;
    font-weight: 400;
    margin-top: 3px;
}

#mypageBanner .bx-wrapper {
    margin-bottom: 5%;
}

#mypageBanner .bx-viewport {
    overflow: visible !important;
    width: 90% !important;
    left: 15%;
}

#mypageBanner .serviceSlide {
    overflow: hidden;
}

#mypageBanner .serviceSlide li {
    text-align: center;
    width: 70vmin !important;
}

#mypageBanner .serviceSlide li img {
    vertical-align: top;
}

#mypageBanner .serviceSlide li dl {
    line-height: 1.5em;
    padding: 5% 3%;
    box-sizing: border-box;
}

#mypageBanner .serviceSlide li dt {
    font-weight: 600;
    color: #feff9d;
    font-size: 4vw;
}

#mypageBanner .serviceSlide li dd {
    font-size: 3.2vw;
    color: #fff;
    margin-top: 3px;
    letter-spacing: -0.5px;
}

#mypageBanner .bx-has-pager {
    position: absolute;
    width: 100%;
    bottom: 1%;
    z-index: 55;
    text-align: center;
    margin-bottom: 3%;
}

#mypageBanner .bx-has-pager .bx-pager-item {
    display: inline-block;
    margin: 0 2px;
}

#mypageBanner .bx-has-pager .bx-pager-item a {
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    border: 1px solid #fff;
    border-radius: 100px;
    width: 7px;
    height: 7px;
}

#mypageBanner .bx-has-pager .bx-pager-item a.active {
    background: #fff;
}

#pvmypageBanner {
    position: relative;
    margin-top: 0%;
    background: #bc9546;
    padding: 0 0 30px 0;
    overflow: hidden;
}

#pvmypageBanner h3.title {
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 5vw;
    margin-bottom: 5%;
}

#pvmypageBanner h3.title .s_title {
    display: block;
    font-size: 3.8vw;
    font-weight: 400;
    margin-top: 3px;
}

#pvmypageBanner .bx-wrapper {
    margin-bottom: 5%;
}

#pvmypageBanner .bx-viewport {
    overflow: visible !important;
    width: 90% !important;
    left: 15%;
}

#pvmypageBanner .serviceSlide {
    overflow: hidden;
}

#pvmypageBanner .serviceSlide li {
    text-align: center;
    width: 70vmin !important;
}

#pvmypageBanner .serviceSlide li img {
    vertical-align: top;
}

#pvmypageBanner .serviceSlide li dl {
    line-height: 1.5em;
    padding: 5% 3%;
    box-sizing: border-box;
}

#pvmypageBanner .serviceSlide li dt {
    font-weight: 600;
    color: #feff9d;
    font-size: 4vw;
}

#pvmypageBanner .serviceSlide li dd {
    font-size: 3.2vw;
    color: #fff;
    margin-top: 3px;
    letter-spacing: -0.5px;
}

#pvmypageBanner .bx-has-pager {
    position: absolute;
    width: 100%;
    bottom: 1%;
    z-index: 55;
    text-align: center;
    margin-bottom: 3%;
}

#pvmypageBanner .bx-has-pager .bx-pager-item {
    display: inline-block;
    margin: 0 2px;
}

#pvmypageBanner .bx-has-pager .bx-pager-item a {
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    border: 1px solid #fff;
    border-radius: 100px;
    width: 7px;
    height: 7px;
}

#pvmypageBanner .bx-has-pager .bx-pager-item a.active {
    background: #fff;
}


/* 서브페이지 공통 */

#wrap.sub #contents {
    padding-top:0px;
    background: #eee;
}

#wrap.sub .sub_title {
    position: relative;
    width: 100%;
    padding: 0 5%;
    line-height: 52px;
    box-sizing: border-box;
    text-align: center;
    border-bottom: 1px solid #d0d0d0;
}

#wrap.sub .sub_title h2 {
    font-size: 4.7vw;
    font-weight: 600;
}

#wrap.sub .sub_title .prevPage {
    position: absolute;
    left: 5%;
    top: 0;
    margin-top: 0;
    display: block;
}

#wrap.sub .sub_title .prevPage img {
    width: 6vw;
    vertical-align: middle;
}

#wrap.sub .sub_title .btn_setting {
    position: absolute;
    right: 5%;
    top: 0;
    margin-top: -1px;
}

#wrap.sub .sub_title .btn_setting img {
    width: 6vw;
    vertical-align: middle;
}

#wrap.sub .sub_title .search {
    position: absolute;
    right: 5%;
    top: 0;
    margin-top: -1px;
}

#wrap.sub .sub_title .search img {
    width: 6vw;
    vertical-align: middle;
}

#wrap.sub .pdtWrap {
    background: #eee;
    padding: 3% 0;
}

#wrap.sub .section {
    width: 90%;
    padding: 5%;
}

#wrap.sub .section_w {
    width: 90%;
    padding: 5%;
    background: #fff;
}

#wrap.sub .section2 {
    width: 90%;
    padding: 5%;
    background: #eee url('https://img.ibottle.kr/julgigobaseimg/mobile/images/sub/bg_section.gif') no-repeat center top;
    background-size: 3px 25px;
}

#wrap.sub .section2 h3.title {
    text-align: center;
    color: #222;
    font-size: 4.4vw;
    padding-top: 5%;
    margin-bottom: 3%;
}

#wrap.sub .section2 .title2 {
    font-weight: 600;
    margin-bottom: 3%;
}

#wrap.sub .section2 p {
    color: #666;
}

#wrap.sub .section3 {
    width: 90%;
    padding: 5%;
    background: #eee;
}

#wrap.sub .section3 h2 {
    font-weight: 600;
    font-size: 4.4vw;
    margin-bottom: 2%;
}

#wrap.sub .section3 p {
    color: #444;
}

#wrap.sub .section3 img {
    vertical-align: middle;
    margin-top: -2px;
}

#wrap.sub .inner_section {
    padding: 5% 5% 0 5%;
    margin: 5%;
    width: 80%;
}

#wrap.sub .inner_section:first-child {
    margin-top: 0;
}

#wrap.sub .inner_section:last-child {
    margin-bottom: 0;
}

#wrap.sub p.gray {
    color: #777;
    line-height: 1.5em;
}

#wrap.sub .type1 .section {
    width: 100%;
    padding: 0;
    margin: 0 0 5% 0;
}

#wrap.sub .type1 .section .listType01 {
    padding: 3%;
}

.list_num li {
    padding-left: 5%;
    margin-top: 3%;
    color: #666;
}

.list_num li:first-child {
    margin-top: 0;
}

.list_num li span.num {
    display: inline-block;
    margin-left: -5%;
    width: 5%;
}

.tip {
    margin-top: 3%;
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/member/ico_tip.png') no-repeat 0 1px;
    background-size: 15px;
    padding-left: 20px;
}

.cgWrap {
    background: #fff;
    width: 90%;
    padding: 5%;
}

.category {
    position: relative;
}

.category .current {
    display: block;
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/sub/ico_select.png') no-repeat 97% center;
    background-size: 7px;
    border: 1px solid #666;
    border-radius: 2px;
    height: 40px;
    line-height: 40px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 3%;
    font-weight: 600;
    ;
}

.category ul {
    display: none;
    position: absolute;
    left: 0;
    top: 42px;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 2px;
    z-index: 1;
}

.category ul li {
    height: 40px;
    line-height: 40px;
    border-top: 1px dashed #d0d0d0;
}

.category ul li:first-child {
    border-top: none;
}

.category ul li a {
    display: block;
    padding: 0 3%;
}


/* Frame */


#wrap.sub {
    position: relative; /* 부모 요소의 position을 relative로 설정 */
    overflow: hidden; /* 부모에 overflow hidden을 적용 */
}

/* .subMenu를 sticky로 고정 */
#wrap.sub .subMenu {
    padding: 0 3%;
    background: #fff;
    border-bottom: 1px solid #eee;
    margin-top: 0;
    position: sticky;
    top: 0; /* 스크롤 시 상단에 고정 */
    z-index: 10; /* 다른 요소들이 위에 표시되지 않도록 */
}
#wrap.sub .subMenu>ul {
    width: 100%;
    text-align: center;
}

#wrap.sub .subMenu>ul:after {
    content: '';
    display: block;
    clear: both;
}

#wrap.sub .subMenu>ul li {
    float: left;
    margin-right: 3%;
    text-align: center;
    padding: 3% 0;
    border-bottom: 3px solid #fff;
}

#wrap.sub .subMenu>ul li a {
    display: block;
}

#wrap.sub .subMenu>ul li a img {
    vertical-align: top;
}

#wrap.sub .subMenu>ul li.active {
    border-bottom: 3px solid #0387db;
}

#wrap.sub .subMenu>ul li.active a {
    color: #0387db;
    font-weight: 600;
}

.frame.crazy {
    overflow: hidden;
    padding: 0 3%;
    background: #fff;
    /* position: fixed; */
    position: sticky;
    left: 0;
    top: 0px;
    z-index: 90;
    min-width: 100%;
    border-bottom: 1px solid #dfdfdf;
}

.frame.crazy ul {
    overflow: hidden;
    min-width: 100%;
    text-align: center;
}

.frame.crazy ul li {
    float: left;
    color: #fff;
    text-align: center;
    cursor: pointer;
    padding: 5% 0 4% 0;
    margin-right: 13px;
}

.frame.crazy ul li a {
    display: block;
    font-size: 3.6vw;
}

.frame.crazy ul li a img {
    vertical-align: top;
}

.frame.crazy ul li.active {
    border-bottom: 3px solid #0387db;
}

.frame.crazy ul li.active a {
    color: #0387db;
    font-weight: 600;
}

.selectDate {
    background: #fff;
    margin-top: 3%;
    border-bottom: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
}

.selectDate:after {
    content: '';
    display: block;
    clear: both;
}

.selectDate .local {
    padding: 3%;
    border-right: 1px solid #dfdfdf;
    width: 50%;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/sub/ico_location.png') no-repeat 95% center;
    background-size: 13px;
}

.selectDate .local select {
    width: 130%;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    font-size: 3.6vw;
    height: 28px;
}

.selectDate .type {
    padding: 3%;
    width: 50%;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/ico_list.png') no-repeat 95% center;
    background-size: 16px;
}

.selectDate .type select {
    width: 130%;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    height: 27px;
}

.selectDate .date {
    padding: 3%;
    line-height: 7vw;
    float: right;
    width: 50%;
    box-sizing: border-box;
    position: relative;
}

.selectDate .date a {
    font-size: 3.6vw;
}

.selectDate .date a img {
    vertical-align: middle;
    float: right;
    margin-top: 3%;
}

.culture .selectDate .local {
    width: 100%;
    float: none;
    border: none;
    background-position: 98% center;
}


/* 상품 상세보기 */

.pdtWrap#view {
    padding: 0 !important;
    margin-top: 3%;
}

.pdtWrap#view .viewSlide {
    position: relative;
}

.pdtWrap#view .viewSlide .bx-has-pager {
    position: absolute;
    width: 100%;
    bottom: 1%;
    z-index: 55;
    text-align: center;
    margin-bottom: 3%;
}

.pdtWrap#view .viewSlide .bx-has-pager .bx-pager-item {
    display: inline-block;
    margin: 0 2px;
}

.pdtWrap#view .viewSlide .bx-has-pager .bx-pager-item a {
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    border: 1px solid #fff;
    border-radius: 100px;
    width: 7px;
    height: 7px;
}

.pdtWrap#view .viewSlide .bx-has-pager .bx-pager-item a.active {
    background: #fff;
}

.pdtWrap#view dl {
    margin-bottom: 3%;
}

.pdtWrap#view dl dd.detail {
    border-top: 1px solid #dfdfdf;
}

.pdtWrap#view dl dd .icon {
    position: relative;
    z-index: 60;
}

.detailTab {
    background: #fff;
    height: 40px;
    position: relative;
    top: 0;
    overflow: hidden;
}

.detailTab.fixed ul {
    position: fixed;
    width: 100%;
    top: 52px;
    background: #fff;
    z-index: 10;
}

.detailTab ul:after {
    content: '';
    display: block;
    clear: both;
}

.detailTab ul li {
    float: left;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    box-sizing: border-box;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.detailTab ul.list2 li {
    width: 50%;
}

.detailTab ul.list3 li {
    width: 33.3%;
}

.detailTab ul.list4 li {
    width: 25%;
}

.detailTab ul li.active {
    border-bottom: 3px solid #0387db;
    color: #0387db;
}

.detailTab ul li.active a {
    color: #0387db;
}

.detailWrap {
    background: #fff;
    height: 0;
    overflow: hidden;
}

.detailWrap01 {
    height: auto;
}

.detailWrap .section#roominfo {
    background: #8f8585;
}

.detailWrap .section p {
    color: #666;
}

.detailWrap .section .title {
    color: #222;
    font-size: 4.2vw;
    margin-bottom: 2%;
}

.detailWrap .section .title2 {
    color: #6fc055;
    font-weight: 600;
    font-size: 3.8vw;
    margin-bottom: 2%;
}

.detailWrap .section .title2 img {
    vertical-align: middle;
    width: 3vw;
    margin-top: -1px;
}

.detailWrap .section .root_daum_roughmap_landing {
    width: 100% !important;
}

.section.date_choice {
    position: relative;
    overflow: hidden;
}

.section.date_choice a {
    float: right;
}

.section.date_choice img {
    vertical-align: middle;
    margin-top: -1px;
}

.section .imgArea:after {
    content: '';
    display: block;
    clear: both;
}

.section .imgArea {
    margin-top: 5%;
    background: #fff;
    width: 94%;
    padding: 3% 3% 0;
}

.section .imgArea p {
    clear: both;
    overflow: hidden;
    width: 100%;
    padding: 3% 0;
}

.section .imgArea p .price {
    float: right;
}

.section .imgArea p .price b {
    color: #0387db
}

.section .imgArea .btn_room {
    display: block;
    text-align: center;
    color: #0387db;
    font-size: 3.8vw;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #dfdfdf;
    margin-left: -3%;
    width: 106%;
}

.section .imgArea .btn_room img {
    width: 5px;
    float: none;
    vertical-align: middle;
    margin-top: -2px;
}

.section .imgArea2 {
    background: #fff;
    width: 100%;
}

.section .imgArea2 img {
    vertical-align: top;
    width: 48%;
    padding: 0 1%;
    margin-bottom: 2%;
}

.section .imgArea2 img:nth-child(odd) {
    float: left;
}

.section .imgArea2 img:nth-child(even) {
    float: right;
}

.section .imgArea_caption ul:after {
    content: '';
    display: block;
    clear: both;
}

.section .imgArea_caption ul li {
    width: 49%;
    margin-bottom: 2%;
    text-align: center;
}

.section .imgArea_caption ul li:nth-child(odd) {
    float: left;
}

.section .imgArea_caption ul li:nth-child(even) {
    float: right;
}

.section .imgArea_caption ul li img {
    vertical-align: top;
}

.section .imgArea_caption ul li span {
    background: #a4a4a4;
    display: block;
    padding: 6% 0;
    color: #fff;
}

.tblType01 {}

.tblType01 table {
    width: 100%;
}

.tblType01 table th,
.tblType01 table td {
    word-break: break-all;
    color: #666;
    text-align: center;
    padding: 3% 0;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

.tblType01 table th:last-child,
.tblType01 table td:last-child {
    border-right: none;
}

.tblType01 table thead .tbl_tt th {
    background: #d8d8d8;
    color: #222;
}

.tblType01 table thead .tbl_tt2 th {
    background: #f3f3f3;
}

.tblType01 table .tbl_tt3 th {
    background: #fff;
}

.tblType01 table tbody del {
    display: block;
    color: #999;
    font-size: 2.8vw;
}


/* 예약하기 버튼 */

.choice {
    width: 100%;
    background: #eee;
    box-sizing: border-box;
    padding: 3%;
    position: fixed;
    bottom: 0;
    z-index: 99;
    border-top: 1px solid #dfdfdf;
}

.btn_choice {
    display: block;
    text-align: center;
    color: #fff;
    background: #0387db;
    height: 40px;
    line-height: 40px;
    font-size: 3.8vw;
    border-radius: 2px;
}

.btn_soldout {
    display: block;
    text-align: center;
    color: #fff;
    background: #666;
    height: 40px;
    line-height: 40px;
    font-size: 3.8vw;
    border-radius: 2px;
}


/* 예약하기 */

.rvWrap .section {
    background: #fff;
    margin-top: 3%;
}

.rvWrap .section:first-child {
    margin-top: 0;
}

.rvWrap .imgArea {
    padding: 0;
    width: 100%;
    margin: 0;
}

.rvWrap .imgArea a {
    display: block;
    overflow: hidden;
}

.check_date {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/bg_calendar.gif') no-repeat center center;
    background-size: 40px;
    position: relative;
    margin-bottom: 5%;
}

.check_date ul {
    overflow: hidden;
}

.check_date li {
    text-align: center;
    font-size: 4.4vw;
    color: #777;
}

.check_date li .date {
    display: block;
    color: #333;
    font-size: 3.6vw;
}

.check_date li.checkin {
    float: left;
}

.check_date li.checkout {
    float: right;
}

.tbl_calendar .month {
    text-align: center;
    position: relative;
    overflow: hidden;
    font-size: 4.4vw;
    font-weight: 600;
    margin-bottom: 5%;
}

.tbl_calendar .month .prev {
    float: left;
}

.tbl_calendar .month .next {
    float: right;
}

.tbl_calendar .month a img {
    vertical-align: middle;
    height: 3.5vw;
    margin-top: -1px;
}

.tbl_calendar table th,
.tbl_calendar table td {
    text-align: center;
    padding: 3% 2%;
}

.tbl_calendar table .sat {
    color: #1661ea;
}

.tbl_calendar table .sun {
    color: #0387db;
}

.tbl_calendar table .past {
    opacity: 0.3;
}

.tbl_calendar table .active {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/sub/bg_active.png') no-repeat center center;
    background-size: 47%;
    color: #fff;
}

.tbl_calendar table .today {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/sub/bg_today.png') no-repeat center center;
    background-size: 47%;
}

.tbl_calendar table thead th {
    background: #f3f3f3;
    font-weight: 300;
    border-bottom: 1px solid #dfdfdf;
}

.tbl_calendar#golf table tbody .sat,
.tbl_calendar#golf table tbody .sun {
    opacity: 0.3;
}

.contentsArea.pay {
    background: #fff;
}

.contentsArea.pay .section {
    border-bottom: 1px solid #dfdfdf;
    position: relative;
}

.contentsArea.pay .pdtWrap {
    padding: 0 !important;
}

.contentsArea.pay .pdtWrap .information {
    padding: 0 5% 5%;
}

.contentsArea.pay .rv_info {
    margin-top: 3%;
    line-height: 1.5em;
}

.contentsArea.pay .rv_info dt {
    font-size: 4.2vw;
    font-weight: 600;
    color: #0387db;
}

.contentsArea.pay .title {
    color: #222;
    font-size: 4.2vw;
    margin-bottom: 3%;
}

.contentsArea.pay .info_input li {
    margin-top: 3%;
}

.contentsArea.pay .info_input li:first-child {
    margin-top: 0;
}

.contentsArea.pay .tt {
    display: inline-block;
    width: 15%;
}

.contentsArea.pay .total .title {
    margin-bottom: 0;
}

.contentsArea.pay .price {
    position: absolute;
    right: 5%;
    top: 0;
    margin-top: 5%;
    font-weight: 600;
    color: #0387db;
    line-height: 4.2vw;
}

.contentsArea.pay .price span {
    font-size: 4.2vw;
}


/* 결제하기 */

.section.rv_step03 {
    background: #eee;
    padding-top: 0 !important;
}

.section.rv_step03 .imgArea {
    padding: 0;
    margin: 0;
    text-align: center;
    width: 94%;
    padding: 3% 3% 0 3%;
    background: #fff;
    border-bottom: 1px solid #d0d0d0;
}

.section.rv_step03 .imgArea p {
    width: 100%;
}


/* 결제 레이어 */

#payLayer {
    display: none;
    position: fixed;
    width: 90%;
    left: 5%;
    top: 20%;
    background: #fff;
    z-index: 200;
}

#payLayer ul {
    padding: 5%;
}

#payLayer ul li {
    line-height: 6vw;
    margin-top: 2%;
}

#payLayer ul li:first-child {
    margin-top: 0;
}

#payLayer ul li span.name {
    display: inline-block;
    width: 33%;
    font-weight: 300;
}

#payLayer ul li input.point {
    width: 30%;
}

#payLayer .pay_btnArea:after {
    content: '';
    display: block;
    clear: both;
}

#payLayer .pay_btnArea {
    text-align: center;
}

#payLayer .pay_btnArea a {
    display: block;
    width: 50%;
    float: left;
    padding: 3% 0;
}

#payLayer .pay_btnArea a.btn_submit {
    background: #0387db;
    color: #fff;
}

#payLayer .pay_btnArea a.btn_cancel {
    background: #ccc;
    color: #333;
}


/* 생활/건강 리스트 */

.health_banner {
    padding-top: 3%;
    background: #eee;
}

.health_banner li {
    padding-bottom: 3%;
}

.health_banner li img {
    vertical-align: top;
}


/* 이벤트 */

.contentsArea.event_list li {
    margin-top: 5%;
    -webkit-box-shadow: 0px 2px 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 3px 3px rgba(0, 0, 0, 0.1);
}

.contentsArea.event_list li:first-child {
    margin-top: 0;
}

.contentsArea.event_list li a {
    display: block;
}

.contentsArea.event_list li a img {
    vertical-align: top;
}

.contentsArea.event_view img {
    vertical-align: top;
}

.contentsArea.event_view .event_btn {
    overflow: hidden;
}

.contentsArea.event_view .event_btn a {
    width: 50%;
    float: left;
}


/* 공지사항 */

.contentsArea.board .boardWrap {
    margin: 5% 0 0 0;
    background: #fff;
}

.contentsArea.board .board_list li:first-child {
    border-top: 1px solid #dfdfdf;
}

.contentsArea.board .board_list li {
    padding: 3%;
    border-bottom: 1px solid #dfdfdf;
}

.contentsArea.board .board_list li a.subject {
    display: block;
}

.contentsArea.board .board_list li .info {
    display: block;
    font-size: 3.2vw;
    color: #777;
    margin-top: 1%;
}

.contentsArea.board #faq .faq_subject {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/sub/arrow_faq_off.png') no-repeat 97% center;
    background-size: 10px;
}

.contentsArea.board #faq .faq_subject.active {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/sub/arrow_faq_on.png') no-repeat 97% center;
    background-size: 10px;
}

.contentsArea.board #faq .boardCon {
    padding: 3%;
    background: #f7f7f7;
    display: none;
}

.contentsArea.board .boardSearch {
    text-align: center;
    padding: 0 0 5% 0;
    background: #eee;
}

.contentsArea.board .boardSearch select {
    width: 20%;
    height: 9vw;
}

.contentsArea.board .boardSearch .text {
    width: 40%;
    height: 9vw;
}

.contentsArea.board .boardSearch .button {
    width: 15%;
    background: #9b9b9b;
    height: 9vw;
    color: #fff;
    border: none;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
}

#boardView .title {
    background: #f3f3f3;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #dfdfdf;
    padding: 3%;
    background: #fff;
}

#boardView .title b {
    font-weight: 400;
}

#boardView .title .info {
    display: block;
    margin-top: 1%;
    font-size: 3.2vw;
    color: #777;
    font-weight: 300;
}

#boardView .boardCon {
    padding: 3%;
    border-bottom: 1px solid #dfdfdf;
    line-height: 1.5em;
    font-weight: 300;
    margin-bottom: 3%;
}

#boardView .boardCon img {
    max-width: 100%;
}

#boardView .btnArea {
    padding: 0 3% 5% 3%;
}

#paging {
    text-align: center;
    padding: 5% 0;
    background: #eee;
}

#paging a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

#paging a.arrow {
    border: 1px solid #d0d0d0;
    background: #fff;
}

#paging a.active {
    border: 1px solid #0387db;
    color: #0387db;
    background: #fff;
}


/* 마이페이지&회원단 */

.contentsArea.mypage .infoWrap {
    background: #2d70b8;
    color: #fff;
    text-align: center;
}

.contentsArea.mypage .infoWrap.non_mem {
    /*padding:12% 0;*/
    padding: 40% 0;
}

.contentsArea.mypage .infoWrap.non_mem p {
    margin-bottom: 5%;
    color: #fff;
}

.contentsArea.mypage .infoWrap.mem {
    padding: 10% 0 5% 0;
}

.contentsArea.mypage .infoWrap.mem p {
    color: #fff;
    font-size: 4vw;
    margin-bottom: 2%;
    margin-top: 15px;
}

.contentsArea.mypage .infoWrap.mem .date {
    display: block;
    color: #feff9d;
}

.contentsArea.mypage .infoWrap .btn_member {
    display: inline-block;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    padding: 0 20px;
}

.contentsArea.mypage .info_section {
    width: 90%;
    padding: 0 5%;
    margin: 5% 0;
}

.contentsArea.mypage .info_section:after {
    content: '';
    display: block;
    clear: both;
}

.contentsArea.mypage .info_section dl {
    width: 50%;
    box-sizing: border-box;
    float: left;
    text-align: center;
    line-height: 1.8em;
    border-right: 1px solid #75b3da;
}

.contentsArea.mypage .info_section dl:last-child {
    border-right: none;
}

.contentsArea.mypage .info_section dl * {
    color: #fff;
}

.contentsArea.mypage .info_section dt {
    font-size: 3.2vw;
}

.contentsArea.mypage .info_section dd b {
    font-size: 5vw;
}

.contentsArea.mypage .info_section .btn_white {
    margin-top: 5%;
    display: inline-block;
    border: 1px solid #fff;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    border-radius: 2px;
    font-size: 3.2vw;
}

.contentsArea.mypage .info_section .btn_white img {
    vertical-align: middle;
}

.contentsArea.mypage .mypage_menu ul {
    padding-bottom: 3%;
    border-top: 1px solid #d0d0d0;
    8
}

.contentsArea.mypage .mypage_menu ul:first-child {
    margin-top: 3%;
}

.contentsArea.mypage .mypage_menu li {
    background: #fff;
    line-height: 3em;
    border-bottom: 1px solid #d0d0d0;
}

.contentsArea.mypage .mypage_menu li a {
    padding: 0 3%;
    display: block;
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/sub/arrow_gray.png') no-repeat 95% center;
    background-size: 7px;
}

.contentsArea.mypage .mypage_menu li span a {
    display: block;
    font-weight: 600;
    color: #2d70b8;
    font-size: 4vw;
}

.contentsArea.mypage .point {
    border-bottom: 1px solid #dfdfdf;
}

.contentsArea.mypage .point li {
    line-height: 2em;
}

.mypage_menu ul {
    padding-top: 3%;
    padding-bottom: 3%;
    /* border-top:1px solid #d0d0d0;*/
}

.mypage_menu ul:first-child {
    margin-top: 3%;
}

.mypage_menu li {
    background: #fff;
    line-height: 3em;
    border-bottom: 1px solid #d0d0d0;
}

.mypage_menu li img {
    padding: 3% 0% 0% 0%;
    background: #fff;
}

.mypage_menu li a {
    padding: 0 3%;
    display: block;
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/sub/arrow_gray.png') no-repeat 95% center;
    background-size: 7px;
}


/* 마이페이지&회원단 */

.contentsArea.mypage .pvinfoWrap {
    background: #bc9546;
    color: #fff;
    text-align: center;
}

.contentsArea.mypage .pvinfoWrap.non_mem {
    padding: 12% 0;
}

.contentsArea.mypage .pvinfoWrap.non_mem p {
    margin-bottom: 5%;
    color: #fff;
}

.contentsArea.mypage .pvinfoWrap.mem {
    padding: 5% 0;
}

.contentsArea.mypage .pvinfoWrap.mem p {
    color: #fff;
    font-size: 4vw;
    margin-bottom: 2%;
}

.contentsArea.mypage .pvinfoWrap.mem .date {
    display: block;
    color: #feff9d;
}

.contentsArea.mypage .pvinfoWrap .btn_member {
    display: inline-block;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    padding: 0 20px;
}

.contentsArea.mypage .pvinfo_section {
    width: 90%;
    padding: 0 5%;
    margin: 5% 0;
}

.contentsArea.mypage .pvinfo_section:after {
    content: '';
    display: block;
    clear: both;
}

.contentsArea.mypage .pvinfo_section dl {
    width: 50%;
    box-sizing: border-box;
    float: left;
    text-align: center;
    line-height: 1.8em;
    border-right: 1px solid #75b3da;
}

.contentsArea.mypage .pvinfo_section dl:last-child {
    border-right: none;
}

.contentsArea.mypage .pvinfo_section dl * {
    color: #fff;
}

.contentsArea.mypage .pvinfo_section dt {
    font-size: 3.2vw;
}

.contentsArea.mypage .pvinfo_section dd b {
    font-size: 5vw;
}

.contentsArea.mypage .pvinfo_section .btn_white {
    margin-top: 5%;
    display: inline-block;
    border: 1px solid #fff;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    border-radius: 2px;
    font-size: 3.2vw;
}

.contentsArea.mypage .pvinfo_section .btn_white img {
    vertical-align: middle;
}

.contentsArea.mypage .pvmypage_menu ul {
    padding-bottom: 3%;
    border-top: 1px solid #d0d0d0;
    8
}

.contentsArea.mypage .pvmypage_menu ul:first-child {
    margin-top: 3%;
}

.contentsArea.mypage .pvmypage_menu li {
    background: #fff;
    line-height: 3em;
    border-bottom: 1px solid #d0d0d0;
}

.contentsArea.mypage .pvmypage_menu li a {
    padding: 0 3%;
    display: block;
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/sub/arrow_gray.png') no-repeat 95% center;
    background-size: 7px;
}

.contentsArea.mypage .pvmypage_menu li span a {
    display: block;
    font-weight: 600;
    color: #bc9546;
    font-size: 4vw;
}

.contentsArea.mypage .pvpoint {
    border-bottom: 1px solid #dfdfdf;
}

.contentsArea.mypage .pvpoint li {
    line-height: 2em;
}

.pvmypage_menu ul {
    padding-top: 3%;
    padding-bottom: 3%;
    /* border-top:1px solid #d0d0d0;*/
}

.pvmypage_menu ul:first-child {
    margin-top: 3%;
}

.pvmypage_menu li {
    background: #fff;
    line-height: 3em;
    border-bottom: 1px solid #d0d0d0;
}

.pvmypage_menu li img {
    padding: 3% 0% 0% 0%;
    background: #fff;
}

.pvmypage_menu li a {
    padding: 0 3%;
    display: block;
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/sub/arrow_gray.png') no-repeat 95% center;
    background-size: 7px;
}


/* 회원가입 */

.list_form li {
    position: relative;
    padding-left: 24%;
    line-height: 9vw;
}

.list_form li:after {
    content: '';
    display: block;
    clear: both;
}

.list_form li .form_title {
    position: absolute;
    width: 25%;
    left: 0;
    color: #666;
}

.list_form li .text {
    vertical-align: top;
    margin-bottom: 5px;
}

.list_form li .tel {
    width: 28%;
    vertical-align: top;
}

.list_form li .select.tel {
    width: 30%;
}

.list_form li .birth {
    width: 26%;
    margin-bottom: 5px;
}

.list_form li .sms_num {
    display: inline-block;
    width: 60%;
    height: 33px;
    overflow: hidden;
    border: 1px solid #d0d0d0;
    vertical-align: top;
}

.list_form li .sms_num .text {
    width: 80%;
    border: none;
    margin-bottom: 0;
}

.list_form li .sms_num b.time {
    color: #0387db;
}

.list_form li .email {
    width: 45%;
}

.list_form li .zip {
    width: 25%;
}

.contentsArea.mypage .step_title {
    position: relative;
    font-size: 3.8vw;
    margin-bottom: 3%;
}

.contentsArea.mypage .step_title img {
    position: absolute;
    right: 0;
    top: 0;
}

.contentsArea.mypage .agreeList {
    border: 1px solid #d0d0d0;
    border-top: none;
}

.contentsArea.mypage .agreeList li {
    border-top: 1px solid #d0d0d0;
    line-height: 3em;
    padding: 0 3%;
    overflow: hidden;
}

.contentsArea.mypage .agreeList li .btn_lgray {
    float: right;
    margin-top: 0.4em;
}

.contentsArea.mypage .allCheck {
    padding: 3% 3% 0 3%;
}

.contentsArea.mypage .loginInput .text {
    margin-bottom: 5px;
}

.contentsArea.mypage .loginInput label {
    display: block;
    margin: 8px 0;
}

.contentsArea.mypage .memberService {
    text-align: center;
    color: #999;
}

.contentsArea.mypage .memberService a {
    display: inline-block;
    width: 25%;
    text-align: center;
}

.contentsArea .result {
    background: #fff;
    border: 1px solid #dfdfdf;
    text-align: center;
    padding: 15% 3%;
    margin-bottom: 3%;
}

.contentsArea .result p img {
    vertical-align: middle;
    margin-top: -2px;
}

.contentsArea .result .gray {
    margin-top: 5px;
    line-height: normal;
}

.contentsArea .find_phone,
.contentsArea .find_mail {
    margin-top: 3%;
}

.contentsArea.couponInfo {
    text-align: center;
}

.contentsArea.couponInfo .totalCp b {
    color: #0387db;
    font-size: 6vw;
}

.contentsArea.couponInfo ul {
    width: 100%;
    display: table;
    border-top: 2px solid #333;
    border-bottom: 1px solid #dfdfdf;
    margin-top: 3%;
}

.contentsArea.couponInfo ul li {
    width: 25%;
    display: table-cell;
    vertical-align: middle;
    border-left: 1px solid #dfdfdf;
}

.contentsArea.couponInfo ul li:first-child {
    border-left: none;
}

.contentsArea.couponInfo ul li {
    font-size: 4.8vw;
    padding: 3% 0;
}

.contentsArea.couponInfo ul li span {
    display: block;
    font-weight: 300;
    color: #777;
    font-size: 3.6vw;
}

.contentsArea.couponInfo .dateWrap {
    margin-top: 3%;
    border: 1px solid #dfdfdf;
    background: #f8f8f8;
    padding: 3% 0;
}

.contentsArea.couponInfo .dateWrap:after {
    content: '';
    display: block;
    clear: both;
}

.contentsArea.couponInfo .dateWrap dl {
    float: left;
    width: 50%;
    box-sizing: border-box;
    border-left: 1px solid #dfdfdf;
    text-align: center;
    line-height: 1.5em;
}

.contentsArea.couponInfo .dateWrap dl.f {
    border-left: none;
}

.contentsArea.couponInfo .dateWrap dt {
    font-size: 3.6vw;
    font-weight: 300;
    margin-bottom: 3px;
}

.contentsArea.couponInfo .dateWrap dd {
    font-size: 4.5vw;
    font-weight: 400;
}

.contentsArea .select_day {
    overflow: hidden;
}

.contentsArea .select_day li {
    float: left;
    margin-left: 1%;
    width: 16%;
    text-align: center;
    border: 1px solid #d0d0d0;
    background: #fff;
}

.contentsArea .select_day li.custom {
    width: 24%;
}

.contentsArea .select_day li:first-child {
    margin-left: 0;
}

.contentsArea .select_day li a {
    display: block;
    padding: 10px 0;
}

.contentsArea .select_day li.on {
    border-color: #0387db;
    border-width: 2px;
}

.contentsArea .select_day li.on a {
    color: #0387db;
    padding: 9px 0;
}

.contentsArea .datePick {
    text-align: center;
    display: none;
    border-top: 1px solid #d0d0d0;
    margin-top: 5%;
    padding-top: 5%;
    overflow: hidden;
}

.contentsArea .datePick .date {
    width: 35%;
    background: #fff;
    position: relative;
    border: 1px solid #d0d0d0;
    overflow: hidden;
    vertical-align: middle;
    float: left;
}

.contentsArea .datePick>span {
    float: left;
    line-height: 33px;
    margin: 0 1%;
}

.contentsArea .datePick .date .text {
    border: none;
    width: 75%;
    height: 33px;
}

.contentsArea .datePick .date .button {
    width: 15%;
    vertical-align: middle;
}

.contentsArea .datePick .btn_dgray {
    float: right;
    min-width: 10%;
}

.contentsArea .listType01 {
    border-bottom: 1px solid #dfdfdf;
    line-height: 1.7em;
    padding: 3% 0;
}

.contentsArea .listType01:first-child {
    padding-top: 0;
}

.contentsArea .listType01:after {
    content: '';
    display: block;
    clear: both;
}

.contentsArea .listType01 dt {
    clear: both;
    float: left;
    width: 23%;
}

.contentsArea .listType01 dd {
    float: left;
    width: 77%;
    font-weight: 600;
}

.contentsArea .listType02 {
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    line-height: 1.7em;
    background: #eee;
    margin-bottom: 5%;
}

.contentsArea .listType02 .listHead {
    padding: 0 3%;
    position: relative;
    border-bottom: 1px solid #dfdfdf;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    background: #fff;
}

.contentsArea .listType02 .listHead .name {
    width: 23%;
    float: left;
}

.contentsArea .listType02 .listHead .date {
    width: 50%;
    float: left;
    font-weight: 600;
}

.contentsArea .listType02 .listHead a {
    float: right;
    margin-right: 3%;
    color: #666;
    font-size: 3.4vw;
}

.contentsArea .listType02 dl {
    padding: 3%;
    background: #fff;
}

.contentsArea .listType02 dl:after {
    content: '';
    display: block;
    clear: both;
}

.contentsArea .listType02 dt {
    clear: both;
    float: left;
    width: 23%;
}

.contentsArea .listType02 dd {
    float: left;
    width: 77%;
    font-weight: 600;
}

.contentsArea .listType02 .listResult {
    padding: 0 3%;
    height: 40px;
    line-height: 40px;
    border-top: 1px dashed #d0d0d0;
    font-weight: 600;
    color: #da030e;
    background: #fff;
}

.contentsArea .listWrap .listType02:last-child {
    margin-bottom: 0;
}

.listTab {
    background: #fff;
}

.listTab:after {
    content: '';
    display: block;
    clear: both;
}

.listTab li {
    width: 20%;
    float: left;
    text-align: center;
    height: 37px;
    line-height: 40px;
    border-bottom: 2px solid #fff;
}

.listTab li a {
    font-size: 3.8vw;
    display: block;
}

.listTab li.active {
    border-bottom: 2px solid #0387db
}

.listTab li.active a {
    color: #0387db;
}

.contentsArea .complete {
    text-align: center;
}

.contentsArea .complete dl {
    line-height: 1.5em;
    margin: 5% 0;
}

.contentsArea .complete dt {
    margin: 3% 0;
    font-size: 4vw;
}

.contentsArea .complete dd {
    font-size: 3.6vw;
}

.contentsArea .complete .small {
    font-size: 3.4vw;
    line-height: 1.5em;
    color: #777;
}

.contentsArea .complete .pay_finish {
    background: #fff;
    padding: 5%;
    border: 1px solid #dfdfdf;
}

.contentsArea.setting .mypage_menu li {
    padding: 0 3%;
    overflow: hidden;
}

.contentsArea.setting .mypage_menu li a {
    margin: 0;
    padding: 0;
    display: inline-block;
    background: none;
}

.contentsArea.setting .mypage_menu li .ctt {
    float: right;
    color: #0387db;
    font-weight: 600;
}

.contentsArea.setting .mypage_menu li .ctt .btn_logout {
    color: #0387db;
    border: 1px solid #0387db;
    border-radius: 2px;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
}

.contentsArea.setting .mypage_menu li .btn_onoff {
    margin-top: 7px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    width: 55px;
    height: 21px;
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/btn_offf.png') no-repeat center center;
    background-size: 100%;
}

.contentsArea.setting .mypage_menu li .btn_onoff.on {
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/btn_on.png') no-repeat center center;
    background-size: 100%;
}

.contentsArea.setting .cscenter {
    background: #fff;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    padding: 3%;
    position: relative;
    margin-bottom: 5%;
}

.contentsArea.setting .cscenter dt {
    margin-bottom: 2%;
    font-size: 4vw;
}

.contentsArea.setting .cscenter dd {
    color: #666;
}

.contentsArea.setting .cscenter dd.tel {
    position: absolute;
    right: 3%;
    bottom: 0;
    margin-bottom: 3%;
    font-size: 4.6vw;
    font-weight: 600;
}

#policyLayer {
    position: fixed;
    width: 90%;
    left: 5%;
    top: 5%;
    background: #fff;
    z-index: 100;
    box-sizing: border-box;
    display: none;
}

#policyLayer .policyInner {
    padding: 3%;
}

#policyLayer p {
    font-size: 3.8vw;
    margin-bottom: 3%;
}

#policyLayer .textarea {
    background: #f9f9f9;
    width: 100%;
    height: 300px;
    resize: none;
    font-size: 3.4vw;
    color: #666;
}

#policyLayer2 {
    position: fixed;
    width: 90%;
    left: 5%;
    top: 5%;
    background: #fff;
    z-index: 100;
    box-sizing: border-box;
    display: none;
}

#policyLayer2 .policyInner {
    padding: 3%;
}

#policyLayer2 p {
    font-size: 3.8vw;
    margin-bottom: 3%;
}

#policyLayer2 .textarea {
    background: #f9f9f9;
    width: 100%;
    height: 300px;
    resize: none;
    font-size: 3.4vw;
    color: #666;
}

#policyLayer3 {
    position: fixed;
    width: 90%;
    left: 5%;
    top: 5%;
    background: #fff;
    z-index: 100;
    box-sizing: border-box;
    display: none;
}

#policyLayer3 .policyInner {
    padding: 3%;
}

#policyLayer3 p {
    font-size: 3.8vw;
    margin-bottom: 3%;
}

#policyLayer3 .textarea {
    background: #f9f9f9;
    width: 100%;
    height: 300px;
    resize: none;
    font-size: 3.4vw;
    color: #666;
}

#policyLayer4 {
    position: fixed;
    width: 90%;
    left: 5%;
    top: 5%;
    background: #fff;
    z-index: 100;
    box-sizing: border-box;
    display: none;
}

#policyLayer4 .policyInner {
    padding: 3%;
}

#policyLayer4 p {
    font-size: 3.8vw;
    margin-bottom: 3%;
}

#policyLayer4 .textarea {
    background: #f9f9f9;
    width: 100%;
    height: 300px;
    resize: none;
    font-size: 3.4vw;
    color: #666;
}

#policyLayer5 {
    position: fixed;
    width: 90%;
    left: 5%;
    top: 5%;
    background: #fff;
    z-index: 100;
    box-sizing: border-box;
    display: none;
}

#policyLayer5 .policyInner {
    padding: 3%;
}

#policyLayer5 p {
    font-size: 3.8vw;
    margin-bottom: 3%;
}

#policyLayer5 .textarea {
    background: #f9f9f9;
    width: 100%;
    height: 300px;
    resize: none;
    font-size: 3.4vw;
    color: #666;
}

#ticketLayer {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 5%;
    z-index: 100;
    box-sizing: border-box;
    display: none;
}

#ticketLayer a {
    position: absolute;
    right: 0;
    top: 0;
}


/* G-Lounge 사용내역 */

#wrap.sub .type1.g_list .section {
    border-bottom: 1px solid #dfdfdf;
    margin: 0 0 3% 0;
    background: #fff;
}

#wrap.sub .type1.g_list .date {
    width: 94%;
    padding: 3%;
    border-bottom: 1px solid #dfdfdf;
    font-weight: 600;
    position: relative;
}

#wrap.sub .type1.g_list .date .btn_delete {
    position: absolute;
    right: 3%;
    top: 0;
    margin-top: 3.5%;
    font-size: 3.2vw;
}

#wrap.sub .type1.g_list .date .btn_delete img {
    vertical-align: middle;
}

#wrap.sub .type1.g_list .product {
    overflow: hidden;
    width: 94%;
    padding: 3% 3% 3% 3%;
    background: #fff;
}

#wrap.sub .type1.g_list .product img {
    float: left;
    width: 35%;
}

#wrap.sub .type1.g_list .product .info {
    float: left;
    width: 63%;
    margin: 1%;
    line-height: 1.5em;
}

#wrap.sub .type1.g_list .product .info b {
    display: block;
}

#wrap.sub .type1.g_list .listType01 {
    border-bottom: 1px dashed #d0d0d0;
}

#wrap.sub .type1.g_list .listType01 dt {
    width: 25%;
}

#wrap.sub .type1.g_list .listType01 dd {
    width: 75%;
}

#wrap.sub .type1.g_list .process {
    padding: 0 3%;
    position: relative;
    line-height: 40px;
}

#wrap.sub .type1.g_list .process .red {
    color: #da030e !important;
}

#wrap.sub .type1.g_list .process .btn_cancel {
    display: inline-block;
    border: 1px solid #888;
    border-radius: 2px;
    padding: 3px 5px;
    color: #666;
    line-height: normal;
}

#wrap.sub .type1.g_list .process .price {
    position: absolute;
    right: 3%;
    top: 0;
}


/* 푸터 공통 */

.customerCenter {
    background: #fff;
}

.customerCenter h3.title {
    text-align: center;
    padding: 5%;
    border-bottom: 1px solid #dfdfdf;
    font-size: 4.4vw;
}

.customerCenter ul {
    border-bottom: 1px solid #dfdfdf;
}

.customerCenter ul:after {
    content: '';
    display: block;
    clear: both;
}

.customerCenter ul li {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.customerCenter ul li a {
    display: block;
    box-sizing: border-box;
    padding: 10%;
    font-size: 3.8vw;
    background: url('https://img.ibottle.kr/julgigobaseimg/mobile/images/common/ico_arrow_black.png') no-repeat 90% center;
    background-size: 7px;
}

.customerCenter ul li a img {
    width: 5.2vw;
    vertical-align: middle;
}

.customerCenter ul li.first a {
    border-right: 1px solid #dfdfdf;
}

footer {
    background: #5b5b5b;
    padding: 5% 2%;
    text-align: center;
    font-weight: 300;
    color: #b2b2b2;
    line-height: 1.5em;
    font-size: 3.2vw;
    letter-spacing: -0.7px;
}

footer a {
    color: #fff;
}

footer address {
    display: block;
    margin: 3% 0;
}

footer address a {
    color: #b2b2b2;
    font-weight: 400;
}

footer .copy {
    font-size: 3vw;
    color: #b2b2b2;
    margin-bottom: 15%;
}

#wrap.sub footer {
    border-top: 1px solid #b2b2b2;
}

.btn_gotop {
    position: fixed;
    width: 45px;
    right: 3%;
    bottom: 70px;
    z-index: 98;
}

.appControl {
    border-top: 1px solid #dfdfdf;
    background: #f8f8f8;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 98;
}

.appControl ul {
    overflow: hidden;
}

.appControl ul li {
    float: left;
    width: 20%;
    text-align: center;
}

.appControl ul li a {
    display: block;
    padding: 12px 0;
}

.appControl ul li a img {
    vertical-align: middle;
    height: 20px;
}


/* date input */

.iDate {
    position: relative;
    display: inline-block;
    width: 178px;
    height: 34px;
    background: #ffffff;
    vertical-align: middle;
}

.iDate>input {
    width: 100%;
    height: 34px;
    padding: 0 0 0 10px;
    border: none;
    background: #ffffff;
    line-height: 34px;
    font-family: 'Arial', sans-serif;
    -webkit-user-select: none;
}

.iDate>button {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #bbbbbb;
    background: transparent;
}

.iDate>button i {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden
}

.iDate>button:after {
    content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNiIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI2IDI4Ij4KPHBhdGggZmlsbD0iIzU1NSIgZD0iTTIgMjZoNC41di00LjVoLTQuNXY0LjV6TTcuNSAyNmg1di00LjVoLTV2NC41ek0yIDIwLjVoNC41di01aC00LjV2NXpNNy41IDIwLjVoNXYtNWgtNXY1ek0yIDE0LjVoNC41di00LjVoLTQuNXY0LjV6TTEzLjUgMjZoNXYtNC41aC01djQuNXpNNy41IDE0LjVoNXYtNC41aC01djQuNXpNMTkuNSAyNmg0LjV2LTQuNWgtNC41djQuNXpNMTMuNSAyMC41aDV2LTVoLTV2NXpNOCA3di00LjVjMC0wLjI2Ni0wLjIzNC0wLjUtMC41LTAuNWgtMWMtMC4yNjYgMC0wLjUgMC4yMzQtMC41IDAuNXY0LjVjMCAwLjI2NiAwLjIzNCAwLjUgMC41IDAuNWgxYzAuMjY2IDAgMC41LTAuMjM0IDAuNS0wLjV6TTE5LjUgMjAuNWg0LjV2LTVoLTQuNXY1ek0xMy41IDE0LjVoNXYtNC41aC01djQuNXpNMTkuNSAxNC41aDQuNXYtNC41aC00LjV2NC41ek0yMCA3di00LjVjMC0wLjI2Ni0wLjIzNC0wLjUtMC41LTAuNWgtMWMtMC4yNjYgMC0wLjUgMC4yMzQtMC41IDAuNXY0LjVjMCAwLjI2NiAwLjIzNCAwLjUgMC41IDAuNWgxYzAuMjY2IDAgMC41LTAuMjM0IDAuNS0wLjV6TTI2IDZ2MjBjMCAxLjA5NC0wLjkwNiAyLTIgMmgtMjJjLTEuMDk0IDAtMi0wLjkwNi0yLTJ2LTIwYzAtMS4wOTQgMC45MDYtMiAyLTJoMnYtMS41YzAtMS4zNzUgMS4xMjUtMi41IDIuNS0yLjVoMWMxLjM3NSAwIDIuNSAxLjEyNSAyLjUgMi41djEuNWg2di0xLjVjMC0xLjM3NSAxLjEyNS0yLjUgMi41LTIuNWgxYzEuMzc1IDAgMi41IDEuMTI1IDIuNSAyLjV2MS41aDJjMS4wOTQgMCAyIDAuOTA2IDIgMnoiPjwvcGF0aD4KPC9zdmc+Cg==") no-repeat 50% 50%;
    background-size: auto 100%;
}

.iDate>input:disabled {
    opacity: 0.5;
}

.iDate>input:disabled+button {
    opacity: 0.5;
    cursor: default;
}

.iDate.date {
    width: 112px;
}

.iDate.start {
    width: 100px;
}

.iDate.end {
    width: 100px;
}


/* date time picker */

.dtPicker {
    z-index: 100000;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.dtPicker .cover {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.dtPicker .inner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 280px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #ffffff;
}

.dtPicker .icon {
    cursor: pointer;
}

.dtPicker .btn {
    font-size: 13px;
    font-weight: 700;
    color: #2196f3;
}

.dtPicker table {
    width: 100%;
    text-align: center;
}

.dtPicker th,
.dtPicker td {
    width: 34px;
    height: 34px;
}

.dtPicker .select {
    width: 212px;
    cursor: pointer;
}

.dtPicker .day {
    cursor: pointer;
}

.dtPicker .day.active {
    border-radius: 4px;
    background: #2196f3;
    color: #ffffff;
}

.dtPicker .weekend {
    color: #ff0000;
}

.dtPicker .old,
.dtPicker .new {
    color: #888888;
}

.dtPicker .month,
.dtPicker .year,
.dtPicker .decade {
    display: inline-block;
    width: 54px;
    height: 54px;
    margin: 2px;
    border-radius: 4px;
    line-height: 54px;
    text-align: center;
    cursor: pointer;
}

.dtPicker .month.active,
.dtPicker .year.active,
.dtPicker .decade.active {
    background: #2196f3;
    color: #ffffff;
}

.dtPicker .decade {
    padding: 7px 0;
    line-height: 20px;
}

.dtPicker .picker-switch {
    padding-bottom: 5px;
}

.dtPicker .picker-switch ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.dtPicker .picker-switch ul li {
    display: table-cell;
    text-align: center;
}

.dtPicker .picker-switch ul li a {
    display: block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
}

.dtPicker .hour,
.dtPicker .minute,
.dtPicker .second {
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.dtPicker .timepicker {
    padding-top: 10px;
    padding-bottom: 10px;
}

.dtPicker .timepicker-picker table tr td:nth-child(1) {
    width: 35%;
}

.dtPicker .timepicker-picker table tr td:nth-child(2) {
    width: 10%;
}

.dtPicker .timepicker-picker table tr td:nth-child(3) {
    width: 35%;
}

.dtPicker .timepicker-picker table tr td:nth-child(4) {
    width: 20%;
}


/* icon */

.icon {
    overflow: hidden;
    display: inline-block;
    position: relative;
    width: 21px;
    height: 21px;
    vertical-align: middle;
    line-height: 1;
}

.icon:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 90% auto;
}

.icon span {
    color: transparent;
    opacity: 0;
}


/* icon */

.btn_plus:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzIxOTZmMyIgZD0iTTE2IDEwYzAgMC41NTMtMC4wNDggMS0wLjYwMSAxaC00LjM5OXY0LjM5OWMwIDAuNTUyLTAuNDQ3IDAuNjAxLTEgMC42MDFzLTEtMC4wNDktMS0wLjYwMXYtNC4zOTloLTQuMzk5Yy0wLjU1MiAwLTAuNjAxLTAuNDQ3LTAuNjAxLTFzMC4wNDktMSAwLjYwMS0xaDQuMzk5di00LjM5OWMwLTAuNTUzIDAuNDQ3LTAuNjAxIDEtMC42MDFzMSAwLjA0OCAxIDAuNjAxdjQuMzk5aDQuMzk5YzAuNTUzIDAgMC42MDEgMC40NDcgMC42MDEgMXoiPjwvcGF0aD4KPC9zdmc+Cg==");
}

.btn_minus:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzIxOTZmMyIgZD0iTTE2IDEwYzAgMC41NTMtMC4wNDggMS0wLjYwMSAxaC0xMC43OThjLTAuNTUyIDAtMC42MDEtMC40NDctMC42MDEtMXMwLjA0OS0xIDAuNjAxLTFoMTAuNzk5YzAuNTUyIDAgMC42IDAuNDQ3IDAuNiAxeiI+PC9wYXRoPgo8L3N2Zz4K");
}

.btn_today:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPHBhdGggZmlsbD0iIzIxOTZmMyIgZD0iTTEyIDE4Ljk4NGMzLjg5MSAwIDYuOTg0LTMuMDk0IDYuOTg0LTYuOTg0cy0zLjA5NC02Ljk4NC02Ljk4NC02Ljk4NC02Ljk4NCAzLjA5NC02Ljk4NCA2Ljk4NCAzLjA5NCA2Ljk4NCA2Ljk4NCA2Ljk4NHpNMjAuOTUzIDExLjAxNmgyLjA2M3YxLjk2OWgtMi4wNjNjLTAuNDY5IDQuMTcyLTMuNzk3IDcuNS03Ljk2OSA3Ljk2OXYyLjA2M2gtMS45Njl2LTIuMDYzYy00LjE3Mi0wLjQ2OS03LjUtMy43OTctNy45NjktNy45NjloLTIuMDYzdi0xLjk2OWgyLjA2M2MwLjQ2OS00LjE3MiAzLjc5Ny03LjUgNy45NjktNy45Njl2LTIuMDYzaDEuOTY5djIuMDYzYzQuMTcyIDAuNDY5IDcuNSAzLjc5NyA3Ljk2OSA3Ljk2OXpNMTIgOC4wMTZjMi4yMDMgMCAzLjk4NCAxLjc4MSAzLjk4NCAzLjk4NHMtMS43ODEgMy45ODQtMy45ODQgMy45ODQtMy45ODQtMS43ODEtMy45ODQtMy45ODQgMS43ODEtMy45ODQgMy45ODQtMy45ODR6Ij48L3BhdGg+Cjwvc3ZnPgo=");
}

.btn_check:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPHBhdGggZmlsbD0iIzIxOTZmMyIgZD0iTTAuNDIyIDEzLjQwNmwxLjQwNi0xLjQwNiA1LjU3OCA1LjU3OC0xLjQwNiAxLjQwNnpNMjIuMjE5IDUuNTc4bDEuNDUzIDEuNDA2LTEyIDEyLTUuNjI1LTUuNTc4IDEuNDUzLTEuNDA2IDQuMTcyIDQuMTcyek0xOCA2Ljk4NGwtNi4zMjggNi4zNzUtMS40MDYtMS40MDYgNi4zMjgtNi4zNzV6Ij48L3BhdGg+Cjwvc3ZnPgo=");
}

.btn_prev_blue:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KPHBhdGggZmlsbD0iIzIxOTZmMyIgZD0iTTI3Ljc4MiAzNC44MzZjMC41MzYgMC41NDQgMC41MzYgMS40MTggMCAxLjk1OHMtMS40MDIgMC41NDItMS45MzggMGwtMTUuNjYtMTUuODE2Yy0wLjUzNi0wLjU0LTAuNTM2LTEuNDE0IDAtMS45NThsMTUuNjYtMTUuODE2YzAuNTM2LTAuNTQgMS40MDItMC41NCAxLjkzOCAwIDAuNTM2IDAuNTQyIDAuNTM2IDEuNDE4IDAgMS45NThsLTE0LjI4MiAxNC44MzggMTQuMjgyIDE0LjgzNnoiPjwvcGF0aD4KPC9zdmc+Cg==");
}

.btn_next_blue:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KPHBhdGggZmlsbD0iIzIxOTZmMyIgZD0iTTI2LjUgMjBsLTE0LjI4Mi0xNC44NGMtMC41MzYtMC41NC0wLjUzNi0xLjQxNCAwLTEuOTU4IDAuNTM2LTAuNTQgMS40MDItMC41NCAxLjkzOCAwbDE1LjY2IDE1LjgxNmMwLjUzNiAwLjU0MiAwLjUzNiAxLjQxOCAwIDEuOTU4bC0xNS42NiAxNS44MTZjLTAuNTM2IDAuNTQyLTEuNDAyIDAuNTQtMS45MzggMC0wLjUzNi0wLjUzOC0wLjUzNi0xLjQxNCAwLTEuOTU4bDE0LjI4Mi0xNC44MzR6Ij48L3BhdGg+Cjwvc3ZnPgo=");
}

.act_mail:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPHBhdGggZmlsbD0iIzIxOTZmMyIgZD0iTTEyIDExLjAxNmw4LjAxNi01LjAxNmgtMTYuMDMxek0yMC4wMTYgMTh2LTkuOTg0bC04LjAxNiA0Ljk2OS04LjAxNi00Ljk2OXY5Ljk4NGgxNi4wMzF6TTIwLjAxNiAzLjk4NGMxLjA3OCAwIDEuOTY5IDAuOTM4IDEuOTY5IDIuMDE2djEyYzAgMS4wNzgtMC44OTEgMi4wMTYtMS45NjkgMi4wMTZoLTE2LjAzMWMtMS4wNzggMC0xLjk2OS0wLjkzOC0xLjk2OS0yLjAxNnYtMTJjMC0xLjA3OCAwLjg5MS0yLjAxNiAxLjk2OS0yLjAxNmgxNi4wMzF6Ij48L3BhdGg+Cjwvc3ZnPgo=");
}

.btn_location:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyIDE4Ljk4NGMzLjg5MSAwIDYuOTg0LTMuMDk0IDYuOTg0LTYuOTg0cy0zLjA5NC02Ljk4NC02Ljk4NC02Ljk4NC02Ljk4NCAzLjA5NC02Ljk4NCA2Ljk4NCAzLjA5NCA2Ljk4NCA2Ljk4NCA2Ljk4NHpNMjAuOTUzIDExLjAxNmgyLjA2M3YxLjk2OWgtMi4wNjNjLTAuNDY5IDQuMTcyLTMuNzk3IDcuNS03Ljk2OSA3Ljk2OXYyLjA2M2gtMS45Njl2LTIuMDYzYy00LjE3Mi0wLjQ2OS03LjUtMy43OTctNy45NjktNy45NjloLTIuMDYzdi0xLjk2OWgyLjA2M2MwLjQ2OS00LjE3MiAzLjc5Ny03LjUgNy45NjktNy45Njl2LTIuMDYzaDEuOTY5djIuMDYzYzQuMTcyIDAuNDY5IDcuNSAzLjc5NyA3Ljk2OSA3Ljk2OXpNMTIgOC4wMTZjMi4yMDMgMCAzLjk4NCAxLjc4MSAzLjk4NCAzLjk4NHMtMS43ODEgMy45ODQtMy45ODQgMy45ODQtMy45ODQtMS43ODEtMy45ODQtMy45ODQgMS43ODEtMy45ODQgMy45ODQtMy45ODR6Ij48L3BhdGg+Cjwvc3ZnPgo=");
}

.subMenu .big_cate {
    border-bottom: 2px solid #0387db;
    padding: 5px
}

.rentner_apply {
    background: #fff
}

.rentner_apply p {
    text-align: center
}

.rentner_apply dl {
    border: 1px solid #ddd;
    padding: 10px 20px;
    box-sizing: border-box;
    max-width: 1000px;
    margin: 0 auto;
}

.rentner_apply dl dt {
    display: inline-block;
    font-weight: bold;
    width: 20%
}

.rentner_apply dl dd {
    display: inline-block;
    width: 79%
}

.rentner_apply dl dd input {
    width: 50%
}

.rentner_apply dl dd select {
    width: 50%
}

.rentner_apply #btn_rentner {
    width: 50%;
    margin: 0 auto 30px;
    height: 45px;
    line-height: 45px;
    background: #005E09;
    color: white
}

.rent_tc {
    max-width: 1000px;
    margin: 30px auto;
    font-weight: 500
}

.rent_tc .tc_title {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
}

.rent_tc .tc_txt {
    border: 1px solid #eee;
    padding: 20px
}

.rent_tc .tc_txt span {
    display: block;
    padding: 15px 0 10px;
    font-weight: 500
}

.rent_tc .btn_tcTxt {
    display: inline-block;
    margin: 10px;
    border: 1px solid #ddd;
    padding: 3px 8px;
    font-size: 13px;
    border-radius: 6px
}

.rent_tc label {
    display: inline-block;
}

.rentner_apply dl dd input {
    width: 100%
}

.rentner_apply dl dd select {
    width: 100%
}

#carby_wrap {
    max-width: 100%
}

#carby_wrap .carby:first-child {
    background: rgba(0, 120, 178, 1)
}

#carby_wrap .carby:nth-child(2) {
    background-color: #F4F3F6;
}

#carby_wrap .carby:nth-child(3) {
    background-color: rgb(250, 250, 250);
    padding: 30px;
}

#carby_wrap .btn_choice {
    width: 100%;
}