@charset "utf-8";
@import url("/assets/publish/css/fonts.css?v=250612");
@import url("/assets/publish/css/reset.css?v=250611");
@import url("/assets/publish/css/swiper.min.css");
@import url("/assets/publish/css/contents.css?v=250814");
@import url("/assets/publish/css/unit.css?0002");

:root {
    --fontL:'Pretendard ExtraLight';
	--fontF:'Pretendard';
	--fontFM:'Pretendard';
	--fontFB:'Pretendard ExtraBold';
	/* --paddCommon:2rem; */
	--paddCommon:1.35rem;
	--paddCommon_:-2rem;
	--shadowStyle:0px -3px 6px #0000001a;
    --shadowStyleh:0px 3px 6px #00000029;
	--theme:#583f99;	
	--colorPink:#ff2976;
	--color0:#000;
	--colorF:#fff;
	--colorF5:#f5f5f5;
	--colorE5:#e5e5e5;
	--color999:#999999;
    --appfooterPc:6rem;
    --conWdPc:40rem;
}

/* .wrap{position:absolute;z-index:1;width:100%;height:100%;overflow:auto;top:0;left:0} */
.wrap,.wrap_layer{background:var(--colorF);z-index:2;position:fixed;top:0;left:0;width:100%;height:100%;min-width:36rem;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.wrap .container,
/* .wrap_layer .container{position:fixed;top:0;bottom:0;width:100%;height:100%;overflow-y:auto} */
.wrap_layer .container{position:fixed;top:0;bottom:0;width:100%;height:100%;overflow-y:auto;overscroll-behavior:none}
.wrap_center{background:var(--colorF);position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.wrap_layer ~ .app_footer{display:none}
@media (min-width: 1025px) {
    .wrap_layer.extended_sidepanel {min-width: 80rem !important;overflow: auto;}
}

#u_skip{position:relative;z-index:3000} 
#u_skip a{position:absolute;top:0;left:0;height:0;overflow:hidden;font-size:0;width:100%;background:var(--theme);color:var(--colorF);text-align:center} 
#u_skip a:active,#u_skip a:focus{height:auto;text-decoration:none;z-index:1000;font-size:1.2rem} 
#u_skip span{display:inline-block;font-size:1.2rem;line-height:2.6rem;color:#fff;letter-spacing:-1px;white-space:nowrap} 

/* 헤더 */
.header {position:fixed;background-color:#fff;top:0;left:50%;width:calc(100% + 2px);z-index:3;height:5.2rem;transform:translateX(-50%)}
.header.nofix {position:absolute}/* 헤더가 따라오지 않아야 할 경우 */
.header nav {display:flex;justify-content:space-between;width:100%;height:5.2rem;align-items:center}
.header nav ul{width:100%;height:5.2rem}
.header_title {overflow:hidden;font-size:2rem;color:var(--color0);padding:1.3rem 2rem;font-family:var(--fontFB)}
.header .flex:has(.header_title_s){width: 100%;}
.header_title_s{text-transform:capitalize;font-size: 1.8rem;align-self: center;font-family: var(--fontFB);word-break: keep-all;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; flex: 1 1 auto;}
.header_srh_tx{font-size:1.4rem;align-self: center}
.header_logo {position:relative;display:flex;align-items:center;text-indent:-999999px;font-size:0;line-height:0;background:transparent;width: 6.8rem;padding:1.3rem 0 1.3rem 2rem}
.header_logo::after {content:'';position:absolute;background:url('/assets/publish/webp/logo.webp') 50% 50% no-repeat;background-size:3.6rem auto;text-indent:0;line-height:1;width:3.6rem;height:2.4rem;display:block}
.header_srh{position:relative;display:flex;width:100%;height: 4.7rem;background:#F5F5F5;border: 1px solid #E5E5E5;border-radius: 2.4rem}
.header_srh>input{font-size:1.4rem;line-height:2.8rem;width:100%;padding-left:1.2rem;padding-right: 6rem}
.header_srh>a.search_btn{position:absolute;top:1.2rem;right:1.2rem;width:2rem;height:2rem;display:block;text-indent:-999999px;font-size:0;line-height:0;background:url('/assets/publish/webp/ico_search.webp?') 50% 50% no-repeat;background-size:2rem 2rem}
.header_srh>a.btn_delete{right:3rem;position:absolute;top:1.1rem;display:none;height:2.8rem;}
.back_btn {position:relative;display:flex;align-items:center;text-indent:-999999px;font-size:0;line-height:0;background:transparent;width:6rem;height:5.2rem;padding:1.6rem 2rem}
.back_btn::after {content:'';position:absolute;background:url('/assets/publish/webp/ico_back.webp') 50% 50% no-repeat;background-size:2rem 2rem;text-indent:0;line-height:1;width:2rem;height:2rem;display:block}
.close_btn {position:relative;display:flex;align-items:center;text-indent:-999999px;font-size:0;line-height:0;background:transparent;width:6rem;height:5.2rem;padding:1.6rem 2rem}
.close_btn::after {content:'';position:absolute;background:url('/assets/publish/webp/ico_x.webp') 50% 50% no-repeat;background-size:2rem 2rem;text-indent:0;line-height:1;width:2rem;height:2rem;display:block}
.close_btn_f::after {background:url('/assets/publish/webp/ico_x_f.webp') 50% 50% no-repeat;}
.close_theme_btn {position:relative;display:flex;align-items:center;text-indent:-999999px;font-size:0;line-height:0;background:transparent;width:6rem;height:5.2rem;padding:1.6rem 2rem}
.close_theme_btn::after {content:'';position:absolute;background:url('/assets/publish/webp/ico_close_theme.webp') 50% 50% no-repeat;background-size:1.2rem auto;text-indent:0;line-height:1;width:2rem;height:2rem;display:block}
/* 헤더 리뉴얼 */
.header.header_main_page {height: auto;}
.header_main_page nav {display: block;height: auto;}
.header_main_page .main_nav {display: flex;flex-direction: row;height: auto;}
.header_main_page .main_nav_l,
.header_main_page .main_nav_r {display: flex;justify-content: space-between;align-items: center;height: 5.2rem;}
.header_main_page .main_nav_search {margin: 0.2rem 0 1rem 0;padding: 0 1rem;}
@media (min-width: 768px) and (max-width: 1024px) {
    .header_main_page .main_nav_search {display: flex;justify-content: center;}
    .header_srh {width: 60%;}
}
@media (min-width: 1025px) {
    .header_main_page .main_nav_search {margin: unset;}
    .header_srh {height:4.1rem;}
    .header_srh>a.btn_delete{top:1.1rem}
    .header_srh>a.search_btn{top:1rem}
}
.love_btn {position:relative;display:flex;align-items:center;text-indent:-999999px;font-size:0;line-height:0;background:transparent;width:6rem;height:5.2rem;padding:1.6rem 2rem}
.love_btn::after {content:'';position:absolute;background:url('/assets/publish/webp/ico_heart.webp') 50% 50% no-repeat;background-size:2rem 2rem;text-indent:0;line-height:1;width:2rem;height:2rem;display:block}
.love_btn.on::after {background:url('/assets/publish/webp/ico_heart_full.webp') 50% 50% no-repeat;background-size:2rem 2rem}
.love_btn2 {position:relative;display:flex;align-items:center;text-indent:-999999px;font-size:0;line-height:0;background:transparent;width:6rem;height:5.2rem;padding:1.6rem 2rem}
.love_btn2::after {content:'';position:absolute;background:url('/assets/publish/webp/ico_heart_line.webp') 50% 50% no-repeat;background-size:2rem 2rem;text-indent:0;line-height:1;width:2rem;height:2rem;display:block}
.love_btn2.on::after {background:url('/assets/publish/webp/ico_heart_full.webp') 50% 50% no-repeat;background-size:2.2rem auto}
.net_btn {position:relative;display:flex;align-items:center;text-indent:-999999px;font-size:0;line-height:0;background:transparent;width:6rem;height:5.2rem;padding:1.6rem 2rem}
.net_btn::after {content:'';position:absolute;background:url('/assets/publish/webp/ico_net.webp') 50% 50% no-repeat;background-size:2rem 2rem;text-indent:0;line-height:1;width:2rem;height:2rem;display:block}
.net_fav_btn {position:relative;display:flex;align-items:center;text-indent:-999999px;font-size:0;line-height:0;background:transparent;width:6rem;height:5.2rem;padding:1.6rem 2rem}
.net_fav_btn::after {content:'';position:absolute;background:url('/assets/publish/webp/ico_heart_new.webp') 50% 50% no-repeat;background-size:2rem 2rem;text-indent:0;line-height:1;width:2rem;height:2rem;display:block}
.set_btn {position:relative;display:flex;align-items:center;text-indent:-999999px;font-size:0;line-height:0;background:transparent;width:6rem;height:5.2rem;padding:1.6rem 2rem}
.set_btn::after {content:'';position:absolute;background:url('/assets/publish/webp/ico_set.webp') 50% 50% no-repeat;background-size:2rem 2rem;text-indent:0;line-height:1;width:2rem;height:2rem;display:block}
.map_btn {position:relative;display:flex;align-items:center;font-size:1.2rem;line-height:5;background:transparent;width:8.6rem;height:5.2rem;padding:1rem 2rem 0rem;flex-direction: column;}
.map_btn::after {content:'';position:absolute;background:url('/assets/publish/webp/ico_map.webp') 50% 10% no-repeat;background-size:1.6rem auto;line-height:1.6;width:6rem;height:5rem;display:block}
.label1_btn {position:relative;display:flex;align-items:center;text-indent:-999999px;font-size:0;line-height:0;background:transparent;width:6rem;height:5.2rem;padding:1.6rem 2rem}
.label1_btn::after {content:'';position:absolute;background:url('/assets/publish/webp/ico_label1.webp') 50% 50% no-repeat;background-size:2rem 2rem;text-indent:0;line-height:1;width:2rem;height:2rem;display:block}
.label2_btn {position:relative;display:flex;align-items:center;text-indent:-999999px;font-size:0;line-height:0;background:transparent;width:6rem;height:5.2rem;padding:1.6rem 2rem}
.label2_btn::after {content:'';position:absolute;background:url('/assets/publish/webp/ico_label2.webp') 50% 50% no-repeat;background-size:2rem 2rem;text-indent:0;line-height:1;width:2rem;height:2rem;display:block}
.label1_btn.on:after,
.label2_btn.on:after {background-image:url('/assets/publish/webp/ico_label_on.webp')}
.alarm_btn {position:relative;display:flex;align-items:center;text-indent:-999999px;font-size:0;line-height:0;background:transparent;width:6rem;height:5.2rem;padding:1.6rem 2rem}
.alarm_btn::after {content:'';position:absolute;background:url('/assets/publish/webp/ico_alarm2.webp') 50% 50% no-repeat;background-size:2rem 2rem;text-indent:0;line-height:1;width:2rem;height:2rem;display:block}
.alarm_btn.on::before{content:'';position:absolute;border-radius:0.5rem;top:1.6rem;left:3.2rem;border: 0.1rem solid var(--colorF);z-index: 2;width:0.5rem;height:0.5rem;background-color: var(--colorPink)}
.cate_btn {position:relative;display:flex;align-items:center;text-indent:-999999px;font-size:0;line-height:0;background:transparent;width:6rem;height:5.2rem;padding:1.6rem 2rem}
.cate_btn::after {content:'';position:absolute;background:url('/assets/publish/webp/ico_cate.webp') 50% 50% no-repeat;background-size:1.6rem auto;text-indent:0;line-height:1;width:2rem;height:2rem;display:block}
.ico_map_new {width:28px;height:28px;display:inline-block;background:url(/assets/publish/webp/ico_map_new.webp) 50% 50% no-repeat;background-size:75%}	
.ico_arrow_right {width:28px;height:28px;display:inline-block;background:url(/assets/publish/webp/ico_arrow_right.webp) 50% 50% no-repeat;background-size:75%}

.h_btns>*:first-child{padding-right:1rem;width:5rem}
.h_btns>*:last-child{padding-left:1rem;width:5rem}

/* 컨테이너 */
.container {width:100%;height:100%;margin:0 auto;overflow-x: hidden}
[data-role="content"] {display:flex;flex-direction:column;justify-content:space-between;position:relative;min-height:100%}
.wrap [data-role="content"].fixed {padding-bottom:5.2rem}/* 앱용 하단메뉴 있는경우 */
.wrap_layer [data-role="content"].fixed {padding-bottom:6.4rem}/* 레이어용 하단메뉴 있는경우 */
.wrap_layer [data-role="content"].fixed .btn_area{padding-top:0}
[data-role="content"].fixed2 {padding-bottom:30rem}
[data-role="content"]>section:first-child:not(.sub_con){padding-top:5.2rem}

/* 하단 */
[data-role="content"].fixed .content_footer,
[data-role="content"].fixed2 .content_footer {background:var(--colorF);position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:3}
[data-role="content"].fixed .content_footer.self-bottom,
[data-role="content"].fixed2 .content_footer.self-bottom {position:absolute}/* 디바이스 키페드 올라올 경우 버튼이 키패드 위로 갈때 */
.ico_toggle_map{display:inline-block;width:2.2rem;height:2.2rem;background:url(/assets/publish/webp/ico_toggle_map.webp) 50% 50% no-repeat;background-size: contain;}
.ico_toggle_list{display:inline-block;width: 3.2rem !important;height:3.2rem;padding:unset!important;background:url(/assets/publish/webp/ico_toggle_list.webp) 50% 50% no-repeat;background-size: contain;} 
.toggle_btn.back_btn:after{content:none!important;}
.ico_info_detail{display:inline-block;width:2.6rem;height:2.6rem;background:url(/assets/publish/webp/ico_info_detail.webp) 50% 50% no-repeat;background-size: contain;}

.app_footer{height:5.2rem;background:var(--colorF);position:fixed;bottom:0;left:50%;width:100%;transform:translateX(-50%);z-index:2;box-shadow: var(--shadowStyle)}

/* 공통 - 메뉴 */
.menu_set {display:flex;width:100%;flex-wrap:wrap;justify-content:space-evenly}
.menu .item {text-align:center;margin:0 1.2rem;height:3.2rem}
.menu .item:first-child{margin-left:2rem}
.menu .item:last-child{margin-right:2rem}
.menu .item a {display:block;font-size:1.5rem;font-family:var(--fontFB);padding:0.4rem 0 0.8rem 0;line-height:1.8rem;height:3.2rem;font-weight:bold}
.menu .item.on a{border-bottom:5px solid var(--theme)}

/* 본문제목영역 */
.menu_title {font-size:1.6rem;line-height:2.2rem;font-family:var(--fontFM)}

.con_title_out{position:relative}
.con_title {font-size:1.7rem;line-height:2.2rem;font-family:var(--fontFB);font-weight:bold;}
.con_title_tx {color:#999;line-height:1.7rem;font-size:1.2rem;display:block;}
/* .con_title_more{position:absolute;top:0;right:0} */
.con_title_more{position:absolute;top:0;right:0;font-size: 1.35rem;font-weight: bold;color: var(--theme);}
.con_title_more.con_title_more_popup {top:-0.2rem;}
.con_title_s {color:#999;line-height:1.7rem;font-size:1.2rem;display:inline-block;vertical-align:top;font-family:var(--fontL) }

/* 푸터 공통 - 하단 고정 버튼 영역 */
.content_footer {width:100%;margin:0 auto}
.footer_menu{padding-left:2.6rem;padding-right:2.6rem}
.footer_menu>ul>li{margin-top:0.8rem}
.footer_menu>ul>li>a{font-size:1rem;color:#999;min-width:3.6rem}
.footer_menu>ul>li>a.on{color:var(--theme)}
.footer_menu>ul>li>a>i{width:2.4rem;height:2.4rem;display:block;min-width:100%}
.footer_menu>ul>li>a>span{line-height:1.5rem;vertical-align:top;display:inline-block}


/* 컨텐츠 - 구분라인 */
.sec_line{border-bottom:0.8rem solid var(--colorF5)}

/* 아이콘 */
.ico_more{display:inline-block;width:2rem;height:2rem;background:url(/assets/publish/webp/ico_more.webp) 50% 50% no-repeat;background-size:2rem auto}
.ico_more_purple{display:inline-block;width:1.5rem;height:1.5rem;background:url(/assets/publish/webp/ico_more_purple.webp) 50% 50% no-repeat;background-size:2rem auto}
.ico_down{display:inline-block;width:2rem;height:2rem;background:url(/assets/publish/webp/ico_more.webp) 50% 50% no-repeat;background-size:2rem auto}
.ico_more2{width: 1.2rem;height: 1.2rem;display:inline-block;background:url(/assets/publish/webp/ico_more2.webp) 50% 50% no-repeat;background-size:1.2rem auto}
.ico_subway{display:inline-block;background:url(/assets/publish/webp/ico_subway.webp) 50% 50% no-repeat;background-size:5.2rem auto}
.ico_school{display:inline-block;background:url(/assets/publish/webp/ico_school.webp) 50% 50% no-repeat;background-size:5.2rem auto}
.ico_women{display:inline-block;background:url(/assets/publish/webp/ico_women.webp) 50% 50% no-repeat;background-size:5.2rem auto}
.ico_report{display:inline-block;background:url(/assets/publish/webp/ico_report.webp) 50% 50% no-repeat;background-size:5.2rem auto}
.ico_lang{display:inline-block;background:url(/assets/publish/webp/ico_lang.webp) 50% 50% no-repeat;background-size:5.2rem auto}

.ico_coupon{display:inline-block;background:url(/assets/publish/webp/ico_coupon.webp) 50% 50% no-repeat;background-size:4.4rem auto}
/* .ico_10_1{display:inline-block;background:url(/assets/publish/webp/ico_10_1.webp) 50% 50% no-repeat;background-size:4.4rem auto} */
.ico_10_1{display:inline-block;background:url(/assets/publish/webp/ico_10plus1.webp) 50% 50% no-repeat;background-size:4.4rem auto}
.ico_discount{display:inline-block;background:url(/assets/publish/webp/ico_review5.jpg) 50% 50% no-repeat;background-size:4.4rem auto}
.ico_pay{display:inline-block;background:url(/assets/publish/webp/ico_pay.webp) 50% 50% no-repeat;background-size:4.4rem auto}
.ico_community{display:inline-block;background:url(/assets/publish/webp/ico_community.webp) 50% 50% no-repeat;background-size:4.4rem auto}
.ico_room{display:inline-block;background:url(/assets/publish/webp/ico_room.webp) 50% 50% no-repeat;background-size:4.4rem auto}
.ico_view{display:inline-block;background:url(/assets/publish/webp/ico_profile.png) 50% 50% no-repeat;background-size:4.4rem auto}
.ico_bestPrice{display:inline-block;background:url(/assets/publish/webp/ico_sale2.jpg) 50% 50% no-repeat;background-size:4.4rem auto}
.ico_coupon2{display:inline-block;background:url(/assets/publish/webp/ico_coupon2.webp) 50% 50% no-repeat;background-size:4.4rem auto}
.ico_event{display:inline-block;background:url(/assets/publish/webp/ico_event.webp) 50% 50% no-repeat;background-size:4.4rem auto}
.ico_director{display:inline-block;background:url(/assets/publish/webp/ico_director.webp) 50% 50% no-repeat;background-size:4.4rem auto}	
.ico_event3{display:inline-block;background:url(/assets/publish/webp/ico_event12.gif) 50% 50% no-repeat;background-size:4.4rem auto}
.ico_monthliv{display:inline-block;background:url(/assets/publish/webp/ico_monthliv.webp) 50% 50% no-repeat;background-size:4.4rem auto}

.ico_home{display:inline-block;background:url(/assets/publish/webp/ico_home.webp) 50% 50% no-repeat;background-size:2.4rem auto}	
.ico_loca{display:inline-block;background:url(/assets/publish/webp/ico_loca.webp) 50% 50% no-repeat;background-size:2.4rem auto}	
.ico_myloca{display:inline-block;background:url(/assets/publish/webp/ico_myloca.webp) 50% 50% no-repeat;background-size:2.4rem auto}	
.ico_heart{display:inline-block;background:url(/assets/publish/webp/ico_heart.webp) 50% 50% no-repeat;background-size:2.4rem auto}
.ico_logo{display:inline-block;background:url(/assets/publish/webp/ico_logo.webp) 50% 50% no-repeat;background-size:2.4rem auto}	
.ico_logo_theme{display:inline-block;background:url('/assets/publish/webp/logo.webp') 55% 50% no-repeat;background-size:3.6rem auto;}

.on>.ico_home{background-image:url(/assets/publish/webp/ico_home_on.webp)}
.on>.ico_loca{background-image:url(/assets/publish/webp/ico_loca_on.webp)}
.on>.ico_myloca{background-image:url(/assets/publish/webp/ico_myloca_on.webp)}
.on>.ico_heart{background-image:url(/assets/publish/webp/ico_heart_on.webp)}
.on>.ico_logo{background-image:url(/assets/publish/webp/ico_logo_on.webp)}

.ico_parking{display:inline-block;background:url(/assets/publish/webp/ico_parking.webp) 50% 50% no-repeat;background-size:4.4rem auto}	
.ico_elevator{display:inline-block;background:url(/assets/publish/webp/ico_elevator.webp) 50% 50% no-repeat;background-size:4.4rem auto}	
.ico_dryer{display:inline-block;background:url(/assets/publish/webp/ico_dryer.webp) 50% 50% no-repeat;background-size:4.4rem auto}	
.ico_ramen{display:inline-block;background:url(/assets/publish/webp/ico_ramen.webp) 50% 50% no-repeat;background-size:4.4rem auto}	
.ico_washing{display:inline-block;background:url(/assets/publish/webp/ico_washing.webp) 50% 50% no-repeat;background-size:4.4rem auto}	
.ico_airconditioner{display:inline-block;background:url(/assets/publish/webp/ico_airconditioner.webp) 50% 50% no-repeat;background-size:4.4rem auto}	
.ico_toilet{display:inline-block;background:url(/assets/publish/webp/ico_toilet.webp) 50% 50% no-repeat;background-size:4.4rem auto}
.ico_window{display:inline-block;background:url(/assets/publish/webp/ico_window.webp) 50% 50% no-repeat;background-size:4.4rem auto}	
.ico_nodeposit{display:inline-block;background:url(/assets/publish/webp/ico_nodeposit.webp) 50% 50% no-repeat;background-size:4.4rem auto}	
.ico_topRanking{display:inline-block;background:url(/assets/publish/webp/ico_topRanking.webp) 50% 50% no-repeat;background-size:4.4rem auto}

.ico_someone{display:inline-block;width:2.4rem;height:2.4rem;background:url(/assets/publish/webp/ico_someone.webp) 50% 50% no-repeat;background-size:2.4rem auto}
.ico_curve_arrow{display:inline-block;width:2.4rem;height:2.4rem;background:url(/assets/publish/webp/ico_curve_arrow.webp) 50% 50% no-repeat;background-size:2.4rem auto}
.ico_good{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_good.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_srh{display:inline-block;width:2rem;height:2rem;background:url(/assets/publish/webp/ico_search.webp) 50% 50% no-repeat;background-size:2rem auto}	
	
.ico_ck1{display:inline-block;width:2rem;height:2rem;background:url(/assets/publish/webp/inp_ck1.webp) 50% 50% no-repeat;background-size:2rem auto}	
.ico_ck2{display:inline-block;width:2rem;height:2rem;background:url(/assets/publish/webp/inp_ck2.webp) 50% 50% no-repeat;background-size:2rem auto}	
.ico_ck1.on{background-image:url(/assets/publish/webp/inp_ck1_on.webp)}	
.ico_ck2.on{background-image:url(/assets/publish/webp/inp_ck2_on.webp)}	

.ico_cal{display:inline-block;width:2rem;height:2rem;background:url(/assets/publish/webp/ico_cal.webp) 100% 50% no-repeat;background-size:1.6rem auto}	
.ico_clock{display:inline-block;width:2rem;height:2rem;background:url(/assets/publish/webp/ico_clock.webp) 100% 50% no-repeat;background-size:1.6rem auto}	
.ico_arrow{display:inline-block;width:1.2rem;height:1.2rem;background:url(/assets/publish/webp/ico_arrow_open.webp) 100% 50% no-repeat;background-size:1.2rem auto}	
.on>.ico_arrow,.ico_arrow.on{background-image:url(/assets/publish/webp/ico_arrow_close.webp)}	

.ico_bankbook{display:inline-block;width:2.4rem;height:2.4rem;background:url(/assets/publish/webp/ico_bankbook.webp) 50% 50% no-repeat;background-size:2.4rem auto}	
.ico_npay{display:inline-block;width:2.4rem;height:2.4rem;background:url(/assets/publish/webp/ico_npay.webp) 50% 50% no-repeat;background-size:2.4rem auto}	
.ico_card{display:inline-block;width:2.4rem;height:2.4rem;background:url(/assets/publish/webp/ico_card.webp) 50% 50% no-repeat;background-size:2.4rem auto}	
.ico_kakaopay{display:inline-block;width:2.4rem;height:2.4rem;background:url(/assets/publish/webp/ico_kakaopay.webp) 50% 50% no-repeat;background-size:2.4rem auto}	
.ico_acc_transfer{display:inline-block;width:2.4rem;height:2.4rem;background:url(/assets/publish/webp/ico_acc_transfer.webp) 50% 50% no-repeat;background-size:2.4rem auto}	
.ico_payco{display:inline-block;width:2.4rem;height:2.4rem;background:url(/assets/publish/webp/ico_payco.webp) 50% 50% no-repeat;background-size:2.4rem auto}	

.ico_dot{display:inline-block;width:2rem;height:2rem;background:url(/assets/publish/webp/ico_dot3.webp) 50% 50% no-repeat;background-size:2rem}

.ico_noti{position:relative;display:inline-block;border: 1px solid var(--colorF);border-radius: 2.4rem;font-size:1.2rem;padding:0 0.8rem 0 2.4rem}
.ico_noti::before{content:'';position:absolute;top:0.4rem;left:0.4rem;display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_alarm1.webp) 50% 50% no-repeat;background-size:1.6rem}

/* TODO feature/jeongHwanCusResticted */
.ico_3d{display:inline-block;background:url(/assets/publish/webp/ico_3d_24.webp) 50% 50% no-repeat;background-size:2rem auto}
/* .ico_3d{display: inline-block;width: 4rem;height: 5rem;background: url(/assets/publish/webp/ico_3d_24.webp) 50% 50% no-repeat;background-position-y: 0;background-size: 3rem auto;background-position-x: 0;} */
.ico_3d2{display:inline-block;width:2.4rem;height:2.4rem;background:url(/assets/publish/webp/ico_3d_2.webp) 50% 50% no-repeat;background-size:2.4rem auto}
.ico_2d{display:inline-block;width:2.4rem;height:2.4rem;background:url(/assets/publish/webp/ico_2d.webp) 50% 50% no-repeat;background-size:2.4rem auto}

.ico_kakao{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_kakao.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_google{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_google.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_apple{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_apple.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_apple_w{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_apple_w.webp) 50% 40% no-repeat;background-size:3.5rem auto}	
.ico_naver{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_naver.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_naver_w{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_naver_w.webp) 50% 50% no-repeat;background-size:2.5rem auto}	

.ico_snail0{display:inline-block;width:3.6rem;height:3.6rem;background:url(/assets/publish/webp/ico_snail.webp) 50% 50% no-repeat;background-size:3.6rem auto}
.ico_snail{display:inline-block;width:10rem;height:10rem;background:url(/assets/publish/webp/ico_snail3.webp) 50% 50% no-repeat;background-size:10rem auto}
.ico_snail2{display:inline-block;width:10rem;height:10rem;background:url(/assets/publish/webp/ico_snail2.webp?) 50% 50% no-repeat;background-size:10rem auto;margin-top:-10rem}
.ico_snail2_s{display:inline-block;width:7.7rem;height:7.7rem;background:url(/assets/publish/webp/ico_snail2.webp?) 50% 50% no-repeat;background-size:7.2rem auto}
.ico_snail4{display:inline-block;width:10rem;height:10rem;background:url(/assets/publish/webp/ico_snail4.webp?) 50% 50% no-repeat;background-size:10rem auto}
.ico_snail5{display:inline-block;width:10rem;height:10rem;background:url(/assets/publish/webp/ico_snail5.webp?) 50% 50% no-repeat;background-size:10rem auto}
.ico_snail6{display:inline-block;width:7.2rem;height:5.6rem;background:url(/assets/publish/webp/ico_snail6.webp?) 50% 50% no-repeat;background-size:7.2rem auto}
.ico_snail7{display:inline-block;width:10rem;height:10rem;background:url(/assets/publish/webp/ico_snail7.webp?) 50% 50% no-repeat;background-size:10rem auto}
.ico_snail8{display:inline-block;width:8rem;height:12rem;background:url(/assets/publish/webp/ico_snail8.webp?) 50% 50% no-repeat;background-size:8rem auto}
.ico_snail9{display:inline-block;width:8rem;height:12rem;background:url(/assets/publish/webp/ico_snail9.webp?) 50% 50% no-repeat;background-size:8rem auto}


.ico_stop{display:inline-block;width:1.2rem;height:1.2rem;background:url(/assets/publish/webp/ico_stop.webp) 50% 50% no-repeat;background-size:1.2rem auto}
.ico_play{display:inline-block;width:1.2rem;height:1.2rem;background:url(/assets/publish/webp/ico_play.webp) 80% 50% no-repeat;background-size:0.8rem auto}

/* detail */
.ico_down_purple{display:inline-block;width:1.5rem;height:1.4rem;background:url(/assets/publish/webp/keyboard_down.webp) 50% 50% no-repeat;background-size:2.3rem auto}
.ico_heart2{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_heart_full.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_heart3{display:inline-block;width:2rem;height:2rem;background:url(/assets/publish/webp/ico_heart.webp) 50% 50% no-repeat;background-size:2rem auto}	
.ico_heart3.on{background-image:url(/assets/publish/webp/ico_heart_full.webp) }

.ico_star{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_star2.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_eye{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_eye.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_loca_info{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_loca_info.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
				
.ico_report2{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_report2.webp) 50% 50% no-repeat;background-size:5.2rem auto}
.ico_bed{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_bed.webp) 50% 50% no-repeat;background-size:5.2rem auto}
.ico_desk{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_desk.webp) 50% 50% no-repeat;background-size:5.2rem auto}
.ico_tv{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_tv.webp) 50% 50% no-repeat;background-size:5.2rem auto}
.ico_tv_highlight{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_tv_highlight.webp) 50% 50% no-repeat;background-size:5.2rem auto}
.ico_airConditioner{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_air.webp) 50% 50% no-repeat;background-size:5.2rem auto}
.ico_doorlock{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_doorlock.webp) 50% 50% no-repeat;background-size:5.2rem auto}
.ico_heater{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_heater.webp) 50% 50% no-repeat;background-size:5.2rem auto}
.ico_closet{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_closet.webp) 50% 50% no-repeat;background-size:5.2rem auto}
.ico_fridge{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_fridge.webp) 50% 50% no-repeat;background-size:5.2rem auto}
.ico_wifi{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_wifi.webp) 50% 50% no-repeat;background-size:5.2rem auto}
.ico_washingMachine{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_laundary.webp) 50% 50% no-repeat;background-size:5.2rem auto}
.ico_microwave{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_microwave.webp) 50% 50% no-repeat;background-size:5.2rem auto}
.ico_lang2{display:inline-block;width:2rem;height:2rem;background:url(/assets/publish/webp/ico_lang2.webp) 50% 50% no-repeat;background-size:2rem auto}	
.ico_meal{display:inline-block;width:2rem;height:2rem;background:url(/assets/publish/webp/ico_meal.webp) 50% 50% no-repeat;background-size:2rem auto}	
.ico_car{display:inline-block;width:2rem;height:2rem;background:url(/assets/publish/webp/ico_car.webp) 50% 50% no-repeat;background-size:2rem auto}	
.ico_leisure{display:inline-block;width:2rem;height:2rem;background:url(/assets/publish/webp/ico_leisure.webp) 50% 50% no-repeat;background-size:2rem auto}	
.ico_sohwagi{display:inline-block;width:2rem;height:2rem;background:url(/assets/publish/webp/ico_sohwagi.webp) 50% 50% no-repeat;background-size:2rem auto}	
.ico_spot{display:inline-block;width:2rem;height:2rem;background:url(/assets/publish/webp/ico_spot.webp) 50% 50% no-repeat;background-size:2rem auto}	
.ico_walk{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_walk.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_subway_s{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_subway_s.webp) 50% 0 no-repeat;background-size:1.6rem auto}	
.ico_review1{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_review1.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_review2{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_review2.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_review3{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_review3.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_review4{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_review4.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_review5{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_review5.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_filter{display:inline-block;width:1.2rem;height:1.2rem;background:url(/assets/publish/webp/ico_filter.webp) 50% 50% no-repeat;background-size:1.2rem auto}	
.ico_plus{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_plus.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_minus{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_minus.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_point{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_point.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_spot_under{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_spot_under.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_way{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_way.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_way.on{background-image:url(/assets/publish/webp/ico_way_on.webp)}	
/* detail - new branded icons */
.ico_hairdrier{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_airdrier.webp) 50% 50% no-repeat;background-size:2.2rem auto}
.ico_hairdrier_highlight{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_hairdrier_highlight.webp) 50% 50% no-repeat;background-size:2.2rem auto}
.ico_bath{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_bath.webp) 50% 50% no-repeat;background-size:2.2rem auto}
.ico_bath_highlight{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_bath_highlight.webp) 50% 50% no-repeat;background-size:2.2rem auto}
.ico_bedsheet{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_bedsheet.webp) 50% 50% no-repeat;background-size:2rem auto}
.ico_bedsheet_highlight{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_bedsheet_highlight.webp) 50% 50% no-repeat;background-size:2rem auto}
.ico_firealarm{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_firealarm.webp) 50% 50% no-repeat;background-size:2.5rem auto}
.ico_firealarm_highlight{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_firealarm_highlight.webp) 50% 50% no-repeat;background-size:2.5rem auto}
.ico_fireextinguisher{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_fireextinguisher.webp) 50% 50% no-repeat;background-size:2.2rem auto}
.ico_fireextinguisher_highlight{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_fireextinguisher_highlight.webp) 50% 50% no-repeat;background-size:2.2rem auto}
.ico_sprinklers{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_sprinklers.webp) 50% 50% no-repeat;background-size:2.5rem auto}
.ico_sprinklers_highlight{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_sprinklers_highlight.webp) 50% 50% no-repeat;background-size:2.5rem auto}
.ico_terrace{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_terrace.webp) 50% 50% no-repeat;background-size:2.8rem auto}
.ico_terrace_highlight{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_terrace_highlight.webp) 50% 50% no-repeat;background-size:2.8rem auto}
.ico_waterpurifier{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_waterpurifier.webp) 50% 50% no-repeat;background-size:2rem auto}
.ico_trashbag{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_trashbag.webp) 50% 50% no-repeat;background-size:2.2rem auto}
.ico_kitchentools{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_kitchentools.webp) 50% 50% no-repeat;background-size:2rem auto}
.ico_foodcounter{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_foodcounter.webp) 50% 50% no-repeat;background-size:2.5rem auto}
.ico_drier{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_drier.webp) 50% 50% no-repeat;background-size:2rem auto}
.ico_drier_highlight{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_drier_highlight.webp) 50% 50% no-repeat;background-size:2rem auto}
.ico_dishware{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_dishware.webp) 50% 50% no-repeat;background-size:2.2rem auto}
.ico_detergent{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_detergent.webp) 50% 50% no-repeat;background-size:1.8rem auto}
.ico_deliverybox{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_deliverybox.webp) 50% 50% no-repeat;background-size:2.5rem auto}
.ico_coffeemachine{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_coffeemachine.webp) 50% 50% no-repeat;background-size:2.2rem auto}
.ico_toilet_new{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_toilet_new.webp) 50% 50% no-repeat;background-size:2.2rem auto}
.ico_toilet_new_highlight{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_toilet_new_highlight.webp) 50% 50% no-repeat;background-size:2.2rem auto}
.ico_bed_new{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_bed_new.webp) 50% 50% no-repeat;background-size:2.5rem auto}
.ico_bed_new_highlight{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_bed_new_highlight.webp) 50% 50% no-repeat;background-size:2.5rem auto}
.ico_closet_new{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_closet_new.webp) 50% 50% no-repeat;background-size:2.2rem auto}
.ico_closet_new_highlight{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_closet_new_highlight.webp) 50% 50% no-repeat;background-size:2.2rem auto}
.ico_desk_new{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_desk_new.webp) 50% 50% no-repeat;background-size:2.5rem auto}
.ico_desk_new_highlight{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_desk_new_highlight.webp) 50% 50% no-repeat;background-size:2.5rem auto}
.ico_doorlock_new{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_doorlock_new.webp) 50% 50% no-repeat;background-size:2rem auto}
.ico_doorlock_new_highlight{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_doorlock_new_highlight.webp) 50% 50% no-repeat;background-size:2rem auto}
.ico_air_new{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_air_new.webp) 50% 50% no-repeat;background-size:2.2rem auto}
.ico_air_new_highlight{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_air_new_highlight.webp) 50% 50% no-repeat;background-size:2.2rem auto}
.ico_fridge_new{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_fridge_new.webp) 50% 50% no-repeat;background-size:1.8rem auto}
.ico_fridge_new_highlight{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_fridge_new_highlight.webp) 50% 50% no-repeat;background-size:1.8rem auto}
.ico_heater_new{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_heater_new.webp) 50% 50% no-repeat;background-size:1.8rem auto}
.ico_heater_new_highlight{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_heater_new_highlight.webp) 50% 50% no-repeat;background-size:1.8rem auto}
.ico_laundry_new{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_laundry_new.webp) 50% 50% no-repeat;background-size:2.2rem auto}
.ico_laundry_new_highlight{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_laundry_new_highlight.webp) 50% 50% no-repeat;background-size:2.2rem auto}
.ico_microwave_new{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_microwave_new.webp) 50% 50% no-repeat;background-size:2.2rem auto}
.ico_microwave_new_highlight{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_microwave_new_highlight.webp) 50% 50% no-repeat;background-size:2.9rem auto}
.ico_wifi_new{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_wifi_new.webp) 50% 50% no-repeat;background-size:2.5rem auto}
.ico_wifi_new_highlight{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_wifi_new_highlight.webp) 50% 50% no-repeat;background-size:2.5rem auto}
.ico_parking_new{display:inline-block;width:4.4rem;height:4.4rem;background:url(/assets/publish/webp/ico_parking_new.webp) 50% 50% no-repeat;background-size:2.2rem auto}


