/* 웹폰트 */ @font-face { font-family: 'nsr'; font-style: normal; font-weight: 400; src: url('/images/dssion/font/NanumSquareR.eot'); src:local('Nanum Square Regular'), local('NanumSquareR'), url('/images/dssion/font/NanumSquareR.eot?#iefix') format('embedded-opentype'), url('/images/dssion/font/NanumSquareR.woff2') format('woff2'), url('/images/dssion/font/NanumSquareR.woff') format('woff'), url('/images/dssion/font/NanumSquareR.ttf') format('truetype'); } @font-face { font-family: 'nsb'; font-style: bold; font-weight: 700; src: url('/images/dssion/font/NanumSquareB.eot'); src: local('Nanum Square Bold'), local('NanumSquareB'), url('/images/dssion/font/NanumSquareB.eot?#iefix') format('embedded-opentype'), url('/images/dssion/font/NanumSquareB.woff2') format('woff2'), url('/images/dssion/font/NanumSquareB.woff') format('woff'), url('/images/dssion/font/NanumSquareB.ttf') format('truetype'); } /* 초기화 */ * {margin:0;padding:0;box-sizing:border-box} body,html {height:100%} body {font-family: 'nsr', sans-serif;font-size:100%;color:#333;line-height:1.5;} a {text-decoration:none;color:inherit} li {list-style:none} img {border:0;vertical-align:text-top} h1, h2, h3, th {font-weight:normal;} table {width:100%; border-collapse: collapse; } em, address, i {font-style:normal} caption {display:none;} select { /* -webkit-appearance: none; */-moz-appearance: none; appearance: none; background: url(/images/dssion/img/bg_select.png) no-repeat right 10px top 50%; border:1px solid #d6d6d6; border-radius:0} select::-ms-expand { display: none; } textarea {resize:none;font-family:'nsr';padding:10px;font-size:13px;} textarea, input {/*-webkit-appearance:none;*/border-radius:0;} input {border:1px solid #d2d2d2; height:30px; line-height:30px;} input[type="password"]{font-family:'돋움', Dotum,AppleGothic,Arial,sans-serif !important;} input[type="radio"]{border:none;height:inherit;} /* 기본 클래스 정의 */ .pychtl_skip {width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);position:absolute;} .pychtl_blue {color:#0088d1;} .pychtl_red {color:#0088d1;} .tit_blue{color:#00498c; font-size:25pt;} .tit_span{background:url(/Images/Domestic/PycHotel/Img/tit_ico.gif) no-repeat left; width:300px; float:left; padding-left:40px;} .pychtl_wrap {width:960px;margin:0 auto;position:relative;} .input_form {height:33px;line-height:33px;background-color:#f4f4f4;border:1px solid #e0e0e0;font-size:14px;color:#333;padding-left:10px;} select.input_form {background: url(/images/dssion/img/bg_select2.png) no-repeat right top;padding-right:46px;padding-left:10px;background-color:#f4f4f4;font-family:'nsr';} select.input_form option {font-family:'nsr';} /* 상단 */ .pychtl_header {position:relative;} .pychtl_header {background:url(/images/dssion/img/bg_header2_web.jpg) repeat-x left bottom; } /*.pychtl_header .pychtl_wrap {height:170px;background:url(/images/dssion/img/bg_header_web.jpg) no-repeat center bottom; text-align:center;}*/ /*.pychtl_logo {height:125px; border:1px solid red;}*/ .pychtl_logo{float:left;height:125px; width:895px; padding-top:20px;padding-left:65px; } .pychtl_btn{float:right; height:125px; padding-top:57px;} /*.pychtl_logo a {width:515px; display:inline-block; padding:21px 0 21px 0;}*/ .pychtl_wrap_div{width:100%;min-height:200px;float:left;background-color:#ffffff;} .pychtl_wrap_div .pychtl_top_div{width:100%; height:500px; background:url(/images/Domestic/PycHotel/img/main_topimg_bg.jpg) no-repeat;} /* 평창 호텔예약 공통 */ /****************** PycHotelList.aspx ********************************/ .pychtl_wrap_div{padding-bottom:50px;} /* 호텍 검색 창 */ .pychtl_wrap_div .pychtl_top_div{} .pychtl_top_div{padding-top:115px;} .pychtl_top_div .search_box_div{width:888px; height:203px; margin:auto;} .pychtl_top_div .search_tit{background-color:#545454;width:100%;height:45px; text-align:center;} .pychtl_top_div .search_tit span{font-size:18pt;font-weight:bold;color:#ffffff;height:45px; line-height:45px;} .pychtl_top_div .search_con{height:156px;background-color:#ffffff;} .pychtl_top_div .search_con input{height:20px; line-height:20px;} .pychtl_top_div .search_con .con.fir{width:100%; height:60px;padding-top:30px;float:left;} .pychtl_top_div .search_con .con.fir ul{width:100%;height:30px;padding:0 30px 0 30px;float:left;} .pychtl_top_div .search_con .con.fir .con_fir_li{float:left;height:20px;width:100px; font-size:15px; line-height:20px; text-align:left;} .pychtl_top_div .search_con .con.fir .con_fir_li img{margin-left:5px;} .pychtl_top_div .search_con .con.fir .con_fir_li.td1{width:80px;} .pychtl_top_div .search_con .con.fir .con_fir_li.td2{width:140px;} .pychtl_top_div .search_con .con.fir .con_fir_li.td3{width:110px;} .pychtl_top_div .search_con .con.fir .con_fir_li.td3 select{width:70px; text-align:center; padding-left:15px;} .pychtl_top_div .search_con .con.fir .con_fir_li.td4{width:80px;} .pychtl_top_div .search_con .con.fir .con_fir_li.td5{width:150px;} .pychtl_top_div .search_con .con.fir .con_fir_li.td6{width:80px;} .pychtl_top_div .search_con .con.fir .con_fir_li.td7{width:160px;} .pychtl_top_div .search_con .con.fir .con_fir_li.td7 select{width:160px;padding-left:15px; height:20px;line-height:20px;} .pychtl_top_div .search_con .con.sec{width:100%;text-align:center;float:left;height:60px;padding-top:22px;} .pychtl_top_div .text_box_div{width:888px;margin:auto; font-size:11pt;height:75px;margin-top:-2px; background-color:#aaaaaa; color:#333333; padding-top:18px;} .pychtl_top_div .text_box_div .lt_span{float:left;margin-right:5px; margin-left:20px; font-weight:bold; } .pychtl_top_div .text_box_div .rt_span{float:right; margin-right:20px;} /* 호텔 리스트 */ .pychtl_list_div{width:100%;float:left;background-color:#ffffff;} .pychtl_list_div .contents{width:960px;margin:auto; min-height:200px;} .pychtl_list_div .list_top_div{margin-top:45px; width:100%; margin-bottom:63px; height:50px;} .pychtl_list_div .list_mid_div{min-height:200px; float:left;} .pychtl_list_div .list_mid_div .list_item{float:left; margin-bottom:90px;} .pychtl_list_div .img_div{width:320px;float:left;height:200px;padding-right:75px;position:relative;} .pychtl_list_div .img_div img{width:245px;height:200px;} .pychtl_list_div .img_div .img_num{width:22px;height:22px;text-align:center;line-height:22px;background-color:#F2A602;color:#ffffff;position:absolute; top:0; left:0;} .pychtl_list_div .img_div .prev_btn img{width:25px; height:35px;position:absolute; top:40%; left:0px; cursor:pointer;} .pychtl_list_div .img_div .next_btn img{width:25px; height:35px;position:absolute; top:40%; left:220px; cursor:pointer;} .pychtl_list_div .txt_div{float:left; width:637px; background-color:Green;} .pychtl_list_div .txt_div ul{float:left; width:637px; height:30px; } .pychtl_list_div .txt_div .txt_top{font-weight:bold; height:87px; background-color:#ffffff;} .pychtl_list_div .txt_div .txt_top .tit{font-size:19pt; font-weight:bold;} .pychtl_list_div .txt_div .txt_top .sub{font-size:15pt; padding-bottom:27px;} .pychtl_list_div .txt_div .txt_mid{font-size:12pt; color:#535353; background-color:#ffffff;height:60px;padding-bottom:20px;} .pychtl_list_div .txt_div .txt_mid .hom a{color:blue;} .pychtl_list_div .txt_div .txt_bot{background-color:#ffffff;} .pychtl_list_div .txt_div .txt_bot li{color:#ffffff;height:53px;line-height:53px; font-size:20pt;float:left;} .pychtl_list_div .txt_div .txt_bot li.price{background-color:#0b9dd6; text-align:center;width:352px;} .pychtl_list_div .txt_div .txt_bot a{float:left;} .pychtl_list_div .txt_div .txt_bot a li{color:#ffffff;height:53px;line-height:53px; font-size:20pt;} .pychtl_list_div .txt_div .txt_bot a li.rev{background-color:#014575;text-align:center;width:263px; margin-left:5px;} /* 호텔 상세보기 */ .pychtl_info_div{float:left;width:100%;background-color:#ffffff; padding-bottom:70px;} .pychtl_info_div .contents{ float:left; padding-left:40px; padding-top:33px; width: 960px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; min-height: 350px; background-color:#ededed;} .pychtl_info_div .detail_tit{font-size:15pt; font-weight:bold; width:100%;float:left;} .pychtl_info_div .detail_con{padding-top:33px;width:867px;float:left; } .pychtl_info_div .detail_con ul{width:100%;float:left;} .pychtl_info_div .detail_con ul.tit_ul{background-color:#7d7d7d;color:#ffffff;font-weight:bold;height:35px;} .pychtl_info_div .detail_con li{width:100px;float:left;text-align:center;height:35px;padding-top:5px;} .pychtl_info_div .detail_con li img{margin-left:5px;} .pychtl_info_div .detail_con ul li.td1{width:417px;} .pychtl_info_div .detail_con ul li.td2{width:225px;} .pychtl_info_div .detail_con ul li.td3{width:223px;} .pychtl_info_div .detail_con ul.con_ul li{border-bottom:1px solid #ededed; background-color:#ffffff;} .pychtl_info_div .detail_bot {width:100%;height:150px; float:left;padding-top:30px;} /* 예약하기 팝업 */ /* .pychtl_list_div .rev_pop{width:460px;height:400px;padding:7px; float:left; color:#000000; background:url(/images/popup/pop_round_top1.gif) no-repeat 0 0; background-color:#0086D7; display:none; z-index:999;} */ .pychtl_list_div .rev_pop{width:560px;height:500px;padding:7px; float:left; /*border:7px solid #0086D7;*/ color:#000000; background:url(/images/popup/pop_round_top1.gif) no-repeat 0 0; background-color:#0086D7; display:none; z-index:999;} .pychtl_list_div .rev_pop .pop_inner{width:100%;height:100%;background-color:#ffffff;padding:30px;} .pychtl_list_div .rev_pop .pop_inner .pop_tit{font-size:18pt; font-weight:bold;} .pychtl_list_div .rev_pop .pop_inner .pop_con{font-size:15pt; margin-top:20px; line-height:1.6em;} .pychtl_list_div .rev_pop .pop_inner .pop_con ul{width:100%;float:left;} .pychtl_list_div .rev_pop .pop_inner .pop_con #spanRevNote {padding: 10px 15px; margin-bottom:20px; font-size: 12pt; display: block; background-color:#d1e9f9; color:#061d5e; } .pychtl_list_div .rev_pop .pop_inner .pop_con li{float:left;width:100%; overflow:hidden;} /* .pychtl_list_div .rev_pop .pop_inner .pop_con li{float:left;width:380px; overflow:hidden;} */ .pychtl_list_div .rev_pop .pop_inner .pop_btn{font-size:15pt; margin-top:40px;width:100%;float:left;} .pychtl_list_div .rev_pop .pop_inner .pop_btn ul{width:160px;text-align:center;margin:auto;} .pychtl_list_div .rev_pop .pop_inner .pop_btn li{width:80px;float:left;} /******************* pycHotelReservationInfo.aspx *****************************/ .pychtl_rev_div .sp_red{color:#ff0000; font-weight:bold;} .pychtl_rev_div .sp_blue{color:#1a8fd4; font-weight:bold; font-size:18pt;} .pychtl_rev_div{width:100%;min-height:400px;float:left;} .pychtl_rev_div .content{width:960px; margin:auto; min-height:400px;background-color:#ffffff;} .pychtl_rev_div .content .rev_top_div{width:100%;float:left;padding-top:85px;padding-bottom:0px; background-color:#ffffff;} .pychtl_rev_div .content .rev_mid_div {width:100%; float:left;min-height:400px;background-color:#ffffff;} .pychtl_rev_div .content .rev_mid_div .mid_con_box{width:100%; min-height:200px;margin-top:60px;float:left;} .pychtl_rev_div .content .rev_mid_div .mid_con_box .box_tit{font-size:18pt; font-weight:bold; width:100%;height:55px; float:left;padding-bottom:25px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box #divFareInfo { text-align:right; padding-right:50px; line-height:55px; color:#fff; background-color:#255795; } /*예약 호텔 정보*/ .pychtl_rev_div .content .rev_mid_div .mid_con_box.box1{height:165px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box1 .box_con ul li{height:40px; line-height:40px; float:left; text-align:center;border-top:1px solid #ffffff;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box1 .box_con ul li.lt{float:left;width:150px; background-color:#6f7375;font-size:15pt; color:#ffffff;border-right:1px solid #ffffff;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box1 .box_con ul li.rt{float:left;width:810px; background-color:#e9e8e8;color:#000000; font-size:15pt;text-align:left; padding-left:30px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box5{height:100px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box5 .box_con ul{width:100%;float:left;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box5 .box_con li{float:left;width:100%;height:40px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box5 .box_con li span{float:left;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box5 .box_con li input{height:30px;line-height:30px; width:130px;float:left;padding-left:10px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box5 .box_con li select{height:30px;line-height:30px; width:130px;float:left;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box5 .box_con li .sp1{width:60px;float:left;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box5 .box_con li .sp2{width:160px;float:left;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box5 .box_con li .sp3{width:60px;float:left;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box5 .box_con li .sp4{width:388px;float:left;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box5 .box_con li .sp4 input{width:100px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box5 .box_con li .sp4 select{width:100px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box5 .box_con li .sp5{width:60px;float:left;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box5 .box_con li .sp6{width:230px;float:left;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box5 .box_con li .sp6 input{width:230px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box11{height:100px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box11 ul{text-align:center;width:560px; margin:auto;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box11 ul li{text-align:center;width:273px;float:left;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box11 ul li.btn_pay{height:53px; background-color:#0b9dd6; color:#ffffff;line-height:53px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box11 ul li.btn_cnx{height:53px; background-color:#6e6e6e; color:#ffffff;line-height:53px;margin-left:10px;} /*약관 동의 관련*/ .pychtl_rev_div .content .rev_mid_div .mid_con_box .box_con .term_box{height:100px;width:100%;float:left;border:1px solid gray; padding:10px; overflow:scroll; font-size:10pt;} .pychtl_rev_div .content .rev_mid_div .mid_con_box .box_con .agree_text{margin-top:10px;float:left;margin-top:10px;width:100%;} .pychtl_rev_div .content .rev_mid_div .mid_con_box .box_con .agree_text .text_span{float:left;} .pychtl_rev_div .content .rev_mid_div .mid_con_box .box_con .agree_text .radio_span{float:right; width:245px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box .box_con .agree_text .radio_span input{margin-left:30px; } .pychtl_rev_div .content .rev_mid_div .mid_con_box .box_con .agree_text .radio_span label{padding-left:10px; } .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con .term_box{background-color:#f4f4f4; font-size:14pt; color:#606060;padding:15px 30px 15px 30px;height:120px;float:left;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con .term_box #ADD_PRICE_INFO_BOX { height:90px; overflow:hidden; } .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con .term_box .sp_wide{width:100%;float:left;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.tit{background-color:#3191c3; color:#ffffff; font-weight:bold; font-size:14pt;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.tit li{background-color:#3191c3;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con .room{width:100%;float:left;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul {width:100%; float:left;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.fir{font-weight:bold; margin-top:40px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.fir li{float:left; height:40px; line-height:40px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.fir li select{width:70px;margin-left:10px; } .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.fir li.num{width:150px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.fir li.mem{width:300px; height:40px; line-height:40px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.fir li.mem span{float:left;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.fir li.mem .sp2{margin-top:10px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.fir li.meal{width:300px; display:none;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.fir li.meal span{float:left;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.fir li.meal .sp4{margin-top:10px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.tit{margin-top:15px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.tit li{float:left; width:192px; text-align:center;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.info{} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.info input[type="text"]{padding-left:10px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.info li{float:left; width:192px; background-color:#f4f4f4; padding:5px 0 5px 0; text-align:center;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.info li.li5 {padding-left:40px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.info li.li5 span{float:left; width:30px; height:30px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.info li.li5 span.sp_label{margin-top:3px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.info li.li5 input{border:none;margin-left:10px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box6 .box_con ul.info li.li5 label{margin-left:5px; cursor:pointer;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box7 .box_con ul{width:100%;float:left;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box7 .box_con ul li{float:left; width:192px; height:40px; line-height:40px; text-align:center; background-color:#f4f4f4; border-bottom:1px solid #ffffff;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box7 .box_con ul.tit{} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box7 .box_con ul.tit li{background-color:#255795; color:#ffffff; font-weight:bold; height:30px; line-height:30px; font-size:14pt; border-bottom:none;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box7 .box_con ul.sum li{width:100%; text-align:right; font-weight:bold;padding-right:59px; border-bottom:none;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box8 .box_con textarea{width:100%; height:200px; border:none; border:1px solid #d2d2d2;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box9 .box_con .border_box{border:1px solid black;float:left; width:100%; height:100%; margin-bottom:10px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box9 .box_con .border_box .data_table2 th{background-color:#F8F8F8; height:50px;border-bottom:1px solid #d2d2d2; width:200px; padding-left:40px; text-align:left;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box9 .box_con .border_box .data_table2 td{height:50px;border-bottom:1px solid #d2d2d2; padding-right:50px; text-align:right;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box10 .box_con{width:100%;height:53px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box10 .box_con ul{width:552px; margin:auto;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box10 .box_con ul a{float:left; width:273px; height:53px; line-height:53px; font-size:20pt;color:#ffffff; text-align:center;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box10 .box_con ul a.btn1{} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box10 .box_con ul a.btn2{margin-left:4px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box10 .box_con ul a.btn1 li.btn_pay{background-color:#0b9dd6;} .pychtl_rev_div .content .rev_mid_div .mid_con_box.box10 .box_con ul a.btn2 li.btn_cnx{background-color:#6e6e6e;} .pychtl_rev_div .content .rev_mid_div .mid_con_box .pyc_all_agree {text-align:center;margin:25px 0 0;font-size:22px;color:#333} .pychtl_rev_div .content .rev_mid_div .mid_con_box .pyc_all_agree label {margin-right:10px;} .pychtl_rev_div .content .rev_mid_div .mid_con_box .pyc_cgroup [type="checkbox"] {display:none} .pychtl_rev_div .content .rev_mid_div .mid_con_box .pyc_cgroup [type="checkbox"] + label {cursor:pointer;display:inline-block;width:32px;height:32px;background-image:url(/images/dssion/img/bg_chk_web.jpg);background-position:0 0;background-repeat:no-repeat} .pychtl_rev_div .content .rev_mid_div .mid_con_box .pyc_cgroup [type="checkbox"]:checked + label {background-position:-32px 0} .pychtl_rev_div .content .rev_mid_div .mid_con_box .pyc_cgroup input, .pyc_cgroup em, .pyc_cgroup label {vertical-align:middle} /****************** pycHotelREservationInfoFinish ********************************/ .pychtl_wrap_div .pychtl_fns_div{} .pychtl_wrap_div .pychtl_fns_div .sp_red{color:#ff0000; font-weight:bold;} .pychtl_wrap_div .pychtl_fns_div .sp_blue{color:#1a8fd4; font-weight:bold; font-size:18pt;} .pychtl_wrap_div .pychtl_fns_div .content{width:750px; margin:auto;} .pychtl_wrap_div .pychtl_fns_div .content .fns_top_div{} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div{width:750px;float:left;padding-left:25px; padding-right:25px;} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box{width:100%; float:left;min-height:100px;margin-top:55px;} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box1{margin-top:65px;} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box .box_tit{font-size:18pt;font-weight:bold;padding-bottom:30px;} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box .box_con{background-color:#ffffff;} /*예약 호텔 정보*/ .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box1{} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box1 .box_con ul li{height:30px; float:left; text-align:center;border-top:1px solid #ffffff;} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box1 .box_con ul li.lt{float:left;width:175px; background-color:#6f7375;font-size:15pt; color:#ffffff;border-right:1px solid #ffffff; text-align:left; padding-left:65px;} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box1 .box_con ul li.rt{float:left;width:523px; background-color:#e9e8e8;color:#000000; font-size:15pt;text-align:left; padding-left:30px;} /* 예약자 정보 */ .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box2{} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box2 .box_con ul li{height:30px; float:left; text-align:center;border-top:1px solid #ffffff;} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box2 .box_con ul li.lt{float:left;width:175px; background-color:#6f7375;font-size:15pt; color:#ffffff;border-right:1px solid #ffffff; text-align:left; padding-left:65px;} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box2 .box_con ul li.rt{float:left;width:523px; background-color:#e9e8e8;color:#000000; font-size:15pt;text-align:left; padding-left:30px;} /* 투숙객 정보 */ .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box3{} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box3 .room{margin-top:55px; float:left; width:100%;} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box3 ul{float:left; width:100%; text-align:center;border-bottom:1px solid #ffffff;} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box3 li{float:left; text-align:center;width:116px; height:30px; line-height:30px;background-color:#f4f4f4; } .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box3 .box_con ul.fir{width:100%;} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box3 .box_con ul.fir li{ background-color:#ffffff;} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box3 .box_con ul.fir .mem{line-height:30px; } .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box3 .box_con ul.fir .meal{line-height:30px; display:none;} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box3 .box_con ul.tit{background-color:#3191c3; color:#ffffff; font-weight:bold; font-size:14pt;} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box3 .box_con ul.tit li{background-color:#3191c3;} /* 결제 금액 */ .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box4{ margin-top:70px;} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box4 ul{float:left; width:100%; text-align:center;border-bottom:1px solid #ffffff;} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box4 li{float:left; text-align:center;width:139px; height:30px; line-height:30px;background-color:#f4f4f4; } .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box4 .box_con ul.tit{background-color:#255795; color:#ffffff; font-weight:bold; font-size:14pt;} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box4 .box_con ul.tit li{background-color:#255795;} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box4 .box_con ul li.li5{width:142px;} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box4 .box_con ul li.li_sum{width:100%;text-align:right;font-weight:bold;padding-right:33px;} /* 문의 사항 */ .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box5 .box_con{background-color:#ffffff;} /* 호텔 예약 문의 */ .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box6 {height:100px;} .pychtl_wrap_div .pychtl_fns_div .content .fns_mid_div .mid_con_box.box6 .box_con{border:1px solid #3191C3; font-size:15pt; height:83px;width:700px; text-align:center; line-height:83px; background-color:#f8fdff; } /**************** PycHotelLogin.aspx ****************************/ .pychtl_wrap_div .pychtl_log_div{width:960px; margin:auto; margin-top:190px; height:365px;margin-bottom:180px; } .pychtl_log_div .input_div{ background-color:#f4f4f4; width:100%; height:265px; float:left;} .pychtl_log_div .input_div input[type=text]{padding-left:10px;} .pychtl_log_div .input_div .input_inner_div{width:460px;margin:auto; margin-top:50px;height:100px;padding-top:12px;} .pychtl_log_div .input_inner_div ul{float:left; height:55px;} .pychtl_log_div .input_inner_div ul li{float:left; height:40px;} .pychtl_log_div .input_inner_div ul li input{height:30px; width:300px;} .pychtl_log_div .input_inner_div ul .lt_li{width:150px;text-align:right; padding-right:20px; float:left;} .pychtl_log_div .input_inner_div ul .rt_li{} /* 버튼 */ .pychtl_log_div .btn_div{ width:100%; height:98px; text-align:center; float:left;} .pychtl_log_div .btn_div .btn_type1{width:273px;background-color:#0b9dd6; margin:auto; margin-top:45px; height:53px; padding-top:10px; padding-bottom:10px;} .pychtl_log_div .btn_div .btn_span.revchk{font-size:20pt; color:#ffffff;} /**************** PycHotelReservationView.aspx **********************/ .pychtl_wrap_div .pychtl_hwk_div{} .pychtl_wrap_div .pychtl_hwk_div .sp_red{color:#ff0000; font-weight:bold;} .pychtl_wrap_div .pychtl_hwk_div .sp_blue{color:#1a8fd4; font-weight:bold; font-size:18pt;} .pychtl_wrap_div .pychtl_hwk_div .content{width:750px; margin:auto;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div{width:750px;float:left;padding-left:25px; padding-right:25px;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box{width:100%; float:left;min-height:100px;margin-top:55px;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box1{margin-top:65px;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box .box_tit{font-size:18pt;font-weight:bold;padding-bottom:30px;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box .box_con{background-color:#ffffff;} /*예약 호텔 정보*/ .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box1{} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box1 .sp_text{float:right;margin-top:5px;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box1 .box_con ul li{height:30px; float:left; text-align:center;border-top:1px solid #ffffff;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box1 .box_con ul li.lt{float:left;width:175px; background-color:#6f7375;font-size:15pt; color:#ffffff;border-right:1px solid #ffffff; text-align:left; padding-left:65px;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box1 .box_con ul li.rt{float:left;width:523px; background-color:#e9e8e8;color:#000000; font-size:15pt;text-align:left; padding-left:30px;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box1 .box_con ul li span.rev{color:#ff0000; font-weight:bold;} /* 예약자 정보 */ .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box2{} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box2 .box_con ul li{height:30px; float:left; text-align:center;border-top:1px solid #ffffff;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box2 .box_con ul li.lt{float:left;width:175px; background-color:#6f7375;font-size:15pt; color:#ffffff;border-right:1px solid #ffffff; text-align:left; padding-left:65px;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box2 .box_con ul li.rt{float:left;width:523px; background-color:#e9e8e8;color:#000000; font-size:15pt;text-align:left; padding-left:30px;} /* 투숙객 정보 */ .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box3{} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box3 .room{margin-top:55px; float:left; width:100%;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box3 .room.num1{margin-top:0px;} /*첫번째 룸은 제외*/ .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box3 ul{float:left; width:100%; text-align:center;border-bottom:1px solid #ffffff;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box3 li{float:left; text-align:center;width:116px; height:30px; line-height:30px;background-color:#f4f4f4; } .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box3 .box_con ul.fir{width:100%;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box3 .box_con ul.fir li{ background-color:#ffffff;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box3 .box_con ul.fir .mem{line-height:30px; width:300px;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box3 .box_con ul.fir .meal{line-height:30px; display:none;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box3 .box_con ul.tit{background-color:#3191c3; color:#ffffff; font-weight:bold; font-size:14pt;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box3 .box_con ul.tit li{background-color:#3191c3;} /* 결제 금액 */ .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box4{ margin-top:70px;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box4 ul{float:left; width:100%; text-align:center;border-bottom:1px solid #ffffff;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box4 li{float:left; text-align:center;width:139px; height:30px; line-height:30px;background-color:#f4f4f4; } .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box4 .box_con ul.tit{background-color:#255795; color:#ffffff; font-weight:bold; font-size:14pt;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box4 .box_con ul.tit li{background-color:#255795;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box4 .box_con ul li.li5{width:142px;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box4 .box_con ul li.li_sum{width:100%;text-align:right;font-weight:bold;padding-right:33px;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box #divFareInfo { text-align:right; padding-right:50px; line-height:55px; color:#fff; background-color:#255795; padding-bottom:0px;} /* 문의 사항 */ .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box5 .box_con{background-color:#ffffff;} /* 호텔 예약 문의 */ .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box6 {height:100px; width:100%; float:left;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box6 .box_con{width:100%;float:left;height:40px;text-align:center;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box6 .box_con ul{width:100%; text-align:center; height:40px;} .pychtl_wrap_div .pychtl_hwk_div .content .hwk_mid_div .mid_con_box.box6 .box_con .btn_cnx{width:200px; text-align:center; color:#ffffff; background-color:#6F7375; height:40px; line-height:40px; margin:auto;} /************************** 평창 호텔 예약 모든 페이지 적용 되는 부분 **********************/ /* 전화번호에 사용 */ select{ color:#666; font-family:"Dotum"; height:1.5em; margin:1px 0 0 0; vertical-align:middle; background: #fff url("/images/mobile/tel_drop.png") no-repeat scroll 100% 50% / auto 10px; background-size:10px; /*border:1px solid #fff;*/ border:1px solid #e2e2e2; border-radius: 0; height: 30px; margin-bottom: 8px; padding: 0px 0px 0px 0px; font-size:16px; font-family:'ng'; color:#000000; -webkit-border-radius:0; -webkit-appearance:none; } select.type_select1{ color:#666; font-family:"Dotum"; height:1.5em; margin:1px 0 0 0; vertical-align:middle; background: #fff url("/images/mobile/tel_drop.png") no-repeat scroll 100% 50% / auto 10px; background-size:10px; /*border:1px solid #fff;*/ border:1px solid #e2e2e2; border-radius: 0; height: 20px; margin-bottom: 8px; padding: 0px 0px 0px 0px; font-size:16px; font-family:'ng'; color:#000000; -webkit-border-radius:0; -webkit-appearance:none; } /* footer */ @media (max-width:639px) { .pyc_footer {width:100%;color:#a1a1a1;font-size:10px;padding:35px 25px 120px 25px;background:url(/images/dssion/img/foot_logo.png) no-repeat left 25px bottom 60px;background-color:#333437;} .pyc_company {color:#fff;font-size:12px;} .pyc_footer .pyc_address span {line-height:2em;margin-right:15px} .pyc_foot_banner {margin-top:38px} .pyc_foot_banner img {width:100%;} .pyc_footer .msg {color:#fff;font-size:12px;margin-bottom:25px;} .pyc_footer .msg .tlogo {width:66px;vertical-align:middle} } @media (min-width:640px) { #footer {background-color:#edf1f3} .pyc_footer {width:100%;background-color:#333437;color:#a1a1a1;font-size:12px;padding:40px 0 40px;} .pyc_footer .pyc_address {width:960px;margin:0 auto;background:url(/images/dssion/img/foot_logo.png) no-repeat right 50px} .pyc_footer .pyc_address span {line-height:2em;margin-right:25px} .pyc_company {color:#bcbcbd;font-size:13px;margin-bottom:3px;display:inline-block;} .pyc_foot_banner {width:960px;height:273px;margin:0 auto 0;background:url(/images/dssion/img/banner_pack.jpg) no-repeat 0 0;color:#fff;text-align:center;} .pyc_foot_banner a {display:inline-block;width:960px;height:273px;} .pyc_footer .msg {width:960px;margin:0 auto;color:#fff;font-size:15px;margin-bottom:18px;} .pyc_footer .msg .tlogo {width:88px;vertical-align:middle;margin-left:5px;} } /* 푸터 #footer{width:100%; background-color:#333437;float:left; font-size:12px;color:#a1a1a1;} #footer .pychtl_footer{width:960px;margin:auto; padding-top:20px; padding-bottom:20px; height:125px;} #footer .pychtl_footer .content{width:100%; float:left;} #footer .pychtl_footer .content .logo{width:170px;float:left;padding-left:20px;padding-top:30px;} #footer .pychtl_footer .content .address{width:700px;float:left;} */ #carfooter{width:100%; background-color:#62C5E2;float:left; font-size:12px;color:#a1a1a1;} #carfooter .pyccar_footer{width:650px;margin:auto; padding-top:20px; padding-bottom:20px; height:55px;} #carfooter .pyccar_footer .content{width:100%; float:left;} #carfooter .pyccar_footer .content .logo{width:170px;float:left;padding-left:20px;padding-top:20px;} #carfooter .pyccar_footer .content .address{width:440px;float:left; color:#fff;}