/**index.php**/ html, body { width: 100%; height: 100%; padding: 0px; margin: 0px; box-sizing: border-box; } a { color: #000; text-decoration: none; } table { width: 100%; border-collapse: collapse; } ul { list-style: none; padding: 0px; margin: 0px; } #fixed-menu { position: fixed; left: 0px; top: 0px; width: 100%; height: 100px; background-color: #fff; z-index: 2; } #fixed-menu .fixed-menu-wrap { position: relative; width: 100%; height: 50px; font-size: 24px; } #fixed-menu .fixed-menu-wrap .left_menu { position: absolute; left: 0px; top: 0px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; } #fixed-menu .fixed-menu-wrap .center_menu { width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 14px; } #fixed-menu .fixed-menu-wrap .center_menu a { color: #bbb; } #fixed-menu .fixed-menu-wrap .center_menu img { width: 55px; margin-top: 10px; padding: 0px; } #fixed-menu .fixed-menu-wrap .right_menu { position: absolute; right: 0px; top: 0px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; } #fixed-menu .fixed-menu-wrap .right_menu a img { } #fixed-menu .fixed-menu-wrap2 { position: relative; width: 100%; height: 50px; } #fixed-menu .fixed-menu-wrap2 ul.table { display: table; width: 100%; } #fixed-menu .fixed-menu-wrap2 ul.table li { position: relative; display: table-cell; width: 33.3%; text-align: center; height: 50px; line-height: 50px; font-size: 18px; color: #949494; } #fixed-menu .fixed-menu-wrap2 ul.table li.on { color: #61373D; } #fixed-menu .fixed-menu-wrap2 ul.table li.on span { background: linear-gradient(to top, #FFECB9 40%, transparent 40%); padding: 0px 10px; } #mainpage_main_index { background-color: #fff; width: 100%; margin-top: 50px; margin-bottom: 0px; font-size:16px; } #mainpage_main_index li.item_name {font-size:13px;} #mainpage_main_index div.item_name {font-size:13px;} #mainpage_main_index .top_line { background-color: #f5bf2e; color: #fff; text-align: center; width: 100%; height: 50px; line-height: 50px; font-size: 24px; } #mainpage_main_index .top_line>span { font-size: 18px; } #mainpage_main_index .title { position: relative; margin: 40px 0px 10px 0px; font-size: 18px; z-index: 1; height: 20px; color: #61373D; font-family: 'NL2GR'; font-weight: Bold; } #mainpage_main_index .title:after { position: absolute; left: 0px; bottom: 0px; content: ''; background-color: rgba(255, 236, 185, 1); display: inline-block; width: 200px; height: 10px; z-index: 0; border-radius: 10px; margin-left: -10px; } #mainpage_main_index .title span { position: absolute; left: 10px; top: 0px; z-index: 2; } #mainpage_main_index .swiper-container { height: 230px; margin-bottom: 20px; top: 0px; } #mainpage_main_index .swiper-container .swiper-slide img { width: 100%; } #mainpage_main_index .swiper-container .swiper-slide>div { width: 100%; height: 100%; } #mainpage_main_index .swiper-container .swiper-slide>div a { display: inline-block; width: 100%; height: 100%; } #mainpage_main_index .swiper-container .swiper-slide>div a>.item_image { height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } #mainpage_main_index .swiper-container .swiper-pagination { background-color: rgba(0, 0, 0, 0.2); position: absolute; left: auto; right: 5px; bottom: 5px; width: auto; padding: 2px 10px; border-radius: 10px; color: #fff; } #mainpage_main_index .tag.dog { color: #4c2d0b !important; border: 2px solid #4c2d0b !important; } #mainpage_main_index .tag.cat { color: #846ba0 !important; border: 2px solid #846ba0 !important; } #mainpage_main_index .tag.place { color: #3c496e !important; border: 2px solid #3c496e !important; } #mainpage_main_index .tag.hotel { color: #742323 !important; border: 2px solid #742323 !important; } #mainpage_main_index .tag.play { color: #f5bf2e !important; border: 2px solid #f5bf2e !important; } #mainpage_main_index .swiper-container2 { width: 100%; height: 100%; overflow: hidden; background-color: #f9f9f9; margin: 10px 0px; padding: 20px 0px; } #mainpage_main_index .swiper-container2 .swiper-slide { width: 80%; max-width: 300px; background-color: #fff; box-shadow: 8px 8px 8px #eee; } #mainpage_main_index .swiper-container2 .swiper-slide>a { display: block; } #mainpage_main_index .swiper-container2 .shop_image { width: 100%; height: 160px; background-color: #eee; background-position: center; background-size: cover; } #mainpage_main_index .swiper-container2 ul.shop { margin: 10px; } #mainpage_main_index .swiper-container2 ul.shop li { padding: 2px; } #mainpage_main_index .swiper-container2 ul.shop li.shop_name { line-height: 30px; } #mainpage_main_index .swiper-container2 ul.shop li.shop_name .choice_mark { background-color: #f4a21d; color: #fff; display: inline-block; width: 24px; height: 24px; line-height: 24px; border-radius: 15px; text-align: center; padding: 2px; font-size: 12px; } #mainpage_main_index .swiper-container2 ul.shop li.shop_tag { } #mainpage_main_index .swiper-container2 ul.shop li.shop_tag .tag { display: inline-block; border: 2px solid #f5bf2e; padding: 2px 5px; color: #f5bf2e; font-size: 12px; margin: 2px 4px 2px 0px; white-space: nowrap; text-align: center; min-width: 32px; } #mainpage_main_index .swiper-container2 ul.shop li.shop_location { font-size: 12px; font-family: 'NL2GR'; line-height: 20px; } #mainpage_main_index .swiper-container2 ul.shop li.shop_location>span { color: #999; } #mainpage_main_index .hot_pick_shop_wrap { width: 100%; position: relative; padding: 10px 0px; } #mainpage_main_index .hot_pick_shop_wrap>li { width: 100%; position: relative; vertical-align: top; min-height: 150px; } #mainpage_main_index .hot_pick_shop_wrap>li>a { width: 100%; padding-bottom: 30px; } #mainpage_main_index .hot_pick_shop_wrap>li:last-child>a { padding-bottom: 0px; } #mainpage_main_index .hot_pick_shop_wrap li .shop_image { position: absolute; left: 0px; top: 0px; width: 100%; height: 200px; background-color: #eee; background-size: cover; background-repeat: no-repeat; background-position: center; } #mainpage_main_index .hot_pick_shop_wrap li ul.shop { width: calc(100% - 20px); background-color: #f9f9f9; margin: 200px auto 0px; } #mainpage_main_index .hot_pick_shop_wrap li ul.shop li { width: 100%; padding: 2px; } #mainpage_main_index .hot_pick_shop_wrap li ul.shop li.shop_name { padding-top: 20px; font-size:20px;} #mainpage_main_index .hot_pick_shop_wrap li ul.shop li.shop_name .choice_mark { background-color: #f4a21d; color: #fff; display: inline-block; width: 24px; height: 24px; line-height: 24px; border-radius: 15px; text-align: center; padding: 2px; font-size: 12px; } #mainpage_main_index .hot_pick_shop_wrap li ul.shop li.shop_tag { overflow: hidden; } #mainpage_main_index .hot_pick_shop_wrap li ul.shop li.shop_tag .tag { display: inline-block; border: 2px solid #f5bf2e; padding: 2px 5px; color: #f5bf2e; font-size: 12px; margin: 2px 4px 2px 0px; white-space: nowrap; text-align: center; min-width: 32px; } #mainpage_main_index .hot_pick_shop_wrap li ul.shop li.shop_location { font-size: 12px; font-family: 'NL2GR'; padding-bottom: 20px; } #mainpage_main_index .hot_pick_shop_wrap li ul.shop li.shop_location>span { color: #999; } #mainpage_main_index .hot_pick_shop .no_data { width: 100%; text-align: center; padding: 40px 0px; background-color: #f9f9f9; color: #999; outline: 10px solid #eee; margin-top: 20px; } #mainpage_main_index .beauty_comment .title { margin-bottom: 20px; } #mainpage_main_index .beauty_comment>a { display: block; } #mainpage_main_index .beauty_comment .best_comment { position: relative; height: 90px; padding: 10px 0px; text-align: center; color: #fff; background-repeat:no-repeat; background-size: cover; background-position: center; } #mainpage_main_index .beauty_comment .best_comment:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 0; } #mainpage_main_index .beauty_comment .best_comment ul { position: absolute; z-index: 1; width: 100%; } #mainpage_main_index .beauty_comment .best_comment .shop_name { font-size: 14px; font-family: 'NL2GR'; } #mainpage_main_index .beauty_comment .best_comment .customer_comment { font-size: 18px; } #mainpage_main_index .beauty_comment .best_comment .customer_comment>div { width: 80%; margin: 5px auto; } #mainpage_main_index .beauty_comment .best_comment .customer_rating { font-family: 'NL2GR'; } #mainpage_main_index .beauty_comment .best_comment .customer_rating .star { color: #f5bf2e; } #mainpage_main_index .beauty_comment .best_comment .customer_use_cnt { position: absolute; right: 5px; bottom: 5px; color: #000; background-color: #FFF7DE; border-radius: 10px; padding: 2px 10px; font-size: 12px; font-family: 'NL2GR'; } #mainpage_main_index .beauty_comment .swiper-container3 { height: auto; padding-bottom: 20px; } #mainpage_main_index .beauty_comment .swiper-slide { width: 90%; max-width: 300px; box-shadow: 8px 8px 8px #eee; font-size: 14px; } #mainpage_main_index .beauty_comment .swiper-slide .thumbnail_list { display: flex; white-space: nowrap; } #mainpage_main_index .beauty_comment .swiper-slide .thumbnail_list .thumbnail_1 { width: 100%; } #mainpage_main_index .beauty_comment .swiper-slide .thumbnail_list .thumbnail_2 { width: 50%; } #mainpage_main_index .beauty_comment .swiper-slide .thumbnail_list .thumbnail_3 { width: 33.3%; } #mainpage_main_index .beauty_comment .swiper-slide .thumbnail { width: 100%; height: 130px; background-size: cover; background-position: center; background-repeat: no-repeat; } #mainpage_main_index .beauty_comment .swiper-slide .review_info { padding: 20px; padding-bottom: 2px; } #mainpage_main_index .beauty_comment .swiper-slide .review_info span:last-child { padding: 0px 20px; } #mainpage_main_index .beauty_comment .swiper-slide .star_point { padding: 2px 20px; color: #999; } #mainpage_main_index .beauty_comment .swiper-slide .star_point .star { color: #f5bf2e; } #mainpage_main_index .beauty_comment .swiper-slide .review_txt { padding: 20px; padding-top: 2px; font-size: 16px; } #mainpage_main_index .beauty_comment .swiper-slide .review_use_cnt { position: absolute; right: 5px; bottom: 5px; color: #000; background-color: #FFF7DE; border-radius: 10px; padding: 2px 10px; font-size: 12px; font-family: 'NL2GR'; } #mainpage_main_index .middle_banner { background-color: #eee; margin: 40px auto 60px; width: 100%; max-width: 350px; height: 80px; line-height: 80px; text-align: center; } #mainpage_main_index .middle_banner img { width: 100%; } #mainpage_main_index .md_choice_item .md_choice_item_wrap { background-color: #f3f3f3; padding: 10px; margin: 20px 0px; } #mainpage_main_index .md_choice_item .md_choice_item_wrap>ul>li { position: relative; border-bottom: 1px solid #ccc; } #mainpage_main_index .md_choice_item .md_choice_item_wrap .item_image { position: absolute; left: 0px; top: 10px; width: 100px; height: 100px; background-color: #fff; border-radius: 5px; background-size: cover; background-repeat: no-repeat; background-position: center; } #mainpage_main_index .md_choice_item .md_choice_item_wrap .item_image.soldout { line-height: 100px; color: #fff; } #mainpage_main_index .md_choice_item .md_choice_item_wrap .item_image.soldout:before { content: '일시품절'; display: inline-block; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.4); border-radius: 5px; text-align: center; } #mainpage_main_index .md_choice_item .md_choice_item_wrap .item { min-height: 110px; padding-top: 10px; font-family: 'NL2GR'; } #mainpage_main_index .md_choice_item .md_choice_item_wrap .item li { margin-left: 110px; padding: 2px 0px; } #mainpage_main_index .md_choice_item .md_choice_item_wrap ul>li>a { display: block; } #mainpage_main_index .md_choice_item .md_choice_item_wrap .item .item_name { display: -webkit-box; width: calc(100% - 110px); text-align: left; color: #333; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #mainpage_main_index .md_choice_item .md_choice_item_wrap .item .item_price { font-size:16px; font-weight: Bold; padding: 5px 0px 2px 0px; } #mainpage_main_index .md_choice_item .md_choice_item_wrap .item .item_price .soldout { color: #999; } #mainpage_main_index .md_choice_item .md_choice_item_wrap .item .item_price .percent { color: #CC3636; font-weight: Bold; } #mainpage_main_index .md_choice_item .md_choice_item_wrap .item .item_rating { } #mainpage_main_index .md_choice_item .md_choice_item_wrap .item .item_rating .star { color: #f5bf2e; } #mainpage_main_index .md_choice_item .md_choice_item_wrap .item .item_rating .no_star { color: #999; } #mainpage_main_index .md_choice_item .md_choice_item_wrap .md { position: relative; background-color: rgba(255, 191, 99, 0.5); padding: 15px; border-radius: 10px; width: calc(100% - 40px); min-height: 75px; margin: 0px auto 10px; font-family: 'NL2GR'; font-size: 14px; text-align: center; line-height: 20px; } #mainpage_main_index .md_choice_item .md_choice_item_wrap .md:before { position: absolute; right: -1px; top: calc(50% - 8px); content: ''; display: inline-block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 16px solid rgba(243, 243, 243, 1); transform: rotate(-90deg); } #mainpage_main_index .md_choice_item .md_choice_item_wrap .md .md_box { position: absolute; right: 10px; top: 0px; width: 50px; padding: 15px; text-align: center; } #mainpage_main_index .md_choice_item .md_choice_item_wrap .md .md_box .md_icon { background-color: #fff; width: 50px; height: 50px; border-radius: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } #mainpage_main_index .md_choice_item .md_choice_item_wrap .md .md_box .md_name { font-family: 'NL2GR'; font-size: 12px; height: 20px; line-height: 20px; white-space: nowrap; margin-top: 5px; } #mainpage_main_index .md_choice_item .md_choice_item_wrap .md .md_comment { width: calc(100% - 75px); text-align: left; } /* #mainpage_main_index .md_choice_item .md_choice_item_wrap .md { position: absolute; right: 10px; bottom: 10px; text-align: center; overflow: hidden; z-index: 1; } #mainpage_main_index .md_choice_item .md_choice_item_wrap .md .md_box { } #mainpage_main_index .md_choice_item .md_choice_item_wrap .md .md_box .md_icon { background-color: #fff; width: 50px; height: 50px; border-radius: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } #mainpage_main_index .md_choice_item .md_choice_item_wrap .md .md_box .md_name { font-family: 'NL2GR'; font-size: 12px; height: 20px; line-height: 20px; } #mainpage_main_index .md_choice_item .md_choice_item_wrap .md .md_comment { position: relative; background-color: rgba(255, 191, 99, 0.5); padding: 10px; border-radius: 10px; width: calc(100% - 40px); margin: 0px auto 10px; font-family: 'NL2GR'; font-size: 14px; text-align: center; line-height: 20px; } #mainpage_main_index .md_choice_item .md_choice_item_wrap .md:before { position: absolute; right: -1px; top: calc(50% - 8px); content: ''; display: inline-block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 16px solid rgba(255, 255, 255, 1); transform: rotate(-90deg); } */ #mainpage_main_index .md_choice_item .md_choice_item_wrap .no_data { width: 100%; text-align: center; padding: 40px 0px; background-color: #f9f9f9; color: #999; outline: 10px solid #eee; } /* #mainpage_main_index .best_item .best_item_wrap { background-color: #f3f3f3; margin: 20px 0px; width: 100%; max-width:100%;} #mainpage_main_index .best_item .best_item_wrap>ul>li { position: relative; border-bottom: 1px solid #ccc; padding-top: 10px; } #mainpage_main_index .best_item .best_item_wrap .item_image { position: absolute; left: 10px; top: 10px; width: 100px; height: 100px; background-color: #fff; border-radius: 5px; background-size: cover; background-repeat: no-repeat; background-position: center; } #mainpage_main_index .best_item .best_item_wrap .item_image.soldout { line-height: 100px; color: #fff; } #mainpage_main_index .best_item .best_item_wrap .item_image.soldout:before { content: '일시품절'; display: inline-block; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.4); border-radius: 5px; text-align: center; } #mainpage_main_index .best_item .best_item_wrap .item { min-height: 110px; width: 100%; font-family: 'NL2GR'; } #mainpage_main_index .best_item .best_item_wrap .item li { margin-left: 120px; padding: 2px 0px; } #mainpage_main_index .best_item .best_item_wrap .item .item_name { width: calc(100% - 120px); display: -webkit-box; text-align: left; color: #333; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #mainpage_main_index .best_item .best_item_wrap .item .item_price { font-size:16px; font-weight: Bold; } #mainpage_main_index .best_item .best_item_wrap .item .item_price .soldout { color: #999; } #mainpage_main_index .best_item .best_item_wrap .item .item_price .percent { color: #CC3636; font-weight: Bold; } #mainpage_main_index .best_item .best_item_wrap .item .item_rating { } #mainpage_main_index .best_item .best_item_wrap .item .item_rating .star { color: #f5bf2e; } #mainpage_main_index .best_item .best_item_wrap .item .item_rating .no_star { color: #999; } #mainpage_main_index .best_item .best_item_wrap .no_data { width: 100%; text-align: center; padding: 40px 0px; background-color: #f9f9f9; color: #999; } #mainpage_main_index .new_item { width: calc(100% - 10px); margin: 0 auto; font-family: 'NL2GR'; } #mainpage_main_index .new_item .new_item_wrap { margin-top: 20px; } #mainpage_main_index .new_item .new_item_wrap>div { position: relative; display: inline-block; width: calc(50% - 3px); text-align: center; margin-bottom: 20px; vertical-align: top; } #mainpage_main_index .new_item .new_item_wrap>div a { width: calc(100% - 10px); margin: 0 auto; } #mainpage_main_index .new_item .new_item_wrap>div .item_image { margin: 0px auto 10px; width: 100%; max-width: 300px; height: 165px; background-color: #eee; border-radius: 0px 10px 10px 10px; background-size: cover; background-repeat: no-repeat; background-position: center; } #mainpage_main_index .new_item .new_item_wrap>div .item_image.soldout { position: relative; line-height: 150px; color: #fff; } #mainpage_main_index .new_item .new_item_wrap>div .item_image.soldout:before { content: '일시품절'; display: inline-block; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.4); border-radius: 0px 10px 10px 10px; } #mainpage_main_index .new_item .new_item_wrap>div .item_name { display: -webkit-box; text-align: left; color: #333; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #mainpage_main_index .new_item .new_item_wrap>div .item_price { font-size:16px; text-align: left; font-weight: Bold; padding: 5px 0px 2px 0px; } #mainpage_main_index .new_item .new_item_wrap>div .item_price .soldout { color: #999; line-height: 30px; } #mainpage_main_index .new_item .new_item_wrap>div .item_price .percent { color: #CC3636; font-weight: Bold; } #mainpage_main_index .new_item .new_item_wrap>div .item_rating { text-align: left; } #mainpage_main_index .new_item .new_item_wrap>div .item_rating .star { color: #f5bf2e; } #mainpage_main_index .new_item .new_item_wrap>div .item_rating .no_star { color: #999; } #mainpage_main_index .new_item .new_item_wrap .no_data { width: 100%; text-align: center; padding: 40px 0px; background-color: #f9f9f9; color: #999; outline: 10px solid #eee; margin-top: 10px; } */ #mainpage_main_index .best_item .best_item_wrap { background-color: #f3f3f3; margin: 20px 0px; width: 100%; max-width:100%; overflow-x: auto; white-space: nowrap; } #mainpage_main_index .best_item .best_item_wrap>div { width: 125px; margin-left: 5px; display: inline-block; vertical-align: top; } #mainpage_main_index .best_item .best_item_wrap>div:last-child { margin-right: 62px; } #mainpage_main_index .best_item .best_item_wrap>div .item_image { width: 125px; height: 125px; margin: 10px 10px 0px 10px; background-color: #eee; border-radius: 0px 10px 0px 0px; background-size: cover; background-repeat: no-repeat; background-position: center; } #mainpage_main_index .best_item .best_item_wrap>div .item_image.soldout { position: relative; line-height: 125px; color: #fff; } #mainpage_main_index .best_item .best_item_wrap>div .item_image.soldout:before { content: '일시품절'; display: inline-block; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.4); border-radius: 0px 10px 10px 10px; } #mainpage_main_index .best_item .best_item_wrap>div a { width: calc(100% - 10px); margin: 0 auto; } #mainpage_main_index .best_item .best_item_wrap>div .item { position: relative; width: calc(125px - 20px); min-height: 71px; margin: 0px 10px 10px 10px; padding: 10px; border-radius: 0px 0px 10px 10px; font-family: 'NL2GR'; background-color: #fff; } #mainpage_main_index .best_item .best_item_wrap>div .item .item_name { display: -webkit-box; text-align: left; color: #333; line-height: 16px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; font-size: 12px; } #mainpage_main_index .best_item .best_item_wrap>div .item .item_price { text-align: left; font-weight: Bold; padding: 5px 0px 2px 0px; } #mainpage_main_index .best_item .best_item_wrap>div .item .item_price .soldout { color: #999; line-height: 30px; } #mainpage_main_index .best_item .best_item_wrap>div .item .item_price .percent { color: #CC3636; font-weight: Bold; } #mainpage_main_index .best_item .best_item_wrap>div .item .item_rating { text-align: left; font-size: 12px; } #mainpage_main_index .best_item .best_item_wrap>div .item .item_rating .star { color: #f5bf2e; } #mainpage_main_index .best_item .best_item_wrap>div .item .item_rating .no_star { color: #999; } #mainpage_main_index .best_item .best_item_wrap .no_data { width: 100%; text-align: center; padding: 40px 0px; background-color: #f9f9f9; color: #999; } #mainpage_main_index .new_item .new_item_wrap { background-color: #f3f3f3; margin: 20px 0px; width: 100%; max-width:100%; overflow-x: auto; white-space: nowrap; } #mainpage_main_index .new_item .new_item_wrap>div { width: 125px; margin-left: 5px; display: inline-block; vertical-align: top; } #mainpage_main_index .new_item .new_item_wrap>div:last-child { margin-right: 62px; } #mainpage_main_index .new_item .new_item_wrap>div .item_image { width: 125px; height: 125px; margin: 10px 10px 0px 10px; background-color: #eee; border-radius: 0px 10px 0px 0px; background-size: cover; background-repeat: no-repeat; background-position: center; } #mainpage_main_index .new_item .new_item_wrap>div .item_image.soldout { position: relative; line-height: 125px; color: #fff; } #mainpage_main_index .new_item .new_item_wrap>div .item_image.soldout:before { content: '일시품절'; display: inline-block; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.4); border-radius: 0px 10px 10px 10px; } #mainpage_main_index .new_item .new_item_wrap>div a { width: calc(100% - 10px); margin: 0 auto; } #mainpage_main_index .new_item .new_item_wrap>div .item { position: relative; width: calc(125px - 20px); min-height: 71px; margin: 0px 10px 10px 10px; padding: 10px; border-radius: 0px 0px 10px 10px; font-family: 'NL2GR'; background-color: #fff; } #mainpage_main_index .new_item .new_item_wrap>div .item .item_name { display: -webkit-box; text-align: left; color: #333; line-height: 16px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; font-size: 12px; } #mainpage_main_index .new_item .new_item_wrap>div .item .item_price { text-align: left; font-weight: Bold; padding: 5px 0px 2px 0px; } #mainpage_main_index .new_item .new_item_wrap>div .item .item_price .soldout { color: #999; line-height: 30px; } #mainpage_main_index .new_item .new_item_wrap>div .item .item_price .percent { color: #CC3636; font-weight: Bold; } #mainpage_main_index .new_item .new_item_wrap>div .item .item_rating { text-align: left; font-size: 12px; } #mainpage_main_index .new_item .new_item_wrap>div .item .item_rating .star { color: #f5bf2e; } #mainpage_main_index .new_item .new_item_wrap>div .item .item_rating .no_star { color: #999; } #mainpage_main_index .new_item .new_item_wrap .no_data { width: 100%; text-align: center; padding: 40px 0px; background-color: #f9f9f9; color: #999; } #mainpage_main_index .new_beauty_shop { width: 100%; } #mainpage_main_index .new_beauty_shop>a { display: block; } #mainpage_main_index .new_beauty_shop .new_beauty_shop_wrap { width: calc(100% - 20px); position: relative; background-color: #f9f9f9; padding: 10px; margin-top: 20px; } #mainpage_main_index .new_beauty_shop .new_beauty_shop_wrap>li { width: 100%; position: relative; vertical-align: top; min-height: 150px; } #mainpage_main_index .new_beauty_shop .new_beauty_shop_wrap>li>a { display: inline-block; width: 100%; } #mainpage_main_index .new_beauty_shop .new_beauty_shop_wrap li .shop_image { position: absolute; left: 0px; top: 10px; width: 150px; height: 120px; background-color: #ccc; border-radius: 5px; background-size: cover; background-repeat: no-repeat; background-position: center; } #mainpage_main_index .new_beauty_shop .new_beauty_shop_wrap li ul.shop { width: calc(100% - 165px); margin-left: 155px; } #mainpage_main_index .new_beauty_shop .new_beauty_shop_wrap li ul.shop li { width: 100%; padding: 2px; } #mainpage_main_index .new_beauty_shop .new_beauty_shop_wrap li ul.shop li.shop_name { padding-top: 10px; font-size:18px;} #mainpage_main_index .new_beauty_shop .new_beauty_shop_wrap li ul.shop li.shop_name .choice_mark { background-color: #f4a21d; color: #fff; display: inline-block; width: 24px; height: 24px; line-height: 24px; border-radius: 15px; text-align: center; padding: 2px; font-size: 12px; } #mainpage_main_index .new_beauty_shop .new_beauty_shop_wrap li ul.shop li.shop_tag { overflow: hidden; } #mainpage_main_index .new_beauty_shop .new_beauty_shop_wrap li ul.shop li.shop_tag .tag { display: inline-block; border: 2px solid #f5bf2e; padding: 2px 5px; color: #f5bf2e; font-size: 12px; margin: 2px 4px 2px 0px; white-space: nowrap; text-align: center; min-width: 32px; } #mainpage_main_index .new_beauty_shop .new_beauty_shop_wrap li ul.shop li.shop_location { font-size: 12px; font-family: 'NL2GR'; } #mainpage_main_index .new_beauty_shop .new_beauty_shop_wrap li ul.shop li.shop_location>span { color: #999; } #mainpage_main_index .new_beauty_shop .btn_wrap { background-color: #f9f9f9; padding: 20px; } #mainpage_main_index .new_beauty_shop .btn_wrap button { border: 0px; background-color: #eee; width: 100%; height: 40px; border-radius: 10px; font-size: 14px; } #mainpage_main_index .item_menu_list { margin: 20px 0px; } #mainpage_main_index .item_menu_list .item_menu { text-align: center; width: calc(25% - 4px); display: inline-block; } #mainpage_main_index .item_menu_list .item_menu .flex-item { position: relative; min-width: 90px; max-width: 100px; height: 100px; margin: 0 auto; } #mainpage_main_index .item_menu_list .item_menu .flex-item:before { content: ''; display: inline-block; width: 30px; height: 30px; background-color: rgba(245, 191, 46, 0.2); /*#f5bf2e*/ position: absolute; left: 50%; top: 45%; border-radius: 15px; margin-left: -15px; margin-top: -20px; } #mainpage_main_index .item_menu_list .item_menu .flex-item .inner { position: absolute; width: 100%; height: 100%; } #mainpage_main_index .item_menu_list .item_menu .flex-item img { width: calc(100% - 50px); margin: 10px 0px; } #mainpage_main_index .item_menu_list .item_menu .flex-item h5 { line-height: 20px; font-size: 14px; font-family: 'NL2GR'; font-weight: Bold; color: #61373D; } #mainpage_main_index #bj_hamburger { position: fixed; display: inline-block; right: 10px; bottom: 10px; width: 50px; height: 50px; text-align: center; border-radius: 25px; border: 1px solid #FFECB9; background-color: #FFECB9; vertical-align: middle; font-size: 18px; color: #493723; z-index: 102; } #mainpage_main_index #bj_hamburger .fa-bars { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #mainpage_main_index #bj_hamburger .fa-times { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #mainpage_main_index #bj_hamburger .counsel_cnt { position: absolute; left: -5px; top: -5px; display: inline-block; background-color: #72a7ff; width: 20px; height: 20px; line-height: 20px; border-radius: 10px; font-size: 14px; color: #fff; } #mainpage_main_index #bj_hamburger>img { position: relative; width: 30px; top: 8px; left: 2px; } #mainpage_main_index .bj_sub_menu { display: none; position: fixed; width: 0px; right: 10px; bottom: -200px; border: 0px solid #ccc; background-color: #FFECB9; text-align: center; border-radius: 10px; padding: 10px; box-sizing: border-box; z-index: 101; } #mainpage_main_index .bj_sub_menu .titie { position: relative; width: 100%; height: 30px; margin-bottom: 5px; } #mainpage_main_index .bj_sub_menu .titie .close_btn { position: absolute; right: 0px; top: 0px; width: 30px; height: 30px; border: 1px solid #ccc; line-height: 30px; text-align: center; } #mainpage_main_index .bj_sub_menu .titie .close_btn .fa-times { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #mainpage_main_index .bj_sub_menu ul { list-style: none; padding: 0px; margin: 0px; margin-bottom: 60px; } #mainpage_main_index .bj_sub_menu ul li { height: 50px; line-height: 50px; position: relative; } #mainpage_main_index .bj_sub_menu ul li>img { position: absolute; left: 9px; top: 14px; width: 24px; } #mainpage_main_index .bj_sub_menu ul li button { width: 100%; height: 40px; border: 0px solid #ccc; border-radius: 5px; background-color: #fff; font-size: 16px; color:#333; text-align: left; padding-left: 40px; white-space: nowrap; } #mainpage_main_index .bj_sub_menu ul li button span.new_text { display:inline-block; width: 16px;padding-left: 5px; } #mainpage_main_index .bj_sub_menu ul li button span.new_text img { width: 100%; vertical-align: text-bottom; } #mainpage_main_index .bj_backBlock { width: 100%; height: 100%; position: fixed; left:0; right:0; top:0; bottom:0; background-color: rgba(0,0,0,0.6); z-index: 100; } #mainpage_main_index #bj_item_cart { position: fixed; display: inline-block; left: 10px; bottom: 10px; width: 50px; height: 50px; text-align: center; border-radius: 25px; border: 1px solid #f5bf2e; background-color: #f5bf2e; vertical-align: middle; font-size: 18px; color: #fff; z-index: 99; } #mainpage_main_index #bj_item_cart:before { content: ''; background-color: #FFECB9; display: inline-block; width: 27px; height: 27px; position: absolute; left: 7px; top: 7px; border-radius: 100%; } #mainpage_main_index #bj_item_cart .fa-bars { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #mainpage_main_index #bj_item_cart .fa-times { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #mainpage_main_index #bj_item_cart .cart_cnt { position: absolute; right: -5px; top: -5px; display: inline-block; background-color: #72a7ff; width: 20px; height: 20px; line-height: 20px; border-radius: 10px; font-size: 14px; } #mainpage_main_index #bj_item_cart>img { position: relative; width: 24px; top: 8px; } #mainpage_main_index .f_subwrap { text-align: center; } #mainpage_main_index .shop_list_wrap { width: 100%; position: relative; padding: 10px 0px; } #mainpage_main_index .shop_list_wrap ul.shop_data { margin: 20px 0px; } #mainpage_main_index .shop_list_wrap ul.shop_data li { position: relative; padding-bottom: 30px; } #mainpage_main_index .shop_list_wrap ul.shop_data li>a { width: 100%; } #mainpage_main_index .shop_list_wrap ul.shop_data li .shop_image { position: absolute; left: 0px; top: 0px; width: 100%; height: 200px; background-color: #eee; background-size: cover; background-repeat: no-repeat; background-position: center; } #mainpage_main_index .shop_list_wrap li ul.shop { width: calc(100% - 20px); background-color: #f9f9f9; margin: 200px auto 0px; } #mainpage_main_index .shop_list_wrap li ul.shop li { width: 100%; padding: 2px; } #mainpage_main_index .shop_list_wrap li ul.shop li.shop_name { padding-top: 20px; font-size:20px; } #mainpage_main_index .shop_list_wrap li ul.shop li.shop_name .choice_mark { position:relative; top:-2px; background-color: #f4a21d; color: #fff; display: inline-block; width: 24px; height: 24px; line-height: 24px; border-radius: 15px; text-align: center; padding: 2px; font-size: 12px; } #mainpage_main_index .shop_list_wrap li ul.shop li.shop_tag { overflow: hidden; } #mainpage_main_index .shop_list_wrap li ul.shop li.shop_tag .tag { display: inline-block; border: 2px solid #f5bf2e; padding: 2px 5px; color: #f5bf2e; font-size: 12px; margin: 2px 4px 2px 0px; white-space: nowrap; text-align: center; min-width: 32px; } #mainpage_main_index .shop_list_wrap li ul.shop li.shop_location { font-size: 12px; font-family: 'NL2GR'; padding-bottom: 20px; } #mainpage_main_index .shop_list_wrap li ul.shop li.shop_location>span { color: #999; } /* #mainpage_main_index .shop_list_wrap ul.shop_data { width: calc(100% - 20px); position: relative; background-color: #f9f9f9; padding: 10px; margin-top: 20px; } #mainpage_main_index .shop_list_wrap ul.shop_data>li { width: 100%; position: relative; vertical-align: top; min-height: 150px; } #mainpage_main_index .shop_list_wrap ul.shop_data li .shop_image { position: absolute; left: 0px; top: 10px; width: 150px; height: 120px; background-color: #ccc; border-radius: 5px; background-size: cover; background-repeat: no-repeat; background-position: center; } #mainpage_main_index .shop_list_wrap ul.shop_data li ul.shop { width: calc(100% - 165px); margin-left: 155px; } #mainpage_main_index .shop_list_wrap ul.shop_data li ul.shop li { width: 100%; padding: 2px; } #mainpage_main_index .shop_list_wrap ul.shop_data li ul.shop li.shop_name { padding-top: 10px; } #mainpage_main_index .shop_list_wrap ul.shop_data li ul.shop li.shop_name .choice_mark { background-color: #f4a21d; color: #fff; display: inline-block; width: 24px; height: 24px; line-height: 24px; border-radius: 15px; text-align: center; padding: 2px; font-size: 12px; } #mainpage_main_index .shop_list_wrap ul.shop_data li ul.shop li.shop_tag { overflow: hidden; } #mainpage_main_index .shop_list_wrap ul.shop_data li ul.shop li.shop_tag .tag { display: inline-block; border: 2px solid #f5bf2e; padding: 2px 5px; color: #f5bf2e; font-size: 12px; margin: 2px 4px 2px 0px; white-space: nowrap; text-align: center; min-width: 32px; } #mainpage_main_index .shop_list_wrap ul.shop_data li ul.shop li.shop_location { font-size: 12px; font-family: 'NL2GR'; } #mainpage_main_index .shop_list_wrap ul.shop_data li ul.shop li.shop_location>span { color: #999; } #mainpage_main_index .shop_list_wrap .btn_wrap { background-color: #f9f9f9; padding: 20px; } #mainpage_main_index .shop_list_wrap .btn_wrap button { border: 0px; background-color: #eee; width: 100%; height: 40px; border-radius: 10px; } */ #mainpage_main_index .shop_list_wrap .no_data { text-align: center; padding: 40px 0px; background-color: #eee; margin: 20px 0px; font-family: 'NL2GR'; } #mainpage_main_index .more_shop { width: 90%; margin: 0px auto; padding: 10px 0px; background-color: #f5bf2e; text-align: center; font-size: 15px; color: #ffffff; border-radius: 5px; margin-bottom: 20px; } #no_app { display: none; position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(30, 30, 30, 0.8); z-index: 9901; } #no_app.on { display: block; } #no_app .no_app_wrap { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } #no_app .no_app_wrap .popup_wrap { display: block; width: calc(100% - 80px); height: 200px; padding: 10px; color: #fff; } #no_app .no_app_wrap .popup_wrap a { color: #fff; text-decoration: none; display: block; } #no_app .no_app_wrap .popup_wrap table { width: 100%; height: 100px; border-collapse: collapse; margin-bottom: 10px; color: #fff; } #no_app .no_app_wrap .popup_wrap table tr td svg { color: #f5bf2e; } #no_app .no_app_wrap .popup_wrap table tr td.img { text-align: right; } #no_app .no_app_wrap .popup_wrap table tr td.img img { width: 80px; height: 80px; } #no_app .no_app_wrap .popup_wrap table tr td .comment { font-size: 25px; white-space:nowrap;} #no_app .no_app_wrap .popup_wrap .download_app { -webkit-appearance: none; width: 100%; height: 50px; line-height: 50px; border: 0px; background-color: #f5bf2e; color: #fff; font-size: 18px; } #no_app .no_app_wrap .popup_wrap .no_download { text-align: center; margin: 15px 0px; color: #ccc; text-decoration: underline; } .ui-dialog { padding: 0px; } .ui-dialog .ui-dialog-content { padding: 0px; } .ui-dialog-titlebar { display: none; } .ui-widget-overlay { background-color: rgba(0, 0, 0, 0.8); opacity: 1; } .ui-dialog-buttonset { width: 100%; } .ui-dialog .ui-dialog-buttonpane { padding: 0px !important; margin-top: 0px; } .ui-widget.ui-widget-content { border: 0px; } .ui-dialog .ui-dialog-buttonpane button { display: inline-block; width: 50%; height: 50px; padding: 0px; margin: 0px; border: 0px; background-color: #222; padding: 0px !important; margin: 0px !important; border-radius: 0px; border: 0px; font-size: 14px; } #popup_wrap { display: none; } #popup_wrap .custom-modal-content { margin: 0px auto; width: 100%; } #popup_wrap .swiper-container_front { margin: 0px auto; overflow: hidden; position: relative; z-index: 1; } #popup_wrap .swiper-container_front .next { position: absolute; left: 10px; top: 50%; color: #000; font-size: 24px; z-index: 1; outline: none; } #popup_wrap .swiper-container_front .next.swiper-button-disabled { color: rgba(0,0,0,0); } #popup_wrap .swiper-container_front .prev { position: absolute; right: 10px; top: 50%; color: #000; font-size: 24px; z-index: 1; outline: none; } #popup_wrap .swiper-container_front .prev.swiper-button-disabled { color: rgba(0,0,0,0); } #popup_wrap .swiper-wrapper { height: auto; } #popup_wrap .swiper-slide { } #popup_wrap .swiper-slide img { width: 100%; height: auto; vertical-align: top; } #popup_wrap .swiper-pagination_front { position: absolute; left: 0px; bottom: 0px; width: 100%; text-align: center; margin-bottom: 20px; z-index: 1; } #popup_wrap .swiper-pagination-bullet { margin: 0px 5px; } #popup_wrap .swiper-pagination-bullet-active { background-color: #999; } /**view_event**/ #fixed-menu .fixed-menu-wrap { position: relative; width: 100%; height: 50px; font-size: 24px; } #fixed-menu .fixed-menu-wrap .left_menu { position: absolute; left: 0px; top: 0px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; } #fixed-menu .fixed-menu-wrap .center_menu { width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 18px; } #fixed-menu .fixed-menu-wrap .center_menu a { color: #bbb; } #fixed-menu .fixed-menu-wrap .center_menu img { width: 55px; margin-top: 10px; padding: 0px; } #fixed-menu .fixed-menu-wrap .right_menu { position: absolute; right: 0px; top: 0px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; } #fixed-menu .fixed-menu-wrap .right_menu a img { } #fixed-menu .scroll_top { display: none; position: fixed; right: 10px; bottom: 10px; z-index: 1; width: 50px; height: 50px; background-color: rgba(255, 255, 255, 0.6); border: 1px solid #ccc; border-radius: 25px; -webkit-align-items: center; -webkit-justify-content: center; } #fixed-menu .scroll_top.on { display: flex; } #event_6 { margin: 50px 0px; padding-bottom: 60px; } #event_6 .banner { width: 100%; text-align: center; } #event_6 .banner img { width: 100%; max-width: 720px; } #event { position: relative; width: calc(100% - 10px); margin: 40px auto; } #event .title{ margin-bottom: 10px; position:relative; height: 30px; line-height: 30px; } #event .title::after{ position:absolute; left:0; bottom:0%; content:''; background-color:rgba(255,236,185,1); display:inline-block; width:200px; height:10px; z-index:0; border-radius:10px; margin-left:-10px; } #event .title span{ z-index:1; position:absolute; left:10px; top:0px; font-family:"NL2GR"; font-weight:bold; color:#61373d; } #event .caption { position: relative; height: 30px; line-height: 30px; } #event .caption .order { position: absolute; right: 0px; top: 0px; } #event .caption .order select { border: 1px solid #ccc; background-color: #fff; height: 30px; padding: 0px 10px; } #event .new_item_wrap { width: 100%; } #event .new_item_wrap>a { position: relative; display: inline-block; width: calc(50% - 3px); text-align: center; margin-bottom: 30px; vertical-align: top; font-family: 'NL2GR'; } #event .new_item_wrap>a>div { display: inline-block; width: calc(100% - 10px); margin: 0 auto; } #event .new_item_wrap>a>div .item_image { margin: 0px auto 10px; width: 100%; max-width: 300px; height: 175px; background-color: #eee; border-radius: 0px 10px 10px 10px; background-position: center; background-repeat: no-repeat; background-size: cover; } #event .new_item_wrap>a>div .item_image.soldout { position: relative; line-height: 150px; color: #fff; } #event .new_item_wrap>a>div .item_image.soldout:before { content: '일시품절'; display: inline-block; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.4); border-radius: 0px 10px 10px 10px; } #event .new_item_wrap>a>div .item_name { font-size:13px; text-align: left; display: -webkit-box; text-align: left; color: #333; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #event .new_item_wrap>a>div .item_price { font-size:16px; font-size:16px; text-align: left; font-weight: Bold; padding: 5px 0px 2px 0px; } #event .new_item_wrap>a>div .item_price .soldout { color: #999; line-height: 30px; } #event .new_item_wrap>a>div .item_price .percent { color: #CC3636; font-weight: Bold; } #event .new_item_wrap>a>div .item_rating { text-align: left; } #event .new_item_wrap>a>div .item_rating .star { color: #f5bf2e; } #event .new_item_wrap>a>div .item_rating .no_star { color: #999; } #event .no_data { width: 100% !important; text-align: center; padding: 40px 0px; background-color: #f9f9f9; color: #999; outline: 10px solid #eee; margin-top: 20px; } #event .more_btn { border: 1px solid #f5bf2e; height: 40px; text-align: center; line-height: 40px; background-color: #f5bf2e; border-radius: 5px; color: #fff; cursor: pointer; margin-top: 20px; } #footer-contents .info_wrap { width: 90%; padding: 20px 0px; background-color: #E6EBF0; margin: 0px auto; text-align: center; color: #353535; border-radius: 10px; } #footer-contents .info_icon { width: 40px; margin: 0px auto; margin-bottom: 10px; } #footer-contents .info_icon img { width: 100%; } #footer-contents .info_1 { font-size: 18px; font-weight: bold; margin-bottom: 5px; } #footer-contents .info_2, #footer-contents .info_3 { font-size: 14px; font-weight: bold; } #footer-contents .bottom_notice { text-align: center; } #footer-contents .bottom_notice a { font-size: 13px; color: #999; } #footer-contents .f_wrap { width: 90%; margin: 0px auto; padding-top: 20px;padding-bottom: 60px; } #footer-contents .f_wrap .bottom_notice { font-size: 11px; color:#333333; line-height: 1em; text-align: left; } #footer-contents .f_subwrap ul {padding: 0px;padding-top: 10px;} #footer-contents .f_subwrap ul:last-child { margin-top: 10px; padding-bottom: 20px; } #footer-contents .f_subwrap ul li {font-family:'NanumGothic';font-weight: bold;list-style: none;margin-bottom: 3px;} #footer-contents .footer_btn img { width: 23px; } #footer-contents .quick-btn03 { position: fixed; bottom: 210px; right: 0px; z-index: 9800; width: 70px; height: 70px; font-size: 16px; } #footer-contents .quick-btn03 img { width: 100%; } #footer-contents .quick-btn01 { position: fixed; bottom: 145px; right: 0px; z-index: 9800; width: 70px; height: 70px; font-size: 16px; } #footer-contents .quick-btn01 img { width: 100%; } #footer-contents .quick-btn02 { position: fixed; bottom: 80px; right: 0px; z-index: 9800; width: 70px; height: 70px; } #footer-contents .quick-btn04 { position: fixed; bottom: 80px; left: 0px; z-index: 9800; width: 70px; height: 70px; } #footer-contents .quick-btn04 img { width: 100%; } #footer-contents .quick-btn02 img { width: 100%; } #footer-contents .count_wrap { position: relative; } #footer-contents .count { width: 60px; position: absolute; top: 0px; left: 0px; color: #fff; text-align: center; line-height: 40px; font-size: 20px; } #bj_item_cart { position: fixed; display: inline-block; left: 10px; bottom: 10px; width: 50px; height: 50px; text-align: center; border-radius: 25px; border: 1px solid #f5bf2e; background-color: #f5bf2e; vertical-align: middle; font-size: 18px; color: #fff; z-index: 99; } #bj_item_cart:before { content: ''; background-color: #FFECB9; display: inline-block; width: 27px; height: 27px; position: absolute; left: 7px; top: 7px; border-radius: 100%; } #bj_item_cart .fa-bars { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #bj_item_cart .fa-times { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #bj_item_cart .cart_cnt { position: absolute; right: -5px; top: -5px; display: inline-block; background-color: #72a7ff; width: 20px; height: 20px; line-height: 20px; border-radius: 10px; font-size: 14px; } #bj_item_cart>img { position: relative; width: 24px; top: 8px; } #event_7 { margin: 50px 0px; padding-bottom: 60px; } #event_7 .banner { width: 100%; text-align: center; } #event_7 .banner img { width: 100%; max-width: 720px; } #event_8 { margin: 50px 0px; padding-bottom: 60px; } #event_8 .banner { width: 100%; text-align: center; } #event_8 .banner img { width: 100%; max-width: 720px; } #event_9 { max-width: 650px; margin: 50px auto; padding-bottom: 60px; } #event_9 .banner { width: 100%; text-align: center; } #event_9 .banner img { width: 100%; max-width: 720px; } #event_9 .countdown { position: sticky; top: 50px; z-index: 5; text-align: center; height: 50px; line-height: 50px; background-color: #999; color: #fff; } #event_9 .countdown>div { display: inline-block; } #event_9 .countdown>div span.num { display: inline-block; padding: 0px 5px; height: 30px; line-height:30px; border-radius: 5px; background-color: #595959; border: 1px solid #585858; } #event_10 { margin: 50px 0px; padding-bottom: 60px; } #event_10 .banner { width: 100%; text-align: center; } #event_10 .banner img { width: 100%; max-width: 720px; } /**item > index.php **/ #fixed-menu .fixed-menu-wrap { position: relative; width: 100%; height: 50px; font-size: 24px; } #fixed-menu .fixed-menu-wrap .left_menu { position: absolute; left: 0px; top: 0px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; } #fixed-menu .fixed-menu-wrap .center_menu { width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 18px; } #fixed-menu .fixed-menu-wrap .center_menu a { color: #bbb; } #fixed-menu .fixed-menu-wrap .center_menu img { width: 55px; margin-top: 10px; padding: 0px; } #fixed-menu .fixed-menu-wrap .right_menu { position: absolute; right: 0px; top: 0px; width: 8px; height: 50px; display: flex; align-items: center; justify-content: center; } #fixed-menu .fixed-menu-wrap .right_menu a img { } #fixed-menu .scroll_top { display: none; position: fixed; right: 10px; bottom: 10px; z-index: 1; width: 50px; height: 50px; background-color: rgba(255, 255, 255, 0.6); border: 1px solid #ccc; border-radius: 25px; -webkit-align-items: center; -webkit-justify-content: center; } #fixed-menu .scroll_top.on { display: flex; } #shop_mainpage { background-color: #fff; width: 100%; margin-top: 50px; margin-bottom: 0px; font-size: 14px; font-weight: normal; } #shop_mainpage .title { position: relative; margin: 20px 0px 10px 0px; font-size: 18px; z-index: 1; height: 20px; color: #61373D; font-family: 'NL2GR'; font-weight: Bold; } #shop_mainpage .title:after { position: absolute; left: 0px; bottom: 0px; content: ''; background-color: rgba(255, 236, 185, 1); display: inline-block; width: 200px; height: 10px; z-index: 0; border-radius: 10px; margin-left: -10px; } #shop_mainpage .title span { position: absolute; left: 10px; top: 0px; z-index: 2; } #shop_mainpage .item_menu_list { padding-top: 20px; } #shop_mainpage .item_menu_list .item_menu { text-align: center; width: calc(33.3% - 4px); display: inline-block; } #shop_mainpage .item_menu_list .item_menu .flex-item { position: relative; width: 100px; height: 40px; line-height: 40px; margin: 0 auto; } /*#shop_mainpage .item_menu_list .item_menu .flex-item:before { content: ''; display: inline-block; width: 30px; height: 30px; background-color: rgba(245, 191, 46, 0.2); /*#f5bf2e/ position: absolute; left: 50%; top: 45%; border-radius: 15px; margin-left: -15px; margin-top: -20px; }*/ #shop_mainpage .item_menu_list .item_menu .flex-item.on h5 { color: #f5bf2e; } /*#shop_mainpage .item_menu_list .item_menu .flex-item .inner { position: absolute; width: 100%; height: 100%; }*/ #shop_mainpage .item_menu_list .item_menu .flex-item img { width: calc(100% - 50px); margin: 10px 0px; } #shop_mainpage .item_menu_list .item_menu .flex-item h5 { line-height: 20px; font-size: 16px; font-family: 'NL2GR'; font-weight: Bold; color: #999; margin: 0px; padding: 0px; } #shop_mainpage .hot_item { padding: 20px 0px; margin-bottom: 20px; } #shop_mainpage .hot_item .swiper-container-item { width: 100%; overflow: hidden; background-color: #f9f9f9; margin: 10px 0px; padding: 20px 0px; font-family: 'NL2GR'; } #shop_mainpage .hot_item .swiper-container-item .swiper-slide { width: 200px; background-color: #fff; } #shop_mainpage .hot_item .swiper-container-item .swiper-slide>a { display: block; } #shop_mainpage .hot_item .swiper-container-item .item_image { width: 100%; height: 200px; background-color: #eee; background-position: center; background-size: cover; } #shop_mainpage .hot_item .swiper-container-item .item_image.soldout { position: relative; line-height: 200px; color: #fff; } #shop_mainpage .hot_item .swiper-container-item .item_image.soldout:before { content: '일시품절'; display: inline-block; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.4); text-align: center; } #shop_mainpage .hot_item .swiper-container-item .item_name { padding: 20px 20px 0px 20px; display: -webkit-box; text-align: left; color: #333; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #shop_mainpage .hot_item .swiper-container-item .item_price { font-size:16px; font-weight: Bold; padding: 5px 20px 2px 20px; } #shop_mainpage .hot_item .swiper-container-item .item_price .soldout { color: #999; } #shop_mainpage .hot_item .swiper-container-item .item_price .percent { color: #CC3636; font-weight: Bold; } #shop_mainpage .hot_item .swiper-container-item .item_rating { font-family: 'NL2GR'; padding: 0px 20px 20px 20px; } #shop_mainpage .hot_item .swiper-container-item .item_rating .star { color: #f5bf2e; } #shop_mainpage .hot_item .swiper-container-item .item_rating .no_star { color: #999; } #shop_mainpage .hot_item .no_data { width: 100%; text-align: center; padding: 40px 0px; background-color: #f9f9f9; color: #999; outline: 10px solid #eee; margin-top: 20px; } #shop_mainpage .item_list { width: calc(100% - 10px); padding: 0px 5px 10px 5px; } #shop_mainpage .item_list .caption { position: relative; height: 30px; line-height: 30px; } #shop_mainpage .item_list .caption .order { position: absolute; right: 0px; top: 0px; } #shop_mainpage .item_list .caption .order select { border: 1px solid #ccc; background-color: #fff; height: 30px; padding: 0px 10px; } #shop_mainpage .item_list .new_item_wrap { width: 100%; } #shop_mainpage .item_list .new_item_wrap>a { position: relative; display: inline-block; width: calc(50% - 3px); text-align: center; margin-bottom: 30px; vertical-align: top; font-family: 'NL2GR'; } #shop_mainpage .item_list .new_item_wrap>a>div { display: inline-block; width: calc(100% - 10px); margin: 0 auto; } #shop_mainpage .item_list .new_item_wrap>a>div .item_image { margin: 0px auto 10px; width: 100%; max-width: 300px; height: 175px; background-color: #eee; border-radius: 0px 10px 10px 10px; background-position: center; background-repeat: no-repeat; background-size: cover; } #shop_mainpage .item_list .new_item_wrap>a>div .item_image.soldout { position: relative; line-height: 150px; color: #fff; } #shop_mainpage .item_list .new_item_wrap>a>div .item_image.soldout:before { content: '일시품절'; display: inline-block; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.4); border-radius: 0px 10px 10px 10px; } #shop_mainpage .item_list .new_item_wrap>a>div .item_name { text-align: left; display: -webkit-box; text-align: left; color: #333; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #shop_mainpage .item_list .new_item_wrap>a>div .item_price { font-size:16px; text-align: left; font-weight: Bold; padding: 5px 0px 2px 0px; } #shop_mainpage .item_list .new_item_wrap>a>div .item_price .soldout { color: #999; line-height: 30px; } #shop_mainpage .item_list .new_item_wrap>a>div .item_price .percent { color: #CC3636; font-weight: Bold; } #shop_mainpage .item_list .new_item_wrap>a>div .item_rating { text-align: left; } #shop_mainpage .item_list .new_item_wrap>a>div .item_rating .star { color: #f5bf2e; } #shop_mainpage .item_list .new_item_wrap>a>div .item_rating .no_star { color: #999; } #shop_mainpage .item_list .no_data { width: 100% !important; text-align: center; padding: 40px 0px; background-color: #f9f9f9; color: #999; outline: 10px solid #eee; margin-top: 20px; } #shop_mainpage .item_list .more_btn { border: 1px solid #f5bf2e; height: 40px; text-align: center; line-height: 40px; background-color: #f5bf2e; border-radius: 5px; color: #fff; cursor: pointer; margin-top: 20px; } #shop_mainpage .middle_banner { background-color: #eee; margin: 30px auto; width: 80%; height: 80px; line-height: 80px; text-align: center; } #shop_mainpage .middle_banner img { width: 100%; } #shop_mainpage #footer-contents .info_wrap { width: 90%; padding: 20px 0px; background-color: #E6EBF0; margin: 0px auto; text-align: center; color: #353535; border-radius: 10px; } #shop_mainpage #footer-contents .info_icon { width: 40px; margin: 0px auto; margin-bottom: 10px; } #shop_mainpage #footer-contents .info_icon img { width: 100%; } #shop_mainpage #footer-contents .info_1 { font-size: 18px; font-weight: bold; margin-bottom: 5px; } #shop_mainpage #footer-contents .info_2, #shop_mainpage #footer-contents .info_3 { font-size: 14px; font-weight: bold; } #shop_mainpage #footer-contents .bottom_notice { text-align: center; } #shop_mainpage #footer-contents .bottom_notice a { font-size: 13px; color: #999; } #shop_mainpage #footer-contents .f_wrap { width: 90%; margin: 0px auto; padding-top: 20px;padding-bottom: 60px; } #shop_mainpage #footer-contents .f_wrap .bottom_notice { font-size: 11px; color:#333333; line-height: 1em; text-align: left; } #shop_mainpage #footer-contents .f_subwrap ul {padding: 0px;padding-top: 10px;} #shop_mainpage #footer-contents .f_subwrap ul:last-child { margin-top: 10px; padding-bottom: 20px; } #shop_mainpage #footer-contents .f_subwrap ul li {font-family:'NanumGothic';font-weight: bold;list-style: none;margin-bottom: 3px;} #shop_mainpage #footer-contents .footer_btn img { width: 23px; } #shop_mainpage #footer-contents .quick-btn03 { position: fixed; bottom: 210px; right: 0px; z-index: 9800; width: 70px; height: 70px; font-size: 16px; } #shop_mainpage #footer-contents .quick-btn03 img { width: 100%; } #shop_mainpage #footer-contents .quick-btn01 { position: fixed; bottom: 145px; right: 0px; z-index: 9800; width: 70px; height: 70px; font-size: 16px; } #shop_mainpage #footer-contents .quick-btn01 img { width: 100%; } #shop_mainpage #footer-contents .quick-btn02 { position: fixed; bottom: 80px; right: 0px; z-index: 9800; width: 70px; height: 70px; } #shop_mainpage #footer-contents .quick-btn04 { position: fixed; bottom: 80px; left: 0px; z-index: 9800; width: 70px; height: 70px; } #shop_mainpage #footer-contents .quick-btn04 img { width: 100%; } #shop_mainpage #footer-contents .quick-btn02 img { width: 100%; } #shop_mainpage #footer-contents .count_wrap { position: relative; } #shop_mainpage #footer-contents .count { width: 60px; position: absolute; top: 0px; left: 0px; color: #fff; text-align: center; line-height: 40px; font-size: 20px; } #shop_mainpage #bj_item_cart { position: fixed; display: inline-block; left: 10px; bottom: 10px; width: 50px; height: 50px; text-align: center; border-radius: 25px; border: 1px solid #f5bf2e; background-color: #f5bf2e; vertical-align: middle; font-size: 18px; color: #fff; z-index: 99; } #shop_mainpage #bj_item_cart:before { content: ''; background-color: #FFECB9; display: inline-block; width: 27px; height: 27px; position: absolute; left: 7px; top: 7px; border-radius: 100%; } #shop_mainpage #bj_item_cart .fa-bars { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #shop_mainpage #bj_item_cart .fa-times { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #shop_mainpage #bj_item_cart .cart_cnt { position: absolute; right: -5px; top: -5px; display: inline-block; background-color: #72a7ff; width: 20px; height: 20px; line-height: 20px; border-radius: 10px; font-size: 14px; } #shop_mainpage #bj_item_cart>img { position: relative; width: 24px; top: 8px; }