/* 스플래시 */
.splash_wrap {position:relative; height:100dvh; background:url(/USER_SKIN/danjionly/images/bg_splash02.jpg) no-repeat top/auto calc(100dvh - 67px);}
.splash_wrap .splash_area {display:flex; flex-direction:column; justify-content:flex-end; position:relative; height:100%; padding:0 16px; z-index:1;}
.splash_wrap .logo_box {width:fit-content; margin-bottom:46px;}
.splash_wrap .logo_box img {max-width:191px;}
.splash_wrap .logo_box .txt {display:block; position:relative; top:-7px; font-size:10px; font-weight:500; color:#262626; text-align:right;}
.splash_wrap .btn_area {margin-bottom:12px;}
.splash_wrap:after {content:''; position:absolute; bottom:-152px; left:-20px; width:calc(100% + 40px); height:300px;  background:rgba(255,255,255,0.9); filter:blur(10px)}

/* 메인 */
.main_wrap {padding-bottom:82px; min-height:100dvh;}
.main_wrap .visual_box {position:relative;}
.main_wrap .visual_box .image_box img {width:100%;}
.main_wrap .visual_box .slider_control {display:flex; align-items:center; gap:4px; position:absolute; bottom:10px; right:16px; padding:4px 6px; background:rgba(0, 0, 0, 0.4); border-radius:20px; z-index:1}
.main_wrap .visual_box .slider_control .slide_btn {flex-shrink:0; width:12px; height:12px; background:url(/USER_SKIN/danjionly/images/main/icon_slide_arrow.png) no-repeat center/contain;}
.main_wrap .visual_box .slider_control .slide_btn.next {transform:rotate(180deg);}
.main_wrap .visual_box .slider_control .slide_pagination {min-width:23px; font-size:12px; color:#D6D6D6; text-align:center;}
.main_wrap .visual_box .slider_control .slide_pagination .swiper-pagination-current {color:#FFF;}
.main_wrap .visual_box .slider_control .slide_pagination .swiper-pagination-total {position:relative; padding-left:9px;}
.main_wrap .visual_box .slider_control .slide_pagination .swiper-pagination-total:before {content:''; position:absolute; top:50%; left:5px; width:1px; height:8px; background:#D6D6D6; transform:translateY(-50%)}
.main_wrap .title {line-height:26px; font-size:20px; font-weight:700; color:#111;}
.main_wrap .menu_list {display:flex; flex-wrap:wrap; gap:12px 16px; margin-top:30px;}
.main_wrap .menu_list li {width:100%;}
.main_wrap .menu_list .half {width:calc(50% - 8px); margin:0 !important;} 
.main_wrap .menu_list .menu {display:flex; align-items:center; justify-content:space-between; padding:22px; background:#fff; border:2px solid #FFF; border-radius:12px; box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.06);}
.main_wrap .menu_list .menu:not(.request_laundry) .title {font-size:18px; color:#262626;}
.main_wrap .menu_list .menu:hover,
.main_wrap .menu_list .menu:active {border-color:#36B37E;}
.main_wrap .menu_list .menu .txt {margin-top:12px; line-height:18px; font-size:14px; color:#4D4D4D; word-break:keep-all;}
.main_wrap .menu_list .menu .icon {width:32px; height:32px; background:url(/USER_SKIN/danjionly/images/main/icon_price.png) no-repeat center/contain;}
.main_wrap .menu_list .menu.guide .icon {background-image:url(/USER_SKIN/danjionly/images/main/icon_guide.png);}
.main_wrap .menu_list .menu.request_laundry {padding-top:30px; padding-bottom:28px;}
.main_wrap .menu_list .menu.request_laundry .title {color:#000;}
.main_wrap .menu_list .menu.request_laundry .title:after {content:''; display:inline-block; width:24px; height:24px; background:url(/USER_SKIN/danjionly/images/main/icon_menu_arrow.png) no-repeat center/contain; vertical-align:-4px;}
.main_wrap .menu_list .menu.request_laundry .icon {width:98px; height:90px; background-image:url(/USER_SKIN/danjionly/images/main/icon_laundry.png);}
.main_wrap .menu_list .menu.area_guide .icon {width:36px; background-image:url(/USER_SKIN/danjionly/images/main/icon_map.png);}
.main_wrap .event_area {margin-top:40px;}
.main_wrap .event_list {display:flex; flex-direction:column; gap:20px; margin-top:24px;}
.main_wrap .event_list .event {display:block;}
.main_wrap .event_list .event img {width:100%;}
.main_wrap .event_list  img {width:100%;}

/* 서비스 지역 안내 팝업 */
.bottom_layer_wrap .btn_close { position: absolute; top: 27px; right:16px; width: 24px; height: 24px; } 
.bottom_layer_wrap .btn_close img { display: block; width: 100%; } 
.service_area_popup.on { z-index: 100 !important; } 
.service_area_popup .popup_content {max-height:100dvh; overflow-y:auto;}
.service_area_popup .title {font-size:18px; font-weight:400; color:#000;}
.service_area_popup .title strong {font-weight:700;}
.service_area_popup .image_box {text-align:center;}
.service_area_popup .image_box img {max-width:358px; width:100%;}
.service_area_popup .txt01 {margin-top:40px; font-size:16px; line-height:21px; color:#222; word-break:keep-all;}
.service_area_popup .txt01 strong {font-weight:600;}
.service_area_popup .txt01 .green {font-weight:700; color:#0E3A0E;}
.service_area_popup .txt02 {margin-top:16px; font-size:14px; line-height:20px; color:#333; word-break:keep-all;}
.service_area_popup .txt02 + .image_box {margin-top:40px;}
.service_area_popup .service_content {padding:32px 0 20px;}

/* 추천인 등록 팝업 */
.bottom_layer_wrap.recommend_popup.on { z-index: 100 !important; } 
.bottom_layer_wrap.recommend_popup .popup_content {padding:39px 0 40px; max-height:100dvh; overflow-y:auto; background: radial-gradient(66.33% 66.33% at 50% 50%, #00006C 0%, #00001E 100%)}
.recommend_popup .image_box {text-align:center;}
.recommend_popup .image_box img {width:100%; max-width:390px;}
.recommend_popup .btn_area {display:flex; flex-direction:column; align-items:center; width:min(90%,358px); margin:36px auto 0;}
.recommend_popup .btn_area .btn_default {height:48px; line-height:48px; background:linear-gradient(94.81deg, #45A9FF 2.85%, #5C50FE 60.44%, #8762FC 118.03%);}
.recommend_popup .btn_area .btn_later {display:block; margin-top:22px; font-size:16px; font-weight:700; color:rgba(255,255,255,0.6);}