.ico_school_s{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_school_s.webp) 50% 50% no-repeat;background-size: 1.6rem auto}	
.ico_spot_s{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_spot_s.webp) 50% 50% no-repeat;background-size:1.6rem auto}	

/*map pins*/
.ico_cate{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_cate.webp) 50% 50% no-repeat;background-size:1.6rem auto}
.ico_pin_share{display:inline-block;width:1.2rem;height:1.2rem;background:url(/assets/publish/webp/ico_pin_share.webp) 50% 50% no-repeat;background-size:1.2rem auto}
.ico_pin_dorm{display:inline-block;width:1.2rem;height:1.2rem;background:url(/assets/publish/webp/ico_pin_dorm.webp) 50% 50% no-repeat;background-size:1.2rem auto}
.ico_pin_one{display:inline-block;width:2rem;height:2rem;background:url(/assets/publish/webp/ico_pin_one.webp) 50% 50% no-repeat;background-size:2rem auto}
.ico_pin_share_r{display:inline-block;width:2rem;height:2rem;background:url(/assets/publish/webp/ico_pin_share_r.webp) 50% 50% no-repeat;background-size:2rem auto}
.ico_pin_dorm_r{display:inline-block;width:2rem;height:2rem;background:url(/assets/publish/webp/ico_pin_dorm_r.webp) 50% 50% no-repeat;background-size:2rem auto}
.ico_pin_discount{display:inline-block;width:100%;height:100%;background:url(/assets/publish/webp/ico_pin_discount.webp) 50% 50% no-repeat;background-size:cover}
.pin_pink .ico_pin_discount{display:inline-block;width:100%;height:100%;background:url(/assets/publish/webp/ico_pin_discount_inverted.webp) 50% 50% no-repeat;background-size:85% 85%}
.ico_pin_badge{display:inline-block;width:100%;height:100%;background:url(/assets/publish/webp/logo.webp) 50% 50% no-repeat;background-size:contain}

