@media screen and (min-width:1024px){
    .m-view {display: none!important;}
/*
    .link {background: #0084f6;}
    .link.email {background: #0084f6 url(/_images/wingsbooking/common/mail_01.png) 30px center no-repeat}
*/
    
    #header .header-wrap {height: 86px;}
    #header .search-form > li:not(.promotion) {height: 43px; line-height: 39px; border-radius: 30px; border: 1px solid #a8aebe; padding: 0 20px; float: left; margin-right: 10px;}
    
    #header.main {position: relative; box-shadow: none; background: transparent; z-index: 999;}    

    .tab-box > ul > li {float: left; border-right: 0;}
    .tab-box > ul > li:first-child {border-top-left-radius: 7px; border-bottom-left-radius: 7px;}
    .tab-box > ul > li:last-child {border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-right: 1px solid #cacaca;}
    
/*    #container .hotel-list.w3 > li:hover .hotel-con {padding: 10px 13px!important; height: 124px!important;}
    #container .hotel-list.w3 > li:hover .hotel-con .price {bottom: 13px!important;}*/

    /*#container .wrapper {width: 1140px; min-width: 1024px;}*/
    
    
    .hotel-info {border: 1px solid #e0e2e8;}
    .hotel-info .visual {width: 515px;}
    .hotel-info .hotel-con {width: 560px; margin-right: 30px; padding-top: 25px;}
    .hotel-info .hotel-con .addr span {position: relative; padding-left: 12px; margin-left: 8px;}
    .hotel-info .hotel-con .addr span:before {content: '';display: inline-block;position: absolute;top:5px;left: 0;width: 1px;height: 17px;background: #cdd0da;}
    /*.hotel-info .hotel-con .addr span:before {content: '(';}
    .hotel-info .hotel-con .addr span:after {content: ')';}*/
    .hotel-info .hotel-con .check-point {height: 153px;}
    
    .hotel-info-etc .s-title {float: left;}
    .hotel-info-etc .contents {width: 950px !important;}
    
    
    .hotel-info-etc .hotel-review .review-all .review-wrap {background: #fdfefe; border: 1px solid #e0e2e8; border-radius: 10px; padding: 10px 40px;}
    .review-score-wrap, .review-graph-wrap {float: left; width: 50%; text-align: center;}
    .review-wrap .review-list li {display: table;}
    .review-wrap .review-list li > div {display: table-cell; vertical-align: middle;}
    .review-wrap .review-list li > div.score {width: 12%;}
    .review-wrap .review-list li > div.room {width: 20%;}
    .review-wrap .review-list li > div.text-wrap {width: 68%;}
    
    .rsvn-list-wrap .rsvn-list.ht {border-radius: 6px; border: 1px solid #80848f;}
    .rsvn-list-wrap .rsvn-list .rsvn-con {border-radius: 6px;}
    .rsvn-list-wrap .rsvn-list.ht .rsvn-con {border: 0;}
    .rsvn-list-wrap .rsvn-list.ht .rsvn-con .hotel-con {padding: 28px 34px 34px 32px; width: 81.2%;}
    .rsvn-list-wrap .rsvn-list.ht .rsvn-con.bdt .hotel-con.pd {padding: 35px 0 35px 32px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con.bdt {border-top: 1px solid #e0e2e8;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-tit .name .hotel {font-size: 23px;}
    .rsvn-list-wrap .rsvn-list.ht .rsvn-con .rsvn-info {width: 18.8%;}
    .rsvn-list-wrap .rsvn-pay-wrap {border-radius: 6px;}
    .rsvn-list-wrap .rsvn-nodata {border-radius: 6px;}
    
    
    #sticker-pop {display: none;}
    
    .goTopWrap {position: fixed; left: 0; bottom: 147px; width: 100%;}
    .goTopWrap .wrapper {overflow: visible!important;}
    #goTop {width: 60px; height: 60px; border-radius: 30px; background: #0084f6 url(/_images/wingsbooking/mobile/arrow_u_02.png) center center no-repeat; background-size: 20px 13px; position: absolute; right: -100px;}

   /* #container .mr-banner-wrap .mr-banner{position:fixed; left:0; top:126px;}*/
    
}

@media screen and (max-width:1600px){
    #container .mr-banner-wrap .mr-banner{right:-154px;}
}

@media screen and (max-width:1500px){
    #container .mr-banner-wrap .mr-banner{display:none;}
}

@media screen and (max-width:1400px){
    #container .about-wrap .about01 .text-area {padding-right: 250px;}
    #container .about-wrap .about01 .img-area {right: -130px;}
    

    .sub-visual .visual-bg.about {background-size: 638px 380px; background-position: right 300px;}
    .sub-visual .sub-title h2.l {font-size: 76px;}
    .sub-visual .sub-title h2.b {font-size: 76px;}
    .sub-visual .sub-title h2.b .line {width: 104px; vertical-align: 28px;}
    
    #footer .sns {padding-right: 90px;}
    #goTop {right: 0;}
}    
    
@media screen and (max-width:1200px){
    .wrapper {width: 96%;}
    
    .select-bg {padding: 0 35px 0 15px!important; background-position: right 12px center !important;}
    .search-bg.destination {width: 220px;}
    .search-bg.destination input {width: 160px; height: 24px; font-size: 13px; top: 8px;}
    .destination .search {/*top: 10px;*/ right: 13px;}
    .destination .search.cancel {top: 12px;}
    .select-bg .calendar {font-size: 13px; padding: 0 36px 0 40px; background-position: 15px center;}
    .select-bg .form-control-range {font-size: 13px;}
    .select-bg.people {width: 210px; font-size: 13px;}
    .select-bg.people .show-pop {padding-left: 9%;}
    .select-bg .calendar .stay-day {padding-left: 9px; margin-left: 5px;}
    .range-text {margin: 0 3px;}
    
    .check-list li {font-size: 18px;}
    
    #header .header-wrap {width: 96%;}
    .main-visual .main-title {width: 94%;}
    
    #header .search-form > li {/*height: 38px; line-height: 35px; margin-right: 7px;*/}
    #header .top-search {height: 38px;}
    
    #header #scroll-view .header-wrap {height: 65px;}
    #header #scroll-view .header-wrap .search-wrap {width: 98%;}
    
    #header .top-search {padding: 0 20px 0 40px; background-position: 20px 13px; font-size: 13px;}
    
    .visual-wrap.about, .sub-visual .visual-bg.about {height: 860px;}
    .sub-visual .visual-bg.about {background-size: 520px 310px;}
    .sub-visual .sub-title.about {width: 100%;}
    .sub-visual .sub-title h2.l {font-size: 68px;}
    .sub-visual .sub-title h2.b {font-size: 68px;}
    .sub-visual .sub-title h2.b .line {width: 95px; vertical-align: 24px; margin: 0 15px;}
    .sub-visual .sub-title.about .t-c {padding-left: 3.5%;}
    .sub-visual .sub-title .t-c .semi {font-size: 17px; background-size: 14px 45px;}
    
    #container .container-top.fixed {top: 65px;}    
    #container .container-top-wrap {width: 96%;}
    
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con {padding: 17px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap {padding-left: 3%;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-info {padding: 20px 22px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-info .rsvn-num {font-size: 14px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c .check-date {font-size: 16px;}
    .rsvn-list-wrap .rsvn-list.ht .rsvn-info button {padding: 10px 15px;}
    .rsvn-list-wrap .rsvn-list.ht .rsvn-info button .ic-mail2 {margin-right: 8px;}
    
    #container .about-wrap .about01 .wrapper {width: 93%;}
    #container .about-wrap .about01 .text-area {padding-right: 330px;}
    #container .about-wrap .about01 .img-area {right: -80px;}
    #container .about-wrap .about02 .why li {width: 30%; margin-right: 5%;}
    #container .about-wrap .about02 .why li h4 {font-size: 21px;}
    #container .about-wrap .about02 .why li p {font-size: 17px;}
    #container .about-wrap .about03 h4 {font-size: 23px;}
    #container .about-wrap .about04 .wrapper {width: 93%;}
    
    .loading-page {}
    .loading-page .title h3 {font-size: 42px;}
    .loading-page .advantage {margin-top: 50px;}
    
    #top-banner .wrapper {width: 100%;}
    
    #footer .footer-wrap h3 {font-size: 18px;}
    #footer .footer-wrap h2.email {font-size: 18px;}
    #footer .footer-wrap .section {width: 28%; margin-right: 5%;}
    #footer .footer-wrap .section.l {width: 32%;}
    #footer .footer-wrap .title {font-size: 18px; padding: 22px 12px 0 12px;}
    #footer .footer-wrap .f-hotel-slider {width: calc(100% - 105px);}
    #footer .footer-wrap .operate {font-size: 13px;}
    .f-hotel-slider .outside {left: 12px;}
}

@media screen and (min-width:1024px){
    #container .hotel-list > li .hotel-con {padding: 12px 15px;}
}

@media screen and (max-width:1024px){
    
    /* loading page */
    .loading-page {}
    .loading-page .loading-img-wrap {margin-bottom: 26px;}
    .loading-page .title h3 {font-size: 36px;}
    /*.loading-page .advantage {margin-top: 80px;}*/
    .loading-page .advantage .adv-list {padding: 50px 0 40px;}
    
    #container .banner-slider {padding-top: 0; margin-bottom: 35px;}
    #container .banner-slider .pager-style {top: 15px; right: 10px;}
}

@media screen and (max-width:1023px){
    .wrapper.wd100_1024 {width: 100%;}
    
    button {vertical-align: middle;}
    .bt-01 {min-width: 80px;}
    .bt-02_2 {height: 45px; font-size: 15px; border: 1px solid #0084f6;}
    .bt-06 {height: 45px; font-size: 15px;}
    
    .m-view {display: block;}
    .m-hidden {display: none !important;}
    
    .dot {font-size: 13px;}
    
    /*.input input {font-weight: 300; height: 34px;}*/
    /*.input.search input, .search-bar {width: 100%; border: 1px solid #b5bbca; border-radius: 30px; padding: 0 10px 0 40px; background: url(/_images/wingsbooking/mobile/search_01.png) left 14px center no-repeat; background-size: 17px 17px; line-height: 35px; height: 35px;}*/
    /*.checkbox input[type="checkbox"] + label span {width: 26px; height: 26px;}*/    
    .select select {/*height: 45px;*/ font-size: 14px; padding: 0 5px 0 15px; background-position:  right 13px center; background-size: 14px 7px;}    
    
    .search-bar {color: #b1bbca;}
    /*.input.search.on input {border: 1px solid #0084f6; background: url(/_images/wingsbooking/mobile/search_02.png) left 14px center no-repeat; background-size: 17px 17px;}*/
    
    .select-bar {font-weight: 500; font-size: 17px;}
    .select-bar > span {padding-right: 26px; background: url(/_images/wingsbooking/mobile/arrow_d_04.png) right center no-repeat; background-size: 16px 10px;}
        
    .tag li a {background: #fff;}
    /*.search-bar {float: left; width: 76%; margin-top: 8px; margin-right: 2%;}*/
    .current-loc {padding-left: 25px; background: url(/_images/wingsbooking/mobile/gps_01.png) left center no-repeat; background-size: 18px 19px; color: #0084f6; font-size: 16px; width: 100%;}    

    .sel span.on {border: 1px solid #0084f6; color: #0084f6; background: #fff;}
    
    .table-wrap .title {padding: 0 13px;}
    .table-wrap .table-form .w1 {width: 32.33%;}
    .table-wrap .table-form .w2 {width: 29.8%;}
    .table-wrap .table-form .w3 {width: 66.17%;}
    .table-wrap .table-form .w4 {width: 100%;}
    .table-wrap .table-form .tb .tr .th, .table-wrap .table-form .tb .tr .td {font-size: 14px;}
    .table-wrap .table-form .tb .tr .th {padding: 14px 30px;}
    .table-wrap .table-form .tb .tr .td {padding: 14px 20px;}
    .rsvn-guest-info .table-wrap .table-form .tb .tr .th {width: 180px;}
    
    .sideMenu {width: 100%; border: 0; border-radius: 0; padding: 15px;}
    .sideMenu > ul > li {margin: 0 0 15px 0; padding-bottom: 10px; border-bottom: 1px solid #d2d5de;}
    .sideMenu > ul > li:last-child {border-bottom: 0;}
    .sideMenu > ul > li h4 {font-size: 16px; margin-bottom: 13px;}
    .sideMenu > ul > li > ul > li {margin: 4% 0%; overflow: hidden;}
    .sideMenu > ul > li > ul > li span {color: #7f8895; font-size: 15px; vertical-align: middle;}
    
    .search-pop {padding: 18px 24px;}
    .search-pop .local-select .search-bar:after {top: 16px;}
    .search-pop .local-select .search-bar input {width: calc(100% - 75px); font-size: 15px; height: 37px;}
    .search-pop .local-select .search-bar button {margin-top: 0; min-width: 65px; width: 65px;}
    .search-pop .local-select .local-list .local-l ul li, .search-pop .local-select .local-list .local-r ul li {line-height: 38px;}
    .main-search-wrap #search-pop-people {width: 300px;}
    .main-search-wrap .search-pop .select-option li {margin-bottom: 7px; line-height: 35px;}
    .search-pop .select-option li .opt {font-size: 14px;}
    .search-pop .select-option li .spinner_add {height: 35px;}
    .search-pop .select-option li .spinner_add > .sub, .search-pop .select-option li .spinner_add > .add {width: 35px; height: 35px; background-size: 35px 70px;}
    .search-pop .select-option li .spinner_add > .sub.disable {background-size: 35px 70px; background-position: 0 -35px;}
    .search-pop .select-option li .spinner_add > .add.disable {background-size: 35px 70px; background-position: 0 -35px;}
    .search-pop .select-option li .spinner_add input[type=number] {font-size: 14px; height: 33px;}
    
    .place-list li.ic-gps {background: url(/_images/wingsbooking/mobile/search-ic-gps.png) left center no-repeat;}
    .place-list li.ic-hotel {background: url(/_images/wingsbooking/mobile/search-ic-hotel.png) left center no-repeat; background-size: 15px 15px;}
    
    .check-list li {font-size: 17px;}
    
    #header {z-index: 9998; /*height: 153px;*/ /*box-shadow: 0 2px 3px #d8d8d8;*/ text-align: center}
    #header.main {position: absolute; top: 0;}
    #header.nav-up {top: -192px;}
    #header.main {background: transparent; box-shadow: none;}
    #header.list {border-bottom: 1px solid #d3d5d9;}
    #header .header-wrap {width: 100%;}
    #header #scroll-view {display: none!important;}
    #header #mb-scroll.fixed {display: block;}
    #header #mb-scroll.nav-up {top: -96px;}
    
    #header h1 {/*float: none;*/ margin-top: 0;}
    #header h1 .top-logo {width: 153px; height: 22px; margin-top: 18px; margin-left: 5px;}
    #header.main h1 .top-logo {/*position: absolute; top: 2px; left: 14px;*/}
    #header .header-line {background: #fff; z-index: 999; height: 58px; /*border-bottom: 2px solid #0084f6;*/}    
    #header.nbdb .header-line {border-bottom: 2px solid #0084f6;}
    #header.main .header-line {background: transparent;}
    #header .header-line.m-fixed {position: fixed; top: 0; background: #fff; border-bottom: 2px solid #0084f6;}
    #header .header-line.m-fixed h1 .top-logo {background: url(/_images/wingsbooking/common/wings_logo4_2.png) no-repeat;}
    #header .header-line .header-wrap {padding: 0 2%;}
    #header .nav {margin-top: 11px;}
    #header .nav > li {margin-right: 5px;}
    #header .nav > li .blog-con {width: 33px; background: none; padding-left: 0; margin-right: 8px;}
    #header .nav > li .blog-con .ic-blog {width: 31px; height: 31px; background: url(/_images/wingsbooking/common/sns-b.png) no-repeat; background-size: 31px 31px; text-indent: -9999px; margin-top: 2px;}
    #header .nav > li > a {text-indent: -9999px; width: 37px; height: 37px;}
    #header .nav > li > a.about {padding-left: 0;}
    #header .nav > li > .rsvn {background: url(/_images/wingsbooking/mobile/top_mymenu.png) center center no-repeat; background-size: 25px 27px;}
    #header.main .nav > li > .rsvn {background: url(/_images/wingsbooking/mobile/top_mymenu_02.png) center center no-repeat; background-size: 25px 27px;}
    #header.bk .nav > li > .rsvn {background: url(/_images/wingsbooking/mobile/top_mymenu.png) center center no-repeat; background-size: 25px 27px;}
    #header.main .header-line.m-fixed .nav > li > .rsvn {background: url(/_images/wingsbooking/mobile/top_mymenu.png) center center no-repeat; background-size: 25px 28px;}
    #header .search-form, #header .search-form > li {float: none;}
    #header .search-wrap {padding: 0;}
    #header .search-form > li {height: inherit; line-height: inherit; border-radius: 0; border: 0; padding: 0; margin-right: 0;}
    
    #header .header-line .header-wrap {position: relative;}
    #header .header-line .header-wrap .top-back {width: 26px; height: 24px; background: url(/_images/wingsbooking/mobile/top_back.png) center center no-repeat; background-size: cover!important; text-indent: -9999px; position: absolute; top: 15px; left: 14px;}
    #header .top-back {display: none;}
    #header .header-line .header-wrap .top-mymenu {width: 24px; height: 26px; background: url(/_images/wingsbooking/mobile/top_mymenu_02.png) center center no-repeat; background-size: cover!important; text-indent: -9999px; position: absolute; top: 14px; right: 13px;}
    #header .header-line.m-fixed .header-wrap .top-mymenu {background: url(/_images/wingsbooking/mobile/top_mymenu.png) center center no-repeat;}
    /*#header.main .header-line .header-wrap .top-mymenu {background: url(/_images/wingsbooking/mobile/top_mymenu_02.png) center center no-repeat;}*/
    
    #header .m-search-wrap {display: block; overflow: hidden; /*border-bottom: 2px solid #0084f6;*/ border-bottom: 1px solid #a8aebe; line-height: 45px;}
    #header.list .m-search-wrap, #header.list .m-tag-wrap {display: block;}
    #header .m-search-wrap .search-bar {margin-top: 6px; line-height: 30px; height: 32px; font-size: 13.5px;}
    #header .m-search-wrap .header-line {overflow: hidden;}
    #header .m-search-wrap .top-back {float: left; width: 10.5%; height: 45px; background: url(/_images/wingsbooking/mobile/top-back_01.png) 58% center no-repeat; text-indent: -9999px;}
    #header .m-search-wrap .search {width: 76%; float: left; margin-top: 8px; margin-right: 2%;}
    
    #header .m-search-wrap .top-gps {width: 10%; height: 45px; background: url(/_images/wingsbooking/mobile/top-gps.png) center center no-repeat;}
    #header .m-search-wrap .top-detail {width: 10.5%; height: 45px; background: url(/_images/wingsbooking/mobile/top-detail.png) 45% center no-repeat; background-size: 26px 25px; text-indent: -9999px;}
    .main-search-wrap .search-pop {top: 92px;}
    
    #header .search-form .m-search {overflow: hidden; padding: 5px 0 4px; background: #f6f7f8;}
    #header .search-form .m-search li {float: left; text-align: center; width: 18.5%; position: relative;}
    #header .search-form .m-search li a {width: 100%;}
    #header .search-form .m-search li.w23 {width: 23%;}
    #header .search-form .m-search li.w17 {width: 17%;}
    #header .search-form .m-search li.bdr:after {position: absolute; content: ''; width: 1px; height: 35px; background: #a8aebe; right: 0; top: 3px;}
    #header .search-form .m-search li .tit {display: block; font-size: 12.5px; font-weight: 500; color: #3b4859;}
    #header .search-form .m-search li input {background: #f6f7f8; width: 100%;}
    #header .search-form .m-search li em, #header .search-form .m-search li input, #header .search-form .m-search li .form-control-range {color: #3b4859; font-size: 15px; font-weight: 500; margin-top: -2px;}
    #header .search-form .m-search li .stay-day {background: url(/_images/wingsbooking/mobile/top-day.png) left 12px top 8px no-repeat; background-size: 5px 9px; padding-left: 18px; border: 1px solid #0084f6; border-radius: 15px; padding: 3px 10px 3px 22px; margin-top: 7px;}
    #header .search-form .m-search li .stay-day, #header .search-form .m-search li .stay-day em {color: #0084f6; font-size: 12px;}
    #header .search-form > li.data-sel {border-bottom: 1px solid #a8aebe;}
    #header .search-form .m-tag-wrap .bx-viewport {margin: 5px 0;}
    #header .search-form .m-tag-wrap .tag li a {height: 29px; line-height: 25px; margin-right: 0!important; margin-left: 5px; font-size: 12px;}
    
    
    #container {padding: 20px 0;/*padding수정하면 #container:not(.npd) .container-top도 수정해야함!*/}
    #container.mpdt {padding: 8px 0 0;}
    #container .contents {width: 100%;}
    /*#container .wrap100 {padding: 0 15px;}*/
    #container.npd .wrap100 {padding: 0;}
    #container.npd .wrap100 .wrapper {width: 100%;}
    #container .wrap100.mbdt {border-top: 1px solid #e0e2e8;}
    #container .wrap100 .m-title {font-size: 20px; font-weight: 500; padding: 0 10px;}
    #container .wrap100 .m-title .more {font-size: 14px; background-size: 7px 14px; background-position: right 4px; padding-right: 14px;}
    #container .wrap100 .s-title {font-size: 18px; margin-top: 20px; margin-bottom: 15px; font-weight: 500;}
        
    #container .cssSlider {overflow-x: scroll;}
    #container .cssSlider .hotel-list.w2 {width: 620px;}
    #container .cssSlider .hotel-list.w3 {width: 940px;}
    #container .cssSlider .hotel-list > li {width: 300px; float: left; margin-right: 10px; border: 1px solid #e0e2e8;}
    #container .cssSlider .hotel-list > li:last-child {margin-right: 0;}
    
    #container .banner-slider {margin: 20px 0;}
    /*#container .banner-slider ul li img {width: 120%; max-width: 120%; margin-left: -10%;}*/
    /*#container .banner-slider .pager-style {right: 10px;}*/
    
    #container:not(.npd) .container-top {margin-top: -20px;}
    #container .container-top.fixed {top: 154px; -webkit-transition: 0.4s; transition: 0.4s; padding: 0; margin-top: 0;}
    #container .container-top.fixed.rt {top: 58px;}
    #container .container-top.fixed.nav-up {top: -58px;}
    #container .container-top-wrap {width: 100%;}
    #container .container-top.fixed .tab-box {padding: 0;}
    #container .container-top .tab-box > ul {width: 100%;}
    #container .container-top .tab-box > ul > li {/*width: 33.33%;*/ display: table-cell; height: 40px; font-size: 14px;}
    #container .container-top .tab-box > ul > li:first-child {border-left: 0;}
    #container .container-top .tab-box > ul > li:last-child {border-right: 0;}
    #container .container-top .tab-box > ul > li > span {padding: 0; line-height: 39px;}
    #container .container-top .tab-box > ul > li .toggle {padding: 0; line-height: 39px;}
    #container .container-top .tab-box > ul > li .toggle-list {/*width: 100%;*/ top: 40px; left: 0;}
    #container .container-top .tag-wrap {}
    #container .container-top .tag-wrap .m-tag-slider {padding: 0 7px;}
    #container .container-top .tag-wrap .m-tag-slider li {margin-top: 20px;}
    #container .container-top.fixed .tag-wrap {/*margin: 7px 0;*/ padding-left: 5px;}
    #container .container-top.fixed .tag-wrap .m-tag-slider li {margin: 9px 5px 9px 0;}
    
    #container .top-title {margin-top: 15px;}
    #container .top-title h2 {font-size: 28px;}
    
    .main-visual .main-title h2 {font-size: 42px;}
    .main-visual .main-title h1 {font-size: 42px;}
    .main-search-wrap .main-search {height: 92px;}
    .main-search-wrap .main-search .bar {width: calc(100% - 95px);}
    .main-search-wrap .main-search .bar li {height: 78px; padding-left: 2.5%; padding-top: 16px;}
    .main-search-wrap .main-search .bar li.loc .con {background-size: 29px 35px; padding-left: 39px;}
    .main-search-wrap .main-search .bar li.cal .con {background-size: 35px 30px; padding-left: 47px;}
    .main-search-wrap .main-search .bar li.people .con {background-size: 33px 36px; padding-left: 42px;}
    .main-search-wrap .main-search .bar li .tit {font-size: 14.5px;}
    .main-search-wrap .main-search .bar li .res {font-size: 15px;}
    .main-search-wrap .main-search .searchBt {font-size: 16px; width: 90px;}
        
    .hotel-con .name {margin-bottom: 0;}
    .hotel-con .name .hotel {font-size: 19px;}
    .hotel-con .addr {font-size: 14px;}
    .hotel-con .price em {font-size: 15px;}
    .hotel-con .price strong {font-size: 22px; margin-top: -5px;}
    #container .hotel-list {margin-top: 20px;}
    #container .hotel-list > li .hotel-con {height: 100px; padding: 10px;}
    #container .hotel-list > li .hotel-con .price {bottom: 12px;}
    
    #container .hotel-list-wrap .noticeWrap {display: none;}
    #container .hotel-list-wrap .blog-contents-wrap {margin-top: 0; margin-bottom: -40px;}
    /*#container .hotel-list-wrap .blog-contents-wrap ul {width: 1050px}*/
    #container .hotel-list-wrap .blog-contents-wrap ul li {width: 210px; height: 210px;}
    
    .hotel-info {margin: 0; border-bottom: 1px solid #e0e2e8; margin-bottom: 15px;}
    .hotel-info .fl, .hotel-info .fr {float: none;}
    .hotel-info .visual, .hotel-info .visual .slider ul li {height: inherit;}
    .hotel-info .visual .slider .back {width: 14px; height: 25px; background: url(/_images/wingsbooking/mobile/top-back_02.png) no-repeat; background-size: cover; position: absolute; top: 16px; left: 14px; z-index: 999; cursor: pointer;}    
    .hotel-info .hotel-con .name {margin-bottom: 5px;}
    .hotel-info .hotel-con .name .state {position: absolute; top: -38px; left: 15px;}
    .hotel-info .hotel-con .name .hotel {font-size: 23px;}
    .hotel-info .hotel-con .addr {color: #0084f6; font-size: 15px;}
    .hotel-info .hotel-con .addr span {color: #0084f6; position: relative; padding-left: 7px; margin-left: 4px;}
    .hotel-info .hotel-con .addr span:before {content: ''; position: absolute; top: 7px; left: 0; width: 1px; height: 14px; background: #c1c6d4;}
    .hotel-info .hotel-con .link {width: 24px; height: 25px; background: url(/_images/wingsbooking/mobile/link_01.png) no-repeat; background-size: cover; position: absolute; top: 12px; right: 15px; cursor: pointer;}
    .hotel-info .hotel-con .review {font-size: 15px; top: 46px; right: 15px;}
    .hotel-info .hotel-con .check-point {background: none; padding: 13px 0; border-top: 1px solid #a8aebe; margin-top: 15px;}
    .hotel-info .hotel-con .check-point p {margin-bottom: 4px;}
    
    .room-select-list {padding-bottom: 30px;}
    .room-select-list .room-select-tab {display: none;}
    .room-list-wrap {padding: 0; margin-top: 15px;}
    .room-select .room-select-wrap {border-radius: 5px; height: 150px;}
    .room-select .fl {width: 58%;}
    .room-select .fr {width: 42%;}
    .room-select .room-select-top, .room-list-wrap .room-select .room-select-bottom {padding-left: 15px;}
    .room-select .room-select-top {padding-top: 30px;}
    .room-select .room-select-top .fr {padding-right: 15px;}    
    .room-select .room-select-bottom {background: rgba(0,0,0,0.35);}
    .room-select .room-detail {margin-top: 9px;}
    .room-select .room-select-bottom .ic-search2 {margin-right: 5px;}
    .room-select .room-select-bottom .ic-down2 {margin-left: 5px;}
    .room-select .room-name {font-size: 21px;}
    .room-select .ft1, .room-select .room-price {font-size: 13px;}
    .room-select .room-price strong {font-size: 18px; margin-right: 0;}
    .room-select .room-detail {font-size: 13px;}
    .room-select .product-view {font-size: 14px; height: 40px;}
    
    .room-product-list .room-product.on {padding-bottom: 0;}
    .room-product .fr {padding-left: 10px; padding-right: 10px;}
    .room-product .room-product-top {padding: 15px 0 15px 10px;}
    .room-product .room-product-top .fl {padding-right: 10px;}
    .room-product .product-name {font-size: 17px;}
    .room-product .product-info-list ul li {font-size: 13px;}
    .room-product .product-info-list ul li:nth-child(n+4) {display: none;}
    .room-product .product-info-list .more {font-size: 13px;}
    .room-product .price-wrap .price-down {font-size: 18px; background: none;}
    .room-product .price-wrap .price-info {font-size: 12px;}
    .room-product .price-wrap .price-cancel > span {font-size: 13px;}
    .room-product .price-wrap .price-cancel > i {display: none;}
    
    .room-product-bottom {padding: 5px 0 15px 0; background: none;}
    .room-product-bottom .fl, .room-product-bottom .fr {float: none; width: 100%;}
    .room-product-bottom .fr {padding: 0 10px;}
    .room-product-bottom .ic-people, .room-product-bottom .people-select ul {float: none; width: 100%;}
    .room-product-bottom .ic-people {margin-top: 0; background: #f7f7fa url(/_images/wingsbooking/common/people-ic.png) 15px center no-repeat; background-size: 26px 22px; padding: 8px 0 8px 52px; margin-bottom: 15px; font-size: 15px;}
    .room-product-bottom .people-select .ic-people .ic-arrow-r {display: none;}
    .room-product-bottom .people-select ul {padding: 0 10px; margin-bottom: 7px;}
    .room-product-bottom .people-select ul li {width: 32%; margin-left: 2%;}
    .room-product-bottom .people-select ul li select {border: 1px solid #0087f5;}
    .room-product .next span:after {top: 3px; right: -23px;}
    
    .hotel-info-etc {padding: 15px 0 20px;}
    #container .wrap100 .hotel-info-etc .s-title {margin-top: 0; margin-bottom: 10px;}
    #container .wrap100 .hotel-info-etc .s-title .more {position: relative; font-size: 14px; color: #0084f6; cursor: pointer; margin-top: 2px;}
    #container .wrap100 .hotel-info-etc .s-title .more:after {position: absolute; content: ''; width: 100%; height: 1px; bottom: 0; left: 0; background: #0084f6;}
    #container .wrap100 .hotel-info-etc .s-title .more .ic-arrow-r2 {margin-left: 2px; vertical-align: -2px;}
    .hotel-info-etc .info-addr {color: #66707d; margin-top: 5px;}
    .hotel-info-etc .info-addr:before {content: ''; display: inline-block; width: 2px; height: 15px; background: #66707d; border-radius: 5px; margin-right: 5px; vertical-align: -3px;}
    .hotel-info-etc .info-addr-copy {color: #66707d; padding: 6px 12px; border: 1px solid #979caf; border-radius: 5px; cursor: pointer;}
    .hotel-info-etc .contents .info-room-icon {height: 45px; overflow: hidden;}
    .hotel-info-etc .contents .info-room-icon.on {height: inherit;}
    .hotel-info-etc .contents .info-room-icon span {margin-bottom: 10px;}
    .hotel-info-etc .contents .text-box {padding: 12px 15px;}
    .hotel-info-etc .contents .text-box .text {line-height: 1.6em;}
    .hotel-info-etc .hotel-review {margin-top: 0;}
    .hotel-info-etc .hotel-review .review-all {margin-top: 0;}
    .hotel-info-etc .hotel-review .m-review-score-wrap {text-align: center; margin-top: 20px;}
    .hotel-info-etc .hotel-review .m-review-score-wrap .m-review-score {display: inline-block; border: 2px solid #0184f6; border-radius: 30px; padding: 5px 30px 6px;}
    .hotel-info-etc .hotel-review .m-review-score-wrap .review-score, .hotel-info-etc .hotel-review .m-review-score-wrap h4 {display: inline-block;}
    .hotel-info-etc .hotel-review .m-review-score-wrap .review-score {position: relative; padding-right: 18px; margin-right: 12px;}
    .hotel-info-etc .hotel-review .m-review-score-wrap .review-score:after {content: ''; position: absolute; width: 1px; height: 17px; background: #0184f6; top: 9px; right: 0;}
    .hotel-info-etc .hotel-review .review-score .current-score {font-size: 21px; vertical-align: middle;}
    .hotel-info-etc .hotel-review .review-score .total-score {font-size: 14px; vertical-align: middle;}
    .hotel-info-etc .hotel-review .m-review-score-wrap h4 {margin-bottom: 0; font-size: 15px; vertical-align: middle; font-weight: 500;}
    .hotel-info-etc .hotel-review .m-review-score-wrap h4 span {font-weight: 500;}
    .review-wrap .review-list li {position: relative;}
    .review-wrap .review-list li:nth-child(n+3) {display: none;}
    .hotel-info-etc .hotel-review .ic-score {font-size: 18px; background: url(/_images/wingsbooking/common/star_01.png) left center no-repeat; padding-left: 23px;}
    .review-wrap .review-list li > div.room {position: absolute; top: 0; left: 0;}
    .review-wrap .review-list li > div.room .tx1 {padding-left: 60px;}
    .review-wrap .review-list li > div.room .tx2 {margin-top: 8px;}
    .review-wrap .review-list li > div.text-wrap .info {position: absolute; top: 25px; right: 0;}
    .review-wrap .review-list li > div.text-wrap .text {margin-top: 30px;}
    
    /*#container .banner-slider ul li {padding: 30px 0 0 15px; height: 140px;}*/
    #container .banner-slider ul li p {font-size: 14px;}
    #container .banner-slider ul li h4 {font-size: 17px; word-wrap:normal; white-space:nowrap; text-overflow:ellipsis; max-width: 99%; overflow: hidden;}
    #container .banner-slider ul li .view {font-size: 12px; padding: 3px 20px 5px; margin-top: 10px;}        
    
    .rsvn-list-wrap .rsvn-list {margin-bottom: 15px;}
    .rsvn-list-wrap.confirm .rsvn-list {margin-bottom: 25px;}   
    .rsvn-list-wrap.confirm .rsvn-list .rsvn-top {padding: 0 15px;}
    .rsvn-list-wrap.confirm .rsvn-list .rsvn-top .tx {font-size: 13px;}
    .rsvn-list-wrap .rsvn-list .rsvn-top .tx-r {font-size: 13px; padding-right: 5px;}
    .rsvn-list-wrap .rsvn-list .rsvn-top .checkbox input[type="checkbox"] + label span {margin-right: 7px}
    .rsvn-list-wrap .rsvn-list:last-child {margin-bottom: 30px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con {border-left: 0; border-right: 0;}
    .rsvn-list-wrap .rsvn-list .rsvn-con.bdt {border-top: 0;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con {padding: 12px 18px 12px 12px;}
    .rsvn-list-wrap .rsvn-list.ht .rsvn-con .hotel-con {padding: 20px 18px 24px 12px;}
    .rsvn-list-wrap .rsvn-list.ht .rsvn-con.bdt .hotel-con.pd {padding: 20px 0 20px 12px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-tit {width: 85px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-tit h5 {font-size: 15px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-info-list {padding-right: 15px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-info-list li {font-size: 13px; margin-bottom: 5px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-img {width: 37%; height: 180px;}
    .rsvn-list-wrap.confirm .rsvn-list:not(.ht) .rsvn-con .hotel-con .hotel-img {width: 29.41%; height: 202px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap {width: 63%;}
    .rsvn-list-wrap.confirm .rsvn-list:not(.ht) .rsvn-con .hotel-con .hotel-con-wrap {width: 70.59%; padding-left: 2.2%;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c {padding: 12px 0;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c.check-day {width: 18%;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c .day {height: 40px; line-height: 35px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c .day > em {font-size: 13px; padding-left: 7px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c .check-date {font-size: 15px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .rsvn-info-list .list {padding: 2px 0; font-size: 13.5px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .checkin {width: 22%;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .checkin ul li {padding-left: 8px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .checkin ul li:first-child {padding-right: 33px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .checkin ul li .time {font-size: 21px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-info {padding: 15px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-info ul li {margin-bottom: 6px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-info .rsvn-tit {font-size: 13px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-info .rsvn-num {font-size: 13px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-state {right: 18px; bottom: 16px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-state i {margin-right: 5px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-state em {font-size: 14px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-map {width: 225px; padding-right: 25px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-map #mapArea {width: 200px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-map .map-link {height: 72px; background-size: 40px 29px; background-position: 23px center; padding: 15px 0 0 78px;}
    .rsvn-list-wrap .rsvn-pay-wrap {padding: 25px 25px 30px;}
    .rsvn-list-wrap .rsvn-pay-wrap .pay-info-list .list, .rsvn-list-wrap .rsvn-pay-wrap .rsvn-total-pay .total-pay-list .list, .rsvn-list-wrap .rsvn-pay-wrap .rsvn-total-pay .total .cost {font-size: 15px;}
    .rsvn-list-wrap .rsvn-pay-wrap .rsvn-total-pay .total h3 {font-size: 18px;}
    .rsvn-list-wrap .rsvn-pay-wrap .rsvn-total-pay .total .cost .zoom {font-size: 24px;}
    
    .rsvn-list-wrap .rsvn-nodata {padding: 80px 5%; border-left: 0; border-right: 0; margin-bottom: 25px;}
    .rsvn-list-wrap .rsvn-nodata .ic-nodata {margin-bottom: 20px;}
    .rsvn-list-wrap .rsvn-nodata h3 {font-size: 20px;}
    .rsvn-list-wrap .rsvn-nodata p {font-size: 14px;}
    .rsvn-list-wrap .rsvn-nodata .bt-wrap {margin-top: 30px;}
    .rsvn-list-wrap .rsvn-nodata .bt-wrap a {font-size: 16px; width: 300px; height: 50px; line-height: 48px;}
    
    .wrapper.wd100_1024 .notice-list-wrap {padding: 0 18px;}
    
    #container .about-wrap h3 {font-size: 40px;}
    #container .about-wrap .about01 .text-area {padding-right: 300px;}
    #container .about-wrap .about01 .text-area h3 {font-size: 36px; margin-bottom: 30px;}
    #container .about-wrap .about01 .text-area h3 .nanumSq {width: 240px; height: 34px; background-size: 240px 34px; margin-right: 7px;}
    #container .about-wrap .about01 .img-area {width: 360px; height: 345px; background-size: 360px 345px; right: -70px;}    
    #container .about-wrap .about02 .wrapper {width: 100%;}
    #container .about-wrap .about02 .why li {width: 32%; margin-right: 2%;}
    #container .about-wrap .about02 .why li p {font-size: 16px;}    
    #container .about-wrap .about03 h4 {font-size: 20px;}
    #container .about-wrap .about03 .box2 h4 {font-size: 20px;}
    #container .about-wrap .about04 .wrapper .t-c p {font-size: 18px;}
    
    /* side */    
    #container .side-l {display: none;}
    #container .side-r {float: none; width: 100%; padding: 10px 0 20px;}
    #container .side-r .top-wrap h2 {text-align: center; padding-top: 0;}
    #container .side-r .top-wrap .tab-box .tab li {font-size: 14px; height: 50px;}
    #container .formWrap .agree {margin: 25px 0 35px;}
    
    /*.visual-wrap.about {height: 860px;}*/
    .sub-visual .visual-bg.about {/*height: 860px;*/ background-position: right bottom 5%;}
    /*.visual-wrap.sub, .sub-visual .visual-bg, .sub-visual .visual-bg li {height: 260px;}*/
    .sub-visual .sub-title .t-c {padding-top: 58px;}
    .sub-visual .sub-title.about .t-c {vertical-align: top; padding-top: 140px; padding-left: 0; text-align: center;}
    .sub-visual .sub-title .t-c .line-wrap {margin-bottom: 30px;}
    .sub-visual .sub-title h2 {font-size: 40px;}
    .sub-visual .sub-title h2.l {padding-left: 15px;}
    
    .sub-visual .sub-title h2.s {font-size: 30px;}
    .sub-visual .sub-title .t-c .semi {text-align: left; display: inline-block;}
    
    
    /* board */    
    .page_Num {margin-top: 30px;}
    
    
    /* go link */    
    .goTopWrap {bottom: 270px;}
    #goTop {position: fixed; bottom: 47px; right: 1.3%; width: 50px; height: 50px; background: url(/_images/wingsbooking/common/goTop.png) no-repeat; background-size: 50px 50px;}
    
    /* top banner */
    #top-banner .slider > li .wrapper > a {text-align: center;}
    
    /* footer */    
    #footer {background: #5e6266!important; border-top: 0;}
    #footer .footer-wrap {/*padding: 30px 0 40px;*/}
    #footer .footer-line ul li a {color: #e5e5e5;}
    #footer .footer-line ul li:after {background: #ABACAD;}
    #footer .f-logo {width: 95px; height: 42px; background-size: 95px 42px; display: none;}
    #footer .address p {margin-left: 0; font-size: 13px; color: #d7d7d7;}
    #footer .address p.email em {color: #fff; display: block;}
    #footer .address p.email .bl {color: #60b5ff; display: block;}
    #footer .address .copyright {color: #d7d7d7;}
    #footer .sns {padding-right: 0; display: none;}
    #footer .sns li a {width: 38px; height: 38px; background-size: 38px 38px!important; margin-left: 2px;}
        
    .pop_notice_set {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9998;}
    .pop_notice_set:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
    .pop_notice_set .pop_notice {top: 30%; left: 50%; margin-left: -235px;}
    
    
    .noUi-target {width: 94%; color: #7f8895; font-size: 13px; font-weight: 100; margin-bottom: 35px;}    
    .noUi-target:before {position: absolute; content: '0원'; top: 18px; left: -10px;}
    .noUi-target:after {position: absolute; content: '500,000원 +'; top: 18px; right: -10px; text-align: right; min-width: 70px;}
    
    .noUi-connect {background-size: cover;}
    
    .noUi-horizontal .noUi-handle {width: 26px; height: 26px; top: -10px;}
    .noUi-horizontal .noUi-handle.noUi-handle-lower {background: url(/_images/wingsbooking/mobile/noUi-handle-lower.png) no-repeat; background-size: 26px 26px;}
    .noUi-horizontal .noUi-handle.noUi-handle-upper {background: url(/_images/wingsbooking/mobile/noUi-handle-upper.png) no-repeat; background-size: 26px 26px;}
}

@media screen and (min-width:769px){  
    .view768 {display: none!important;}
    
    .bt-15 {width: 245px;}
    
    .table-wrap .table-form .tb {display: table; width: 100%; border-top: 3px solid #676c71; border-collapse: collapse;}
    .table-wrap .table-form .tb .tr {display: table-row; width: 100%;}
    .table-wrap .table-form .tb .tr .th, .table-wrap .table-form .tb .tr .td {display: table-cell; vertical-align: middle; border-right: 1px solid #e0e2e8; border-bottom: 1px solid #e0e2e8;}
    .table-wrap .table-form .tb .tr .th:last-child, .table-wrap .table-form .tb .tr .td:last-child {border-right: 0;}
    .table-wrap .table-form .tb .tr:last-child .th, .table-wrap .table-form .tb .tr:last-child .td {border-bottom: 1px solid #aeb4bb;}
    .table-wrap .table-form .tb .tr.imp .td {background: #fff url(/_images/wingsbooking/common/table-imp.png) top left no-repeat;}
    
    #container .hotel-list.w1 > li:hover {padding: 0; border: 5px solid #0084f6;}
    #container .hotel-list.w1 > li {height: 245px; padding: 4px;}    
    #container .hotel-list.w1 > li .img {width: 310px; height: 245px; float: left;}
    #container .hotel-list.w1 > li:hover .img {top: -4px; left: -4px;}
    #container .hotel-list.w1 > li .hotel-con {width: 535px; left: 305px; padding: 15px 25px;}
    #container .hotel-list.w1 > li .hotel-con .review {position: absolute; top: 23px; right: 30px;}
    #container .hotel-list.w1 > li .hotel-con .tag-slider {width: 485px; padding: 0 5px; margin: 18px 0;}    
    #container .hotel-list.w1 > li .hotel-con .price {position: absolute; right: 30px; bottom: 14px;}
    
/*    #container .hotel-list.w2 > li .img {height: 165px; max-width: 200px;}
    #container .hotel-list.w2 > li .img .image img {width: auto;}
    #container .hotel-list.w2 > li:hover {padding: 0; border: 4px solid #0084f6;}
    #container .hotel-list.w2 > li {padding: 4px;}
    #container .hotel-list.w2 > li:hover .img {top: -3px; left: -3px;}
    #container .hotel-list.w2 > li .hotel-con {width: 360px; left: 196px; padding: 10px 15px;}
    #container .hotel-list.w2 > li:hover .hotel-con {padding: 11px 16px;}
    #container .hotel-list.w2 > li .img .notice {left: 0; top: 0; width: 100%;}
    #container .hotel-list.w2 > li .hotel-con .name {margin-bottom: 0;}
    #container .hotel-list.w2 > li .hotel-con .name .hotel {font-size: 19px;}
    #container .hotel-list.w2 > li .hotel-con .addr {font-size: 13px;}
    #container .hotel-list.w2 > li .hotel-con .review {position: absolute; top: 15px; right: 13px;}
    #container .hotel-list.w2 > li:hover .hotel-con .review {position: absolute; top: 16px; right: 12px;}
    #container .hotel-list.w2 > li .hotel-con .tag-slider {width: 500px; padding: 0 5px; margin: 18px 0; transform: scale(0.9);}
    #container .hotel-list.w2 > li .hotel-con .price {position: absolute; right: 13px; bottom: 7px;}
    #container .hotel-list.w2 > li:hover .hotel-con .price {right: 12px; bottom: 8px;}
    #container .hotel-list.w2 > li .hotel-con .price em {font-size: 14px;}
    #container .hotel-list.w2 > li .hotel-con .price strong {font-size: 19px;}*/
    
    #container .hotel-list.w3 > li {width: 32%;}
    #container .hotel-list.w3 > li:nth-child(3n) {margin-right: 0;}
    #container .hotel-list.w3 > li:nth-last-child(-n+3) {margin-bottom: 0;}
    
    #container .hotel-list.w4 > li {width: 23.875%; margin-right: 1.5%; float: left; height: 300px;}
    #container .hotel-list.w4 > li:hover {border: 1px solid #0085f6;}
    #container .hotel-list.w4 > li .hotel-con {margin-top: 180px; height: 118px;}
    #container .hotel-list.w4 > li .hotel-con .hotel-con-wrap {padding: 8px 10px;}
    #container .hotel-list.w4 > li .hotel-con .review {position: absolute; left: 10px; bottom: 12px;}
    #container .hotel-list.w4 > li .hotel-con .price {position: absolute; right: 10px; bottom: 9px;}


    .rsvn-list-wrap .rsvn-list .rsvn-con {display: table; table-layout: fixed; overflow: hidden;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con {display: table-cell; width: 80%; vertical-align: top;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-img {float: left;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap {float: left; padding-top: 6px;}
    .rsvn-list-wrap .rsvn-list.ht .rsvn-con .hotel-con .hotel-con-wrap {padding-top: 0;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-info {display: table-cell; vertical-align: top;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-state {position: absolute; bottom: 20px; right: 25px;}
    .rsvn-list-wrap .rsvn-list.ht .rsvn-con .rsvn-state {bottom: 35px;}
    
    #container .about-wrap .about01 .wrapper {display: table; height: 477px; overflow: visible;}
    #container .about-wrap .about01 .text-area {display: table-cell; vertical-align: middle;}
    #container .about-wrap .about01 .img-area {position: absolute;}
}
    
@media screen and (max-width:768px){
    .select select {padding: 0 30px 0 10px; background-position: right 12px center;}
    
    .hidden768 {display: none!important;}
    .view768 {display: block;}
    .view768.ib {display: inline-block;}
    colgroup.view768 {display: table-column-group;}
    .file label {padding: 0 10px;}    
    .link {font-size: 15px; height: 50px; line-height: 48px;}
    
    /*.bt-form .tr {width: 140px;}
    .bt-form .tr a {background-position: 30px center!important; padding-left: 35px;}*/
    .bt-form .tl, .bt-form .tr {display: block; width: 100%; text-align: center;}
    .bt-form .tl {padding-right: 0;}
    .bt-form .tr {padding-top: 20px;}
    .bt-form .tr a {width: 200px;}
    
    .bt-07, .bt-08 {width: 165px; height: 47px; line-height: 45px; font-size: 15px;}
    .bt-14, .bt-15, .bt-16, .bt-17 {font-size: 15px; padding: 10px 30px 12px;}
    .bt-15 {width: 210px;}
    
    .select-bar {font-size: 16px; width: 100%;}
    
    .check-list li {font-size: 16px; margin-bottom: 12px;}
    
    .table-wrap .table-form {padding: 18px 17px 23px; background: #fff; border-top: 1px solid #e0e2e8; border-bottom: 1px solid #e0e2e8;}
    .table-wrap .table-form .tb .tr {margin-bottom: 15px;}
    .table-wrap .table-form .tb .tr:last-child {margin-bottom: 0;}
    .table-wrap .table-form .tb .tr .th, .table-wrap .table-form .tb .tr .td {padding: 0;}
    .table-wrap .table-form .tb .tr .th {margin-bottom: 10px; font-weight: 500;}
    
    #top-banner .textAreaWrap {height: 0; padding-bottom: 13%;}
    #top-banner .textAreaWrap .wrapper {position: absolute; top: 0; left: 0;}
    
/*    #header .m-search-wrap {line-height: 38px;}
    #header .search-form .m-search {padding: 3px 0 2px;}
    #header .search-form .m-search li em, #header .search-form .m-search li input, #header .search-form .m-search li .form-control-range {font-size: 14px; margin-top: -3px;}*/
    
    #container.nav-down {padding-top: 208px;}
    
    #container .wrap100 {padding: 30px 0;}
    
    
    .visual-wrap.main, .main-visual .visual-bg li {height: 554px;}
    .visual-wrap {height: inherit; min-height: 270px; z-index: 9998;}
    .visual-wrap.board {height: 270px;}
    .main-visual .visual-bg {height: 554px;}
    
    .main-visual {top: 0; position: relative; height: 554px;}
    /*.main-visual .visual-bg li.slide01 {background: url(/_images/wingsbooking/mobile/visual_01.jpg) center center no-repeat;}*/
    .main-visual .main-title {padding-top: 170px;}
    .main-visual .main-title .visual-ic {width: 107px; height: 30px; background-size: 107px 30px; margin-bottom: 25px;}
    .main-visual .main-title h2 {font-size: 33px; height: 45px; font-weight: 300;}
    .main-visual .main-title h1 {font-size: 34px;}
    .main-visual .main-title h3 {font-weight: 500;}
    .main-search-wrap {width: 100%;}
    /*.main-search-wrap .main-search {height: 42px;}*/
    .main-search-wrap .main-search .input {float: left; width: calc(100% - 65px); height: 100%; margin-right: 5px; border-radius: 10px;}
    .main-search-wrap .main-search .input .tx {font-size: 21px; color: #555; line-height: 58px; padding-left: 20px; font-weight: 500;}
    .main-search-wrap .main-search .input input {padding: 0 55px 0 20px; font-size: 14px;}
    .main-search-wrap .main-search .searchBt {width: 60px; background: #0068f6 url(/_images/wingsbooking/common/search_06.png) center 48% no-repeat; background-size: 24px 25px; text-indent: -9999px; border-radius: 10px;}
    
    .sub-visual .visual-bg {height: 270px;}
    /*.sub-visual .visual-bg.about {background-size: 504px 300px;}*/
    .visual-wrap.about, .sub-visual .visual-bg.about {height: inherit;}
    .visual-wrap.about .sub-visual {position: relative;}
    .sub-visual .sub-title h2 {font-size: 36px;}
    .sub-visual .sub-title h2.l {font-size: 63px; padding-left: 12px;}
    .sub-visual .sub-title h2.b {font-size: 63px;}
    .sub-visual .sub-title h2.b .line {width: 90px; height: 6px; margin: 0 13px;}
    .sub-visual .sub-title h2.s {font-size: 24px;}
    .sub-visual .sub-title h3 {font-size: 18px;}
    .sub-visual .sub-title .t-c .semi {font-size: 16px; padding-left: 23px; background-size: 13px 40px;}
    .sub-visual .sub-title .t-c .img-wrap {margin-top: 100px; padding-left: 5%;}
    
    #container .banner-slider {margin: 17px 0;}
    
    #container .container-top.fixed {z-index: 9997;}
    #container .container-top .tab-box > ul > li {position: inherit;}
    #container .container-top .tab-box > ul > li .toggle-list {border-top: 1px solid #d3d3d3;}
    #container .container-top .tag-wrap {padding-right: 0;}
    #container .container-top .tag-wrap .m-tag-slider {width: 100%; white-space: nowrap; overflow-x: auto;}
    #container .container-top .tag-wrap .m-tag-slider li {width: auto; float: none; display: inline-block; margin-top: 17px; margin-right: 2px;}
    #container .container-top.fixed .tag-wrap .m-tag-slider li {margin: 7px 2px 7px 0;}
    #container .container-top .tag-wrap .m-tag-slider li a {font-size: 12px; padding: 0 27px 0 13px; line-height: 27px; height: 30px;}
    #container .container-top .tag-wrap .m-tag-slider li a .ic-delete {top: 6px; right: 7px;}
    
    #container .top-title {margin-bottom: 8px;}    
    #container .top-title h2 {font-size: 24px;}
    
    .main-search-wrap .main-search {height: 58px;}
    .main-search-wrap .main-search .input > span {font-size: 15px; line-height: 46px;}
    .main-search-wrap .main-search.on .input > span {line-height: 41px;}
    
    #container .notice-wrap .notice {padding: 100px 0 105px;}
    #container .notice-wrap .notice i {margin-bottom: 20px;}
    #container .notice-wrap .notice h3 {font-size: 18px;}
    
    #container .hotel-list {margin-top: 17px;}
    #container .hotel-list.w4 > li .hotel-con {padding: 8px 0 10px;}
    #container .hotel-list.w4 > li .hotel-con .price {right: 0;}
    #container .hotel-list.w3 > li:nth-last-child(-n+2) {margin-bottom: 0;}
/*    #container .hotel-list.w4 > li .img .image {height: 100%;}
    #container .hotel-list.w4 > li .hotel-con .name .state {position: inherit;}
    #container .hotel-list.w4 > li .hotel-con .info-wrap {position: relative;}
    #container .hotel-list.w4 > li .hotel-con .review {position: relative; color: #3b4859; background: url(/_images/wingsbooking/common/star_01.png) left center no-repeat ;padding-left: 18px;}
    #container .hotel-list.w4 > li .hotel-con .review strong {color: #3b4859;}
    #container .hotel-list.w4 > li .hotel-con .price {position: relative;}*/
    
    .rsvn-list-wrap {/*padding-top: 12px;*/}
    .rsvn-list-wrap .rsvn-list {margin-bottom: 11px;}
    .rsvn-list-wrap .rsvn-list:last-child {margin-bottom: 20px;}
    .rsvn-list-wrap .rsvn-list .rsvn-top {display: none; margin-bottom: 9px;}
    .rsvn-list-wrap.confirm .rsvn-list .rsvn-top {display: block;}
    .rsvn-list-wrap .rsvn-list.ht .rsvn-info button {padding: 10px 20px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con {padding: 21px 20px 0;}
    .rsvn-list-wrap.confirm .rsvn-list .rsvn-con .hotel-con {padding: 21px 20px;}
    .rsvn-cancel-wrap .rsvn-list .rsvn-con {margin-left: 0; width: 100%;}
    .rsvn-list-wrap .rsvn-list .rsvn-con.selected {border-left: 0; border-right: 0;}
    .rsvn-list-wrap .rsvn-list.ht .rsvn-con .hotel-con {padding: 21px 20px 20px;}
    .rsvn-list-wrap .rsvn-list.ht .rsvn-con.bdt .hotel-con.pd {padding: 21px 20px 20px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-tit {width: 100%; padding: 10px 0 32px 78px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-tit .name .hotel {font-size: 22px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-img {position: absolute; top: 17px; left: 20px; width: 64px; height: 64px; border-radius: 32px; overflow: hidden;}
    .rsvn-list-wrap.confirm .rsvn-list:not(.ht) .rsvn-con .hotel-con .hotel-img {display: none;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap {width: 100%; padding-left: 0;}
    .rsvn-list-wrap.confirm .rsvn-list:not(.ht) .rsvn-con .hotel-con .hotel-con-wrap {width: 100%; padding-left: 0;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .hotel-name {padding-left: 78px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .hotel-name .name .hotel {font-size: 22px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .hotel-name .addr {font-size: 15px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c {width: 40.5%;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c .s {font-size: 14px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c.check-day {width: 14%;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c .day {height: 45px; line-height: 40px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c .day > em {font-size: 14px; padding-left: 10px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c .check-date {font-size: 17px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range {margin: 18px 0 13px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .room-list {padding-bottom: 13px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .room-list ul li {font-size: 14px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .rsvn-info-list .list {font-size: 14px; padding: 3px 0;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-info {display: table; width: 100%; table-layout: fixed; border-top: 1px solid #e0e2e8; padding: 18px 20px; border-left: 0;}
    .rsvn-list-wrap .rsvn-list.ht .rsvn-con .rsvn-info {padding: 15px 20px;}    
    .rsvn-list-wrap .rsvn-list.ht .rsvn-con .rsvn-info .bt-wrap.top {margin-bottom: 0; text-align: left;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-info ul {display: table-cell; vertical-align: middle;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-info ul li {overflow: hidden; margin-bottom: 3px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-info .rsvn-tit {font-size: 15px; float: left; width: 70px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-info .rsvn-num {font-size: 15px; float: left;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-info .cancel-date {font-size: 15px; float: left;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-state {display: table-cell; width: 90px; vertical-align: middle; text-align: right;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-state em {font-size: 16px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .checkin {border-left: 0; width: 35%; text-align: right;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .checkin ul li {text-align: center;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .checkin ul li .time {font-weight: 300;}
    .rsvn-list-wrap .rsvn-pay-wrap {padding: 25px 20px 30px;}
    .rsvn-list-wrap .rsvn-pay-wrap .pay-info-list, .rsvn-list-wrap .rsvn-pay-wrap .rsvn-total-pay {width: 350px;}
    .rsvn-list-wrap .rsvn-pay-wrap .pay-info-list .list, .rsvn-list-wrap .rsvn-pay-wrap .rsvn-total-pay .total-pay-list .list, .rsvn-list-wrap .rsvn-pay-wrap .rsvn-total-pay .total .cost {font-size: 14px;}
    
    .rsvn-guest-info .table-wrap .table-form .tb .tr .th {width: 100%;}
    
    .rsvn-list-wrap .rsvn-nodata {margin-bottom: 15px;}
    
    #container .about-wrap h3 {font-size: 36px;}
    #container .about-wrap .about01 .wrapper {padding-top: 53px;}
    #container .about-wrap .about01 .text-area {padding-right: 0; margin-bottom: 65px;}
    #container .about-wrap .about01 .text-area h3 {margin-bottom: 25px;}
    #container .about-wrap .about01 .img-area {width: 100%; height: 317px; background-size: 330px 317px; background-position: 58% bottom;}
    #container .about-wrap .about02 {padding: 70px 0 80px;}
    #container .about-wrap .about02 h3 {margin-bottom: 50px;}
    #container .about-wrap .about02 .why li {float: none; width: 43%; display: inline-block; margin-right: 0; vertical-align: top; padding-top: 178px;}
    #container .about-wrap .about02 .why li:first-child {width: 100%; margin-bottom: 35px;}
    #container .about-wrap .about02 .why li h4 {font-size: 19px; margin-bottom: 8px;}
    #container .about-wrap .about02 .why li p {font-size: 15px;}
    #container .about-wrap .about03 {padding: 70px 0 80px;}
    #container .about-wrap .about03 .wrapper {width: 90%;}
    #container .about-wrap .about03 h3 {margin-bottom: 53px;}
    #container .about-wrap .about03 .diagram {width: 100%; background-size: cover; margin-bottom: 53px;}
    #container .about-wrap .about03 h4 {word-break: keep-all; font-size: 18px;}
    #container .about-wrap .about03 .box {padding: 60px 5%; margin-top: 50px;}
    #container .about-wrap .about03 .box .logo {width: 140px; height: 29px; background-size: 140px 29px;}
    #container .about-wrap .about03 .box h5 {font-size: 19px;}
    #container .about-wrap .about03 .box p {font-size: 15px; margin-bottom: 25px;}
    #container .about-wrap .about03 .box2 {padding: 25px 32px;}
    #container .about-wrap .about03 .box2 h4 {font-size: 18px;}
    #container .about-wrap .about04 {height: 380px; background-size: cover;}
    #container .about-wrap .about04 .wrapper .t-c h3 {margin-bottom: 20px;}
    #container .about-wrap .about04 .wrapper .t-c p {font-size: 17px;}
            
    #container .side-r .top-wrap .search {position: relative; width: 100%; margin-top: 15px;}
    #container .side-r .intro-search{position: relative; width: 100%; margin-top: 15px;}
    #container .side-r .top-wrap .tab-box {margin-top: 18px;}
    #container .side-r .top-wrap .tab-box .tab li {font-size: 13px; height: 45px;}
    #container .side-r .bt-wrap {margin-top: 30px;}
    
    #container .boardList.eventView {background: transparent;}
    #container .boardList.eventView .list {border-top: 0;}
    #container .boardList.eventView .list > li {border-bottom: 0;}
    #container .boardList .list > li .tit {padding: 20px 40px 20px 20px; background-position: right 20px top 28px !important;}
    #container .boardList .list.promotion > li .tit {padding: 20px;}
    #container .boardList.eventView .list.promotion > li .tit {padding: 0 0 25px;}
    #container .boardList .list > li .tit p {margin-bottom: 3px;}
    #container .boardList.eventView .list > li .tit p {float: none; text-align: center; font-size: 20px;}
    #container .boardList .list > li .tit > small {font-weight: 300;}
    #container .boardList .list > li > .fileList {padding: 15px 20px;}
    #container .boardList .list.promotion > li > .img {padding: 0 20px 20px;}
    #container .boardList .list > li.end > .img .notice {right: 20px;}
    #container .boardList .answer {padding: 16px 15px 16px 52px;}
    #container .boardList .answer:before {left: 20px; font-weight: 300;}
    #container .boardList .answer .text-box p {line-height: 1.6em;}
    #container .boardList .answer .text-box p.a-t {margin-bottom: 5px;}
    #container .boardList .list > li .con {padding: 20px;}
    #container .boardList.eventView .list > li .con {padding: 0;}
    #container .boardList .list > li .hotel-list-wrap {padding: 20px;}
    #container .boardList.eventView .list > li .hotel-list-wrap {padding: 30px 15px 0;}
    
    #container .formWrap .board-form li .tit {padding-left: 30px; width: 180px;}
    #container .formWrap .board-form li .con {padding: 10px 20px;}
    #container .formWrap .board-form li .file-wrap .fl {float: none; display: block;}
    #container .formWrap .board-form li .file-wrap .stit {width: 100%; margin-bottom: 12px;}
    
    #container .notice-wrap .info-box {margin-bottom: -8px; padding: 20px 0;}
    #container .notice-wrap .info-box p {font-size: 16px;}
    
    #container #policy-table .list thead th, #container #policy-table .list tbody td {font-size: 14px; padding: 8px 12px;}
    
    #footer .wrapper {width: 93%; padding: 20px 0 30px;}
    #footer .footer-wrap {/*padding: 20px 0 25px;*/}
    #footer .footer-line {padding-bottom: 13px;}
    #footer .footer-line ul {overflow: hidden;}
    #footer .footer-line ul li a {/*font-size: 13px;*/}
    #footer .address {float: none;}
    #footer .address p {line-height: 1.5em;}
    #footer .address p.email {margin-bottom: 13px;}
    #footer .footer-line ul li {padding-right: 12px; margin-right: 8px; margin-bottom: 4px;}
    #footer .footer-line ul li:after {background: #ABACAD; height: 12px; top: 6px;}    
    
    .date-picker-wrapper {z-index: 9999; width: 100%; left: 0!important; border: 0; border-radius: 0; border-top: 1px solid #0084f6; padding: 0; padding-bottom: 70px;}
    .date-picker-wrapper .month-wrapper table {width: 100% !important; padding: 0 15px; float: none; margin-right: 0;}
    .date-picker-wrapper .month-wrapper table.month2 {border-top: 1px solid #cdcfd4; margin-top: 10px;}
    .date-picker-wrapper .month-wrapper table th {height: 55px;}
    
    .date-picker-wrapper .month-wrapper table .day.checked span {color: #fff;}
    .date-picker-wrapper .footer, .date-picker-wrapper .close-bt {display: none;}
    
    #top-banner .slider > li .wrapper > a {padding: 0 15px;}
    #top-banner #closeBanner {margin-top: -13px; width: 23px; height: 23px; background-size: 23px 23px; right: 15px;}
}

@media screen and (max-width:640px){
    .view640 {display: block;}
    .hidden640 {display: none;}
    
    .sub-visual .sub-title h2.l {font-size: 56px;}
    .sub-visual .sub-title h2.b {font-size: 56px;}
    .sub-visual .sub-title h2.b .line {width: 78px; vertical-align: 19px;}
    
    #container .about-wrap .about02 .why li {width: 100%; display: block; margin-bottom: 35px;}
    #container .about-wrap .about02 .why li:last-child {margin-bottom: 0;}
    
    .loading-page {min-height: 100%;}
    .loading-page .header {display: table; width: 100%; height: 58%; padding-top: 30px;}
    .loading-page .header .middle {display: table-cell; width: 100%; vertical-align: middle;}
    .loading-page .loading-img-wrap {margin-bottom: 20px;}
    .loading-page .loading-img > span.img1 {width: 86px; height: 74px; background: url(/_images/wingsbooking/common/loadingPage_m_01.png) no-repeat; background-size: 86px 74px; margin-top: 5px;}
    .loading-page .loading-img > span.img2 {width: 53px;}
    .loading-page .loading-img > span.img3 {width: 86px; height: 74px; background: url(/_images/wingsbooking/common/loadingPage_m_02.png) no-repeat; background-size: 86px 74px; margin-top: 5px;}
    .loading-page .title h3 {font-size: 30px; line-height: 1.6em;}
    .loading-page .advantage {height: 28%; margin-top: 0;}
    .loading-page .advantage .tit {position: relative; display: block; width: 85%; margin: 0 auto; font-size: 20px; border: 0; background: none; font-weight: 700;}
    .loading-page .advantage .tit:before {position: absolute; content: ''; width: 100%; height: 1px; background: #d2d2d2; left: 0; top: 50%; z-index: 0;}
    .loading-page .advantage .tit:after {position: absolute; content: ''; width: 130px; height: 100%; background: #939393; left: 50%; top: 0; margin-left: -65px; background: #f6f7f8; z-index: 1;}
    .loading-page .advantage .tit span {position: relative; z-index: 2;}
    .loading-page .advantage .adv-list {border: 0; background: transparent; padding: 43px 0 0;}
    .loading-page .advantage .adv-list li {font-size: 15px; padding-top: 60px;}
    .loading-page .advantage .adv-list li.adv1 {background-size: 53px 43px;}
    .loading-page .advantage .adv-list li.adv2 {background-size: 42px 36px;}
    .loading-page .advantage .adv-list li.adv3 {background-size: 42px 42px;}
    .loading-page .advantage .adv-list li:after {display: none;}
    .loading-page .footer {height: 14%; padding: 0 20px; margin-top: 35px;}
    .loading-page .footer p {font-size: 13px;}
    
}

@media screen and (min-width:471px) and (max-width:768px){
    #container .hotel-list.w3 > li {width: 49%;}
    #container .hotel-list.w3 > li:nth-child(2n) {margin-right: 0;}    
}

@media screen and (min-width:471px){
    /*#container .hotel-list > li:hover {border: 3px solid #0084f6;}*/
    #container .hotel-list > li .img {position: relative; top: 0; left: 0; z-index: 2; width: 100%; /*height: 242px;*/ border-top-left-radius: 7px; border-top-right-radius: 7px; overflow: hidden;}
    #container .hotel-list > li:hover .hotel-con .name .hotel {color: #0084f6; position: relative;}
    #container .hotel-list > li:hover .hotel-con .name .hotel:after {content: ''; position: absolute; width: 100%; height: 1px; left: 0; bottom: 2px; background: #0084f6;}
    #container .hotel-list > li:hover .hotel-con .addr {color: #0084f6; position: relative;}
    #container .hotel-list > li:hover .hotel-con .addr:after {content: ''; position: absolute; width: 100%; height: 1px; left: 0; bottom: 0; background: #0084f6;}    
    #container .hotel-list > li .hotel-link:after {position: absolute; content: ''; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #e0e2e8; border-radius: 7px; top: 0; left: 0; z-index: 9;}    
    #container .hotel-list > li:hover .hotel-link:after {position: absolute; content: ''; width: calc(100% - 6px); height: calc(100% - 6px); border: 3px solid #0084f6; border-radius: 7px; top: 0; left: 0; z-index: 9;}    
    
    /*#container .hotel-list.w2 {margin-top: 0;}*/
    #container .hotel-list.w2 > li {width: 49%; margin-right: 2%; float: left;}
    #container .hotel-list.w2 > li:nth-child(2n) {margin-right: 0;}
    
    #container .hotel-list.w3 > li {margin-right: 2%; margin-bottom: 1.8%; float: left; /*height: 470px;*/ height: inherit;}
    #container.main .hotel-list.w3 > li {margin-bottom: 1.8%!important;}
    #container .hotel-list.w3 > li .hotel-link {position: relative; z-index: 1; border-radius: 7px; overflow: hidden;}
    /*#container .hotel-list.w3 > li:hover .img {width: calc(100% + 4px); top: -2px; left: -2px;}*/
/*    #container .hotel-list.w3 > li .img .notice {width: 98%; left: 1%;}*/
    /*#container .hotel-list.w3 > li:hover .hotel-con {height: 96px; padding: 6px 10px;}*/
    #container .hotel-list.w3 > li .hotel-con .tag-wrap {margin-bottom: 12px; padding: 0 15px; border-top: 1px solid #e0e2e8;}
    /*#container .hotel-list.w3 > li:hover .hotel-con .tag-wrap {padding: 0 11px;}*/
    #container .hotel-list.w3 > li .hotel-con .tag-slider {padding: 0 13px; margin-top: 14px;}
    #container .hotel-list.w3 > li .hotel-con .tag-slider ul li {width: 98px !important;}
    #container .hotel-list.w3 > li .hotel-con .info-wrap {position: relative; height: 65px; margin-top: 8px;}
    #container .hotel-list.w3 > li .hotel-con .info-wrap .review {position: absolute; bottom: 5px; left: 0;}
    #container .hotel-list.w3 > li .hotel-con .info-wrap .price {position: absolute; right: 0;}
    /*#container .hotel-list.w3 > li:hover .hotel-con .price {bottom: 8px; right: 13px;}*/
        
    .rsvn-list-wrap.confirm .rsvn-list:not(.ht) .rsvn-con .hotel-con .hotel-con-wrap .rsvn-info-list .list .con ul li {display: inline-block; margin-right: 10px;}
    .rsvn-list-wrap.confirm .rsvn-list:not(.ht) .rsvn-con .hotel-con .hotel-con-wrap .rsvn-info-list .list .con ul li:last-child {margin-right: 0;}
}

@media screen and (max-width:470px){
    .input input, .select select {padding: 0 6px;}
    .textarea textarea {padding: 6px;}
    
    .view470 {display: block!important;}
    colgroup.view470 {display: table-column-group;}
    .hidden470 {display: none!important;}
    
    .bt-form {margin-bottom: 25px;}
    .bt-form .tr a {width: 100%; background-position: 41% center!important;}
    
    .link {height: 45px; line-height: 45px; font-size: 14px;}
    
    .pager-style .swiper-pagination-bullet {width: 12px; height: 12px;}
    
    .bt-wrap a {margin-right: 5px;}
    .bt-07, .bt-08 {width: 140px; height: 40px; line-height: 37px; font-size: 14px;}
    .bt-14, .bt-15, .bt-16, .bt-17 {font-size: 14px; /*padding: 8px 30px 10px;*/}
    .bt-wrap.mset {width: 94%; margin: 0 auto;}
    .bt-wrap.mgb {margin-bottom: 15px;}
    .bt-wrap.mset a {float: left;}
    .bt-wrap .m50p {width: 49%; margin-right: 2%;}
    .bt-wrap .m50p:nth-child(2n) {margin-right: 0;}
    .bt-wrap .m100p {width: 100%; margin-top: 2%;}
    
    .current-loc {font-size: 15px; padding-left: 20px;}
    
    .check-list li {font-size: 15px; padding-left: 27px; background-size: 19px 17px; background-position: left 5px;}
    
    .table-wrap .title {padding: 0 10px; margin-bottom: 9px;}
    .table-wrap .title h4 {font-size: 15px;}
    .table-wrap .table-form {padding: 18px 12px 15px;}
    .table-wrap .table-form .w1 {width: 49%;}
    .table-wrap .table-form .w1.mailId {width: 94%;}
    .table-wrap .table-form .w2.mailAddress {width: 49%;}
    .table-wrap .table-form .w3 {width: 49%;}
    .table-wrap .table-form .input, .table-wrap .table-form .select {margin-bottom: 2.2%;}
    .table-wrap .table-form .tb .tr {margin-bottom: 8px;}
    .table-wrap .table-form .tb .tr .td .form > span {margin-right: 2%;}
    .table-wrap .table-form .tb .tr .td .w1:nth-child(2n) {margin-right: 0;}    
    
    #top-banner .slider .slidePager {bottom: 0!important;}
    #top-banner .slider .swiper-pagination-bullet {width: 8px; height: 8px;}
        
    #header .header-line {height: 53px;}
    #header h1 .top-logo {width: 125px; height: 18px; margin-top: 20px;}
    #header .nav > li {line-height: 34px; margin-right: 2px;}
    #header .nav > li > a {width: 34px; height: 34px;}
    #header .nav > li > a.about {background-size: 31px 31px;}
    #header.main .nav > li > .rsvn {background-size: 22px 24px;}
    #header.main .header-line.m-fixed .nav > li > .rsvn {background-size: 22px 24px;}
    #header #mb-scroll.fixed {top: 53px;}
    #header #mb-scroll.nav-up {top: -53px;}
    
    .visual-wrap {min-height: 210px;}
    .visual-wrap.main {height: 450px;}
    .visual-wrap.board {height: 210px;}
    .visual-wrap.main, .main-visual .visual-bg li {height: 450px;}
    .main-visual {height: 450px;}
    .main-visual .main-title {/*padding-top: 180px;*/ width: 91%; padding-top: 150px;}
    .main-visual .main-title h2 {font-size: 24px; height: 33px;}
    .main-visual .main-title h1 {font-size: 24px;}
    .main-visual .main-title h3 {font-size: 14.5px; font-weight: 300;}
    .main-visual .main-title h3 .ic-check {vertical-align: 16px; width: 15px; height: 15px; background-size: 15px 15px;}
    .main-visual .main-title h3 > span {margin-left: 6px; line-height: 1.4em;}
    .main-search-wrap {margin: 22px 0;}
    .main-search-wrap .main-search {height: 47px;}
    .main-search-wrap .main-search.on {border: 0;}
    .main-search-wrap .main-search .input, .main-search-wrap .main-search.on .input {padding-right: 48px;}
    .main-search-wrap .main-search .input {width: calc(100% - 55px);}
    .main-search-wrap .main-search .input > span {font-size: 14px; padding-right: 8px; margin-right: 3px; line-height: 41px;}
    .main-search-wrap .main-search .input > span:after {height: 12px; top: 15px;}
    .main-search-wrap .main-search .input .tx {font-size: 17px; line-height: 45px; padding-left: 15px;}
    .main-search-wrap .main-search .searchBt {width: 50px; background-position: 14px center; background-size: 21px 22px;}
    .main-visual .visual-bg {height: 450px;}
    .sub-visual .visual-bg {height: 210px;}
    .sub-visual .visual-bg.about {background-size: 353px 210px;}
    .sub-visual .sub-title {padding: 0 3%;}
    .sub-visual .sub-title h2 {font-size: 27px;}
    .sub-visual .sub-title h2.l {font-size: 47px; padding-left: 10px;}
    .sub-visual .sub-title h2.b {font-size: 47px;}
    .sub-visual .sub-title h2.b .line {height: 4px; width: 68px; margin: 0 9px; vertical-align: 17px;}
    .sub-visual .sub-title h2.s {font-size: 19px;}
    .sub-visual .sub-title h3 {font-size: 15px; word-break: keep-all;}
    .sub-visual .sub-title .t-c {padding-top: 53px;}
    /*.sub-visual .sub-title.about .t-c {padding-top: 132px;}*/
    .sub-visual .sub-title .t-c h3 {padding-top: 3px;}
    .sub-visual .sub-title .t-c .semi {font-size: 14px; padding-left: 18px; background-size: 10px 32px;}
     .sub-visual .sub-title .t-c .img-wrap {margin-top: 80px;}
    
    #container .banner-slider {margin: 12px 0;}
    #container .banner-slider .pager-style {top: 7px; right: 7px;}
    
    /*#container .wrap100 {padding: 20px 0;}*/
    #container .container-top.fixed {top: 149px;}
    #container .container-top.fixed.rt {top: 53px;}
    #container .container-top .tab-box {box-shadow: 0 3px 5px rgba(0,0,0,0.1);}
    #container .container-top.fixed .tab-box {box-shadow: none;}
    #container .container-top .tab-box > ul > li {font-size: 13px;}
    #container .container-top .tab-box > ul > li .toggle {background-size: 12px 8px!important; background-position: right 7px center; padding-right: 7px;}
    #container .container-top .tag-wrap .m-tag-slider li {margin-top: 13px;}
    
    #container .top-title {margin-top: 0;}
    #container .top-title h2 {font-size: 23px;}
        
    .rsvn-list-wrap {padding-top: 13px;}
    .rsvn-list-wrap .rsvn-list {margin-bottom: 8px;}    
    .rsvn-list-wrap.confirm .rsvn-list {margin-bottom: 15px;}
    .rsvn-list-wrap.confirm .rsvn-list .rsvn-top {padding: 0 10px;}
    .rsvn-list-wrap .rsvn-list .rsvn-top .tit {font-size: 15px; margin-right: 6px;}
    .rsvn-list-wrap .rsvn-list .rsvn-top .state {padding: 2px 8px;}
    .rsvn-list-wrap .rsvn-list.ht .rsvn-info button {font-size: 12px; padding: 8px 15px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con {padding: 17px 15px 0;}
    .rsvn-list-wrap.confirm .rsvn-list .rsvn-con .hotel-con {padding: 17px 15px;}
    .rsvn-list-wrap .rsvn-list.ht .rsvn-con .hotel-con {padding: 17px 15px 15px;}
    .rsvn-list-wrap .rsvn-list.ht .rsvn-con.bdt .hotel-con.pd {padding: 17px 15px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-tit {padding: 9px 0 27px 66px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-tit .name .hotel {font-size: 20px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-img {width: 54px; height: 54px; border-radius: 27px; left: 15px; top: 15px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .hotel-name {padding-left: 64px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .hotel-name .name .hotel {font-size: 19px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .hotel-name .addr {font-size: 13px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range {margin: 16px 0 11px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c {padding: 9px 0;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c.out {padding-left: 6%;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c .day {border-radius: 20px; height: 40px; line-height: 35px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c .day > em {font-size: 13px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c .day .ic-calendar2 {display: none;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c .day > em {padding-left: 0;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c .s {font-size: 13px; font-weight: 700;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c .check-date {font-size: 15px; font-weight: 500;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .room-list {padding-bottom: 9px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .room-list ul li {font-size: 13px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .rsvn-info-list .list {font-size: 13px;}
    .rsvn-list-wrap .rsvn-list:not(.ht) .rsvn-con .hotel-con .hotel-con-wrap .rsvn-info-list .list {border-bottom: 1px solid #e7e8ee;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-info-list {padding-right: 0;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-info-list ul {overflow: hidden;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-info-list li {float: left; margin-right: 8%; margin-bottom: 0;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-info-list li:last-child {margin-right: 0;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-info-list li span {text-indent: -9999px; width: 45px; height: 44px; padding-left: 0;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-info-list li .addr {background: url(/_images/wingsbooking/common/addr_02.png) no-repeat; background-size: 45px 44px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-info-list li .tel {background: url(/_images/wingsbooking/common/tel_02.png) no-repeat; background-size: 45px 44px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-info-list li .home {background: url(/_images/wingsbooking/common/home_02.png) no-repeat; background-size: 45px 44px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-info {padding: 18px 15px;}
    .rsvn-list-wrap .rsvn-list.ht .rsvn-con .rsvn-info {padding: 0 20px 15px; border-top: 0;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-info .rsvn-tit {font-size: 14px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-info .rsvn-num {font-size: 14px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-info .cancel-date {font-size: 14px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-state i {margin-right: 4px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-state em {font-size: 15px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .checkin {width: 42%;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .checkin ul li .tit {font-size: 12px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .checkin ul li .time {font-size: 17px;}    
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .rsvn-info-list .list .tit {width: 100px;}
    .rsvn-list-wrap.confirm .rsvn-list:not(.ht) .rsvn-con .hotel-con .hotel-con-wrap .rsvn-info-list .list .con {width: calc(100% - 100px);}
    
    .rsvn-list-wrap .rsvn-pay-wrap {padding: 25px 15px 30px;}
    .rsvn-list-wrap .rsvn-pay-wrap .pay-info-list, .rsvn-list-wrap .rsvn-pay-wrap .rsvn-total-pay {width: 100%;}
    .rsvn-list-wrap .rsvn-pay-wrap .pay-info-list {margin-top: 12px;}
    /*.rsvn-list-wrap .rsvn-pay-wrap .pay-info-list .list, .rsvn-list-wrap .rsvn-pay-wrap .rsvn-total-pay .total-pay-list .list, .rsvn-list-wrap .rsvn-pay-wrap .rsvn-total-pay .total .cost {font-size: 14px;}*/
    .rsvn-list-wrap .rsvn-pay-wrap .pay-info h4 {font-size: 15px;}
    .rsvn-list-wrap .rsvn-pay-wrap .pay-line {height: 23px;}
    /*.rsvn-list-wrap .rsvn-pay-wrap .rsvn-total-pay .total h3 {font-size: 17px;}
    .rsvn-list-wrap .rsvn-pay-wrap .rsvn-total-pay .total .cost .zoom {font-size: 20px;}*/
    
    .rsvn-guest-info {margin-bottom: 5px;}
    .rsvn-guest-info .table-wrap {margin-bottom: 15px;}
    
    .rsvn-list-wrap > .bt-wrap {margin: 15px 0 5px; padding: 0 3%;}
    
    .rsvn-list-wrap .rsvn-nodata {padding: 60px 5%;}
    .rsvn-list-wrap .rsvn-nodata .ic-nodata {width: 70px; height: 62px; background-size: 70px 62px;}
    .rsvn-list-wrap .rsvn-nodata h3 {font-size: 18px; margin-bottom: 3px;}
    .rsvn-list-wrap .rsvn-nodata p {font-size: 13px;}
    .rsvn-list-wrap .rsvn-nodata .bt-wrap a {width: 100%; border-radius: 8px; height: 45px; line-height: 43px; font-size: 15px; background-size: 20px 20px;}
    
    .notice-list-wrap {margin: 25px 0 40px;}
    .wrapper.wd100_1024 .notice-list-wrap {padding: 0 15px;}
    .notice-list-wrap h4 {font-size: 15px;}
    .notice-list-wrap .notice-list li {font-size: 13px;}
    
    #container .about-wrap h3 {font-size: 28px;}
    #container .about-wrap .about01 .wrapper {padding-top: 50px; width: 100%;}
    #container .about-wrap .about01 .text-area {margin-bottom: 50px; padding: 0 5%;}
    #container .about-wrap .about01 .text-area h3 .nanumSq {width: 200px; height: 28px; background-size: 200px 28px; margin-right: 3px;}
    #container .about-wrap .about01 .img-area {background-position: center bottom;}
    #container .about-wrap .about01 .text-area h3 {font-size: 28px; margin-bottom: 20px;}
    #container .about-wrap .about02 {padding: 55px 0 65px;}
    #container .about-wrap .about02 h3 {margin-bottom: 40px;}
    #container .about-wrap .about02 .why li h4 {margin-bottom: 5px;}
    #container .about-wrap .about02 .why li p {line-height: 1.55em;}
    #container .about-wrap .about03 {padding: 55px 0;}
    #container .about-wrap .about03 .wrapper {width: 96%;}
    #container .about-wrap .about03 h3 {margin-bottom: 45px;}
    #container .about-wrap .about03 .diagram {margin-bottom: 48px;}
    #container .about-wrap .about03 h4 {font-size: 16px; padding: 0 2%;}
    #container .about-wrap .about03 .box {padding: 40px 4%; border-radius: 12px; margin-top: 40px;}
    #container .about-wrap .about03 .box .logo {width: 120px; height: 25px; background-size: 120px; height: 25px; margin: 0 auto 25px;}
    #container .about-wrap .about03 .box h5 {font-size: 17px; margin-bottom: 25px;}
    #container .about-wrap .about03 .box h5 > em {padding: 15px 0;}
    #container .about-wrap .about03 .box p {font-size: 14px; margin-bottom: 22px;}
    #container .about-wrap .about03 .box2 {border-radius: 12px; background-size: 230px 47px;}
    #container .about-wrap .about03 .box2 h4 {font-size: 16px;}
    #container .about-wrap .about04 {height: 300px;}
    #container .about-wrap .about04 .wrapper .t-c h3 {margin-bottom: 15px;}
    #container .about-wrap .about04 .wrapper .t-c p {font-size: 15px; word-break: keep-all;}
    
    #container .side-r {padding: 0 0 10px;}
    #container .side-r .top-wrap {margin-bottom: 17px;}
    #container .side-r .top-wrap h2 {font-size: 19px;}
    #container .side-r .top-wrap .tab-box .tab li {display: table; float: left; width: 50%; border-bottom: 1px solid #e0e2e8;}
    #container .side-r .top-wrap .tab-box .tab li:nth-child(2n) {border-right: 0;}
    #container .side-r .top-wrap .tab-box .tab li:last-child, #container .side-r .top-wrap .tab-box .tab li:nth-last-child(2) {border-bottom: 0;}
    #container .side-r .top-wrap .tab-box .tab li span {display: table-cell; vertical-align: middle; line-height: 1.32em;}
    #container .side-r .top-wrap .tab-box .tab.l3 li {width: 33.33%;}
    #container .side-r .top-wrap .tab-box .tab.l3 li:nth-child(2n) {border-right: 1px solid #e0e2e8;}
    #container .side-r .top-wrap .tab-box .tab.l3 li:nth-child(3n) {border-right: 0;}
    #container .side-r .top-wrap .tab-box .tab.l3 li:nth-last-child(3) {border-bottom: 0;}
    
    /*#container .boardList .list > li .tit {padding: 15px 20px;}*/
    
    #container .boardList .list > li .tit {padding: 17px 35px 17px 15px; background-position: right 15px top 26px!important;}
    #container .boardList .list > li .tit p {margin-bottom: 0;}
    #container .boardList .list.promotion > li .tit {padding: 15px 15px 15px;}
    #container .boardList.eventView .list.promotion > li .tit {padding: 0 0 17px;}
    #container .boardList.eventView .list > li .tit p {font-size: 19px;}
    #container .boardList .list.promotion > li .tit p, #container .boardList .list.promotion li .tit .date {float: none;}
/*    #container .boardList .list.promotion > li .tit p {font-size: 15px;}*/
    #container .boardList .list.promotion > li .tit .date {padding-top: 0;}
    #container .boardList .list.promotion > li > .img {padding: 0 15px 20px;}
    #container .boardList .list > li.end > .img .notice {right: 15px; font-size: 12px; width: 60px; height: 26px; padding-top: 3px;}
    #container .boardList .list > li > .fileList {padding: 12px 15px;}
    #container .boardList .list > li > .fileList .h4 {margin-right: 12px;}
    #container .boardList .list > li .con {padding: 15px;}
    #container .boardList .list > li .hotel-list-wrap {padding: 15px;}
    #container .boardList .list > li .hotel-list-wrap .hotel-list > li {box-shadow: none; border: 1px solid #e0e2e8;}
    #container .boardList .list > li .hotel-list-wrap .hotel-list > li .hotel-link {border-bottom: 0;}
    #container .boardList .list > li .hotel-list-wrap .hotel-list > li .hotel-con {height: 94px;}
    
    .nodata_g {padding: 40px 0;}
    .nodata_g > img {width: 30px; height: auto;}
    .nodata_g > span {font-size: 14px; margin-left: 8px;}
    #container .hotel-list > li.nodata_g:hover {border: 0!important;}
    
    .page_Num {margin-top: 20px;}
    
    #container .notice-wrap .notice {padding: 85px 0;}
    #container .notice-wrap .notice i {margin-bottom: 15px;}
    #container .notice-wrap .notice i.nodata {width: 70px; height: 42px; background-size: 70px 42px;}
    #container .notice-wrap .notice h3 {font-size: 16px;}
    #container .notice-wrap .info-box {padding: 15px 0; margin-bottom: -12px;}
    #container .notice-wrap .info-box p {font-size: 14px;}
    #container .notice-wrap .info-box p .arrow-down {background-size: 12px 8px; padding-left: 18px;}
    
    #container .hotel-list-wrap {/*background: #dbe2e6;*/ padding-bottom: 15px;}
    #container .hotel-list-wrap .bt-wrap {padding-top: 0;}
    #container .hotel-list-wrap .bt-wrap .more {width: 94%; height: 40px; font-size: 14px;}
    
    #container .hotel-list-wrap .blog-contents-wrap {margin-top: 12px; margin-bottom: -15px;}
/*    #container .hotel-list-wrap .blog-contents-wrap ul {width: 900px;}*/
    #container .hotel-list-wrap .blog-contents-wrap ul li {width: 180px; height: 180px; padding: 15px;}
    #container .hotel-list-wrap .blog-contents-wrap ul li a {padding: 15px;}
    #container .hotel-list-wrap .blog-contents-wrap ul li .title {font-size: 14px;}
    #container .hotel-list-wrap .blog-contents-wrap ul li .date {font-size: 13px; left: 15px; bottom: 15px;}
    
    #container .hotel-list {margin: 12px 0;}
    #container .hotel-list > li {margin-bottom: 10px; box-shadow: 0 3px 5px rgba(0,0,0,0.15);}
    #container .hotel-list.w3 > li:nth-last-child(2) {margin-bottom: 12px;}
    #container .hotel-list > li .img {position: relative; width: 100%; height: inherit;}
    #container .hotel-list > li .img .notice {top: 0; width: 100%; font-size: 13px; font-weight: 300; background: rgba(51, 51, 51, 0.65);}
    #container .hotel-list > li .img .image {position: relative; /*height: 200px;*/ /*padding-bottom: 48%; height: 0; overflow: hidden;*/}
    #container .hotel-list > li .img .image .bx-wrapper {/*margin-top: -5%;*/}
    #container .hotel-list > li .img .image img {/*height: auto; top: -5%;*/}
    /*#container .hotel-list > li .img .image:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 3;}*/
    #container .hotel-list > li .img .view {display: none;}
    #container .hotel-list > li .img .state {left: 13px; bottom: 12px;}
    #container .hotel-list > li .img .pager {display: block; left: 68px; bottom: 15px;}
    #container .hotel-list > li .img .round {right: 10px; bottom: 12px;}
    .hotel-con {width: 100%; padding: 8px 15px 13px;}
    .hotel-con .name {margin-bottom: 0;}
    .hotel-con .name .state {position: absolute; top: -35px; left: 15px;}
    #container .hotel-list.w3 > li .hotel-link {border-bottom: 1px solid #a8aebe;}
    #container .hotel-list.w3 > li .hotel-con {height: 94px;}
    #container .hotel-list.w3 > li .hotel-con .price {right: 12px;}
    #container .hotel-list > li .hotel-con .price em {font-size: 14px;}
    #container .hotel-list > li .hotel-con .price strong {font-size: 20px; margin-top: -2px;}
    #container .hotel-list > li .hotel-con .review {position: absolute; top: -32px; right: 15px; color: #fff; background: none; padding-left: 0; font-size: 15px;}
    #container .hotel-list > li .hotel-con .review strong {color: #fff;}
    #container .hotel-list > li .hotel-con > dl {display: none;}
    #container .hotel-list > li .hotel-con .tag {margin-top: 12px; border-top: 1px solid #a8aebe; padding-top: 8px;}
    #container .hotel-list > li .hotel-con .tag li {width: inherit;}
    #container .hotel-list > li .hotel-con .tag li:nth-child(2n+1) {clear: both;}
    #container .hotel-list > li .hotel-con .tag li a {border: none; background: transparent; border-radius: 0; color: #3b4859; font-size: 13px; height: 20px; line-height: 20px; text-align: left; margin-right: 5px;}
   /* #container .hotel-list > li .hotel-con .tag li:nth-child(2n) {float: none;}*/
/*    #container .hotel-list.w1 > li .hotel-con .tag li:nth-child(2n+1) {display: block;}*/
    #container .hotel-list > li .hotel-con .tag li:nth-child(n+5) {display: none!important;}
    
    #container .hotel-list-wrap .bt-wrap .img-loading .lds-message {width: 80px; height: 80px;}
    #container .hotel-list-wrap .bt-wrap .more {height: 36px; margin: 0;}
    
    .hotel-con .name .hotel {/*font-size: 20px;*/}
    .hotel-con .addr {font-size: 13px;}
    
    #container .formWrap .board-form li .tit {padding: 14px 0 17px; padding-left: 15px; width: 120px; border-right: 0;}
    #container .formWrap .board-form li .tit p:before {margin-right: 3px;}
    #container .formWrap .board-form li .con {padding: 5px; border-left: 0;}    
    #container .formWrap .board-form li .file-wrap {margin: 20px 0;}
    #container .formWrap .agree {margin: 25px 0 40px;}
    #container .formWrap .agree .ck {margin-top: 5px;}
    
    #container .policy-wrap {padding: 20px 15px;}
/*    #container .policy-wrap .policy_header {margin-bottom: 15px;}
    #container .policy-wrap .policy_header h3 {font-size: 17px;}
    #container .policy-wrap .policy_content, #container .policy-wrap .policy_content .policy_table th, #container .policy-wrap .policy_content .policy_table td {font-size: 13px;}
    #container .policy-wrap .policy_content h3 {font-size: 15px; margin-bottom: 15px;}
    #container .policy-wrap .policy_content h4 {font-size: 14px;}
    #container .policy-wrap .policy_content ul {padding-left: 15px;}*/
    
    #container #policy-table {/*float: left;*/ width: 100%; margin-top: 20px;}
    #container #policy-table .list thead th, #container #policy-table .list tbody td {font-size: 13px; padding: 8px 5px; line-height: 1.35em;}
    
    .loading-page .title h3 {font-size: 24px;}
    .loading-page .advantage .tit {font-size: 17px;}
    .loading-page .advantage .tit:after {width: 120px; margin-left: -60px;}
    .loading-page .advantage .adv-list li {font-size: 14px;}
    .loading-page .footer p {line-height: 1.5em;}
        
    #top-banner .slider > li .wrapper > a {padding: 0 10px;}
    #top-banner #closeBanner {margin-top: -9px; width: 18px; height: 18px; background-size: 18px 18px; right: 10px;}
    
    #footer .wrapper {padding: 15px 0 20px;}
    #footer .footer-line ul li {margin-bottom: 3px; padding-right: 10px; margin-right: 6px;}
    #footer .footer-line ul li a {font-size: 13px;}
    #footer .address p.email {font-size: 14px;}
    #footer .address p.email em {font-size: 13px;}
    #footer .address p {font-size: 12px;}
    #footer .address .copyright {font-size: 12px;}
    
    
    .pop_notice_set .pop_notice {width: 90%; left: 5%; margin-left: 0;}
    .pop_notice_set .pop_notice .pop_notice_content {width: 100%; padding-bottom: 46px;}
    .pop_notice_set .pop_notice .pop_notice_content .nav > span {width: 30px; height: 30px; margin-top: -15px; background-size: 30px 30px !important;}
    .pop_notice_set .pop_notice .pop_notice_footer {height: 46px; padding: 0; text-align: center;}
    .pop_notice_set .pop_notice .pop_notice_footer a.notToday {width: 65%; background: none; border-right: 1px solid #666; padding: 13px 0;}
    .pop_notice_set .pop_notice .pop_notice_footer a.btn_close {width: 35%; padding: 13px 0;}
    
    .date-picker-wrapper {left: 0!important;}
    
}

@media screen and (max-width:360px){
    .sub-visual .sub-title h2.l {font-size: 42px;}
    .sub-visual .sub-title h2.b {font-size: 42px;}
    .sub-visual .sub-title h2.b .line {width: 60px; vertical-align: 15px;}
    .sub-visual .sub-title .t-c .semi {font-size: 13px;}
    
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con {padding: 15px 10px 0;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-img {left: 10px; top: 13px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .hotel-name {padding-left: 62px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .hotel-name .name .hotel {font-size: 17px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c .check-date {font-size: 13.5px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c.check-day {width: 13%;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c .s {font-size: 12px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c .day {border-radius: 17px; height: 37px; line-height: 32px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .date-range .t-c .day > em {font-size: 12px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-con-wrap .room-list ul li {font-size: 12px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .hotel-info-list li {margin-right: 4%;}    
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .checkin ul li {padding-left: 0;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .checkin ul li:first-child {padding-right: 24px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .hotel-con .checkin ul li .time {font-size: 15px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-info {padding: 15px 10px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-info .rsvn-tit {font-size: 12px; width: 60px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-info .rsvn-num {font-size: 12px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-info .cancel-date {font-size: 12px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-state i {margin-right: 2px;}
    .rsvn-list-wrap .rsvn-list .rsvn-con .rsvn-state em {font-size: 13px;}
    
    .rsvn-list-wrap .rsvn-list .rsvn-top .tit {font-size: 13px; margin-right: 3px;}
    .rsvn-list-wrap .rsvn-list .rsvn-top .state {font-size: 11px;}
    .rsvn-list-wrap.confirm .rsvn-list .rsvn-top .tx {font-size: 12px;}
    
    #container .side-r .top-wrap .tab-box .tab li span {font-size: 12px;}
    
    
    .loading-page .header  {height: 55%; padding-top: 20px;}
    .loading-page .title h3 {font-size: 21px;}
    .loading-page .advantage {height: 30%;}
    .loading-page .advantage .tit {font-size: 15px;}
    .loading-page .advantage .adv-list {padding: 33px 0 0;}
    .loading-page .advantage .adv-list li {padding-top: 55px; font-size: 13px;}
    .loading-page .footer {height: 15%; margin-top: 20px;}
}