@charset"utf-8"; /* PC */

#skin7 #cont01 { position:relative; }
#skin7 #cont01 #loading { position:absolute; top:0; left:0; width:100%; height:100%; display:none; z-index:15; }
#skin7 #cont01 #loading:before { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; opacity:0.8; background:#fff; display:block; content:""; }
#skin7 #cont01 #loading img { position:absolute; top:50%; left:50%; width:180px; height:180px; margin:-90px 0 0 -90px; display:block; z-index:1; }

@media ( min-width :769px){
    #skin7 { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
    #skin7 .InCnt { max-width: 1300px; min-width: 1000px; margin: 0 auto; padding: 2.5% 0; }
    #skin7 .InCnt .cont { width: 100%; overflow: hidden; }
    #skin7 .InCnt #calendar { width: 98%; margin: 0 auto 3%; overflow: hidden; }
    #skin7 .InCnt #calendar>div { min-height: 520px; }
    #skin7 .InCnt #calendar #dp_months { width: 420px; position: relative; }
    #skin7 .InCnt #calendar #dp_months>div { background: #fafbfa; width: 420px; height: 100%; min-height: 520px; max-height: 520px; }
    #skin7 .InCnt #calendar .dp_days { background: #fafbfa; position: relative; float: left; width: 30%; overflow: hidden; }
    #skin7 .InCnt #calendar .dp_days > div { position: absolute; top: 50%; left: 0; margin-top: -87px; width: 100%; }
    #skin7 .InCnt #calendar .dp_days p { font-size: 24px; color: #494949; line-height: 1.7; text-align: center; }
    #skin7 .InCnt #calendar .dp_days p span { font-size: 16px; color: #a1a1a1; display: block; }
    #skin7 .InCnt #Room_list { transition: 0.5s; margin:0 0.5rem; display:flex;justify-content:space-between;box-sizing :border-box}
    #skin7 .InCnt #Room_list:after { content: ""; display: block; clear: both; }
    #skin7 .InCnt #Room_list>div {  width: calc(100% / 2 ); transition: 0.5s; padding:0 0.5rem;}
    #skin7 .InCnt #Room_list>div .listBox { position:relative; width:100%; overflow:hidden; /* height: 200px !important; */}
    #skin7 .InCnt #Room_list>div.rvn .listBox span.rv_comp { position:absolute; top:50%; margin-top:-12.5px; font-size:25px; width:100%; color:#ca1111; letter-spacing:1px; text-align:center; font-weight:bold; z-index:7; }
    #skin7 .InCnt #Room_list>div.rvn .listBox:before { position:absolute; width:100%; height:100%; background:#fff; opacity:0.8; content:""; display:block; z-index:5; }
    #skin7 .InCnt #Room_list>div .img { width: 100%; height:auto; overflow: hidden; opacity:1; }
    #skin7 .InCnt #Room_list>div .txt { width: 100%; padding: 5% 0; background: #f3f6f7; }
    #skin7 .InCnt #Room_list>div .txt .names { position: relative; width: 90%; margin: 0 auto; }
    #skin7 .InCnt #Room_list>div .txt .names>strong { display: block; font-size: 100%; line-height: 1.5; font-weight: bold; color: #050505; width:85%; }
    #skin7 .InCnt #Room_list>div .txt .names>span { display: block; font-size: 13.5px; padding: 5px 0; font-weight: bold; color: #888888; }
    #skin7 .InCnt #Room_list>div .txt .names>a.ex { position: absolute; top: 0; right: 0px; }
    #skin7 .InCnt #Room_list>div .txt .names>a.ex { background: url(/images/reserve/ex.png) no-repeat left top; width: 25px; height: 25px; }
    #skin7 .InCnt #Room_list>div .txt .names>a.ex:hover { background-position: left bottom; }
    #skin7 .InCnt #Room_list>div .txt .price { width: 90%; margin: 0 auto; }
    #skin7 .InCnt #Room_list>div .txt .price>span { font-style: italic; display: block; text-align: right; display: block; }
    #skin7 .InCnt #Room_list>div .txt .price>span { color: #000; font-size: 12px; font-weight: bold; margin-top: 15px; }
    #skin7 .InCnt #Room_list>div .txt .price>p { width: 100%; text-align: right; margin-top: 10px; }
    #skin7 .InCnt #Room_list>div .txt .price>p span { position: relative; display: inline-block; margin-right: 30px; color: #989898; font-weight: bold; }
    #skin7 .InCnt #Room_list>div .txt .price>p b { position: absolute; }
    #skin7 .InCnt #Room_list>div .txt .price>p b.line { width: 106%; height: 2px; background: #989898; top: 50%; left: -3%; margin-top: -1px; }
    #skin7 .InCnt #Room_list>div .txt .price>p b.blt { background: url(/images/reserve/arrow.jpg) no-repeat left top; width: 12px; height: 12px; top: 0; right: -25px; }
    #skin7 .InCnt #Room_list>div .txt .price>p strong { display: inline-block; font-size: 110%; color: #ca1111; font-weight: bold; line-height: 1.3; }
    #skin7 .InCnt #Room_list>div .txt .price>a.btns { width: 98%; border: 1px solid #e0e0e0; font-size: 16px; text-align: center; display: block; padding: 15px 0; }
    #skin7 .InCnt #Room_list>div .txt .price>a.btns { margin-top: 25px; background: #fff; color: #6f6f6f; font-weight: bold; transition: 0.3s; }
    #skin7 .InCnt #Room_list>div .txt .price>a.btns:hover { color: #000; }
    #skin7 .InCnt #Room_list>div .info { position: absolute; top: 0; right: 0; width: 100%; height: 0%; min-width: 500px; overflow: hidden; opacity: 0; transition: 0.5s; z-index: 10; }
    #skin7 .InCnt #Room_list>div .info:before { position: absolute; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); }
    #skin7 .InCnt #Room_list>div .info:before { background: #fff; opacity: 0.95; border: 1px solid #e8e8e8; content: ""; display: block; }
    #skin7 .InCnt #Room_list>div .info>ul { position: relative; padding-top: 7.5%; width: 90%; margin: 0 auto; z-index: 1; }
    #skin7 .InCnt #Room_list>div .info>ul>li { line-height: 1.7; font-size: 15px; margin-bottom: 5px; }
    #skin7 .InCnt #Room_list>div .info>ul>li span { font-weight: bold; color: #393939; display: block; }
    #skin7 .InCnt #Room_list>div .info>ul>li>strong { font-size: 20px; font-weight: bold; margin-bottom: 10px; display: block; }
    #skin7 .InCnt #Room_list>div .info>ul>li ul { width: 100%; }
    #skin7 .InCnt #Room_list>div .info>ul>li ul li { width: 100%; overflow: hidden; margin-bottom: 5px; }
    #skin7 .InCnt #Room_list>div .info>ul>li ul li strong { display: block; float: left; font-weight: bold; }
    #skin7 .InCnt #Room_list>div .info>ul>li ul li strong { background: url(/images/reserve/blt.jpg) no-repeat left 10px; padding-left: 15px; width: 64px; }
    #skin7 .InCnt #Room_list>div .info>ul>li ul li span { display: block; float: left; width: calc(100% - 79px); }
    #skin7 .InCnt #Room_list>div .info a { position: absolute; top: 15px; right: 15px; z-index: 1; }
    #skin7 .InCnt #Detail { width: 98%; margin: 0 auto; overflow: hidden; background: #f2f2f2; display: none; }
    #skin7 .InCnt #Detail .InBox { width: 92%; padding: 5% 0 7% 0; margin: 0% auto 0; }
    #skin7 .InCnt #Detail .InBox .Rv_date { position: relative; width: 100%; padding-bottom: 5%; overflow: hidden; }
    #skin7 .InCnt #Detail .InBox .Rv_date .info { display: none; width: 100%; margin-bottom: 5%; overflow: hidden; }
    #skin7 .InCnt #Detail .InBox .Rv_date .info div { float: left; }
    #skin7 .InCnt #Detail .InBox .Rv_date .info div.img { width: 30%; margin-right: 5%; overflow: hidden; }
    #skin7 .InCnt #Detail .InBox .Rv_date .info div.txt { width: 65%; }
    #skin7 .InCnt #Detail .InBox .Rv_date .info div.txt strong { font-size: 30px; font-weight: bold; letter-spacing: 1px; display: block; margin: 2.5% 0; }
    #skin7 .InCnt #Detail .InBox .Rv_date .info div.txt ul { width: 100%; }
    #skin7 .InCnt #Detail .InBox .Rv_date .info div.txt ul li { overflow: hidden; line-height: 1.5; margin-bottom: 10px; font-size: 14px; }
    #skin7 .InCnt #Detail .InBox .Rv_date .info div.txt ul li em { float: left; display: block; width: 63px; font-weight: bold; }
    #skin7 .InCnt #Detail .InBox .Rv_date .info div.txt ul li span { float: left; display: block; width: calc(100% - 63px); }
    #skin7 .InCnt #Detail .InBox .Rv_date .list { overflow: hidden; width: 100%; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li { overflow: hidden; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li.term { margin-right: 20px; width: 250px; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li.pers { width:100%; margin-top:30px; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li strong { display: block; font-size: 14px; font-weight: bold; margin-bottom: 5px; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li strong b { color: #ae1205; font-weight: bold; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li div { position: relative; float:left; width: 248px; margin-right:15px; background: #fff; border: 1px solid #e8e8e8; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li div span { display: block; text-align: center; padding: 12px 0; font-size: 13px; font-weight: bold; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li div span b { font-weight: bold; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li div a { position: absolute; top: -1px; display: block; width: 48px; height: 43px; border: 1px solid #e8e8e8; transition: 0.2s; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li div a.minus { background: url(/images/reserve/icon_m.png) no-repeat 50% 50%; left: -1px; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li div a.plus { background: url(/images/reserve/icon_p.png) no-repeat 50% 50%; right: -1px; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li div a:hover { opacity: 0.7; }
    #skin7 .InCnt #Detail .InBox .Rv_date .text { position: absolute; bottom: 8.5%; left: 80%; }
    #skin7 .InCnt #Detail .InBox .Rv_date .text li { line-height: 1.5; color: #767676; font-size: 13px; font-weight: bold; }
    #skin7 .InCnt #Detail .InBox .Rv_optn { width:100%; overflow: hidden; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt { float: left; width: 60%; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt strong { font-size: 14px; font-weight: bold; display: block; margin: 25px 0 20px; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul { width: 100%; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li { width: 100%; margin-bottom: 10px; overflow: hidden; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>span { float: left; width: calc(100% - 200px); display: block; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>span { font-size: 13px; line-height: 1.5; padding-top: 10px; font-weight: bold; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>span a.ex { background: url(/images/reserve/ex.png) no-repeat top left; background-size:cover; width: 15px; height: 15px; display:inline-block; margin-left:5px; position:relative; top:3px; }

    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>span a.ex:hover { background-position: left bottom; }

    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>div { float: left; position: relative; width: 170px; background: #fff; border: 1px solid #e8e8e8; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>div span { display: block; text-align: center; padding: 12px 0; font-size: 13px; font-weight: bold; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>div span b { font-weight: bold; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>div a { position: absolute; top: -1px; display: block; width: 48px; height: 44px; border: 1px solid #e8e8e8; transition: 0.2s; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>div a.minus { background: url(/images/reserve/icon_m.png) no-repeat 50% 50%; left: -1px; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>div a.plus { background: url(/images/reserve/icon_p.png) no-repeat 50% 50%; right: -1px; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>div a:hover { opacity: 0.7; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .pay { width: 35%; float: right; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .pay table { border: 1px solid #e1e1e1; width: 100%; margin-bottom: 15px; margin-top: 57px; background: #fff; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .pay table tbody { width: 100%; text-align: center; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .pay table tbody th { width: 40%; padding: 5% 0; font-size: 14px; font-weight: bold; background: #f7f7f7; color: #5f5f5f; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .pay table tbody td { width: 60%; padding: 5% 0; font-size: 14px; color: #7d7d7d; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .pay table tbody td.total { font-weight: bold; font-size: 20px; color: #000; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .pay a { float: left; padding: 7.5% 0; text-align: center; display: block; font-size: 17px; color: #fff; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .pay a { width: 49.5%; margin: 0 0.25%; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .pay a.back { background: #bababa; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .pay a.next { background: #5a8fd8; }
}


@media screen and (max-width:768px){
    #skin7 .InCnt { width: 100%; margin: 0 auto; padding: 2.5% 0; }
    #skin7 .InCnt .cont { width: 100%; overflow: hidden; }
    #skin7 .InCnt #calendar { width: 98%; margin: 0 auto 3%; overflow: hidden; }
    #skin7 .InCnt #calendar #dp_months { /* width: 100%; */
        width: 90%; margin: 0 auto; margin-bottom: 70px; position: relative;}
    #skin7 .InCnt #calendar #dp_months>div { background: #fafbfa; width: 100%; min-height: 450px; margin-bottom: 2%; }
    #skin7 .skin5 .calendal_wrap { margin: 0 auto; }
    #skin7 .InCnt #calendar .dp_days { background: #fafbfa; position: relative; width: 100%; overflow: hidden; }
    #skin7 .InCnt #calendar .dp_days > div { padding: 5% 0; }
    #skin7 .InCnt #calendar .dp_days p { font-size: 24px; color: #494949; line-height: 1.7; text-align: center; }
    #skin7 .InCnt #calendar .dp_days p span { font-size: 16px; color: #a1a1a1; display: inline-block; margin-right: 10px; }
    #skin7 .InCnt #Room_list { display:flex; flex-wrap:wrap; margin:0 0.5rem; overflow: hidden; transition: 0.5s; justify-content:space-between;}
    #skin7 .InCnt #Room_list:after { content: ""; display: block;}
    #skin7 .InCnt #Room_list>div { transition: 0.5s; overflow: hidden; width:calc(100% / 2); padding:0 0.25rem 0.5rem;; box-sizing:border-box; }
    #skin7 .InCnt #Room_list>div .listBox { position:relative; width:100%; overflow:hidden;/* height: 200px !important; */}
    #skin7 .InCnt #Room_list>div.rvn .listBox span.rv_comp { position:absolute; top:50%; margin-top:-15px; font-size:20px; width:100%; color:#ca1111; letter-spacing:1px; text-align:center; font-weight:bold; z-index:7; }
    #skin7 .InCnt #Room_list>div.rvn .listBox:before { position:absolute; width:100%; height:100%; background:#fff; opacity:0.8; content:""; display:block; z-index:5; }
    #skin7 .InCnt #Room_list>div .img { width: 100%; height:auto; overflow: hidden; opacity:1; }
    #skin7 .InCnt #Room_list>div .txt { width: 100%; padding: 1.5rem 1rem; background: #f3f6f9; box-sizing:border-box;}
    #skin7 .InCnt #Room_list>div .txt .names { position: relative; margin: 0 auto; text-align:center; display:flex; flex-wrap:wrap;}
    #skin7 .InCnt #Room_list>div .txt .names>strong { display: block; font-size: 15px; line-height: 1.5; font-weight: bold; color: #050505; width:100%;}
    #skin7 .InCnt #Room_list>div .txt .names>span { display: block; font-size: 12px; font-weight: 500; color: #888888; word-break:keep-all}
    #skin7 .InCnt #Room_list>div .txt .names>a.ex { position: absolute; bottom: 5px; right: 0px; }
    #skin7 .InCnt #Room_list>div .txt .names>a.ex { background: url(/images/reserve/ex.png) no-repeat left top; width: 15px; height: 15px;  background-size:100%;}
    #skin7 .InCnt #Room_list>div .txt .names>a.ex:hover { background-position: left bottom; }
    #skin7 .InCnt #Room_list>div .txt .price {margin: 0 auto; text-align:center;}
    #skin7 .InCnt #Room_list>div .txt .price>span { font-style: italic; display: block; text-align: right; display: block; }
    #skin7 .InCnt #Room_list>div .txt .price>span { color: #000; font-size: 12px; font-weight: bold; margin-top: 15px; }
    #skin7 .InCnt #Room_list>div .txt .price>p { width: 100%; text-align: right; margin-top: 10px; }
    #skin7 .InCnt #Room_list>div .txt .price>p span { position: relative; display: inline-block; margin-right: 5px; font-size: 13px; color: #989898;}
    #skin7 .InCnt #Room_list>div .txt .price>p b { position: absolute; }
    #skin7 .InCnt #Room_list>div .txt .price>p b.line { width: 106%; height: 2px; background: #989898; top: 50%; left: -3%; margin-top: -1px; }
    #skin7 .InCnt #Room_list>div .txt .price>p b.blt { background: url(/images/reserve/arrow.jpg) no-repeat left top; width: 0px; height: 0px; top: 0; right: -25px; }
    #skin7 .InCnt #Room_list>div .txt .price>p strong { display: inline-block; font-size: 15px; color: #ca1111; font-weight: bold; line-height: 1.3; }
    #skin7 .InCnt #Room_list>div .txt .price>a.btns {padding:0.5rem 0; border: 1px solid #e0e0e0; text-align: center; display:inline-block; width:100%; transition: 0.3s;margin-top: 0.5rem; background: #fff; color: #474747; font-size: 10px; font-weight: bold;letter-spacing: 1px;}
    #skin7 .InCnt #Room_list>div .txt .price>a.btns:hover { color: #000; }
    #skin7 .InCnt #Room_list>div .info { position: absolute; top: 0; right: 0; width: 100%; height: 0%; overflow: hidden; opacity: 0; transition: 0.5s; z-index: 10; }
    #skin7 .InCnt #Room_list>div .info:before { position: absolute; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); }
    #skin7 .InCnt #Room_list>div .info:before { background: #fff; opacity: 0.95; border: 1px solid #e8e8e8; content: ""; display: block; }
    #skin7 .InCnt #Room_list>div .info>ul { position: relative; padding-top: 7.5%; width: 90%; margin: 0 auto; z-index: 1; }
    #skin7 .InCnt #Room_list>div .info>ul>li { line-height: 1.7; font-size: 15px; margin-bottom: 5px; }
    #skin7 .InCnt #Room_list>div .info>ul>li span { font-weight: bold; color: #393939; display: block; }
    #skin7 .InCnt #Room_list>div .info>ul>li>strong { font-size: 20px; font-weight: bold; margin-bottom: 10px; display: block; }
    #skin7 .InCnt #Room_list>div .info>ul>li ul { width: 100%; }
    #skin7 .InCnt #Room_list>div .info>ul>li ul li { width: 100%; overflow: hidden; margin-bottom: 5px; }
    #skin7 .InCnt #Room_list>div .info>ul>li ul li strong { display: block; float: left; font-weight: bold; }
    #skin7 .InCnt #Room_list>div .info>ul>li ul li strong { background: url(/images/reserve/blt.jpg) no-repeat left 10px; padding-left: 15px; width: 64px; }
    #skin7 .InCnt #Room_list>div .info>ul>li ul li span { display: block; float: left; width: calc(100% - 79px); }
    #skin7 .InCnt #Room_list>div .info a { position: absolute; top: 15px; right: 15px; z-index: 1; }
    #skin7 .InCnt #Detail { width: 98%; margin: 0 auto; overflow: hidden; background: #f2f2f2; display: none; }
    #skin7 .InCnt #Detail .InBox { width: 92%; padding: 7.5% 0; margin: 3% auto 0; }
    #skin7 .InCnt #Detail .InBox .Rv_date { position: relative; width: 100%; padding-bottom: 3%; overflow: hidden; }
    #skin7 .InCnt #Detail .InBox .Rv_date .info {  display: none; width: 100%; margin-bottom: 5%; overflow: hidden; }
    #skin7 .InCnt #Detail .InBox .Rv_date .info div.img { width: 100%; margin: 0 auto; overflow: hidden; }
    #skin7 .InCnt #Detail .InBox .Rv_date .info div.txt { width: 95%; margin: 0 auto; padding: 20px 0; }
    #skin7 .InCnt #Detail .InBox .Rv_date .info div.txt strong { font-size: 30px; font-weight: bold; letter-spacing: 1px; display: block; margin: 2.5% 0; }
    #skin7 .InCnt #Detail .InBox .Rv_date .info div.txt ul { width: 100%; }
    #skin7 .InCnt #Detail .InBox .Rv_date .info div.txt ul li { overflow: hidden; line-height: 1.5; margin-bottom: 10px; font-size: 14px; }
    #skin7 .InCnt #Detail .InBox .Rv_date .info div.txt ul li em { float: left; display: block; width: 63px; font-weight: bold; }
    #skin7 .InCnt #Detail .InBox .Rv_date .info div.txt ul li span { float: left; display: block; width: calc(100% - 63px); }
    #skin7 .InCnt #Detail .InBox .Rv_date .list { width: 100%; overflow: hidden; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li { width: 100%; overflow: hidden; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li.term { margin-bottom: 5%; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li strong { display: block; font-size: 12px; font-weight: bold; margin: 0 auto 10px; width: 95%; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li strong b { color: #ae1205; font-weight: bold; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li div { position: relative; width: calc(100% - 20px); margin: 0 10px 10px; background: #fff; border: 1px solid #e8e8e8; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li div span { display: block; text-align: center; padding: 12px 0; font-size: 12px; font-weight: bold; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li div span b { font-weight: bold; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li div a { position: absolute; top: -1px; display: block; width: 48px; height: 43px; border: 1px solid #e8e8e8; transition: 0.2s; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li div a.minus { background: url(/images/reserve/icon_m.png) no-repeat 50% 50%; left: -1px; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li div a.plus { background: url(/images/reserve/icon_p.png) no-repeat 50% 50%; right: -1px; }
    #skin7 .InCnt #Detail .InBox .Rv_date .list li div a:hover { opacity: 0.7; }
    #skin7 .InCnt #Detail .InBox .Rv_date .text { width: 95%; margin: 10px auto; }
    #skin7 .InCnt #Detail .InBox .Rv_date .text li { line-height: 1.5; color: #767676; font-size: 13px; font-weight: bold; }
    #skin7 .InCnt #Detail .InBox .Rv_optn { width: 95%; margin: 0 auto; overflow: hidden; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt { width: 100%; margin-bottom: 5%; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt strong { font-size: 17px; font-weight: bold; display: block; margin: 25px 0 20px; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul { width: 100%; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li { width: 100%; margin-bottom: 10px; overflow: hidden; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>span { float: left; width: calc(100% - 185px); display: block; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>span { font-size: 13px; line-height: 1.5; padding-top: 10px; font-weight: bold; }

    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>span a.ex { background: url(/images/reserve/ex.png) no-repeat top left; background-size:cover; width: 15px; height: 15px; display:inline-block; margin-left:5px; position:relative; top:3px; }

    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>span a.ex:hover { background-position: left bottom; }

    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>div { float: left; position: relative; width: 150px; background: #fff; border: 1px solid #e8e8e8; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>div span { display: block; text-align: center; padding: 12px 0; font-size: 13px; font-weight: bold; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>div span b { font-weight: bold; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>div a { position: absolute; top: -1px; display: block; width: 48px; height: 44px; border: 1px solid #e8e8e8; transition: 0.2s; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>div a.minus { background: url(/images/reserve/icon_m.png) no-repeat 50% 50%; left: -1px; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>div a.plus { background: url(/images/reserve/icon_p.png) no-repeat 50% 50%; right: -1px; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .opt ul li>div a:hover { opacity: 0.7; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .pay { width: 100%; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .pay table { border: 1px solid #e1e1e1; width: 100%; margin-bottom: 35px; background: #fff; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .pay table tbody { width: 100%; text-align: center; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .pay table tbody th { width: 40%; padding: 5% 0; font-size: 14px; font-weight: bold; background: #f7f7f7; color: #5f5f5f; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .pay table tbody td { width: 60%; padding: 5% 0; font-size: 14px; color: #7d7d7d; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .pay table tbody td.total { font-weight: bold; font-size: 17px; color: #000; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .pay a { float: left; padding: 7.5% 0; text-align: center; display: block; font-size: 12px; color: #fff; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .pay a { width: 49.5%; margin: 0 0.25%; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .pay a.back { background: #bababa; }
    #skin7 .InCnt #Detail .InBox .Rv_optn .pay a.next { background: #5a8fd8; }
}