.ico_one_w{width: 3.2rem;height: 3.2rem;background-color:var(--colorF);border-radius: 3.2rem;display:flex;justify-content: center;align-items: center}
.ico_japan{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_japan.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_english{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_english.webp) 50% 50% no-repeat;background-size:1.6rem auto}	

.ico_i{display:inline-block;width:1.2rem;height:1.2rem;background:url(/assets/publish/webp/ico_i.webp) 100% 50% no-repeat;background-size:1.2rem auto}
.ico_set1{display:inline-block;width:2.8rem;height:2.8rem;background:url(/assets/publish/webp/ico_set1.webp) 100% 50% no-repeat;background-size:2.8rem auto}
.ico_set2{display:inline-block;width:2.8rem;height:2.8rem;background:url(/assets/publish/webp/ico_set2.webp) 100% 50% no-repeat;background-size:2.8rem auto}
.ico_set3{display:inline-block;width:2.8rem;height:2.8rem;background:url(/assets/publish/webp/ico_set3.webp) 100% 50% no-repeat;background-size:2.8rem auto}
.ico_set4{display:inline-block;width:2.8rem;height:2.8rem;background:url(/assets/publish/webp/ico_set4.webp) 100% 50% no-repeat;background-size:2.8rem auto}
.ico_set5{display:inline-block;width:2.8rem;height:2.8rem;background:url(/assets/publish/webp/ico_set5.webp) 100% 50% no-repeat;background-size:2.8rem auto}
.ico_set6{display:inline-block;width:2.8rem;height:2.8rem;background:url(/assets/publish/webp/ico_set6.webp) 100% 50% no-repeat;background-size:2.8rem auto}
.ico_info{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_info.webp) 100% 50% no-repeat;background-size:1.6rem auto}

