/*keyframes***********************************************************/ @keyframes menu2d_bar{ 0%{background:#ccc} 50%{background:#000} 100%{background:#ccc} } /*pc***********************************************************/ @media all and (min-width:990px) { /*common*/ .container{max-width:1280px} .contents{position:relative;max-width:1010px;margin:0 auto;} .mo{display:none} .h2_tit{text-align:center;font-size:48px;font-weight:400;background:url('/images/main/tit_bar.gif') repeat-x center;margin:30px 0} .h2_tit span{display:inline-block;background:#fff;padding:0 50px} .h2_tit span i{font-weight:200} .h2_tit span b{font-weight:400} .h2_tit .add{height:0;text-align:center;font-size:12px;margin:10px 0} .h3_tit {text-align: center;font-size: 48px;font-weight: 400;background:url('/images/sub/tit_bar.gif') repeat-x center;margin: 80px 0 100px;} .h3_tit span{display: inline-block;background: #fff;padding: 0 50px;font-weight:500} h3.tit{font-size:20px;margin:30px 0 10px} h4.tit{font-size:17px;margin:25px 0 5px} .line{height:1px;background:#ddd;margin:5px 0} #main{padding-bottom:140px} #footer{border-top:1px solid #000;padding:15px 0} /*main*/ .s_visual{height:260px;background-size:cover} .s_visual .place{position:absolute;right:50px;top:85px;text-align:right} .s_visual .place .weather{display:inline-block;width:64px;height:64px;background-size:cover} .s_visual .place .temperature{font-size:30px;color:#fff;line-height:1.2} .s_visual .place .temperature i{font-size:26px} .s_visual .place .time {margin-left:10px;font-size:30px;color:#fff;line-height:1} .s_visual .place .time i{font-size:22px} .s_visual .place .name{display:block;font-size:34px;color:#fff;line-height:1} .md-menu{letter-spacing:-1px} .md-menu .menu2d{position:relative;margin:35px 0} .md-menu .menu2d li{float:left;margin-right:1px;} .md-menu .menu2d li a{display:block;font-size:30px;height:60px;line-height:60px;text-align:center;padding:0 20px;color:#8e8d8d;border-bottom:3px solid #ccc} .md-menu .menu2d li.on a{color:#000} .md-menu .menu2d .bar{position:absolute;left:0;bottom:0;width:0;height:3px;background:#000;animation:menu2d_bar 2s infinite} .md-menu .menu3d{margin:35px 0} .md-menu .menu3d li{float:left;width:16.66%;margin-left:-1px;margin-top:-1px} .md-menu .menu3d li a{display:block;font-size:13px;height:50px;line-height:50px;text-align:center;color:#333;border:1px solid #ccc} .md-menu .menu3d li:hover a, .md-menu .menu3d li.on a{position:relative;z-index:10;background:#e7488b;color:#fff;border:1px solid #e7488b} /* .md-menu .menu3d{margin:35px 0} .md-menu .menu3d li {float:left;width:16.66%;margin-left:-1px;margin-top:-1px;display:block;font-size:13px;height:50px;line-height:50px;text-align:center;color:#333;border:1px solid #ccc;cursor:pointer;} .md-menu .menu3d li:hover , .md-menu .menu3d li.on {position:relative;z-index:10;background:#e7488b;color:#fff;border:1px solid #e7488b;cursor:pointer;} .imgbtn {cursor:pointer;} */ .md-subsidiary_list_tit {font-size:20px} .md-subsidiary_list{} .md-subsidiary_list li{display:table;border-bottom:1px solid #e5e5e5;padding:30px 0;width:100%} .md-subsidiary_list li:after{display:block;content:'';clear:both} .md-subsidiary_list li .thumb{display:table-cell;width:290px;vertical-align:top} .md-subsidiary_list li .info{display:table-cell;padding:0 20px;vertical-align:top;font-size:14px;color:#333} .md-subsidiary_list li .info .name{font-size:26px;color:#000;line-height:1} .md-subsidiary_list li .info .type{margin:15px 0} .md-subsidiary_list li .info .type .c_left{float:left;padding-left:20px;background:url('/images/sub/ico_check.png') no-repeat 0 center} .md-subsidiary_list li .info .type .c_right{float:right} .md-subsidiary_list li .info .type .c_right .location{float:left;padding-left:20px;background:url('/images/sub/ico_location.png') no-repeat 0 center} .md-subsidiary_list li .info .type .c_right .inquiry{float:left;padding-left:20px;background:url('/images/sub/ico_question_mark.png') no-repeat 0 center;margin-left:20px} .md-subsidiary_list li .info .discription{margin-top:30px} .md-subsidiary_detail_tit{font-size:26px;margin:20px 0} .md-subsidiary_detail{} .md-subsidiary_detail .md-banner{position:relative;float:left;width:69%} .md-subsidiary_detail .md-banner .swiper-button-prev{background:url('/images/sub/banner_prev_w.png') no-repeat center;background-size:25px;left:20px} .md-subsidiary_detail .md-banner .swiper-button-next{background:url('/images/sub/banner_next_w.png') no-repeat center;background-size:25px;right:20px} .md-subsidiary_detail .md-banner .swiper-pagination-bullet{width:12px;height:12px;background:#fff} .md-subsidiary_detail .info1.type1{float:right;width:27.32%} .md-subsidiary_detail .info1.type1 .bar{background:url('/images/sub/pattern_bar2.gif') repeat-x 0 top;height:12px} .md-subsidiary_detail .info1.type1 ul{margin:20px 0;} .md-subsidiary_detail .info1.type1 ul li{line-height:36px;border-top:1px solid #eee;font-size:14px;padding-left:20px;background:url('/images/common/blt_point.gif') no-repeat 5px center} .md-subsidiary_detail .info1.type1 ul li:first-child{border-top:0} .md-subsidiary_detail .info1.type1 p{margin:20px 0;font-size:12px;color:#777;line-height:1.6} .md-subsidiary_detail .info1.type2{display:none} .md-subsidiary_detail .info2{clear:both;margin:30px 0} .md-subsidiary_detail .info2 strong{display:block;font-size:24px} .md-subsidiary_detail .info2 p{font-size:14px;line-height:1.6} .md-subsidiary_detail .info3{display:none} .md-subsidiary_detail .btn_area{margin:100px 0;text-align:right} .md-subsidiary_detail .btn_area a{display:inline-block;width:150px;height:45px;line-height:45px;text-align:center;font-size:16px;color:#fff;background:#6b7985;border-radius:4px} /* 호텔소개 */ .p-intro .sec1{margin:80px 0;text-align:center} .p-intro .sec1 strong{display:block;font-size:28px;margin:30px 0 15px} .p-intro .sec1 p{line-height:1.2;font-size:14px;margin:20px 0} .p-intro .sec1 .logo{margin:30px 0 15px} .p-intro .sec1 .logo img{width:200px} .p-intro .sec1 .info{font-size:15px;line-height:1.6} .p-intro .sec2 .ly_left{float:left;width:455px} .p-intro .sec2 .ly_right{position:relative;float:right;width:515px} .p-intro .sec2 .ly_right h4{font-size:28px;height:55px;background:url('/images/sub/pattern_bar2.gif') repeat-x 0 bottom;line-height:1} .p-intro .sec2 .swiper-pagination{;margin-top:18px;margin-left:-4px} .p-intro .sec2 .swiper-pagination span{float:left;width:165px;height:auto;margin:4px;background:none;border-radius:0;opacity:0.5} .p-intro .sec2 .swiper-pagination span.swiper-pagination-bullet-active{opacity:1} /*요금조회*/ .input_list{margin:20px 0} .input_list:after{display:block;content:'';clear:both} .input_list .tit{float:left;width:15%;font-size:14px} .input_list .tit2{display:inline-block;width:15%;font-size:14px;margin-left:100px} .input_list .con{float:left;width:85%} .txt_list{border:1px solid #ddd;background:#fafafa;padding:20px 20px} .txt_list.type1{background:url('/images/sub/ico_check_red.png') no-repeat 30px 18px #faf0f3;padding:15px 50px;font-size:12px;font-weight:300} .txt_list.type2{background:url('/images/sub/ico_check_blue.png') no-repeat 30px 18px #fafafa;padding:15px 50px;font-size:12px} .check_list{margin:10px 0;text-align:right;font-size:12px} .md-table{width:100%} .md-table th{color:#fff;background:#595f63;font-weight:400;padding:8px 0} .md-table td{border:1px solid #ddd;padding:6px 0} .md-table.center td{text-align:center} .md-table input[type=checkbox], .md-table input[type=radio]{width:16px;height:16px} .md-table.type2 th{font-size:14px;color:#333;background:#f4f5f5;font-weight:400;padding:15px 0;border:1px solid #ddd} .md-table.type2 td{font-size:14px;border:1px solid #ddd;padding:15px 0;text-align:center} .md-table.type2.left td{text-align:left;padding-left:20px} .md-table.type2.left td.center{text-align:center;padding-left:0} .btn_area{margin:50px 0;text-align:center;} .btn_area:after{display:block;content:'';clear:both} .btn_area .ly_left{float:left} .btn_area .ly_right{float:right} .btn_area a{display:inline-block;width:220px;height:50px;line-height:50px;font-size:16px;text-align:center;border-radius:3px;background:#979ea3;color:#fff} .btn_area a.prev{background:url('/images/sub/blt_arrow_prev.png') no-repeat 10% 45% #979ea3;color:#fff;} .btn_area a.next{background:url('/images/sub/blt_arrow_next.png') no-repeat 90% 45% #54616a;color:#fff;} .btn_area a.conform{background-color:#54616a;color:#fff;} /* .p-fare_inquiry{} .p-fare_inquiry h3{font-size:20px;margin:30px 0 10px} .p-fare_inquiry .info_area .pattern_bar{display:block;height:12px;background:url('../images/sub/pattern_bar2.gif') repeat-x} .p-fare_inquiry .info_area .con{padding:20px;font-size:12px} .p-fare_inquiry .room_area .line{height:1px;background:#e5e5e5;margin:20px 0} .p-fare_inquiry .room_area .item1 select{width:377px} .p-fare_inquiry .room_area .item2 select{width:77px;margin-left:5px} .p-fare_inquiry .room_area .item3{} .p-fare_inquiry .room_area .item4 select{width:177px;margin-right:5px} .p-fare_inquiry .room_area .item5{} .p-fare_inquiry .room_area .item6 select{width:377px} .p-fare_inquiry .room_area .item7{} .p-fare_inquiry .room_area .item8 select{width:377px} .p-fare_inquiry .room_area .item9{} .p-fare_inquiry .room_area .item10{margin-top:0px} .p-fare_inquiry .room_area .item11 .step1{margin-bottom:10px} .p-fare_inquiry .room_area .item11 > div .name{display:inline-block;width:80px} .p-fare_inquiry .room_area .item11 > div select{width:377px} .p-fare_inquiry .room_area .item12{} .p-fare_inquiry .room_area .item13{} .p-fare_inquiry .room_area .item14 .tit{} .p-fare_inquiry .room_area .item15 textarea{height:120px} .p-fare_inquiry .room_area .item16{} .p-fare_inquiry .room_area .item17 .con{font-size:14px} .p-fare_inquiry .room_area .item17 .con a{color:#cd3374;text-decoration:underline;font-size:14px} .p-fare_inquiry .room_area .item17 .con .result{float:right;font-size:22px;color:#2170db} .p-fare_inquiry .room_area .item18{} */ .p-reservation_center{} .p-reservation_center h3{font-size:20px;margin:30px 0 10px} .p-reservation_center .info_area .pattern_bar{display:block;height:12px;background:url('/images/sub/pattern_bar2.gif') repeat-x} .p-reservation_center .info_area .con{float:none;padding:20px;font-size:12px} .p-reservation_center .room_area .line{height:1px;background:#e5e5e5;margin:20px 0} .p-reservation_center .room_area .item1 select{width:377px} .p-reservation_center .room_area .item2 select{width:77px;margin-left:5px} .p-reservation_center .room_area .item3{} .p-reservation_center .room_area .item4 select{width:177px;margin-right:5px} .p-reservation_center .room_area .item5{} /* 필드 추가에 따른 스타일 값 복사 추가*/ .p-reservation_center .room_area .item6 select{width:377px} .p-reservation_center .room_area .item7{} .p-reservation_center .room_area .item8 select{width:377px} .p-reservation_center .room_area .item9{} .p-reservation_center .room_area .item10{margin-top:0px} .p-reservation_center .room_area .item11 .step1{margin-bottom:10px} .p-reservation_center .room_area .item11 > div .name{display:inline-block;width:80px} .p-reservation_center .room_area .item11 > div select{width:377px} .p-reservation_center .room_area .item12{} .p-reservation_center .room_area .item13{} .p-reservation_center .room_area .item14 .tit{} .p-reservation_center .room_area .item15 textarea{height:120px} .p-reservation_center .room_area .item16{} .p-reservation_center .room_area .item17 .con{font-size:14px} .p-reservation_center .room_area .item17 .con a{color:#cd3374;text-decoration:underline;font-size:14px} .p-reservation_center .room_area .item17 .con .result{float:right;font-size:22px;color:#2170db} .p-reservation_center .room_area .item18{} .p-reservation_center .room_area .item19 select{width:77px} .p-reservation_center_step2{} .p-reservation_center_step2 h3{font-size:20px;margin:30px 0 10px} .p-reservation_center_step2 h4{font-size:17px;margin:25px 0 5px} .p-reservation_center_step2 .info_area .line{height:1px;background:#ddd;margin:5px 0} .p-reservation_center_step2 .info_area .item21 ul{} .p-reservation_center_step2 .info_area .item21 li{float:left;width:50%;border:1px solid #ddd;height:50px;line-height:50px;margin-left:-1px;margin-top:-1px;overflow:hidden;font-size:14px} .p-reservation_center_step2 .info_area .item21 li .tit{display:inline-block;width:170px;background:#f4f5f5;text-align:center;font-size:15px;margin-right:15px;border-right:1px solid #ddd} .p-reservation_center_step2 .info_area .item22 input[type=text]{width:177px} .p-reservation_center_step2 .info_area .item23 select, .p-reservation_center_step2 .info_area .item23 input[type=text]{width:92px;margin-right:5px} .p-reservation_center_step2 .info_area .item24 input[type=text]{width:177px} .p-reservation_center_step2 .info_area .item24 select{width:177px;margin-left:5px} .p-reservation_center_step2 .info_area .item24 i{margin:0 10px} .p-reservation_center_step2 .info_area .item25 .tit em{color:#fd0178;margin:0 3px} .p-reservation_center_step2 .info_area .item25 .con > div{margin-top:20px} .p-reservation_center_step2 .info_area .item25 .con > div:first-child{margin-top:0} .p-reservation_center_step2 .info_area .item25 .name{display:inline-block;width:90px} .p-reservation_center_step2 .info_area .item25 input[type=text]{width:177px;margin-right:5px} .p-reservation_center_step2 .info_area .item25 select{width:85px} .p-reservation_center_step2 .info_area .item26 .tit em{color:#fd0178;margin:0 3px} .p-reservation_center_step2 .info_area .item26 .con > div{margin-top:20px} .p-reservation_center_step2 .info_area .item26 .con > div:first-child{margin-top:0} .p-reservation_center_step2 .info_area .item26 .name{display:inline-block;width:90px} .p-reservation_center_step2 .info_area .item26 input[type=text]{width:177px;margin-right:5px} .p-reservation_center_step2 .info_area .item26 select{width:85px} /*/생년월일 입력란 추가로 margin추가함*/ .p-reservation_center_step2 .info_area .item29 .tit em{color:#fd0178;margin:0 3px} .p-reservation_center_step2 .info_area .item29 .con > div{margin-top:20px} .p-reservation_center_step2 .info_area .item29 .con > div:first-child{margin-top:0} .p-reservation_center_step2 .info_area .item29 .name{display:inline-block;width:90px} .p-reservation_center_step2 .info_area .item29 input[type=text]{width:177px;margin-right:5px} .p-reservation_center_step2 .info_area .item29 select{width:85px} /*/생년월일 입력란 추가로 margin추가함*/ .p-reservation_center_step2 .info_area .item27{height:205px;overflow:auto;line-height:1.6} .p-reservation_center_step2 .info_area .item28{height:205px;overflow:auto;line-height:1.6} .p-reservation_center_step3 .info_area .item1{border:1px solid #ddd;padding:50px 0;font-size:15px;text-align:center} .p-reservation_center_step3 .info_area .item1 b{display:block;font-size:18px;color:#357ee1} .p-reservation_center_step3 .info_area .line{background:#5e5e5e} .p-reservation_center_step3 .info_area .item2 input[type=text]{width:177px} .p-reservation_center_step3 .info_area .item3 select, .p-reservation_center_step3 .info_area .item3 input[type=text]{width:92px;margin-right:5px} .p-reservation_center_step3_result table .completion{color:#0148fe} .p-reservation_center_step3_result2 .info_area .item16{margin-top:40px;border:1px solid #ddd;border-width:1px 0;padding:20px 0;line-height:22px} .p-reservation_center_step3_result2 .info_area .item16 .con{font-size:14px} .p-reservation_center_step3_result2 .info_area .item16 .con a{color:#cd3374;text-decoration:underline;font-size:14px} .p-reservation_center_step3_result2 .info_area .item16 .con .result{float:right;font-size:22px;color:#2170db} .p-reservation_center_step3_result2 .info_area .progress{border:1px solid #ddd;padding:30px 0;text-align:center} .p-reservation_center_step3_result2 .info_area .progress span{font-size:22px;font-weight:500;color:#e7488b;margin:0 10px;line-height:30px;vertical-align:middle} .p-reservation_center_step3_result2 .info_area .progress i{line-height:30px;vertical-align:middle} .p-reservation_center_step3_result2 .qa11 .tit{font-size:17px;color:#000;font-weight:500;margin:10px 0} .p-reservation_center_step3_result2 .qa11 .list_area{} .p-reservation_center_step3_result2 .qa11 .list_area > ul{border:1px solid #5085a3;border-width:1px 0} .p-reservation_center_step3_result2 .qa11 .list_area > ul > li{line-height:1.6;font-size:14px;border-top:1px solid #ddd} .p-reservation_center_step3_result2 .qa11 .list_area > ul > li:first-child{border-top:0} .p-reservation_center_step3_result2 .qa11 .list_area > ul > li .date{font-size:12px;color:#e33880;margin-top:10px} .p-reservation_center_step3_result2 .qa11 .question{padding:15px 55px;background:url('../images/board/ico_question.png') no-repeat 20px 15px;border-bottom:1px solid #ddd;} .p-reservation_center_step3_result2 .qa11 .anwer{padding:15px 55px;background:url('../images/board/ico_anwer.png') no-repeat 20px 15px} .p-reservation_center_step3_result2 .qa11 .write_area{margin:20px 0} .p-reservation_center_step3_result2 .qa11 .write_area:after{display:block;content:'';clear:both} .p-reservation_center_step3_result2 .qa11 .write_area .ly_left{float:left;width:84%} .p-reservation_center_step3_result2 .qa11 .write_area .ly_left textarea{height:70px} .p-reservation_center_step3_result2 .qa11 .write_area .ly_right{float:right;width:15%} .p-reservation_center_step3_result2 .qa11 .write_area .ly_right a{display:inline-block;width:100%;height:70px;line-height:70px;font-size:16px;text-align:center;border-radius:3px;background:#54616a;color:#fff;} .p-reservation_center_step4 .step_area{margin:30px 0} .p-reservation_center_step4 .step_area li{display:table;margin:10px 0;width:100%} .p-reservation_center_step4 .step_area li .tit{display:table-cell;width:33%;background:url('/images/sub/step_bar.gif') no-repeat 28% bottom #e7488b;padding:20px 20px;font-size:18px;color:#fff;vertical-align:middle;padding-right:0} .p-reservation_center_step4 .step_area li .tit .step{display:inline-block;color:#fa88b8;margin-right:20px} .p-reservation_center_step4 .step_area li .memo{display:table-cell;font-size:15px;padding:20px 20px;line-height:1.2;min-height:80px;border:1px solid #bfbfbf;border-left:0} /* .p-reservation_center_step4 .add{font-size:15px;color:#be1a5f} .p-reservation_center_step4 .add .break{margin-top:20px} */ .p-reservation_center_step4 .add{font-size:15px;color:#000} /*텍스트 검정색으로 변경 */ .p-reservation_center_step4 .add .break{font-size:15px;color:#be1a5f;margin-top:20px} /*원래 색상 css 먹도록 폰트 정의*/ .p-reservation_center_step4 .bank{margin:30px 0} .p-reservation_center_step4 .bank img{} .p-reservation_center_step4 .bank .info{display:inline-block;font-size:18px;margin-left:10px;line-height:1.3} .p-reservation_center_step4 .bank .info b{display:block;font-size:24px;color:#000;font-weight:600} /*예약완료 페이지용으로 재작성*/ .p-reservation_center_step5 .info_area strong{display:block;font-size:28px;text-align:center;margin:30px 0 15px} .p-reservation_center_step5 .info_area .item1{border:1px solid #357ee1;padding:30px 0;font-size:15px;text-align:center} .p-reservation_center_step5 .info_area .item1 b{display:block;font-size:18px;color:#357ee1} .p-reservation_center_step5 .info_area .item2 ul{} .p-reservation_center_step5 .info_area .item2 li{float:left;width:50%;border:1px solid #ddd;height:50px;line-height:50px;margin-left:-1px;margin-top:-1px;overflow:hidden;font-size:14px} .p-reservation_center_step5 .info_area .item2 li .tit{display:inline-block;width:170px;background:#f4f5f5;text-align:center;font-size:15px;margin-right:15px;border-right:1px solid #ddd} /*취소환불 규정 페이지용으로 재작성*/ .p-reservation_center_step6 .info_area{margin:30px 0} .p-reservation_center_step6 .info_area .item1{border:1px solid #357ee1;font-size:20px;text-align:left;padding:20px 20px 20px} .p-reservation_center_step6 .info_area .item1 strong{display:block;font-size:28px;color:#357ee1;text-align:left;margin:0 0 10px} .p-reservation_center_step6 .detail_area strong{display:block;font-size:28px;text-align:left;margin:30px 0 15px} .p-reservation_center_step6 .detail_area .pattern_bar{display:block;height:12px;background:url('/images/sub/pattern_bar2.gif') repeat-x} .p-reservation_center_step6 .detail_area .add{margin:20px 0} .p-reservation_center_step6 .detail_area .add .tit{font-size:15px;color:#000;font-weight:bold;margin-top:10px} .p-reservation_center_step6 .detail_area .add .sub{font-size:15px;color:#727272;margin-top:4px} .p-reservation_center_step6 .detail_area .add .break{font-size:15px;color:#be1a5f;margin-top:4px} /*quick*/ #quick{position:fixed;right:50px;bottom:60px;z-index:100} #quick ul{} #quick li{margin:8px 0} } /*mobile***********************************************************/ @media all and (max-width:989px) { /*common*/ .contents{position:relative;} .contents > .inner{padding:0 4%} .pc{display:none} /*main*/ .s_visual{display:none} .h2_tit{display:block;height:45px;line-height:45px;background:#eff0f1;font-size:15px;padding:0 4%} .h2_tit .arrow{background:url('/images/sub/btn_arrow_down.png') no-repeat 100% center #eff0f1;background-size:22px} .h2_tit .arrow.on{background:url('/images/sub/btn_arrow_up.png') no-repeat 100% center #eff0f1;background-size:22px;} .h2_tit1{display:block;height:45px;line-height:45px;background:#eff0f1;font-size:15px;padding:0 4%} .h2_tit1 .arrow{background:url('/images/sub/btn_arrow_down.png') no-repeat 100% center #eff0f1;background-size:22px} .h2_tit1 .arrow.on{background:url('/images/sub/btn_arrow_up.png') no-repeat 100% center #eff0f1;background-size:22px;} .md-menu{display:none;position:absolute;z-index:10;top:0;width:100%;background:#fff;border-bottom:1px solid #ccc;box-shadow:0 10px 10px rgba(0,0,0,0.1)} .md-menu .menu2d{display:none} .md-menu .menu3d{} .md-menu .menu3d li{line-height:45px;font-size:14px;} .md-menu .menu3d li a{display:block;padding:0 4%} .md-menu .menu3d li a:hover{background:#dde7f4} /*부대시설 목록모듈*/ .md-subsidiary_list{padding:0 4%} .md-subsidiary_list li{border-bottom:1px solid #e5e5e5;padding:15px 0} .md-subsidiary_list li:after{display:block;content:'';clear:both} .md-subsidiary_list li .thumb{float:left;width:50%} .md-subsidiary_list li .info{float:right;width:45%;font-size:10px;color:#333} .md-subsidiary_list li .info .name{font-size:15px;color:#000;line-height:1;background:url('/images/sub/pattern_bar.gif') repeat-x 0 bottom;padding-bottom:10px} .md-subsidiary_list li .info .type{display:none} .md-subsidiary_list li .info .discription{margin-top:10px} /*부대시설 상세모듈*/ .md-subsidiary_detail{} .md-subsidiary_detail .md-banner{position:relative} .md-subsidiary_detail .md-banner .swiper-button-prev{display:none;} .md-subsidiary_detail .md-banner .swiper-button-next{display:none;} .md-subsidiary_detail .md-banner .swiper-pagination-bullet{width:8px;height:8px;background:#fff} .md-subsidiary_detail .info1.type1{display:none} .md-subsidiary_detail .info1.type2{background:url('/images/sub/ico_check.png') no-repeat 1.5% 12px #595f63;background-size:7px;padding:8px 4%;font-size:10px;color:#fff} .md-subsidiary_detail .info2{clear:both;margin:15px 0;padding:0 4%} .md-subsidiary_detail .info2 strong{display:block;font-size:14px} .md-subsidiary_detail .info2 p{font-size:12px;line-height:1.6} .md-subsidiary_detail .info3{clear:both;margin:15px 0;padding:0 4%} .md-subsidiary_detail .info3 strong{display:block;font-size:14px} .md-subsidiary_detail .info3 p{font-size:12px;line-height:1.6} .md-subsidiary_detail .btn_area{margin:50px 0;padding:0 4%} .md-subsidiary_detail .btn_area a{display:block;height:30px;line-height:30px;text-align:center;font-size:12px;color:#fff;background:#6b7985;border-radius:4px} /* 호텔소개 */ .p-intro .sec1{margin:20px 0;text-align:center;padding:0 4%} .p-intro .sec1 strong{display:block;font-size:14px;margin:10px 0 5px} .p-intro .sec1 p{line-height:1.2;font-size:11px} .p-intro .sec1 .logo{margin:20px 0} .p-intro .sec1 .logo img{width:50%} .p-intro .sec1 .info{font-size:12px} .p-intro .h3_tit{display:none} .p-intro .sec2 .ly_left{} .p-intro .sec2 .ly_right{} .p-intro .sec2 .ly_right h4{display:none} .swiper-pagination{width:100%;bottom:10px} .swiper-pagination span{margin:0 3px;background:#fff} .swiper-pagination span img{display:none} /*요금조회*/ .input_list{margin:10px 0} .input_list .tit, .input_list .tit2{display:block;font-size:12px;margin:5px 0} .input_list .con{margin:5px 0} .txt_list{border:1px solid #ddd;padding:10px 10px;background:#fafafa} .txt_list.type1{background:#faf0f3;padding:10px 10px;font-size:11px;font-weight:300} .txt_list.type2{background:#fafafa;padding:10px 10px;font-size:11px} .check_list{margin:10px 0;text-align:right;font-size:11px} .md-table{width:100%} .md-table th{color:#fff;background:#595f63;font-weight:400;padding:8px 0;font-size:11px} .md-table td{border:1px solid #ddd;padding:6px 0;font-size:11px} .md-table.center td{text-align:center} .md-table input[type=checkbox], .md-table input[type=radio]{width:16px;height:16px} .md-table.type2 th{font-size:12px;color:#333;background:#f4f5f5;font-weight:400;padding:10px 0;border:1px solid #ddd} .md-table.type2 td{font-size:12px;border:1px solid #ddd;padding:10px 0;text-align:center} .btn_area{margin:25px 0;text-align:center} .btn_area:after{display:block;content:'';clear:both} .btn_area .ly_left{float:left} .btn_area .ly_right{float:right} .btn_area a{display:inline-block;width:120px;height:30px;line-height:30px;font-size:12px;text-align:center;border-radius:3px} .btn_area a.prev{background:url('/images/sub/blt_arrow_prev.png') no-repeat 90% 45% #979ea3;background-size:15px;color:#fff;} .btn_area a.next{background:url('/images/sub/blt_arrow_next.png') no-repeat 90% 45% #54616a;background-size:15px;color:#fff;} .btn_area a.conform{background-color:#54616a;background-size:15px;color:#fff;} /* .p-fare_inquiry{} .p-fare_inquiry h3{font-size:14px;margin:15px 0 5px} .p-fare_inquiry .info_area{padding:0 4%} .p-fare_inquiry .info_area .bar{display:block;height:12px;background:url('../images/sub/pattern_bar2.gif') repeat-x} .p-fare_inquiry .info_area .con{padding:10px;font-size:11px} .p-fare_inquiry .room_area{padding:0 4%} .p-fare_inquiry .room_area .bar{height:1px;background:#e5e5e5;margin:10px 0} .p-fare_inquiry .room_area .item1 select{} .p-fare_inquiry .room_area .item2 select{width:77px;margin-left:5px} .p-fare_inquiry .room_area .item2 .md-calendar{right:-85px} .p-fare_inquiry .room_area .item3{} .p-fare_inquiry .room_area .item4 select{width:28%;margin-right:5px} .p-fare_inquiry .room_area .item5{} .p-fare_inquiry .room_area .item6 select{} .p-fare_inquiry .room_area .item7{} .p-fare_inquiry .room_area .item8 select{} .p-fare_inquiry .room_area .item9{} .p-fare_inquiry .room_area .item10{margin-top:0px} .p-fare_inquiry .room_area .item11 .con{padding-left:10px;font-size:10px} .p-fare_inquiry .room_area .item11 .step1{margin-bottom:10px} .p-fare_inquiry .room_area .item11 > div .name{display:inline-block;width:20%} .p-fare_inquiry .room_area .item11 > div select{width:45%} .p-fare_inquiry .room_area .item12{} .p-fare_inquiry .room_area .item13{} .p-fare_inquiry .room_area .item14 .tit{} .p-fare_inquiry .room_area .item15 textarea{height:100px} .p-fare_inquiry .room_area .item16{} .p-fare_inquiry .room_area .item17 .con{font-size:11px} .p-fare_inquiry .room_area .item17 .con a{color:#cd3374;text-decoration:underline;font-size:11px} .p-fare_inquiry .room_area .item18{} */ .p-reservation_center{} .p-reservation_center h3{font-size:14px;margin:15px 0 5px} .p-reservation_center .info_area{padding:0 4%} .p-reservation_center .info_area .con{padding:10px;font-size:11px} .p-reservation_center .room_area{padding:0 4%} .p-reservation_center .room_area .bar{height:1px;background:#e5e5e5;margin:10px 0} .p-reservation_center .room_area .item1 select{} .p-reservation_center .room_area .item2 select{width:77px;margin-left:5px} .p-reservation_center .room_area .item2 .md-calendar{right:-85px} .p-reservation_center .room_area .item3{} .p-reservation_center .room_area .item4 select{width:28%;margin-right:5px} .p-reservation_center .room_area .item5{} /* 필드 추가에 따른 스타일 값 복사 추가*/ .p-reservation_center .room_area .item6 select{} .p-reservation_center .room_area .item7{} .p-reservation_center .room_area .item8 select{} .p-reservation_center .room_area .item9{} .p-reservation_center .room_area .item10{margin-top:0px} .p-reservation_center .room_area .item11 .con{padding-left:10px;font-size:10px} .p-reservation_center .room_area .item11 .step1{margin-bottom:10px} .p-reservation_center .room_area .item11 > div .name{display:inline-block;width:20%} .p-reservation_center .room_area .item11 > div select{width:45%} .p-reservation_center .room_area .item12{} .p-reservation_center .room_area .item13{} .p-reservation_center .room_area .item14 .tit{} .p-reservation_center .room_area .item15 textarea{height:100px} .p-reservation_center .room_area .item16{} .p-reservation_center .room_area .item17 .con{font-size:11px} .p-reservation_center .room_area .item17 .con a{color:#cd3374;text-decoration:underline;font-size:11px} .p-reservation_center .room_area .item17 .con .result{float:right;font-size:14px;color:#2170db} .p-reservation_center .room_area .item18{} .p-reservation_center_step2 {} .p-reservation_center_step2 h3{font-size:14px;margin:15px 0 5px} .p-reservation_center_step2 h4{font-size:13px;margin:15px 0 3px} .p-reservation_center_step2 .info_area .line{height:1px;background:#ddd;margin:5px 0} .p-reservation_center_step2 .info_area .item21 ul{margin-left:1px} .p-reservation_center_step2 .info_area .item21 li{border:1px solid #ddd;height:30px;line-height:30px;margin-left:-1px;margin-top:-1px;overflow:hidden;font-size:12px} .p-reservation_center_step2 .info_area .item21 li .tit{display:inline-block;width:30%;background:#f4f5f5;text-align:center;font-size:12px;margin-right:15px;border-right:1px solid #ddd} .p-reservation_center_step2 .info_area .item22 input[type=text]{} .p-reservation_center_step2 .info_area .item23 select{width:30%} .p-reservation_center_step2 .info_area .item23 input[type=text]{width:30%;margin-left:5px} .p-reservation_center_step2 .info_area .item24{} .p-reservation_center_step2 .info_area .item24 input[type=text]{width:25%} .p-reservation_center_step2 .info_area .item24 select{width:35%;margin-left:5px} .p-reservation_center_step2 .info_area .item24 i{margin:0 5px} .p-reservation_center_step2 .info_area .item25 .tit em{color:#fd0178;margin:0 3px} .p-reservation_center_step2 .info_area .item25 .con{padding-left:10px} .p-reservation_center_step2 .info_area .item25 .con > div{margin-top:20px} .p-reservation_center_step2 .info_area .item25 .con > div:first-child{margin-top:0} .p-reservation_center_step2 .info_area .item25 .name{display:inline-block;width:20%} .p-reservation_center_step2 .info_area .item25 input[type=text]{width:20%;margin-right:5px} .p-reservation_center_step2 .info_area .item25 select{width:30%} .p-reservation_center_step2 .info_area .item26 .tit em{color:#fd0178;margin:0 3px} .p-reservation_center_step2 .info_area .item26 .con{padding-left:10px} .p-reservation_center_step2 .info_area .item26 .con > div{margin-top:20px} .p-reservation_center_step2 .info_area .item26 .con > div:first-child{margin-top:0} .p-reservation_center_step2 .info_area .item26 .name{display:inline-block;width:20%} .p-reservation_center_step2 .info_area .item26 input[type=text]{width:20%;margin-right:5px} .p-reservation_center_step2 .info_area .item26 select{width:30%} .p-reservation_center_step2 .info_area .item29 .tit em{color:#fd0178;margin:0 3px} .p-reservation_center_step2 .info_area .item29 .con{padding-left:10px} .p-reservation_center_step2 .info_area .item29 .con > div{margin-top:20px} .p-reservation_center_step2 .info_area .item29 .con > div:first-child{margin-top:0} .p-reservation_center_step2 .info_area .item29 .name{display:inline-block;width:20%} .p-reservation_center_step2 .info_area .item29 input[type=text]{width:20%;margin-right:5px} .p-reservation_center_step2 .info_area .item29 select{width:30%} .p-reservation_center_step2 .info_area .item27{height:130px;overflow:auto;line-height:1.6} .p-reservation_center_step2 .info_area .item28{height:130px;overflow:auto;line-height:1.6} .p-reservation_center_step3 .info_area .item1{border:1px solid #ddd;padding:30px 10px;font-size:12px;text-align:center} .p-reservation_center_step3 .info_area .item1 b{display:block;font-size:13px;color:#357ee1} .p-reservation_center_step3 .info_area .line{background:#5e5e5e} .p-reservation_center_step3 .info_area .item2 input[type=text]{width:177px} .p-reservation_center_step3 .info_area .item3 select, .p-reservation_center_step3 .info_area .item3 input[type=text]{width:30%;margin-right:5px} .p-reservation_center_step3_result table .completion{color:#0148fe} .p-reservation_center_step3_result2 .info_area .item16{margin-top:20px;border:1px solid #ddd;border-width:1px 0;padding:10px 0} .p-reservation_center_step3_result2 .info_area .item16 .con{font-size:11px} .p-reservation_center_step3_result2 .info_area .item16 .con a{color:#cd3374;text-decoration:underline;font-size:11px} .p-reservation_center_step3_result2 .info_area .item16 .con .result{display:block;font-size:18px;color:#2170db;margin-top:10px} .p-reservation_center_step3_result2 .info_area .progress{border:1px solid #ddd;padding:20px 10px;text-align:center} .p-reservation_center_step3_result2 .info_area .progress span{font-size:16px;font-weight:500;color:#e7488b;margin:0 5px;line-height:20px;vertical-align:middle} .p-reservation_center_step3_result2 .info_area .progress i{line-height:20px;vertical-align:middle} .p-reservation_center_step3_result2 .qa11 .tit{font-size:12px;color:#000;font-weight:500;margin:10px 0} .p-reservation_center_step3_result2 .qa11 .list_area{} .p-reservation_center_step3_result2 .qa11 .list_area > ul{border:1px solid #5085a3;border-width:1px 0} .p-reservation_center_step3_result2 .qa11 .list_area > ul > li{line-height:1.6;font-size:11px;border-top:1px solid #ddd} .p-reservation_center_step3_result2 .qa11 .list_area > ul > li:first-child{border-top:0} .p-reservation_center_step3_result2 .qa11 .list_area > ul > li .date{font-size:11px;color:#e33880;margin-top:10px} .p-reservation_center_step3_result2 .qa11 .question{padding:10px 35px;background:url('../images/board/ico_question.png') no-repeat 10px 10px;border-bottom:1px solid #ddd;background-size:16px} .p-reservation_center_step3_result2 .qa11 .anwer{padding:10px 35px;background:url('../images/board/ico_anwer.png') no-repeat 10px 10px;background-size:16px} .p-reservation_center_step3_result2 .qa11 .write_area{margin:10px 0} .p-reservation_center_step3_result2 .qa11 .write_area:after{display:block;content:'';clear:both} .p-reservation_center_step3_result2 .qa11 .write_area .ly_left{float:left;width:75%} .p-reservation_center_step3_result2 .qa11 .write_area .ly_left textarea{height:70px} .p-reservation_center_step3_result2 .qa11 .write_area .ly_right{float:right;width:23%} .p-reservation_center_step3_result2 .qa11 .write_area .ly_right a{display:inline-block;width:100%;height:70px;line-height:70px;font-size:12px;text-align:center;border-radius:3px;background:#54616a;color:#fff;} .p-reservation_center_step4 .step_area{margin:20px 0} .p-reservation_center_step4 .step_area li{display:table;margin:8px 0;width:100%} .p-reservation_center_step4 .step_area li .tit{display:table-cell;width:33%;background:#e7488b;padding:10px 10px;font-size:14px;color:#fff;vertical-align:middle;padding-right:0} .p-reservation_center_step4 .step_area li .tit .step{display:block;color:#fa88b8} .p-reservation_center_step4 .step_area li .memo{display:table-cell;font-size:13px;padding:10px 10px;line-height:1.2;min-height:80px;border:1px solid #bfbfbf;border-left:0} /* .p-reservation_center_step4 .add{font-size:12px;color:#be1a5f} .p-reservation_center_step4 .add .break{margin-top:20px} */ .p-reservation_center_step4 .add{font-size:12px;color:#000} /*텍스트 검정색으로 변경 */ .p-reservation_center_step4 .add .break{font-size:12px;color:#be1a5f;margin-top:20px} /*원래 색상 css 먹도록 폰트 정의*/ .p-reservation_center_step4 .bank{margin:20px 0} .p-reservation_center_step4 .bank img{} .p-reservation_center_step4 .bank .info{display:block;font-size:14px;margin-top:10px} .p-reservation_center_step4 .bank .info b{display:block;font-size:18px;color:#000;font-weight:600} /*예약완료 페이지용으로 재작성*/ .p-reservation_center_step5 .info_area strong{display:block;font-size:14px;text-align:center;margin:30px 0 15px} .p-reservation_center_step5 .info_area .item1{border:1px solid #357ee1;padding:30px 0;font-size:13px;text-align:center} .p-reservation_center_step5 .info_area .item1 b{display:block;font-size:13px;color:#357ee1} /*취소환불 규정 페이지용으로 재작성*/ .p-reservation_center_step6 .info_area{margin:20px 0} .p-reservation_center_step6 .info_area .item1{border:1px solid #357ee1;font-size:13px;text-align:left;padding:10px 10px 10px} .p-reservation_center_step6 .info_area .item1 strong{display:block;font-size:18px;color:#357ee1;text-align:left;margin:0 0 10px} .p-reservation_center_step6 .detail_area strong{display:block;font-size:18px;text-align:left;margin:30px 0 15px} .p-reservation_center_step6 .detail_area .pattern_bar{display:block;height:8px;background:url('/images/sub/pattern_bar2.gif') repeat-x} .p-reservation_center_step6 .detail_area .add{margin:20px 0} .p-reservation_center_step6 .detail_area .add .tit{font-size:12px;color:#000;font-weight:bold;margin-top:10px} .p-reservation_center_step6 .detail_area .add .sub{font-size:12px;color:#727272;margin-top:4px} .p-reservation_center_step6 .detail_area .add .break{font-size:12px;color:#be1a5f;margin-top:4px} /*quick*/ #quick{display:none} }