/* BASIC css start */
#container_op { padding-top:4.5rem; }

.shopdetailInfoTop { padding: 0 4%; }

#fix_shop_op { position:fixed; top:5.6rem; width:100%; z-index:101; text-align:center; }
.common_title { display:inline-block; text-align:center; border-bottom:1px solid #eee; }
.common_title h3 { display:inline-block; font-size:20px; font-weight:600; line-height:59px; }

.navi_wrap { width:100%; box-sizing:border-box; border-bottom:1px solid #eee; background:#fff}

.line { width:100%; height:1rem; background:#f7f7f7; border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; margin:2rem 0; }
.line_op { width:100%; height:3px; background:#f7f7f7; margin:15px 0; }






.option_tk h4 { font-size:1.6rem; font-weight:600; color:var(--main-color); padding: 3rem 0 2rem 0; }
.shopdetailInfoName { font-size:1.6rem; font-weight:600; color:var(--main-color); padding: 1rem 0; }
.shopdetailInfoName_op { font-size:1.6rem; font-weight:600; color:var(--main-color); padding: 2rem 0 2rem 0; display:block; }
#productDetail .tit { line-height:5rem; font-size:1.6rem; font-weight:600; color:var(--main-color); padding: 1rem 0 0 0; width:100%; margin-top:3rem; }
.tit { font-size:1.6rem; font-weight:600; color:var(--main-color); padding: 3rem 4% 2rem 4%; border-top:0.5rem solid #f3f3f3;}





/* 추가상품명 */
.notice { }
.notice .tit { font-weight:600; margin-bottom:0.5rem; }
.notice p { font-size:1.2rem; line-height: 1.4; color:#fff; }
@keyframes blink-effect { 50% { opacity: 0; } }
.blink { animation: blink-effect 1.5s step-end infinite; /*animation-name: blink-effect; animation-duration: 1.5s; animation-iteration-count:infinite; animation-timing-function:step-end;*/}

.navi_wrap { width:100%; padding:0 1.5rem; box-sizing:border-box;  border-bottom:1px solid #eee;   background:#fff}


/* 병원 */
.logo_hospital { width:100%; display:block; text-align:center; margin-top:0.7rem; }
.logo_hospital .homepage,
.logo_hospital .joriwon {  width:100%; margin:0.5rem 0; }
.logo_hospital a { display:block; background:#f7f7f7; padding:1.4rem 1rem; }
.logo_hospital img { display:inline-block; width:auto !important; height:1.4rem; vertical-align:middle; }
.logo_hospital span { display:inline-block; padding-left:0.3rem; font-size:1.3rem; font-weight:500; letter-spacing:-0.05rem; color:#666; }


.intro { font-size:1.3rem; line-height:2rem;  color:#333; }


.ad_bn { display:block; padding:2rem 0; }
.ad_bn a { display:block; border-radius:0.5rem; overflow:hidden; }
.ad_bn a img { width:100%; }


#sec_bn_ad { padding: 1rem 2rem 0 2rem; }
#sec_bn_ad a { display:block; border-radius:0.5rem; overflow:hidden; }
#sec_bn_ad img { width:100%; }


.map_addr { font-size:1.3rem; line-height:2rem; padding:1rem; margin:1rem 0; border-radius:1rem; background:#f7f7f7; color:#333; }
.map_addr span { font-weight:bold; padding-right:0.5rem; }



/* 유팡 증정 배너 */
.bn_plan { margin: 2rem 0 1rem 0; }
.bn_plan img { width:100%; }


#request { margin:3rem 0; position:relative; z-index:1; text-align:center; font-size:1.4rem; }
#request a {  text-decoration: underline; text-underline-offset : 0.4rem; color:#999;  }





/* 광고 배너 - 여백 수정 */
#ADbn_aree { padding:1rem 2rem 1rem 2rem !important; }


#reserve  { padding-top:8rem; margin-top:-10rem; display:block; }
#price_2 { padding:10rem 0 1rem 0; margin-top:-10rem; display:block; overflow:hidden; }
#info_2,
#map_2,
#review { position:relative;  padding:10rem 0 1rem 0; margin-top:-10rem;  overflow:hidden; }


/* 상단 기본 정보 */
.shopdetail { width:100%; position:relative; }
.shopdetail .shopdetailInfo .shopdetailInfoTop .page_location ol { font-size:1.2rem; color:#666; }
.shopdetail .shopdetailInfo .shopdetailInfoTop .page_location li { padding:0 0.5rem; line-height:2rem; background:#f7f7f7; margin-right:0.5rem; }
.shopdetail .shopdetailInfo .shopdetailInfoTop .page_location .reserve_on { background: var(--main-color); color:#fff; }
.shopdetail .shopdetailInfo .shopdetailInfoTop .page_location li a { color:#999; font-size:1.3rem; }
.shopdetail .shopdetailInfo .shopdetailInfoTop .name { font-size:2rem; font-weight:600; line-height:3rem; padding-bottom: 1rem; }
.shopdetail .shopdetailInfo .shopdetailInfoTop .addr { margin-bottom:1rem; padding:0 2rem; }
.shopdetail .shopdetailInfo .shopdetailInfoTop .addr p { font-size:1.1rem; color:#777; line-height:1.8rem; font-weight:400; display:inline-block; margin-right:0.5rem;  }
.shopdetail .shopdetailInfo .shopdetailInfoTop .addr .map_link { font-size:1.1rem; color:#999; line-height:1.8rem; font-weight:400; }

.page_location { padding: 1.5rem 0; }
.page_location ol::after { content:""; margin:0 0.4rem; }
.page_location li::after { content:""; margin:0 !important; }



/* 메타버스 */
#matterWrap { width:100%; height:46rem; overflow:hidden; border-radius:0.5rem;  position:relative;}
#matterWrap_else { width:100%; height:46rem; overflow:hidden; border-radius:0.8rem;  position:relative;}


#matterWrap .logo { position:relative; }
#matterWrap .logo .logo_img { position:absolute; top:1rem; right:1rem; max-width:2.5rem; }
#matterLayer { position:relative; bottom:19vw; width:100%; height:24vw; background: var(--main-color); text-align:center; }
#matterLayer img { padding-top:0.8rem; width:9rem; }
#view_meta #loading-gui #loading-powered-by #loading-mp-logo { display:none; }
#view_meta { width:100%; height:50rem; }
#view_meta_else { width:100%; height:54rem; }


#matterWrap_else #view_meta { width:100%; height:54rem; }


.meta { position:relative; z-index:1; display:block; }


.meta .meta_else {  overflow:hidden; }
.meta .meta_else img { position:absolute; width:100%; height:100%; filter:opacity(0.4); }


.meta_login {position:absolute; z-index:1; background: #fff; top: 50%; left: 50%; text-align: center; border-radius: 1rem; padding: 3rem 2.5rem; transform: translate(-50%, -50%); color:#000; width:30rem; }

.meta_login p { font-size:1.8rem; line-height:2.5rem; font-weight:bold; }
.meta_login .bt_login { background:var(--main-color); color:#fff; font-weight:bold; margin-top:3rem; line-height:5rem; border-radius:1rem; }
.meta_login .bt_login:hover { background:#e61857;}


.highlight-box { height:22vw; }
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:90%;}



/* 텍스트 공통 */
.shopdetail .detail_tit { font-size:4.2vw; color:#000; margin-top:3vh; font-weight:500;  padding:2vw 0; }
.shopdetail .subname { font-size:3.5vw;; color:#333; line-height:5vw; font-weight:300; letter-spacing:-0.1vw;  }



#navi_container .h3_tit { font-size:4.2vw; color:#000; margin-top:7vw; font-weight:500; padding:4vw 4vw 2vw 4vw; border-top:1px solid #eee; }



.shopdetail .summary { font-size:1.2rem; line-height:1.4rem; }
.shopdetail .summary li { background:url(/design/ipoomgo/ico_bul.png) no-repeat 0 0.3rem; background-size:0.9rem; } 
.shopdetail .summary li p { font-size:1.3rem; color:#333; line-height:2rem; padding-left:1.3rem; letter-spacing:-0.05rem; }
.shopdetail .summary li .sub { font-size: 1.2rem; font-weight:400; color:#999; }







/* 산후조리원 후기 */
.shopdetail .shopdetailInfo .all { display:block; width:100%; box-sizing:border-box; text-align: center; padding: 3vw; font-size: 3.3vw; font-weight:400;  border:1px solid #d9d9d9; color:#333; margin-top:3vw; }



.shopdetail .shopdetailInfo .shopdetailInfoBottom {background-color:#fff;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue {position: relative; padding:18px 22px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue em {color:var(--main-color); font-size:1.3em;  }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p {margin-bottom:14px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p:last-child {margin-bottom:0px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p del { margin-left:10px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName {width:25%; display:inline-block; font-size:1.5rem; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont {width:75%; display:inline-block; margin-left: -4px; font-size:1.1em; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .region {margin-left: 10px;}





.shopdetail .reserve_tit { float:left; display:inline-block; width:100%; color:#000; font-size:1.5rem; padding:1.5rem 1rem 0.6rem 1rem; font-weight:600; box-sizing:border-box; border:none;}







/* 산후조리원 예약 - 원클릭옵션 */
.MK-oneclick-title { display:block; font-size:1.5rem; padding:1.3rem 0; font-weight:400; }
.MK-oneclick-title::before { content:"선택"; background:#999; color:#fff; padding:0.2rem 0.7rem; margin-right:0.5rem; font-size:1.2rem; border-radius:0.3rem; }



.option_tk { display:inline-block; width:100%; box-sizing:border-box; }


.option_tk .shopdetailInfoOneclick { clear:both; overflow:hidden; zoom:1; }
.option_tk .shopdetailInfoOneclick > span { float:left; display:inline-block; width:100%; color:#000; font-size:1.5rem; padding:1.5rem 0 1rem 0; font-weight:600; box-sizing:border-box; border:none;}

.option_tk .shopdetailInfoOneclick .shopdetailInfoList { display:inline-block; width:100%; }
.option_tk .shopdetailInfoSelect > p > span {  color:#000; border:none; }


.option_tk .txt { display:inline-block; height:4rem; width:100%; overflow:hidden; box-sizing:border-box;  }
.option_tk .txt img { width:6vw; padding-top:2vw; margin-left:3vw; }
.option_tk .txt input { padding-left:0; width:32rem; color:#888; font-size:1.4rem; font-weight:400; border-top:none;border-left:none;border-right:none; border-bottom:1px solid #ccc; }
.datepicker { inputmode:none; }

.MK-oneclick-list { overflow:hidden; zoom:1; }
.MK-oneclick-list:after { content: ""; display: block; clear: both; }
.MK-oneclick-list li { position:relative; box-sizing:border-box;  float:left; margin: 0.5rem 0; width:100%; border-radius:1rem; }                                                                                
.MK-oneclick-list li a { display: inline-block; box-sizing:border-box; } 




.MK-oneclick-list li a span { display: block; text-align: center; vertical-align: middle; line-height: 19px; }                         
.MK-oneclick-list li a img { width: 100%; height:100%;}

.MK-oneclick-list li.MK-oneclick-sel a { font-weight:600; color: var(--main-color); }
.MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=40); -moz-opacity:.4; opacity:.4; }
.MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a { padding:1px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }



.MK-oneclick-list li.MK-oneclick-image a { }
.MK-oneclick-list li.MK-oneclick-image a img { width: 100%;; border-radius:1rem; }
.MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img { width: 100%; filter:alpha(opacity=30); -moz-opacity:.3; opacity:.3; }

.MK-oneclick-list li.MK-oneclick-text .MK-oneclick-list li.MK-oneclick-text {min-width:35px; max-width:100%; height: 50px; }
.MK-oneclick-list li.MK-oneclick-text a {  }

                                                                 
.MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; }

.MK-oneclick-value { padding-bottom: 3px; display:none;; }
.MK-oneclick-only-text li.MK-oneclick-text { width:10.5rem; border:1px solid #ccc; padding:0.7rem 0.5rem; text-align:center; border-radius:0.5rem; margin:0.5rem; }
.MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 2rem; font-size:1.4rem; font-weight:500; }
.MK-oneclick-list li.MK-oneclick-sel { background:#fef7f9; border: 1px solid var(--main-color); }

.shopdetail .shopdetailInfo .buy_on { text-align: center; margin:2rem 0; }
.shopdetail .shopdetailInfo .buy_on a { width:100%; display: inline-block; padding:1.8rem 0; margin: 0;  }
.shopdetail .shopdetailInfo .buy_on a.buy { background-color:var(--main-color); color:#fff; border-radius:1rem; font-size:1.9rem; font-weight:700; letter-spacing:0.1rem; }



.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {background-color:#fff; text-align:right; padding:15px; font-size:1.2em;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal em {color:#f1191f; font-size:1.333em; margin-left:16px;}

.MK_optAddWrap .MK_inner-opt-cm li { position:relative; border-bottom:1px solid #c7c7c7; padding: 1rem 0; margin-top:2rem; }
.MK_optAddWrap .MK_inner-opt-cm li:last-child {border-bottom:0px none;}
.MK_optAddWrap .MK_inner-opt-cm .MK_p-name { display: block; padding:1rem 3rem 2rem 0; font-size:1.5rem; line-height:2.1rem; letter-spacing:0.03rem; border-bottom:1px dashed #ddd; }
.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl {margin-top:8px; padding:0 15px; display:none; }
.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"] {padding:0 6px; width: 79px; }
.MK_optAddWrap .MK_inner-opt-cm .MK_btn-del {position:absolute; top:3.9rem; right:1rem;}
.MK_optAddWrap .MK_inner-opt-cm .MK_btn-del img {width: 1.4rem; }
.MK_optAddWrap .MK_inner-opt-cm .MK_price { display:none; position:absolute; bottom:21px; right:0; font-size: 1.3em; margin-right:5px;}
.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02 {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; display: inline-block;}
.MK_optAddWrap .total {text-align:right; padding:5vw 2vw; font-size: 17px;}

.MK_optAddWrap_div { height:10px;padding:0;background:#f6f6f6;border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; }
.MK_optAddWrap_line { height:1px;padding:0;background:#f6f6f6; border-bottom:1px solid #c7c7c7; }




.MK_optAddWrap .MK_inner-opt-cm li::before { content:"예약 정보 확인"; color: var(--main-color); font-size:1.5rem; font-weight:600; }



/* 합계 */
#MK_innerOptTotal { display:flex; justify-content:space-between; text-align:right; padding: 3rem 0 1rem 0; font-size:1.9rem; font-weight:600; }
.MK_optAddWrap .MK_total {font-size:1.9rem; color: var(--main-color); margin:0 0.5rem; font-weight:700; }
.MK_optAddWrap .MK_txt-won {font-size:1.9rem;}






.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_innerOptPrice,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_innerOptAdd { padding-bottom:5px; margin-right: 10px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_optAddWrapList {background-color:#f6f6f6; }













/* (안내사항) 예약 확정 안내 */
.reserve_info { background:#f7f7f7; padding:1rem 1.5rem; border-radius:1rem; }
.reserve_info span { display:block; color:#444; font-weight:600; font-size:1.3rem; line-height:1.7rem; padding:0.5rem 0 0.3rem 0; }
.reserve_info .event { color: var(--main-color); }
.reserve_info .notice1 { color:#666; font-weight:400; font-size:1.1rem; line-height:1.5rem;  }
.reserve_info p { font-size:1.2rem; white-space:normal; color:#777; line-height:1.5rem; padding: 0 0 0.3rem 1rem; background: url(/design/ipoomgo/ico_bul.png) 0 0 no-repeat; background-size: 0.8rem auto; background-position:0 0.2rem; letter-spacing:-0.05rem; }
.reserve_info .color_b { color:#444; font-weight:500; }


.terms_wrap { overflow:hidden; font-size:1.3rem; background:#f7f7f7; text-align:center;  margin-bottom:2rem; z-index:1; position:relative; }
.terms_wrap span { display:block; color:#f94500; font-weight:500; margin-bottom:4vw; font-size:3.6vw;  }
.terms_wrap label { display:block; color:#333; float:left; line-height:5vw;  width:45vw; font-weight:500; }
.terms_wrap .close_bt { position:absolute; right:2rem; }
.terms_wrap a { color: #000; font-weight:500; line-height:4rem; display:block;  }


.reserve_notice { margin:0 1rem 2rem 0; background:#fffce5; padding:1rem 1.5rem; border-radius:1rem; }
.reserve_notice span { display:block; color:#000; font-weight:600; font-size:1.3rem; line-height:1.7rem; padding:0.5rem 0 0.7rem 0; }
.reserve_notice p { white-space:normal; color:#000; line-height:1.8rem; }












#navi_container > .terms_wrap { margin: 1rem 0; }



.reserve_info table { width:100%; font-size:1.1rem; margin-top:1vw; }
.reserve_info table tr { height:6vw; }
.reserve_info table tr.money { border-bottom:1px solid #ccc; }











/* IOS 디바이스 옵션 선택 시 자동 확대 방지 */
input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], select { font-size:1.4rem; text-align:left; }
/* //IOS 디바이스 옵션 선택 시 자동 확대 방지 */

/* OKDGG 버튼 */
.shopdetail .okdgg-checkout {margin-top: 15px;}
.shopdetail .okdgg-checkout img {max-width: 90%; height: auto;}
/* //OKDGG 버튼 */


/*
@media screen and (min-width:420px) and (max-width:767px) {
	.shopdetail .shopdetailInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #c7c7c7; background-color: #fff;}
	.shopdetail .shopdetailInfo h2 {border-bottom:1px solid #c7c7c7; padding-bottom:16px; background-color: #f5f5f5;}
	.shopdetail .shopdetailInfo .shopdetailInfoTop {float:left;}
	.shopdetail .shopdetailInfo .shopdetailInfoTop figure {border-bottom:0px none;}
	.shopdetail .shopdetailInfo .shopdetailInfoTop, .shopdetail .shopdetailInfo .shopdetailInfoBottom {width:50%;}
	.shopdetail .shopdetailInfo .shopdetailInfoBottom {float:right; background-color:#fff;}
	.shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {background-color: #fff;}
	.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {border-top:1px solid #c7c7c7;}
	.shopdetail .shopdetailCoupon .shopdetailCouponGet {width:335px; margin:0 auto;}
	.shopdetail .shopdetailRelationItem {padding:0 0 30px 0;}
	.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a {padding:10px 8px;}
	.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy {padding:10px 8px;}
	.shopdetail .shopdetailItem .shopdetailItemPopup {width:335px; margin:22px auto;}
	.shopdetail .shopdetailRelationItem .btn_cart {margin:34px auto;}
	.shopdetailRelation .list_shoppingRelationItem1x li {width:50%;}
	.shopdetailRelation .list_shoppingRelationItem1x li:nth-child(2) {border:0px none;}
}
@media screen and (min-width:768px) {
	.shopdetail .shopdetailInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #c7c7c7; background-color: #fff;}
	.shopdetail .shopdetailInfo h2 {border-bottom:1px solid #c7c7c7; padding-bottom:16px; background-color: #f5f5f5;}
	.shopdetail .shopdetailInfo .shopdetailInfoTop {float:left;}
	.shopdetail .shopdetailInfo .shopdetailInfoTop figure {border-bottom:0px none;}
	.shopdetail .shopdetailInfo .shopdetailInfoTop, .shopdetail .shopdetailInfo .shopdetailInfoBottom {width:50%;}
	.shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {background-color: #fff;}
	.shopdetail .shopdetailInfo .shopdetailInfoBottom {float:right; background-color:#fff;}
	.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {border-top:1px solid #c7c7c7;}
	.shopdetail .shopdetailCoupon .shopdetailCouponGet {width:335px; margin:0 auto;}
	.shopdetail .shopdetailRelationItem {padding:0 0 30px 0;}
	.shopdetail .shopdetailItem .shopdetailItemPopup {width:335px; margin:22px auto;}
	.shopdetail .shopdetailItem .shopdetailNotify {margin-top:36px;}
	.shopdetail .shopdetailRelationItem .btn_cart {margin:34px auto;}
	.shopdetailRelation .list_shoppingRelationItem1x li {width:50%;}
	.shopdetailRelation .list_shoppingRelationItem1x li:nth-child(2) {border:0px none;}
}
*/

.blogSearchWrap { width: 100%; height:90vw; }
.blogSearchWrap #blogSearchIframe { height:100%; }






/*popup*/
.popup_layer {position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
/*팝업 박스*/
.popup_box { position: relative;top:55%;left:50%; overflow: auto; height: 60rem; width:90%;transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);}
.popup_box .top { position:fixed; height:4rem; display:block; padding:1rem; background:#fff; width:100%; overflow:hidden; box-sizing:border-box; border-bottom: 1px solid #eee; text-align:left; }
.popup_box .top img { width:2rem; height:2rem; }
.popup_box h5 { display:inline-block; padding-left:1.4rem; font-size:1.5rem; line-height:2rem;}


/*컨텐츠 영역*/
.popup_box .popup_cont { height:55rem; padding:0 1.5rem; padding-top:5rem; overflow-y:scroll; }


.popup_box .popup_cont iframe { border:none; height:100%; height:53rem; overflow-y:scroll; width:100%; }
.popup_box .popup_cont iframe  scroll { overflow: hidden; }

.popup_box .popup_cont iframe { -ms-overflow-style: none; }
.popup_box .popup_cont iframe::-webkit-scrollbar { display:none; }



/*버튼영역*/
.popup_box .popup_btn { position:absolute; bottom:0; display:table; table-layout: fixed; width:100%; }
.popup_box .popup_btn a { position: relative; display: table-cell; height:12vw; font-size:4vw; text-align:center;vertical-align:middle;text-decoration:none; background:var(--main-color); color:#fff; }

.popup_box .popup_btn a.close_day {background:#5d5d5d;}
.popup_box .popup_btn a.close_day:before, .popup_box .popup_btn a.close_day:after{display:none;}
/*오버레이 뒷배경*/
.popup_overlay{position:fixed;top:0px;right:0;left:0;bottom:0;z-index:1001;;background:rgba(0,0,0,0.5);}
/*popup*/







/* 상품 상세페이지 내 스타일 */
#productDetail .table_wrap  { width:100%; overflow:hidden; box-sizing:border-box;  background:#fff;  }
#productDetail .table_wrap table {  width:100%; margin-bottom:0.5rem; font-size: 1.2rem; letter-spacing:-0.02rem; color: #666; }
#productDetail .table_wrap table tr { height:3rem; border-bottom:1px solid #ededed; border-top:1px solid #ededed;  }
#productDetail .table_wrap table .title { background:#f5f5f5; }
#productDetail .table_wrap table td { padding-left:0.5rem; }




#productDetail .update { padding:1rem 2rem; text-align:right; color:#999; font-size:1.1rem; }


.price  { width:100%; font-size: 1.3rem; letter-spacing:-0.03rem; color: #333; overflow-x:auto; white-space:nowrap; border-top:1px solid #ededed; line-height:2rem;  }
.price tr { height:3rem; border-bottom:1px solid #ddd; }
.price tr .retail { text-decoration: line-through; }
.price tr.ip { color:var(--main-color);  font-weight:600; }
.price .title { background:#f8f8f8; }
.price td { padding:0.5rem; text-wrap:auto; }

.price td p { white-space:normal; line-height:2rem; padding-left: 1rem; background: url(/design/ipoomgo/ico_bul.png) 0 0 no-repeat; background-size: 0.8rem auto; background-position:0 0.4rem; }

.price td .sub { font-size: 1.2rem; font-weight:400; color:#999; }



#map_wrap { overflow:hidden; box-sizing:border-box;  border-radius:1rem; }
#map_wrap #map { height:23rem; }
.root_daum_roughmap { margin:15px 0; width:100%; }
.root_daum_roughmap .wrap_map { height:250px; }





/* 요금 */
#price_2 > .container {  }

ul.tabs { display:flex; margin-top:1rem; list-style: none; }
ul.tabs li{ display: inline-block; color: #666; padding: 0.5rem 1.2rem; cursor: pointer; border:1px solid #ccc; font-size:1.3rem; line-height:2rem; margin-right:1rem; }
ul.tabs li.current { border:1px solid var(--main-color); color:var(--main-color); font-weight:600; background:#fef7f9; }
.tab-content { display: none; padding:1rem 0; }
.tab-content.current{ display: inherit; }






select { height:6vw; }
.ui-datepicker .ui-datepicker-title select { font-size:3.3vw !important;  margin:1vw 0 !important; }
.ui-widget-header { background:#fff !important; border:none !important; font-weight:normal !important;  }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { margin-top:0  !important; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top:0  !important; width:5vw !important; height:5vw !important; }
.ui-datepicker td span, .ui-datepicker td a { text-align:center !important; padding:1vw  !important; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border:1px solid #e74174 !important; background: #e74174 !important; color:#fff !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border:1px solid #f5f5f5 !important; }



// set up navbar
#main-navigation  { }
#main-navigation .links-container { width:100%; display: flex; position: relative; overflow-x:auto; white-space:nowrap; }
#main-navigation .links-container .nav-link { padding: 1rem 0.5rem; flex-grow: 1; text-align: center; cursor: pointer; font-size:1.6rem; font-weight:300; }
#main-navigation .links-container .nav-link.active { border-bottom: 0.4rem solid var(--main-color);  font-weight:500;  }

#pages-container .swiper-scrollbar { height: 3px; background-color: transparent; opacity: 1 !important;}
#pages-container .swiper-scrollbar-drag {  background-color: var(--main-color);  border-radius: 0;  top: -4px; }


#footer .footerNav { margin-bottom:2rem !important; }


.joriwon_event { display:none; margin:1rem 0; text-align:center; box-sizing:border-box; overflow:hidden; border-radius:0.5rem; }
.joriwon_event img { width:121%; object-fit:cover; object-position:-3.2rem; }
.joriwon_event .event_wrap { background:url(/design/kichmom/reserve/bg_event.jpg) no-repeat; background-size:100%;  padding:2vw;}
.joriwon_event h1 { font-size:4.3vw; font-weight:500; color:#fff; padding:5vw 0 3vw 0; }

.joriwon_event .event_wrap .event_contents { background:#fff; border-radius:1vw; padding:0 2vw 3vw 2vw; }
.joriwon_event .event_wrap .event_contents .tit { color:#000; padding-bottom:1vw; padding-top:3vw; }
.joriwon_event .event_wrap .event_contents p { color:#999; letter-spacing:-0.1vw; }



/* 조리원 이벤트 */
.event_wrap { display:flex; padding: 0 2rem; }
.event_wrap .event_text { width:72rem; }
.event_wrap .event_text p { font-size:1.3rem; line-height:2rem; }
.event_wrap .event_img { margin-top: -4rem; padding:1rem; }
.event_wrap .event_img img { width:100%; }

.detail-info { position:relative; /*padding:0 4%;*/ }






/* 예약 시 제공 사항 */
.serviceList {display: flex;/* padding:0 0.5rem; */flex-wrap: wrap;justify-content: flex-start;}
.serviceList li {width: 20%;display:inline-block;text-align:center;vertical-align:top;margin-bottom:1rem;}
.serviceList li .icoArea { display:inline-block; width:5rem; height:4.2rem; }
.serviceList li .icoArea img { width:65%; overflow:hidden; filter: brightness(220%); }
.serviceList li span { display:block; font-size:1.1rem; color:#444; vertical-align:top; line-height:1.4rem; padding-top:0.5rem; letter-spacing:-0.1rem; }
.serviceList li span .sub { font-size:1.1rem; color:#ccc; }


.serviceList li > .icoArea > div { display:inline-block; width:100%; height:100%; background-size:3.4rem auto !important; }

.serviceList li .icoArea .ico_01 { background:url(/design/ipoomgo/list_ico_08.png) no-repeat center; }
.serviceList li .icoArea .ico_02 { background:url(/design/ipoomgo/list_ico_02.png) no-repeat center; }
.serviceList li .icoArea .ico_03 { background:url(/design/ipoomgo/list_ico_21.png) no-repeat center; }
.serviceList li .icoArea .ico_04 { background:url(/design/ipoomgo/list_ico_22.png) no-repeat center; }
.serviceList li .icoArea .ico_05 { background:url(/design/ipoomgo/list_ico_30.png) no-repeat center; }
.serviceList li .icoArea .ico_06 { background:url(/design/ipoomgo/list_ico_01.png) no-repeat center; }
.serviceList li .icoArea .ico_07 { background:url(/design/ipoomgo/list_ico_04.png) no-repeat center; }
.serviceList li .icoArea .ico_08 { background:url(/design/ipoomgo/list_ico_03.png) no-repeat center; }
.serviceList li .icoArea .ico_09 { background:url(/design/ipoomgo/list_ico_06.png) no-repeat center; }
.serviceList li .icoArea .ico_10 { background:url(/design/ipoomgo/list_ico_13.png) no-repeat center; }
.serviceList li .icoArea .ico_11 { background:url(/design/ipoomgo/list_ico_10.png) no-repeat center; }
.serviceList li .icoArea .ico_12 { background:url(/design/ipoomgo/list_ico_05.png) no-repeat center; }
.serviceList li .icoArea .ico_14 { background:url(/design/ipoomgo/list_ico_15.png) no-repeat center; }
.serviceList li .icoArea .ico_15 { background:url(/design/ipoomgo/list_ico_11.png) no-repeat center; }
.serviceList li .icoArea .ico_16 { background:url(/design/ipoomgo/list_ico_11.png) no-repeat center; }
.serviceList li .icoArea .ico_17 { background:url(/design/ipoomgo/list_ico_12.png) no-repeat center;  }
.serviceList li .icoArea .ico_18 { background:url(/design/ipoomgo/list_ico_16.png) no-repeat center; }
.serviceList li .icoArea .ico_19 { background:url(/design/ipoomgo/list_ico_14.png) no-repeat center; }
.serviceList li .icoArea .ico_21 { background:url(/design/ipoomgo/list_ico_18.png) no-repeat center; }
.serviceList li .icoArea .ico_22 { background:url(/design/ipoomgo/list_ico_29.png) no-repeat center; }
.serviceList li .icoArea .ico_23 { background:url(/design/ipoomgo/list_ico_09.png) no-repeat center; }
.serviceList li .icoArea .ico_24 { background:url(/design/ipoomgo/list_ico_17.png) no-repeat center; }
.serviceList li .icoArea .ico_25 { background:url(/design/ipoomgo/list_ico_07.png) no-repeat center; }
.serviceList li .icoArea .ico_03 { background:url(/design/ipoomgo/list_ico_21.png) no-repeat center; }
.serviceList li .icoArea .ico_04 { background:url(/design/ipoomgo/list_ico_22.png) no-repeat center; }
.serviceList li .icoArea .ico_13 { background:url(/design/ipoomgo/list_ico_20.png) no-repeat center; }
.serviceList li .icoArea .ico_20 { background:url(/design/ipoomgo/list_ico_19.png) no-repeat center; }
.serviceList li .icoArea .ico_26 { background:url(/design/ipoomgo/list_ico_24.png) no-repeat center; }
.serviceList li .icoArea .ico_27 { background:url(/design/ipoomgo/list_ico_24.png) no-repeat center; }
.serviceList li .icoArea .ico_28 { background:url(/design/ipoomgo/list_ico_25.png) no-repeat center; }
.serviceList li .icoArea .ico_29 { background:url(/design/ipoomgo/list_ico_23.png) no-repeat center; }
.serviceList li .icoArea .ico_30 { background:url(/design/ipoomgo/list_ico_26.png) no-repeat center; }
.serviceList li .icoArea .ico_31 { background:url(/design/ipoomgo/list_ico_28.png) no-repeat center; }
.serviceList li .icoArea .ico_31 { background:url(/design/ipoomgo/list_ico_28.png) no-repeat center; } /*필라테스*/
.serviceList li .icoArea .ico_32 { background:url(/design/ipoomgo/list_ico_27.png) no-repeat center; } /*UV소독기*/
.serviceList li .icoArea .ico_33 { background:url(/design/ipoomgo/list_ico_29.png) no-repeat center; } /*문화센터*/
.serviceList li .icoArea .ico_34 { background:url(/design/ipoomgo/list_ico_34.png) no-repeat center; }
.serviceList li .icoArea .ico_35 { background:url(/design/ipoomgo/list_ico_35.png) no-repeat center; }


/* 파워리뷰 수정 css */

.review_all { width:100%; padding: 0 1rem; width:100%; text-align:center; box-sizing:border-box; }
.review_all a { padding:1rem; width:100%; display:block; box-sizing:border-box; border:1px solid  var(--main-color); color: #e74174 }


#mPowerreview { padding:0 1rem }
#mPowerreview .total { display:none; }
#mPowerreview .total .btn-white,
#mPowerreview .tit { display:none; }
#mPowerreview .review-wrap > li { padding:0 !important; border:none !important; border-bottom:1px solid #eee !important; border-top:1px solid #eee !important; }
#mPowerreview .photo-odr { margin:0.8rem 0 1rem 0 !important; }
#mPowerreview .sumup { font-size:1.3rem !important; padding: 1rem 0.5rem !important; }
#mPowerreview .item { border:none !important; padding-bottom:0 !important; margin-bottom:0 !important; }
#mPowerreview .item p { font-size:1.2rem !important; line-height:1.6rem; margin:0.5rem !important; }
#mPowerreview .roll li { padding-left:1.5rem !important; }
#mPowerreview .roll li img { width:18rem !important; height:18rem !important; }
#mPowerreview .review-none { margin:0 !important; padding:1rem !important;}


#mPowerreview .photo-odr a { font-size:1.1rem !important; }

#mPowerreview .photo-odr a span,
#mPowerreview .photo-odr .odr select { border:1px solid #f5f5f5 !important; font-size:1.1rem !important; }

#mPowerreview .btn-more { 
height:4rem !important;
line-height:4rem !important;
border:1px solid #eee !important;
font-weight:normal !important;
letter-spacing:0 !important;
margin-top:3rem !important;
border-radius:1rem;
}
















/*header 공통*/
:root{
    --mainHeaderHeight:13.333vw;
    --mainColor:#000;
}

body{
    padding-top:var(--mainHeaderHeight);
}

header,
header *,
.bottomQuickBar,
.bottomQuickBar *,
.allMenuWrap,
.allMenuWrap *
{
    box-sizing:border-box;
}

.fixedShow{ display:none; }
.fixedHide{ display:block; }
.fixed .fixedShow{ display:block; }
.fixed .fixedHide{ display:none; }

/*메인 해더*/
header .mainHeader{
    display:none;
    position:fixed;
    width:100%;
    top:0;
    left:0;
    padding:2.5vw 1.111vw;
    z-index:99;
    transition:all 0.3s;
}

header .mainHeader.hide{
    transform:translateY(calc(-1 * var(--mainHeaderHeight)));
}

header .mainHeader .h_logoWrap{
    width:35vw;
    padding:3.615vw;
}

header .mainHeader .h_logoWrap img{
    width:100%;
}

header .mainHeader .h_iconWrap li a{
    display:block;
    padding:3.056vw;
}

header .mainHeader .h_iconWrap li img{
    width:5vw;
}

header .mainHeader .h_iconWrap li.h_basket a span{
    display:block;
    width: 5vw;
    line-height: 4.444vw;
    font-size:2.778vw;
    text-align:center;
    color:#fff;
    border:0.278vw solid #fff;
    font-weight:500;
}

/*메인 해더 fixed*/
.mainHeader.fixed{
    height:var(--mainHeaderHeight);
    padding:1.111vw;
    overflow:hidden;
    background:#fff;
}

.mainHeader.fixed .h_iconWrap li.h_basket a span{
    color: #000;
    border: 0.278vw solid #000;
}

/*가타 페이지 해더*/
header .etcPageHeader{
    position:fixed;
    width:100%;
    top:0;
    left:0;
    padding:0.8rem;
    z-index:999;
    background:#fff;
}

header .etcPageHeader ul li a{
    display:block;
    padding:3.056vw;
}

header .etcPageHeader ul li a img{
    height:5vw;
}

header .etcPageHeader ul li.h_basket a span{
    display:block;
    width: 5vw;
    line-height: 4.444vw;
    font-size:2.778vw;
    text-align:center;
    border:0.278vw solid #000;
    font-weight:500;
}

/*하단 quick btn*/
.bottomQuickBar{
    position:fixed;
    width:91.666vw;
    bottom:8.333vw;
    left:4.167vw;
    background:#000;
    z-index:999;
    border-radius:8vw;
    transition:all 0.3s;
}

.bottomQuickBar.hide{
    transform:translateY(21.666vw);
    opacity:0
}

.bottomQuickBar ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 0;
}

.bottomQuickBar li {
    text-align: center;
    flex: 1;
}

.bottomQuickBar li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 13.333vw;
}

.bottomQuickBar li:nth-child(1) a img{width:4.167vw;}
.bottomQuickBar li:nth-child(2) a img{width:5vw;}
.bottomQuickBar li:nth-child(3) a img{width:5vw;}
.bottomQuickBar li:nth-child(4) a img{width:5.278vw;}
.bottomQuickBar li:nth-child(5) a img{width:5vw;}



/* allMenu */
.allMenuWrap{
    position:fixed;
    width:100vw;
    height:100vh;
    top:0;
    left:-100vw;
    padding:6.944vw 0 0;
    background:#fff;
    z-index:99999;
    transition:all 0.3s;
}

.allMenuWrap.open{
    left:0;
}

body.allMenuOpen{
    overflow:hidden;
}

.allMenuWrap .allMenuBox01{
    position:relative;
    padding:0 12.5vw;
    margin-bottom:6.389vw;
}

.allMenuWrap .allMenuBox01 .ham_search{
    position:relative;
}

.allMenuWrap .allMenuBox01 .ham_search input{
    width:100%;
    height:8.333vw;
    padding: 0 12vw 0 5vw;
    border:none;
    background:#f4f4f4;
    border-radius:4.167vw;
}

.allMenuWrap .allMenuBox01 .ham_search a{
    display: block;
    width: 8.333vw;
    position: absolute;
    top: 0;
    right: 2.778vw;
    line-height: 8.333vw;
    text-align: center;
}

.allMenuWrap .allMenuBox01 .ham_search img{
    width:5vw;
    vertical-align:middle;
}

.allMenuWrap .allMenuBox01 .ham_back,
.allMenuWrap .allMenuBox01 .ham_basket{
    position:absolute;
    top:1.111vw;
    display:block;
    width:6.111vw;
    line-height:6.111vw;
    text-align:center;
}

.allMenuWrap .allMenuBox01 .ham_back{
    left:4.444vw;
}

.allMenuWrap .allMenuBox01 .ham_basket{
    right:4.444vw;
}

.allMenuWrap .allMenuBox01 .ham_back img{
    vertical-align:middle;
    width:4.278vw;
}

.allMenuWrap .allMenuBox01 .ham_basket a{
    display: inline-block;
    width: 5vw;
    line-height: 4.444vw;
    font-size: 2.778vw;
    text-align: center;
    color: #000;
    border: 0.278vw solid #000;
    font-weight: 500;
}

.allMenuWrap .allMenuBox02{
    overflow:hidden;
    margin-bottom:5.556vw;
}

.allMenuWrap .allMenuBox02 .ham_boardLIst.swiper{
    padding:0 5vw;
    overflow:visible;
}

.allMenuWrap .allMenuBox02 .ham_boardLIst ul li{
    width:13.889vw;
    margin-right:3.333vw;
}

.allMenuWrap .allMenuBox02 .ham_boardLIst ul li:last-child{
    margin-right:0;
}

.allMenuWrap .allMenuBox02 .ham_boardLIst ul li img{
    display:block;
    width:100%;
    margin-bottom:1.944vw;
}

.allMenuWrap .allMenuBox02 .ham_boardLIst ul li span{
    display:block;
    width:100%;
    text-align:center;
    font-size:3.056vw;
    line-height:4.444vw;
}

.allMenuWrap .allMenuBox03 {
    position: relative;
    height:calc(100vh - 40vw);
    /*border-top:1px solid #e9e9e9;*/
}

.allMenuWrap .allMenuBox03 .allMenuBanner{
    position:absolute;
    width:calc(100% - 30.556vw);
    top:0;
    right:0;
    padding:0 4.722vw;
    z-index:1;
    background:#fff;
}

.allMenuWrap .allMenuBox03 .allMenuBanner img{
    display:block;
    width:100%;
}

.allMenuWrap .allMenuBox03 .categoryList {
    width: 30.556vw;
    height:100%;
    background: #f6f6f6;
    overflow: auto;
}

.allMenuWrap .allMenuBox03 .categoryList ul.depth_01{
    padding-bottom:10vw;
}

.allMenuWrap .allMenuBox03 .categoryList ul.depth_01 > li > a {
    display:block;
    padding:4.167vw 2.778vw 4.167vw 5vw;
    line-height:5.556vw;
    font-size:3.611vw;
    font-weight:500;
}

.allMenuWrap .allMenuBox03 .categoryList ul.depth_01 > li > a.active{
    background:#fff;
}

.allMenuWrap .allMenuBox03 .categoryList ul.depth_02 {
    display:none;
    position: absolute;
    width: calc(100% - 30.556vw);
    height: 100%;
    top: 0;
    right: 0;
    padding:0 0 10vw;
    background: #fff;
    overflow:auto;
}

.allMenuWrap .allMenuBox03 .categoryList ul.depth_02.open{
    display:block;
}

.allMenuWrap .allMenuBox03 .categoryList ul.depth_02 > li > a {
    position:relative;
    display:block;
    padding:4.444vw 4.722vw;
    line-height:4.167vw;
    font-size:3.611vw;
    font-weight:600;
}

.allMenuWrap .allMenuBox03 .categoryList ul.depth_02 > li > a svg{
    position: absolute;
    width: 3.9vw;
    right: 4.722vw;
    top: 4.444vw;
}
 
/* 다찾다 자동완성*/
.search-auto-complete-list { display:none; z-index:1; position:absolute; top:43px; left:0; width:100%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); }
.search-auto-complete-list ul { width:100%; padding:8px 5px 10px 5px; border-bottom:1px solid #ddd; display: flex; flex-wrap: wrap;}
.search-auto-complete-list ul li { text-align:center; margin: 3px; }
.search-auto-complete-list ul li a { display:block; padding:8px 14px; color:#000; border: 1px solid #eee; border-radius: 10px; background:none; font-family:'malgun gothic'; font-size:11px; letter-spacing:-1px; } 
.search-auto-complete-list ul li a strong { color:#ab3e41; }
.search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.search-auto-complete-list ul li a:hover span {}
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }


/* 다찾다 검색 파인더 - 레이어 */
#allfinder-ctr { z-index: 100; position: fixed; right:0; bottom:50%; }
#allfinder-ctr a { display:block; width:77px; height:64px; background:url('/images/common/allfinder_ctrl_mo.png') no-repeat 0 0; background-size:100% 100%; border:none; outline:none; font-size:0; }

.all-finder-layer { z-index:9999; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; overflow-y:auto; }
.all-finder-layer .finder-hd { z-index:1; position:fixed; top:0; left:0; width:100%; height:60px; border-bottom:1px solid #e7e7e7; background:#fff; }
.all-finder-layer .finder-hd .fa-close { position:absolute; top:17px; right:10px; font-size:26px; color:#000; }
.all-finder-layer .finder-hd .finder-tit { height:60px; line-height:60px; padding:0 10px; font-size:16px; font-weight:bold; color:#000; letter-spacing:-2px; }
.all-finder-layer .finder-search { position:relative; margin:0 10px 20px; border:2px solid #000; border-radius:3px; }
.all-finder-layer .finder-search .fa-search { display: inline-block; width: 40px; height: 42px; line-height: 42px; text-align: center; font-size: 18px; }
.all-finder-layer .finder-search .txt-input { width:85%; height:42px; line-height:42px; margin:0; padding:0; font-size:14px; outline:none; border:none; color: #000; vertical-align:top; letter-spacing:-1px; }
.all-finder-layer .finder-search .txt-input::-webkit-input-placeholder { color:#b1b1b1; }
.all-finder-layer .finder-search dd { background:#FFF; }
.all-finder-layer .finder-opt { padding:60px 0 55px; color:#000; }
.all-finder-layer .finder-opt dl dt { position:relative; height:53px; line-height:53px; padding:0 10px; border-top:1px solid #e7e7e7; font-size:14px; font-weight:bold; color:#000; letter-spacing:-1px; }
.all-finder-layer .finder-opt dl dt .fa { position:absolute; top:50%; right:10px; margin-top:-13px; font-size:25px; color:#b2b2b2; }
.all-finder-layer .finder-opt dl dt > .finder-tooltip-btn { display:inline-block; width:20px; height:20px; line-height:20px; margin-top:0; border:1px solid #cecece; border-radius:20px; color:#666; font-size:11px; background:#fff; text-align:center; outline:none; }
.all-finder-layer .finder-opt dl dt .finder-comm-layer { display:none; position:absolute; top:43px; left:10px; width:70%; padding:0 15px 11px; border:1px solid #000; background:#fff; text-align:left; font-weight:normal; color:#000; z-index:1 }
.all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-btn-close { display:inline-block; position:absolute; top:10px; right:14px; margin:0; font-size:19px; color:#000; outline:none; }
.all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-layer-tit { padding:13px 0; border-bottom:1px solid #e5e5e5; font-size:14px; font-weight:bold; line-height:14px; }
.all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-layer-cnt { padding-top:13px; line-height:1.5; font-size:13px; }
.all-finder-layer .finder-opt dl dd { display:none; padding:10px 5px 0; border-top:1px solid #e7e7e7; background:#f4f4f4; font-size:0; }
.all-finder-layer .finder-opt dl dd label { display:inline-block; width:33.3333%; text-align:center; line-height:18px;}
.all-finder-layer .finder-opt .finder-color label { width:12.5%; }
.all-finder-layer .finder-opt .finder-price .finder-price-input { padding:0 5px 10px; text-align:right; font-size:12px; }
.all-finder-layer .finder-opt .finder-price .finder-price-input:after { clear: both; content: ""; display: block; }
.all-finder-layer .finder-opt .finder-price .finder-price-input span { float:left; display:inline-block; height:34px; line-height:34px; }
.all-finder-layer .finder-opt .finder-price .finder-price-input label { display: inline-block; width: 33%; padding: 0 8px; border: 1px solid #ccc; border-radius:3px; color: #666; background:#fff; }
.all-finder-layer .finder-opt .finder-price .finder-price-input label .txt-input { display: inline-block; width: 84%; height: 32px; line-height: 32px; padding: 0; border: none; background: none; color: #000; outline:none; text-align:right; }
.all-finder-layer .finder-opt .finder-child-category { padding:0; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category { padding:15px; margin-bottom:9px; border-bottom:1px solid #e7e7e7; font-size:14px; font-weight:bold; color:#9a9a9a; background:#fff; word-break:break-all; letter-spacing:-1px; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .pd-2px { padding:0 2px; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .fc-black { color:#000; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .fa { margin-left:2px; color:#000; }
.all-finder-layer .finder-btn-c { z-index:1; position:fixed; bottom:0; left:0; width:100%; height:55px; text-align: center; font-size:0; }
.all-finder-layer .finder-btn-c a.reset { display: inline-block; width: 30%; height: 55px; line-height: 55px; background: #999; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: 1px; border:none; }
.all-finder-layer .finder-btn-c button { display: inline-block; width: 70%; height: 55px; line-height: 55px; background: #000; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: -0.5px; border:none; }
.all-finder-layer .finder-btn-c button span.fa-search { margin-right:5px; margin-top:-2px; vertical-align:middle; font-size:0.750em; }
.all-finder-layer .finder-btn-c button span.finder-count { display:inline-block; color:#ffd800; font-size:18px; vertical-align:middle; }

.all-finder-layer .finder-opt .finder-options { display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:80%; height:22px; padding: 5px 5%; line-height:22px; border: 1px solid #ccc; word-break:break-all; border-radius: 20px; background:#fff; color:#000; text-align:center; font-size:12px; }
.all-finder-layer .finder-opt .finder-options.on { font-weight: bold; border: 1px solid #000; box-shadow:2px 2px 3px #d2d2d2; }
.all-finder-layer .finder-opt .finder-option-color em { display: inline-block; width: 33px; height: 33px; border-radius:20px; font-size:0; vertical-align:middle; }
.all-finder-layer .finder-opt .finder-option-color.color-picker { width:33px; height:33px; padding: 0; border: none; } 
.all-finder-layer .finder-opt .finder-option-color.color-picker .fa-check { display:none; width:33px; height:33px; margin-top:-25px; color:#fff; text-align:center; font-size:16px; }
.all-finder-layer .finder-opt .finder-option-color.color-picker.on .fa-check { display:block; }
.all-finder-layer .finder-opt .finder-option-color.color-picker.on.finder-option-color-white .fa-check { color:#000; }

.finder-option-color.finder-option-color-black em { background-color: #000; }
.finder-option-color.finder-option-color-white em { background-color: #FFF; width: 20px; height: 20px; border: 1px solid #e5e5e5; }
.finder-option-color.finder-option-color-gray em { background-color: #808080; }
.finder-option-color.finder-option-color-beige em { background-color: #e5d0b2; }
.finder-option-color.finder-option-color-brown em { background-color: #aa6810; }
.finder-option-color.finder-option-color-navy em { background-color: #425583; }
.finder-option-color.finder-option-color-blue em { background-color: #0000ff; }
.finder-option-color.finder-option-color-light-blue em { background-color: #62acff; }
.finder-option-color.finder-option-color-red em { background-color: #ff0000; }
.finder-option-color.finder-option-color-orange em { background-color: #ffa500; }
.finder-option-color.finder-option-color-yellow em { background-color: #ffff00; }
.finder-option-color.finder-option-color-pink em { background-color: #ffc0cb; }
.finder-option-color.finder-option-color-purple em { background-color: #800080; }
.finder-option-color.finder-option-color-jaju em { background-color: #a63f7f; }
.finder-option-color.finder-option-color-khaki em { background-color: #2f5e2f; }
.finder-option-color.finder-option-color-green em { background-color: #008000; }
.finder-option-color.finder-option-color-light-green em { background-color: #72dd95; }
.finder-option-color.finder-option-color-silver em { background-color: #dfdfdf; }
.finder-option-color.finder-option-color-gold em { background-color: #cfbc4e; }
.finder-option-color.finder-option-color-apricot em { background-color: #fbceb1;  }

.all-finder-layer .search-auto-complete-list { display:none; z-index:1; position:absolute; top:43px; left:0; width:100%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); }
.all-finder-layer .search-auto-complete-list ul { width:100%; padding:8px 5px 10px 5px; border-bottom:1px solid #ddd; display: flex; flex-wrap: wrap;}
.all-finder-layer .search-auto-complete-list ul li { text-align:center; margin: 3px; }
.all-finder-layer .search-auto-complete-list ul li a { display:block; padding:8px 14px; color:#000; border: 1px solid #eee; border-radius: 10px; background:none; font-family:'malgun gothic'; font-size:11px; letter-spacing:-1px; } 
.all-finder-layer .search-auto-complete-list ul li a strong { color:#ab3e41; }
.all-finder-layer .search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.all-finder-layer .search-auto-complete-list ul li a:hover span {}
.all-finder-layer .search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }






/* 상단 검색 */
.search-layer {position: fixed; background: #fff; z-index: 21; left: 50%; top: 0; width: 100%; max-width: 640px; height: 100vh; transform: translateX(-50%); -webkit-transform: translateX(-50%); display:none;}
.search-layer .sc-inner {border-bottom:1px solid #e9e9e9; padding: 18px 20px 18px 12px; position:relative;}
.search-layer .sc-inner .sc-close {margin-right:12px; cursor:pointer;}
.search-layer .sc-inner .sc-close img {width:24px;}
.search-layer .sc-inner .btn_search {position: absolute; right: 20px; top: 18px;}
.search-layer .sc-inner .btn_search img {width:24px;}
.search-layer .sc-inner .sc-del {cursor:pointer; position: absolute; right: 64px;}
.search-layer .sc-inner .sc-del img {width:22px;}
.search-layer .sc-inner #keyword1 {border: none; width: 60%; line-height: 24px; font-size:16px; color:#000;}
.search-layer .sc-inner #keyword1::placeholder {color:#000;}
.search-layer .live-sc {padding:40px 30px 25px;}
.search-layer .live-sc > dl {display:flex; align-items: end; margin-bottom:24px;}
.search-layer .live-sc > dl > dt {font-size:18px; font-weight:600;}
.search-layer .live-sc > dl > dd {flex:1; text-align:right; font-size:12px; color:#999;}
.search-layer .live-sc .rank {display:flex;}
.search-layer .live-sc .rank li {flex:1;}
.search-layer .live-sc .rank dl {display:flex; margin-bottom:15px; opacity: 0; animation: fadeIn 1s forwards;}
.search-layer .live-sc .rank li:first-child dl:nth-child(1) { animation-delay: 0.1s; }
.search-layer .live-sc .rank li:first-child dl:nth-child(2) { animation-delay: 0.2s; }
.search-layer .live-sc .rank li:first-child dl:nth-child(3) { animation-delay: 0.3s; }
.search-layer .live-sc .rank li:first-child dl:nth-child(4) { animation-delay: 0.4s; }
.search-layer .live-sc .rank li:first-child dl:nth-child(5) { animation-delay: 0.5s; }
.search-layer .live-sc .rank li:last-child dl:nth-child(1) { animation-delay: 0.4s; }
.search-layer .live-sc .rank li:last-child dl:nth-child(2) { animation-delay: 0.5s; }
.search-layer .live-sc .rank li:last-child dl:nth-child(3) { animation-delay: 0.6s; }
.search-layer .live-sc .rank li:last-child dl:nth-child(4) { animation-delay: 0.7s; }
.search-layer .live-sc .rank li:last-child dl:nth-child(5) { animation-delay: 0.8s; }
.search-layer .live-sc .rank dt {font-size:14px; line-height:1; width:25px;}
.search-layer .live-sc .rank dd {line-height:1; flex:1;}
.search-layer .live-sc .rank dd a {font-size:14px; color:#666;}
.search-layer .live-sc .rank li:first-child dl:nth-child(-n + 3) dd a {color:#000;}
.search-layer .recmd-sc {padding:0 30px;}
.search-layer .recmd-sc p {font-size: 18px; font-weight: 600; margin-bottom:24px; animation: coinFall 1.3s ease-out forwards;  animation-delay: 1.5s; display:inline-block;}
.search-layer .recmd-sc ul li {padding:8px 15px; font-size:14px; border-radius:3px; background:#F5F5F5; display:inline-block; margin-right:10px; margin-bottom:10px;}
.search-layer .recmd-sc ul li a {display:block;}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes coinFall {
    0% { transform: translate(0, 0) rotate(0deg); }
    10% { transform: rotate(5deg); }
    20% { transform: rotate(-5deg); }
    30% { transform: rotate(4deg); }
    40% { transform: rotate(-4deg); }
    50% { transform: rotate(3deg); }
    60% { transform: rotate(-3deg); }
    70% { transform: rotate(2deg); }
    80% { transform: rotate(-2deg); }
    90% { transform: rotate(1deg); }
    95% { transform: rotate(-1deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}



/* 우측 픽스 상품단 높이에 따른 미디어쿼리 */
@media (max-height: 850px) {
#fix_right_cont {
    height: calc(100% - 160px);
}
#fix_right_cont .item-wrap {
    overflow-y: scroll;
    height: 100%;
}
#fix_right_cont .item-wrap::-webkit-scrollbar {
    width: 4px;  /* 스크롤바의 너비 */
}

#fix_right_cont .item-wrap::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #a5a8a9; /* 스크롤바의 색상 */
    border-radius: 13px;
}

#fix_right_cont .item-wrap::-webkit-scrollbar-track {
    background: rgba(33, 122, 244, .1);  /*스크롤바 뒷 배경 색상*/
}

















































/* BASIC css end */