/* 2013-11-29 조용선 */
@charset "UTF-8";

.search_list .header_search {display:block;}
.search_list .header_mobile {display:none;}

.header_search {display:none;}
.header_search li {padding:0 15px;height:35px;line-height:35px;border-top:1px solid #ccc;color:#333;letter-spacing:-0.08em;border-bottom:1px solid #999;background: url('../../common/images/head_bg.png') repeat-x bottom left, #fff;-webkit-background-size:100% 33px;-webkit-box-sizing:border-box;font-size:0.8em;}
.header_search li>strong {display:inline-block;padding:0 10px 0 20px;color:#777;}
.header_search li>.icon_marker {background: url('../../common/images/icon_marker2.png') no-repeat left center;-webkit-background-size:auto 18px;}
.header_search li>.icon_date {background: url('../../common/images/icon_date.png') no-repeat left center;-webkit-background-size:auto 18px;}
.header_search li>.icon_date2 {background: url('../../common/images/icon_date.png') no-repeat right center;-webkit-background-size:auto 18px;}
.header_search li time {letter-spacing:0;}


.banner {height:70px;}
.banner p {width:100%;height:100%;background: url('../images/banner_con.png') no-repeat center center;-webkit-background-size:auto 90%;}
.ban_local {border-top:1px solid #d6a513;background: url('../images/ban_local_bg.png') repeat-x bottom center, #fcd240;-webkit-background-size:100% 100%;}
.ban_global {border-top:1px solid #d05500;background: url('../images/ban_global_bg.png') repeat-x bottom center, #ff9d33;-webkit-background-size:100% 100%;}

.slider_snb {position:relative;overflow:hidden;width:100%;padding:0 35px;height:40px;border-bottom:1px solid #1c232b;background: url('../../common/images/import_bg.png') repeat-x top center, #2b333d;-webkit-background-size:100% 40px;-webkit-box-sizing:border-box;}
.slider_snb ul {width:100%;overflow:hidden;}
.slider_snb li {float:left;width:25%;}
.slider_snb li a, .slider_snb li button {display:block;width:100%;height:100%;line-height:40px;color:#fff;text-shadow:0 0 2px #000;letter-spacing:-0.08em;}
.slider_snb li a:active, .slider_snb li a.on, .slider_snb li button:active, .slider_snb li button.on {color:#9bceff;}
.slider_snb>button  {display:block;position:absolute;top:0;width:35px;height:40px;}
.slider_snb>.btn_s_pre {left:0;background: url('../images/btn_s_pre.png') no-repeat right center;-webkit-background-size:auto 40px;}
.slider_snb>.btn_s_next {right:0;background: url('../images/btn_s_next.png') no-repeat left center;-webkit-background-size:auto 40px;}

/* detail */
.product_detail h2 {padding:20px 10px;backgground:#fff;font-size:1.5em;font-weight:bold;letter-spacing:-0.08em;color:#333;text-align:center;}

.detail_info {position:relative;height:40px;border:1px solid #ccc;border-width:1px 0;background:#f4f4f4;}
.detail_info p {padding-left:10px;height:40px;color:#666;font-size:1.0em;letter-spacing:-0.08em;}
.detail_info button {display:block;position:absolute;right:60px;top:0;height:40px;width:60px;border-left:1px solid #ccc;background: url('../images/heart_off.png') no-repeat center center;-webkit-background-size:auto 30px;-webkit-box-sizing:border-box;}
.detail_info p>strong, .detail_info p>em {vertical-align:middle;}
.detail_info p>em {height:40px;line-height:40px;padding-right:10px;font-weight: bold;color: #000;}
.detail_info p>strong {display:inline-block;width:100px;height:40px;}
.detail_info .btn_sns {right:0;background: url('../images/sns_off.png') no-repeat center center;-webkit-background-size:auto 30px;}
.detail_info .btn_wish.on {background: url('../images/heart_on.png') no-repeat center center;-webkit-background-size:auto 30px;}
.detail_info .btn_sns.on {background: url('../images/sns_on.png') no-repeat center center;-webkit-background-size:auto 30px;}
.sns_area {position:absolute;left:0;top:40px;width:100%;height:50px;background:rgba(0,0,0,0.5);z-index:99;}
.sns_area ul {display:block;overflow:hidden;width:300px;height:50px;margin:0 auto;}
.sns_area li {float:left;width:60px;height:50px;}
.sns_area li>a, sns_area li>button {display:block;width:100%;height:100%;overflow:hidden;}
.facebook {background: url('../images/icon_facebook.png') no-repeat center center;-webkit-background-size:auto 40px;}
.twitter {background: url('../images/icon_twitter.png') no-repeat center center;-webkit-background-size:auto 40px;}
.nateon {background: url('../images/icon_nateon.png') no-repeat center center;-webkit-background-size:auto 40px;}
.kakao {background: url('../images/icon_kakao.png') no-repeat center center;-webkit-background-size:auto 40px;}
.metoday {background: url('../images/icon_metoday.png') no-repeat center center;-webkit-background-size:auto 40px;}


.photo_zone {position:relative;padding:5px;background:#f4f4f4;}
.photo_zone ul {width:100%;height:210px;}
.photo_zone li {float:left;width:100%;height:210px;text-align:center;vertical-align:middle;}
.photo_zone li>img {border:1px solid #aaa;height:210px;}
.photo_zone>button  {position:absolute;top:50%;margin-top:-30px;  width:40px;height:60px;}
.photo_zone>.btn_photo_pre {left:0;background: url('../../common/images/btn_white_pre.png') no-repeat center center, rgba(0,0,0,0.4);-webkit-background-size:auto 20px;}
.photo_zone>.btn_photo_next {right:0;background: url('../../common/images/btn_white_next.png') no-repeat center center, rgba(0,0,0,0.4);-webkit-background-size:auto 20px;}

.m_coupon {padding:15px 5px 5px 5px;}
.m_coupon div {border:1px solid #c2c2c2; background-color:#f2f2f2; padding:8px 0 3px 0;  width:100%;}
.m_coupon div p.coupon_img{float:left;width:15%; padding-left:5px;}
.m_coupon div p.coupon_img img{}
.m_coupon div p.coupon_txt{float:left;width:50%;font-size:1.0em;color:#525252; font-weight:bold;}
.m_coupon div p.coupon_btn{float:right; padding-right:5px; padding-top:5px;}
.m_coupon div span{ color:#b80625;}
.m_coupon div span.coupon_date{ color:#525252; font-size:0.7em; display:block;}
.m_coupon div:after{content:""; display:block; clear:both;}

.detail_menu {padding:5px 5px;}

.detail_menu>nav ul {overflow:hidden;width:100%;height:45px;border:1px solid #B6B2B2;background:#e3e3e3;-webkit-box-sizing:border-box;}
.detail_menu>nav ul li {float:left;width:33%;border-left:1px solid #c5c4c4;border-right:1px solid #c5c4c4;background:#e3e3e3;-webkit-box-sizing:border-box;}
.detail_menu>nav ul li:nth-child(1) {border-left:0;}
.detail_menu>nav ul li:nth-child(2) {width:34%;border-left:0;}
.detail_menu>nav ul li:nth-child(3) {border-right:0;border-left:0;}
.detail_menu>nav ul li.on {background: url('../images/detail_nav_bg.png') repeat-x left top, #4e4e4e;-webkit-background-size:100% 50px;}
.detail_menu>nav ul li>button  {display:block;width:100%;height:45px;color:#4e4e4e;/*text-shadow:0 0 3px #000;font-weight:bold;*/font-size:1.0em;letter-spacing:-0.08em;}
.detail_menu>nav ul li.on>button {color:#fff;}
.detail_menu>nav ul li>button>span {display:inline-block;padding-left:22px;}
.detail_menu>nav ul li:nth-child(1) button span {background: url('../images/icon_detail1_off.png') no-repeat left center;-webkit-background-size:20px auto;}
.detail_menu>nav ul li:nth-child(2) button span {background: url('../images/icon_detail2_off.png') no-repeat left center;-webkit-background-size:20px auto;}
.detail_menu>nav ul li:nth-child(3) button span {background: url('../images/icon_detail3_off.png') no-repeat left center;-webkit-background-size:20px auto;}
.detail_menu>nav ul li:nth-child(1).on button span {background: url('../images/icon_detail1_on.png') no-repeat left center;-webkit-background-size:20px auto;}
.detail_menu>nav ul li:nth-child(2).on button span {background: url('../images/icon_detail2_on.png') no-repeat left center;-webkit-background-size:20px auto;}
.detail_menu>nav ul li:nth-child(3).on button span {background: url('../images/icon_detail3_on.png') no-repeat left center;-webkit-background-size:20px auto;}

.room_list {display:none;border:1px solid #ccc;border-width:0 1px;}
.room_list li {border-bottom:1px solid #ccc; font-size:1.0em;}
.room_list li a, room_list li button {display:block;width:100%;padding:15px 30px 15px 15px;line-height:100%;background: url('../images/icon_go.png') no-repeat 98% center, #f4f4f4;-webkit-background-size:auto 20px;-webkit-box-sizing:border-box;}
.room_list li a>em, room_list li button>em {display:block;font-size:1.0em;line-height:110%;letter-spacing:-0.08em;color:#333;}
.room_list li a>span, room_list li button>span {display:block;padding-top:5px;font-size:0.9em;letter-spacing:-0.08em;}
.room_list li a>span strong, room_list li button>span strong {color:#d9070e;font-size:1.2em;} 
.detail_map, .use_info {display:none;border:1px solid #ccc;background:#f4f4f4; margin: 10px 0; }
.detail_map p {padding:10px;border-bottom:1px solid #ccc;}
.detail_map>div {height:305px;margin: 10px 10px;}
.use_info div, .use_info ul {padding:15px;}
.use_info li {padding:10px 0;border-bottom:1px dashed #ccc;}
.use_info li:last-child {border-bottom:none;}
.use_info li h4 {padding:0 0 5px 8px;color:#333;letter-spacing:-0.08em;font-weight:bold;background: url('../../common/images/icon_blut2.png') no-repeat left 6px;-webkit-background-size:5px;}
.use_info li p {padding-bottom:2px;font-size:0.9em;line-height:100%;}

.map {width:100%;height:100%;padding:0 !important;}
.map .subject {position:absolute;left:0;top:50px;width:100%;}
.map article {position:absolute;left:0;top:85px;bottom:40px;width:100%;}

.reservation_confirm {padding-bottom:50px;}
.reservation_confirm>article, .payment article {padding-bottom:20px;}
.reservation_confirm>article h2, .payment article h2 {padding:3px 5px;color:#0d67be;font-size:1.2em;font-weight:bold;letter-spacing:-0.08em;}

.list_option>ul {border:1px solid #aaa;border-bottom:0;-webkit-box-sizing:border-box;}
.list_option>ul>li {border-bottom:1px solid #aaa;}
.list_option>ul>li>h3 label {display:block;width:100%;padding:15px 10px;color:#333;letter-spacing:-0.08em;background: url('../../common/images/input_bg.png') repeat-x bottom center, #fff;-webkit-background-size:100% 50px;-webkit-box-sizing:border-box;}
.list_option>ul>li>h3 label input[type='checkbox']:checked+strong {color:#0077ec;}
.add_option ul {border:1px solid #ccc;}
.add_option li {padding:10px;border-bottom:1px solid #ccc;background:#fff;}
.add_option li:last-child {border-bottom:0;}
.add_option li>p {padding-bottom:3px;}
.add_option li>p:last-child {padding-bottom:0;}
.pay_info .chart_report td {text-align:right;}
.pay_info .chart_report2 td {text-align:left;}
.pay_info .chart_report td strong {color:#333;font-size:1.3em;font-weight:bold;}
.pay_info .chart_report tfoot td strong {font-size:1.5em;color:#d9070e;}

.laypop_area {height:220px;margin-top:-110px;}
.laypop_area fieldset p {padding-bottom:5px;}

/* payment */
.payment {padding-bottom:30px;}
.ars_num {font-size:1.1em;}
.sale_list>ul>li>h3 {overflow:hidden;}
.sale_list>ul>li>h3 label {position:relative;}
.sale_list>ul>li>h3 label strong {vertical-align:middle;}
.sale_list>ul>li>h3 label span {display:block;position:absolute;right:5px;top:0;height:57px;line-height:57px;font-weight:normal;color:#888;}
.sale_list>ul>li>h3 label span>em {letter-spacing:0;color:#333;}
.sale_option {display:none;}
.sale_option>div {position:relative;padding-right:100px;}
.sale_option>div input {width:100%;}
.sale_option>div button {display:block;position:absolute;right:0;top:0;width:90px;}
.sale_list .chart_report td {text-align:right;}
.sale_list .chart_report td strong {color:#333;font-size:1.3em;font-weight:bold;}
.sale_list .chart_report tfoot td strong {font-size:1.5em;color:#d9070e;}

.reserve_glabal {display:none;}
.payment_global .reserve_local {display:none;}
.payment_global .reserve_glabal {display:block;}
.stay_info .chart_report {padding-bottom:10px;}
.stay_info .chart_report:last-child {padding-bottom:0;}
.stay_info .chart_report h3 {width:100%;height:30px;line-height:30px;border:1px solid #ccc;border-bottom:0;font-size:1em;text-align:center;background: url('../../common/images/subject_bg.png') repeat-x bottom left, #fff;-webkit-background-size:100% 33px;-webkit-box-sizing:border-box;}
.stay_info .chart_report label {display:inline-block;width:45%;}

.agreement_info>div {border:1px solid #ccc;background:#f4f4f4;}
.agreement_info h3 {padding-bottom:5px;height:30px;font-size:1em;letter-spacing:-0.08em;color:#333;}
.agreement_info h3 label {display:block;width:100%;height:30px;line-height:30px;}
.agreement_area {padding:5px;border-bottom:1px solid #ccc;}
.agreement_area a{position:absolute;right:5px;top:0;width:50px;padding-left:5px;height:40px;line-height:40px;background: url('../../common/images/icon_arrow.png') no-repeat right center;-webkit-background-size:8px auto;}
.agreement_area>div {border:1px solid #aaa;border-radius:5px;background:#fff;padding:10px;}
.agreement_area>div p {line-height:110%;padding-bottom:10px;}

.cancle_area {padding:5px;}
.cancle_area .chart th {padding:5px 0;}
.cancle_area .chart th, .cancle_area .chart td {font-size:0.9em;line-height:100%;}

.payment_way>div {border:1px solid #ccc;background:#f4f4f4;}
.payment_way ul {overflow:hidden;width:100%;padding:10px;-webkit-box-sizing:border-box;}
.payment_way li {float:left;width:49%;}
.payment_way li label {display:block;width:100%;height:30px;line-height:30px;font-size:1.1em;color:#333;}
.payment_way li label>strong {vertical-align:middle;}
.payment_way li label input[type='radio']:checked+strong {color:#0078ec;}
.ars_way {display:none;padding:10px;border-top:1px solid #ccc;}
.ars_way>div {padding:10px 0;text-align:center;}

.agree_box {padding:10px;}
.agree_box>div {border:1px solid #aaa;background:#f4f4f4;letter-spacing:-0.08em;}
.agree_box h3 {border-bottom:1px solid #aaa;background:#ddd;padding:5px 10px;font-size:1em;font-size:1em;}
.agree_box ul li {position:relative;padding:0 10px;height:40px;border-bottom:1px solid #aaa;}
.agree_box ul li:last-child {border-bottom:0;}
.agree_box ul li label {display:block;height:40px;line-height:40px;width:100%;}
.agree_box ul li a {position:absolute;right:5px;top:0;width:50px;padding-left:5px;height:40px;line-height:40px;background: url('../../common/images/icon_arrow.png') no-repeat right center;-webkit-background-size:8px auto;}


/*갤럭시*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    
}
/*ios*/
@media only screen and (max-device-width: 320px) and (orientation: portrait) {
}
/*갤2*/
@media only screen and (max-device-width: 320px) and (orientation: portrait) and (-webkit-max-device-pixel-ratio:1.5) {
}

/*아이폰4s*/
@media only screen and (max-device-width: 320px) and (orientation: portrait)  and (device-aspect-ratio: 2/3) {
}

/*아이폰5*/
@media only screen and (max-device-width: 320px) and (orientation: portrait) and (device-aspect-ratio: 40/71) {
}

/*갤3, 갤2 HD*/
@media only screen and (min-device-width: 720px) and (orientation: portrait) and (-webkit-max-device-pixel-ratio: 2) {

}

/*갤 note*/
@media only screen and (min-device-width: 800px) and (orientation: portrait) and (-webkit-max-device-pixel-ratio:2) {
}