.ico_set_chtalk{width:1.6rem;height:1.6rem;display:inline-block;background:url(/assets/publish/webp/ico_chtalk.webp) 50% 50% no-repeat;background-size:1.6rem auto}
.ico_set_call{width:1.6rem;height:1.6rem;display:inline-block;background:url(/assets/publish/webp/ico_call.webp) 50% 50% no-repeat;background-size:1.6rem auto}
.ico_set_kakao{width:1.6rem;height:1.6rem;display:inline-block;background:url(/assets/publish/webp/ico_kakao.webp) 50% 50% no-repeat;background-size:1.6rem auto}
.ico_set_spcbb{width:1.6rem;height:1.6rem;display:inline-block;background:url(/assets/publish/webp/ico_spcbb.webp) 50% 50% no-repeat;background-size:1.6rem auto}
.ico_set_mgp{width:1.6rem;height:1.6rem;display:inline-block;background:url(/assets/publish/webp/ico_mgp.webp) 50% 50% no-repeat;background-size:1.6rem auto}
.ico_set_event{width:1.6rem;height:1.6rem;display:inline-block;background:url(/assets/publish/webp/ico_event2.webp) 50% 50% no-repeat;background-size:1.6rem auto}
.ico_set_bell{width:1.6rem;height:1.6rem;display:inline-block;background:url(/assets/publish/webp/ico_bell.webp) 50% 50% no-repeat;background-size:1.6rem auto}
.ico_set_phone{width:1.6rem;height:1.6rem;display:inline-block;background:url(/assets/publish/webp/ico_phone.webp) 50% 50% no-repeat;background-size:1.6rem auto}

