.BookNowSection{ margin-top:100px; padding:50px 0;} .BookNowSection > div{ width:90%; max-width:900px; margin:auto;} /* 탭구분 */ .BookNowSection > div > div{ width:100%; height:0; overflow:hidden;} .BookNowSection > div > div.active{ height:auto; overflow:inherit; } .BookNowSection > div > div > form > h3{ text-align:center; margin:60px auto;} .BookNowSection > div > div > form > h3 > span{ font-size:30px; position:relative; border-bottom:3px solid #000;} .BookNowSection > div > div > form > div > nav{ display:flex; width:100%; justify-content:center; align-items:center; padding:30px 0;} .BookNowSection > div > div > form > div > nav > a{ border:1px solid #000; background-color:#000; color:#fff; padding:10px 45px; display:inline-block; margin:2px; font-size:22px; font-weight:500;} #booknowstep1 .agreementul > li{ margin:16px 0;} #booknowstep1 .agreementul > li > div{ display:flex; text-justify:space-between; flex-grow:1; align-items:center;} #booknowstep1 .agreementul > li > div > p{ display:flex; flex-grow:1; margin:8px 0;} #booknowstep1 .agreementul > li > div > p > label{ font-size:22px;} #booknowstep1 .agreementul > li > div > p > label[for='agreeall']{ font-weight:bold; margin-left:8px; letter-spacing:2px;} #booknowstep1 .agreementul > li > div > p > input[data-ess='Y'] + label:before{ content:"(필수)"; margin:0 4px; font-weight:bold;} #booknowstep1 .agreementul > li > div > p > input[data-ess='N'] + label:before{ content:"(선택)"; margin:0 4px;} #booknowstep1 .agreementul > li > div > nav{} #booknowstep1 .agreementul > li > div > nav > a{ font-size:18px;} #booknowstep1 .agreementul > li > fieldset{ height:0; padding:0 30px; width:calc(100% - 60px); overflow:hidden; border:0 solid #fff; transition-duration:0.3s;} #booknowstep1 .agreementul > li > fieldset.active{ height:230px; overflow-y:auto; border:1px solid #555; padding:20px 30px;} #booknow_calendar_div{ position:relative; display:inline-block; width:100%; overflow:hidden;} /* #booknow_calendar_div > div{ overflow:hidden;} */ #booknow_calendar_div .calendar_content{ width:calc(100% - 3px); margin:0 1.5px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); margin-bottom:3px; border-radius:0 0 7px 7px; min-height:421px;} #booknow_calendar_div .calendar_header_ul{ display:flex; flex-grow:1; justify-content:center;} #booknow_calendar_div .calendar_header_ul > li{ width:14.28571428571429%; display:inline-block; text-align:center; padding:16px 0; border-bottom:1px solid #eee; float:left;} #booknow_calendar_div .calendar_header_ul > li > span ,#booknow_calendar_div .calendar_header_ul > li > a{ font-size:18px;} #booknow_calendar_div .calendar_content .sat > span ,#booknow_calendar_div .calendar_content .sat > a{ color:#00f;} #booknow_calendar_div .calendar_content .sun > span ,#booknow_calendar_div .calendar_content .sun > a ,#booknow_calendar_div .calendar_content .holi > span ,#booknow_calendar_div .calendar_content .holi > a{ color:#f00;} #booknow_calendar_div .calendar_bodyer_ul{ display:flex; flex-grow:1; justify-content:center; flex-wrap:wrap;} #booknow_calendar_div .calendar_bodyer_ul > li{ width:14.28571428571429%; display:inline-block; margin:7.5px 0; text-align:center; background: repeating-linear-gradient(transparent, transparent calc(50% + 1px), #d1d1d1 calc(50% + 1px), #d1d1d1 calc(50% + 2px), transparent calc(50% + 2px), transparent 100%);position:relative;} #booknow_calendar_div .calendar_bodyer_ul > li > a{ display:block; font-size:18px; width:100%; height:calc(100% - 18px); padding:8px 0; display:inline-block; cursor:default; pointer-events: none; color:#d1d1d1; } #booknow_calendar_div .calendar_bodyer_ul > li.fdatedisabled.sat > a{ color:rgba(0,0,255,0.2);} #booknow_calendar_div .calendar_bodyer_ul > li.fdatedisabled.sun > a, #booknow_calendar_div .calendar_bodyer_ul > li.fdatedisabled.holi > a{ color:rgba(255,0,0,0.2);} #booknow_calendar_div .calendar_bodyer_ul > li.active.sat > a{ color:rgba(0,0,255,1);} #booknow_calendar_div .calendar_bodyer_ul > li.active.sun > a, #booknow_calendar_div .calendar_bodyer_ul > li.active.holi > a{ color:rgba(255,0,0,1);} #booknow_calendar_div .calendar_bodyer_ul > li.active{ background:inherit;} #booknow_calendar_div .calendar_bodyer_ul > li.active > a{ cursor:pointer;pointer-events: auto; float:left; color:#000;} /* #booknow_calendar_div .calendar_bodyer_ul > li.block.disabled ,#booknow_calendar_div .calendar_bodyer_ul > li.fdatedisabled > a ,#booknow_calendar_div .calendar_bodyer_ul > li.ldatedisabled > a{ background-color:#f1f1f1; cursor:default; } */ #booknow_calendar_div .calendar_bodyer_ul > li.disabled ,#booknow_calendar_div .calendar_bodyer_ul > li.fdatedisabled ,#booknow_calendar_div .calendar_bodyer_ul > li.ldatedisabled{ background: repeating-linear-gradient(transparent, transparent calc(50% + 1px), #d1d1d1 calc(50% + 1px), #d1d1d1 calc(50% + 2px), transparent calc(50% + 2px), transparent 100%); cursor:default; } #booknow_calendar_div .calendar_bodyer_ul > li.block{ background:inherit;} #booknow_calendar_div .calendar_bodyer_ul > li.datehover > a{ width:100%; border-top:2px solid #000; border-bottom:2px solid #000; color:#000; font-weight:bolder; padding:6px 0; } #booknow_calendar_div .calendar_bodyer_ul > li.datehover_start > a{ width:calc(100% - 4px); padding-right:2px; border-left:2px solid #000;; border-radius:18.5px 0 0 18.5px;} #booknow_calendar_div .calendar_bodyer_ul > li.datehover_end > a{ width:calc(100% - 4px); padding-left:2px; border-right:2px solid #000;; border-radius:0 18.5px 18.5px 0;} #booknow_calendar_div .calendar_bodyer_ul > li.datehover_end.dateactive_start > a{ width:calc(100% - 4px); padding:6px; padding-right:0; padding-left:2px; border-right:2px solid #000;; border-radius:0 18.5px 18.5px 0;} #booknow_calendar_div .calendar_bodyer_ul > li.datehover_start.dateactive_end > a{ width:calc(100% - 4px); padding:6px; padding-left:0; padding-right:2px; border-left:2px solid #000;; border-radius:18.5px 0 0 18.5px;} #booknow_calendar_div .calendar_bodyer_ul > li.dateactive_start > a{ border-radius:18.5px 0 0 18.5px;} #booknow_calendar_div .calendar_bodyer_ul > li.dateactive_end > a{ border-radius:0 18.5px 18.5px 0;} #booknow_calendar_div .calendar_bodyer_ul > li.dateactive > a{ background-color:rgba(0,0,0,1); color:#fff;} /* #booknow_calendar_div .calendar_bodyer_ul > li[data-price-option='1']{ background-color:#ffffff;} #booknow_calendar_div .calendar_bodyer_ul > li[data-price-option='2']{ background-color:#f9f28b;} #booknow_calendar_div .calendar_bodyer_ul > li[data-price-option='3']{ background-color:#fbceb1;} #booknow_calendar_div .calendar_bodyer_ul > li[data-price-option='4']{ background-color:#8fc3f9;} */ #booknow_calendar_div .calendar_bodyer_ul > li.active[data-price-option='1']{background-color:rgba(255,255,255,0.2);} #booknow_calendar_div .calendar_bodyer_ul > li.active[data-price-option='2']{background-color:rgba(0,76,255,0.2);} /*#booknow_calendar_div .calendar_bodyer_ul > li.active[data-price-option='3']{background-color:rgba(0,255,76,0.2);} #booknow_calendar_div .calendar_bodyer_ul > li.active[data-price-option='4']{background-color:rgba(255,76,0,0.2);}*/ #booknow2ul .booknow_calendar_asideinfo{ display:flex;} #booknow2ul .booknow_calendar_asideinfo > li{ margin-left:15.6px;} #booknow2ul .booknow_calendar_asideinfo > li > span{ display:flex; align-items:center;} #booknow2ul .booknow_calendar_asideinfo > li > span > .icon{ width:14px; height:14px; display:inline-block; margin:0 8px;} #booknow2ul .booknow_calendar_asideinfo > li > span > .text { font-size: 16px; color: #000;} #booknow2ul .booknow_calendar_asideinfo > li > .infodisabledlabel > .icon{ background: repeating-linear-gradient(transparent, transparent calc(50% + 1px), #d1d1d1 calc(50% + 1px), #d1d1d1 calc(50% + 2px), transparent calc(50% + 2px), transparent 100%); width:21.1px;} #booknow2ul .booknow_calendar_asideinfo > li > .infodatesetlabel[data-price-option='1'] > .icon { background-color:rgba(255,255,255,0.2);} #booknow2ul .booknow_calendar_asideinfo > li > .infodatesetlabel[data-price-option='2'] > .icon { background-color:rgba(0,76,255,0.2);} #booknow2ul .booknow_calendar_asideinfo > li > .infodatesetlabel[data-price-option='3'] > .icon { background-color:rgba(0,255,76,0.2);} #booknow2ul .booknow_calendar_asideinfo > li > .infodatesetlabel[data-price-option='4'] > .icon { background-color:rgba(255,76,0,0.2);} #booknow2ul .booknow_calendar_asideinfo > li > .infoselectdatelabel > .icon{ border-radius:18.5px; height:10px; background-color:#000;} #booknow2ul .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ top:39px; width:16px; height:16px; left:1%; display:inline-block; background-size:cover; background-image:url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2032%2032%22%20height%3D%2232px%22%20id%3D%22svg2%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Ainkscape%3D%22http%3A%2F%2Fwww.inkscape.org%2Fnamespaces%2Finkscape%22%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Asodipodi%3D%22http%3A%2F%2Fsodipodi.sourceforge.net%2FDTD%2Fsodipodi-0.dtd%22%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22background%22%3E%0A%3Crect%20fill%3D%22none%22%20height%3D%2232%22%20width%3D%2232%22%2F%3E%3C%2Fg%3E%0A%3Cg%20id%3D%22play_x5F_back%22%3E%3Cpolygon%20points%3D%2222%2C4%2010%2C15.999%2022%2C28%20%20%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E") } #booknow2ul .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ top:39px; width:16px; height:16px; right:64%; display:inline-block; background-size:cover; background-image:url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2032%2032%22%20height%3D%2232px%22%20id%3D%22svg2%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Ainkscape%3D%22http%3A%2F%2Fwww.inkscape.org%2Fnamespaces%2Finkscape%22%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Asodipodi%3D%22http%3A%2F%2Fsodipodi.sourceforge.net%2FDTD%2Fsodipodi-0.dtd%22%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22backbord%22%3E%0A%3Crect%20fill%3D%22none%22%20height%3D%2232%22%20width%3D%2232%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22play%22%3E%0A%3Cpolygon%20points%3D%2210%2C4%2022%2C15.999%2010%2C28%20%20%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } #booknow_calendar_div .calendar_bodyer_ul > li.dateactive.sun > a ,#booknow_calendar_div .calendar_bodyer_ul > li.dateactive.holi > a{ color:#f00; text-shadow:0px 0px 3px #fff;} #booknow_calendar_div .calendar_bodyer_ul > li.dateactive.sat > a{ color:#00f; text-shadow:0px 0px 3px #fff;} #booknowdiv0 > form{ width:100%; display:inline-block; position:relative;} #booknowdiv0 > form > div > div{ width:100%; display:flex; justify-content:center;} #booknowdiv0 > form > div > div > ul{ margin-bottom:80px; display:inline-block;} #booknowdiv0 > form > div > div > ul > li{ font-size:20px; list-style:outside; margin:8px 30px;} #booknowdiv2 > form{ width:100%; display:inline-block; position:relative;} #booknowdiv2 > form > div > ul{ } #booknow2ul{ width:100%; display:inline-block; overflow:hidden;} #booknow2ul > li{ display:flex; padding:20px 0; flex-grow:1; width:100%; border-top:1.5px solid #b4b4b4; } #booknow2ul > li.booknow_oname_li, #booknow2ul > li.booknow_ohp_li, #booknow2ul > li.booknow_oemail_li, #booknow2ul > li.booknow_cert_li2{ border-top:0; padding:5px;} #booknow2ul > li.booknow_fedate_li{ margin-top:50px; padding-top:20px;} #booknow2ul > li > label{ width:123px; padding:10px; align-items:center; font-family: NotoSansKR; font-size: 19px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.74; letter-spacing: -0.1px; color: #000; } #booknow2ul > li > div{ width: calc(100% - 173px); padding:10px; align-items:center; } #booknow2ul > li > div > input[type=text] ,#booknow2ul > li > div > input[type=email] ,#booknow2ul > li > div > input[type=tel] ,#booknow2ul > li > div > input[type=number] ,#booknow2ul > li > div > input[type=password] { border:1px solid #efefef; border-bottom:1px solid #efefef; background-color:#efefef; padding:6px; font-family: NotoSansKR; font-size: 17px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.94; letter-spacing: -0.17px; width:calc(100% - 14px); } #booknow2ul > li > div > textarea { border:1px solid #efefef; border-bottom:1px solid #efefef; background-color:#efefef; padding:6px; font-family: NotoSansKR; font-size: 17px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.94; letter-spacing: -0.17px; width:calc(100% - 14px); } #booknow2ul > li:nth-child(1){ display:list-item; border-top:0; width:100%;} #booknow2ul > li:nth-child(1) > label{ display:none;} #booknow2ul > li:nth-child(1) > div{ width:100%; padding:8px 0;} @font-face { font-family: 'GongGothicMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff'); font-weight: normal; font-style: normal; } #booknow2ul > li > div#totalprice{ } #booknow2ul > li > div#totalprice .price{ font-size:32px; font-family: 'GongGothicMedium';} #booknow2ul > li > div#totalprice .gubun{font-size:14px; font-weight:bold;} #booknow2ul > li.booknow_startdate_li ,#booknow2ul > li.booknow_days_li{ display:none;} #booknow2ul .booknow_calendar_asideinfo{ position:absolute; right:0;} #booknow2ul > li.booknow_pick_bike_li > div > div > ul{ display:flex; flex-wrap:wrap; flex-grow:1;} #booknow2ul > li.booknow_pick_bike_li > div > div > ul > li{ margin:15px; flex-grow:1;} #booknow2ul > li.booknow_pick_bike_li > div > div > ul > li > label{ display:flex; flex-direction: column; min-width:200px; padding:10px; padding-top:130px; background-size:200px auto; background-repeat:no-repeat; background-position:center 20px; text-align:center; border:1.5px solid transparent; border-radius:11px; flex-grow:1; min-width:280px;} /* #booknow2ul > li.booknow_pick_bike_li > div > div > ul > li > label > span{ display:inline-block; padding:3px 8px; border-radius:16px; border:1px solid #000;} */ #booknow2ul > li.booknow_pick_bike_li > div > div > ul > li > label > span{ display:inline-block; padding:3px 8px; font-family: NotoSansKR; font-size: 17px; font-weight: 500; color: #787878; } #booknow2ul > li.booknow_pick_bike_li > div > div > ul > li > label > span.pick_bike_extra{ font-size:15px; color:#004cff;} #booknow2ul > li.booknow_pick_bike_li label[data-model='R 18 STANDARD']{ background-image:url(https://file.k-friends.kr/img/20230419/052348_5.png);} #booknow2ul > li.booknow_pick_bike_li label[data-model='R 18 CLASSIC']{ background-image:url(https://file.k-friends.kr/img/20230419/052348_4.png);} #booknow2ul > li.booknow_pick_bike_li label[data-model='R 18 BAGGER']{ background-image:url(https://file.k-friends.kr/img/20230419/052348_3.png);} #booknow2ul > li.booknow_pick_bike_li label[data-model='R 18 TRANSCONTINENTAL']{ background-image:url(https://file.k-friends.kr/img/20230419/052348_2.png);} #booknow2ul > li.booknow_pick_bike_li label[data-model='G 310 GS']{ background-image:url(https://file.k-friends.kr/img/20230330/105036_0.png);} #booknow2ul > li.booknow_pick_bike_li label[data-model='750 GS']{ background-image:url(https://file.k-friends.kr/img/20230330/104845_0.png);} #booknow2ul > li.booknow_pick_bike_li label[data-model='850 GS']{ background-image:url(https://file.k-friends.kr/img/20230330/104945_0.png);} #booknow2ul > li.booknow_pick_bike_li label[data-model='R 1250 GS']{ background-image:url(https://file.k-friends.kr/img/20230330/105141_0.png);} #booknow2ul > li.booknow_pick_bike_li label[data-model='R 1250 GS ADV']{ background-image:url(https://file.k-friends.kr/img/20230330/105141_1.png);} #booknow2ul > li.booknow_pick_bike_li > div > div > ul > li > input[type='radio']{ display:none;} #booknow2ul > li.booknow_pick_bike_li > div > div > ul > li > input[type='radio']:checked + label{ position:relative; border:1.5px solid #000; } #booknow2ul > li.booknow_pick_bike_li > div > div > ul > li > input[type='radio']:checked + label > span{ color:#000;} #booknow2ul > li.booknow_cert_li{ border-top:1px solid #b4b4b4; margin-top:20px; padding-top:30px;} #booknow2ul > li.booknow_cert_li2 > div{ width:100%;} #booknow2ul > li.booknow_cert_li2 > div > ul > li{ list-style:circle; margin:7.5px 24px; font-family: NotoSansKR; font-size: 19px; line-height: 1.47; text-align: left; color: #000; } #booknow2ul > li.booknow_cert_li > div > div{ display:flex; align-items:center; margin:0 12px;} #booknow2ul > li.booknow_cert_li > div > div > div{ margin:0 12px;} #booknow2ul > li.booknow_cert_li > div > div > div > a{ display:inline-block; margin-right:20px; padding:8px 20px; } #booknow2ul > li.booknow_cert_li > div > div > div > a.certbtn{ background-color:#000;} #booknow2ul > li.booknow_cert_li > div > div > div > a.certsamplebtn{ background-color:#F93;} #booknow2ul > li.booknow_cert_li > div > div > div > a > .linktext{ font-size:16px; font-weight:bold; color:#fff;} #booknow2ul > .booknow_cert_li > label{ width:247px;} #booknow2ul > .booknow_cert_li > label > nav{ width:100%; margin:19px 0;} #booknow2ul > .booknow_cert_li > label > nav > a{ display:inline-block; padding: 7px 35px; border-radius: 3px; background-color: #b4b4b4; font-family: NotoSansKR; font-size: 19px; line-height: 1.47; color: #fff; } #booknow2ul > .booknow_cert_li > label > nav > a:hover{ background-color:#000;} #booknow2ul > .booknow_cert_li > div{ width:auto;} #booknow2ul > .booknow_cert_li > div > .img > ul{ display:flex;} #booknow2ul > .booknow_cert_li > div > .img > ul > li{ margin:5px;} #booknow2ul > .booknow_cert_li > div > .img > ul > li > a{ width:136px; height:194px; border:1px solid #b4b4b4; position:relative; display:inline-block;} #booknow2ul > .booknow_cert_li > div > .img > ul > li > a > img{ max-width:100%; float:left;} /*#cert_preview_img{ position:relative; display:inline-block; width:136px; height:194px; object-fit:cover;}*/ #cert_preview_img:after{ content:"샘플이미지"; position:absolute; width:100%; bottom:0; left:0; height:17px; display:flex; justify-content:center; align-items:center; text-align:center; font-size:8px; font-weight:100; color:#fff; background-color:#5d5d5d;} #booknow2ul > .booknow_cert_li > div > .img > ul > li > a.cert_uploadbtn{ display:flex; justify-content:center; align-items:center; background-color:#f1f1f1; overflow:hidden;} #booknow2ul > .booknow_cert_li > div > .img > ul > li > a.cert_uploadbtn > .text{ font-family: NotoSansKR; font-size: 12px; letter-spacing: -0.3px; color: #b4b4b4; position:absolute; } #booknow2ul > .booknow_cert_li > div > .img > ul > li > a.cert_uploadbtn > .img{ position:relative;} #booknow2ul > .booknow_cert_li > div > .img > ul > li > a.cert_uploadbtn > .img img{ max-width:100%; max-height:100%; object-fit:cover;} #booknow2ul > li:last-child{ border-bottom:1px solid #ddd;} #booknowdiv2 .calendar_list_div > .calendar_title{ border-bottom:10px solid #000;} #booknowdiv2 .calendar_list_div > .calendar_title > h3{ width:37%; background-color:#000; color:#fff; border-radius:5px 5px 0 0; text-align:center; padding-top:8.5px;} #booknowdiv2 .calendar_list_div > .calendar_title > h3 > span{ font-size:20px;} #booknowdiv2 .booknow_price_gubun_li > div > ul{ display:flex;} #booknowdiv2 .booknow_price_gubun_li > div > ul > li{ margin-right:20px;} #booknowdiv2 .booknow_price_gubun_li > div > ul > li > label{ font-family: NotoSansKR; font-size: 19px; line-height: 1.74; color: #000; } #booknowdiv2 .booknow_price_gubun_li > div > ul > li > input[name='price_gubun']:checked + label{ font-weight:500;} #booknow2ul .booknow_roomprice_option_li > div > div > ul > li{ display:none;} #booknow2ul .booknow_priceopt_option_li > div > div > ul > li{ display:none;} #booknow2ul[data-cost-gubun='KRW'] .booknow_roomprice_option_li > div > div > ul > li[data-price-gubun='KRW']{ display:list-item;} #booknow2ul[data-cost-gubun='USD'] .booknow_roomprice_option_li > div > div > ul > li[data-price-gubun='USD']{ display:list-item;} #booknow2ul[data-cost-gubun='EUR'] .booknow_roomprice_option_li > div > div > ul > li[data-price-gubun='EUR']{ display:list-item;} #booknow2ul[data-cost-gubun='JPY'] .booknow_roomprice_option_li > div > div > ul > li[data-price-gubun='JPY']{ display:list-item;} #booknow2ul[data-cost-gubun='KRW'] .booknow_priceopt_option_li > div > div > ul > li[data-price-gubun='KRW']{ display:list-item;} #booknow2ul[data-cost-gubun='USD'] .booknow_priceopt_option_li > div > div > ul > li[data-price-gubun='USD']{ display:list-item;} #booknow2ul[data-cost-gubun='EUR'] .booknow_priceopt_option_li > div > div > ul > li[data-price-gubun='EUR']{ display:list-item;} #booknow2ul[data-cost-gubun='JPY'] .booknow_priceopt_option_li > div > div > ul > li[data-price-gubun='JPY']{ display:list-item;} #booknow2ul .booknow_priceopt_option_li > div > div > ul > li.SingleRoom{ opacity:0.3;} #booknow2ul .booknow_priceopt_option_li > div > div > ul > li.SingleRoom > .package_priceopt_name{ pointer-events: none;} #booknowdiv2 .booknow_roomprice_option_li > div > div > ul{ display:flex; flex-wrap:wrap;} #booknowdiv2 .booknow_roomprice_option_li > div > div > ul > li{ margin-right:20px;} #booknowdiv2 .booknow_roomprice_option_li > div > div > ul > li > label{ font-family: NotoSansKR; font-size: 19px; line-height: 1.74; color: #000; } #booknowdiv2 .booknow_roomprice_option_li > div > div > ul > li > label > .pricespan{ display:block; margin-left:28px; font-family: NotoSansKR; font-size: 17px; font-weight: 500; line-height: 1.76; color: #787878; } #booknowdiv2 .booknow_priceopt_option_li > div > div > ul{ display:flex; flex-wrap:wrap;} #booknowdiv2 .booknow_priceopt_option_li > div > div > ul > li{ margin-right:20px;} #booknowdiv2 .booknow_priceopt_option_li > div > div > ul > li > label{ font-family: NotoSansKR; font-size: 19px; line-height: 1.74; color: #000; } #booknowdiv2 .booknow_priceopt_option_li > div > div > ul > li > label > .pricespan{ display:block; margin-left:28px; font-family: NotoSansKR; font-size: 17px; font-weight: 500; line-height: 1.76; color: #787878; } #booknowdiv2 > form > div > #booknow2ul > li > div > #booknow_startdate_and_enddate{ border:1px solid #efefef; border-bottom:1px solid #efefef; background-color:#efefef; padding:6px; font-size: 17px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.94; letter-spacing: -0.17px; width:calc(100% - 14px); display:none; } #booknowdiv2 > form[data-days-select='2'] > div > #booknow2ul > li.booknow_calendar_li{ display:none;} #booknowdiv2 > form[data-days-select='2'] > div > #booknow2ul > li > div > #booknow_startdate_and_enddate{ display:inline-block;} #booknowdiv2 > form[data-days-select='2'] > div > #booknow2ul > li > div > #booknow_fedate{ display:none;} .BookNowSection > div > div > form > div > nav > a.prevbtn{ background-color:#b4b4b4; border:1px solid #b4b4b4;} /* .booknow_roomprice_option_li .pricespan > span{ display:none;} .booknow_priceopt_option_li .pricespan > span{ display:none;} #booknow2ul[data-cost-days='1'] .booknow_roomprice_option_li .pricespan > span[data-dayoption='1']{ display:inline-block;} #booknow2ul[data-cost-days='2'] .booknow_roomprice_option_li .pricespan > span[data-dayoption='2']{ display:inline-block;} #booknow2ul[data-cost-days='3'] .booknow_roomprice_option_li .pricespan > span[data-dayoption='3']{ display:inline-block;} #booknow2ul[data-cost-days='4'] .booknow_roomprice_option_li .pricespan > span[data-dayoption='4']{ display:inline-block;} #booknow2ul[data-cost-days='1'] .booknow_priceopt_option_li .pricespan > span[data-dayoption='1']{ display:inline-block;} #booknow2ul[data-cost-days='2'] .booknow_priceopt_option_li .pricespan > span[data-dayoption='2']{ display:inline-block;} #booknow2ul[data-cost-days='3'] .booknow_priceopt_option_li .pricespan > span[data-dayoption='3']{ display:inline-block;} #booknow2ul[data-cost-days='4'] .booknow_priceopt_option_li .pricespan > span[data-dayoption='4']{ display:inline-block;} */ #booknowdiv3 > form{ width:100%; display:inline-block; position:relative;} #booknowdiv3 > form > div > div{ width:100%; display:flex; justify-content:center; } #booknowdiv3 > form > div > div > ul{ margin-bottom:30px; display:inline-block;} #booknowdiv3 > form > div > div > ul > li{ font-size:20px; list-style:outside; margin:8px 30px;} #booknowdiv3 > form > div > ul > li{display:flex; padding:20px 0; flex-grow:1; width:100%; border-top:1.5px solid #b4b4b4; } #booknowdiv3 > form > div > ul > li > label{ width:143px; padding:10px; align-items:center; font-family: NotoSansKR; font-size: 19px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.74; letter-spacing: -0.1px; color: #000; } #booknowdiv3 > form > div > ul > li > div{ width: calc(100% - 193px); padding:10px; align-items:center; } #booknowdiv3 > form > div > ul > li > div > select{ border:1px solid #efefef; border-bottom:1px solid #efefef; background-color:#efefef; padding:6px; font-family: NotoSansKR; font-size: 17px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.94; letter-spacing: -0.17px; } #booknowdiv3 > form > div > ul > li > div > input[type=text] ,#booknowdiv3 > form > div > ul > li > div > input[type=email] ,#booknowdiv3 > form > div > ul > li > div > input[type=tel] ,#booknowdiv3 > form > div > ul > li > div > input[type=number] ,#booknowdiv3 > form > div > ul > li > div > input[type=password] { border:1px solid #efefef; border-bottom:1px solid #efefef; background-color:#efefef; padding:6px; font-family: NotoSansKR; font-size: 17px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.94; letter-spacing: -0.17px; width:calc(100% - 14px); } #booknowdiv4{ width:100%; } #booknowdiv4 > form > div{ background-color:#d5d5d5; width:100%; display:inline-block; } #booknowdiv4 > form > div > div{ width:calc(100% - 100px); margin:50px; background-color:#fff; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.16);} #booknowstep4 > div > div > h3{ text-align:center; padding-top:40px; padding-bottom:30px; margin:0 17px;} #booknowstep4 > div > div > h3 > span{ background-image:url(https://file.k-friends.kr/img/20230524/043952_0.png); width:241.8px; height:43.4px; display:inline-block; font-size:0;} #booknowstep4 > div > div > div > ul{ margin:0 17px;} #booknowstep4 > div > div > div > ul.booknowcheck > li{ border-top:1.5px solid rgba(180,180,180,0.33); padding:23px 0; display:flex;} #booknowstep4 > div > div > div > ul.booknowcheck > li > label{ padding:0 17px; width:161px; font-family: NotoSansKR; font-size: 20px; font-weight: 500; line-height: 1.65; color: #787878; } #booknowstep4 > div > div > div > ul.booknowcheck > li > div { font-family: NotoSansKR; font-size: 20px; font-weight: 500; line-height: 1.65; color: #000; } #booknowstep4 > div > div > div > ul.booknowcheck > li.booknowcheck_ogubun_li, #booknowstep4 > div > div > div > ul.booknowcheck > li.booknowcheck_oname_li, #booknowstep4 > div > div > div > ul.booknowcheck > li.booknowcheck_ohp_li, #booknowstep4 > div > div > div > ul.booknowcheck > li.booknowcheck_email_li{ padding:5px 0; border-top:0;} #booknowstep4 > div > div > div > ul.booknowcheck > li.booknowcheck_ogubun_li{ padding-top:30px; border-top:1.5px solid #b4b4b4;} #booknowstep4 > div > div > div > ul.booknowcheck > li.booknowcheck_email_li{ padding-bottom:30px;} #booknowstep4 > div > div > div > div.booknowcheckgubunbar{ width:100%; height:40px; display:inline-block; position:relative; background-position:center center; background-repeat:repeat-x; background-image:url(https://file.k-friends.kr/img/20230524/053729_0.png); } #booknowstep4 > div > div > div > div.booknowcheckgubunbar:before{ content:""; width:40px; height:40px; left:-18px; top:0; position:absolute; background-image:url(https://file.k-friends.kr/img/20230524/055509_1.png);} #booknowstep4 > div > div > div > div.booknowcheckgubunbar:after{ content:""; width:40px; height:40px; right:-17px; top:0; position:absolute; background-image:url(https://file.k-friends.kr/img/20230524/055509_0.png);} #booknowstep4 > div > div > div > ul.booknowcheckprice > li{ padding:23px 0; display:flex; align-items:center; justify-content:space-between; width:100%;} #booknowstep4 > div > div > div > ul.booknowcheckprice > li > label{ font-family: NotoSansKR; font-size: 28px; font-weight: bold; line-height: 1.18; color: #2d2b2b; padding:0 17px; } #booknowstep4 > div > div > div > ul.booknowcheckprice > li > div{ font-family: NotoSansKR; font-size: 28px; font-weight: bold; line-height: 1.18; color: #2d2b2b; padding:0 17px; } #booknowstep4 > div > div > div > nav.booknowchecknav{ width:calc(100% - 34px); display:flex; margin:0 17px; margin-top:20px; padding-bottom:8px; border-top:1.5px solid #b4b4b4;} #booknowstep4 > div > div > div > nav.booknowchecknav > a{ font-family: NotoSansKR; font-size: 22px; font-weight: 500; color: #000; flex-grow:1; display:flex; justify-content:center; text-align:center; padding:21px; } #booknowstep4 > div > div > div > nav.booknowchecknav > a.prevbtn{ opacity:0.3;} #booknowstep4 > div > div > div > nav.booknowchecknav > a.nextbtn{ border-left:1px solid #b4b4b4;} #booknowstep0 > div > aside > ul{ display:flex; justify-content:space-around; flex-wrap:wrap;} #booknowstep0 > div > aside > ul > li{ width:175px; display:flex; position:relative; justify-content:center; margin-bottom:80px;} #booknowstep0 > div > aside > ul > li > .text > h4 { font-family: NotoSansKR; font-size: 104px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.75; letter-spacing: -2.6px; text-align: center; color: #000; position:relative; display:flex; justify-content:center; margin-bottom:60px; } #booknowstep0 > div > aside > ul > li > .text > h4:after{ content:""; position:absolute; background-image:url(https://file.k-friends.kr/img/20230711/075334_0.png); width:175px; height:89px; display:inline-block; left:calc(50% - 88px); bottom:0;} #booknowstep0 > div > aside > ul > li > .text > p{ display:flex; justify-content:center;} #booknowstep0 > div > aside > ul > li > .img{ position:absolute; top:135px; z-index:1; width:100%; text-align:center;} .menual{ width:calc(100% - 120px); margin:auto; margin-bottom:60px;} .menual > thead > tr > th{ background-color:#4e4e4e; color:#fff; padding:8px 0; font-family: NotoSansKR; font-size: 20px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.75; letter-spacing: -0.7px; color: #fff; text-align:center; } .menual > tbody > tr > td{ vertical-align:top; font-family: NotoSansKR; font-size: 17px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -0.12px; color: #000; padding:10px; } .menual > tbody > tr > td:first-child{ border-right:3px solid #fff; text-align:center; min-width:55px;} .menual > tbody > tr:nth-child(odd) > td{ background-color:#ececec; border-top:3px solid #fff;} .announcement > ul > li{ margin:4px 0; margin-left:10px; position:relative; color:#f00; font-size:14px;} /*.announcement > ul > li:before{ content:"*"; position:absolute; left:-10px; top:4px;}*/