
/*main*/
span#dsp_column_67076a842dfef{font-size:0}
.main_visual {padding: 0;position: relative;height: 100vh;background: url(/_files/6qYfWZTEk.jpg) no-repeat center/cover;display: flex;align-items: center;justify-content: center;text-align: center;}
.main_visual img {width:100%;}

.slogan_wrap {display: flex;align-items: center;flex-direction: column;}
.slogan_wrap {color:#fff;}
.slogan_wrap p {font-size: 122px;font-weight: 700;line-height: 122px;}
.slogan_wrap p + span {font-size: 22px;line-height: 34px;padding-top:30px;}

.scroll2{opacity: 1;visibility:visible;display: inline-block;bottom: 80px;left: 50%;transition:all 0.5s ease-out 0s;position: absolute;z-index: 1;transform: translateX(-50%);}
.scroll2 span{display: inline-block;text-transform: uppercase;letter-spacing: 3px;}
.scroll2 span i {font-family: "Open Sans", sans-serif;font-size: 10px;color: #fff;letter-spacing: 2px;}
.scroll2 span:after{content:'';display:block;width:1px;height: 60px;margin:20px auto 0;background: #ffffff45;vertical-align:middle;}
.scroll2:after {content:'';opacity:0;display:block;position:absolute;left:50%;bottom: -25px;width: 50px;height: 50px;margin: 0 0 0 -25px;background:#fff;border-radius:100%;animation:pagedownFillarc 1.5s linear 0s infinite;-webkit-animation:pagedownFillarc 1.5s linear 0s infinite;}

@keyframes pagedownFillarc{
	0%{opacity:0; -webkit-transform:translateY(-100%) scale(.1); transform:translateY(-100%) scale(.1);}
	10%{opacity:1; -webkit-transform:translateY(-100%) scale( .1 ); transform:translateY(-100%) scale( .1 );}
	50%{-webkit-transform:translateY(0) scale( .1 ); transform:translateY(0) scale( .1 );}
	55%{opacity:1; -webkit-transform:scale( .1 ); transform:scale( .1 );}
	60%{opacity:.5;}
	80%{opacity:0; -webkit-transform:scale(1); transform:scale(1);}`
	100%{opacity:0; -webkit-transform:scale(1); transform:scale(1);}
}

@media screen and ( max-width: 1024px ) {
    .slogan_wrap p {font-size: 45px;line-height:58px;}
    .slogan_wrap p + span {font-size: 18px;line-height: 28px;}
    
    .btn_more {padding: 10px 15px 10px 25px;}
    .btn_more .lb {font-size: 14px;}
}

/* tarea_even */
article.tarea_even .tit_wrap * {color:#fff !important;}
article.area_event .tit_wrap p {font-weight:200;color:#fff;}
article.area_event .tit_wrap span {font-weight:600;color:#fff;}

.area_event h3 {color:#fff;}
.area_event {background:url(/_files/6qW-aKIjl.jpg) no-repeat left top/cover;display: inline-block;width: 100%;}
.area_event .event_inn {width: calc(100% - 200px);float: right;}
.event_cnt {width: 100%;display: flex;flex-wrap: wrap;}
.area_event .tit_wrap {width: 25%;text-align:left !important;}
.area_event .mySwiper {width: 75%;}
.event_banner .swiper a{  display: block;height: 100%;width:100%;}
.area_event .swiper-slide {position:relative;}
.area_event .swiper-slide .event_img img {width: 100%;}
.area_event .swiper-slide .event_img {border-radius: 22px;overflow: hidden;}

.area_event .btn_arr {display: inline-block;margin-top:200px;}
.area_event .event_tx {text-align:center;}
.area_event .event_tx p {color:#fff;font-size:26px;padding: 30px 0 20px;}
.area_event .event_tx p + i {color:#8d8d8d;font-size: 18px;line-height: 1.2;}

.area_event .icon_ing, .area_event .icon_end {display:flex;width:53px;height:53px;border-radius: 53px;color:#fff;align-items: center;justify-content: center;font-size:14px;position: absolute;right: 20px;top: 20px;}
.area_event .icon_ing {background:#f55f0a;}
.area_event .icon_end {background:#000;}
.area_event .tab_container img {width: 100%;}

@media screen and ( max-width: 1400px ) {
    .area_event .event_inn {width:100%;}
}

@media screen and ( max-width: 1024px ) {
    
    .event_cnt{    flex-direction: column;}
    .area_event .tit_wrap, .area_event .mySwiper{width: calc(100% - 25px) !important; margin:0 auto;}
    .area_event .btn_arr{    margin-top: 30px;}
    .area_event .btn_arr img{height: 40px;}
    .area_event .event_tx p{font-size: 23px;padding: 20px 0 15px;}
    .area_event .event_tx p + i{font-size: 14px;}
}

.img_area {background:rgba(0,0,0,0.05);min-height:250px;display: flex;justify-content: center;align-items: center;}

.sub_cnt.sub_cnt2 {padding:120px 0 0;box-sizing:border-box;}        
.sub_cnt {padding:120px 0;box-sizing:border-box;}
.sub_cnt *{font-family:'pretendard',sans-serif;font-size:18px;font-weight:400;letter-spacing:-0.033em;box-sizing:border-box;color:#222;word-break: keep-all;}
.sub_cnt .taC{text-align:center;}
.sub_cnt .monly{display:none;}
.sub_cnt .w1400{width:1400px;margin:0 auto;}
.sub_cnt .tt{padding-bottom:58px;}
.sub_cnt .tt h3{font-size:50px;padding-top:36px;}
.sub_cnt .tt h3 b{font-size:50px;font-weight:700;}
.sub_cnt .tt p{padding-top:36px;line-height:150%;}
.sub_cnt .tt.wht em,
.sub_cnt .tt.wht h3,
.sub_cnt .tt.wht h3 b,
.sub_cnt .tt.wht p{color:#fff;}
p {line-height: 24px;}
.pt100 {padding-top:100px;}
.pt80 {padding-top:80px;}
.pt40 {padding-top:40px;}
.pb00 {padding-bottom:0px !important;}
    
.col_wrap {display: flex;flex-wrap: wrap;}
.col3 {display: flex; flex-wrap: wrap;justify-content: center;gap: 30px;}

.sub_cnt .tit {margin:0 0 30px;margin-bottom: 60px;}
.sub_cnt .tit h3 {font-size:58px;line-height: 58px;font-weight: 700;display: inline-block;position: relative;}
.sub_cnt .tit h3:before {content: '';width: 10px;height: 10px;background: #db4a1d;border-radius: 10px;position: absolute;left: 9px;top: -12px;}
.sub_cnt .tit p {font-size:22px;margin-top: 25px;line-height: 32px;color: #777;}
.sub_cnt .tit p > b, .sec_tit p > b {font-weight: 700;font-size: 22px;}
.sub_cnt .sec_tit + em {display: inline-block;width: 1px;background: #b5b5b5;height: 100px;margin: 40px 0 40px 10px;}
.sub_cnt .sec_tit + em + ul {padding:0;}
.sub_cnt .sec_tit h4{font-size: 62px;line-height: 62px;margin-bottom: 40px;font-weight: 700;}
.sub_cnt .sec_tit h4 + p, .sec_tit h4 + p > i {font-size: 20px;line-height: 32px;font-weight: 300;word-break: keep-all;}
.sub_cnt .sec_tit h4 + p > i {}
.sub_cnt .sec_tit p > i {font-weight: 700;}
.sub_cnt .sec_tit.type2 h4 {font-size: 68px;font-weight: 200;margin-bottom: 40px;line-height: 80px;}
.sub_cnt .sec_tit.type2 h4 > b {font-size: 64px;line-height: 64px;font-weight: 700;display: inline-block;padding: 4px 0;}

.taR {text-align:right;}
.taL {text-align:left;}
.taC {text-align:center;}
.pcbr {display:block;}
.mobr {display:none;}

.color_or {font-weight: 700;color:#db4a1d;font-size: 20px;}
.bg_gray {background: #f5f5f5;}

.btn_open {display: block; width: 100%; height: 60px; line-height: 60px; font-size: 16px; color: #000; text-align: center;background:#fff;pointer;border: 1px solid #000; margin: 0 0 0 auto; transition: all 0.3s;padding: 0 30px;filter: invert(100%);font-weight: 800;border-radius: 100px;cursor: pointer;}

.list_check li {font-size: 20px;line-height: 38px;position: relative;padding: 7px 0 7px 45px;}
.list_check li:before {content: '';display: inline-block;width: 32px;height: 30px;background: url(/_files/6qElDYC0T.png) no-repeat center/100%;position: absolute;left: 0;top: 9px;filter: invert(1);opacity: 0.3;}
    
.pro_wrap .img_area img, .point_wrap2 .img_area img, .list_step .img_area img {width: 100%;}

@media screen and (max-width: 1280px) {
    .listen {padding: 5% 4%;}
}
@media screen and (max-width: 1023px) {
    .pt100 {padding-top: 50px;}
    .pcbr {display:none;}
    .mobr {display:block;}
    
    .col3 {gap: 12px;}
    
    .sub_cnt * {font-size: 15px;}
    .sub_cnt {padding:60px 0;}
    .sub_cnt .tit {margin-bottom: 25px;}
    .sub_cnt .tit h3 {font-size: 28px;line-height: 28px;}
    .sub_cnt .tit h3:before {width: 5px;height: 5px;left: 6px;top: -8px;}
    .sub_cnt .tit p {font-size: 16px;line-height: 22px;margin-top: 15px;}
    .sub_cnt .sec_tit.type2 h4 > b {font-size: 32px;line-height: 32px;}
    
    .sub_cnt .list_check li {font-size: 14px;line-height: 16px;padding: 7px 0 7px 28px;}
    .sub_cnt .list_check li:before {width: 22px;height: 20px;top: 5px;}
}
@media screen and (max-width: 768px) {
    .listen {padding: 5% 0;}
}
@media screen and (max-width: 640px) {
    .listen .circle {width: 100%;}
}



/*달력*/
.calendar_wrap .cal_el { width: 100%;text-align: left; }
.calendar_wrap .cal_el .cal_head, .calendar_wrap .cal_el .cal_table { text-align:Center; }
.calendar_wrap .cal_el .cal_head {position: relative; padding: 10px 0;}
.calendar_wrap .cal_el .cal_head .cal_head_text { font-size: 1.2rem; font-weight: 600; }
.calendar_wrap .cal_el .cal_head .move_btn { position: absolute; cursor: pointer;font-size: 16px;line-height: 1.3em; }
.calendar_wrap .cal_el .cal_head .move_btn.prev { left: 20px; }
.calendar_wrap .cal_el .cal_head .move_btn.next { right: 20px; }
.calendar_wrap .cal_el .cal_table { width: 100%;margin-bottom: 30px;}
.calendar_wrap .cal_el .cal_table thead tr th { color: #000; font-size: 1rem; font-weight: 700;}
.calendar_wrap .cal_el .cal_table thead tr th.sun { color: #d80707; }
.calendar_wrap .cal_el .cal_table thead tr th.sat { color: #084db4; }

.calendar_wrap .cal_el .cal_table th { padding: 10px 0; }
.calendar_wrap .cal_el .cal_table td span { padding: 15px 0; display: block; }
.calendar_wrap .cal_el .cal_table td .no { color: #aaa; font-weight: 400;}
.calendar_wrap .cal_el .cal_table td .nor { color: #000; font-weight: 400; }
.calendar_wrap .cal_el .cal_table td .sun { color: #d80707; }
.calendar_wrap .cal_el .cal_table td .sat { color: #084db4; }
.calendar_wrap .cal_el .cal_table td .nor, .calendar_wrap .cal_el .cal_table td .sun, .calendar_wrap .cal_el .cal_table td .sat { font-weight: 700; width: 100%; height: 100%; cursor: pointer; border-radius: 50%; display:flex;align-items: center;justify-content: center;padding: 0;aspect-ratio: 1/1;font-weight: 500;}
.calendar_wrap .cal_el .cal_table td .on { background: var(--pointcolor2); color: #fff; }

.calendar_wrap .cal_el .rsv_time_table { position: relative; height: 100%; }
.calendar_wrap .cal_el .rsv_time_table .rsv_times { height: 100%; }
.calendar_wrap .cal_el .rsv_time_table .rsv_table_li_wrap { display: flex; align-items: center; flex-wrap: wrap;}
.calendar_wrap .cal_el .rsv_time_table .rsv_table_li_wrap li {font-size:14px;width: calc((100% - 8px)/4 );background: #fff;text-align: center; padding: 8px 10px; border-radius: 150px ; border: 1px solid #ddd; font-weight: 400; box-sizing: border-box; cursor: pointer; margin: 1px;margin-top:5px;}
.calendar_wrap .cal_el .rsv_time_table .rsv_table_li_wrap .time-disabled { background: #eaeaea; cursor: not-allowed; color: #aaa; }
.calendar_wrap .cal_el .rsv_time_table .rsv_table_li_wrap li:nth-child(-n+4){margin-top:0}
.calendar_wrap .cal_el .rsv_time_table .rsv_table_li_wrap li:hover,
.calendar_wrap .cal_el .rsv_time_table .rsv_table_li_wrap li.active  { background: var(--pointcolor2); color: #fff; border:1px solid var(--pointcolor2);}
.calendar_wrap .cal_el .rsv_time_table .rsv_table_li_wrap .time-disabled:hover { background: #eaeaea; color: #aaa; }
.date_default, .rsv_default { width: 100%; min-height: 50px;  font-weight: 700; color: #aaa; }
.date_default .cal_head { display: block !important; }
.date_default .cal_table { display: table !important; }
.date_default .cal_table td span { color: #aaa !important; cursor: not-allowed !important; }

.calendar_cont { flex-wrap: wrap; }
.calendar_select {display:none; width: 100%; text-align: left; margin-bottom: 10px; border-bottom: 1px dotted #aaa; }
.calendar_select .cal_input { display: inline-block; margin: 3px 0; padding: 0 10px 5px; }


/**/
.cnt_check.type2 .list_normal li:not(:last-child) {padding-bottom: 15px;border-bottom: 1px solid #eee;margin-bottom: 15px;}

/* 고객정보 입력 */
.agree_check {padding-bottom:30px}
.marking {position: relative;}
.marking:before {content: '*';display: inline-block;position: absolute;bottom: -4px;left: 0;font-size: 20px;font-weight: bold;color: #d5282c;text-indent: 0;}

.form_wrapper div.box {border-bottom: 5px solid #f5f5f5;padding-bottom: 20px;}
.write_cont .frm_input {width:100%;height: 40px;font-size:12pt;border: 1px solid #ddd;border-radius: 7px;}
.reserv_form .step {display: flex;flex-wrap: wrap;align-items: center;padding: 3px 0;}
.reserv_form .step p{font-size: 12px;margin: 5px 0;color: #333;letter-spacing: -1px;}
.reserv_form .step .write_cont {width:calc(100%);}

/* 완료 모달 */
.pop_tit .img_wrap {border: 1px solid #f55f0a;border-radius: 100px;width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;margin: 0 auto 10px;padding: 0 0 7px;}
.pop_tit .btn_open { padding: 5px 10px; background: #759587; border: 0; color: #fff; cursor: pointer; }
.pop_tit .btn_close { width: 43px; height: 40px; position: absolute; top: 0px; right: 0px; background: #000; border: 0; color: #fff; cursor: pointer; }
.pop_tit button.btn_close:hover {color: #FFF;}
.pop_tit #mask { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); zoom: 1; opacity: 0.5; z-index: 9998; }
.popup_box { display: none; width: 400px; min-height: 400px; position: fixed; top: 50%; left: 50%; background: #fff; border: 1px solid #000; z-index: 9999;box-shadow: 3px 15px 30px rgba(0, 0, 0, 0.15);}
.pop_tit {text-align: center;}
.popup_cont b {font-size: 28px;padding: 10px 0;font-weight: 800;line-height: 34px;display: block;}
.popup_cont b + p {line-height:20px;etter-spacing: 0;}
.pop_info {border: 2px solid #000;border-radius: 15px;padding: 20px 12px;margin: 30px 0 10px;}
.pop_list li {display: flex;flex-wrap: wrap;padding: 7px 0px;}
.pop_list p {position:relative;display: inline-block;font-weight: 600;padding-left: 10px;min-width: 80px;}
.pop_list p:before {content: '';display: inline-block;width: 4px;height: 4px;border-radius: 5px;background-color: #000;position: absolute;top: 7px;left: 0;}
.pop_info h5 {border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 10px;}
.pop_btn_wrap {position: absolute;right: 0;top: 0;background: #000;padding: 10px;}



@media screen and ( max-width: 1400px ) {
.PC {display:none;}
.MO {display:block;}
.reserv_form.MO {margin-top:35px;}
}

@media (max-width: 991px) {
    .calendar_wrap { flex-wrap: wrap; }
    .calendar_wrap .cal_el { width: 100%; margin-bottom: 10px; }
    .calendar_wrap .cal_el .rsv_time_table .rsv_table_li_wrap li { width: 23.5%; }
} 