.ico_coupon_box{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_coupon_box.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_paylist{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_paylist.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_point2{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_point2.webp) 50% 50% no-repeat;background-size:1.6rem auto}	
.ico_stamp{display:inline-block;width:4rem;height:4rem;background:url(/assets/publish/webp/ico_stamp.webp) 50% 50% no-repeat;background-size:4rem auto}	
.on>.ico_stamp{background-image:url(/assets/publish/webp/ico_stamp_on.webp)}
.ico_faq_a{display:inline-block;width:1.2rem;height:1.2rem;background:url(/assets/publish/webp/ico_faq_a.webp) 100% 50% no-repeat;background-size:1.2rem auto}	
.ico_close_theme{display:inline-block;width:1.2rem;height:1.2rem;background:url(/assets/publish/webp/ico_close_theme.webp) 50% 50% no-repeat;background-size:1.2rem auto}
.ico_map{width: 1.6rem;height: 1.6rem;display:inline-block;background:url(/assets/publish/webp/ico_map.webp) 50% 50% no-repeat;background-size:1.6rem auto}
.ico_cal2{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_cal.webp) 50% 50% no-repeat;background-size:1.6rem auto}	


.ico_addimg{display:inline-block;width:4.2rem;height:4.2rem;background:url(/assets/publish/webp/ico_addimg.webp) 50% 50% no-repeat;background-size:4.2rem auto}
.ico_call2{display:inline-block;width:3.2rem;height:3.2rem;background:url(/assets/publish/webp/ico_call2.webp) 50% 50% no-repeat;background-size:3.2rem auto}
.ico_roomtour{display:inline-block;width:2.4rem;height:2.4rem;background:url(/assets/publish/webp/ico_roomtour.webp) 50% 50% no-repeat;background-size:2.4rem auto}
.ico_w{display:inline-block;width:2.2rem;height:2.2rem;background:url(/assets/publish/webp/ico_w.webp) 50% 50% no-repeat;background-size:2.2rem auto}
.ico_location_on{display:inline-block;width:1.4rem;height:1.4rem;background:url(/assets/publish/webp/ico_location_on.webp) 50% 50% no-repeat;background-size:1.4rem auto}
.ico_location_on_new{display:inline-block;width:1.5rem;height:1.5rem;background:url(/assets/publish/webp/ico_location_on_new.webp) 50% 50% no-repeat;background-size:cover}
.ico_star4_on{display:inline-block;width:1.4rem;height:1.4rem;background:url(/assets/publish/webp/ico_star4_on.webp) 50% 50% no-repeat;background-size:1.4rem auto}
.ico_bb{display:inline-block;width:2.8rem;height:2.4rem;background:url(/assets/publish/webp/ico_bb.webp) 50% 50% no-repeat;background-size:2.8rem auto}
.ico_heart4{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_heart4.webp) 50% 50% no-repeat;background-size:1.6rem auto}
.ico_eye2{display:inline-block;width:1.6rem;height:1.6rem;background:url(/assets/publish/webp/ico_eye2.webp) 50% 50% no-repeat;background-size:1.6rem auto}
.ico_percent{display:inline-block;width:5rem;height:4rem;background:url(/assets/publish/webp/ico_percent.webp) 50% 50% no-repeat;background-size:3.4rem auto}
.ico_download{display:inline-block;width:6rem;height:4rem;background:url(/assets/publish/webp/ico_download.webp) 50% 50% no-repeat;background-size:2.4rem auto}
.ico_app_icon{display: inline-block;width:3rem;height:3rem;background:url(/assets/publish/webp/ico_app_icon.webp) 50% 50% no-repeat;background-size:3rem auto}
.ico_coupon_new{display:inline-block;width:3.6rem;height:3.2rem;background:url(/assets/publish/webp/ico_coupon_new.webp) 50% 50% no-repeat;background-size:contain}
/* no data */
.no_data{text-align:center;background-color:#fff;border-radius:1rem;padding:4rem 0}

/* detail page summary icons */
.ico_summary_star{display:inline-block;width:2.2rem;height:2.2rem;background:url(/assets/publish/webp/ico_star.webp) 50% 50% no-repeat;background-size:cover}
.ico_views{display:inline-block;width:2.2rem;height:2.2rem;background:url(/assets/publish/webp/ico_views.webp) 50% 50% no-repeat;background-size:cover}
.ico_favorites{display:inline-block;width:2.2rem;height:2.2rem;background:url(/assets/publish/webp/ico_heart_new.webp) 50% 50% no-repeat;background-size:cover}
.ico_favorites.on{display:inline-block;width:2.2rem;height:2.2rem;background:url(/assets/publish/webp/ico_heart_new_active.webp) 50% 50% no-repeat;background-size:cover}
.ico_comments{display:inline-block;width:2.2rem;height:2.2rem;background:url(/assets/publish/webp/ico_comment.webp) 50% 50% no-repeat;background-size:cover}
.ico_quote{display:inline-block;width:1.2rem;height:1.2rem;background:url(/assets/publish/webp/ico_quote.webp) 50% 50% no-repeat;background-size:cover}
.ico_gosiwon_bed{display:inline-block;width:2.2rem;height:2.2rem;background:url(/assets/publish/webp/ico_gosiwon_bed.webp) 50% 50% no-repeat;background-size:cover}
.ico_sort{display:inline-block;width:2rem;height:2rem;background:url(/assets/publish/webp/ico_sort.webp) 50% 50% no-repeat;background-size:contain}
								
/* 공통 - 버튼 */
/* 버튼 그룹화 */
.btn_area{padding:2rem}
.btn_area_m{padding:2rem 1.6rem}
/* .btn_area_s{padding:0.8rem 2rem} */
.btn_area_s{padding:0.8rem var(--paddCommon)}
.btn[disabled],
.btn[disabled]:hover,
.btn[disabled]:active {background-color:var(--colorF5);border-color:var(--colorF5);pointer-events:none;color:var(--colorE5)}
.btn[disabled]>*,
.btn[disabled]>*:hover,
.btn[disabled]>*:active{color:var(--color999)}
.disa[disabled],
.disa[disabled]:hover,
.disa[disabled]:active{background-color:#e0e0e4;border-color:#e0e0e0;pointer-events:none;color:#989da9}

.btn{display:flex;justify-content:center;align-items:center;flex:1 0 auto;position:relative;text-align: center}
.btn.inflex{display:inline-flex}
.btn_line{border: 0.1rem solid var(--colorE5);border-radius:0.4rem}
.btn_line2{border: 0.1rem solid var(--colorE5);padding:0 1.2rem; border-radius:2.4rem;height:3.2rem;max-width:100%;display:inline-flex;}
.btn_line3{border: 0.1rem solid var(--colorE5);border-radius:0.4rem;padding:0 0.8rem}
.btn_line4{border: 0.1rem solid var(--colorE5);border-radius:0.4rem;padding:0 1.2rem}
.btn_theme{background-color:var(--theme);border-radius:0.4rem}
.btn_theme>span{height:4.8rem;line-height:4.8rem;font-size:1.2rem;color:var(--colorF)}
.btn_good{display:inline-flex;padding:0 1.2rem;font-size:1.2rem;height:3.2rem;line-height:3rem;font-family:var(--fontFB);border: 1px solid var(--colorF5);border-radius:0.4rem}
.btn_good> i:first-child{margin-right:1rem}
.btn_good> i{margin-right: 0.2rem}
.btn_agree{border: 0.1rem solid var(--colorE5);border-radius:0.2rem;height:2.8rem;width:2.8rem;display:inline-flex;justify-content: center;align-items: center;}
.btn_gray{font-size:1.2rem;display:inline-flex;justify-content: center;align-items: center;height:2.4rem;padding:0 0.8rem;background:var(--colorF5);border-radius: 0.4rem}
.btn_gray>i{padding:0 0.4rem}
.btn_gray>i:last-child{display:flex;justify-content: center;align-items: center}
.btn_gray>i:last-child:before{margin-right:0.4rem;content:'';display:inline-block;width:0.1rem;height:1.2rem;background-color: var(--color0)}
.btn_gray2{background:var(--colorF5);height:2.4rem;line-height:1.6rem;font-size:1.2rem;padding:0.4rem 1.2rem;border-radius: 2.4rem}
.btn_theme_line{display:inline-block;border: 1px solid var(--theme);color:var(--theme);height:2rem;line-height:1.8rem;padding:0 1rem;font-size:1rem;border-radius: 2.4rem}
.btn_red_line{display:inline-block;border: 1px solid #f00;color:#f00;height:2rem;line-height:1.8rem;padding:0 1rem;font-size:1rem;border-radius: 2.4rem}
.btn_gray_line{display:inline-block;border: 1px solid var(--color999);color:var(--color999);height:2rem;line-height:1.8rem;padding:0 1rem;font-size:1rem;border-radius: 2.4rem}
.btn_hot{display:inline-block;line-height:1.9rem;height:2rem;padding:0 0.8rem;background: var(--colorPink);border-radius: 0.2rem;color:var(--colorF);font-size:1.2rem}						
.btn_more {border: 1px solid var(--colorE5);border-radius: 0.4rem}
.btn_more>span{height: 4.2rem;line-height: 4.2rem;font-size: 1.2rem;font-family: var(--fontFB)}
.btn_more>*{margin:0 0.2rem}

/* e_live_view */
.btn_top{position:sticky;width:3.2rem;height:3.2rem;bottom:1.6rem;left:100%;margin-right:1.6rem;z-index: 100}
.ico_top{width:3.2rem;height:3.2rem;display:inline-block;background:url(/assets/publish/webp/ico_top.webp) 50% 50% no-repeat;background-size:3.2rem auto}

/* 공통 - input */	
.inp_ck_btn2{display:flex;height:4.8rem;line-height:4.8rem;text-align:center}
.inp_ck_btn2>input{position:absolute;z-index:-1}
.inp_ck_btn2>label{position:relative;width:100%;display:flex;align-items:center;justify-content:center}
.inp_ck_btn2>label:before{content:'';flex: 0 3.2rem;width:3.2rem;height:2rem;background:url('/assets/publish/webp/inp_ck2.webp') 0 50% no-repeat;background-size:2rem}
.inp_ck_btn2>input:checked + label::before{background-image:url('/assets/publish/webp/inp_ck2_on.webp')}

.inp_ck_btn1{display:flex;height:4.8rem;line-height:4.8rem;text-align:center}
.inp_ck_btn1>input{position:absolute;z-index:-1}
.inp_ck_btn1>label{position:relative;width:100%;display:flex;align-items:center;justify-content:center}
.inp_ck_btn1>label:before{content:'';flex: 0 3.2rem;width:3.2rem;height:2rem;background:url('/assets/publish/webp/inp_ck1.webp') 0 50% no-repeat;background-size:2rem}
.inp_ck_btn1>input:checked + label::before{background-image:url('/assets/publish/webp/inp_ck1_on.webp')}

.inp_ck{display:flex;height:4rem;line-height:4rem;justify-content: flex-start}
.inp_ck>input{position:absolute;z-index:-1}
.inp_ck>label{position:relative;padding-left:3.2rem;font-size:1.4rem}
.inp_ck>label:before{content:'';display:block;position: absolute;top:1rem;left:0;width:2rem;height:2rem;background:url('/assets/publish/webp/inp_ck1.webp') 50% 50% no-repeat;background-size:2rem}
.inp_ck>input:checked + label::before{background-image:url('/assets/publish/webp/inp_ck1_on.webp')}

.inp_ck2{display:flex;height:4rem;line-height:4rem;justify-content: flex-start}
.inp_ck2>input{position:absolute;z-index:-1}
.inp_ck2>label{position:relative;padding-left:3.2rem;font-size:1.4rem}
.inp_ck2>label:before{content:'';display:block;position: absolute;top:1rem;left:0;width:2rem;height:2rem;background:url('/assets/publish/webp/inp_ck2.webp') 50% 50% no-repeat;background-size:2rem}
.inp_ck2>input:checked + label::before{background-image:url('/assets/publish/webp/inp_ck2_on.webp')}

.inp_line{display:block;height:4.8rem;position:relative;align-items: center;justify-content: space-between}
.inp_line>input{font-size:1.4rem;height:4.8rem;width:100%}
.inp_line>input + label{position:absolute;bottom:0;left:0;width:100%;height:0.1rem;background:var(--colorE5);border-radius:0.1rem}
.inp_line>input:focus + label{height:0.2rem;background: var(--theme);border-radius:0.2rem}

.inp_line>textarea{font-size:1.4rem;height:4.8rem;padding:1.5rem 0 0;width:100%;line-height: 2.4rem}
.inp_line>textarea + label{position:absolute;bottom:0;left:0;width:100%;height:0.1rem;background:var(--colorE5);border-radius:0.1rem}
.inp_line>textarea:focus + label{height:0.2rem;background: var(--theme);border-radius:0.2rem}

/*input search*/
.inp_srh{border: 0.1rem solid var(--colorE5);border-radius: 0.4rem;height:4.4rem;display:flex;align-items:center}
.inp_srh>*:first-child{display:inline-flex; flex:0 4.4rem;align-items: center;justify-content: center;height:100%}
.inp_srh>input{height:100%;width:calc(100% - 5.6rem);font-size:1.4rem}
.ico_srh_s{display:inline-block;width:2rem;height:2rem;background:url(/assets/publish/webp/ico_srh_s.webp) 50% 50% no-repeat;background-size:2rem auto}	

/*join*/
.inp_cols>input{width:calc(100% - 10rem)}
.inp_cols{display:flex}
.inp_cols .btn_s{flex:0 5.6rem}
.btn_s{border: 1px solid #EEEBF5;border-radius:0.4rem;height:2.4rem;padding:0 0.5rem;line-height:2.2rem;font-size:1rem;color:var(--theme)}
.btn_s.btn_address{border: 1px solid var(--theme);font-size:1.2rem;line-height:1.2;min-height:2.4rem;height:auto;padding:0.5rem;}
.btn_s[disabled], .btn_s[disabled]:hover, .btn_s[disabled]:active{background-color: var(--colorF);border-color: var(--colorE5)}
.btn_s_gray{display:inline-block;border: 1px solid var(--color999);background-color:var(--color999); border-radius:2.4rem;height:2rem;padding:0 0.5rem;line-height:1.8rem;font-size:1rem;color:var(--colorF)}

.inp_rd_bnts>*{flex:1 50%}
.inp_rd_bnts>*:first-child>label::before{border-radius:0.4rem 0 0 0.4rem}                        
.inp_rd_bnts>*:last-child>label::before{border-left:0;border-radius:0 0.4rem 0.4rem 0}
.inp_rd_bnts>*:last-child>input:checked + label::before{width:calc(100% + 0.1rem);margin-left:-0.1rem}
.inp_rd_btn{position:relative;display:block}
.inp_rd_btn>input{position:absolute;top:0;left:0;width:100%;height:100%}
.inp_rd_btn>label{position:relative;font-size:1.4rem;color:var(--colorE5);line-height:4.6rem;display:block;width:100%;height:4.8rem;text-align:center}
.inp_rd_btn>label::before{content:'';display:block;box-sizing: border-box;position:absolute;top:0;left:0;width:100%;height:100%;border: 0.1rem solid var(--colorE5)}
.inp_rd_btn>input:checked + label{color:var(--theme)}
.inp_rd_btn>input:checked + label::before{border: 0.1rem solid var(--theme)}

.inp_rd_bnts2{display:flex;justify-content: flex-end}
.inp_rd_bnts2>*{flex:1 50%}
.inp_rd_bnts2>*:first-child{margin-right:1rem;background-color:var(--theme);border-radius: 0.4rem;}
.inp_rd_bnts2>*:last-child>label::before{border-left:0;border-radius:0 0.4rem 0.4rem 0}
.inp_rd_bnts2>*:last-child>input:checked + label::before{width:calc(100% + 0.1rem);margin-left:-0.1rem}
.inp_rd_btn2{position:relative;display:block;flex:0 5.6rem}
.inp_rd_btn2>input{position:absolute;top:0;left:0;width:100%;height:100%;opacity: 0;cursor: default}
.inp_rd_btn2>label{position:relative;font-size:1rem;color:var(--color999);line-height:2.6rem;display:block;width:100%;height:2.8rem;text-align:center;font-family:var(--fontFB);padding-left: 1rem;padding-right: 1rem;padding-top:0.1rem;cursor: pointer;}
.inp_rd_btn2>label::before{content:'';display:block;box-sizing: border-box;position:absolute;top:0;left:0;width:100%;height:100%;border: 0.1rem solid var(--colorE5);border-radius: 0.4rem;}
.inp_rd_btn2>input:checked + label{color:var(--theme)}
.inp_rd_btn2>input:checked + label::before{border: 0.1rem solid var(--theme)}

.inp_textarea{display:block;overflow:hidden;height:4.8rem;position:relative}
.inp_textarea>textarea{height:4.8rem;padding-top:1.4rem;width:100%;border-bottom:0.1rem solid var(--colorE5)}
.inp_textarea>textarea:focus{border-bottom:0.2rem solid var(--theme)}

.inp_label{font-size:1.2rem;line-height:1.7rem;color:var(--color999);display:block;font-family: var(--fontFB)}
.inp_label_tx{display:block;font-size:1rem;color:var(--color999);line-height:1.4rem;margin-top:0.5rem}
.inp_sel{position:relative;display:block;font-size:1.4rem;height:4.8rem;line-height:4.8rem;background:url(/assets/publish/webp/ico_arrow_open.webp) 100% 50% no-repeat;background-size:1.2rem}
.inp_sel::before{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:0.1rem;background-color:var(--colorE5)}
.inp_sel>a{display:block;width:100%;height:100%}
.inp_sel>a>i{color:var(--colorE5)}
.inp_sel.on{background-image:url(/assets/publish/webp/ico_arrow_close.webp)}
.inp_sel.on::before{height:0.2rem;background-color:var(--theme)}
.inp_sel2{position:relative;display:flex;justify-content:space-between;align-items: center;  font-size:1.2rem;line-height:2rem; color:var(--theme);font-family:var(--fontFB)}
.inp_sel2::after{content:'';margin-left:0.8rem;width:1.2rem;height:1.2rem;display:inline-block;background:url(/assets/publish/webp/ico_sel_open.webp) 100% 50% no-repeat;background-size:1.2rem}
.inp_sel2.on::after{background-image: url(/assets/publish/webp/ico_sel_close.webp)}

/* terms */
.must_item{padding-left: 2rem;}
.must_item>span{font-size: 1.4rem;padding: 0.25rem 1rem 0.25rem 2rem}
.must_item>.ico_more{background-size: 1.6rem;}


/* list */
.ul_list>li{display:flex;font-size: inherit;color:inherit;line-height:inherit;font-family:inherit}
.ul_list>li>i:first-child{flex:0 1.2rem}
.ul_list>li>i:last-child{flex:0 calc(100% - 1.2rem)}

/* 공통 - 모양 */
.gray_box{background-color: var(--colorF5);padding:1.2rem 1.2rem 1.5rem;border-radius: 0.8rem}
.gray_box2{background-color: var(--colorF5);padding:1.6rem;border-radius: 0 2.4rem 2.4rem 2.4rem}
.gray_box3{background-color: var(--colorF5);padding:1.6rem;border-radius: 0.8rem}
.line_box{padding:1.6rem;border-radius: 0.8rem;border:0.1rem solid var(--colorE5)}
.line_box2{padding:1.6rem;border-radius: 0.4rem;border:0.1rem solid var(--colorE5)}
.line_box3{padding:1.2rem;border-radius: 0.4rem;border:0.1rem solid var(--colorE5)}

/* 그림자 박스 */
.shadow{box-shadow:var(--shadowStyle)}
.header_shadow{box-shadow:var(--shadowStyleh)}
.header_shadow.header_shadow_n{box-shadow: none !important}

/* 스와이프가 1개일 경우 스와이프 기능 정지 */
.stop-swipe .swiper-wrapper{transform:translate3d(0px, 0, 0) !important}
.stop-swipe .pagination-wrap.disabled{display:none}


/* 공통 - 팝업 */
/* popup layout */
.popup_wrapper{display:none;opacity:0;position:fixed;top:0;bottom:0;right:0;left:0;width:100%;height:100%;z-index:1000}
.popup_wrapper.opened{display:block;animation:0.3s forwards ease-in-out pop_open}
.popbg_close{position:fixed;left:0;right:0;top:0;bottom:0;background:transparent;text-indent:-999999px;z-index:1}
@keyframes pop_open{100% {opacity:1}}
.pop_footer{display:flex;justify-content:space-between;width:100%}
.pop_footer>*{flex:1 50%}
.popup_wrapper.popbg:before{content:'';position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0, 0, 0, .45);text-indent:-999999px;z-index:-1}
/* popup btns */
.btn_pop1{line-height:6rem;height:6rem;padding:0;min-width:50%;margin:0;float:left;color:#111;background-color:#e5e5e5;font-size:1.6rem;text-align:center;font-family:var(--fontFM);flex:1 0 50%}
.btn_pop2{line-height:6rem;height:6rem;padding:0;min-width:50%;margin:0;float:left;background-color:var(--theme);color:var(--themeC);font-size:1.6rem;text-align:center;font-family:var(--fontFM);flex:1 0 50%}
.btn_pop3{line-height:4.8rem;height:4.8rem;padding:0;background-color:var(--theme);color:var(--themeC);font-size:1.6rem;text-align:center;font-family:var(--fontFM);border-radius:4.8rem;flex:1 calc(50% - 0.5rem)}
.btn_pop4{color:#111;line-height:4.8rem;height:4.8rem;padding:0;background-color:#e5e5e5;font-size:1.6rem;text-align:center;font-family:var(--fontFM);border-radius:4.8rem;flex:1 1 calc(50% - 0.5rem)}
.cols2>*:first-child{margin-right:0.5rem;flex:1 50%}
.cols2>*:last-child{margin-left:0.5rem;flex:1 50%}
.fullpop{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:#fff;overflow:auto}

/* popup alert */
/* .pop_alert{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;z-index:2;width:100%;height:100%} */
.pop_alert{display:flex;justify-content:center;align-items:center;z-index:2;}
.pop_alert .pop_header{padding:3rem 1.6rem 0}
/* .pop_alert .pop_in{position:relative;z-index:2;overflow:hidden;border-radius:0.8rem;background-color:#fff;width:calc(100% - 4.8rem)} */
.pop_alert .pop_in{position:relative;z-index:2;overflow:hidden;border-radius:0.8rem;background-color:#fff;width:35rem;}
.pop_alert .pop_con{margin:3rem 1.6rem 2rem}
.alert_tx1{line-height:2.4rem;font-size:1.8rem;font-family:var(--fontFB)}
.alert_tx1_1{line-height:2.4rem;font-size:1.8rem}
.alert_tx2{line-height:2rem;padding-top:0.4rem;font-size:1.4rem;color:#666}

/* pop_info */
.pop_info{
    display:flex;
    justify-content:center;
    align-items:center;
}
.pop_info .pop_header{
    text-align: left;
    display: flex;
}
.pop_info .pop_header>h3{
    font-size: 1.6rem;
    flex: 1 1 auto;
}
.pop_info .pop_header .btn{
    flex: 0 0 auto;
}
.ico_close_noti{
    display:inline-block;
    width:2.6rem;
    height:2.6rem;
    background:url(/assets/publish/webp/ico_close_noti.webp) 50% 50% no-repeat;
    background-size:2.6rem auto
}
.pop_info .pop_in{
    position:relative;
    overflow:hidden;
    border-radius:0.8rem;
    background-color:#fff;
    width:100%;
    padding: 2rem;
}
.pop_info .pop_con{
    position:relative;
    overflow:hidden;
    border-radius:0.8rem;
    background-color:#fff;
    padding: 2rem;
    font-size: 1.2rem;
    color:#575757;
    line-height: 1.6;
}


/* popup function */
.opened .pop_function{animation:0.3s forwards ease-in-out popfun}
.pop_function{padding:0 1.6rem var(--paddCommon3);border-top-left-radius:4rem;border-top-right-radius:4rem;-overflow-y:auto;overflow-y:auto;position:fixed;bottom:-100%;left:0;z-index:1010;width:100%;max-height:calc(100% - 5rem);height:auto;background-color:#fff;-webkit-overflow-scrolling:touch}
@keyframes popfun{100% {bottom:0}}
.pop_function .pop_header{position:relative;margin:2rem 0 0;padding: 2.4rem 0 2rem}
.pop_function .pop_header:before{content:'';position:absolute;display:block;top:0;left:50%;margin-left:-3rem;width:6rem;border-radius:0.4rem;height:0.4rem;background-color:var(--colorE5)}

.pop_header{text-align:center;}
.pop_header>h3{font-size:2rem;font-family:var(--fontFB);height:2.7rem;line-height:2.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pop_con {font-size:1.6rem;max-height:36rem;overflow-y:auto}
/* .pop_sel_list>li{padding:0.6rem 0} */
.pop_sel_list>li{padding:0.4rem 0}
.pop_sel_list>li>a{font-family:var(--fontFB); font-size:1.6rem;display:block;text-align:center;height:4.4rem;line-height:4.2rem}     
.dimmed {position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0, 0, 0, .45);text-indent:-999999px;z-index:-1}
.modalOn {overflow-y: hidden !important;height: 100vh;touch-action: none}

/* popup alarm */
.pop_alarm_out{position:fixed;width:100%;left:0;bottom:9.6rem;z-index:11000;max-height:calc(100vh - 11rem);overflow: auto}
.pop_alarm_out.top{bottom:auto;top:1.2rem}
.pop_alarm_out .pop_alarm:last-child{margin-bottom:0}
.pop_alarm{font-size:1.4rem;margin-bottom:0.5rem;font-family:var(--fontFM);padding:1.2rem 2rem;line-height:2rem;background:rgba(0,0,0,0.8);border-radius:1rem;color:#fff;text-align:center}
	
/* 공통 - datepicker */	
.cal_pop .pop_function .pop_header{padding: 0.4rem 0 0}
.ico_cal_prev{display:inline-block;vertical-align:middle;width:2.2rem;height:2.2rem;background:url(/assets/publish/webp/ico_cal_prev.webp) 50% 50% no-repeat;background-size:1.6rem auto}
.ico_cal_next{display:inline-block;vertical-align:middle;width:2.2rem;height:2.2rem;background:url(/assets/publish/webp/ico_cal_next.webp) 50% 50% no-repeat;background-size:1.6rem auto}
.table-condensed .top_tr th{font-size:1.6rem;padding:2rem 0;vertical-align:middle;}
.table-condensed th{font-size:1.2rem;padding:0.4rem 0;font-family:var(--fontFB);}
.table-condensed td>a{display:block;padding:1.2rem 0;font-family:var(--fontFB);font-size:1.4rem;text-align:center}
.table-condensed td.old>a,
.table-condensed td.new>a{color:var(--colorE5)}
.table-condensed td.active>a{background-color:#EEEBF5}
.datepic_icons{display:flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;margin: 0 2rem;}
.datepic_icons>*{border: 0.1rem solid var(--colorE5);height:4rem;border-radius:0.4rem;text-align:center;line-height: 3.8rem;font-size:1.4rem;flex:0 30%;margin-bottom:1.2rem}
.datepic_icons>*.active{background-color:#EEEBF5;border-color:#EEEBF5}

/* 공통 - tooltip */
.tip_wrap{
    position: relative;
    width: 100%;
    height: 100%;
}
.tip_box{
    display: none;
    font-family:var(--fontF);
    font-size:1.2rem;
    line-height:1.5rem;
    position:absolute;
    z-index:10;
    min-width:22rem;
    background-color:#333;
    border-radius:0.4rem;
    box-shadow: var(--shadowStyleh);
    padding:0.6rem 0.8rem;
    color:#fff;
    word-break: keep-all;

    top: calc(100% + 1rem);
    left: -5rem;
}
.tip_box.active{
    display: block;
}
.tip_box:before{
    content:'';
    position:absolute;
    bottom:99.5%;
    left:5.1rem;
    width:0;
    height:0;
    border:0.6rem solid transparent; /* 높이 */
    border-left-width:0.6rem;
    border-right-width:0.6rem;
    border-bottom-color:#333
}
.tip_box li, .tip_box p {
    color: var(--colorF);
    margin-bottom: 0.4rem;
}
.tip_box p {
    font-weight: bold;
}
.tip_icon {
    display: flex;
    width: 2.2rem;
    height: 2.2rem;
    background: url(/assets/publish/webp/ico_info_detail.webp) no-repeat;
    background-color: var(--theme) !important;
    background-size: contain;
    border-radius: 30px;
}
.tip_icon.corner {
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    top: -0.4rem;
    right: -0.8rem;
}
.tip_icon.corner.manner {
    width: 1.4rem;
    height: 1.4rem;
    top: -0.8rem;
    right: -0.6rem;
}
.tip_icon.corner .tip_box {
    left: -10rem;
    min-width: 20rem;
}
.tip_icon.corner .tip_box:before {
    left: 10.25rem;
}
.tip_icon.corner.manner .tip_box {
    left: -5rem;
}
.tip_icon.corner.manner .tip_box:before {
    left: 5.1rem;
}
section[data-id="gosiwon_rooms"] .tip_icon.section_header {
    position: absolute;
    top: 1.7rem;
    right: 1.5rem;
}
.con_title_out .tip_icon.home_page {
    position: absolute;
    top: 1.8rem;
    right: 0;
}
.tip_icon.pop_filter {
    margin-left: auto;
    margin-bottom: 0.5rem;
}
section[data-id="gosiwon_rooms"] .tip_icon.section_header .tip_box.active,
.tip_icon.pop_filter .tip_box.active,
.con_title_out .tip_icon.home_page .tip_box.active {
    display: block;
    width: 250px;
    left: calc(100% - 250px);
}
section[data-id="gosiwon_rooms"] .tip_icon.section_header .tip_box:before,
.tip_icon.pop_filter .tip_box:before,
.con_title_out .tip_icon.home_page .tip_box:before {
    left: unset;
    right: 0.5rem;
}

/* 공통 - table */
.tb{border-left:0.1rem solid var(--colorE5);border-top:0.1rem solid var(--colorE5)}
.tb th, .tb td{font-size:1.2rem;border-right:0.1rem solid var(--colorE5);border-bottom:0.1rem solid var(--colorE5);padding:1.4rem 1.2rem;line-height:1.6rem}
.tb tbody th{text-align:left}
.tb th{background-color:var(--colorF5);font-family: var(--fontFB)}

.tb_s tbody>tr>th{font-size:1rem}
.tb_s tbody>tr>td{font-size:1rem}
.tb_s tbody>tr>th, .tb_s tbody>tr>td{padding:1.1rem 0;font-weight: normal}

/* 스크롤 처리 */
.disableScroll{height:100%;overflow:hidden;touch-action:none}
.ableScroll{height:100%;overflow:auto}

/* timepicker */
.timepicker{position:relative;display:flex;justify-content: space-between;align-items: center;height:14.2rem;overflow:hidden}
.timepic_i{position:absolute;left:66%;width:3%;text-align:center;line-height:4.8rem;height: 5.2rem}
.timepicker>*{flex:0 9.6rem;max-width:30%}
.timepic{width:9.6rem;height:5.2rem;border-top:0.1rem solid var(--color999);border-bottom:0.1rem solid var(--color999)}
.timepic>ul{height:5.2rem}
.timepic>ul>li{display:flex;justify-content: center;align-items: center;}
.timepic>ul>li>a{color:var(--colorE5);height:4rem;font-size:1.4rem;display:block;text-align:center;line-height:4rem;}
.timepic>ul>li.swiper-slide-active>a{color:var(--color0)}

/* main_nav */
.main_nav{display: flex;justify-content: space-between;align-items: center}
.main_nav_r{display: flex;justify-content: flex-end;flex: 1 calc(100% - 6.8rem)}
.header_main_page .main_nav_r{display: flex;justify-content:center;flex: unset}

/* app_footer */
.footer_menu>.ico_logo_theme,
.footer_menu>.set_btn{display:none}

/* map_footer */
.map_footer{ position: absolute;z-index:3;bottom: 0;right: 0;left:0;width: 100%}

/* swiper popup */
.swpop_layer{position:fixed;height:100%;left:0;bottom:0;width:100%;top:0;z-index:3;display:none}
.swpop_layer .swpop_bg{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.3);}
.swpop{position:absolute;z-index:2;bottom:0;left:0;width:100%;overflow:hidden}
.swpop>.swiper-wrapper>*{height:100% !important}
.swpop_con{position:relative;background:var(--colorF);padding:4.4rem 2rem 2rem;border-top-left-radius:4rem;border-top-right-radius:4rem} 
.swpop_con:before{content:'';background-color:var(--colorE5); position:absolute;top:2rem;left:50%;margin-left:-3rem;width:6rem;height:0.4rem;border-radius:0.2rem}
.swpop_con .swiper-no-swiping{position:absolute;top:0;margin-top:4.4rem;left:0;width:100%;height:calc(100% - 4.4rem)}
/* .swpop_con .swiper-no-swiping{z-index:1} */
.swpop_con_in{position:relative}
.swpop_con_in .pop_header{margin-bottom:2rem}
.swpop_con_in .pop_footer{padding-top:2rem}

.wrap_pc{display:none}
.pc_ver{display:none}
.m_ver{display:block}
@media (min-width:1025px){
/* @media (min-width:541px){ */
    .pc_ver{display:block}
    .m_ver{display:none}
    .main_nav_l,.header.header_main_page .main_nav{display:none}
    .main_nav_r{margin-left: 2rem}
    .wrap_pc{display:block;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#f5f5f5 url('/assets/publish/webp/map_bg.webp') 50% 50% repeat}
    .wrap_pc:before{content:'';position:absolute;top:0;left:0;width:calc(var(--conWdPc) + var(--appfooterPc));background:#fff;height:100%;border-right:1px solid #ddd;box-shadow: 3px 3px 6px rgba(0,0,0,0.1)}
    
    /* .wrap_pc */
    .wrap{width:calc(var(--conWdPc) + var(--appfooterPc)) !important; transform: translateX(0%);left:0rem !important}
    .wrap [data-role="content"].fixed{padding-bottom:0 !important}
    .wrap .container{width:var(--conWdPc) !important;transform: translateX(0%);left:var(--appfooterPc) !important} 
    .wrap_layer{width:var(--conWdPc) !important; transform: translateX(0%);left:var(--appfooterPc) !important}
    .wrap_layer .container {width:var(--conWdPc) !important;transform: translateX(0%);left:.0rem !important}   
    .wrap_layer [data-role="content"].fixed{padding-bottom:0 !important} 
    .wrap_layer ~ .app_footer{display:block !important} 
    .wrap .header,
    .wrap_layer .header{width:var(--conWdPc) !important;transform: translateX(0) !important;left:0rem !important;position:sticky;}
    .wrap .header.header_main_page{padding: 0 0 1rem 0;}
    .extended_sidepanel.wrap_layer .header {
        width: 100%;
        left: 0rem !important;
        top: 50px !important;
        position: absolute;
    }

    .app_footer{height:auto;left:0 !important;top:0 !important;width:var(--appfooterPc) !important;transform: translateX(0) !important;z-index:99999 !important}
    .footer_menu{padding:0 !important;height:auto}
    .footer_menu .ico_list{flex-wrap: wrap;flex-direction: column;align-items: center}
    
    .popup_wrapper{width:var(--conWdPc) !important;left:var(--appfooterPc) !important}
    .popup_wrapper.popbg:before{width:var(--conWdPc) !important;left:var(--appfooterPc) !important;right:auto !important}
    .pop_function{width:var(--conWdPc) !important;left:var(--appfooterPc) !important;border:0.1rem solid #ddd}
    [data-role="content"].fixed .content_footer, 
    [data-role="content"].fixed2 .content_footer{
        position: sticky !important;
        transform: translateX(0%);
        left: 0;
    }
    [data-role="content"]{min-height:calc(100% - var(--appfooterPc))}
    [data-role="content"]>section:first-child:not(.sub_con){padding-top:0}
    .loca_list{height: calc(100% - 4.7rem);top:4.7rem}
    .map_con{height: calc(100% - 8.4rem)}
    .wrap .map_con2{height: calc(100% - 10.4rem)}
    .loca_list.subway{height: calc(100% - 9rem);top:9rem}
    .pc_fix{overflow: hidden !important}
    .cs_layer{bottom:0}

    /* app_footer */
    .footer_menu>.ico_logo_theme,
    .footer_menu>.set_btn{display:block;z-index:2}
    .footer_menu>.ico_logo_theme{position:relative;height:5rem}
    .footer_menu>.set_btn{position:absolute;bottom:0;left: 50%;transform: translateX(-50%)}
    .footer_menu>ul>li{height:5rem}

    /* swiper popup */
    .swpop_layer{left:var(--appfooterPc);width:var(--conWdPc)}

}

.toggle_btn {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--theme);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 1.6rem !important;
    border-radius: 50px;
    z-index: 5; 
    gap: 0.7rem;
    height: 4.35rem;
    max-height: 4.35rem;
    width: unset !important;
    text-indent: unset !important;
    box-shadow: 0 0.3rem 0.6rem #00000029;
    transition: ease-in 0.2s;
    white-space: nowrap;
}
.toggle_btn.toggle_btn_detail {
    width: 24rem !important;
}
.toggle_btn:hover, .toggle_btn:active, .toggle_btn:focus {
    background-color: #4b3489;
    box-shadow: 0 0.3rem 0.6rem #0000004d;
}
.toggle_btn span {
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
}
.mapfirst-main .toggle_btn {
    bottom: 6rem;
}
@media (min-width: 1025px) {
    .toggle_btn {
        display: none;
    }
}

.toggle_switch {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    position: relative;
    cursor: pointer;
    font-size: 1.5rem;
    user-select: none;
    margin-right: 1rem;
    background-color: var(--colorF);
}
.toggle_switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.toggle_switch .slider {
    position: relative;
    width: 42px;
    height: 20px;
    background-color: #e5e0f0;
    border-radius: 2rem;
    transition: background-color 0.1s ease-in;
}
.toggle_switch .slider::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: var(--color999);
    border-radius: 50%;
    transition: transform 0.1s ease-in;
}
.toggle_switch .slider_wrapper {
    border: 2px solid var(--color999);
    border-radius: 2rem;
    display: flex;
    padding: 2px;
    height: 28px;
}
.toggle_switch input:checked + .slider::before {
    transform: translateX(21px);
    background-color: var(--theme);
}
.toggle_switch .slider_wrapper:has(input:checked) {
    border: 2px solid var(--theme);
}
.wrap_pc .toggle_switch {
    position: absolute;
    top: 1.4rem;
    left: 1.4rem;
    padding: 0.6rem 1rem;
    border-radius: 5px;
    z-index: 3;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25);
}
.wrap_pc .toggle_switch .slider {
    margin-top: 0.5px;
}