body { overflow-y: hidden; }
.intro_bg { position: absolute; left: 0px; bottom: 0px; z-index: -1; width: 400px; }
.intro_bg img { width: 100%; height: 100%; object-fit: cover; object-position: center center; opacity: 0.3; }
.vertical_line { width: 3px; height: 20px; background: rgb(255, 130, 27); }
.page_btn a { display: flex; background: rgb(255, 255, 255); border-radius: 20px; padding: 10px 20px; align-items: center; justify-content: center; gap: 10px; color: rgb(0, 0, 0); font-weight: 600; max-width: 200px; }
.page_btn a img { width: 25px; }
.main_box { display: flex; height: 90vh; padding: 0px 20px; gap: 20px; }
.main_box .left { width: 30%; min-width: 380px; color: rgb(0, 0, 0); display: flex; justify-content: center; align-items: center; }
.main_box .left .logo { width: 100%; max-width: 240px; }
.main_box .left .logo img { width: 100%; object-fit: contain; }
.main_box .left .title_icon { display: flex; align-items: center; gap: 10px; margin-top: 40px; }
.main_box .left .title_icon img { width: 25px; object-fit: contain; }
.main_box .left .add_box { font-weight: 700; color: rgb(255, 72, 17); }
.main_box .left .padding_box { padding: 20px 0px 0px 15px; }
.main_box .left .intro_title { font-size: 1.75rem; font-weight: 700; margin: 30px 0px; }
.main_box .left .address { margin: 20px 0px; }
.main_box .left .address .padding_box p:nth-of-type(1) { margin-bottom: 10px; }
.main_box .left .address .padding_box p:nth-of-type(2) { display: flex; gap: 5px; align-items: center; }
.main_box .left .address .padding_box p:nth-of-type(2) img { width: 18px; object-fit: contain; }
.main_box .left .tel_wrap { display: flex; align-items: center; gap: 15px; font-size: 2.85rem; font-weight: 700; color: rgb(255, 72, 17); }
.main_box .left .date_box { display: flex; align-items: center; gap: 20px; margin: 20px 0px; }
.main_box .left .date_box .today_time_box .today { font-size: 1.25rem; font-weight: 600; }
.main_box .left .date_box .today_time_box .clock { margin-top: 5px; font-size: 1.7rem; font-weight: 600; }
.main_box .left .date_box .btn_box > p { font-weight: 700; padding: 10px 20px; border-radius: 20px; text-align: center; }
.main_box .left .date_box .btn_box .on { background: rgb(217, 58, 36); color: rgb(255, 255, 255); }
.main_box .left .date_box .btn_box .off { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.main_box .left .date_box .btn_box .off2 { background: rgb(247, 147, 30); color: rgb(255, 255, 255); }
.main_box .left .time_box { width: 250px; }
.main_box .left .time_box li { display: flex; margin-bottom: 10px; justify-content: space-between; }
.main_box .left .time_box li > span { font-size: 19px; width: 80px; display: flex; justify-content: space-between; color: rgb(75, 73, 72); }
.main_box .left .time_box li p { display: flex; font-size: 19px; gap: 5px; color: rgb(153, 153, 153); }
.main_box .left .time_box li p span { display: inline-block; width: 65px; text-align: center; }
.main_box .right { width: 70%; display: flex; align-items: center; }
.main_box .right .sliding_box { display: flex; width: 100%; height: 70%; gap: 20px; max-height: 600px; transition: width 0.5s; }
.main_box .right .sliding_box .box_left { width: 50%; border: 4px solid rgb(255, 130, 27); }
.main_box .right .sliding_box .box_left.active .txt_box a { background: rgb(255, 130, 27); border: 2px solid transparent; }
.main_box .right .sliding_box .box_left .txt_box a { background: rgb(255, 130, 27); border: 2px solid transparent; }
.main_box .right .sliding_box .box_left .txt_box:hover a { background: rgb(255, 130, 27); border: 2px solid transparent; }
.main_box .right .sliding_box .box_right { width: 50%; border: 4px solid rgb(216, 0, 75); }
.main_box .right .sliding_box .box_right.active .txt_box a { background: rgb(247, 147, 30); border: 2px solid transparent; }
.main_box .right .sliding_box .box_right .txt_box a { background: rgb(247, 147, 30); border: 2px solid transparent; }
.main_box .right .sliding_box .box_right .txt_box:hover a { background: rgb(247, 147, 30); border: 2px solid transparent; }
.main_box .right .sliding_box .box_left:hover, .main_box .right .sliding_box .box_right:hover { width: 80%; transition: width 0.5s; }
.main_box .right .sliding_box .box_left:hover .bg::after, .main_box .right .sliding_box .box_right:hover .bg::after { opacity: 0.2; transition: opacity 0.5s; }
.main_box .right .sliding_box .box_left, .main_box .right .sliding_box .box_right { transition: width 0.5s; position: relative; display: flex; justify-content: center; align-items: center; border-radius: 20px; overflow: hidden; }
.main_box .right .sliding_box .box_left.active, .main_box .right .sliding_box .box_right.active { width: 80%; transition: width 0.5s; }
.main_box .right .sliding_box .box_left.active .bg::after, .main_box .right .sliding_box .box_right.active .bg::after { opacity: 0.2; transition: opacity 0.5s; }
.main_box .right .sliding_box .box_left .txt_box, .main_box .right .sliding_box .box_right .txt_box { color: rgb(255, 255, 255); text-align: center; }
.main_box .right .sliding_box .box_left .txt_box p, .main_box .right .sliding_box .box_right .txt_box p { font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 5px; }
.main_box .right .sliding_box .box_left .txt_box p img, .main_box .right .sliding_box .box_right .txt_box p img { width: 15px; object-fit: contain; }
.main_box .right .sliding_box .box_left .txt_box a, .main_box .right .sliding_box .box_right .txt_box a { display: block; font-size: 1.25rem; min-width: 200px; width: 200px; font-weight: 700; color: rgb(255, 255, 255); padding: 14px 20px; border-radius: 30px; text-align: center; border: 2px solid transparent; transition: background 0.5s; margin-bottom: 10px; }
.main_box .right .sliding_box .box_left .bg, .main_box .right .sliding_box .box_right .bg { position: absolute; top: 0px; left: 0px; width: 101%; height: 100%; z-index: -1; }
.main_box .right .sliding_box .box_left .bg img, .main_box .right .sliding_box .box_right .bg img { width: 100%; height: 100%; object-fit: cover; object-position: center center; aspect-ratio: 8 / 9; }
@media (max-width: 1200px) {
  #main .main_box { flex-direction: column; height: auto; }
  #main .main_box .left { width: 100%; padding: 40px 0px 0px; }
  #main .main_box .left .txt_wrap .title_icon { display: none; }
  #main .main_box .left .txt_wrap .padding_box { display: none; }
  #main .main_box .right { width: 100%; height: 600px; }
  #main .main_box .right .sliding_box { height: 100%; }
}
@media (max-width: 768px) {
  #main .sliding_box .box_left .txt_box p, #main .sliding_box .box_right .txt_box p { text-overflow: clip; overflow: hidden; white-space: nowrap; }
  #main .sliding_box .box_left .txt_box a, #main .sliding_box .box_right .txt_box a { font-size: 1rem; padding: 10px 5px; }
}
@media (max-width: 650px) {
  #main .left { min-width: unset; }
  #main .left .logo { max-width: 200px; }
  #main .right { height: unset !important; }
  #main .right .sliding_box { flex-direction: column; margin-bottom: 100px; max-height: unset !important; }
  #main .right .sliding_box .box_left, #main .right .sliding_box .box_right { width: 100%; height: 70%; min-height: 240px; }
  .main_box .right .sliding_box .box_left .bg::after, .main_box .right .sliding_box .box_right .bg::after { display: none; }
  #main .sliding_box .box_left .txt_box a { background: rgb(255, 130, 27); border: 2px solid transparent; }
  #main .sliding_box .box_right .txt_box a { background: rgb(247, 147, 30); border: 2px solid transparent; }
}
@media (max-width: 480px) {
  #main .intro_title { font-size: 1.4rem; }
  #main .sliding_box .box_left, #main .sliding_box .box_right { overflow: hidden; }
}
#modal_popup { width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; background-color: rgb(255, 255, 255); border: 1px solid rgb(187, 187, 187); max-width: 1000px; }
#modal_popup .popup_wrap { display: flex; flex-wrap: wrap; align-content: space-between; height: 100%; }
#modal_popup .popup_wrap .pp_img { width: 1000px; cursor: pointer; }
#modal_popup .popup_wrap .pp_img img { width: 1000px; height: 600px; object-fit: cover; object-position: center center; }
#modal_popup .popup_wrap .popup_btn_wrap { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0px 10px 5px; width: 100%; }
#modal_popup .popup_wrap .check_box { display: flex; align-items: center; cursor: pointer; }
#modal_popup .popup_wrap .check_box input { margin-right: 7px; cursor: pointer; }
#modal_popup .popup_wrap .check_box label { line-height: 1.1; cursor: pointer; }
#modal_popup .popup_wrap .close_btn { width: 52px; height: 25px; border: 1px solid rgb(204, 204, 204); text-align: center; border-radius: 5px; cursor: pointer; background-color: rgb(255, 255, 255); }
#slider_popup { width: 90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10000; transition: 0.5s; }
#slider_popup .popup_sec { width: 500px; overflow: hidden; height: 700px; background-color: rgba(74, 81, 95, 0.9); transition: 0.5s; }
#slider_popup .popup_sec .swiper-wrapper { }
#slider_popup .popup_sec .swiper-wrapper .swiper-slide { width: 100%; }
#slider_popup .popup_sec .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; position: absolute; }
#slider_popup .popup_sec .popup_page { bottom: 0px; top: 20px; }
.popup_util { position: absolute; right: -50px; top: 50%; transform: translateY(-50%); }
.popup_util .p_util { cursor: pointer; font-weight: 500; font-size: 12px; width: 50px; padding: 7px 0px 6px; color: rgb(255, 255, 255); border-radius: 0px 5px 5px 0px; text-align: center; }
.popup_util .open { background: rgb(92, 98, 111); display: none; }
.popup_util .close { background: rgb(92, 98, 111); }
.popup_util .p_btn { width: 12px; display: block; margin: 0px auto -4px; }
.popup_util .p_btn img { width: 100%; }
.popup_util2 { display: none; }
.slider_popup_close { left: -520px !important; }
.slider_popup_close .popup_util .close { display: none !important; }
.slider_popup_close .popup_util .open { display: block !important; }
.popup_black_bg { background: rgba(0, 0, 0, 0.44); width: 100%; height: 100%; position: fixed; z-index: 9999; display: none; }
@media (max-width: 600px) {
  #slider_popup { width: 90%; height: 140vw; }
  #slider_popup .popup_sec { width: 100%; height: 100%; }
  .popup_util { position: fixed; z-index: 10000; transform: none; left: 0px; display: none; width: 50px; }
  .popup_util2 { display: block; }
  .slider_popup_close { left: -100% !important; }
  .popup_util.open_popup .close { display: none !important; }
  .popup_util.open_popup .open { display: block !important; }
  .popup_black_bg { display: block; }
}