/* BASIC css start */
/*Æ˾÷ ±â´É¼º*/
#introBg { width:100%; height:100%; background:rgba(0, 0, 0, 0.7); position:fixed; z-index:1000; top:0; display:none; } 
#introWrap { width:90%; position:fixed; left: 50%; top: 50%; display:none; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin:auto; z-index:1001; } 


.kakao_channel {background-color: #ffe911; text-align: center; height: 50px; line-height: 50px; margin-bottom: 10px; border-radius: 50px;} 
.kakao_channel img { width: 7%; padding-right: 5px; } 
.kakao_channel p { margin: 0; }
.kakao_channel p a { color: #191919; font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: -0.8px;
}
.kakao_channel p a strong { font-weight: 700; }


#introWrap .intro { text-align:center; } 
#introWrap .intro div { color:#fff; } 
#introWrap .intro .intro_banner { width:100%; height:auto; box-shadow:5px 5px 30px rgba(0,0,0,0.3); } 
#introWrap .intro .intro_exit { cursor:pointer; float:right; position:relative; top:-5px; } 
.pop_button { font-size:0; } 
.pop_button > li:first-child { border-right:1px solid #ddd; box-sizing:border-box; } 
.pop_button > li { width: 50%; font-size:12px; background: #fff; color: #333; height: 50px; line-height: 50px; display:inline-block; position:relative; } 
.pop_button > li input { width: 100%; padding: 0; height: 100%; margin: 0!important; position: absolute; left: 0; top: 0; opacity:0; } 
.pop_button > li a { display: block; font-size: 12px; line-height: 50px; } 




.imgArea-wrap .keyImg .swiper-pagination { position: absolute; width:60%; bottom:20px; top:auto; left:0; margin:0 0 0 20%; height: 2px; background: rgba(255,255,255,.8); } 
.imgArea-wrap .keyImg .swiper-pagination-progressbar-fill { background:#fc8b10; } 
.couponwrap { float:right; right: 0; bottom: 12px; } 
.black { position: fixed; width: 100%; height: 100vh; background: rgba(0,0,0,.6); top: 0; left: 0; z-index: 110; display: none; } 
.black.on { display:block; } 
.black_co.on { display:block; } 
.black_co { position: fixed; width: 100%; height: 100vh; background: rgba(0,0,0,.6); top: 0; left: 0; z-index: 110; display: none; } 

.black_close { display:none; position: fixed; font-size: 40px; color: #fff; z-index: 111; right: 10px; height: 48vh; bottom: 0; } 
.black_close.on { display:block; } 

.product_bottom { margin:40px 0px; } 
 





.fadebutton_wrap { position: fixed; right: 0; bottom: 10px; left: 0; padding: 0 10px; z-index: 100; } 
.fadebutton { display: flex; }
.fadebutton > span { flex: 1; position: relative; width:100%; height:50px; margin:0; padding:0; border: none; color:#fff; background:#222; font-size:18px; line-height:50px; font-weight: 500; border-radius:25px; text-align: center; } 
.fadebutton > span + span { margin-left: 5px; box-sizing: border-box;}
.fadebutton > span.bg_orange { background: #f96512 !important; }
.fadebutton > span.btn_gift { border: 1px solid #222; background: #fff;; color: #222; line-height: 48px; }
.fadebutton > span.btn_gift .fa { margin-right: 2px; }





a:hover { color: inherit!important; text-decoration: none!important; } 

.couponButton { color: #333!important; background: #e7ebee url(/design/sleepgongg/img/admin/download.png)no-repeat center right 12px; background-size: 13px; display: block; margin: 0 0px 5px; text-align: center; padding: 7px 30px 7px 12px; border: solid 1px #e7ebee; font-size: 13px; border-radius: 21px; font-weight: 600; } 
 
/*210729 %¼öÁ¤*/ 
.prdInfo .discountrate { display: inline-block; margin-left: 0px; padding: 0 0 !important; color: #444; letter-spacing: 0.5px; text-align: center; font-size: 14px; font-weight:500; line-height:16px; vertical-align: middle; position: static; background:none; box-shadow:none; } 
 
/*210729 ÄíÆùÇÒÀΰ¡ Ãß°¡*/ 
.prdInfo .add { display: inline-block; width:100%; padding: 0 0; float: left; font-size: 18px; color:#f96512; font-weight:400; } 
.prdInfo .add > span { color:#f96512; font-weight:400; font-size: 14px; } 
.prdInfo .add strong { color:#f96512; font-weight:600; } 
.ac-join.wrap { float: right; margin-left: 15px; } 
.df-btn.join { border: 1px solid #f96512; background: #f96512; color: #fff; letter-spacing: 1px; font-weight: 500; font-size: 12px; border-radius: 20px; padding: 2px 10px !important; line-height: 20px; } 
.df-btn.join:hover { border-color:#f96512; background:#fff; color:#f96512; } 

.prdOption .contents { padding-bottom: 20px; border-bottom: 1px solid #5b5b5b; } 
.prdOption .contents .opt-wrap { padding: 0 12px; } 

.addproductTitle { margin-top: 25px; padding: 25px 12px 11px; border-top: 1px solid #5b5b5b; } 
.addproductTitle > h2 { margin: 0; color: #191919; font-size: 16px; line-height: 19px; font-weight:600; } 

.shopdetail .shopdetailInfo { background-color:#f5f5f5; border-top:1px solid #c7c7c7; } 
.shopdetail .shopdetailInfo h2 { font-size:1.333em; font-weight:bold; text-align:center; padding-top:16px; } 
.shopdetail h3 { font-weight:bold; padding:10px 15px; margin-bottom:10px; background-color:#E6D9D9; } 
.shopdetail h3 .fa { float:right; font-size: 1.5em; } 
.shopdetail .shopdetailInfo .shopdetailInfoTop figure { padding:16px 15px; border-bottom:1px solid #c7c7c7; } 
.shopdetail .shopdetailInfo .shopdetailInfoTop figcaption { text-align:left; margin-top:16px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom { background-color:#fff; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue { position: relative; border-bottom:1px solid #c7c7c7; padding:18px 15px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue em { color:#f1191f; font-size:1.333em; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p { margin-bottom:8px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p:last-child { margin-bottom:0px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName { width:30%; display:inline-block; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont { width:70%; display:inline-block; margin-left: -4px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .region { margin-left: 10px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation { position:absolute; top:50%; right:10px; text-align:center; margin-top: -25px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a { width:50px; height:50px; color:#fff; background-color:#636363; display: inline-block; font-size:0.917em; border-radius: 4px; border:1px solid #424242; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a:first-child { } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a .fa { display:block; margin:6px 0 3px 0; } 
.shopdetailInfoDelivery { padding:10px 15px; } 
/* »óÇ°¿É¼Ç */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area { } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed { width: 100%; position: fixed; z-index: 101; bottom: 0; left: 0; right: 0; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed { -webkit-animation: qbuy 150ms linear 1 normal; animation: qbuy 150ms linear 1 normal; } 
@-webkit-keyframes qbuy { 
 from { bottom:-65px; } 
 to { bottom:0; } 
 }
@keyframes qbuy { 
 from { bottom:-65px; } 
 to { bottom:0; } 
 }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk { height:150px; overflow-y:auto; background-color: #fff; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn { width:100%; box-sizing: border-box; position:relative; bottom:0; left:0; right:0; background-color:#f6f6f6; border-top:1px solid #dfdfdf; z-index: 101; text-align: center; padding:6px; margin:0 auto; display:none; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed { display: block; position: fixed; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed { display: block; position: relative; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_option { position: absolute; top: -16px; left: 50%; margin-left:-33px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect { background-color: #fff; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on { background-color: #f6f6f6; text-align: center; padding: 10px 15px; display:none; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a { width:48%; color: #3b3b3b; background-color:#fff; border:1px solid #f1191f; display: inline-block; padding:6px 0; margin: 0; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.buy { background-color:#f1191f; color:#fff; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect { } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com { text-align: right; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p { background-color:#f6f6f6; padding: 5px 15px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p:last-child { margin-bottom:0px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoName { width: 28%; padding-right: 5px; display:inline-block; padding-top: 3px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont { width:70%; display:inline-block; margin-left: -4px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont select { width:100%; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .txt-qnty { text-align:right; padding:0 6px; width: 50px !important; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-plus { background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; margin: 0 5px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-minus { background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll { background-color: #f6f6f6; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option-sel { font-weight: bold; font-size: 1.1em; padding-top: 10px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option select { margin-bottom: 10px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option .shopdetailInfoName { vertical-align: top; padding-top: 11px; } 
.shopdetail .shopdetailBoard { text-align:center; border-top:1px solid #bbb; border-bottom:1px solid #bbb; margin-bottom:32px; } 
.shopdetail .shopdetailBoard a { width:33.33%; background-color:#f8f8f8; border-left:1px solid #bbb; display:inline-block; margin-left: -1px; font-weight:bold; padding:20px 0; } 

.MK_optAddWrap .MK_inner-opt-cm li { position:relative; border-bottom:1px solid #5b5b5b; padding: 25px 12px 20px; } 
.MK_optAddWrap .MK_inner-opt-cm li:last-child { border-bottom:1px solid #5b5b5b; } 
.MK_optAddWrap .MK_inner-opt-cm .MK_p-name { display: block; padding:0 30px 0 0; } 
.MK_optAddWrap .MK_inner-opt-cm .MK_p-name p { margin: 0; color:#191919; font-size: 16px; line-height: 19px; font-weight: 600; } 
.MK_optAddWrap .MK_inner-opt-cm .MK_p-name .extra_option_name { display: block; margin: 5px 0 0 0; color:#707070; font-size: 12px; line-height: 14px; font-weight: 300; } 
.MK_optAddWrap .MK_inner-opt-cm .MK_p-name strong { font-weight:600; } 
.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl { display:inline-block; position: relative; margin-top:15px; padding:0 24px; border:solid 1px #707070; font-size: 0; } 
.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"] { width: 30px; height: 24px !important; padding:0 4px; margin-top:0px; border-radius: 0; font-size:14px; line-height: 22px;; text-align:center!important; border:none; border-left:1px solid #707070; border-right: 1px solid #707070; box-sizing: border-box; } 
.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02 { position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: url(/design/sleepgongg/img/admin/no_plusbutton.png) center center no-repeat; background-size: 22px; color: #707070; font-size: 19px; line-height: 22px; font-weight: 100; text-align: center; text-indent: -999px; overflow: hidden; } 
.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02:last-child { left: auto; left: 0; background-image: url(/design/sleepgongg/img/admin/no_minusbutton.png); } 

.MK_optAddWrap .MK_inner-opt-cm .MK_btn-del { position: absolute; top: 22px; right: 12px; } 
.MK_optAddWrap .MK_inner-opt-cm .MK_btn-del::before {content: 'X'; color: #707070; font-size: 15px; line-height: 20px; font-weight: 300;}
.MK_optAddWrap .MK_inner-opt-cm .MK_btn-del img { display: none; }
.MK_optAddWrap .MK_inner-opt-cm .MK_price { position:absolute; bottom:19px; right:12px; color: #707070; font-size:16px; line-height: 19px; font-weight:500; } 

.MK_optAddWrap .total { text-align:right; font-size: 17px; } 
.MK_optAddWrap .MK_total { font-size:18px; font-weight: 600; color:#f96512; margin-left:5px; font-family: 'Montserrat','Noto Sans CJK KR',sans-serif !important; } 
.MK_optAddWrap .MK_txt-won { font-size:17px; } 
.MK_optAddWrap_div { height:10px; padding:0; background:#f6f6f6; border-top:1px solid #5b5b5b; border-bottom:1px solid #5b5b5b; } 
.MK_optAddWrap_line { height:1px; padding:0; background:#f6f6f6; border-bottom:1px solid #5b5b5b; } 
#MK_innerOptTotal { padding:12px 10px; text-align:right; } 
/* //ÂøºÒ ¾ÆÀÌÄÜ */
.shopdetail .shopdetailInfo .gray-delivery { padding: 2px; background-color: #fff; color: #656565; font-size: 0.875em; border-radius: 3px; border: 1px solid #656565; } 
/* //»óÇ°¿É¼Ç */
.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; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton { text-align:center; padding:15px; border-top:1px solid #4a4a4a; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a { padding:15px 14px; display: inline-block; margin:0 2px; font-weight:bold; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish { background-color:#FFF; border:1px solid #393939; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.cart { color:#fff; background-color:#393939; border:1px solid #393939; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy { color:#fff; background-color:#f1191f; border:1px solid #f1191f; padding:15px 32px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom { margin:20px 0; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom img { margin:0 2px; width:45px; height:auto; } 
.shopdetailCoupon { margin-top:15px; } 
.shopdetailCoupon .shopdetailCouponGet { padding:0 15px; } 
.shopdetailCoupon .shopdetailCouponGet .image_src { max-width: 100%; padding-bottom: 5px; } 
.shopdetailCoupon .shopdetailCouponGet li dl { height:56px; background:url("/images/d3/m_04/bg_coupon@2x.gif") no-repeat left center; padding:10px 0 10px 92px; border-bottom:1px dashed #cbcbcb; position:relative; background-size: 81px auto; color:#333; } 
.shopdetailCoupon .shopdetailCouponGet li:last-child { border-bottom:0px none; } 
.shopdetailCoupon .shopdetailCouponGet .MS_coupon dt { width:82px; position:absolute; top:13px; left:0; color:#fff; text-align:center; line-height:0.6; } 
.shopdetailCoupon .shopdetailCouponGet .MS_coupon dt strong { font-weight: normal; font-size:11px !important; } 
.shopdetailCoupon .shopdetailCouponGet .MS_coupon h4 { font-weight:bold; font-size:11px !important; } 
.shopdetail .shopdetailItem .shopdetailItemPopup { text-align:center; padding:0 15px; margin:22px 0; } 
.shopdetail .shopdetailItem .shopdetailItemPopup a { font-weight:bold; color:#fff; background-color:#636363; display:block; padding:10px 0; } 
.shopdetail .shopdetailItem .shopdetailItemPopup .shopdetailItemZoom { height:60px; padding:0 0 0 75px; margin-top:10px; background:url("/images/d3/m_04/bg_hand@2x.gif") no-repeat 20px center; line-height: 60px; background-size: 50px auto; } 
.shopdetail .shopdetailItem .shopdetailImage img { max-width:100% !important; height: auto !important; } 
.shopdetail .shopdetailItem .shopdetailImage table { width:100% !important; } 
.shopdetail .shopdetailItem .shopdetailImage object { width:100% !important; } 
.shopdetail .shopdetailItem .shopdetailImage iframe { width:100% !important; } 
.shopdetail .shopdetailItem .shopdetailImage table { table-layout: auto !important; } 
.shopdetail .shopdetailItem .shopdetailImage div { width:100% !important; } 
.shopdetail .shopdetailItem .shopdetailNotify { margin-top:24px; } 
.shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo { padding:0 15px; } 
.shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo dt { font-weight:bold; margin-bottom:2px; } 
.shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo dd { margin:0 0 25px 6px; } 
.shopdetail .shopdetailRelationItem { padding:0 15px 30px 15px; } 
.shopdetail .shopdetailRelationItem .listName input { float:right; } 
.shopdetail .shopdetailRelationItem .btn_cart { width:290px; text-align:center; font-weight:bold; color:#fff; background-color:#393939; display:block; padding:10px 0; margin:0 auto; } 
/* °ü·Ã»óÇ° */
.shopdetailRelation { margin-bottom:30px; } 
.shopdetailRelation .list_shoppingRelationItem1x { padding: 0 7px; } 
.shopdetailRelation .list_shoppingRelationItem1x ul { width:100%; display:table; table-layout: fixed; box-sizing: border-box; } 
.shopdetailRelation .list_shoppingRelationItem1x li { width:100%; display:inline-block; vertical-align: top; border-top:1px solid #d9d9d9; padding:18px 0; } 
.shopdetailRelation .list_shoppingRelationItem1x li figure { padding:0 7px; } 
.shopdetailRelation .list_shoppingRelationItem1x li:first-child { border:0px none; } 
.shopdetailRelation .list_shoppingRelationItem1x li img.listPic { width:40%; float:left; } 
.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo { width:57%; float:left; padding-left:3%; position: relative; } 
.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listName { border-bottom: 1px solid #dedede; padding: 0 15px 2px 0; margin-bottom: 5px; } 
.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .options-select { width:100%; } 
.shopdetailRelation .list_shoppingRelationItem1x .MS_related_checkbox { position:absolute; top:0; right:0; } 
.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount { margin: 12px 0; } 
.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .amount-input { text-align:right; } 
.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-plus { background-color: #bbb; width: 30px; height: 30px; text-align: center; vertical-align: middle; line-height: 30px; color: #fff; } 
.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-minus { background-color: #bbb; width: 30px; height: 30px; text-align: center; vertical-align: middle; line-height: 30px; color: #fff; } 
.shopdetailRelation .list_shoppingRelationItem1x .btn_Black { width:290px; margin: 0 auto; } 
/* //°ü·Ã»óÇ° */

/* IOS µð¹ÙÀ̽º ¿É¼Ç ¼±Åà ½Ã ÀÚµ¿ È®´ë ¹æÁö */
input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], select { font-size:16px; } 
/* //IOS µð¹ÙÀ̽º ¿É¼Ç ¼±Åà ½Ã ÀÚµ¿ È®´ë ¹æÁö */

/* OKDGG ¹öÆ° */
.shopdetail .okdgg-checkout { margin-top: 15px; } 
.shopdetail .okdgg-checkout img { max-width: 90%; height: auto; } 
/* //OKDGG ¹öÆ° */

/* Äü¹ÙÀÌ ¹öÆ° ³ëÃ⠽à Ŀ¹Â´ÏƼ ÅÇ À§Ä¡ º¯°æ */
.cs-button { bottom: 53px !important; } 
/* //Äü¹ÙÀÌ ¹öÆ° ³ëÃ⠽à Ŀ¹Â´ÏƼ ÅÇ À§Ä¡ º¯°æ */


/* ÀÓ½ÃÇ°Àý ÀçÀÔ°í SMS ¹Þ±â */
.shopdetail .soldout_anchor { display:block !important; } 
.shopdetail .MK_btn-sms { display: inline-block; width: 100%; height: 35px; line-height: 35px; text-align: center; border: 1px solid #808080; color: #fff; font-weight: bold; background-color: #636363; background-image: -webkit-gradient(linear, left top, left bottom, from(#636363), to(#5e5e5e)); background-image: -webkit-linear-gradient(top, #636363, #5e5e5e); background-image: -moz-linear-gradient(top, #636363, #5e5e5e); background-image: -o-linear-gradient(top, #636363, #5e5e5e); background-image: linear-gradient(to bottom, #636363, #5e5e5e); -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } 
.shopdetail .MK_btn-sms span { padding-left: 24px; background: url(/images/d3/m_01/bull/alarm_fff@2x.png) no-repeat 0 50%; background-size: 18px 14px; } 
/* ÀÓ½ÃÇ°Àý ÀçÀÔ°í SMS ¹Þ±â ³¡ */

@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; } 
 }


#nhn_btn { padding-top:10px; } 
#payco_order_btn { padding-top:10px; } 
#kakaopay_order_btn { padding-top:10px; } 

/* ÇÏÀ̺긮µå */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap { padding:5px 15px 10px; background:#f6f6f6; border-bottom:1px solid #c7c7c7; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box:not(:last-child) { width:100%; border-bottom:1px solid #cecece; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box.last { border-bottom:none; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .tit { width:100%; padding:10px 0; color:#3b3b3b; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list:after { clear: both; content: ""; display: block; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list { width:100%; font-size:0.875em; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li { float:left; width:20%; list-style:none; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li.last { } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl { width:54px; padding-bottom:10px; text-align:center; color:#333; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdchk { text-align:left; padding-bottom:5px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdchk input { width:12px; height:12px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg { position:relative; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg img { width:54px; height:54px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg.noimg { width:52px; height:52px; border:1px solid #d8d8d8; background:#fff url(/makeshop/newmanager/neoimages/h52_noimg.gif) no-repeat center center; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg .soldout { position:absolute; top:0; left:0; display:inline-block; width:54px; height:54px; line-height:56px; color:#fff; text-align:center; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg .soldout-bg { position:absolute; top:50%; left:0; display:inline-block; width:54px; height:20px; margin-top:-10px; background:#000; filter:alpha(opacity:40); opacity:0.4; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg .sel-img { position:absolute; top:0; left:0; display:inline-block; width:54px; height:54px; background:#000; filter:alpha(opacity:40); opacity:0.4; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdname { padding-top:5px; line-height:14px; word-wrap:break-word; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdnote { padding-bottom:3px; line-height:14px; word-wrap:break-word; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdprice { padding-bottom:3px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty { } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty input { display:inline-block; width:20px; height:15px; line-height:17px; padding:0 5px; border:1px solid #707070; font-size:11px; text-align:right; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down { display:inline-block; width:11px; height:14px; line-height:0; font-size:0; vertical-align:top; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down a { display:inline-block; width:11px; height:9px; line-height:0; font-size:0; vertical-align:top; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down .btn-up { margin-bottom:1px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .add-option-sel { font-weight: bold; font-size: 1.1em; padding: 10px 0; border-top:1px solid #cecece; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoName { width: 28%; padding-right: 5px; display:inline-block; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCont { width:70%; display:inline-block; margin-left: -4px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCont select { width:100%; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .txt-qnty { text-align:right; padding:0 6px; width: 50px !important; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .fa-plus { background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; margin: 0 5px; } 
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .fa-minus { background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; } 
.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; } 

/* Ãß°¡ ±¸¼º »óÇ° */
.shopdetail .shopdetailInfo .shopdetailInfoTit { height:40px; line-height:42px; padding:0 12px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; font-size:14px; color:#000; } 
.shopdetail .shopdetailInfo .shopdetailInfoWrap:after { clear: both; content: ""; display: block; } 
.shopdetail .shopdetailInfo .shopdetailInfoWrap { width:100%; border-bottom:1px solid #c7c7c7; } 
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop { float:left; width:45%; } 
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop figure { padding:15px 12px; border:0; } 
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue { float:right; width:52%; padding:15px 0; margin-right:3%; border:0; } 
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoprdName { font-size:1.333em; font-weight:bold; } 
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoCont { width:auto; margin:0; } 
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoName { width:auto; } 
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect p { padding:0; background:none; } 
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoCont .basic_option { width:100%; } 
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoName { display:none; width:100%; padding:0 0 5px 0; } 

/* ¿øŬ¸¯¿É¼Ç - 0708 ¾ÆÀ̸° ¼öÁ¤*/
.shopdetailInfoOneclick { clear:both; background-color:#fff; padding: 5px 5px; overflow:hidden; zoom:1; font-size: 12px; } 
.shopdetailInfoOneclick > span { float:left; width: 100px; padding-top: 1%; box-sizing: border-box; } 
.shopdetailInfoOneclick .shopdetailInfoList { float:left; width: 70%; } 
.MK-oneclick-list { overflow:hidden; zoom:1; } 
.MK-oneclick-list:after { content: ""; display: block; clear: both; } 
.MK-oneclick-list li { float:left; margin: 0 5px 5px 0; } 
.MK-oneclick-list li a { border:1px solid #231f20; display: inline-block; border-radius: 1px; box-sizing:border-box; } 
.MK-oneclick-list li.MK-oneclick-sel a { border:2px solid #000000; } 
.MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } 
.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 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-image a { height:50px; } 
.MK-oneclick-list li.MK-oneclick-image a img { width: auto; height: 48px;; } 
.MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img { height:46px; width: auto; } 
.MK-oneclick-list li.MK-oneclick-color { width:50px; height: 50px; } 
.MK-oneclick-list li.MK-oneclick-color a { padding: 2px; } 
.MK-oneclick-list li.MK-oneclick-color span { width: 44px; height: 44px; } 
.MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span { width: 27px; height: 27px; } 
.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 { padding: 2px; } 
.MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a { padding:1px; } 
.MK-oneclick-list li.MK-oneclick-text span { min-width: 29px; line-height: 44px; } 
.MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; } 
.MK-oneclick-value { padding-bottom: 3px; display:block; padding-top: 1%; } 
.MK-oneclick-only-text li.MK-oneclick-text { height: auto; } 
.MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 19px; } 


.xans-product-detail { } 
.xans-product-detail .strike { text-decoration:line-through } 
.xans-product-detail .byte { display:block; font-size:11px; vertical-align:middle } 
.xans-product-detail .byte strong { color:#444 } 
.xans-product-detail h1.name { padding:4px 10px; font-size:19px; line-height:1.1; font-weight:600; color:#222; line-height:25px; } 
.xans-product-detail p.prdIcon { padding: 0 10px; margin: 0; } 
.xans-product-detail p.prdIcon img { max-height:15px; margin:1px 2px 1px 0 } 
.xans-product-detail p.prdIcon .icon_img { } 
.xans-product-detail .overview { } 
.xans-product-detail .overview .prdImgView { position:relative; min-height:100px; text-align:center } 
.xans-product-detail .overview .prdImgView .paginate { position:absolute; bottom:0; left:0; width:100%; margin:0 auto 4px; background:transparent } 
.xans-product-detail .overview .prdImgView .paginate .prev,.xans-product-detail .overview .prdImgView .paginate .next { display:none } 
.xans-product-detail .overview .prdImg { font-size:0; line-height:0 } 
.xans-product-detail .overview .prdImg img { width:100% } 
.xans-product-detail .overview .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size:20% auto } 
.xans-product-detail .overview .topLogo { overflow:hidden; padding:0 0 14px } 
.xans-product-detail .overview .topLogo span { float:left; padding:0 14px 0 0; font-weight:bold; font-size:20px; line-height:26px } 
.xans-product-detail .overview .topLogo span img { max-height:20px } 
.xans-product-detail .overview .topLogo a { float:left } 
.xans-product-detail .overview .topLogo a img { max-height:26px } 
.xans-product-detail .prdTitle { width:100%; padding:10px 0 0 } 
.xans-product-detail .prdTitle .color { overflow:hidden; padding:4px 14px } 
.xans-product-detail .prdTitle .color .chips { float:left; width:16px; height:3px; margin:0 4px 0 0; font-size:0; line-height:0; border:1px solid #ddd } 
.xans-product-detail .prdTitle .summary_desc { margin:10px 0 0; padding:14px 14px 4px; border-top:1px solid #e2e2e2; color:#444 } 

/*210729 °¡°ÝÁ¤º¸ ¼öÁ¤*/
.xans-product-detail .prdInfo { position:relative; padding:10px; } 
.xans-product-detail .prdInfo table { display:inline; } 
.xans-product-detail .prdInfo table tr { } 
.xans-product-detail .prdInfo table th,.xans-product-detail .prdInfo table td { padding:0 5px; font-weight:400; text-align:left; vertical-align:middle; line-height:1.4; } 
.xans-product-detail .prdInfo table tbody.priceArea { border-bottom:1px solid #ddd } 
.xans-product-detail .prdInfo table tbody.priceArea th { font-weight:bold } 
.xans-product-detail .prdInfo table tbody.priceArea tr.price td { text-decoration:line-through } 
.xans-product-detail .prdInfo table th { width:45px } 
.xans-product-detail .prdInfo table td { } 
.xans-product-detail .prdInfo table td select { width:100% } 
.xans-product-detail .prdInfo table td select#delivery_cost_prepaid { margin:0 0 7px } 
.xans-product-detail .prdInfo table .mileage td p { display:inline-block } 
.xans-product-detail .prdInfo table .mileage td img { vertical-align:middle } 
.xans-product-detail .prdInfo table th,.xans-product-detail .prdInfo table th span { color:#444 !important; font-size:12px !important; font-weight:normal !important } 
.xans-product-detail .prdInfo table td,.xans-product-detail .prdInfo table td span { } 
.xans-product-detail .prdInfo .product_name_css { display:none } 
.xans-product-detail .prdInfo .simple_desc_css { display:none } 
.xans-product-detail .prdInfo .summary_desc_css { display:none } 
.xans-product-detail .prdInfo .review_cnt_css { display:none } 
.xans-product-detail .prdInfo .qna_cnt_css { display:none } 
.xans-product-detail .prdInfo .c_dc_price_css td span a { display:none } 
.xans-product-detail .prdInfo .mileage_value_css td span p { line-height:1.4 } 
.xans-product-detail .prdInfo .mileage_value_css td span p img { height:11px; margin-right:5px } 
.xans-product-detail .prdInfo .prd_promotion_date_css span.period { display:block } 
.xans-product-detail .prdInfo .qrcode_css td { padding:0 } 
.xans-product-detail .prdInfo .qrcode_css td div:first-child { } 
.xans-product-detail .prdInfo .qrcode_css td div:nth-child(2) { float:left !important; padding:7px 0 !important } 
.xans-product-detail .simple_desc { padding:14px; border-top:1px solid #e2e2e2; color:#444; line-height:1.6 } 
.xans-product-detail .prdOptionWrap { position: fixed; right: 0; bottom: 0; left: 0; height: 100%; max-height: calc(100vh - 180px); border-top: 3px solid #f96512; background: #fff; z-index: 120; transition: .3s; transform: translateY(110%); } 
.xans-product-detail .prdOptionWrap.open { transform: translateY(0%); }
.xans-product-detail .prdOptionWrap .prdOptionClose { position: absolute; bottom: 100%; left: 50%; width: 60px; height: 24px; margin: 0 0 2px -30px; background: url(/design/sleepgongg/img/web/img/btn_detail_optionbox_toggle.png) no-repeat center bottom; background-size: contain; text-indent: -999px; overflow: hidden; }
.xans-product-detail .prdOption { height: 100%; padding: 0 10px; overflow-y: auto; } 
.xans-product-detail .prdOption .naver-checkout #nhn_btn > div { width: 100% !important; } 
#container #contents .prdOption .naver-checkout #nhn_btn > div { width: 100% !important; } 
.xans-product-detail .prdOption table td input[type="text"] { width:100% } 
.xans-product-detail .prdOption table td select {  width:100%; padding: 0 12px; border: 1px solid #dedede; border-radius: 0; background: url(/design/sleepgongg/img/web/img/ico_detail_option_arrow.png) no-repeat right 12px center; background-size: 12px; font-size: 12px; line-height:21px; } 
.xans-product-detail .prdOption table td label { margin:0 12px 0 0 } 
.xans-product-detail .prdOption table td.selectButton { text-align:right } 
.xans-product-detail .prdOption table td.fileInfo input { width:95% } 
.xans-product-detail .prdOption table td.fileInfo .infoDesc { margin:0 0 10px 0 } 
.xans-product-detail .prdOption table td.fileInfo li { margin:4px 0 0; color:#757575; font-size:11px } 
.xans-product-detail .prdOption table td.fileInfo li .btnDelete { overflow:hidden; display:inline-block; text-indent:-999px; width:21px; height:20px; border:0; cursor:pointer; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/btn_delete.png") no-repeat 0 0; background-size:100% 100% } 
.xans-product-detail .prdOption table .xans-product-option { border-top:0 } 
.xans-product-detail .prdOption table .quantity td { font-size:0 !important } 
.xans-product-detail .prdOption table .quantity td #quantity { width:49px } 
.xans-product-detail .prdOption table .quantity td #quantity ~ a { display:inline-block; position:relative; width:29px; height:29px; margin-left:4px; border:1px solid #ccc; border-radius:2px; background:#e2e2e2; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box } 
.xans-product-detail .prdOption table .quantity td #quantity+a:before,.xans-product-detail .prdOption table .quantity td #quantity+a:after,.xans-product-detail .prdOption table .quantity td #quantity+a+a:after { display:block; content:''; position:absolute; top:14px; left:14px; background:#777; width:13px; height:1px; border-radius:2px; margin-left:-7px; margin-top:-1px } 
.xans-product-detail .prdOption table .quantity td #quantity+a:after { width:1px; height:13px; margin-left:-1px; margin-top:-7px } 
.xans-product-detail .prdOption table .quantity td #quantity ~ a img { position:relative; z-index:1; opacity:0; width:100%; height:100% } 
.xans-product-detail .prdOption table .quantity td #quantity ~ a.QuantityDown:after,.xans-product-detail .prdOption table .quantity td #quantity ~ a.QuantityUp:before,.xans-product-detail .prdOption table .quantity td #quantity ~ a.QuantityUp:after { display:block; content:''; position:absolute; top:14px; left:14px; background:#777; width:13px; height:1px; border-radius:2px; margin-left:-7px; margin-top:-1px } 
.xans-product-detail .prdOption table .quantity td #quantity ~ a.QuantityDown:before { display:none } 
.xans-product-detail .prdOption table .quantity td #quantity ~ a.QuantityDown:after,.xans-product-detail .prdOption table .quantity td #quantity ~ a.QuantityUp:after { display:block; content:''; position:absolute; top:14px; left:14px; background:#777; width:13px; height:1px; border-radius:2px; margin-left:-7px; margin-top:-1px } 
.xans-product-detail .prdOption table .quantity td #quantity ~ a.QuantityUp:before { width:1px; height:13px; margin-left:-1px; margin-top:-7px } 
.xans-product-detail .prdOption img { vertical-align:middle; cursor:pointer } 
.xans-product-detail .btnRestockMail { display:inline-block; padding:3px 7px; border:1px solid #ddd; border-radius:2px; color:#1b1b1b; font-size:11px; background:#fff } 
.xans-product-detail .sizeGuide { padding:14px; border-top:1px solid #e2e2e2 } 
.xans-product-detail .sizeGuide a { } 
/*
.xans-coupon-productdetail.toggleArea { margin:0 7px 7px } 
.xans-coupon-productdetail .contents { padding:14px 7px 7px; background:#fff; font-size:0; line-height:0; text-align:center } 
.xans-coupon-productdetail .contents li { display:inline-block; width:50%; max-width:230px; padding:7px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box } 
.xans-coupon-productdetail .contents li:first-child { border-top:0 } 
.xans-coupon-productdetail .coupon { position:relative; width:100%; height:0; margin-bottom:50px; padding-bottom:48%; margin:0; font-size:12px; line-height:1.5; text-align:center; background-repeat:no-repeat; background-size:100% 100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box } 
.xans-coupon-productdetail .coupon .detail { position:absolute; top:50%; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-left:16.2%; -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); } 
.xans-coupon-productdetail .coupon:not(.imgCoupon) { background-image:url(/design/sleepgongg/img/web/upload/dfloor_base/mobile/image/bg_coupon.png) !important; border:1px solid #e7e7e7; border-radius:6px } 
.xans-coupon-productdetail .coupon.imgCoupon .detail { display:none } 
.xans-coupon-productdetail .coupon .title { display:block; padding:0; font-size:10px; line-height:1; text-align:center; font-weight:normal } 
.xans-coupon-productdetail .coupon .discount { font-size:18px; line-height:28px; font-weight:bold; text-align:center; letter-spacing:-1px; margin-bottom:0 !important; } 
.xans-coupon-productdetail .coupon .discount span { font-size:15px; color:#393939 } 
.xans-coupon-productdetail .coupon .period { font-size:11px; line-height:13px; text-align:center; letter-spacing:-1px; margin-bottom:0 !important; } 
.xans-coupon-productdetail .button { margin:7px 0 14px; text-align:center } 
.xans-coupon-productdetail .button a { color:#fff; border:1px solid #939393; border-bottom-color:#818181; box-shadow:0 1px 2px rgba(0,0,0,0.04); background:#9b9b9b; font-size:11px; line-height:24px; height:26px } 
.xans-coupon-productdetail .button i { margin-left:4px } 
#dCouponDetail { position:absolute; z-index:100; min-width:303px; margin:0 7px; border:1px solid #353535; border-radius:4px; background:#f1f1f1 } 
#dCouponDetail.active { display:block } 
#dCouponDetail h4 { font-size:14px; box-sizing:border-box; padding:10px 14px; background:#353535; color:#fff } 
#dCouponDetail .couponInfo { margin:14px 7px 7px; background:#fff; border:1px solid #ddd } 
#dCouponDetail .couponInfo li { padding:12px; border-top:1px solid #ededed } 
#dCouponDetail .couponInfo li:first-child { border-top:0 } 
#dCouponDetail .mButton { text-align:center; padding:0 0 7px } 
#dCouponDetail .mButton a { display:inline-block; height:28px; line-height:28px; margin:0; padding:0 10px; font-size:13px; cursor:pointer; vertical-align:middle; font-family:Verdana,"¸¼Àº °íµñ",Malgun Gothic,"µ¸¿ò",Dotum; font-weight:400; border:0; border-radius:2px; -moz-box-sizing:border-box; box-sizing:border-box; } 
#dCouponDetail .mButton .tSubmit1 { color:#fff; background:#606060; margin:0 7px 0 0 } 
#dCouponDetail .mButton .tSubmit2 { color:#1b1b1b; border:1px solid #bcbcbc; background:#fff } 
*/
/*210729 °íÁ¤¹öÆ° ¼öÁ¤*/
#fixedActionButton:not(.displaynone) { text-align:center; font-size:0; line-height:0 } 
#fixedActionButton>ul { display: flex; flex-wrap: wrap; margin: 0; } 
#fixedActionButton>ul>li { flex: 1; box-sizing:border-box; } 
#fixedActionButton>ul>li + li { margin-left: 5px; }
#fixedActionButton>ul>li>* { width:100%; height:50px; margin:0; padding:0; border: none; color:#fff; background:#222; font-size:18px; line-height:50px; font-weight: 500; border-radius:25px; text-align: center; } 
#fixedActionButton>ul>li>.bg_orange { background: #f96512 !important; }
#fixedActionButton>ul>li>a.btn_gift { border:1px solid #222; background: #fff; color: #222; line-height: 48px; }
#fixedActionButton>ul>li>a.btn_gift .fa { margin-right: 2px; }
#fixedActionButton>ul>li.gift_li + li { flex: none; width: 100%; margin: 5px 0 0 0; }

#orderFixArea { display:none!important; position:fixed; z-index:120; left:0; bottom:0; max-width:100%; width:100%; margin:0; box-sizing:border-box; background-color:#dbdbdb } 
#orderFixArea { display:none; position:fixed; z-index:120; left:0; bottom:0; width:100%; box-sizing:border-box; margin:0; background-color:rgba(255,255,255,0.95); border-top:1px solid #ddd } 
#orderFixArea ul { display:flex } 
#orderFixArea li { flex:auto; width:20%; text-align:center } 
#orderFixArea li a { display:block; width:100%; height:100%; padding:8px 0 7px 0 } 
#orderFixArea li i { display:block; font-size:22px; color:#444 } 
#orderFixArea li span { display:block; font-size:11px; color:#444; margin-top:3px } 
.snsLink { padding:14px 14px 0; font-size:0; text-align:center } 
.snsLink:after { content:""; display:block; clear:both } 
.snsLink img { min-width:20px; height:20px; margin:0 3px; font-size:12px; cursor:pointer } 
.xans-product-detail .productSet { } 
.xans-product-detail .productSet .product>li { background:#fff; position: relative; } 
.xans-product-detail .productSet .product>li:first-child { border-top:0 } 
.xans-product-detail .productSet .product .information { display:block; padding:0 } 
.xans-product-detail .productSet .product .information:after { display:block; content:""; clear:both } 
.xans-product-detail .productSet .product .thumbnail { float:left; width:71px; padding:0 14px 0 0 } 
.xans-product-detail .productSet .product .thumbnail img { max-width:100% } 
.xans-product-detail .productSet .product .thumbnail ~ * { padding-left:86px !important } 
.xans-product-detail .productSet .product .name { margin:0 0 4px; font-size:14px; color:#222; line-height:1.25em } 
.xans-product-detail .productSet .product .name a { color:#444; word-wrap:break-word } 
.xans-product-detail .productSet .product .price { position: absolute; left: 0; bottom: 4px; padding:0; margin:0; color:#dbdbdb; font-size:14px; line-height:16px; font-weight: 400; word-wrap:break-word; } 
.xans-product-detail .productSet .product .qty { font-size:11px; color:#444 } 
.xans-product-detail .productSet .product .salePrice { padding:4px 0; font-size:12px; font-family:Tahoma; font-weight:bold; color:#444 } 
.xans-product-detail .productSet .product .stock { padding:4px 0 } 
.xans-product-detail .productSet .product .option { padding:4px 0; } 
.xans-product-detail .productSet .product .option table { width:100% } 
.xans-product-detail .productSet .product .option th { width: 130px; color: #191919; font-size: 14px; line-height: 16px; font-weight: 400; vertical-align: top; } 
.xans-product-detail .productSet .product .option td .fText { width:45%; padding:3px } 
.xans-product-detail .productSet .product .sizeGuide { margin:0; padding:14px 0 0; background-position:7px 17px } 
.xans-product-detail .productSet .product .sizeGuide a { } 
.xans-product-detail .productSet.hide .title span { display:block; padding:0; font-size:12px } 
.xans-product-detail .productSet.hide .product { display:none } 
.xans-product-detail .productSet table { font-size:11px; word-wrap:break-word } 
.xans-product-detail .productSet table th { padding:0; text-align:left; vertical-align:top } 
.xans-product-detail .productSet table td { padding:0 5px 0 0; vertical-align:top } 
.xans-product-detail .productSet label { margin:0 } 
.xans-product-detail .productSet label:first-child { margin-left:0 } 
.xans-product-detail .productSet select { width:100%; white-space:nowrap } 
.xans-product-detail .productSet input[type="text"],input[type="password"] { margin-bottom:2px } 
.xans-product-detail .productSet #quantity { width:49px } 
.xans-product-detail .productSet .quantity img { width:auto } 
.xans-product-detail .productSet .quantity.set { padding:14px 14px; border-top:1px solid #ccc; background:#fff } 
.xans-product-detail .productSet .quantity.set dt,.xans-product-detail .productSet .quantity.set dd { display:inline-block; vertical-align:middle } 
.xans-product-detail .productSet .quantity.set dt { width:104px; padding:0 0 0 6px; font-size:12px; color:#444 } 
.xans-product-detail .productSet td img { vertical-align:middle; cursor:pointer } 
.xans-product-detail .productSet .selectButton { margin:14px 0 0; width:100%; text-align:right } 
.xans-product-detail .xans-product-option .value { margin-top:1px; line-height:23px; color:#888; word-break:break-all } 
.xans-product-detail .xans-product-option .value .ec-product-value { display:inline-block; color:#fff; padding:2px 6px; line-height:19px; background:#666; border-radius:3px } 
.xans-product-detail .xans-product-option .ec-product-button li { position:relative; overflow:hidden; display:inline-block; margin:0 4px 4px 0; vertical-align:top; border:1px solid #ccc; border-radius:2px; background:#fff } 
.xans-product-detail .xans-product-option .ec-product-button li:last-child { margin-right:0 } 
.xans-product-detail .xans-product-option .ec-product-button li a { display:block; min-width:27px; line-height:27px; text-align:center; text-decoration:none; word-break:break-all } 
.xans-product-detail .xans-product-option .ec-product-button li a span { display:inline-block; padding:0 4px; box-sizing:border-box; word-break:break-all } 
.xans-product-detail .xans-product-option .ec-product-button.ec-product-preview li { padding:1px } 
.xans-product-detail .xans-product-option .ec-product-button.ec-product-preview li a { min-width:25px; width:25px; height:25px; border-radius:2px } 
.xans-product-detail .xans-product-option .ec-product-button.ec-product-preview li a img { max-width:100%; max-height:100%; vertical-align:top } 
.xans-product-detail .xans-product-option .ec-product-button.ec-product-preview li a span { overflow:hidden; line-height:0; font-size:0; padding:0; text-indent:120%; white-space:nowrap } 
.xans-product-detail .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout span,.xans-product-detail .xans-product-option .ec-product-button.ec-product-preview .ec-product-disabled span { position:absolute; left:0; top:0; z-index:1 } 
.xans-product-detail .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout span { background:url("//img.echosting.cafe24.com/skin/mobile/product/soldout_bg.png") repeat; background-size:28px auto } 
.xans-product-detail .xans-product-option .ec-product-button .ec-product-soldout { border-style:dashed } 
.xans-product-detail .xans-product-option .ec-product-button .ec-product-soldout a span { display:inline-block; width:100%; height:100%; cursor:not-allowed; color:#c8c8c8 } 
.xans-product-detail .xans-product-option .ec-product-button .ec-product-soldout.ec-product-selected { border-style:dashed } 
.xans-product-detail .xans-product-option .ec-product-button .ec-product-disabled a span { display:inline-block; width:100%; height:100%; background:#999; opacity:0.3 } 
.xans-product-detail .xans-product-option .ec-product-button .ec-product-selected { border:1px solid #707070; border-radius:2px } 
.xans-product-detail .xans-product-option .ec-product-button .ec-product-selected a { } 
.xans-product-detail .xans-product-option .ec-product-radio>li { display:inline-block } 
.xans-product-detail .xans-product-option .ec-product-radio .ec-product-disabled,.xans-product-detail .xans-product-option .ec-product-radio .ec-product-soldout { color:#d7d7d7 } 

.option_tk { padding-top: 22px; }
.xans-product-detail .shopdetailInfoSelect { padding: 0 12px; }
.xans-product-detail .shopdetailInfoSelect > table { margin-top: 8px; }
.xans-product-detail .shopdetailInfoSelect > table th { width: 130px; color: #191919; font-size: 16px; line-height: 19px; font-weight: 400;}

#totalProducts { } 
#totalProducts table { margin:0; border-collapse:collapse } 
#totalProducts tbody tr { border-top:1px solid #e2e2e2 } 
#totalProducts thead { display:none } 
#totalProducts tbody td { padding:14px; font-size:12px; color:#444; line-height:16px; background:#fff; vertical-align:middle; word-wrap:break-word; word-break:break-all } 
#totalProducts tbody td img { vertical-align:middle } 
#totalProducts tbody tr td:nth-child(2) { padding:0; text-align:right } 
#totalProducts tbody tr td:nth-child(3) { padding:0 14px 0 7px; text-align:center } 
#totalProducts tbody td p { margin:0 } 
#totalProducts tbody td p.option,#totalProducts tbody td p.product { padding:0 0 4px } 
#totalProducts tbody td p.option strong,#totalProducts tbody td p.product strong { font-weight:normal; color:#1c1c1c; display:none } 
#totalProducts tbody td p.product br { display:none } 
#totalProducts input.quantity_opt,#totalProducts input[readonly] { width:50px } 
#totalProducts tbody td .quantity input { width:23px; height:19px; padding:0 4px; line-height:19px; border:1px solid #e9e9e9; border-top:1px solid #c5c5c5; border-left:1px solid #c5c5c5; *margin-top:-1px } 
#totalProducts tbody td .price { display:block; margin:3px 0; color:#444 } 
#totalProducts tbody td .mileage { display:block; margin:3px 0; font-size:11px; color:#444; white-space:nowrap } 
#totalProducts tbody td .soldOut { color:#444 } 
#totalProducts tbody tr td:nth-child(2) img { margin-top:-1px } 
#totalProducts tbody tr td:nth-child(3) { font-size:0; line-height:0; padding:0 14px 0 0; text-align:right } 
#totalProducts tbody tr td:nth-child(3) a { display:inline-block; position:relative; width:9px; height:9px; background:#606060 } 
#totalProducts tbody tr td:nth-child(3) a:before,#totalProducts tbody tr td:nth-child(3) a:after { display:block; content:''; position:absolute; top:4px; left:1px; width:7px; height:1px; background:#fff; -o-transform-origin:50% 50%; -ms-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; } 
#totalProducts tbody tr td:nth-child(3) a:before { -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); } 
#totalProducts tbody tr td:nth-child(3) a:after { -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); } 
#totalProducts tbody tr td:nth-child(3) img { position:absolute; z-index:1; top:0; left:0; opacity:0; width:100%; height:100% } 
#totalProducts tbody td p.product+p { } 
#totalProducts tbody td .quantity_opt { display:inline-block; vertical-align:top } 
#totalProducts tbody td .quantity_opt ~ a { display:inline-block; position:relative; width:29px; height:29px; margin-left:4px; border:1px solid #ccc; border-radius:2px; background:#e2e2e2; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box } 
#totalProducts tbody td .quantity_opt ~ a:before,#totalProducts tbody td .quantity_opt ~ a:after,#totalProducts tbody td .quantity_opt ~ a+a:after { display:block; content:''; position:absolute; top:14px; left:14px; background:#777; width:13px; height:1px; border-radius:2px; margin-left:-7px; margin-top:-1px } 
#totalProducts tbody td .quantity_opt ~ a:after { width:1px; height:13px; margin-left:-1px; margin-top:-7px } 
#totalProducts tbody td .quantity_opt ~ a img { position:relative; z-index:1; opacity:0; width:100%; height:100% } 
.totalPrice { display: flex; align-items: center; padding: 14px 10px 20px; } 
.totalPrice>strong { color:#191919; font-size: 18px; line-height: 21px; font-weight: 600; } 
.totalPrice .total { margin-left: auto; color: #f96512; font-size: 18px; line-height: 21px; font-weight: 600; } 
.totalPrice .total strong { font-weight: 600; } 
.differentialShipping { display:inline-block; position:relative; width:13px; height:13px; vertical-align:middle } 
.differentialShipping .btnHelp { display:inline-block; overflow:hidden; width:13px; height:13px; font-size:0; vertical-align:top; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_help2.png") no-repeat 50% 50%; background-size:13px 13px } 
.differentialShipping .layerShipping { display:none; z-index:1000; position:fixed; left:7px; width:100%; top:100px; box-sizing:border-box; margin:0; padding:0 14px 0 0 } 
.differentialShipping .layerShipping p { padding:12px; color:#fff; background-color:#353535; border:1px solid #353535; border-bottom:0; border-radius:4px 4px 0 0 } 
.differentialShipping .layerShipping p strong { font-weight:normal; font-size:13px } 
.differentialShipping .layerShipping ul { padding:14px 7px; border:1px solid #353535; border-top:0; border-radius:0 0 4px 4px; background-color:#f0f0f0 } 
.differentialShipping .layerShipping li { padding:12px; overflow:hidden; font-size:11px; background:#fff; border:1px solid #ddd; border-top:0 } 
.differentialShipping .layerShipping li:first-child { border-top:1px solid #ddd } 
.differentialShipping .layerShipping li strong { float:left; font-weight:normal; color:#757575 } 
.differentialShipping .layerShipping li .price { float:right; font-weight:bold; font-family:Tahoma; color:#353535 } 
.differentialShipping .layerShipping .btnClose { position:absolute; right:24px; top:12px; overflow:hidden; width:18px; height:18px; font-size:0; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_close_white.png") no-repeat 50% 50%; background-size:20px 20px } 
.xans-product-detail .shippingFee { display:inline-block; position:static; font-size:12px; vertical-align:middle } 
.xans-product-detail .shippingFee .wrap { display:none; z-index:999; position:fixed; left:2%; width:96%; top:100px; margin:0; border:1px solid #ddd; background:#fff; border-radius:5px; box-sizing:border-box; -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.75); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.75); box-shadow:0px 0px 10px 2px rgba(0,0,0,0.75); } 
.xans-product-detail .shippingFee .wrap h3 { padding:0 14px; font-size:13px; line-height:36px; background-color:#f0f0f0; border-bottom:1px solid #ddd; border-radius:5px 5px 0 0 } 
.xans-product-detail .shippingFee .wrap .content { padding:14px } 
.xans-product-detail .shippingFee .wrap h4 { position:relative; margin:0 7px 7px } 
.xans-product-detail .shippingFee .wrap h4:before { display:inline-block; content:""; margin:0 4px 0 0; width:3px; height:3px; background:#666; vertical-align:middle } 
.xans-product-detail .shippingFee .wrap table+h4 { margin-top:14px } 
.xans-product-detail .shippingFee .wrap p strong { font-weight:normal; font-size:13px } 
.xans-product-detail .shippingFee .wrap table { background:#fff } 
.xans-product-detail .shippingFee .wrap th,.xans-product-detail .shippingFee .wrap td { padding:7px; border:1px solid #ddd } 
.xans-product-detail .shippingFee .wrap th { width:80px; border-right-width:0; color:#353535 } 
.xans-product-detail .shippingFee .wrap td { border-left-width:0 } 
.xans-product-detail .shippingFee .wrap .txtEm { color:#008bcc } 
.xans-product-detail .shippingFee .wrap .info { color:#757575; font-size:11px } 
.xans-product-detail .shippingFee .wrap .btnClose { overflow:hidden; position:absolute; right:0; top:0; width:36px; height:36px; font-size:0; border:none; background:transparent url("//img.echosting.cafe24.com/skin/mobile/common/btn_close.png") center center no-repeat; background-size:14px 14px } 
.xans-product-detail .social { padding:10px 0; text-align:center; font-size:0; line-height:0 } 
.xans-product-detail .social img { margin:0 4px 2px 0 } 
.xans-product-detail .social img,.xans-product-detail .social a { vertical-align:middle } 
.xans-product-detail .social .xans-product-customsns,.xans-product-detail .social .xans-product-customsns ul,.xans-product-detail .social .xans-product-customsns li { display:inline; vertical-align:middle } 
.xans-product-detail .toggle { position: fixed; font-size: 12px; bottom: -100%; margin: auto; height: 40vh; background: #fff; overflow: auto; left: 0; right: 0; width: 100%; z-index: 900; padding: 25px 15px 15px; box-sizing: border-box; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1); transition:all .5s; } 
.xans-product-detail .toggle.on { bottom:0; } 
.xans-product-detail .toggle>.title { position:relative; padding:14px 43px 14px 14px; line-height:15px; background-color:#f0f0f0; color:#444; cursor:pointer; border-top:1px solid #e2e2e2 } 
.xans-product-detail .toggle>.title:before,.xans-product-detail .toggle>.title:after { display:block; content:''; position:absolute; top:50%; right:14px; margin-right:-4px; background:#777; width:10px; height:1px; border-radius:2px; -o-transform-origin:50% 50%; -ms-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; } 
.xans-product-detail .toggle>.title:before { margin-right:0px; -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); -o-transition:all .3s .0s cubic-bezier(0.86,0,0.07,1); -ms-transition:all .3s .0s cubic-bezier(0.86,0,0.07,1); -moz-transition:all .3s .0s cubic-bezier(0.86,0,0.07,1); -webkit-transition:all .3s .0s cubic-bezier(0.86,0,0.07,1); transition:all .3s .0s cubic-bezier(0.86,0,0.07,1); } 
.xans-product-detail .toggle>.title:after { margin-right:7px; -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -o-transition:all .3s .0s cubic-bezier(0.86,0,0.07,1); -ms-transition:all .3s .0s cubic-bezier(0.86,0,0.07,1); -moz-transition:all .3s .0s cubic-bezier(0.86,0,0.07,1); -webkit-transition:all .3s .0s cubic-bezier(0.86,0,0.07,1); transition:all .3s .0s cubic-bezier(0.86,0,0.07,1); } 
.xans-product-detail .toggle.selected>.title:before { -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); } 
.xans-product-detail .toggle.selected>.title:after { -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); } 
.xans-product-detail .toggle.disable>.title:after { background-image:none !important } 
.xans-product-detail .toggle>.title h2 { display:inline-block; font-size:13px } 
.xans-product-detail .toggle>.contents { display:none; box-sizing:border-box; border-top:1px solid #e2e2e2 } 
.xans-product-detail .toggle.selected>.contents,.xans-product-detail .toggle.disable>.contents { display:block } 


.supplyInfo { margin:14px 7px } 
.supplyInfo h3 { padding:14px 13px; margin:0 0 -10px 0; border:1px solid #ddd; border-bottom:0; color:#222; font-size:12px; background-color:#f0f0f0 } 
.xans-product-detaildesign td ul.discountMember:after { content:""; display:clock; clear:both } 
.xans-product-detaildesign td>span>ul.discountMember>li { float:left } 
.xans-product-detaildesign td ul.discountMember li a { float:left; margin:0 4px 4px 0 } 
.xans-product-detaildesign td .discount_layer { z-index:10; position:absolute; left:2%; margin:0; width:96%; background:#f1f1f1; border-radius:5px; -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.75); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.75); box-shadow:0px 0px 10px 2px rgba(0,0,0,0.75); } 
.xans-product-detaildesign td .discount_layer h3 { height:36px; margin:0 0 14px; padding:0 38px 0 7px; font-size:15px; line-height:36px; color:#fff; background:#606060 } 
.xans-product-detaildesign td .discount_layer p,.xans-product-detaildesign td .discount_layer ul { margin:0 2% 7px; padding:0 10px } 
.xans-product-detaildesign td .discount_layer ul li { padding:0 0 3px } 
.xans-product-detaildesign td .discount_layer p strong { color:#0088d4 } 
.xans-product-detaildesign td .discount_layer table { margin:0 auto 14px; width:96%; background:#fff; border:1px solid #ddd } 
.xans-product-detaildesign td .discount_layer thead th { padding:0; height:0; font-size:0; line-height:0 } 
.xans-product-detaildesign td .discount_layer tbody th { padding:7px 3px 7px 7px; font-weight:normal !important } 
.xans-product-detaildesign td .discount_layer tbody th,.xans-product-detaildesign td .discount_layer tbody td { border-bottom:1px solid #ddd } 
.xans-product-detaildesign td .discount_layer tbody td { text-align:right } 
.xans-product-detaildesign td .discount_layer tbody tr:last-of-type th,.xans-product-detaildesign td .discount_layer tbody tr:last-of-type td { border-bottom:0 } 
.xans-product-detaildesign td .discount_layer tbody td .addMobile { display:block } 
.xans-product-detaildesign td .discount_layer .btnClose { position:absolute; right:0; top:0; z-index:110; width:36px; height:36px; border:0; padding:0; font-size:0; text-indent:100%; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_close_white.png") center center no-repeat; background-size:14px 14px } 
.xans-product-detaildesign td .discount_layer h4 { margin:0 2% 3px; padding:0 10px; font-size:12px } 
.xans-product-detaildesign td .discount_layer .info,.xans-product-detaildesign td .discount_layer p.gCenter { margin:0 2% 14px } 
.xans-product-detaildesign td .discount_layer p.gCenter { text-align:center } 
.xans-product-detaildesign td .discount_layer p.bullet,.xans-product-detaildesign td .discount_layer ul.bullet li { background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/bg_boardwrite_th.png") no-repeat 3px 6px; background-size:4px auto } 
.xans-product-detaildesign td .discount_layer ul.bullet li { padding:0 10px } 
.supply-design .supply_css td span { margin-right:4px } 
.supply-design .supply_css td img { max-height:28px } 
.xans-product-detail .productSet .description { margin:0 } 
.xans-product-detail .productSet .description h3 { height:0; line-height:0; font-size:0 } 
.xans-product-detail .productSet .description.eToggle .inner { display:none } 
.xans-product-detail .productSet .description.eToggle.selected .inner { display:block; margin:9px 0 0 } 
.xans-product-detail .productSet .description .content { display:none; padding:0 } 
.xans-product-detail .productSet .description.selected .content { display:block } 
.xans-product-detail .productSet .description table { } 
.xans-product-detail .productSet .description table th,.xans-product-detail .productSet .description table td { padding:5px; font-weight:normal; text-align:left; vertical-align:top; line-height:1.6 } 
.xans-product-detail .productSet .description table tbody.priceArea { border-bottom:1px solid #ddd } 
.xans-product-detail .productSet .description table tbody.priceArea th { font-weight:bold } 
.xans-product-detail .productSet .description table tbody.priceArea tr.price td { text-decoration:line-through } 
.xans-product-detail .productSet .description table th { width:100px } 
.xans-product-detail .productSet .description table td { } 
.xans-product-detail .productSet .description table td select { width:100% } 
.xans-product-detail .productSet .description table td select#delivery_cost_prepaid { margin:0 0 7px } 
.xans-product-detail .productSet .description table .mileage td p { display:inline-block } 
.xans-product-detail .productSet .description table .mileage td img { vertical-align:middle } 
.xans-product-detail .productSet .description table th,.xans-product-detail .productSet .description table th span { color:#444 !important; font-size:12px !important; font-weight:normal !important } 
.xans-product-detail .productSet .description table td,.xans-product-detail .productSet .description table td span { color:#444 !important; font-size:12px !important } 
.xans-product-detail .productSet .description .qrcode_css td { padding:0 } 
.xans-product-detail .productSet .description .qrcode_css td div:first-child { } 
.xans-product-detail .productSet .description .qrcode_css td div:nth-child(2) { float:left !important; padding:7px 0 !important } 
.xans-product-detail .productSet .description .color td { font-size:0; line-height:0 } 
.xans-product-detail .productSet .description .chips { display:inline-block; width:20px; height:16px; margin:0 2px 3px 0; border:1px solid #ddd } 
.xans-product-detail .productSet .description .discountMember img { width:auto; height:26px } 
.xans-product-detail .productSet .description .ec-base-button { margin:14px 0 0 } 
.xans-product-detail .productSet .description .btnBasic { width:100%; color:#444; border:1px solid #e2e2e2; background:#f2f2f2; border-radius:0 } 
.xans-product-detail .productSet .description .btnBasic.icoToggle span { display:inline-block; padding:0 20px 0 0; background:url("//img.echosting.cafe24.com/skin/mobile/product/ico_toggle_arow_down2.png") no-repeat right 10px; background-size:13px auto } 
.xans-product-detail .productSet .description.selected .btnBasic.icoToggle span { background-image:url("//img.echosting.cafe24.com/skin/mobile/product/ico_toggle_arow_up2.png") } 
.xans-product-detail .productSet .description .xans-product-stocklayer .layer .content { padding:20px 10px } 
.xans-product-detail p.ec-base-help,ul.ec-base-help li { margin:6px 14px 0 } 
.btn-outside-service { padding:0 3px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center; margin:0; font-family:Roboto,Arial,'Nanum Gothic','Malgun Gothic','¸¼Àº °íµñ',Dotum,'µ¸¿ò','Apple SD Gothic Neo','AppleGothic',sans-serif } 
.btn-outside-service a { display:inline-block; margin:7px 0 0; vertical-align:middle; width:100%; height:40px; line-height:40px; font-size:11px; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border-radius:2px } 
.btn-outside-service a.navertalk { background:#01c93f; border:1px solid #00c43d; border-bottom:1px solid #01b337 } 
.btn-outside-service a.navertalk img { height:20px; vertical-align:middle !important } 
.btn-outside-service a.yellowid { font-weight:bold; letter-spacing:1px; color:#444; background:#fce61d; border:1px solid #f8e218; border-bottom:1px solid #eed918 } 
.btn-outside-service a.yellowid img { height:18px; margin-right:5px; vertical-align:middle } 
.df-snsShare { padding:15px 15px 5px; font-size:0; text-align:center } 
.df-snsShare img { height:20px; min-width:20px; font-size:12px; cursor:pointer; vertical-align:top } 
.xans-kakaolink-mobile { display:inline } 
.xans-kakaolink-mobile .kakaolink_button { display:inline-block; position:relative; width:20px; height:20px; vertical-align:top } 
.xans-kakaolink-mobile .kakaolink_button a { display:block; position:absolute; left:0; bottom:0; width:20px; height:20px; background-image:url("//img.echosting.cafe24.com/apps/kakao-link/skin1/sfix_btn.png"); background-repeat:no-repeat; font-size:0; line-height:0; background-size:20px 20px } 
.xans-kakaolink-mobile .kakaolink_button a.talk { background-image:url("/web/upload/dfloor_base/mobile/icon/sfix_btn_kakaotalk.png") } 
.xans-kakaolink-mobile .kakaolink_button a.story { background-image:url("/web/upload/dfloor_base/mobile/icon/sfix_btn_kakaostory.png") } 
.df-snsShare>img,.df-snsShare .xans-kakaolink>span,.df-snsShare .xans-product-customsns>span { margin:0 3px } 
.df-snsShare>img,.df-snsShare .xans-kakaolink>span,.df-snsShare .xans-product-customsns>span { margin:0 3px } 
#NaverChk_Button { padding: 0 0 5px 0; } 
.xans-product-detail .common-event { color:#444; line-height:1.6 } 
.xans-product-detail .common-event img { max-width:100% } 
.xans-product-detail .common-event.type-b { margin:5px 0 } 
#opt_layer_iframe_parent { top:50% !important; -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); } 


.xans-product-mobileimage { margin:0 } 
.xans-product-mobileimage li { vertical-align:middle } 
.xans-product-mobileimage .thumbnail { display:inline-block; position:relative } 
.xans-product-mobileimage img { max-width:100%; max-height:100% } 
.xans-product-mobileimage .paginate { margin:15px 0 0 } 
.xans-product-additional,.faq { margin:0; padding:0 0 7px; background-color:#f0f0f0 } 
.xans-product-additional .faq .toggle { margin:0 7px 7px; border:1px solid #d5d5d5; background-color:#fff } 
.xans-product-additional .faq .toggle>.title { position:relative; padding:14px; color:#222; -webkit-tap-highlight-color:rgba(255,255,255,0); cursor:pointer; background-color:#f0f0f0 } 
.xans-product-additional .faq .toggle>.title:after { display:block; position:absolute; top:0; right:0; content:""; width:40px; height:100%; background-repeat:no-repeat; background-size:13px 8px; background-position:center; background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_toggle_arow_down.png") } 
.xans-product-additional .faq .toggle.selected>.title:after { background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_toggle_arow_up.png") } 
.xans-product-additional .faq .toggle.disable>.title:after { background-image:none !important } 
.xans-product-additional .faq .toggle .contents { display:none; border-top:1px solid #ddd; padding:14px; color:#777 } 
.xans-product-additional .faq .toggle.selected>.contents,.xans-product-additional .faq .toggle.disable>.contents { display:block } 
.xans-product-additional { margin:0; padding:0; background:#fff } 
.xans-product-additional #prdDetail .button { text-align:center; padding:12px 0 } 
.xans-product-additional #prdDetail .ico { position:relative; top:2px; display:inline-block; width:13px; height:13px; background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_expand.png"); background-size:13px 13px } 
.xans-product-additional #prdDetail img { margin:0 } 
.xans-product-additional .btnMore { position:relative; margin:0 auto; width:100% } 
.xans-product-additional .btnMore a { display:block; padding:12px 0; border-top:1px solid #f1f1f1; border-bottom:1px solid #d5d5d5; color:#757575; text-align:center; font-weight:bold; background:#f5f5f5 } 
.xans-product-additional .btnMore span.icoMore { display:inline-block; margin:0 0 0 8px; width:12px; height:7px; font-size:0; line-height:0; vertical-align:middle; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_more.gif") no-repeat 50% 50%; background-size:12px 7px } 
.xans-product-additional .shippingFee { display:inline-block; position:static; vertical-align:middle; font-size:12px } 
.xans-product-additional .shippingFee .wrap { display:none; z-index:999; position:fixed; left:2%; width:96%; top:100px; margin:0; border:1px solid #d5d5d5; background:#fff; border-radius:5px; box-sizing:border-box; -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.75); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.75); box-shadow:0px 0px 10px 2px rgba(0,0,0,0.75); } 
.xans-product-additional .shippingFee .wrap h3 { padding:0 14px; font-size:13px; line-height:36px; background-color:#f0f0f0; border-bottom:1px solid #d5d5d5; border-radius:5px 5px 0 0 } 
.xans-product-additional .shippingFee .wrap .content { padding:14px } 
.xans-product-additional .shippingFee .wrap h4 { position:relative; margin:0 7px 7px } 
.xans-product-additional .shippingFee .wrap h4:before { display:inline-block; content:""; margin:0 5px 0 0; width:3px; height:3px; background:#666; vertical-align:middle } 
.xans-product-additional .shippingFee .wrap table+h4 { margin-top:14px } 
.xans-product-additional .shippingFee .wrap p strong { font-weight:normal; font-size:13px } 
.xans-product-additional .shippingFee .wrap table { background:#fff } 
.xans-product-additional .shippingFee .wrap th,.xans-product-additional .shippingFee .wrap td { padding:7px; border:1px solid #d5d5d5 } 
.xans-product-additional .shippingFee .wrap th { width:80px; border-right-width:0; color:#353535 } 
.xans-product-additional .shippingFee .wrap td { border-left-width:0 } 
.xans-product-additional .shippingFee .wrap .txtEm { color:#008bcc } 
.xans-product-additional .shippingFee .wrap .info { color:#757575; font-size:11px } 
.xans-product-additional .shippingFee .wrap .btnClose { overflow:hidden; position:absolute; right:0; top:0; width:36px; height:36px; font-size:0; border:none; background:transparent url("//img.echosting.cafe24.com/skin/mobile/common/btn_close.png") center center no-repeat; background-size:14px 14px } 
#contents #prdDetail .df-zoom-help { text-align:center; margin:10px 0; padding:12px 0 6px; border-top:1px solid #f7f7f7; border-bottom:1px solid #f7f7f7; background:#f8f8f8; font-size:16px; color:#3f3f3f } 
#contents #prdDetail .df-zoom-help span { color:#f00 } 
#contents #prdDetail .df-zoom-help img { width:auto !important; height:40px !important; margin-right:7px; margin-bottom:8px } 
.xans-product-additional #prdDetail img { width:auto !important; height:auto !important; max-width:100% !important } 
.xans-product-additional #prdDetail { line-height:1.6em } 
.xans-product-additional .common-event { text-align:center; padding-bottom:10px } 
.xans-product-additional ul.df-common-image { text-align:center; padding-bottom:8px } 
.xans-product-additional #prdDetailContentLazy,.xans-product-additional #prdDetailContent { padding-bottom:8px } 
.xans-product-additional #tab-guide { margin:0; text-align:center; } 
.xans-product-additional .df-guide { margin:7px; border:1px solid #e6e6e6; border-radius:7px; box-sizing:border-box } 
.xans-product-additional .df-guide .inner-wrap { margin:4% auto; width:91%; text-align:left } 
.xans-product-additional .df-guide h3 { position:relative; font-size:12px; font-weight:bold; color:#2f2f2f; letter-spacing:1px; border-bottom:1px solid #e8e8e8; height:35px; line-height:35px; padding:0 2px } 
.xans-product-additional .df-guide h3>i { font-size:12px; margin-right:6px; vertical-align:middle; margin-top:-2px } 
.xans-product-additional .df-guide .section .df-cont { font-size:11px; padding:14px 2px 15px; color:#656565; line-height:1.5 } 
.xans-product-additional .df-guide .section .df-cont img { max-width:100% } 
.xans-product-additional .df-guide .section .df-cont b { display:inline-block; margin-bottom:4px; color:#555 } 
.xans-product-additional .df-guide .section.delivery a.df-btn-order { position:absolute; bottom:5px; right:0; display:inline-block; font-size:11px; font-weight:normal; height:24px; line-height:24px; border:1px solid #dadada; background:#fff; color:#888; border-radius:4px; padding:0 8px; letter-spacing:0 } 
.xans-product-additional .df-guide .section.delivery a.df-btn-order i { margin-right:4px } 
.animate { -webkit-animation-duration:4s; -moz-animation-duration:4s; -o-animation-duration:4s; animation-duration:4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; } 
@-webkit-keyframes pop { 10% { -webkit-transform-origin:50% 50%; -webkit-transform:rotate(5deg) } 
25% { -webkit-transform-origin:50% 50%; -webkit-transform:scale(1.87,1.87) translateY(50px) } 
90% { -webkit-transform-origin:50% 50%; -webkit-transform:scale(1.87,1.87) translateY(-30px) } 
100% { -webkit-transform-origin:50% 50%; -webkit-transform:scale(1,1) } 
 }
@-moz-keyframes pop { 10% { -webkit-transform-origin:50% 50%; -webkit-transform:rotate(5deg) } 
25% { -webkit-transform-origin:50% 50%; -webkit-transform:scale(1.87,1.87) translateY(50px) } 
90% { -webkit-transform-origin:50% 50%; -webkit-transform:scale(1.87,1.87) translateY(-30px) } 
100% { -webkit-transform-origin:50% 50%; -webkit-transform:scale(1,1) } 
 }
@-o-keyframes pop { 10% { -webkit-transform-origin:50% 50%; -webkit-transform:rotate(5deg) } 
25% { -webkit-transform-origin:50% 50%; -webkit-transform:scale(1.87,1.87) translateY(50px) } 
90% { -webkit-transform-origin:50% 50%; -webkit-transform:scale(1.87,1.87) translateY(-30px) } 
100% { -webkit-transform-origin:50% 50%; -webkit-transform:scale(1,1) } 
 }
@keyframes pop { 10% { -webkit-transform-origin:50% 50%; -webkit-transform:rotate(5deg) } 
25% { -webkit-transform-origin:50% 50%; -webkit-transform:scale(1.87,1.87) translateY(50px) } 
90% { -webkit-transform-origin:50% 50%; -webkit-transform:scale(1.87,1.87) translateY(-30px) } 
100% { -webkit-transform-origin:50% 50%; -webkit-transform:scale(1,1) } 
 }
.pop { -webkit-transform-origin:top center; -moz-transform-origin:top center; -o-transform-origin:top center; transform-origin:top center; -webkit-animation-name:pop; -moz-animation-name:pop; -o-animation-name:pop; animation-name:pop; } 

.soldout_anchor { display:inline-block; padding:7px 0; } 
#MK_alarm { z-index:999 !important; top:100px !important; } 
.conts { margin:10px 5px; } 
.basic_option { height:33px !important; } 
#MK_innerOptTotal { margin: 15px 5px 5px 5px; } 
.MK_txt-total { color: #444; font-size: 13px; font-weight: bold; } 

#lnb > div > div.type-scroll > div.scroll > div.cont1 > ul > li:nth-child(1) { position:relative; } 
#lnb > div > div.type-scroll > div.scroll > div.cont1 > ul > li:nth-child(1) > a > span:after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 2px; background: #555; content: ""; z-index: 0; } 


.coupoon_tit { font-weight:bold; } 
.prdImgView .discountrate { padding:0 6px !important; } 
.ec-base-tab a { padding: 5px 3px !important; } 

 
.is_soldout { text-align: center; } 
.is_soldout img { width: 361px; display:block; margin:0 auto; } 
.soldout_anchor { width: 100%; } 


dl, ol, body ul { margin-bottom:0; } 


.design_notice { background: #eeeeee; border: 1px solid #d6d6d6; padding: 20px 10px; width: 100%; font-size: 12px; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; color:#3f393b; line-height: 19px; text-align: center; } 

.design_notice img { margin-top: 5px; margin-bottom: 5px; height: auto; vertical-align: middle; } 


/* 2021-07-02 ³ëƼ½º */
.notice { width:98%; height:45px; border:1px solid #f0f0f0; background:#f8f8f8; margin:0 auto; margin-bottom:0px; } 
.notice:hover { transition: all 0.2s; background:#0037ef; } 
.notice .link { width:100%; padding:10px 0 0 0px; text-align:center; } 
.notice .link span { width:100%; font-size: 14px; color:#666; font-weight: 400; padding:10px 0 0 0px; text-align:center; line-height:25px } 
.notice:hover .link { transition: all 0.2s; color:#fff; } 
.notice:hover .link span { width:100%; font-size: 14px; color:#fff; font-weight: 500; cursor: pointer; padding:10px 0 0 0px; text-align:center; } 
.notice strong { font-weight: 600; } 

/* ŸÀÌ¸Ó */
.wcountwrap { position:relative; width:100%; max-width:860px; margin:0 auto; padding:5% 0; background:#e7f7f9; } /*bgÄ÷¯*/
.countwrap { position:relative; width:92%; max-width:720px; margin:0 auto; padding:6% 0; background:#fff; } 
ul.countsimple { position: relative; width: 100%; margin: 0 auto; padding: 15px 0 5px 0; border-width: 1px 0; overflow: hidden; font-weight: 600; } 
ul.countsimple li { position:relative; margin: 0; padding: 0; display: block; width: 25%; text-align: center; float:left; } 
ul.countsimple li .number { position:relative; color:#5bc8d4; font-size:100px; } /*font*/
ul.countsimple li .label { position:relative; color: #5bc8d4; text-transform: uppercase; font-size:26px; margin-top:1%; } /*font*/
ul.countsimple li .number:after { position:absolute; top:50%; right:-5%; content:':'; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); font-size:80px } 
ul.countsimple li:last-child .number:after { content:"" } 
ul.countsimple li:last-child .number:after { display:none } 
.countdown_title { margin-bottom:0%; font-size:24px; color:#222; } /*title font*/

/* ŸÀÌ¸Ó ÄðÀáÀ§Å© */
.wcountwrap.cool { position:relative; width:100%; max-width:860px; margin:0 auto; padding:4% 0; background:#edf9fd; } /*bgÄ÷¯*/
.countwrap { position:relative; width:94%; max-width:750px; margin:0 auto; padding:4% 0; background:#fff; } 
.wcountwrap.cool ul.countsimple li .number { position:relative; color:#0d85ff; font-size:100px; } /*font*/
.wcountwrap.cool ul.countsimple li .label { position:relative; color: #0d85ff; text-transform: uppercase; font-size:26px; margin-top:1%: } /*font*/
.wcountwrap.cool .countdown_title { margin-bottom:0px; font-size:40px; color:#26233c; } /*title font*/


/* ŸÀÌ¸Ó À̺¥Æ® */
.wcountwrap.event { position:relative; width:100%; max-width:860px; margin:0 auto; padding:4% 0; background:#f6f6eb; } /*bgÄ÷¯*/
.wcountwrap.event ul.countsimple li .number { position:relative; color:#ff6d25; font-size:100px; } /*font*/
.wcountwrap.event ul.countsimple li .label { position:relative; color: #ff6d25; text-transform: uppercase; font-size:26px; margin-top:1%: } /*font*/
.wcountwrap.event .countdown_title { margin-bottom:0px; font-size:40px; color:#222; } /*title font*/


/* ŸÀÌ¸Ó ¸¶ÀÌÇÍ2.0 */
.wcountwrap.myfit { position:relative; width:100%; max-width:860px; margin:0 auto; padding:4% 0; background:#f9f9f9; } /*bgÄ÷¯*/ 
.wcountwrap.myfit ul.countsimple li .number { position:relative; color:#5bc8d4; font-size:100px; } /*font*/
.wcountwrap.myfit ul.countsimple li .label { position:relative; color: #5bc8d4; text-transform: uppercase; font-size:26px; margin-top:1%: } /*font*/
.wcountwrap.myfit .countdown_title { margin-bottom:0px; font-size:40px; color:#222; } /*title font*/ 


/* ŸÀÌ¸Ó ¼ö¸é¾È´ë */
.wcountwrap.sleep { position:relative; width:100%; max-width:860px; margin:0 auto; padding:5% 0; background:#eadbd6; } /*bgÄ÷¯*/
.wcountwrap.sleep ul.countsimple li .number { position:relative; color:#775e59; font-size:100px; } /*font*/
.wcountwrap.sleep ul.countsimple li .label { position:relative; color: #775e59; text-transform: uppercase; font-size:26px; margin-top:1%; } /*font*/
.wcountwrap.sleep .countdown_title { margin-bottom:0%; font-size:24px; color:#222222; } /*title font*/

/* ŸÀÌ¸Ó ½½¸³Æ佺Ÿ */
.wcountwrap.festa { position:relative; width:100%; max-width:860px; margin:0 auto; padding:5% 0; background:#ffebe0; } /*bgÄ÷¯*/
.wcountwrap.festa ul.countsimple li .number { position:relative; color:#ff6419; font-size:100px; } /*font*/
.wcountwrap.festa ul.countsimple li .label { position:relative; color: #ff6419; text-transform: uppercase; font-size:26px; margin-top:1%; } /*font*/
.wcountwrap.festa .countdown_title { margin-bottom:0%; font-size:24px; color:#222222; } /*title font*/


/* ŸÀÌ¸Ó °¡Á¤ÀÇ´Þ */
.wcountwrap.gift { position:relative; width:100%; max-width:860px; margin:0 auto; padding:4% 0; background:#ff704e; } /*bgÄ÷¯*/
.wcountwrap.gift ul.countsimple li .number { position:relative; color:#ff704e; font-size:100px; } /*font*/
.wcountwrap.gift ul.countsimple li .label { position:relative; color: #ff704e; text-transform: uppercase; font-size:26px; margin-top:1%: } /*font*/
.wcountwrap.gift .countdown_title { margin-bottom:0px; font-size:40px; color:#222; } /*title font*/

/* ŸÀÌ¸Ó °¡Á¤ÀÇ´Þda */
.wcountwrap.giftda { position:relative; width:100%; max-width:860px; margin:0 auto; padding:4% 0; background:#fff5e3; } /*bgÄ÷¯*/
.wcountwrap.giftda ul.countsimple li .number { position:relative; color:#ff704e; font-size:100px; } /*font*/
.wcountwrap.giftda ul.countsimple li .label { position:relative; color: #ff704e; text-transform: uppercase; font-size:26px; margin-top:1%: } /*font*/
.wcountwrap.giftda .countdown_title { margin-bottom:0px; font-size:40px; color:#222; } /*title font*/


/* ŸÀÌ¸Ó °¡Á¤ÀÇ´Þda */
.wcountwrap.reseason { position:relative; width:100%; max-width:860px; margin:0 auto; padding:8% 0; background: url(http://sleepgongg.img9.kr/event/2022_7/reseasonoff/02.jpg)no-repeat center; background-size: cover; } /*bgÄ÷¯*/
.wcountwrap.reseason ul.countsimple li .number { position:relative; color:#ff704e; font-size:36px; } /*font*/
.wcountwrap.reseason ul.countsimple li .label { position:relative; color: #ff704e; text-transform: uppercase; font-size:13px; margin-top:1%: } /*font*/
.wcountwrap.reseason .countdown_title { margin-bottom:0px; font-size:21px; color:#222; } /*title font*/


/* ŸÀÌ¸Ó camping */
.wcountwrap.camping { position:relative; width:100%; max-width:860px; margin:0 auto; padding:4% 0; background:#f2f7f1; } /*bgÄ÷¯*/
.wcountwrap.camping ul.countsimple li .number { position:relative; color:#2a6837; font-size:38px; } /*font*/ 
.wcountwrap.camping ul.countsimple li .label { position:relative; color: #2a6837; text-transform: uppercase; font-size:13px; } /*font*/
.wcountwrap.camping .countdown_title { margin-bottom:10px; font-size:25px; font-weight: 600; color:#222; text-align:center; } /*title font*/

/* Ãß¼®°¨»çÁ¦ */
.wcountwrap.thanksgive { position:relative; width:100%; max-width:860px; margin:0 auto; padding:8% 0; background: url(http://sleepgongg.img9.kr/event/2022_8/detail/bg.jpg)no-repeat center; background-size: cover; } /*bgÄ÷¯*/
.wcountwrap.thanksgive ul.countsimple li .number { position:relative; } /*font*/
.wcountwrap.thanksgive ul.countsimple li .label { position:relative; text-transform: uppercase; } /*font*/
.wcountwrap.thanksgive .countdown_title { margin-bottom:0px; } /*title font*/


@media (max-width: 1902px) { ul.countsimple li .number { font-size:7vw } 
ul.countsimple li .label { font-size:1.3542vw } 
ul.countsimple li .number:after { font-size:4.206vw } 
 }

@media (max-width: 800px){
 .countwrap { width:92%; max-width:720px; padding:7% 0; } 
ul.countsimple li .number { font-size:10.5vw } 
ul.countsimple li .label { font-size:3.3vw } 
.countdown_title { margin-bottom:5%; } 
ul.countsimple li .label { margin-top:23%; } 
 }
 

/* ŸÀÌ¸Ó À̺¥Æ® */
@media (max-width: 800px){
 .countwrap { width:92%; max-width:720px; padding:7% 0; } 
.wcountwrap.event ul.countsimple li .number { font-size:10.5vw } 
.wcountwrap.event ul.countsimple li .label { font-size:3.3vw } 
.wcountwrap.event .countdown_title { margin-bottom:5%; text-align: center; font-size: 5vw; } 
.wcountwrap.event ul.countsimple li .label { margin-top:23%; } 
 }
 

  
.wcountwrap.award22 { position:relative; width:100%; max-width:860px; margin:0 auto; background: #000;  background-size: cover; } 
.wcountwrap.award22 .countwrap{background: none;}
.wcountwrap.award22 ul.countsimple li .number { position:relative;     color: #f3ce63;
}
ul.countsimple li .number:after{color: #f3ce63;}
.wcountwrap.award22 ul.countsimple li .label { position:relative; text-transform: uppercase; color: #fff;} 
.wcountwrap.award22 .countdown_title { color: #fff; font-weight: 600; letter-spacing: -1.2px; }  

.txtBox2 .fs_l{font-size: 24px; margin-bottom: 20px; color: #fff; font-weight: 600;text-align: center;}
    

/* 2023ÁÖ¸» À̺¥Æ®*/
@media (max-width: 800px){
    .wcountwrap.weekend {background: #189c91;}
    .weekend .countwrap{background: none; padding: 0% 0 1% !important;} 
    .wcountwrap.weekend ul.countsimple li .number{color: #ffffff!important;font-size:12.5vw;}
    .weekend ul.countsimple li .number:after{ color: #ffffff;}
    .wcountwrap.weekend ul.countsimple li .label{color: #ffffff!important; margin-top:11%!important;}
  }

/* 2023ÁÖ¸»(Ç÷¯½º) À̺¥Æ®*/
@media (max-width: 800px){
    .wcountwrap.plus {background: #f56a41;}
    .plus .countwrap{background: none; padding: 0% 0 1% !important;} 
    .wcountwrap.plus ul.countsimple li .number{color: #ffffff!important;font-size:12.5vw;}
    .plus ul.countsimple li .number:after{ color: #ffffff;}
    .wcountwrap.plus ul.countsimple li .label{color: #ffffff!important; margin-top:11%!important;}
  }


/* 230310 ¾ËÆÄ1n1 À̺¥Æ®*/
@media (max-width: 800px){
    .wcountwrap.alpha1n10310 {background: #ff6801;}
    .alpha1n10310 .countwrap{background: none; padding: 0% 0 1% !important;} 
    .wcountwrap.alpha1n10310 ul.countsimple li .number{color: #ffffff!important;font-size:12.5vw;}
    .alpha1n10310 ul.countsimple li .number:after{ color: #ffffff;}
    .wcountwrap.alpha1n10310 ul.countsimple li .label{color: #ffffff!important; margin-top:11%!important;}
  }


/* 230316 ¼ö¸é¾È´ë À̺¥Æ®*/
@media (max-width: 800px){
    .wcountwrap.sleep230316 {background: #0c0d1f;}
    .sleep230316 .countwrap{background: none; padding: 0% 0 1% !important;} 
    .wcountwrap.sleep230316 ul.countsimple li .number{color: #ffffff!important;font-size:12.5vw;}
    .sleep230316 ul.countsimple li .number:after{ color: #ffffff;}
    .wcountwrap.sleep230316 ul.countsimple li .label{color: #ffffff!important; margin-top:11%!important;}
  }



/* 230321 ·°Å°À§Å© À̺¥Æ®*/
@media (max-width: 800px){
    .wcountwrap.luckyweek {background: #ff7127;}
    .luckyweek .countwrap{background: none; padding: 0% 0 1% !important;} 
    .wcountwrap.luckyweek ul.countsimple li .number{color: #ffffff!important;font-size:12.5vw;}
    .luckyweek ul.countsimple li .number:after{ color: #ffffff;}
    .wcountwrap.luckyweek ul.countsimple li .label{color: #ffffff!important; margin-top:11%!important;}
  }

 

/* ¼³·½ °¡µæ À̺¥Æ® - ½ÅÇбâ */
@media (max-width: 800px){
    .wcountwrap.school{background: #fff9df; padding: 4% 0 0%;}
    .wcountwrap.school .fs_l{font-size: 24px; text-align: center; letter-spacing: -1.2px; margin-bottom: 0px;}
    .school .countwrap{width: 100%; max-width: 720px; padding: 0% 0; background: #fff9df !important; padding: 0% 0;} 
    .wcountwrap.school ul.countsimple li .number{color: #f96512!important;font-size:13.7vw; font-weight:800;}
    .school ul.countsimple li .number:after{ color: #f96512; font-size:10vw;}
    .wcountwrap.school ul.countsimple li .label{color: #f96512!important; margin-top:11%!important;}
  }

/*º½À̺¥Æ®- ½ÅÇбâ */
@media (max-width: 800px){
    .wcountwrap.earlyspring{background: #ff6e51; padding: 8% 0 4%;     margin-bottom: 11%;}
    .wcountwrap.earlyspring .fs_l{font-size: 24px; text-align: center; letter-spacing: -1.2px; margin-bottom: 0px; color:#fff !important;}
    .earlyspring .countwrap{width: 100%; max-width: 720px; padding: 0% 0; background: #ff6e51!important; padding: 0% 0;} 
    .wcountwrap.earlyspring ul.countsimple li .number{color: #fff!important;font-size:13.7vw; font-weight:800;}
    .earlyspring ul.countsimple li .number:after{ color: #fff; font-size:10vw;}
    .wcountwrap.earlyspring ul.countsimple li .label{color: #fff!important; margin-top:11%!important;}
  }


/*Æ®··Å© À̺¥Æ®- 20230222 */
@media (max-width: 800px){
    .wcountwrap.timeThu{background: #fe6462; padding: 8% 0 6%; margin-bottom: 0%;}
    .wcountwrap.timeThu .fs_l{font-size: 24px; text-align: center; letter-spacing: -1.2px; margin-bottom: 0px; color:#fff !important;}
    .timeThu .countwrap{width: 100%; max-width: 720px; padding: 0% 0; background: #fe6462!important; padding: 0% 0;} 
    .wcountwrap.timeThu ul.countsimple li .number{color: #fff!important;font-size:13.7vw; font-weight:800;}
    .timeThu ul.countsimple li .number:after{ color: #fff; font-size:10vw;}
    .wcountwrap.timeThu ul.countsimple li .label{color: #fff!important; margin-top:11%!important;}
  }


/*Ä·ÇÎ À̺¥Æ®- 20230323 */
@media (max-width: 800px){
    .wcountwrap.camping23{background: #2a6837; padding: 8% 0 6%; margin-bottom: 0%;}
    .wcountwrap.camping23 .fs_l{font-size: 24px; text-align: center; letter-spacing: -1.2px; margin-bottom: 0px; color:#fff !important;}
    .camping23 .countwrap{width: 100%; max-width: 720px; padding: 0% 0; background: #2a6837!important; padding: 0% 0;} 
    .wcountwrap.camping23 ul.countsimple li .number{color: #fff!important;font-size:13.7vw; font-weight:800;}
    .camping23 ul.countsimple li .number:after{ color: #fff; font-size:10vw;}
    .wcountwrap.camping23 ul.countsimple li .label{color: #fff!important; margin-top:11%!important;}
  }


 
/*º½À̺¥Æ®2 - spring2  */
@media (max-width: 800px){
    .wcountwrap.earlyspring2{background: #4ab85e; padding: 8% 0 4%;     margin-bottom: 11%;}
    .wcountwrap.earlyspring2 .fs_l{font-size: 24px; text-align: center; letter-spacing: -1.2px; margin-bottom: 0px; color:#fff !important;}
    .earlyspring2 .countwrap{width: 100%; max-width: 720px; padding: 0% 0; background: #4ab85e!important; padding: 0% 0;} 
    .wcountwrap.earlyspring2 ul.countsimple li .number{color: #fff!important;font-size:13.7vw; font-weight:800;}
    .earlyspring2 ul.countsimple li .number:after{ color: #fff; font-size:10vw;}
    .wcountwrap.earlyspring2 ul.countsimple li .label{color: #fff!important; margin-top:11%!important;}
  }


 
 /*0414_¹öµéÀÛ°¡_¼ö¸éµî */
@media (max-width: 800px){
    .wcountwrap.miracle{background: #40445e; padding: 7% 0 3%; margin-bottom: 0%;}
    .wcountwrap.miracle .fs_l{font-size: 24px; text-align: center; letter-spacing: -1.2px; margin-bottom: 10px; color:#fff!important;}
    .miracle .countwrap{width: 100%; max-width: 720px; padding: 0% 0; background: #40445e!important; padding: 0% 0;} 
    .wcountwrap.miracle ul.countsimple li .number{color: #fff!important;font-size:13.7vw; font-weight:800;}
    .miracle ul.countsimple li .number:after{ color: #fff; font-size:10vw;}
    .wcountwrap.miracle ul.countsimple li .label{color: #fff!important; margin-top:11%!important;}
  }


 /*0403_sleepFesta */
@media (max-width: 800px){
    .wcountwrap.sleepFesta{background: #fefbea; padding: 13% 0 0%; margin-bottom: 5%;}
    .wcountwrap.sleepFesta .fs_l{font-size: 24px; text-align: center; letter-spacing: 0px; margin-bottom: 10px; color:#222222!important;}
    .sleepFesta .countwrap{width: 100%; max-width: 720px; padding: 0% 0; background: #fefbea!important; padding: 0% 0;} 
    .wcountwrap.sleepFesta ul.countsimple li .number{color: #ed621d!important;font-size:13.7vw; font-weight:800;}
    .sleepFesta ul.countsimple li .number:after{ color: #ed621d; font-size:10vw;}
    .wcountwrap.sleepFesta ul.countsimple li .label{color: #ed621d!important; margin-top:11%!important;}
  }

     /*0414_family */
@media (max-width: 800px){
    .wcountwrap.family{background: #feeadf; padding: 13% 0 0%; margin-bottom: 0%;}
    .wcountwrap.family .fs_l{font-size: 24px; text-align: center; letter-spacing: 0px; margin-bottom: 10px; color:#222222!important;}
    .family .countwrap{width: 100%; max-width: 720px; padding: 0% 0; background: #feeadf!important; padding: 0% 0;} 
    .wcountwrap.family ul.countsimple li .number{color: #ff622c!important;font-size:13.7vw; font-weight:800;}
    .family ul.countsimple li .number:after{ color: #ff622c; font-size:10vw;}
    .wcountwrap.family ul.countsimple li .label{color: #ff622c!important; margin-top:11%!important;}
  }


     /*0420*/
@media (max-width: 800px){
    .wcountwrap.weekend20{background: #ffb763; padding: 9% 0 0%; margin-bottom: 0%;}
    .wcountwrap.weekend20 .fs_l{font-size: 24px; text-align: center; letter-spacing: 0px; margin-bottom: 10px; color:#fff!important;}
    .weekend20 .countwrap{width: 100%; max-width: 720px; padding: 0% 0; background: #feeadf!important; padding: 0% 0;} 
    .weekend20 ul.countsimple{background: #ffb763;}
    .wcountwrap.weekend20 ul.countsimple li .number{color: #fff!important;font-size:13.7vw; font-weight:800;}
    .weekend20 ul.countsimple li .number:after{ color: #fff; font-size:10vw;}
    .wcountwrap.weekend20 ul.countsimple li .label{color: #fff!important; margin-top:11%!important;}
  }


 /*0502_¹öµéÀÛ°¡_¼±¹°¼¼Æ® */
@media (max-width: 800px){
    .wcountwrap.family_bd {background: #fe6b36; padding: 7% 0 3%; margin-bottom: 0%;}
    .wcountwrap.family_bd .fs_l{font-size: 24px; text-align: center; letter-spacing: -1.2px; margin-bottom: 10px; color:#fff!important;}
    .family_bd .countwrap{width: 100%; max-width: 720px; padding: 0% 0; background: #fe6b36!important; padding: 0% 0;} 
    .wcountwrap.family_bd ul.countsimple li .number{color: #fff!important;font-size:13.7vw; font-weight:800;}
    .family_bd ul.countsimple li .number:after{ color: #fff; font-size:10vw;}
    .wcountwrap.family_bd ul.countsimple li .label{color: #fff!important; margin-top:11%!important;}
  }


     /*¿©¸§À̺¥Æ® 05 */
@media (max-width: 800px){
    .wcountwrap.summer05{background: #e9f6ff; padding: 13% 0 0%; margin-bottom: 0%;}
    .wcountwrap.summer05 .fs_l{font-size: 24px; text-align: center; letter-spacing: 0px; margin-bottom: 10px; color:#222222!important;}
    .summer05  .countwrap{width: 100%; max-width: 720px; padding: 0% 0; background: #e9f6ff!important; padding: 0% 0;} 
    .wcountwrap.summer05 ul.countsimple li .number{color: #41a2ff!important;font-size:13.7vw; font-weight:800;}
    .summer05 ul.countsimple li .number:after{ color: #41a2ff; font-size:10vw;}
    .wcountwrap.summer05 ul.countsimple li .label{color: #41a2ff!important; margin-top:11%!important;}
  }





.fix_foot_menu { display:none !important; } 





/*21.11.30 ¸¶ÀÌÇÍ ³»ºÎ ¹öÆ°_mo*/
.popup_in { text-align: center; margin:0; } 
.myfit_guide_btn { width:85%; height:80px; background:#5cc8d5; border:none; border-radius: 45px; padding: 0 17px; margin: 0px auto 30px auto; text-align:center; cursor: pointer; color:#fff; font-size:20px; font-weight:300; line-height: 28px; font-family: 'Montserrat','Noto Sans KR', sans-serif; } 
.myfit_guide_btn strong { font-weight:600; } 


/*21.11.30 Æ˾÷*/
 .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 999; box-sizing: border-box; background-color: rgba(0,0,0,0.75); display: flex; justify-content: center; } 
.blocker:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; } 
.blocker.behind { background-color: transparent; } 


.modal { display: none; position: relative; z-index: 9999; box-sizing: border-box; width:95%; height:85%; overflow: hidden scroll !important; background-color: #fff; margin: auto; } 
.modal a { font-size:40px; font-weight:600; color: #fff !important; position: fixed; top: 1%; width:95%; text-align:right; } 

.modal img { width:100%; height:auto; } 
.modal a.close-modal { display:none !important;; position: absolute; top:12%;; display: block; width: 30px; height: 30px; text-indent: -9999px; /*background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg=='); */ } 
.modal-spinner { display: none; position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); padding: 12px 16px; border-radius: 5px; background-color: #111; height: 20px; } 

.modal-spinner > div { border-radius: 100px; background-color: #fff; height: 20px; width: 2px; margin: 0 1px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } 

.modal-spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } 

.modal-spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } 

.modal-spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } 

@-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.5) } 
 20% { -webkit-transform: scaleY(1.0) } 
 }

@keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.5); -webkit-transform: scaleY(0.5); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } 
 }

/* 2022-09-12 */
.prd_detail { position: relative; } 
.prd_detail .prd_detail_title { padding: 10px 10px 0 10px; } 
.prd_detail .prd_detail_icon { display: flex; flex-wrap: wrap; } 
.prd_detail .prd_detail_icon img { width: auto !important; height: 21px !important; margin: 7px 2px 0 0; } 
.prd_detail .prd_detail_name { margin: 9px 0 0 0; color: #000; font-size: 28px; line-height: 38px; font-weight: 600; } 

.prd_detail .prd_detail_subneme { margin: 8px 0 10px; color: #707070; font-size: 18px; line-height: 22px; font-weight: 300; } 

.prd_detail_price { display: flex; flex-wrap: wrap; align-items: center; margin: 0 6px; padding: 3px 4px 15px; } 
.prd_detail_price .prd_detail_prc_bef { width: 100%; margin: 0 0 7px 0; color: #b1b1b1; font-size: 22px; line-height: 22px; font-weight: 300; text-decoration: line-through; } 
.prd_detail_price .in_prcbox { display: flex; align-items: center; } 
.prd_detail_price .in_prcbox  .in_discountrate { margin-right: 26px; color: #f96512; font-size: 28px; line-height: 31px; font-weight: 700; letter-spacing: -0.54px; } 
.prd_detail_price .in_prcbox .prd_detail_prc_aft { margin: 0; color: #f96512; font-size: 28px; line-height: 31px; font-weight: 700; } 

.prd_detail_benefit_wrap { display: flex; align-items: flex-start; margin: 0 6px; padding: 16px 6px; border-top: 1px solid rgba(219,219,219,0.5); } 
.prd_detail_benefit { display: flex; align-items: flex-start; margin: 0; }
.prd_detail_benefit dt { color: #191919; font-size: 15px; line-height: 18px; font-weight: 700; } 
.prd_detail_benefit dd { margin: 0 0 0 15px; color: #707070; font-size: 13px; line-height: 18px; } 
.prd_detail_benefit dd b { font-weight: 400; } 

.prd_detail_benefit_wrap .add_view { margin-left: auto; } 
.prd_detail_benefit_wrap .add_view .card_view { position: relative; font-size: 14px; line-height: 20px; font-weight: 400; text-decoration: underline; } 
.prd_detail_benefit_wrap .add_view .cardwrap { display: none; position: fixed; top: 50%; left: 50%; width: 336px; height: auto; max-height: 90vh; padding: 38px 16px; background: #fff; box-sizing: border-box; z-index: 500; overflow: scroll; transform: translate(-50%,-50%); } 
.prd_detail_benefit_wrap .add_view .cardwrap .title { margin: 0; color: #191919; font-size: 20px; line-height: 24px; font-weight: 900;}
.prd_detail_benefit_wrap .add_view .cardwrap .title span { position: absolute; top: 8px; right: 8px; width: 30px; height: 30px; background: url(/design/sleepgongg/img/web/img/ico_detail_layer_close16.png) no-repeat center center; background-size: 16px; text-indent: -999px; overflow: hidden; }
.prd_detail_benefit_wrap .add_view .cardwrap .clist { margin-top: 8px; border-top: 1px solid #191919; }
.prd_detail_benefit_wrap .add_view .cardwrap .clist > li { padding: 13px 0; border-bottom: 1px solid #4e4e4e; }
.prd_detail_benefit_wrap .add_view .cardwrap .clist > li > .tit { color: #191919; font-size: 16px; line-height: 19px; font-weight: 500; }
.prd_detail_benefit_wrap .add_view .cardwrap .clist > li > .card_table { margin: 14px 0 0 8px; padding: 12px; background: #f9f9f9; }
.prd_detail_benefit_wrap .add_view .cardwrap .clist > li > .card_table table { width: 100%; table-layout: fixed; }
.prd_detail_benefit_wrap .add_view .cardwrap .clist > li > .card_table table th { padding: 10px 0; border-top: 1px solid #f1e3e3; color: #191919; font-size: 13px; line-height: 16px; font-weight: 400; text-align: left; vertical-align: top; }
.prd_detail_benefit_wrap .add_view .cardwrap .clist > li > .card_table table td { width: 80px; padding: 10px 0; border-top: 1px solid #f1e3e3; color: #191919; font-size: 13px; line-height: 15px; font-weight: 300; text-align: right; vertical-align: top; }
.prd_detail_benefit_wrap .add_view .cardwrap .clist > li > .card_table table td .mm { display: block; margin-top: 4px; font-weight: 500; }
.prd_detail_benefit_wrap .add_view .cardwrap .clist > li > .card_table table tr:first-child th,
.prd_detail_benefit_wrap .add_view .cardwrap .clist > li > .card_table table tr:first-child td { border-top: none; }
.prd_detail_benefit_wrap .add_view .cardwrap .clist > li > .txt_tip { margin: 8px 0 0 12px; color: #191919; font-size: 11px; line-height: 17px; font-weight: 400; }

.prd_detail_common { padding: 0 10px; margin: 0; } 
.prd_detail_common table td { padding: 0 !important; } 
.prd_detail_common .kind .font { display: flex; align-items: center; justify-content: center; height: 37px; margin-bottom: 26px; border-radius: 5px; background: #f8f8f8; color: #f96512; font-size: 15px; line-height: 18px; font-weight: 500; } 

.prd_detail_common .popup { display: none; position: fixed; top: 50%; left: 50%; width: 336px; height: auto; max-height: 90vh; background: #ffffff; box-sizing: border-box; z-index: 980; overflow: scroll; transform: translate(-50%,-50%); } 
.prd_detail_common .popup > span { position: absolute; top: 8px; right: 8px; width: 30px; height: 30px; background: url(/design/sleepgongg/img/web/img/ico_detail_layer_close16.png) no-repeat center center; background-size: 16px; text-indent: -999px; overflow: hidden; }
.prd_detail_common .oneview img { width:100%; height:auto; } 


/*Ŭ·¡½º Ãß°¡ ver -> ³ª¿¡°Ô¸Â´Âº£°³Ã£±â2*/
.prd_detail_common .popup2 { display: none; position: fixed; top: 50%; left: 50%; width: 94% !important; height: auto; max-height: 90vh; background: #ffffff; box-sizing: border-box; z-index: 980; overflow: scroll; transform: translate(-50%,-50%); } 
.prd_detail_common .popup2 > span { position: absolute; top: 8px; right: 8px; width: 30px; height: 30px; background: url(/design/sleepgongg/img/web/img/ico_detail_layer_close16.png) no-repeat center center; background-size: 16px; text-indent: -999px; overflow: hidden; }
.prd_detail_common .oneview2 img { width:100%; height:auto; } 
.prd_detail_common .kind2 .font2 { display: flex; align-items: center; justify-content: center; height: 37px; margin-bottom: 26px; border-radius: 5px; background: #f8f8f8; color: #f96512; font-size: 15px; line-height: 18px; font-weight: 500; } 


.membership_info { display: block; padding: 20px 12px 16px; background: #fffaf3; } 
.membership_info .tit { padding: 0 2px 6px; border-bottom: 1px solid #7b7b7b; color: #191919; font-size: 16px; line-height: 19px; font-weight: 400; } 
.membership_info .tit em { font-weight: 600; } 
.membership_info .list { display: flex; margin-top: 20px; }
.membership_info .list li { width: 25%; }
.membership_info .list .ico { width: 40px; height: 33px; margin: 0 auto; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.membership_info .list .txt { margin: 6px 0 0 0; color: #191919; font-size: 14px; line-height: 17px; font-weight: 300; text-align: center; }
.membership_info .list .txt em { display: block; font-weight: 500; }

#tabProduct { position: relative; height: 36px; margin:27px 0 0; } 
#tabProduct ul { display: flex; width: 100%; border-bottom: 1px solid #676767; background: rgba(255,255,255,0.35); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); box-shadow: inset 0 3px 6px 0 rgba(199, 199, 199, 0.16); transition: transform linear 0.3s; }
#tabProduct ul.fix { position: fixed; top: 71px; left: 0; z-index: 99; }
#tabProduct ul.translate_down { transform: translateY(50px); transition: transform linear 0.3s 0.1s; }
#tabProduct ul li { flex: 1; }
#tabProduct ul li a { display: block; position: relative; color: #191919; font-size: 14px; line-height: 35px; font-weight: 500; text-align: center; }
#tabProduct ul li a.active::before { content: ''; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: #f96512; }

.tabproduct_content { overflow: hidden; }

/* color chip */
.di_color_chip { width: 100%; margin: 0; text-align: left; overflow: hidden; }
.di_color_chip .title { color: #191919; font-size: 16px; line-height: 20px; font-weight: 500; }
.di_color_chip .title_p { margin-top: 10px; color: #191919; font-size: 12px; line-height: 14px; font-weight: 300; }
.di_color_tab { display: flex; margin-top: 20px; }
.di_color_tab li { margin-right: 5px; }
.di_color_tab li .color_btn { display: block; width: 28px; height: 28px; border: 1px solid #dbdbdb; border-radius: 50%; box-sizing: border-box; }
.di_color_tab li .active .color_btn { border: 2px solid #191919; }
.di_color_tabcont .tab_pane { display: none; margin-top: 20px; }
.di_color_tabcont .tab_pane.active { display: block; }
.di_color_tabcont .tab_pane .tit { position: relative; padding-top: 15px; margin-bottom: 15px; color: #191919; font-size: 14px; line-height: 18px; font-weight: 400; }
.di_color_tabcont .tab_pane .tit::before { content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 2px; background: #191919; }
.di_color_tabcont .tab_pane .swiper-container { padding-bottom: 20px; overflow: visible; }
.di_color_tabcont .tab_pane .swiper-slide { border-radius: 10px; overflow: hidden; }
.di_color_tabcont .tab_pane .swiper-scrollbar { position: absolute; bottom: 3px; left: 11%; width: 78%; height: 3px; z-index: 20; }
.di_color_tabcont .tab_pane .swiper-scrollbar-drag { background: #191919; }
.di_color_anae { margin: 10px 0 0 0; color: #191919; font-size: 13px; line-height: 19px; font-weight: 400; text-align: center;}






/* Ãß°¡ ±¸¼º »óÇ° */
.shopdetail .shopdetailInfo .shopdetailInfoTit { height:40px; line-height:42px; padding:0 12px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; font-size:14px; color:#000; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap:after { clear: both; content: ""; display: block; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap { width:100%; border-bottom:1px solid #c7c7c7; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop { float:left; width:45%; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop figure { padding:15px 12px; border:0; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue { float:right; width:52%; padding:15px 0; margin-right:3%; border:0; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoprdName { font-size:1.333em; font-weight:bold; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoCont { width:auto; margin:0; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoName { width:auto; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect p { padding:0; background:none; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoCont .basic_option { width:100%; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoName { display:none; width:100%; padding:0 0 5px 0; }
 
/*1206 Ãß°¡ CSS*/
.prdOption .contents .opt-wrap li{display: inline-block; width: 24%; padding:0 0px;}
.xans-product-detail .productSet.newSet .product .option th{width: 100%; color: #191919; font-size: 12px; line-height: 16px; font-weight: 400; vertical-align: top; display: block; margin-bottom: 20%;}

.xans-product-detail .productSet.newSet table td{display: block;}
.xans-product-detail .newSet .prdOption table td select{width: 100%;}

.newSet figure{margin: 0 0 0 0rem;}
.prdOption .contents .newSet .opt-wrap{padding: 0 4px;}
.xans-product-detail .prdOption{padding: 0 5px;}
.xans-product-detail .prdOption table td select{padding:  0 5px; box-sizing: border-box;}
.xans-product-detail .productSet.newSet .product .price{font-size: 14px; color: #afabab; bottom: 45px;letter-spacing: -0.8px; display:none; }


.xans-product-detail .productSet table td{padding:0 0 0;}


/*Ãß°¡¿É¼Ç »óÇ°¸íÃß°¡*/
.extit {font-weight: 400;
    line-height: 18px;
    font-size: 14px;
    padding: 8px 0 0px;
    box-sizing: border-box;
    height: 49px;     overflow: hidden;}



 
/*ÀçÀÔ°í¾Ë¸² ½Åû Áö¿µ*/
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area {overflow: hidden;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r {float: right;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .soldout_once {display:inline-block; float:left; margin:0 0 15px 5px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .soldout_once img {width:100%;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .btn_soldout_anchor {display:block; float:left; padding:0; margin:0 0 15px 5px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .btn_soldout_anchor span {height: auto; line-height: unset !important; -webkit-box-shadow:none; box-shadow: none; border: none; background: none;} /* 22.05.09  42195-136 */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .btn_soldout_anchor span img {width:100%; }












/* BASIC css end */