@charset "UTF-8";

.qu_kakao{position: fixed; right: 15px; bottom: 15px; z-index: 11;}
.qu_kakao a{border-radius: 10px; overflow: hidden; display: block;}
.qu_kakao a img{width: 50px;}

.mob_member{margin: 0px 15px 15px 15px;}
.mob_member .mem_top{margin: 10px 0px;}
.mob_member .mem_top h2{font-size: 20px; color: #3c3738; margin-bottom: 4px; position: relative;}
.mob_member .mem_top h2 b{color: #333;}
.mob_member .mem_top h2 a{position: absolute; right: 0; color: #666; font-size: 14px; top: 2px;}
.mob_member .mem_top h2 a span{font-family: 'SUIT-Regular'; font-size: 14px; color: #666;}
.mob_member .mem_top2{margin: 10px 0;}
.mob_member .mem_top2 h2{font-size: 20px; color: #3c3738; margin-bottom: 4px; position: relative;}
.mob_member .mem_top2 h2 span{background: #4cc883; border-radius: 5px; padding: 6px 8px; font-size: 14px; color: #fff; font-weight: bold; position: absolute; right: 0;}
.mob_member .mem_top h3{color: #666; font-size: 14px;}
.mob_member ul{display: flex; gap: 0px 2%;}
.mob_member ul li{width: 100%;  text-align: center; }
.mob_member ul li a{padding: 15px 0; display: block; border-radius: 5px; border: 1px solid #e2e2e2; color: #3c3738; font-size: 16px; font-weight: 500;}

.mem_btn{display: flex; gap: 0px 12px; align-items: center; margin-right: 30px;}
.mem_btn a{font-size: 1.4rem; white-space: nowrap;}
.mem_btn span{color: #b4b4b4; font-size: 1.4rem; margin-top: 2px;}
.head_tel{ clip-path: polygon(0 0, 100% 0%, 100% 100%, 22% 100%); background: #17b75e; height: 100%; width: 262px; display: flex; align-items: center; justify-content: center;}
.head_tel h3{color: #fff; text-align: center;}

.visual{margin-top: 90px; background: #fff6df; padding-top: 100px;}
.visual .width{display: flex; align-items: center; justify-content: space-between;}
.visual .width .img{width: 62%; position: relative; right: -45px; z-index: 1;}
.visual .width .img img{width: 100%;}
.visual .text h3{font-size: 2.6rem; font-weight: 600; color: var(--color2); margin-bottom: 12px;}
.visual .text h2{font-size: 6.0rem; font-weight: 700; color: #333; margin-bottom: 50px;}
.visual .text h2 b{color: var(--color2);}
.main_form{background: #fff; padding: 25px 20px; position: relative; z-index: 3;}
.main_form .point{position: absolute; top: 20%; right: -80%; z-index: 2; width: 80%;}
.main_form .point img{width: 100%;}
.main_form .day_wrap{display: flex; justify-content: space-between; gap: 20px 4%; margin-bottom: 25px;}
.main_form .day_wrap .day{width: 50%;}
.main_form .day_wrap .day h4{font-size: 1.6rem; color: #a9a9a9; margin-bottom: 15px;}
.main_form .day_wrap .day a{border-bottom: 1px solid #c9c9c9; padding: 8px 0; font-size: 2.2rem; color: #333; width: 100%; display: block; position: relative; font-weight: bold; margin-top: 10px;}
.main_form .day_wrap .day a:after{content: ''; background: url("../img/arrow.png"); width: 11px; height: 6px; background-repeat: no-repeat; position: absolute; right: 0; top: 46%;}
.main_form .radio_wrap{display: flex; justify-content: space-between; margin-bottom: 25px;}
.main_form .radio_wrap label{display: flex; align-items: center; color: #333; font-size: 1.7rem;}
input[type="radio"] {-webkit-appearance: none; /* 브라우저 기본 스타일 제거 */-moz-appearance: none;appearance: none;width: 15px;height: 15px;border: 1px solid var(--color);border-radius: 50%; /* 모서리를 살짝 둥글게 */display: inline-block;vertical-align: middle;margin-right: 5px;position: relative;}
input[type="radio"]:checked::after {content: '●'; /* 체크 표시 */color: var(--color); /* 체크 표시 색상 */font-size: 12px; /* 체크 표시 크기 */position: absolute;top: 52%;left: 49%;transform: translate(-50%, -50%); /* 가운데 정렬 */}
/* 선택된 라디오 버튼의 스타일 */
input[type="radio"]:checked { border: 1px solid var(--color); color: var(--color);}
.main_form .select_wrap{position: relative;}
.main_form .select_wrap select{height:45px; border:none; color: #333; background: #fff; width: 100%;  appearance: none; -webkit-appearance: none;-moz-appearance: none; position: relative; border-bottom: 1px solid #c9c9c9;}
.main_form .select_wrap::after { content:''; position: absolute;top: 50%;right: 0px;transform: translateY(-50%);pointer-events: none; background-image: url("../img/arrow.png"); width: 16px; height: 16px; background-repeat: no-repeat;}
select:focus {outline: none;}
.main_form button{width: 100%; height: 55px; margin-top: 30px; font-size: 2.0rem; font-weight: 500; color: #fff; background: var(--color); border:none;}

#calpopup1 h2{background: #000; width: 100%; padding: 13px 0; font-size: 2.3rem; font-weight: 500; color: #fff; text-align: center;}
#calpopup1 .pop-inner{background: #fff;}
#calpopup1 form{padding: 25px 30px;}
#calpopup1 .cal_wrap{display: flex; justify-content: space-between; gap: 30px 5%; padding: 20px 20px 0 20px;}
#calpopup1 .cal_wrap .box{width: 50%;}
#calpopup1 .cal_wrap .box h3{text-align: center; font-size: 1.9rem; font-weight: 500; color: #333; margin-bottom: 15px;}
#calpopup1 .cal_wrap .cal_choose{background: #e9e9e9; padding: 6px; display: flex; align-items: center; justify-content: space-between;}
#calpopup1 .cal_wrap .cal_choose h4{font-size: 2.0rem; font-weight: 500; color: #333;}
#calpopup1 .cal_wrap table{width: 100%; background: #fafafa;}
#calpopup1 .cal_wrap tr{padding: 6px 0px;}
#calpopup1 .cal_wrap th{font-size: 1.8rem; color: #333; width: 50px; height: 50px;}
#calpopup1 .cal_wrap td{width: 50px; height: 50px;}
#calpopup1 .cal_wrap td a{color: #262626; font-size: 1.8rem;  display: flex; align-items: center; justify-content: center; position: relative; border-radius: 50%; width: 35px; height: 35px; margin: 0 auto;}
#calpopup1 .cal_wrap td a.last{color: #dbdbdb;}
#calpopup1 .cal_wrap td a.active {background: var(--color); color: #fff;}
#calpopup1 .select_wrap{position: relative; margin-top: 15px; border: 1px solid #999;}
#calpopup1 .select_wrap select{height:50px; border:none; color: #262626; background: #fff; width: 100%;  appearance: none; -webkit-appearance: none;-moz-appearance: none; position: relative; padding: 0px 15px; font-size: 2.2rem;}
#calpopup1 .select_wrap::after { content:''; position: absolute;top: 54%;right: 15px;transform: translateY(-50%);pointer-events: none; background-image: url("../img/arrow2.png"); width: 17px; height: 9px; background-repeat: no-repeat;}
#calpopup1 button{width: 280px; height: 58px; background: var(--color); border-radius: 7px; color: #fff; font-size: 2.0rem; font-weight: 600; border: none; display: block; margin: 25px auto 20px auto;}

.title{color: #333; font-size: 3.0rem; font-weight: bold; display: flex; align-items: center; gap: 0px 20px;}
.m1{background: #f8fcf8;}
.m1 .box_wrap{margin-top: 22px; display: flex; gap: 22px 1.3%; flex-wrap: wrap;}
.m1 .box{width: 24%; background: #fff; border-radius: 7px; overflow: hidden;}
.m1 .box .img{position: relative;}
.m1 .box .img img{width: 100%;}
.m1 .box .img span{position: absolute; top: 11px; left: 8px; font-size: 1.6rem; font-weight: 600; color: #fff; background: var(--color); border-radius: 4px; padding: 3px 6px;}
.m1 .box .text{border-top: 1px solid #eaeaea; padding: 20px;}
.m1 .box .text h2{font-size: 2.0rem; font-weight: 800; margin-bottom: 8px;}
.m1 .box .text p{font-size: 1.6rem; color: #666; font-weight: 500; letter-spacing: -0.06em; margin-bottom: 12px;}
.m1 .box .text a{border: 2px solid #78b694; border-radius: 7px; height: 50px; display: block; text-align: center; line-height: 50px; font-size: 1.6rem; font-weight: 600; color: var(--color); transition: 0.3s all;}
.m1 .box .text a:hover{background: var(--color); color: #fff;}

.m2{position: relative;}
.m2 .top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 35px;}
.m2 .top a{font-size: 1.8rem; font-weight: 600; color: #666; border-bottom: 1px solid #949494;}
.m2 .m2prev{position: absolute; top: 45%; left: -50px; cursor: pointer;}
.m2 .m2next{position: absolute; top: 45%; right: -50px; cursor: pointer;}

.m3{background: url("../img/bg1.png") no-repeat; background-position: center; background-size: cover; padding: 190px 0 140px 0; background-attachment: fixed;}
.m3 h2{color: #fff; font-size: 4.8rem; font-weight: 800; line-height: 130%; margin-bottom: 45px;}
.m3 a{width: 280px; height: 60px; border-radius: 40px; background: var(--color); text-align: center; line-height: 60px; font-size: 2.2rem; font-weight: bold; display: block; color: #fff; transition: 0.3s all;}
.m3 a:hover{background: #fff; color: var(--color);}

.ft_service{border-bottom: 1px solid #f0f0f0; padding: 25px 0; border-top:  1px solid #f0f0f0;}
.ft_service .width{display: flex; gap: 0px 4%;}
.ft_service a{font-size: 1.5rem; font-weight: 500;color: #999; }
#ft{background: #fff;}
#ft .footer{display: flex; justify-content: space-between; }
#ft .footer .info li{font-size: 1.5rem; color: #bbb; line-height: 140%;}
#ft .footer .info a{font-size: 1.5rem; color: #bbb; line-height: 140%;}
#ft .footer .info ul{display: flex; align-items: center; gap: 0px 8px;}
#ft .footer .info ul span{font-size: 1.5rem; color: #bbb; line-height: 140%;}
#ft .footer .info p{margin-top: 35px; font-size: 1.5rem; color: #bbb;}
#ft .footer .center{text-align: left; display: flex; flex-direction: column; gap: 30px 0;}
#ft .footer .center dt{font-size: 1.5rem; font-weight: bold; color: #bbb; margin-bottom: 5px;}
#ft .footer .center dd{font-size: 2.5rem;}
#ft .footer .center dd a{font-size: 3.2rem; font-weight: bold;}

.p1{padding: 60px 0px 120px 0;}

.top_search{margin-bottom: 70px; padding: 22px; background: #f3f3f3;}
.top_search form{display: flex; gap: 0px 2%;}
.top_search button{min-width: 145px; height: 55px; background: var(--color); display: flex; align-items: center; gap: 0px 10px; color: #fff; font-size: 2.0rem; font-weight: 500; justify-content: center; border: none;}
.top_search .name{display: flex; align-items: center; max-width: 400px; height: 55px; width: 100%;}
.top_search .name h2{white-space: nowrap; margin-right: 20px; color: #a2a2a2;}
.top_search .name input{width: 100%; border: 1px solid #e5e5e5; height: 100%; padding-left: 10px;}
.top_search .day_wrap{ border: 1px solid #e5e5e5; height: 55px; display: flex; justify-content: space-around; align-items: center; width: 100%; background: #fff;}
.top_search .day_wrap .box{display: flex; align-items: center;}
.top_search .day_wrap .box h2{color: #a2a2a2; min-width: 115px;}
.top_search .day_wrap .box a{display: flex; align-items: center;}
.top_search .day_wrap .box a img{margin-right: 15px;}
.top_search .day_wrap .box a pre{color: #333; font-size: 1.8rem;}

.all_num{margin-bottom: 30px; display: flex; gap: 0px 15px; align-items: center;}
.all_num p{font-size: 1.8rem; color: #a2a2a2;}
.all_num p span{color: var(--color);}

.p1 .tabs{display: flex;gap: 15px 1%; margin-bottom: 50px;}
.p1 .tabs li{font-size: 1.8rem; color: #777; padding-bottom: 10px; border-bottom: 3px solid #fff; padding: 0px 22px 10px 22px; display: block; cursor: pointer; font-weight: 600;}
.p1 .tabs li.current{border-bottom: 3px solid var(--color); color: var(--color); font-weight: 600;}
.tab-content{display: none;}
.tab-content.current{display: block;}
.tab-content .box_wrap{display: flex; flex-wrap: wrap; gap: 45px 1.3%;}
.tab-content .box{width: 24%; border: 1px solid #ebebeb; border-radius: 7px; overflow: hidden; transition: 0.3s all;}
.tab-content .box:hover{border: 1px solid #666;}
.tab-content .box .img{position: relative; display: block;}
.tab-content .box .img img{width: 100%;}
.tab-content .box .sold{display: none;}
.tab-content .box .text{padding: 20px; border-top: 1px solid #ebebeb;}
.tab-content .box .text h2 a{font-size: 2.0rem; font-weight: bold; display: block; margin-bottom: 10px;}
.tab-content .box .text p{font-size: 1.5rem; font-weight: 500; color: #999; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical; line-height: 145%; min-height: 43px;}
.tab-content .box .text h5{color: #999; font-weight: 500;}
.tab-content .box .text h6{margin-top: 15px;text-align: right; font-size: 2.0rem; font-weight: 800; display: flex; justify-content: space-between; align-items: center;}
.tab-content .box .text h6 a{padding: 10px 40px; background: #222; border-radius: 5px; font-weight: 500; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.6rem;}
.tab-content .box .text h6 a.tel_contact{background: var(--color);}
.tab-content .box .text h6 .it_price{margin-top: 5px;text-align: right; font-size: 2.0rem; font-weight: 800; display: flex; justify-content: space-between; align-items: center;}
.tab-content .box .text h6 .it_discount{font-size: 2.3rem;color:#ff0000;font-weight:bold;}
.tab-content .soldout .img:after{content: ''; width: 100%; height: 100%; background: rgba(255,255,255,0.6); position: absolute; top: 0; left: 0; z-index: 4;}
.tab-content .soldout .sold{display: block; position: absolute; top: 10px; left: 10px; padding: 4px 10px; background: #000; border-radius: 4px; font-weight: 600; color: #fff; z-index: 5;}

.detail{margin-top: 50px;}
.detail .width{display: flex; gap: 30px 2%; align-items: flex-start;}
.detail .left{width: 100%; max-width: 1013px;}
.detail .left .top{border: 1px solid #e4e4e4; display: flex; align-items: center; margin-bottom: 20px;}
.detail .left .top h2{width: 130px; min-width: 130px; background: var(--color); height: 70px; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; color: #fff; font-weight: 500; cursor: pointer;}
.detail .left .top .box{display: flex; align-items: center; justify-content: space-around; width: 100%;}
.detail .left .top .day{width: 20%;}
.detail .left .top .day p{font-size: 1.4rem; color: #a2a2a2; margin-bottom: 5px;}
.detail .left .top .day pre{font-size: 2.2rem;}
.detail .left .top .day h3{font-size: 2.2rem;}
.detail .left .top span{color: #ccc;  font-family: 'SUIT-ExtraLight'; font-size: 2.0rem; margin-top: 19px;}
.detail .car_img{display: flex; gap: 0px 2%; border: 1px solid #e4e4e4; align-items: center;}
.detail .car_img .img{width: 45%; padding: 15px; max-width: 515px;}
.detail .car_img .img img{width: 100%;}
.detail .car_img .text{width: 50%; }
.detail .car_img .imgSwiper2{border: 1px solid #e2e2e2; margin-bottom: 10px;}
.detail .car_img .imgSwiper{padding: 0px 2px;}
.detail .car_img .imgSwiper .swiper-slide{border: 1px solid #e2e2e2; }
.detail .car_img .text h2{font-size: 3.2rem; font-weight: 600; margin-bottom: 10px;}
.detail .car_img .info{max-width: 420px; width: 100%; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5;}
.detail .car_img .text dl{display: flex; align-items: center; border-bottom: 1px solid #e5e5e5;}
.detail .car_img .text dt{width: 110px; min-width: 110px; background: #f1f1f1; text-align: center; height: 42px; line-height: 42px; color: #494949;}
.detail .car_img .text dd{padding-left: 3%;}
.detail .car_img .text p{margin-top: 18px; font-size: 1.5rem; color: #a4a4a4;}
.detail .car1{margin-top: 50px;}
.detail .dtxt{font-size: 2.4rem; font-weight: 600; color: #333;}
.detail .car1 p{margin-top: 15px; color: #666; line-height: 140%;}
.detail .car2{margin-top: 50px;}
.detail .car2 ul{margin-top: 22px; display: flex; gap: 8px 1%; flex-wrap: wrap;}
.detail .car2 ul li{padding: 16px 30px; border: 1px solid #0f0f0f; font-size: 1.8rem; color: #333; font-weight: 600;}
.detail .car3{margin-top: 50px;}
.detail .car3 .dtxt{margin-bottom: 25px;}
.detail .car3 .dtxt span{font-size: 1.5rem; color: #666; margin-left: 10px;}
.detail .car3 .input{display: flex; gap: 8px 0; margin-top: 12px;}
.detail .car3 .input label{width: 110px; min-width: 110px; font-size: 1.8rem; margin-top: 9px;}
.detail .car3 .input label span{color: #b60d0d;}
.detail .car3 .input input{width: 100%; border: 1px solid #e4e4e4; padding-left: 10px; height: 42px;}
.detail .car3 .input textarea{ border: 1px solid #e4e4e4; padding: 10px; height: 75px; resize: none; width: 100%;}
.detail .car4{margin-top: 50px;}
.detail .car4 .box_wrap{margin-top: 20px; display: flex; gap: 10px 1%; justify-content: space-between;}
.detail .car4 input[type=radio]{display: none;}
.detail .car4 input[type=radio] + label{width: 33%; background: #f5f6f6; border-radius: 10px; border: 1px solid #f5f6f6; padding: 38px 5px 28px 25px; cursor: pointer;}
.detail .car4 input[type=radio] + label .on{display: none;}
.detail .car4 input[type=radio] + label h2{font-size: 2.0rem; font-weight: bold; margin: 30px 0 10px 0;}
.detail .car4 input[type=radio] + label p{line-height: 130%; font-weight: 300;}
.detail .car4 input[type=radio]:checked + label{border: 1px solid var(--color);}
.detail .car4 input[type=radio]:checked + label .off{display: none;}
.detail .car4 input[type=radio]:checked + label .on{display: block;}
.detail .car4 ul{margin: 27px 0 23px 0; display: flex; gap: 6px 0; flex-direction: column;}
.detail .car4 ul li{color: #666; font-weight: 300;}
.detail .car4 .agree input[type="checkbox"]{appearance: none;width: 20px;height: 20px;border: 1px solid #b60d0d;border-radius: 50%;outline: none;cursor: pointer;position: relative;margin-right: 10px;}
.detail .car4 .agree input[type="checkbox"]:checked {background-color: #b60d0d;border-color: #b60d0d;color: #fff;}
.detail .car4 .agree input[type="checkbox"]::after {content: '✓';color: #b60d0d;font-size: 14px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);line-height: 1; /* 필요에 따라 추가 */}
.detail .car4 .agree input[type="checkbox"]:checked::after{color: #fff;}
.detail .car4 .agree{color: #b60d0d; font-weight: bold;}
.detail .swiper-button-next, .detail  .swiper-button-prev{color: #999; width: 14px;}
.detail .swiper-slide{display: flex; align-items: center; justify-content: center; height: initial;}

.acco{margin-top: 20px; }
.acco .collapsible { cursor: pointer; padding: 0px 25px; width: 100%; border: none; text-align: left; outline: none; font-size: 1.8rem; background: none; font-weight: 500; background: #f5f6f6; border-radius: 6px; height: 60px; display: flex; align-items: center; justify-content: space-between; margin-top: 10px;}
.acco .content { padding: 0; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;  background: rgba(255,255,255,0.15);}
.acco .collapsible:after {content: '';display: inline-block;width: 28px;height: 28px;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"><path d="M23.3334 9.33329L14.0001 18.6666L4.66675 9.33329" stroke="%23999999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-size: contain;background-repeat: no-repeat;margin-left: 5px;float: right;}
.acco .active:after {content: '';display: inline-block;width: 22px;height: 12px;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="12" viewBox="0 0 22 12" fill="none"><path d="M1.66659 10.6666L10.9999 1.33325L20.3333 10.6666" stroke="%23999999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-size: contain;background-repeat: no-repeat;margin-left: 5px;float: right; }
.acco .content .tbox{padding: 17px 25px;}
.acco .content .tbox p{ font-size: 1.7rem; line-height: 145%; color: #666;}

.car_info{margin-top: 65px;}

.detail .right{ max-width: 280px; min-width: 280px; border: 1px solid #e4e4e4; padding: 20px 15px; position: sticky; top: 100px;}
.detail .right .payment1{margin-bottom: 30px;}
.detail .right .payment1 h2{font-weight: 600; color: #333; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; margin-bottom: 15px;}
.detail .right .payment1 dl{display: flex; justify-content: space-between; margin-top: 12px;}
.detail .right .payment1 dt{color: #666;}
.detail .right .payment1 dd{color: #666;}
.detail .right .payment2 h2{font-weight: 600; color: #333; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; margin-bottom: 14px;}
.detail .right .payment2 .radio{display: flex; justify-content: space-between;}
.detail .right .payment2 .radio label{display: flex; align-items: center; }
.detail .right .payment2 .radio label input[type="radio"] {-webkit-appearance: none; /* 브라우저 기본 스타일 제거 */-moz-appearance: none;appearance: none;width: 18px;height: 18px;border: 1px solid #d0d0d0;border-radius: 50%; /* 모서리를 살짝 둥글게 */display: inline-block;vertical-align: middle;margin-right: 5px;position: relative; background: #eee;}
.detail .right .payment2 .radio label input[type="radio"]::after {content: '✓'; /* 체크 표시 */color: white; /* 체크 표시 색상 */font-size: 14px; /* 체크 표시 크기 */position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); /* 가운데 정렬 */line-height: 1; /* 체크 모양이 정렬될 때 필요한 값 */}
/* 선택된 라디오 버튼의 스타일 */
.detail .right .payment2 .radio label input[type="radio"]:checked {background-color: #777; border: 1px solid #777;}
.detail .right .payment2 .radio label span{color: #dedede;}
.detail .right .payment2 .radio label input[type="radio"]:checked + span{color: #686868;}
.detail .right .payment2 .name{margin-top: 20px; margin-bottom: 25px;}
.detail .right .payment2 .name p{color: #686868; font-size: 1.5rem; line-height: 145%;}
.detail .right .payment2 .name input{width: 100%; height: 38px; border: 1px solid #e5e5e5; margin-top: 4px;}
.detail .right .payment2 .depositbox{border: 1px solid #e5e5e5;}
.detail .right .payment2 .depositbox p{padding:10px;border-bottom: 1px solid #e5e5e5; font-size: 1.4rem;}
.detail .right .payment2 .depositbox p:last-child{border-bottom:none;}
.detail .right .all_agree{padding-bottom: 25px; border-bottom: 1px solid #e4e4e4;}
.detail .right .payment2 .depositbox p span{color:#ff0000;font-weight:bold;}
.detail .right .all_agree label input[type="checkbox"]{appearance: none;width: 20px;height: 20px;border: 1px solid #ddd;border-radius: 3px;outline: none;cursor: pointer;position: relative;margin-right: 7px;}
.detail .right .all_agree label input[type="checkbox"]:checked {background-color: var(--color);border-color: var(--color);}
.detail .right .all_agree label input[type="checkbox"]:checked::after {content: '✓';color: white;font-size: 14px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);line-height: 1; /* 필요에 따라 추가 */}
.detail .right .all_agree label{display: flex; align-items: center; font-size: 1.4rem; color: #686868; margin-top: 10px;}
.detail .right .all_agree label a{color: #686868; font-size: 1.4rem; border-bottom: 1px solid #686868; margin-left: 10px;}
.detail .right .all_agree label img{margin-right: 5px;}
.detail .right h6{display: flex; justify-content: space-between; align-items:center; margin-top: 20px; font-weight: 600; margin-bottom: 20px;}
.detail .right h6 b{font-size: 2.4rem; font-weight: bold;}
.detail .right button{width: 100%; height: 50px; background: var(--color); border: none; font-size: 1.8rem; font-weight: 600; color: #fff; border-radius: 4px;}

.p2 h2{font-size: 2.2rem; font-weight: 600; margin-bottom: 23px;}
.p2 table{width: 100%; border-top: 1px solid #131313; border-left: 1px solid #e1e1e1;}
.p2 table th{background: #f5f5f5; font-size: 1.8rem; font-weight: 500; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 15px 0;}
.p2 table td{border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 15px 0; text-align: center; color: #666;}
.p2 table td.cancel{color: #e42e2a;}
.p2 table td a{color: #666; line-height: 130%;}
.p2 table td a b{color: #444;font-weight: 500;}

.reservation .width{display: flex; gap: 25px 3%;}
.reservation .left{width: 70%; display: flex; flex-direction: column; gap: 30px 0;}
.reservation .box{border-top: 1px solid #131313; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.reservation .box h2{font-size: 1.8rem; font-weight: 600; background: #f5f5f5; padding: 15px 20px; border-bottom: 1px solid #e1e1e1;}
.reservation .box .info{padding: 25px 20px; display: flex; flex-direction: column; gap: 18px 0;}
.reservation .box .info dl{display: flex; align-items: center;}
.reservation .box .info dt{font-weight: 600; min-width: 100px;}
.reservation .box .info dd{font-weight: 400; color: #666;}
.reservation .right{width: 30%;}
.reservation .right .info dl{justify-content: space-between;}
.reservation .right h3{border-top: 1px solid #e1e1e1; background: #f5f5f5; display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; font-size: 1.8rem; font-weight: 600;}
.reservation .right h3 b{font-weight: bold; font-size: 2.4rem;}
.reservation .right button{margin-top: 25px; width: 100%; height: 53px; background: #ed3124; font-size: 1.8rem; font-weight: 600; color: #fff; border: none;}

.p3 h2{font-size: 2.8rem; font-weight: 600; position: relative; padding-left: 15px; margin-bottom: 50px;}
.p3 h2:before{content: ''; width: 4px; height: 28px; position: absolute; left: 0; background: var(--color); top: 4px;}
.p3 .box:nth-of-type(1){margin-top: 0px;}
.p3 .box{display: flex; align-items: center; gap: 25px 4%; margin-top: 130px;}
.p3 .img{width: 50%;}
.p3 .img img{width: 100%;}
.p3 .box .text{width: 45%;}
.p3 .box .text h3{font-size: 8.0rem;  font-family: "Outfit", serif; font-weight: 100; color: var(--color); margin-bottom: 20px;}
.p3 .box .text h4{font-size: 2.8rem; font-weight: 600; margin-bottom: 25px;}
.p3 .box .text p{color: #666; line-height: 150%;}
.p3 table{width: 100%; border-left: 1px solid #e8e8e8;}
.p3 table th{background: #4b5e54; padding: 10px 0; color: #fff; font-size: 1.8rem; font-weight: 600;}
.p3 table td{text-align: center; padding: 10px 0; font-weight: 500; font-size: 1.8rem; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;}
.p3 .scroll{margin-top: 60px;}
.p3 ul{margin-top: 40px; display: flex; flex-direction: column; gap: 5px 0;}
.p3 ul li{font-size: 1.8rem; font-weight: 300;}

#faq_sch{display: none;}
#ctt{max-width: 1024px; margin: 70px auto; border: 1px solid #e1e1e1; width: 92%;}

#popup2 .pop-inner{background: #fff; border-radius: 10px; padding: 20px; max-width: 520px;}
#popup2 .pop-inner h2{font-size: 2.0rem; font-weight: bold; margin-bottom: 10px;}
#popup2 .pop-inner p{font-size: 1.6rem; color: #555; line-height: 160%;}
#popup2 .pop-close{color: #666;}


.dropdown-container { position:relative; width:100%; max-width:300px; }
.dropdown-header { display:flex; justify-content:space-between; align-items:center; padding:10px 15px; background:white; border:1px solid #e5e5e5; cursor:pointer; border-radius:4px; }
.dropdown-arrow { border:solid #666; border-width:0 2px 2px 0; display:inline-block; padding:3px; transform:rotate(45deg); transition:transform 0.3s; }
.dropdown-header.active .dropdown-arrow { transform:rotate(-135deg); }
.dropdown-options { position:absolute; top:100%; left:0; right:0; background:white; border:1px solid #e5e5e5; box-shadow:0 4px 8px rgba(0,0,0,0.1); opacity:0; visibility:hidden; transform:translateY(-10px); transition:opacity 0.3s,visibility 0.3s,transform 0.3s; z-index:1000; border-radius:0 0 4px 4px; max-height:0; overflow:hidden; }
.dropdown-options.show { opacity:1; visibility:visible; transform:translateY(0); max-height:300px; overflow-y:auto;}
.dropdown-option { padding:10px 15px; cursor:pointer; opacity:0; transform:translateY(-5px); transition:opacity 0.2s,transform 0.2s; transition-delay:0s; }
.dropdown-options.show .dropdown-option { opacity:1; transform:translateY(0); }
.dropdown-options.show .dropdown-option:nth-child(1) { transition-delay:0.05s; }
.dropdown-options.show .dropdown-option:nth-child(2) { transition-delay:0.1s; }
.dropdown-options.show .dropdown-option:nth-child(3) { transition-delay:0.15s; }
.dropdown-options.show .dropdown-option:nth-child(4) { transition-delay:0.2s; }
.dropdown-options.show .dropdown-option:nth-child(5) { transition-delay:0.25s; }
.dropdown-options.show .dropdown-option:nth-child(6) { transition-delay:0.3s; }
.dropdown-options.show .dropdown-option:nth-child(7) { transition-delay:0.35s; }
.dropdown-option:hover { background-color:#f0f0f0; }
.payment-panel { border:1px solid #ff0000; padding:10px; width:100%; max-width:300px; }
.payment-title { border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:15px; font-weight:bold; }
.payment-option { padding:8px 0; color:#0066cc; cursor:pointer; }
.payment-option.selected { font-weight:bold; }
.vat_alert{display:none;padding:10px 10px;color:#ff0000;}

#prevAddressBtn {background-color: #fff;border: 1px solid #00b300;color: #00b300;padding: 8px 15px;border-radius: 5px;cursor: pointer;font-size: 14px;transition: all 0.3s ease;float: right;}
#prevAddressBtn:hover {background-color: #00b300;color: #fff;}
.form-group { margin-bottom:15px; }
.form-group label { display:block; margin-bottom:5px; font-weight:bold; }
.form-control { width:100%; padding:8px; border:1px solid #ddd; border-radius:4px; box-sizing:border-box; }
.required:after { content:" *"; color:red; }
/* 팝업 스타일 */
.popup-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1000; justify-content:center; align-items:center; }
.popup { background-color:white; padding:20px; border-radius:5px; width:80%; max-width:500px; max-height:80vh; overflow-y:auto; }
.popup-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #eee; }
.close-popup { background:none; border:none; font-size:1.5rem; cursor:pointer; }
.address-list { list-style-type:none; padding:0; margin:0; }
.address-item { padding:10px; border-bottom:1px solid #eee; cursor:pointer; }
.address-item:hover { background-color:#f5f5f5; }

@media all and (max-width: 1400px){
    .top_search .day_wrap .box h2{min-width: 60px; font-size: 1.4rem;}
    .top_search .day_wrap .box a img{margin-right: 5px; width: 13px;}
    .top_search .day_wrap .box a pre{font-size: 1.6rem;}
    .detail .car_img .text{padding: 20px 0;}
    .detail .left .top h2{width: 95px; font-size: 1.6rem; min-width: 95px;}
    .detail .left .top .day pre{font-size: 1.8rem;}
    .detail .left .top .day h3{font-size: 1.8rem;}
    .tab-content .box .text p{min-height: 39px;}
}
@media all and (max-width: 1200px){
    .visual .text h3{font-size: 2.0rem; margin-bottom: 8px;}
    .visual .text h2{font-size: 4.5rem; margin-bottom: 30px;}
    .visual .text{width: 38%;}
    .main_form .point{width: 65%; right: -65%;}
    .top_search .name{max-width: 300px;}
}
@media all and (max-width: 1024px){
    .mobile_btn{display: flex; align-items: center;}
    .visual{margin-top: 60px; padding-top: 70px; padding-bottom: 50px;}
    .mobile_open{width: 40px; text-align: right;}
    .visual .width{flex-direction: column; gap: 60px 0; align-items: flex-end;}
    .visual .text{width: 100%;}
    .main_form .point{display: none;}
    .main_form .radio_wrap{justify-content: flex-start; gap: 0px 2%;}
    .visual .width .img{right: 0;}
    .m1 .box{width: 32%;}
    .m3{padding: 100px 0 70px 0;}
    .m3 h2{font-size: 3.2rem; margin-bottom: 25px;}
    .m3 a{font-size: 1.8rem; width: 200px; height: 50px; line-height: 50px;}
    .ft_service{padding: 15px 0;}
    .top_search form{flex-wrap: wrap; gap: 10px 2%;}
    .top_search .name{max-width: initial; width: 68%;}
    .top_search button{width: 30%; min-width: initial;}
    .tab-content .box{width: 32%;}
    .detail{margin-top: 30px;}
    .detail .right{top: 80px;}
    .detail .car_img .text h2{font-size: 2.6rem;}
    .detail .car_img .text dt{width: 75px; min-width: 75px;}
    .detail .car2 ul li{padding: 10px 20px; font-size: 1.6rem;}
    .detail .dtxt{font-size: 2.1rem;}
    .detail .car4 .box_wrap{flex-wrap: wrap;}
    .detail .car4 input[type=radio] + label{width: 49%;}
    .visual .width .img{display: none;}
}
@media all and (max-width: 900px){
    .detail .car_img{flex-direction: column;}
    .detail .car_img .img{width: 100%; }
    .detail .car_img .text{width: 100%; padding: 15px;}
    .detail .car_img .info{max-width: initial;}
    .acco .collapsible:after{width: 20px; height: 17px;}
    .detail .left .top{flex-direction: column;}
    .detail .left .top h2{width: 100%; min-width: initial; height: 45px; }
    .detail .left .top .box{padding: 10px;}
    .p3 .box .text h3{font-size: 5.5rem; margin-bottom: 10px;}
    .p3 .box .text h4{font-size: 2.4rem; margin-bottom: 10px;}
}
@media all and (max-width: 850px){
    #ft .footer .center dd a{font-size: 2.6rem;}
    #ft .footer .center dd{font-size: 2.1rem;}
    #ft .footer .center{gap: 12px 0;}
    #ft .footer .info p{margin-top: 20px;}
    .detail .width{flex-direction: column; gap: 40px 0;}
    .detail .right{position: initial; width: 100%; max-width: initial; min-width: initial;}
    .detail .left .top .day{width: 27%;}
    .detail .left .top .day pre{font-size: 1.5rem;}
    .detail .left .top .day h3{font-size: 1.5rem;}
    .detail .car2 ul li{font-size: 1.5rem; padding: 8px 16px;}
    .reservation .width{flex-direction: column;}
    .reservation .left{width: 100%;}
    .reservation .right{width: 100%;}
    .p3 .box{flex-direction: column; }
    .p3 .img{width: 100%;}
    .p3 .box .text{width: 100%;}
    #bo_cate li{width: 33.333%;}
}
@media all and (max-width: 768px){

    .m2{overflow: hidden;}
    .main_form .day_wrap .day a{font-size: 1.8rem;}
    .visual .width .img{width: 90%;}
    .m1 .box{width: 49%;}
    .m1 .box_wrap{margin-top: 35px;}
    .m1 .box .text a{height: 45px; line-height: 45px;}
    #ft .footer{flex-direction: column-reverse; gap: 15px 0;}
    #ft .footer .info p{text-align: left; font-size: 1.4rem;}
    #ft .footer .info li{font-size: 1.4rem;}
    #ft .footer .info a{font-size: 1.4rem;}
    #ft .footer .info ul span{font-size: 1.4rem; display: none;}
    #ft .footer .info ul{flex-direction: column; align-items: flex-start;}
    .title{font-size: 3.2rem; gap: 0px 10px;}
    /*.title img{width: 32px;}*/
    .m1 .title{justify-content: center; font-size: 3.6rem;}
    .m1 .box .text h2{font-size: 2.3rem; text-align: center;}
    .m2 .top a{font-size: 1.7rem;}
    .lt_content p{font-size: 1.8rem; margin-top: 12px;}
    .pic_lt_block li .last_title{font-size: 2.0rem;}
    .tab-content .box{width: 49%;}
    .top_search .day_wrap{height: 45px; justify-content: space-between; padding: 0px 8px;}
    .top_search .day_wrap .box h2{min-width: initial; margin-right: 7px; letter-spacing: -0.08em}
    .top_search .day_wrap .box a img{display: none;}
    .top_search .day_wrap .box a pre{font-size: 1.5rem; letter-spacing: -0.06em}
    .top_search .name{height: 45px;}
    .top_search button{height: 45px;}
    .p1 .tabs li{font-size: 1.8rem; padding: 0px 14px 7px 14px;}
    .all_num img{width: 13px;}
    .all_num p{font-size: 1.6rem;}
    .top_search .name h2{margin-right: 10px; font-size: 1.4rem;}
    .m1 .box .text{padding: 12px}
    .m1 .box .text p{min-height: 36px;}
    .m3{background-attachment: initial;}
    .detail .car4 input[type=radio] + label{padding: 30px 5px 24px 15px;}
    .detail .car4 input[type=radio] + label h2{font-size: 1.8rem;}
    .acco .collapsible{font-size: 1.5rem; height: 50px; padding: 0px 20px;}
    .acco .content .tbox p{font-size: 1.5rem;}
    .acco .content .tbox{padding: 13px 20px;}
    .p2 .scroll{overflow-x: scroll;}
    .p2 .scroll table{width: 769px;}
    #calpopup1 .cal_wrap{flex-direction: column;}
    #calpopup1 .cal_wrap .box{width: 100%;}
    #calpopup1 .pop-inner{height: 70vh; overflow-y: scroll;}
    .p1 .tabs{flex-wrap: wrap;}
    .p3 table td{font-size: 1.5rem;}
    .p3 ul li{font-size: 1.6rem;}
    .tab-content .box .text h6 .it_price{font-size: 1.7rem;}
    .tab-content .box .text h6 .it_discount{font-size: 1.9rem;}
    .tab-content .box .text{padding: 10px;}
    #calpopup1 .cal_wrap .box h3{font-size: 2.2rem; font-weight: 600;}
    #calpopup1 .cal_wrap .cal_choose{padding: 4px;}
    #calpopup1 .cal_wrap .cal_choose img{width: 25px;}
    #calpopup1 .cal_wrap .cal_choose h4{font-size: 1.7rem;}
    #calpopup1 .cal_wrap th{width: 40px; height: 40px;}
    #calpopup1 .select_wrap select{height: 40px;}
    .cal_wrap img{display: block; margin:  0 auto;}
    .detail .car3 .dtxt{flex-direction: column; display: flex; position: relative}
    #prevAddressBtn{position: absolute; right: 0; font-size: 1.2rem !important;}
    .detail .car3 .dtxt span{margin-left: 0px; margin-top: 4px;}
}
@media all and (max-width: 650px){
    /*.tab-content .box{width: 100%;}*/
    .tab-content .box_wrap{gap: 25px 1.3%;}
    .detail .right{max-width: initial; min-width: initial; width: 100%;}
    .tab-content .box .text h6 a{padding: 7px 12px; font-size: 1.4rem;}
    .top_search .day_wrap{flex-direction: column; height: initial; padding: 5px 0; gap: 4px 0;}
    .top_search .day_wrap span{transform: rotate(-270deg)}
    .detail .left .top .box{flex-wrap: wrap; gap: 15px 0;}
    .detail .left .top .day{width: 50%; }
    .detail .left .top span{display: none;}
    .detail .left .top .day:last-child{width: 100%;}
}