#sod_frm {position: relative; } #sod_frm:after {content: ""; display: block; clear: both;} #sod_fin {position: relative; } #sod_fin:after {content: ""; display: block; clear: both;} /* 공통 */ .sub_visual {position: relative; height: 600px; background: url("/images/sub_vis_img1.jpg") center no-repeat; background-size: cover;} .sub_visual.login_bg {height: 500px;} #sub_content {padding-top: 135px; margin-bottom: 100px;} .sub_inner {width: 100%; max-width: 1400px; margin: 0 auto;} .sub_vis_txt {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; max-width: 1400px; width: 100%; margin: 0 auto;} .sub_vis_txt h2 {color: #fff; font-size: 55px; line-height: 65px; font-weight: 900;} .sub_vis_txt h2 span {display: block; font-size: 80px; line-height: 90px;} .sub_vis_txt p {color: #fff; font-size: 24px; line-height: 32px; font-weight: 300; margin-top: 20px;} .sub_txt_wrap {text-align: center;} .sub_txt_wrap h2 {color: #000; font-size: 45px; line-height: 55px; font-weight: 900;} .sub_txt_wrap p {color: #666; font-size: 22px; line-height: 30px; font-weight: 300; margin-top: 10px;} .sub_inner_wrap {margin-top: 60px;} /* 분류별 보기 */ .cate_wrap.dd_none {display: none;} .cate_wrap {width: 1400px; margin: 60px auto 0;} .cate_wrap ul {position: relative; } .cate_wrap ul:after {content: ""; display: block; clear: both;} .cate_wrap ul li {float: left; width: 12.5%; text-align: center;} .cate_wrap ul li a {display: block; height: 100%;} .cate_wrap ul li .img_wrap {display: inline-block; width: 120px; height: 120px; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.25);} .cate_wrap ul li p {color: #232323; font-size: 18px; line-height: 26px; margin-top: 15px; font-weight: 500;} .cate_wrap ul li:nth-child(1) .img_wrap {background: #fff url("/images/cate_img1.png") center no-repeat; background-size: 45px;} .cate_wrap ul li:nth-child(1).active .img_wrap {background: #fae000 url("/images/cate_img1_on.png") center no-repeat; background-size: 45px;} .cate_wrap ul li.cate_ic1 .img_wrap {background: #fff url("/images/cate_img2.png") center no-repeat; background-size: 45px;} .cate_wrap ul li.cate_ic1.active .img_wrap {background: #fae000 url("/images/cate_img2_on.png") center no-repeat; background-size: 45px;} .cate_wrap ul li.cate_ic2 .img_wrap {background: #fff url("/images/cate_img3.png") center no-repeat; background-size: 60px;} .cate_wrap ul li.cate_ic2.active .img_wrap {background: #fae000 url("/images/cate_img3_on.png") center no-repeat; background-size: 60px;} .cate_wrap ul li.cate_ic3 .img_wrap {background: #fff url("/images/cate_img4.png") center no-repeat; background-size: 65px;} .cate_wrap ul li.cate_ic3.active .img_wrap {background: #fae000 url("/images/cate_img4_on.png") center no-repeat; background-size: 65px;} .cate_wrap ul li.cate_ic4 .img_wrap {background: #fff url("/images/cate_img5.png") center no-repeat; background-size: 60px;} .cate_wrap ul li.cate_ic4.active .img_wrap {background: #fae000 url("/images/cate_img5_on.png") center no-repeat; background-size: 60px;} .cate_wrap ul li.cate_ic5 .img_wrap {background: #fff url("/images/cate_img6.png") center no-repeat; background-size: 55px;} .cate_wrap ul li.cate_ic5.active .img_wrap {background: #fae000 url("/images/cate_img6_on.png") center no-repeat; background-size: 55px;} .cate_wrap ul li.cate_ic6 .img_wrap {background: #fff url("/images/cate_img7.png") center no-repeat; background-size: 55px;} .cate_wrap ul li.cate_ic6.active .img_wrap {background: #fae000 url("/images/cate_img7_on.png") center no-repeat; background-size: 55px;} .cate_wrap ul li.cate_ic7 .img_wrap {background: #fff url("/images/cate_img8.png") center no-repeat; background-size: 60px;} .cate_wrap ul li.cate_ic7.active .img_wrap {background: #fae000 url("/images/cate_img8_on.png") center no-repeat; background-size: 60px;} .cate_wrap ul li.cate_ic8 .img_wrap {background: #fff url("/images/cate_img9.png") center no-repeat; background-size: 60px;} .cate_wrap ul li.cate_ic8.active .img_wrap {background: #fae000 url("/images/cate_img9_on.png") center no-repeat; background-size: 60px;} .cate_wrap ul li.cate_ic9 .img_wrap {background: #fff url("/images/cate_img10.png") center no-repeat; background-size: 60px;} .cate_wrap ul li.cate_ic9.active .img_wrap {background: #fae000 url("/images/cate_img10_on.png") center no-repeat; background-size: 60px;} .sct_star.sstar {display: none;} .sct_10 .sct_img .sct_btn {display: none;} .sct_10 .sct_img.img_wrap a {display: block; height: 100%; border-radius: 0; border-top-left-radius: 25px; border-top-right-radius: 25px; overflow: hidden;} .sct_10 .sct_img.img_wrap a img {width: 100%;} .sct_10 .sct_ct_wrap.txt_wrap {text-align: left; padding: 40px 35px 70px; box-shadow: 0 0 10px rgba(0,0,0,0.15); border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; height: 285px;} .sct_10 .sct_txt.txt_wrap {margin: 0; border: 0; padding: 0; } .sct_10 .sct_txt.txt_wrap a {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; color: #4c3f38; font-size: 25px; line-height: 33px; font-weight: 800;} .sct_10 .sct_basic.txt_wrap {margin: 0; border: 0; color: #868787; font-size: 20px; line-height: 28px; font-weight: 300; margin-top: 15px; padding: 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} .sct_10 .sct_txt2.txt_wrap {color: #77644d; font-size: 25px; line-height: 33px; font-weight: 900; margin-top: 20px;} .sct_10 .sct_cost.dd_txt {font-size: 20px; color: #c67c04; font-weight: 700; margin-top: 10px;} .sct_10 .sct_cost.ss_cost {font-size: 25px; color: #d80000; font-weight: 900; text-align:right; padding: 0; margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid #e5e5e5; display: block;} .sct_10 .sct_dict.ss_dic_cost {font-size: 15px; text-decoration: line-through; color: #929292; font-weight: 300; margin-right: 10px;} .sct_10 .sct_dict.ss_dic_cost:before {display: none;} .sct_10 .sct_bottom.dd_txt {display: none;} /* .sct_10 .sct_ct_wrap.txt_wrap .sct_bottom {display: none;} */ /* 상품 분류 페이지 */ .sit_admin {z-index: 2000;} #sct_sortlst {display: none;} .sct_10 .sit_icon_li.ssit_icon {display: none;} /* 오늘의 특가 */ .count_list {position: absolute; top: -50px; right: 20px; width: 100px; height: 100px; background: #d80000; color: #fff; font-size: 28px; font-weight: 800; text-align: center; line-height: 100px; border-radius: 50%;} .count_wrap {margin: 75px 0; text-align: center;} .count_wrap #countdown {display: inline-block; vertical-align: middle; padding: 0 10px; position: relative; color: #000; font-size: 45px; font-weight: 900; z-index: 1;} .count_wrap #countdown:before {content: ""; position: absolute; left: 0; bottom: 10px; width: 100%; height: 10px; background: #f7d9af; z-index: -1;} .count_wrap #countdown span {font-size: 35px; font-weight: 300;} .count_list.view_count {top: auto; bottom: 20px;} /* 상품 상세페이지 */ .shop_detail_txt {text-align: center; margin-top: -60px; margin-bottom: 60px;} .shop_detail_txt h2 {color: #4c3f38; font-size: 40px; line-height: 48px; font-weight: 800;} .shop_detail_txt p {color: #666; font-size: 22px; line-height: 30px; font-weight: 300; margin-top: 10px;} .shop_detail_txt span {display: inline-block; font-size: 22px; line-height: 30px; margin-top: 20px; color: #77644d; font-weight: 900;} #sit_ov_wrap.sit_ov_wrap {position: relative; padding: 0; border-top: 0; padding: 80px 0; width: 100%; max-width: 1400px;} #sit_ov_wrap.sit_ov_wrap:before {content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1920px; height: 100%; background: #fff5cc url("/images/detail_txt1.png") left bottom no-repeat; background-size: 100%;} #sit_pvi.img_wrap {position: relative; float: left; width: 50%; border-radius: 25px; border-top-right-radius: 0; border-bottom-right-radius: 0;} #sit_pvi.img_wrap #sit_pvi_img {margin-bottom: 0;} #sit_pvi_img.img_wrap #sit_pvi_img {margin-bottom: 0;} #sit_pvi_big.img_thumb {border-radius: 25px; overflow: hidden; background: none; border-top-right-radius: 0; border-bottom-right-radius: 0;} #sit_ov.txt_wrap {position: relative; float: left; width: 50%; background: #fff; padding: 60px; box-shadow: 0 0 15px rgba(0,0,0,0.25); border-top-right-radius: 25px; border-bottom-right-radius: 25px; min-height: 670px; height: 670px;} .sit_info.ssit_info {padding: 0; border: 0;} .sit_ov_tbl.sit_detail dl {line-height: normal; display: table; width: 100%;} .sit_ov_tbl.sit_detail dl + dl {margin-top: 15px;} .sit_ov_tbl.sit_detail dt {display: table-cell; vertical-align: middle; float: none; width: 15%; padding: 0; font-weight: 900; font-size: 18px; line-height: 28px; color: #010101;} .sit_ov_tbl.sit_detail dd {display: table-cell; vertical-align: middle; float: none; width: 84.5%; padding: 0; color: #868787; font-size: 18px; line-height: 28px; font-weight: 300;} .sit_ov_tbl.sit_detail dd.number {font-size: 20px; line-height: 28px;} .sit_ov_tbl dd.price strong {color: #c67c04; font-size: 25px; font-weight: 900;} .sit_option.sit_opt {position: relative; margin: 0; padding: 0; display: table; width: 100%; margin-top: 15px;} .sit_option.sit_opt:after {content: ""; display: block; clear: both;} #sit_ov h3.sit_opt_title {display: table-cell; vertical-align: middle; float: none; width: 15%; margin: 0; color: #010101; font-size: 18px; line-height: 28px; font-weight: 900;} .sit_option.sit_opt .get_item_options {display: table-cell; vertical-align: middle; float: none; width: 85%;} .sit_option.sit_opt .get_item_options label {display: none;} .sit_option.sit_opt select {height: 40px; padding: 0; margin: 0; font-size: 15px; font-weight: 300; color: #000; border: 1px solid #c8c8c8; padding-left: 20px;} #sit_sel_option.sit_opt_added {margin-top: 20px;} .sit_opt_added #sit_opt_added li {margin: 0; padding: 20px 0; background: none; border: 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;} .sit_opt_added #sit_opt_added li .opt_name {color: #000; font-size: 18px; line-height: 26px; font-weight: 300;} .sit_opt_added #sit_opt_added .sit_opt_del {right: 0;} .sit_opt_added #sit_opt_added .sit_opt_prc {color: #5f5f5f; font-size: 20px; line-height: 28px; padding: 0; font-weight: 500;} .sit_opt_added #sit_opt_added button.sit_opt_del {border: 0;} .sit_opt_added #sit_opt_added .sit_opt_del i:before {width: 20px; background: #afafaf; margin: 1px 0 0 -6px;} .sit_opt_added #sit_opt_added .sit_opt_del i:after {height: 20px; background: #afafaf; margin: -8px 0 0 3px;} .sit_opt_added #sit_opt_added button {border: 1px solid #c8c8c8;} .sit_opt_added #sit_opt_added .num_input {border: 1px solid #c8c8c8; width: 50px; border-left: 0; border-right: 0;} #sit_tot_price.sit_tot_price {padding: 20px 0; color: #c67c04; font-size: 26px; font-weight: 900;} #sit_tot_price.sit_tot_price span {color: #000; font-size: 14px; line-height: 22px; font-weight: 300;} #sit_tot_price.sit_tot_price strong {/* color: #c67c04; */ color: #000; font-size: 26px; line-height: 35px; font-weight: 900; margin-left: 0; letter-spacing: 0; vertical-align: middle; margin-top: -10px;} #sit_tot_price.sit_tot_price .d_price_won {color: #969696; font-size: 18px; font-weight: 500; text-decoration: line-through;} #sit_ov_btn.sit_ov_btn {padding-right: 0; margin: 0;} #sit_ov_btn.sit_ov_btn button.sit_btn_buy {height: 60px; line-height: 60px; color: #000; font-size: 22px; font-weight: 900; width: 370px; margin-right: 0; border-radius: 50px; margin-bottom: 0; background: #fae100; border: 1px solid #fae100;} #sit_ov_btn.sit_ov_btn button.sit_btn_buy:hover {background: #fae100;} #sit_ov_btn.sit_ov_btn button.sit_btn_cart {height: 60px; line-height: 60px; color: #fff; font-size: 22px; font-weight: 900; width: 195px; margin-right: 0; border-radius: 50px; margin-bottom: 0; background: #a0a0a0; border: 1px solid #a0a0a0; margin-left: 10px;} #sit_ov_btn.sit_ov_btn .sit_btn_wish {position: relative; float: left; width: 60px; height: 60px; border-radius: 50%; border: 1px solid #f0f0f0; margin-left: 10px; text-align: center; line-height: 58px; margin-bottom: 0; background: #f0f0f0 url("/images/wish_ic2.png") center no-repeat; background-size: 25px;} #sit_ov_btn.sit_ov_btn .sit_btn_wish.on {border: 1px solid #fae100; background: #fae100 url("/images/wish_ic2_on.png") center no-repeat; background-size: 25px;} #sit_ov_btn.sit_ov_btn .sit_btn_list.link_btn {background: url("/images/link_btn_ic.png") center no-repeat; background-size: 25px;} #sit_ov_btn.sit_ov_btn .sit_btn_list {position: relative; float: left; width: 60px; height: 60px; border-radius: 50%; border: 1px solid #b3b3b3; margin-left: 10px; text-align: center; line-height: 58px; margin-bottom: 0;} #sit_ov_from.sit_ov_from {border-bottom: 0;} #sit_info.sit_info {margin: 0; margin-top: 100px; border: 0; padding: 0;} #sit_inf.sit_inf .txt_map {margin-top: 20px;} .tab_tit {position: relative; margin: 0 -5px;} .tab_tit:after {content: ""; display: block; clear: both;} .tab_tit li {float: left; width: 50%; padding: 0 5px; height: 90px;} .tab_tit.ttab_tit li {width: 25%; height: 70px;} .tab_tit li a {display: flex; height: 100%; align-items: center; justify-content: center; border: 1px solid #ececec; text-align: center; color: #a8a8a8; font-size: 24px; border-radius: 25px; font-weight: 900;} .tab_tit li a.active {background: #fae100; border: 1px solid #fae100; color: #000;} #sit_info.sit_info #map {height: 560px; margin-bottom: 150px; position: relative;} #sit_use_list.sit_use_list {margin-top: 50px;} #sit_use_list.sit_use_list .total {color: #050505; font-size: 16px; line-height: 26px; font-weight: 300;} #sit_use_list.sit_use_list .total strong {font-size: 18px; line-height: 26px; font-weight: 900;} #sit_use_ol.sit_use_ol {margin: 0; border-top: 0; padding: 50px 0 20px; margin-top: 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} .sit_use_li.ssit_use_li {padding-left: 0; border-bottom: 0; margin-bottom: 50px;} .sit_use_tp_txt {position: relative;} .sit_use_tp_txt:after {content: ""; display: block; clear: both;} .sit_use_tp_txt h4 {float: left; color: #000; font-size: 20px; line-height: 30px; font-weight: 700;} .sit_use_tp_txt h4 span {display: inline-block; vertical-align: middle; margin-left: 10px; margin-top: -10px;} .sit_use_tp_txt h4 span img {width: 127px;} .sit_use_tp_txt h5 {float: right; color: #adadad; font-size: 16px; line-height: 23px; font-weight: 300;} .sit_use_li.ssit_use_li .sit_use_txt_content {padding: 30px 40px; background: #fff; box-shadow: 0 0 12px rgba(0,0,0,0.25); margin-top: 20px; border-radius: 25px; font-size: 18px; color: #747474; font-weight: 300;} #item_use_wrap {margin-top: 20px; text-align: right;} #item_use_wrap ul li + li {margin-left: 10px;} #item_use_wrap ul li {display: inline-block; vertical-align: middle; height: 60px; line-height: 60px;} #item_use_wrap ul li a {display: block; width: 100%; padding: 0 50px; border-radius: 15px; font-size: 20px; font-weight: 900;} #item_use_wrap ul li a.item_write {color: #000; background: #fae100; border: 1px solid #fae100;} #item_use_wrap ul li a.item_more {color: #8f8d8d; background: #ececec; border: 1px solid #dadada;} .sct_10 .sit_icon_li {display: none;} #item_use_wrap ul li a.item_more {display: none;} /* 달력 및 예약 추가 */ .cal_choose_btn_wrap {text-align: center; margin: 20px 0; } .cal_choose_btn {display: inline-block; height: 55px; line-height: 55px; background: #4c4c4c; border-radius: 50px; padding: 0 50px; color: #fff; font-size: 18px; font-weight: 900; cursor: pointer;} .cal_choose_btn .cal_ch_btn {display: inline-block; width: 15px; height: 12px; background: url("/images/cal_btn_arrow.png") center no-repeat; background-size: 100%; margin-left: 10px;} .cal_result { /* padding: 0 0 20px;border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; */} .cal_result dl {display: table; width: 100%;} .cal_result dl + dl {margin-top: 10px;} .cal_result_lt {display: table-cell; vertical-align: middle; width: 15%; color: #010101; font-size: 18px; font-weight: 900;} .cal_result_rt {display: table-cell; vertical-align: middle; width: 84.5%; } .cal_result_date {color: #4c4c4c; font-size: 18px; font-weight: 700;} .cal_result_time {color: #868787; font-size: 18px; font-weight: 300;} .cal_wrap { padding: 20px 0; border-top: 1px solid #e5e5e5;} .cal_title {color: #010101; font-size: 18px; font-weight: 700;} .cal_title_wrap {text-align: center;} .cal_title_wrap .cal_arrow {display: inline-block; vertical-align: middle; width: 9px; height: 13px; cursor: pointer; } .cal_title_wrap .cal_arrow.cal_prev {background: url("/images/cal_prev.png") center no-repeat; background-size: 100%;} .cal_title_wrap .cal_arrow.cal_next {background: url("/images/cal_next.png") center no-repeat; background-size: 100%;} h4.cc_cal_title {display: inline-block; vertical-align: middle; color: #010101; font-size: 22px; font-weight: 900; margin: 0 20px;} .cal_menu table {width: 100%; table-layout: fixed; margin-top: 20px;} .cal_menu table tr th {text-align: center; color: #010101; font-size: 18px; font-weight: 700; padding: 10px 0;} .cal_menu table tr td {text-align: center; font-size: 18px; font-weight: 300; color: #6d6d6d; padding: 10px 0; cursor: pointer;} .cal_menu table tr td.red_txt {color: #e50036} .cal_menu table tr td.blue_txt {color: #117bf3;} .cal_menu table tr td.active {background: #fae100; color: #4c3f38; border: 1px solid #fae100; font-weight: 700;} .cal_wrap2 { padding: 20px 0; margin-bottom: 20px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;} .cal_tbl2 {display: table; width: 100%;} .cal_tbl_lt {display: table-cell; vertical-align: middle; text-align: left; width: 20%;} .cal_tbl_lt h4 {color: #010101; font-size: 18px; font-weight: 900;} .cal_tbl_rt {display: table-cell; vertical-align: middle; text-align: right; width: 80%;} .cal_tbl_rt span {display: inline-block; color: #909090; font-size: 15px;} .cal_tbl_rt span + span {margin-left: 20px;} .cal_tbl_rt span .ch1 {display: inline-block; vertical-align: middle; width: 25px; height: 15px; border: 1px solid #d6d6d6; border-radius: 5px; background: #fff; margin-right: 5px;} .cal_tbl_rt span .ch2 {display: inline-block; vertical-align: middle; width: 25px; height: 15px; border: 1px solid #d6d6d6; border-radius: 5px; background: #b1b1b1; margin-right: 5px;} .cal_tbl_rt span .ch3 {display: inline-block; vertical-align: middle; width: 25px; height: 15px; border: 1px solid #c8b400; border-radius: 5px; background: #fae100; margin-right: 5px;} .cc_cal_menu2 {margin-top: 25px;} .cc_cal_menu2 ul {position: relative; margin: -10px -5px;} .cc_cal_menu2 ul:after {content: ""; display: block; clear: both;} .cc_cal_menu2 ul li {float: left; width: 16.66%; padding: 10px 5px;} .cc_check_inner {position: relative; border: 1px solid #d6d6d6; text-align: center; border-radius: 10px; height: 35px; line-height: 33px; cursor: pointer;} .cc_check_inner .cc_checkbox {position: absolute; top: 0; left: 0; opacity: 0; } .cc_check_inner label {color: #b4b3b3; font-size: 16px; cursor: pointer;} .cc_check_inner.non_click {background: #b1b1b1; color: #fff; border: 1px solid #9f9f9f;} .cc_check_inner.non_click label {color: #fff; cursor: not-allowed;} .cc_check_inner.choose_click {background: #fae100; color: #4c3f38; border: 1px solid #c8b400;} .cc_check_inner.choose_click label {color: #4c3f38;} /* 후기 */ .ssit_cate_tp {margin-top: 40px;} .ssit_cate_title {color: #050505; font-size: 16px; font-weight: 300;} .ssit_cate_title strong {color: #000; font-size: 18px; font-weight: 900;} .ssit_cate_title span {color: #939191; font-size: 15px; font-weight: 300;} .cc_review_wrap {margin-top: 20px;} .cc_review_wrap ul {position: relative; margin: -10px;} .cc_review_wrap ul:after {content: ""; display: block; clear: both;} .cc_review_wrap ul li {display: none; float: left; width: 25%; padding: 10px;} .cc_review_inner {position: relative; height: 60px; padding-left: 20px; line-height: 60px; border-radius: 15px; background: #f6f6f6; color: #2a2a2a; font-size: 20px; font-weight: 600; overflow: hidden; z-index: 1;} .cc_review_inner .c_point {position: absolute; top: 50%; transform: translateY(-50%); right: 20px; color: #4c3f38; font-size: 20px; font-weight: 700;} .cc_review_inner:before {content: ""; position: absolute; top: 0; left: 0; height: 100%; z-index: -1;} .cc_review_inner.best_bg1:before {background: #f8e962; width: 70%;} .cc_review_inner.best_bg2:before {background: #f7f2c5; width: 60%;} .cc_review_inner.best_bg3:before {background: #f7f2c5; width: 50%;} .use-item.active .cc_review_inner.worst_bg0 {border: 1px solid #d80000;} .use-item.active .cc_review_inner.worst_bg1 {border: 1px solid #d80000;} .use-item.active .cc_review_inner.worst_bg2 {border: 1px solid #d80000;} .use-item.active .cc_review_inner.worst_bg3 {border: 1px solid #d80000;} .cc_review_inner.worst_bg0 {color: #d80000;} .cc_review_inner.worst_bg0 .c_point {color: #d80000;} .cc_review_inner.worst_bg1 {color: #d80000;} .cc_review_inner.worst_bg1 .c_point {color: #d80000;} .cc_review_inner.worst_bg2 {color: #d80000;} .cc_review_inner.worst_bg2 .c_point {color: #d80000;} .cc_review_inner.worst_bg3 {color: #d80000;} .cc_review_inner.worst_bg3 .c_point {color: #d80000;} .cc_review_inner.worst_bg0:before { } .cc_review_inner.worst_bg1:before {background: #f7c5c5; width: 70%; } .cc_review_inner.worst_bg2:before {background: #f7c5c5; width: 60%;} .cc_review_inner.worst_bg3:before {background: #f7c5c5; width: 50%; } .cc_review_more_wrap {text-align: center; margin: 30px 0 60px;} .cc_review_more_wrap .cc_review_more_btn {display: inline-block; color: #2a2a2a; font-size: 18px; font-weight: 600; cursor: pointer;} .cc_review_more_wrap .cc_review_more_btn .cc_review_btn {display: inline-block; width: 18px; height: 10px; background: url("/images/cc_review_btn.png") center no-repeat; background-size: 100%; margin-right: 10px;} .sit_use_cate_txt {margin-top: 20px;} .sit_use_cate_txt span {display: inline-block; color: #585858; font-size: 16px; font-weight: 500; padding: 5px 10px; border-radius: 5px; background: #e9e9e9;} .sit_use_cate_txt span + span {margin-left: 10px;} .oh_price_wrap {display: table; width: 100%; margin-bottom: 20px;} .oh_price_wrap dt {display: table-cell; vertical-align: middle; width: 50%; text-align: left; color: #000; font-size: 14px; font-weight: 300;} .oh_price_wrap dd {display: table-cell; vertical-align: middle; width: 50%; text-align: right;} .oh_price_wrap dd strong {color: #c67c04; font-size: 26px; font-weight: 900;} /* 우리동네 뷰티 */ #sub_map {position: relative; height: 940px;} #sub_map .root_daum_roughmap .wrap_map {height: 940px !important;} #sub_map .root_daum_roughmap .wrap_controllers {display: none !important;} #sub_map .roughmap_maker_label {display: none;} .submap_fx {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); z-index: 500; background: #fff; padding: 0 10px; height: 40px; border: 2px solid #fae100; border-radius: 10px; line-height: 36px;} .submap_fx p {color: #3e3e3e; font-size: 16px; font-weight: 900;} .submap_fx p .submap_ic3 {display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url("/images/map_fix_ic.png") center no-repeat; background-size: 100%; margin-top: -2px; margin-right: 10px;} .submap_fx p .submap_ic3.ic1-1 {background: url("/images/map_fix_ic.png") center no-repeat; background-size: 100%;} .submap_fx p .submap_ic3.ic1-2 {background: url("/images/map_fix_ic1-2.png") center no-repeat; background-size: 100%;} .submap_fx p .submap_ic3.ic1-3 {background: url("/images/map_fix_ic1-3.png") center no-repeat; background-size: 100%;} .submap_fx p .submap_ic3.ic1-4 {background: url("/images/map_fix_ic1-4.png") center no-repeat; background-size: 100%;} .submap_fx p .submap_ic3.ic1-5 {background: url("/images/map_fix_ic1-5.png") center no-repeat; background-size: 100%;} .submap_fx p .submap_ic3.ic1-6 {background: url("/images/map_fix_ic1-6.png") center no-repeat; background-size: 100%;} .submap_fx p .submap_ic3.ic1-7 {background: url("/images/map_fix_ic1-7.png") center no-repeat; background-size: 100%;} .submap_fx p .submap_ic3.ic1-8 {background: url("/images/map_fix_ic1-8.png") center no-repeat; background-size: 100%;} .submap_fx:after {content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -10px; width: 14px; height: 10px; background: url("/images/submap_fx.png") center no-repeat; background-size: 100%;} .submap_fixed {position: absolute; top: 50%; transform: translateY(-50%); right: 50px; z-index: 500; max-width: 460px; width: 100%; overflow: hidden;} .submap_fixed .submap_tp {background: #fae100; position: relative; height: 80px; border-radius: 25px; box-shadow: 0 2px 6px rgb(0 0 0 / 20%); } .submap_fixed .submap_tp span {position: absolute; top: 50%; transform: translateY(-50%); left: 20px; color: #000; font-size: 25px; font-weight: 300; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .submap_fixed .submap_tp span .submap_ic {display: inline-block; vertical-align: middle; width: 15px; height: 19px; background: url("/images/submap_ic1.png") center no-repeat; background-size: 100%; margin-right: 5px; margin-top: -5px;} .submap_menu {padding: 40px 20px; background: #fff; margin-top: 15px; box-shadow: 0 2px 6px rgb(0 0 0 / 20%); border-radius: 25px;} .submap_menu h3 {color: #212224; font-size: 18px; line-height: 26px; font-weight: 300;} .submap_menu h3 strong {font-weight: 900;} .submap_tbl {overflow-y: auto; height: 560px; padding-bottom: 20px; padding-left: 5px; padding-right: 5px;} .submap_tbl li {margin-top: 20px; border-radius: 25px; box-shadow: 0 2px 6px rgb(0 0 0 / 20%); overflow: hidden; } .submap_tbl li a {display: table; width: 100%;} .submap_tbl li .img_wrap {position: relative; display: table-cell; width: 190px; height: 180px; border-radius: 25px; border-top-right-radius: 0; border-bottom-right-radius: 0; overflow: hidden; text-align: center; vertical-align: middle; } .submap_tbl li .img_wrap img { width: 100%;} .submap_tbl li .txt_wrap {display: table-cell; width: calc(100% - 190px); vertical-align: middle; padding: 0 20px; background: #fff; padding-right: 0;} .submap_tbl li .txt_wrap .map_tp span {display: inline-block; vertical-align: middle; } .submap_tbl li .txt_wrap .map_tp span.d_map_txt1 {color: #232323; font-size: 18px; line-height: 26px; font-weight: 600;} .submap_tbl li .txt_wrap .map_tp .map_ic1 {display: inline-block; vertical-align: middle; width: 30px; height: 30px; background: url("/images/map_fix_ic2.png") center no-repeat; background-size: 100%; margin-right: 5px; margin-top: -2px;} .submap_tbl li .txt_wrap .map_tp .map_ic1.ic2-1 {background: url("/images/submap_ic2.png") center no-repeat; background-size: 100%; } .submap_tbl li .txt_wrap .map_tp .map_ic1.ic2-2 {background: url("/images/submap_ic2-2.png") center no-repeat; background-size: 100%; } .submap_tbl li .txt_wrap .map_tp .map_ic1.ic2-3 {background: url("/images/submap_ic2-3.png") center no-repeat; background-size: 100%; } .submap_tbl li .txt_wrap .map_tp .map_ic1.ic2-4 {background: url("/images/submap_ic2-4.png") center no-repeat; background-size: 100%; } .submap_tbl li .txt_wrap .map_tp .map_ic1.ic2-5 {background: url("/images/submap_ic2-5.png") center no-repeat; background-size: 100%; } .submap_tbl li .txt_wrap .map_tp .map_ic1.ic2-6 {background: url("/images/submap_ic2-6.png") center no-repeat; background-size: 100%; } .submap_tbl li .txt_wrap .map_tp .map_ic1.ic2-7 {background: url("/images/submap_ic2-7.png") center no-repeat; background-size: 100%; } .submap_tbl li .txt_wrap .map_tp .map_ic1.ic2-8 {background: url("/images/submap_ic2-8.png") center no-repeat; background-size: 100%; } .submap_tbl li .txt_wrap .map_tp .map_ic1.cate10 { background-image: url(/images/map_cate10.png) } .submap_tbl li .txt_wrap .map_tp .map_ic1.cate20 { background-image: url(/images/map_cate20.png) } .submap_tbl li .txt_wrap .map_tp .map_ic1.cate30 { background-image: url(/images/map_cate30.png) } .submap_tbl li .txt_wrap .map_tp .map_ic1.cate40 { background-image: url(/images/map_cate40.png) } .submap_tbl li .txt_wrap .map_tp .map_ic1.cate50 { background-image: url(/images/map_cate50.png) } .submap_tbl li .txt_wrap .map_tp .map_ic1.cate60 { background-image: url(/images/map_cate60.png) } .submap_tbl li .txt_wrap .map_tp .map_ic1.cate70 { background-image: url(/images/map_cate70.png) } .submap_tbl li .txt_wrap .map_tp .map_ic1.cate70 { background-image: url(/images/map_cate80.png) } .submap_tbl li .txt_wrap .map_tp span.d_map_txt2 {color: #868787; font-size: 16px; line-height: 23px; font-weight: 300; margin-left: 5px;} .submap_tbl li .txt_wrap .map_tp .map_ic2 {display: inline-block; vertical-align: middle; width: 13px; height: 18px; background: url("/images/submap_ic2.png") center no-repeat; background-size: 100%; margin-right: 5px; margin-top: -2px;} .submap_tbl li .txt_wrap h4 {color: #4c3f38; font-size: 18px; line-height: 28px; font-weight: 700; margin-top: 10px;} .submap_tbl li .txt_wrap .map_content {color: #868787; font-size: 16px; line-height: 23px; font-weight: 300; word-break: keep-all; margin-top: 5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } .submap_tbl li .txt_wrap span.map_txt2 {display: inline-block; color: #77644d; font-size: 15px; line-height: 23px; font-weight: 700; margin-top: 5px;} .submap_fixed.mob_fixed {display: none;} .submap_btn {display: none;} /* 오하뷰 */ #today_wrap {margin-top: 50px;} #today_wrap .today_pd_wrap {position: relative; margin: -20px;} #today_wrap .today_pd_wrap:after {content: ""; display: block; clear: both;} #today_wrap .today_pd_wrap li {position: relative; float: left; width: 33.33%; padding: 20px;} #today_wrap .today_pd_wrap li a {display: block; height: 100%;} #today_wrap .today_pd_wrap li .img_wrap {border-top-left-radius: 25px; border-top-right-radius: 25px;} #today_wrap .today_pd_wrap li .img_wrap img {width: 100%;} #today_wrap .today_pd_wrap li .txt_wrap {border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; background: #fff; padding: 40px 35px 70px; box-shadow: 0 0 10px rgba(0,0,0,0.15);} #today_wrap .today_pd_wrap li .txt_wrap h3 {color: #be8222; font-size: 25px; line-height: 33px; font-weight: 800;} #today_wrap .today_pd_wrap li .txt_wrap .txt_content {color: #868787; font-size: 20px; line-height: 28px; font-weight: 300; margin-top: 15px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} #today_wrap .today_pd_wrap li .txt_wrap span {display: inline-block; color: #dcaf6a; font-size: 25px; line-height: 33px; font-weight: 900; margin-top: 20px;} #page_wrap {margin: 50px 0; text-align: center;} #page_wrap > a {display: inline-block; vertical-align: middle; width: 45px; height: 45px; } #page_wrap > a.start {background: url("/images/p_first.png") center no-repeat;} #page_wrap > a.prev {background: url("/images/p_prev.png") center no-repeat;} #page_wrap > a.next {background: url("/images/p_next.png") center no-repeat;} #page_wrap > a.last {background: url("/images/p_last.png") center no-repeat;} #page_wrap > ul {display: inline-block; vertical-align: middle;} #page_wrap > ul li {display: inline-block; vertical-align: middle; width: 45px; height: 45px;} #page_wrap > ul li a {display: inline-block; vertical-align: middle; width: 45px; height: 45px; color: #000; font-size: 20px; margin: 0 8px; font-weight: 500; line-height: 45px;} #page_wrap > ul li a.active {background: #000; color: #fff; border-radius: 50%;} /* 서치 페이지 */ #ssch.ssch_wrap {margin: 0;} #ssch_frm.ssch_form {margin: 0 auto; border: 0; } #ssch_frm.ssch_form .ssch_scharea {position: relative; width: 1025px; padding: 0; margin: 0 auto; box-shadow: none; border-bottom: 0;} #ssch_frm.ssch_form .ssch_scharea .ssch_input {width: 100%; height: 75px; border: 1px solid #444; border-radius: 50px; color: #9c9c9c; font-size: 22px; font-weight: 300; padding: 0; padding-left: 40px; padding-right: 70px;} #ssch_frm.ssch_form .ssch_scharea .btn_submit {position: absolute; top: 50%; transform: translateY(-50%); right: 30px; width: 27px; height: 27px; background: url("/images/search_ic2.png") center no-repeat; background-size: 100%; cursor: pointer; z-index: 30; display: block; padding: 0; margin: 0; border: 0; font-size: 0;} #ssch h2.ssch_title {margin: 30px 0 0; line-height: normal; color: #000; font-size: 25px; } #ssch h2.ssch_title strong {color: #be8222;} #ssch h2.ssch_title .ser_count {font-weight: 700;} #ssch_frm.ssch_form .ssch_option {background: none; margin: 30px 0 0; border-bottom: 0; padding: 25px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; color: #6e6e6e; font-size: 20px;} #ssch_frm.ssch_form .ssch_option input[type="checkbox"] + label {display: inline-block; color: #6e6e6e; font-size: 20px; line-height: normal; padding-left: 30px; border: 0; margin-top: 0; margin-right: 40px;} #ssch_frm.ssch_form .ssch_option input[type="checkbox"] + label span {width: 20px; height: 20px; border: 1px solid #ccc; margin-top: -10px;} #ssch_frm.ssch_form .ssch_option input[type="checkbox"]:checked + label span {background: none; border-color: #000;} #ssch_frm.ssch_form .chk_box input[type="checkbox"]:checked + label span:before {background: url("/images/form_check.png") center no-repeat; background-size: 12px;} #ssch_frm.ssch_form .ssch_option span {line-height: normal; margin: 0;} #ssch_frm.ssch_form .ssch_option .ssch_input {height: 40px; border: 1px solid #ccc; border-radius: 0;} #ssch_frm.ssch_form .ssch_scharea {border-bottom: 0; padding: 0;} #ssch_cate.ssch_cate {margin: -10px; border-bottom: 0; padding: 50px;} #ssch_cate.ssch_cate li {width: 16.66%; height: 70px; border: 0; padding: 10px;} #ssch_cate.ssch_cate li a {display: block; text-align: center; color: #000; font-size: 20px; border: 0; line-height: 68px; box-shadow: 0 0 10px rgba(0,0,0,0.15); border-radius: 50px;} #ssch_cate.ssch_cate li:hover a {background: #dca758; color: #fff;} #ssch_cate.ssch_cate li:nth-child(2n) a {margin-left: 0;} .ssch_sort_box {display: table; width: 100%; margin-bottom: 20px;} .ssch_sort_box_lt {display: table-cell; vertical-align: middle; width: 30%; text-align: left;} .ssch_sort_box_lt h4 {color: #787878; font-size: 16px; font-weight: 300;} .ssch_sort_box_lt h4 strong {color: #000; font-weight: 800;} .ssch_sort_box_rt {position: relative; display: table-cell; vertical-align: middle; width: 70%;} .ssch_sort_box_rt:after {content: ""; display: block; clear: both;} #ssch_sort_all.ssch_sort_all {float: right; margin: 0 -10px;} #ssch_sort_all.ssch_sort_all li {margin: 0; padding: 0 10px ; border: 0; line-height: normal; height: auto;} #ssch_sort_all.ssch_sort_all li a {position: relative; padding: 0; border: 0; color: #787878; font-size: 15px; font-weight: 300;} #ssch_sort_all.ssch_sort_all li:nth-child(n+2) a:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -10px; width: 1px; height: 10px; background: #787878;} #ssch_sort_all.ssch_sort_all li:hover a {color: #000; background: none; font-weight: 700;} #ssch_sort_all.ssch_sort_all li:hover:after {display: none;} /* 최근 본 게시물 */ #stv_ul.stv_ul {position: relative; margin: -10px;} #stv_ul.stv_ul:after {content: ""; display: block; clear: both;} #stv .stv_item.sstv_item {float: left; width: 25%; border-bottom: 0; padding: 10px;} #stv .stv_item.sstv_item .prd_img {width: 100%; float: none; height: 300px;} #stv .stv_item.sstv_item .prd_img a {position: relative; display: block; height: 300px;} #stv .stv_item.sstv_item .prd_img a img {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); max-width: 100%; max-height: 100%; width: 100%; height: 100%;} #stv .stv_item.sstv_item .prd_cnt {width: 100%; float: none;} /* 관심상품 */ .empty_table.empty_txt {width: 100%; text-align: center;} .empty_table.empty_txt .no_wish_img {display: inline-block; width: 91px; height: 86px; background: url("/images/no_wish_img.png") center no-repeat; background-size: 100%;} .empty_table.empty_txt p{color: #868787; font-size: 25px; width: 100%; margin-top: 10px;} .list_02.wwish_wrap {position: relative;} .list_02.wwish_wrap ul {position: relative; margin: -20px;} .list_02.wwish_wrap ul:after {content: ""; display: block; clear: both;} .list_02.wwish_wrap ul li {float: left; width: 33.33%; padding: 20px; margin: 0;} .list_02.wwish_wrap li:nth-child(5n+1) {clear: none;} .wwish_inner {position: relative; border-radius: 25px; overflow: hidden; box-shadow: 0 0 15px rgba(0,0,0,0.15);} .sod_ws_tp_wrap {display: table; width: 100%; margin: 30px 0;} .sod_ws_tp_wrap .sod_ws_lt {display: table-cell; vertical-align: middle; text-align: left;} .sod_ws_tp_wrap .sod_ws_lt .all_o_chkk {color: #000; font-size: 24px;} .sod_ws_tp_wrap .sod_ws_lt input#all_o_chk {width: 20px; height: 20px; border-radius: 0; appearance: none; -webkit-border-radius: 0; -webkit-appearance: none; border: 1px solid #000; margin-right: 5px;} .sod_ws_tp_wrap .sod_ws_lt input#all_o_chk:checked {background: url("/images/form_check.png") center no-repeat; background-size: 12px;} .sod_ws_tp_wrap .sod_ws_rt {display: table-cell; vertical-align: middle; text-align: right;} .sod_ws_tp_wrap .sod_ws_rt a.remove_btn {display: inline-block; vertical-align: middle; height: 50px; line-height: 50px; color: #fff; font-weight: 700; font-size: 24px; background: red; padding: 0 50px;} #sod_ws .wwish_wrap li .wish_chk {position: absolute; top: 25px; left: 25px; padding: 0; line-height: normal; z-index: 10;} #sod_ws .wwish_wrap li .wish_chk input.o_chk {width: 20px; height: 20px; border-radius: 0; appearance: none; -webkit-border-radius: 0; -webkit-appearance: none; border: 1px solid #000; margin-right: 5px;} #sod_ws .wwish_wrap li .wish_chk input.o_chk:checked {background: url("/images/form_check.png") center no-repeat; background-size: 12px;} .wwish_inner .img_wrap {position: relative; height: 340px;} .wwish_inner .img_wrap a {display: block; height: 100%;} .wwish_inner .img_wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;} #sod_ws .wwish_wrap li .wish_info {margin: 0; padding: 30px 30px 70px; border-bottom: 0;} #sod_ws .wwish_wrap li .info_link.wwish_title {margin: 0; height: auto; color: #be8222; font-size: 25px; line-height: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: 800;} #sod_ws .wwish_wrap li .info_link.wwish_txt_content {margin: 10px 0 0; height: auto; color: #868787; font-size: 25px; line-height: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: 300;} #sod_ws .wwish_wrap li .info_link.wwish_tag {margin: 20px 0 0; height: auto; color: #dcaf6a; font-size: 25px; line-height: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: 900;} /* 나의 리뷰 */ .m_review_wrap ul {border-top: 2px solid #000;} .m_review_wrap ul li {display: table; width: 100%; padding: 30px; border-bottom: 1px solid #e5e5e5;} .m_review_wrap .m_review_lt {display: table-cell; vertical-align: top; width: 18.571%;} .m_review_wrap .m_review_rt {position: relative; display: table-cell; vertical-align: top; width: 81.42%;} .m_review_date {position: absolute; top: 0; right: 0; color: #a7a8a8; font-size: 18px; font-weight: 300;} .m_review_title {color: #be8222; font-size: 22px; font-weight: 800;} .m_review_content {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #868787; font-size: 20px; line-height: 1.5; font-weight: 300; margin-top: 20px;} .m_review_more {display: inline-block; vertical-align: middle; color: #0c0c0c; height: 40px; line-height: 38px; border-radius: 50px; border: 1px solid #0c0c0c; padding: 0 40px; color: #0c0c0c; font-size: 16px; margin-top: 20px;} /* 프로그램 결제 리스트 */ #sod_frm .od_prd_list.odd_prd_list {margin-bottom: 0; border-top: 2px solid #000;} .tbl_wrap.od_prd_list table {border: 0; border-spacing: 0; } .tbl_head03.odd_prd_list {margin: 0;} .od_prd_list .td_prd .sod_img {position: relative !important;} .tbl_head03.odd_prd_list td {padding: 0;} .tbl_head03.odd_prd_list .td_prd {padding: 0;} /* 회원가입 쪽 */ .dp_regi_form .dk_in.dkk_in_btn_wrap {position: relative; width: 27.5%; padding-right: 85px;} .dkk_in_btn_wrap a.btn_idcheck.idcheck {position: absolute; top: 0; right: 0;} .dp_regi_form .dp_regi_inner.dpp {flex-wrap: wrap;} p.pw_ann_txt {color: #df0000; font-size: 15px; margin: 5px;} .sit_empty {min-height: 330px; font-size: 16px;} /* 커뮤니티 new */ /* 검색어 및 갯수 부분 */ .board_list_tpp {display: flex; align-items: center; justify-content: space-between;} .board_list_tpp .dpp_search_box.dpp_bd_search {background: none;} .board_list_tpp .dpp_select_box select {border: 0; border-bottom: 1px solid #000; font-size: 18px; color: #292929; padding: 0; background: url("/images/sub/sel_ic.png") center right 10px no-repeat; padding: 0; background-size: 11px;} .board_list_tpp .dpp_tbl {padding: 0;} .board_list_relate_wrap {position: relative;} .board_list_relate_wrap .dpp_inputArea input {border: 0; border-bottom: 1px solid #000;} .dpp_tbl .board_list_relate_wrap .dpp_btnArea {width: auto; position: absolute; top: 10px; right: 0; padding-left: 0;} .dpp_tbl .board_list_relate_wrap .dpp_btnArea button {background: none; height: auto;; line-height: normal;} /* 리스트 페이지 */ .board_list_wrap {margin-top: 30px; border-top: 1px solid #000;} .board_list_inner li {border-bottom: 1px solid #d8d8d8;} .board_list_inner li a {display: block; padding: 30px; text-align: left;} .board_list_inner .board_list_title {font-size: 25px; color: #4c3f38; font-weight: 800; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .board_list_inner .board_list_title span {font-size: 20px; color: #000;} .board_list_inner .board_content {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 20px; line-height: 1.4; height: 2.8em; color: #868787; font-weight: 300; margin-top: 10px;} .board_bt {display: flex; align-items: center; margin-top: 20px;} .board_bt span {display: flex; align-items: center; font-size: 16px; color: #929292; font-weight: 300; margin-right: 20px;} .board_bt span.view_txt strong {font-weight: 700; color: #000; margin-left: 5px;} .board_bt span:last-child {margin-right: 0;} .board_bt .time_ic {display: inline-block; vertical-align: middle; width: 19px; height: 19px; background: url("/images/sub/time_ic.png") center no-repeat; background-size: 100%; margin-right: 10px;} .board_bt .view_ic {display: inline-block; vertical-align: middle; width: 24px; height: 15px; background: url("/images/sub/eye_ic.png") center no-repeat; background-size: 100%; margin-right: 10px;} /* 뷰페이지 */ .board_view_wrap {border-top: 1px solid #000; padding: 30px 30px 0;} .board_view_title {font-size: 25px; color: #4c3f38; font-weight: 800; display: flex; align-items: center;} .board_view_md {display: flex; align-item: flex-end; justify-content: space-between; margin-top: 20px;} .board_view_lt {display: flex; align-item: center; justify-content: center;} .board_view_lt span {font-size: 16px; color: #929292; font-weight: 300; margin-right: 20px;} .board_view_md .time_ic {display: inline-block; vertical-align: middle; width: 19px; height: 19px; background: url("/images/sub/time_ic.png") center no-repeat; background-size: 100%; margin-right: 10px;} .board_view_md .view_ic {display: inline-block; vertical-align: middle; width: 24px; height: 15px; background: url("/images/sub/eye_ic.png") center no-repeat; background-size: 100%; margin-right: 10px;} .board_view_md .sns_ic {display: inline-block; vertical-align: middle; width: 18px; height: 19px; background: url("/images/sub/sns_link_ic.png") center no-repeat; background-size: 100%; margin-right: 10px;} .board_view_md .writer_ic {display: inline-block; vertical-align: middle; width: 15px; height: 19px; background: url("/images/sub/writer_ic.png") center no-repeat; background-size: 100%; margin-right: 5px;} .board_view_md span strong {font-weight: 700; color: #000; margin-left: 5px;} .board_view_lt span:last-child {margin-right: 0;} .board_view_rt {display: flex; align-item: center; justify-content: center;} .board_view_rt span {font-size: 16px; color: #929292; font-weight: 300; margin-right: 20px;} .board_view_rt span strong {font-weight: 700; color: #000; margin-left: 5px;} .board_view_rt span strong span {font-weight: 700; color: #000; margin-left: 0;} .board_view_rt span:last-child {margin-right: 0;} .board_view_rt span.sns_share_btn {cursor: pointer;} #bo_v_share {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1600;} .bo_v_share_inner {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); background: #fff; padding: 70px 100px; border-radius: 25px;} .bo_vv_sns {display: flex; align-items: center; justify-content: center; text-align: center;} .bo_vv_sns li {margin: 0 10px;} .bo_vv_sns li span {display: block; color: #000; font-size: 20px; font-weight: 400; margin-top: 10px; } .sns_close_btn {position: absolute; top: 20px; right: 10px; width: 40px; height: 40px; cursor: pointer;} .sns_close_btn:before {content: ""; position: absolute; top: 0; left: 0; transform: rotate(45deg); width: 1px; height: 40px; background: #000;} .sns_close_btn:after {content: ""; position: absolute; top: 0; left: 0; transform: rotate(-45deg); width: 1px; height: 40px; background: #000;} /* 이벤트 게시판 리스트 */ .dpp_bd_wrap.event_wrap {margin-top: 30px;} .dpp_gal_list.event_wrap {border-top: 0; border-bottom: 0; margin: -15px -10px;} .dpp_gal_list.event_wrap .dpp_imgArea.img_wrap {position: relative; border-radius: 25px; overflow: hidden; margin-bottom: 0;} .dpp_gal_list.event_wrap .d_cate_list_wrap {position: absolute; top: 30px; left: 30px; z-index: 15;} .dpp_gal_list.event_wrap .d_cate_list_wrap .cate_list {display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; font-weight: 800; width: 110px; height: 35px; border-radius: 50px; background: #000;} .dpp_gal_list.event_wrap .txt_wrap {margin-top: 30px;} .dpp_gal_list.event_wrap .txt_wrap .cate_list {display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; font-weight: 800; width: 110px; height: 35px; border-radius: 50px; background: #000;} .dpp_gal_list.event_wrap .txt_wrap h2 {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 25px; color: #000; font-weight: 800; margin-top: 15px;} .dpp_gal_list.event_wrap .txt_wrap .text_content {font-size: 20px; line-height: 1.4; color: #868787; font-weight: 300; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} /* 추가 */ #sit_pvi_big.slick-dotted.slick-slider {margin-bottom: 0;} #sit_pvi.img_wrap {border-radius: 0; } #sit_pvi_big.img_thumb {border-radius: 0;} #sit_ov.txt_wrap {margin-left: 20px; width: calc(50% - 20px); border-radius: 25px;} #sit_pvi_thumb.sit_pvi_thumb {margin: 25px auto 0; width: 100%; max-width: 480px; float: none;} #sit_pvi_thumb.sit_pvi_thumb .slick-slide {border-radius: 25px; overflow: hidden; } #sit_pvi_thumb.sit_pvi_thumb img {border: 0;} #sit_pvi_thumb.sit_pvi_thumb img:hover {border: 0;} #sit_pvi_thumb.sit_pvi_thumb .slick-arrow {width: 15px; height: 26px; cursor: pointer; border: 0; outline: 0; } #sit_pvi_thumb.sit_pvi_thumb .slick-arrow.slick-prev {left: -25px; background: url("/images/sub/thumb_prev.png") center no-repeat; background-size: 100%;} #sit_pvi_thumb.sit_pvi_thumb .slick-arrow.slick-next {right: -25px; background: url("/images/sub/thumb_next.png") center no-repeat; background-size: 100%;} @media (max-width: 1500px) { /* 공통 */ .sub_visual { height: 40.00vw; } .sub_visual.login_bg {height: 33.33vw;} #sub_content {padding-top: 9.00vw; margin-bottom: 6.67vw;} .sub_inner {max-width: 93.33vw;} .sub_vis_txt {max-width: 93.33vw;} .sub_vis_txt h2 { font-size: 3.67vw; line-height: 4.33vw; } .sub_vis_txt h2 span { font-size: 5.33vw; line-height: 6.00vw;} .sub_vis_txt p { font-size: 1.60vw; line-height: 2.13vw; margin-top: 1.33vw;} .sub_txt_wrap h2 { font-size: 3.00vw; line-height: 3.67vw; } .sub_txt_wrap p { font-size: 1.47vw; line-height: 2.00vw; margin-top: 0.67vw;} .sub_inner_wrap {margin-top: 4.00vw;} /* 분류별 보기 */ .cate_wrap {width: 93.33vw; margin: 4.00vw auto 0;} .cate_wrap ul li .img_wrap {width: 8.00vw; height: 8.00vw; box-shadow: 0 0 0.67vw rgba(0,0,0,0.25);} .cate_wrap ul li p { font-size: 1.20vw; line-height: 1.73vw; margin-top: 1.00vw; } .cate_wrap ul li:nth-child(1) .img_wrap {background-size: 3.00vw;} .cate_wrap ul li:nth-child(1).active .img_wrap {background-size: 3.00vw;} .cate_wrap ul li.cate_ic1 .img_wrap {background-size: 3.00vw;} .cate_wrap ul li.cate_ic1.active .img_wrap {background-size: 3.00vw;} .cate_wrap ul li.cate_ic2 .img_wrap {background-size: 4.00vw;} .cate_wrap ul li.cate_ic2.active .img_wrap {background-size: 4.00vw;} .cate_wrap ul li.cate_ic3 .img_wrap {background-size: 4.33vw;} .cate_wrap ul li.cate_ic3.active .img_wrap {background-size: 4.33vw;} .cate_wrap ul li.cate_ic4 .img_wrap {background-size: 4.00vw;} .cate_wrap ul li.cate_ic4.active .img_wrap {background-size: 4.00vw;} .cate_wrap ul li.cate_ic5 .img_wrap {background-size: 3.67vw;} .cate_wrap ul li.cate_ic5.active .img_wrap {background-size: 3.67vw;} .cate_wrap ul li.cate_ic6 .img_wrap {background-size: 3.67vw;} .cate_wrap ul li.cate_ic6.active .img_wrap {background-size: 3.67vw;} .cate_wrap ul li.cate_ic7 .img_wrap {background-size: 4.00vw;} .cate_wrap ul li.cate_ic7.active .img_wrap {background-size: 4.00vw;} .cate_wrap ul li.cate_ic8 .img_wrap {background-size: 4.00vw;} .cate_wrap ul li.cate_ic8.active .img_wrap {background-size: 4.00vw;} .cate_wrap ul li.cate_ic9 .img_wrap {background-size: 4.00vw;} .cate_wrap ul li.cate_ic9.active .img_wrap {background-size: 4.00vw;} .sct_10 .sct_img.img_wrap a {border-top-left-radius: 1.67vw; border-top-right-radius: 1.67vw; } .sct_10 .sct_ct_wrap.txt_wrap { padding: 2.67vw 2.33vw 4.67vw; box-shadow: 0 0 0.67vw rgba(0,0,0,0.15); border-bottom-left-radius: 1.67vw; border-bottom-right-radius: 1.67vw; height: 19.00vw;} .sct_10 .sct_txt.txt_wrap a { font-size: 1.67vw; line-height: 2.20vw; } .sct_10 .sct_basic.txt_wrap {font-size: 1.33vw; line-height: 1.87vw; margin-top: 1.00vw;} .sct_10 .sct_txt2.txt_wrap { font-size: 1.67vw; line-height: 2.20vw; margin-top: 1.33vw;} /* 리스트 추가 */ .sct_10 .sct_cost.dd_txt {font-size: 1.33vw; margin-top: 0.67vw;} .sct_10 .sct_cost.ss_cost {font-size: 1.67vw; padding: 0; margin: 1.33vw 0 0; padding: 1.33vw 0 0; display: block;} .sct_10 .sct_dict.ss_dic_cost {font-size: 1.00vw; margin-right: 0.67vw;} /* 오늘의 특가 */ .count_list { top: -3.33vw; right: 1.33vw; width: 6.67vw; height: 6.67vw; font-size: 1.87vw; line-height: 6.67vw; } .count_wrap {margin: 5.00vw 0; } .count_wrap #countdown { padding: 0 0.67vw; font-size: 3.00vw;} .count_wrap #countdown:before {bottom: 0.67vw; height: 0.67vw; } .count_wrap #countdown span {font-size: 2.33vw; } .count_list.view_count {top: auto; bottom: 1.33vw;} /* 상품 상세페이지 */ .shop_detail_txt { margin-top: -4.00vw; margin-bottom: 4.00vw;} .shop_detail_txt h2 { font-size: 2.67vw; line-height: 3.20vw; } .shop_detail_txt p { font-size: 1.47vw; line-height: 2.00vw; margin-top: 0.67vw;} .shop_detail_txt span { font-size: 1.47vw; line-height: 2.00vw; margin-top: 1.33vw; } #sit_ov_wrap.sit_ov_wrap {padding: 5.33vw 0; max-width: 93.33vw;} #sit_ov_wrap.sit_ov_wrap:before {width: 128.00vw; } #sit_pvi.img_wrap {border-radius: 1.67vw; } #sit_pvi_big.img_thumb {border-radius: 1.67vw; border-top-right-radius: 0; border-bottom-right-radius: 0;} #sit_ov.txt_wrap {padding: 4.00vw; box-shadow: 0 0 1.00vw rgba(0,0,0,0.25); border-top-right-radius: 1.67vw; border-bottom-right-radius: 1.67vw; min-height: 44.67vw; height: 44.67vw;} .sit_ov_tbl.sit_detail dl + dl {margin-top: 1.00vw;} .sit_ov_tbl.sit_detail dt {font-size: 1.20vw; line-height: 1.87vw; } .sit_ov_tbl.sit_detail dd {font-size: 1.20vw; line-height: 1.87vw; } .sit_ov_tbl.sit_detail dd.number {font-size: 1.33vw; line-height: 1.87vw;} .sit_ov_tbl dd.price strong { font-size: 1.67vw; } .sit_option.sit_opt {margin-top: 1.00vw;} #sit_ov h3.sit_opt_title {font-size: 1.20vw; line-height: 1.87vw; } .sit_option.sit_opt select {height: 2.67vw; font-size: 1.00vw; padding-left: 1.33vw;} #sit_sel_option.sit_opt_added {margin-top: 1.33vw;} .sit_opt_added #sit_opt_added li {padding: 1.33vw 0; } .sit_opt_added #sit_opt_added li .opt_name { font-size: 1.20vw; line-height: 1.73vw; } .sit_opt_added #sit_opt_added .sit_opt_prc { font-size: 1.33vw; line-height: 1.87vw;} .sit_opt_added #sit_opt_added .sit_opt_del i:before {width: 1.33vw; margin: 0.07vw 0 0 -0.40vw;} .sit_opt_added #sit_opt_added .sit_opt_del i:after {height: 1.33vw; margin: -0.53vw 0 0 0.20vw;} .sit_opt_added #sit_opt_added .num_input {width: 3.33vw;} #sit_tot_price.sit_tot_price {padding: 1.33vw 0; font-size: 1.73vw; } #sit_tot_price.sit_tot_price span { font-size: 0.93vw; line-height: 1.47vw; } #sit_tot_price.sit_tot_price strong { font-size: 1.73vw; line-height: 2.33vw; margin-top: -0.67vw;} #sit_ov_btn.sit_ov_btn button.sit_btn_buy {height: 4.00vw; line-height: 4.00vw; font-size: 1.47vw; width: 24.00vw; border-radius: 3.33vw; } #sit_ov_btn.sit_ov_btn button.sit_btn_cart {height: 4.00vw; line-height: 4.00vw; font-size: 1.47vw; width: 13.00vw; border-radius: 3.33vw; margin-left: 0.67vw;} #sit_ov_btn.sit_ov_btn .sit_btn_wish {width: 4.00vw; height: 4.00vw; margin-left: 0.67vw; line-height: 3.87vw; background-size: 1.67vw;} #sit_ov_btn.sit_ov_btn .sit_btn_wish img {width: 2.00vw; /* width: 1.67vw; */ margin-top: -0.53vw;} #sit_ov_btn.sit_ov_btn .sit_btn_wish.on {background-size: 1.67vw;} #sit_ov_btn.sit_ov_btn .sit_btn_list { width: 4.00vw; height: 4.00vw; margin-left: 0.67vw; line-height: 3.87vw;} #sit_ov_btn.sit_ov_btn .sit_btn_list.link_btn { background-size: 1.67vw;} #sit_ov_btn.sit_ov_btn .sit_btn_list img {width: 1.67vw;} #sit_info.sit_info {margin-top: 6.67vw;} .tab_tit { margin: 0 -0.33vw;} .tab_tit li {padding: 0 0.33vw;} .tab_tit.ttab_tit li {height: 4.67vw;} .tab_tit li a {font-size: 1.60vw; border-radius: 1.67vw; } #sit_info.sit_info #map {height: 37.33vw; margin-bottom: 10.00vw;} #sit_use_list.sit_use_list {margin-top: 3.33vw;} #sit_use_list.sit_use_list .total { font-size: 1.07vw; line-height: 1.73vw; } #sit_use_list.sit_use_list .total strong {font-size: 1.20vw; line-height: 1.73vw; } #sit_use_ol.sit_use_ol {padding: 3.33vw 0 1.33vw; margin-top: 1.33vw; } .sit_use_li.ssit_use_li {margin-bottom: 3.33vw;} .sit_use_tp_txt h4 {font-size: 1.33vw; line-height: 2.00vw; } .sit_use_tp_txt h4 span {margin-left: 0.67vw; margin-top: -0.67vw;} .sit_use_tp_txt h4 span img {width: 8.47vw;} .sit_use_tp_txt h5 { font-size: 1.07vw; line-height: 1.53vw; } .sit_use_li.ssit_use_li .sit_use_txt_content {padding: 2.00vw 2.67vw; box-shadow: 0 0 0.80vw rgba(0,0,0,0.25); margin-top: 1.33vw; border-radius: 1.67vw; font-size: 1.20vw; } #item_use_wrap {margin-top: 1.33vw; } #item_use_wrap ul li + li {margin-left: 0.67vw;} #item_use_wrap ul li { height: 4.00vw; line-height: 4.00vw;} #item_use_wrap ul li a {padding: 0 3.33vw; border-radius: 1.00vw; font-size: 1.33vw; } /* 달력 및 예약 추가 */ .cal_choose_btn_wrap {margin: 1.33vw 0;} .cal_choose_btn { height: 3.67vw; line-height: 3.67vw; border-radius: 3.33vw; padding: 0 3.33vw; font-size: 1.20vw; } .cal_choose_btn .cal_ch_btn { width: 1.00vw; height: 0.80vw; margin-left: 0.67vw;} .cal_result {/* padding: 0 0 1.33vw; margin-bottom: 1.33vw; */} .cal_result dl + dl {margin-top: 0.67vw;} .cal_result_lt {font-size: 1.20vw; } .cal_result_date { font-size: 1.20vw; } .cal_result_time { font-size: 1.20vw; } .cal_wrap {padding: 1.33vw 0; } .cal_title { font-size: 1.20vw; } .cal_title_wrap .cal_arrow { width: 0.60vw; height: 0.87vw; } h4.cc_cal_title { font-size: 1.47vw; margin: 0 1.33vw;} .cal_menu table {margin-top: 1.33vw;} .cal_menu table tr th { font-size: 1.20vw; padding: 0.67vw 0;} .cal_menu table tr td { font-size: 1.20vw; padding: 0.67vw 0; } .cal_wrap2 {padding: 1.33vw 0; margin-bottom: 1.33vw;} .cal_tbl_lt h4 { font-size: 1.20vw; } .cal_tbl_rt span { font-size: 1.00vw;} .cal_tbl_rt span + span {margin-left: 1.33vw;} .cal_tbl_rt span .ch1 { width: 1.67vw; height: 1.00vw; border-radius: 0.33vw; margin-right: 0.33vw;} .cal_tbl_rt span .ch2 { width: 1.67vw; height: 1.00vw; border-radius: 0.33vw; margin-right: 0.33vw;} .cal_tbl_rt span .ch3 { width: 1.67vw; height: 1.00vw; border-radius: 0.33vw; margin-right: 0.33vw;} .cc_cal_menu2 {margin-top: 1.67vw;} .cc_cal_menu2 ul { margin: -0.67vw -0.33vw;} .cc_cal_menu2 ul li {padding: 0.67vw 0.33vw;} .cc_check_inner { border-radius: 0.67vw; height: 2.33vw; line-height: 2.20vw; } .cc_check_inner label { font-size: 1.07vw; } /* 후기 */ .ssit_cate_tp {margin-top: 2.67vw;} .ssit_cate_title { font-size: 1.07vw; } .ssit_cate_title strong { font-size: 1.20vw; } .ssit_cate_title span { font-size: 1.00vw; } .cc_review_wrap {margin-top: 1.33vw;} .cc_review_wrap ul { margin: -0.67vw;} .cc_review_wrap ul li {padding: 0.67vw;} .cc_review_inner { height: 4.00vw; padding-left: 1.33vw; line-height: 4.00vw; border-radius: 1.00vw; font-size: 1.33vw; } .cc_review_inner .c_point { right: 1.33vw; font-size: 1.33vw; } .cc_review_more_wrap { margin: 2.00vw 0 4.00vw;} .cc_review_more_wrap .cc_review_more_btn { font-size: 1.20vw;} .cc_review_more_wrap .cc_review_more_btn .cc_review_btn { width: 1.20vw; height: 0.67vw; margin-right: 0.67vw;} .sit_use_cate_txt {margin-top: 1.33vw;} .sit_use_cate_txt span { font-size: 1.07vw; padding: 0.33vw 0.67vw; border-radius: 0.33vw; } .sit_use_cate_txt span + span {margin-left: 0.67vw;} .oh_price_wrap {margin-bottom: 1.33vw;} .oh_price_wrap dt {font-size: 0.93vw; } .oh_price_wrap dd strong { font-size: 1.73vw; } /* 우리동네 뷰티 */ #sub_map {height: 62.67vw;} #sub_map .root_daum_roughmap .wrap_map {height: 62.67vw !important;} .submap_fx {padding: 0 0.67vw; height: 2.67vw; border: 0.13vw solid #d79a38; border-radius: 0.67vw; line-height: 2.40vw;} .submap_fx p {font-size: 1.07vw; } .submap_fx p .submap_ic3 {width: 1.60vw; height: 1.60vw; margin-top: -0.13vw; margin-right: 0.67vw;} .submap_fx:after {bottom: -0.67vw; width: 0.93vw; height: 0.67vw;} .submap_fixed {right: 3.33vw; max-width: 30.67vw;} .submap_fixed .submap_tp {height: 5.33vw; border-radius: 1.67vw; box-shadow: 0 0.13vw 0.40vw rgb(0 0 0 / 20%); } .submap_fixed .submap_tp span {left: 1.33vw; font-size: 1.67vw;} .submap_fixed .submap_tp span .submap_ic {width: 1.00vw; height: 1.27vw; margin-right: 0.33vw; margin-top: -0.33vw;} .submap_menu {padding: 2.67vw 1.33vw; margin-top: 1.00vw; box-shadow: 0 0.13vw 0.40vw rgb(0 0 0 / 20%); border-radius: 1.67vw;} .submap_menu h3 {font-size: 1.20vw; line-height: 1.73vw;} .submap_tbl {height: 37.33vw; padding-bottom: 1.33vw; padding-left: 0.33vw; padding-right: 0.33vw;} .submap_tbl li {margin-top: 1.33vw; border-radius: 1.67vw; box-shadow: 0 0.13vw 0.40vw rgb(0 0 0 / 20%); } .submap_tbl li .img_wrap {width: 12.67vw; height: 12.00vw; border-radius: 1.67vw; } .submap_tbl li .txt_wrap {width: calc(100% - 12.67vw); padding: 0 1.33vw; } .submap_tbl li .txt_wrap .map_tp span.d_map_txt1 {font-size: 1.20vw; line-height: 1.73vw; } .submap_tbl li .txt_wrap .map_tp .map_ic1 {width: 2.00vw; height: 2.00vw; margin-right: 0.33vw; margin-top: -0.13vw;} .submap_tbl li .txt_wrap .map_tp span.d_map_txt2 {font-size: 1.07vw; line-height: 1.53vw; margin-left: 1.33vw;} .submap_tbl li .txt_wrap .map_tp .map_ic2 {width: 0.87vw; height: 1.20vw; margin-right: 0.33vw; margin-top: -0.13vw;} .submap_tbl li .txt_wrap h4 {font-size: 1.20vw; line-height: 1.87vw;} .submap_tbl li .txt_wrap .map_content {font-size: 1.07vw; line-height: 1.53vw; margin-top: 0.33vw; } .submap_tbl li .txt_wrap span.map_txt2 {font-size: 1.00vw; line-height: 1.53vw; margin-top: 0.33vw;} /* 오하뷰 */ #today_wrap {margin-top: 3.33vw} #today_wrap .today_pd_wrap { margin: -1.33vw;} #today_wrap .today_pd_wrap li {padding: 1.33vw;} #today_wrap .today_pd_wrap li .img_wrap {border-top-left-radius: 1.67vw; border-top-right-radius: 1.67vw;} #today_wrap .today_pd_wrap li .txt_wrap {border-bottom-left-radius: 1.67vw; border-bottom-right-radius: 1.67vw; padding: 2.67vw 2.33vw 4.67vw; box-shadow: 0 0 0.67vw rgba(0,0,0,0.15);} #today_wrap .today_pd_wrap li .txt_wrap h3 { font-size: 1.67vw; line-height: 2.20vw; } #today_wrap .today_pd_wrap li .txt_wrap .txt_content { font-size: 1.33vw; line-height: 1.87vw; margin-top: 1.00vw;} #today_wrap .today_pd_wrap li .txt_wrap span { font-size: 1.67vw; line-height: 2.20vw; margin-top: 1.33vw;} #page_wrap {margin: 3.33vw 0; } #page_wrap > a { width: 3.00vw; height: 3.00vw; } #page_wrap > ul li {width: 3.00vw; height: 3.00vw;} #page_wrap > ul li a {width: 3.00vw; height: 3.00vw; font-size: 1.33vw; margin: 0 0.53vw; line-height: 3.00vw;} /* 관심상품 */ .empty_table.empty_txt .no_wish_img { width: 6.07vw; height: 5.73vw; } .empty_table.empty_txt p{ font-size: 1.67vw; margin-top: 0.67vw;} .list_02.wwish_wrap ul { margin: -1.33vw;} .list_02.wwish_wrap ul li { width: 33.33%; padding: 1.33vw;} .wwish_inner { border-radius: 1.67vw; box-shadow: 0 0 1.00vw rgba(0,0,0,0.15);} .sod_ws_tp_wrap {margin: 2.00vw 0;} .sod_ws_tp_wrap .sod_ws_lt .all_o_chkk { font-size: 1.60vw;} .sod_ws_tp_wrap .sod_ws_lt input#all_o_chk {width: 1.33vw; height: 1.33vw; margin-right: 0.33vw;} .sod_ws_tp_wrap .sod_ws_lt input#all_o_chk:checked {background-size: 0.80vw;} .sod_ws_tp_wrap .sod_ws_rt a.remove_btn {height: 3.33vw; line-height: 3.33vw; font-size: 1.60vw; padding: 0 3.33vw;} #sod_ws .wwish_wrap li .wish_chk { top: 1.67vw; left: 1.67vw; } #sod_ws .wwish_wrap li .wish_chk input.o_chk {width: 1.33vw; height: 1.33vw; margin-right: 0.33vw;} #sod_ws .wwish_wrap li .wish_chk input.o_chk:checked {background-size: 0.80vw;} .wwish_inner .img_wrap { height: 22.67vw;} #sod_ws .wwish_wrap li .wish_info {padding: 2.00vw 2.00vw 4.67vw;} #sod_ws .wwish_wrap li .info_link.wwish_title {font-size: 1.67vw; } #sod_ws .wwish_wrap li .info_link.wwish_txt_content {margin: 0.67vw 0 0; font-size: 1.67vw; } #sod_ws .wwish_wrap li .info_link.wwish_tag {margin: 1.33vw 0 0; font-size: 1.67vw;} /* 서치 페이지 */ #ssch_frm.ssch_form .ssch_scharea { width: 68.33vw; } #ssch_frm.ssch_form .ssch_scharea .ssch_input {height: 5.00vw; border-radius: 3.33vw; font-size: 1.47vw; padding-left: 2.67vw; padding-right: 4.67vw;} #ssch_frm.ssch_form .ssch_scharea .btn_submit {right: 2.00vw; width: 1.80vw; height: 1.80vw; } #ssch h2.ssch_title {margin: 2.00vw 0 0; font-size: 1.67vw; } #ssch_frm.ssch_form .ssch_option {margin: 2.00vw 0 0; padding: 1.67vw 0; font-size: 1.33vw;} #ssch_frm.ssch_form .ssch_option input[type="checkbox"] + label { font-size: 1.33vw; padding-left: 2.00vw; margin-right: 2.67vw;} #ssch_frm.ssch_form .ssch_option input[type="checkbox"] + label span {width: 1.33vw; height: 1.33vw; margin-top: -0.67vw;} #ssch_frm.ssch_form .chk_box input[type="checkbox"]:checked + label span:before {background-size: 0.80vw;} #ssch_frm.ssch_form .ssch_option .ssch_input {height: 2.67vw;} #ssch_cate.ssch_cate {margin: -0.67vw; padding: 3.33vw;} #ssch_cate.ssch_cate li {width: 16.66%; height: 4.67vw; padding: 0.67vw;} #ssch_cate.ssch_cate li a { font-size: 1.33vw; line-height: 4.53vw; box-shadow: 0 0 0.67vw rgba(0,0,0,0.15); border-radius: 3.33vw;} .ssch_sort_box { margin-bottom: 1.33vw;} .ssch_sort_box_lt h4 { font-size: 1.07vw; } #ssch_sort_all.ssch_sort_all { margin: 0 -0.67vw;} #ssch_sort_all.ssch_sort_all li {padding: 0 0.67vw ; } #ssch_sort_all.ssch_sort_all li a {font-size: 1.00vw; } #ssch_sort_all.ssch_sort_all li:nth-child(n+2) a:before {left: -0.67vw; height: 0.67vw; } /* 리스트 페이지 */ .board_list_wrap {margin-top: 2.00vw;} .board_list_inner li a { padding: 2.00vw; } .board_list_inner .board_list_title {font-size: 1.67vw;} .board_list_inner .board_list_title span {font-size: 1.33vw; } .board_list_inner .board_content {font-size: 1.33vw; margin-top: 0.67vw;} .board_bt {margin-top: 1.33vw;} .board_bt span {font-size: 1.07vw; margin-right: 1.33vw;} .board_bt span.view_txt strong {margin-left: 0.33vw;} .board_bt .time_ic { width: 1.27vw; height: 1.27vw; margin-right: 0.67vw;} .board_bt .view_ic { width: 1.60vw; height: 1.00vw; margin-right: 0.67vw;} /* 뷰페이지 */ .board_view_wrap {padding: 2.00vw 2.00vw 0;} .board_view_title {font-size: 1.67vw;} .board_view_md {margin-top: 1.33vw;} .board_view_lt span {font-size: 1.07vw; margin-right: 1.33vw;} .board_view_md .time_ic { width: 1.27vw; height: 1.27vw; margin-right: 0.67vw;} .board_view_md .view_ic { width: 1.60vw; height: 1.00vw; margin-right: 0.67vw;} .board_view_md .sns_ic { width: 1.20vw; height: 1.27vw; margin-right: 0.67vw;} .board_view_md .writer_ic { width: 1.00vw; height: 1.27vw; margin-right: 0.33vw;} .board_view_md span strong { margin-left: 0.33vw;} .board_view_rt span {font-size: 1.07vw; margin-right: 1.33vw;} .board_view_rt span strong { margin-left: 0.33vw;} /* 이벤트 게시판 리스트 */ .dpp_bd_wrap.event_wrap {margin-top: 2.00vw;} .dpp_gal_list.event_wrap {margin: -1.00vw -0.67vw;} .dpp_gal_list.event_wrap .dpp_imgArea.img_wrap {border-radius: 1.67vw;} .dpp_gal_list.event_wrap .d_cate_list_wrap { top: 2.00vw; left: 2.00vw; } .dpp_gal_list.event_wrap .d_cate_list_wrap .cate_list {font-size: 1.20vw; width: 7.33vw; height: 2.33vw; border-radius: 3.33vw} .dpp_gal_list.event_wrap .txt_wrap {margin-top: 2.00vw;} .dpp_gal_list.event_wrap .txt_wrap .cate_list {font-size: 1.20vw; width: 7.33vw; height: 2.33vw; border-radius: 3.33vw;} .dpp_gal_list.event_wrap .txt_wrap h2 {font-size: 1.67vw; margin-top: 1.00vw;} .dpp_gal_list.event_wrap .txt_wrap .text_content {font-size: 1.33vw; } /* 추가 */ #sit_pvi.img_wrap {border-radius: 0;} #sit_pvi_big.img_thumb {border-radius: 0;} #sit_ov.txt_wrap {margin-left: 1.33vw; width: calc(50% - 1.33vw); border-radius: 1.67vw;} #sit_pvi_thumb.sit_pvi_thumb {margin: 1.67vw auto 0; width: 100%; max-width: 34.00vw; } #sit_pvi_thumb.sit_pvi_thumb .slick-slide {border-radius: 1.67vw; margin: 0 0.33vw} #sit_pvi_thumb.sit_pvi_thumb img {border: 0;} #sit_pvi_thumb.sit_pvi_thumb img:hover {border: 0;} #sit_pvi_thumb.sit_pvi_thumb .slick-arrow {width: 1.00vw; height: 1.73vw; } #sit_pvi_thumb.sit_pvi_thumb .slick-arrow.slick-prev {left: -1.67vw;} #sit_pvi_thumb.sit_pvi_thumb .slick-arrow.slick-next {right: -1.67vw;} } @media screen and (max-width: 1280px) { /* 리스트 페이지 */ .board_list_wrap {margin-top: 2.34vw;} .dpp_tbl .board_list_relate_wrap .dpp_btnArea {top: 0.78vw;} .board_list_inner li a { padding: 2.34vw; } .board_list_inner .board_list_title {font-size: 1.95vw;} .board_list_inner .board_list_title span {font-size: 1.56vw; } .board_list_inner .board_content {font-size: 1.56vw; margin-top: 0.78vw;} .board_bt {margin-top: 1.56vw;} .board_bt span {font-size: 1.25vw; margin-right: 1.56vw;} .board_bt span.view_txt strong {margin-left: 0.39vw;} .board_bt .time_ic { width: 1.48vw; height: 1.48vw; margin-right: 0.78vw;} .board_bt .view_ic { width: 1.88vw; height: 1.17vw; margin-right: 0.78vw;} /* 뷰페이지 */ .board_view_wrap {padding: 2.34vw 2.34vw 0;} .board_view_title {font-size: 1.95vw;} .board_view_md {margin-top: 1.56vw;} .board_view_lt span {font-size: 1.25vw; margin-right: 1.56vw;} .board_view_md .time_ic { width: 1.48vw; height: 1.48vw; margin-right: 0.78vw;} .board_view_md .view_ic { width: 1.88vw; height: 1.17vw; margin-right: 0.78vw;} .board_view_md .sns_ic { width: 1.41vw; height: 1.48vw; margin-right: 0.78vw;} .board_view_md .writer_ic { width: 1.17vw; height: 1.48vw; margin-right: 0.39vw;} .board_view_md span strong { margin-left: 0.39vw;} .board_view_rt span {font-size: 1.25vw; margin-right: 1.56vw;} .board_view_rt span strong { margin-left: 0.39vw;} /* 이벤트 게시판 리스트 */ .dpp_bd_wrap.event_wrap {margin-top: 2.34vw;} .dpp_gal_list.event_wrap {margin: -1.17vw -0.78vw;} .dpp_gal_list.event_wrap .dpp_imgArea.img_wrap {border-radius: 1.95vw;} .dpp_gal_list.event_wrap .d_cate_list_wrap { top: 2.34vw; left: 2.34vw; } .dpp_gal_list.event_wrap .d_cate_list_wrap .cate_list {font-size: 1.41vw; width: 8.59vw; height: 2.73vw; border-radius: 3.91vw;} .dpp_gal_list.event_wrap .txt_wrap {margin-top: 2.34vw;} .dpp_gal_list.event_wrap .txt_wrap .cate_list {font-size: 1.41vw; width: 8.59vw; height: 2.73vw; border-radius: 3.91vw;} .dpp_gal_list.event_wrap .txt_wrap h2 {font-size: 1.95vw; margin-top: 1.17vw;} .dpp_gal_list.event_wrap .txt_wrap .text_content {font-size: 1.56vw; } } @media (max-width: 1259px) and (min-width: 748px) { .sit_fixed.ssit_fix {position: relative; z-index: 10; bottom: auto; left: auto; padding: 0; border-top: 0;} .sit_fixed.ssit_fix .sit_buy button {display: none;} .sit_fixed.ssit_fix .sit_open {position: relative; transform: translateY(0); padding: 0; width: auto; } } @media (max-width: 1259px) { /* 상품 상세페이지 */ .shop_detail_txt { margin-top: -4.77vw; margin-bottom: 4.77vw;} .shop_detail_txt h2 { font-size: 3.18vw; line-height: 3.81vw; } .shop_detail_txt p { font-size: 1.75vw; line-height: 2.38vw; margin-top: 0.79vw;} .shop_detail_txt span { font-size: 1.75vw; line-height: 2.38vw; margin-top: 1.59vw; } #sit_ov_wrap.sit_ov_wrap {padding: 6.35vw 0; max-width: 100%;} #sit_ov_wrap.sit_ov_wrap:before {width: 103.26vw; } #sit_pvi.img_wrap {border-radius: 1.99vw; } #sit_pvi.img_wrap {float: none; display: block; width: 100%; padding: 0; } #sit_pvi_big.img_thumb {width: 100%; border-top-right-radius: 1.67vw; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} #sit_pvi_big.img_thumb img {width: 100%;} #sit_ov.txt_wrap {float: none; display: block; width: 100%; min-height: auto; height: auto; border-top-right-radius: 0; border-bottom-right-radius: 1.99vw; border-bottom-left-radius: 1.99vw;} .sit_ov_tbl.sit_detail dl + dl {margin-top: 1.19vw;} .sit_ov_tbl.sit_detail dt {font-size: 1.43vw; line-height: 2.22vw; } .sit_ov_tbl.sit_detail dd {font-size: 1.43vw; line-height: 2.22vw; } .sit_ov_tbl.sit_detail dd.number {font-size: 1.59vw; line-height: 2.22vw;} .sit_ov_tbl dd.price strong { font-size: 1.99vw; } .sit_option.sit_opt {margin-top: 1.19vw;} #sit_ov h3.sit_opt_title {font-size: 1.43vw; line-height: 2.22vw; } .sit_option.sit_opt select {height: 3.18vw; font-size: 1.19vw; padding-left: 1.59vw;} #sit_sel_option.sit_opt_added {margin-top: 1.59vw;} .sit_opt_added #sit_opt_added li {padding: 1.59vw 0; } .sit_opt_added #sit_opt_added li .opt_name { font-size: 1.43vw; line-height: 2.07vw; } .sit_opt_added #sit_opt_added .sit_opt_prc { font-size: 1.59vw; line-height: 2.22vw;} .sit_opt_added #sit_opt_added .sit_opt_del i:before {width: 1.59vw; margin: 0.08vw 0 0 -0.48vw;} .sit_opt_added #sit_opt_added .sit_opt_del i:after {height: 1.59vw; margin: -0.64vw 0 0 0.24vw;} .sit_opt_added #sit_opt_added .num_input {width: 3.97vw;} #sit_tot_price.sit_tot_price {padding: 1.59vw 0; font-size: 2.07vw; } #sit_tot_price.sit_tot_price span { font-size: 1.11vw; line-height: 1.75vw; } #sit_tot_price.sit_tot_price strong { font-size: 2.07vw; line-height: 2.78vw; margin-top: -0.79vw;} #sit_ov_btn.sit_ov_btn {text-align: center;} #sit_ov_btn.sit_ov_btn button.sit_btn_buy {float: none; display: inline-block; vertical-align: middle; height: 4.77vw; line-height: 4.77vw; font-size: 1.75vw; width: 25.42vw; border-radius: 3.97vw; } #sit_ov_btn.sit_ov_btn button.sit_btn_cart {float: none; display: inline-block; vertical-align: middle; height: 4.77vw; line-height: 4.77vw; font-size: 1.75vw; width: 21.45vw; border-radius: 3.97vw; margin-left: 0.79vw;} #sit_ov_btn.sit_ov_btn .sit_btn_wish {float: none; display: inline-block; vertical-align: middle; width: 4.77vw; height: 4.77vw; margin-left: 0.79vw; line-height: 4.61vw; background-size: 2.44vw;} #sit_ov_btn.sit_ov_btn .sit_btn_wish.on {background-size: 2.44vw;} #sit_ov_btn.sit_ov_btn .sit_btn_wish img {width: 2.93vw; /* width: 2.44vw; */ margin-top: -0.64vw;} #sit_ov_btn.sit_ov_btn .sit_btn_list {float: none; display: inline-block; vertical-align: middle; width: 4.77vw; height: 4.77vw; margin-left: 0.79vw; line-height: 4.61vw;} #sit_ov_btn.sit_ov_btn .sit_btn_list img {width: 1.99vw;} #sit_ov_btn.sit_ov_btn .sit_btn_list.link_btn { background-size: 2.44vw;} #sit_info.sit_info {margin-top: 7.94vw;} .tab_tit { margin: 0 -0.40vw;} .tab_tit li {padding: 0 0.40vw; } .tab_tit.ttab_tit li {height: 6.84vw;} .tab_tit li a {font-size: 1.91vw; border-radius: 1.99vw; } #sit_info.sit_info #map {height: 44.48vw; margin-bottom: 11.91vw;} #sit_use_list.sit_use_list {margin-top: 3.97vw;} #sit_use_list.sit_use_list .total { font-size: 1.27vw; line-height: 2.07vw; } #sit_use_list.sit_use_list .total strong {font-size: 1.43vw; line-height: 2.07vw; } #sit_use_ol.sit_use_ol {padding: 3.97vw 0 1.59vw; margin-top: 1.59vw; } .sit_use_li.ssit_use_li {margin-bottom: 3.97vw;} .sit_use_tp_txt h4 {font-size: 1.59vw; line-height: 2.38vw; } .sit_use_tp_txt h4 span {margin-left: 0.79vw; margin-top: -0.79vw;} .sit_use_tp_txt h4 span img {width: 10.09vw;} .sit_use_tp_txt h5 { font-size: 1.27vw; line-height: 1.83vw; } .sit_use_li.ssit_use_li .sit_use_txt_content {padding: 2.38vw 3.18vw; box-shadow: 0 0 0.95vw rgba(0,0,0,0.25); margin-top: 1.59vw; border-radius: 1.99vw; font-size: 1.43vw; } #item_use_wrap {margin-top: 1.59vw; } #item_use_wrap ul li + li {margin-left: 0.79vw;} #item_use_wrap ul li { height: 4.77vw; line-height: 4.77vw;} #item_use_wrap ul li a {padding: 0 3.97vw; border-radius: 1.19vw; font-size: 1.59vw; } /* 달력 및 예약 추가 */ .cal_choose_btn_wrap {margin: 1.59vw 0;} .cal_choose_btn { height: 4.37vw; line-height: 4.37vw; border-radius: 3.97vw; padding: 0 3.97vw; font-size: 1.43vw; } .cal_choose_btn .cal_ch_btn { width: 1.19vw; height: 0.95vw; margin-left: 0.79vw;} .cal_result {/* padding: 0 0 1.59vw; margin-bottom: 1.59vw; */} .cal_result dl + dl {margin-top: 0.79vw;} .cal_result_lt {font-size: 1.43vw; } .cal_result_date { font-size: 1.43vw; } .cal_result_time { font-size: 1.43vw; } .cal_wrap {padding: 1.59vw 0; } .cal_title { font-size: 1.43vw; } .cal_title_wrap .cal_arrow { width: 0.71vw; height: 1.03vw; } h4.cc_cal_title { font-size: 1.75vw; margin: 0 1.59vw;} .cal_menu table {margin-top: 1.59vw;} .cal_menu table tr th { font-size: 1.43vw; padding: 0.79vw 0;} .cal_menu table tr td { font-size: 1.43vw; padding: 0.79vw 0; } .cal_wrap2 {padding: 1.59vw 0; margin-bottom: 1.59vw;} .cal_tbl_lt h4 { font-size: 1.43vw; } .cal_tbl_rt span { font-size: 1.19vw;} .cal_tbl_rt span + span {margin-left: 1.59vw;} .cal_tbl_rt span .ch1 { width: 1.99vw; height: 1.19vw; border-radius: 0.40vw; margin-right: 0.40vw;} .cal_tbl_rt span .ch2 { width: 1.99vw; height: 1.19vw; border-radius: 0.40vw; margin-right: 0.40vw;} .cal_tbl_rt span .ch3 { width: 1.99vw; height: 1.19vw; border-radius: 0.40vw; margin-right: 0.40vw;} .cc_cal_menu2 {margin-top: 1.99vw;} .cc_cal_menu2 ul { margin: -0.79vw -0.40vw;} .cc_cal_menu2 ul li {padding: 0.79vw 0.40vw;} .cc_check_inner { border-radius: 0.79vw; height: 2.78vw; line-height: 2.62vw; } .cc_check_inner label { font-size: 1.27vw; } /* 후기 */ .ssit_cate_tp {margin-top: 3.18vw;} .ssit_cate_title { font-size: 1.27vw; } .ssit_cate_title strong { font-size: 1.43vw; } .ssit_cate_title span { font-size: 1.19vw; } .cc_review_wrap {margin-top: 1.59vw;} .cc_review_wrap ul { margin: -0.79vw;} .cc_review_wrap ul li {padding: 0.79vw;} .cc_review_inner { height: 4.77vw; padding-left: 1.59vw; line-height: 4.77vw; border-radius: 1.19vw; font-size: 1.59vw; } .cc_review_inner .c_point { right: 1.59vw; font-size: 1.59vw; } .cc_review_more_wrap { margin: 2.38vw 0 4.77vw;} .cc_review_more_wrap .cc_review_more_btn { font-size: 1.43vw;} .cc_review_more_wrap .cc_review_more_btn .cc_review_btn { width: 1.43vw; height: 0.79vw; margin-right: 0.79vw;} .sit_use_cate_txt {margin-top: 1.59vw;} .sit_use_cate_txt span { font-size: 1.27vw; padding: 0.40vw 0.79vw; border-radius: 0.40vw; } .sit_use_cate_txt span + span {margin-left: 0.79vw;} .oh_price_wrap {margin-bottom: 1.59vw;} .oh_price_wrap dt {font-size: 1.11vw; } .oh_price_wrap dd strong { font-size: 2.07vw; } .count_list.view_count {top: auto; bottom: 1.59vw;} /* 추가 */ #sit_pvi.img_wrap {border-radius: 0;} #sit_pvi_big.img_thumb {border-radius: 0;} #sit_ov.txt_wrap {margin-left: 0; width: 100%; border-radius: 1.99vw;} #sit_pvi_thumb.sit_pvi_thumb {margin: 1.99vw auto; width: 100%; max-width: 41.30vw; } #sit_pvi_thumb.sit_pvi_thumb .slick-slide {border-radius: 1.99vw; margin: 0 0.40vw} #sit_pvi_thumb.sit_pvi_thumb img {border: 0; width: 100%; height: auto;} #sit_pvi_thumb.sit_pvi_thumb img:hover {border: 0;} #sit_pvi_thumb.sit_pvi_thumb .slick-arrow {width: 1.19vw; height: 2.07vw; } #sit_pvi_thumb.sit_pvi_thumb .slick-arrow.slick-prev {left: -1.99vw;} #sit_pvi_thumb.sit_pvi_thumb .slick-arrow.slick-next {right: -1.99vw;} } @media screen and (max-width: 1050px) { /* 리스트 페이지 */ .board_list_wrap {margin-top: 2.86vw;} .board_list_inner li a { padding: 2.86vw; } .dpp_tbl .board_list_relate_wrap .dpp_btnArea {top: 0.95vw;} .board_list_inner .board_list_title {font-size: 2.38vw;} .board_list_inner .board_list_title span {font-size: 1.90vw; } .board_list_inner .board_content {font-size: 1.90vw; margin-top: 0.95vw;} .board_bt {margin-top: 1.90vw;} .board_bt span {font-size: 1.52vw; margin-right: 1.90vw;} .board_bt span.view_txt strong {margin-left: 0.48vw;} .board_bt .time_ic { width: 1.81vw; height: 1.81vw; margin-right: 0.95vw;} .board_bt .view_ic { width: 2.29vw; height: 1.43vw; margin-right: 0.95vw;} /* 뷰페이지 */ .board_view_wrap {padding: 2.86vw 2.86vw 0;} .board_view_title {font-size: 2.38vw;} .board_view_title .dpp_v_cate {margin-bottom: 0; margin-right: 10px;} .board_view_md {margin-top: 1.90vw;} .board_view_lt span {font-size: 1.52vw; margin-right: 1.90vw;} .board_view_md .time_ic { width: 1.81vw; height: 1.81vw; margin-right: 0.95vw;} .board_view_md .view_ic { width: 2.29vw; height: 1.43vw; margin-right: 0.95vw;} .board_view_md .sns_ic { width: 1.71vw; height: 1.81vw; margin-right: 0.95vw;} .board_view_md .writer_ic { width: 1.43vw; height: 1.81vw; margin-right: 0.48vw;} .board_view_md span strong { margin-left: 0.48vw;} .board_view_rt span {font-size: 1.52vw; margin-right: 1.90vw;} .board_view_rt span strong { margin-left: 0.48vw;} .bo_v_share_inner {padding: 6.67vw 9.52vw; border-radius: 2.38vw;} .bo_vv_sns li {margin: 0 0.95vw;} .bo_vv_sns li img {width: 5.71vw;} .bo_vv_sns li span { font-size: 1.90vw; margin-top: 0.95vw; } .sns_close_btn { top: 1.90vw; right: 0.95vw; width: 3.81vw; height: 3.81vw; } .sns_close_btn:before {width: 0.10vw; height: 3.81vw;} .sns_close_btn:after {width: 0.10vw; height: 3.81vw;} /* 이벤트 게시판 리스트 */ .dpp_bd_wrap.event_wrap {margin-top: 2.86vw;} .dpp_gal_list.event_wrap {margin: -1.43vw -0.95vw;} .dpp_gal_list.event_wrap .dpp_imgArea.img_wrap {border-radius: 2.38vw;} .dpp_gal_list.event_wrap .d_cate_list_wrap { top: 2.86vw; left: 2.86vw; } .dpp_gal_list.event_wrap .d_cate_list_wrap .cate_list {font-size: 1.71vw; width: 10.48vw; height: 3.33vw; border-radius: 4.76vw;} .dpp_gal_list.event_wrap .txt_wrap {margin-top: 2.86vw;} .dpp_gal_list.event_wrap .txt_wrap .cate_list {font-size: 1.71vw; width: 10.48vw; height: 3.33vw; border-radius: 4.76vw;} .dpp_gal_list.event_wrap .txt_wrap h2 {font-size: 2.38vw; margin-top: 1.43vw;} .dpp_gal_list.event_wrap .txt_wrap .text_content {font-size: 1.90vw; } } @media (max-width: 1024px) { /* 공통 */ .sub_visual { height: 58.59vw;} .sub_visual.login_bg {height: 48.83vw;} #sub_content {padding-top: 13.18vw; margin-bottom: 9.77vw;} .sub_inner {max-width: 100%; padding: 0 3.91vw; } .sub_vis_txt {left: 3.91vw; max-width: 100%;} .sub_vis_txt h2 { font-size: 5.37vw; line-height: 6.35vw; } .sub_vis_txt h2 span { font-size: 7.81vw; line-height: 8.79vw;} .sub_vis_txt p { font-size: 2.34vw; line-height: 3.13vw; margin-top: 1.95vw;} .sub_txt_wrap h2 { font-size: 4.39vw; line-height: 5.37vw; } .sub_txt_wrap p { font-size: 2.15vw; line-height: 2.93vw; margin-top: 0.98vw;} .sub_inner_wrap {margin-top: 5.86vw;} /* 분류별 보기 */ .cate_wrap {width: 100%; margin: 5.86vw auto 0;} .cate_wrap ul li { width: 25%;} .cate_wrap ul li:nth-child(n+5) {margin-top: 3.91vw;} .cate_wrap ul li .img_wrap {width: 11.72vw; height: 11.72vw; box-shadow: 0 0 0.98vw rgba(0,0,0,0.25);} .cate_wrap ul li p { font-size: 1.76vw; line-height: 2.54vw; margin-top: 1.46vw; } .cate_wrap ul li:nth-child(1) .img_wrap {background-size: 4.39vw;} .cate_wrap ul li:nth-child(1).active .img_wrap {background-size: 4.39vw;} .cate_wrap ul li.cate_ic1 .img_wrap {background-size: 4.39vw;} .cate_wrap ul li.cate_ic1.active .img_wrap {background-size: 4.39vw;} .cate_wrap ul li.cate_ic2 .img_wrap {background-size: 5.86vw;} .cate_wrap ul li.cate_ic2.active .img_wrap {background-size: 5.86vw;} .cate_wrap ul li.cate_ic3 .img_wrap {background-size: 6.35vw;} .cate_wrap ul li.cate_ic3.active .img_wrap {background-size: 6.35vw;} .cate_wrap ul li.cate_ic4 .img_wrap {background-size: 5.86vw;} .cate_wrap ul li.cate_ic4.active .img_wrap {background-size: 5.86vw;} .cate_wrap ul li.cate_ic5 .img_wrap {background-size: 5.37vw;} .cate_wrap ul li.cate_ic5.active .img_wrap {background-size: 5.37vw;} .cate_wrap ul li.cate_ic6 .img_wrap {background-size: 5.37vw;} .cate_wrap ul li.cate_ic6.active .img_wrap {background-size: 5.37vw;} .cate_wrap ul li.cate_ic7 .img_wrap {background-size: 5.86vw;} .cate_wrap ul li.cate_ic7.active .img_wrap {background-size: 5.86vw;} .cate_wrap ul li.cate_ic8 .img_wrap {background-size: 5.86vw;} .cate_wrap ul li.cate_ic8.active .img_wrap {background-size: 5.86vw;} .cate_wrap ul li.cate_ic9 .img_wrap {background-size: 5.86vw;} .cate_wrap ul li.cate_ic9.active .img_wrap {background-size: 5.86vw;} .sct_10 .sct_img.img_wrap a {border-top-left-radius: 2.44vw; border-top-right-radius: 2.44vw; } .sct_10 .sct_ct_wrap.txt_wrap { padding: 1.95vw; box-shadow: 0 0 0.98vw rgba(0,0,0,0.15); border-bottom-left-radius: 2.44vw; border-bottom-right-radius: 2.44vw; height: 23.83vw;} .sct_10 .sct_txt.txt_wrap a { font-size: 2.44vw; line-height: 3.22vw; } .sct_10 .sct_basic.txt_wrap {font-size: 1.95vw; line-height: 2.73vw; margin-top: 1.46vw;} .sct_10 .sct_txt2.txt_wrap { font-size: 2.44vw; line-height: 3.22vw; margin-top: 1.95vw;} /* 상세페이지 리뉴얼 */ .sct_10 .sct_cost.dd_txt {font-size: 1.95vw; margin-top: 0.98vw;} .sct_10 .sct_cost.ss_cost {font-size: 2.25vw; margin: 1.95vw 0 0; padding: 1.95vw 0 0; display: block;} .sct_10 .sct_dict.ss_dic_cost {font-size: 1.46vw; margin-right: 0.98vw;} /* 오늘의 특가 */ .count_list { top: -4.88vw; right: 1.95vw; width: 9.77vw; height: 9.77vw; font-size: 2.73vw; line-height: 9.77vw; } .count_wrap {margin: 7.32vw 0; } .count_wrap #countdown { padding: 0 0.98vw; font-size: 4.39vw;} .count_wrap #countdown:before {bottom: 0.98vw; height: 0.98vw; } .count_wrap #countdown span {font-size: 3.42vw; } /* 우리동네 뷰티 */ #sub_map {height: 91.80vw;} #sub_map .root_daum_roughmap .wrap_map {height: 91.80vw !important;} .submap_fx {padding: 0 0.98vw; height: 3.91vw; border: 0.20vw solid #d79a38; border-radius: 0.98vw; line-height: 3.52vw;} .submap_fx p {font-size: 1.56vw; } .submap_fx p .submap_ic3 {width: 2.34vw; height: 2.34vw; margin-top: -0.20vw; margin-right: 0.98vw;} .submap_fx:after {bottom: -0.98vw; width: 1.37vw; height: 0.98vw;} .submap_fixed.pc_fixed {display: none;} .submap_fixed.mob_fixed {display: block;} .submap_fixed {position: absolute; transform: translateY(-50%); top: 50%; right: 0; max-width: 50.00vw; margin: 0; width: 100%; height: 100%;} .submap_fixed .submap_tp {height: 7.81vw; border-radius: 1.95vw; box-shadow: none; } .submap_fixed .submap_tp span {left: 1.95vw; font-size: 2.54vw;} .submap_fixed .submap_tp span .submap_ic {width: 1.46vw; height: 1.86vw; margin-right: 0.49vw; margin-top: -0.49vw;} .submap_menu {padding: 3.91vw 0; margin-top: 0; box-shadow: none; border-radius: 0;} .submap_menu h3 {font-size: 2.34vw; line-height: 3.13vw; padding-left: 1.95vw;} .submap_tbl {height: 73.69vw; padding: 0 1.95vw; padding-bottom: 1.95vw; } .submap_tbl li {margin-top: 1.95vw; padding: 0 0 3.13vw; box-shadow: 0 0.20vw 0.59vw rgb(0 0 0 / 20%); overflow: hidden; border-radius: 0;} .submap_tbl li a {display: block; width: 100%;} .submap_tbl li .img_wrap {display: block; width: 100%; height: auto; border-radius: 0; margin-top: -1.95vw;} .submap_tbl li .txt_wrap {display: block; width: 100%; padding: 1.95vw; } .submap_tbl li .txt_wrap .map_tp span.d_map_txt1 {font-size: 2.73vw; line-height: 3.52vw; } .submap_tbl li .txt_wrap .map_tp .map_ic1 {width: 2.93vw; height: 2.93vw; margin-right: 0.49vw; margin-top: -0.20vw;} .submap_tbl li .txt_wrap .map_tp span.d_map_txt2 {font-size: 2.93vw; line-height: 3.61vw; margin-left: 1.95vw;} .submap_tbl li .txt_wrap .map_tp .map_ic2 {width: 1.27vw; height: 1.76vw; margin-right: 0.49vw; margin-top: -0.20vw;} .submap_tbl li .txt_wrap h4 {font-size: 2.73vw; line-height: 3.52vw; margin-top: 0.98vw;} .submap_tbl li .txt_wrap .map_content {font-size: 2.34vw; line-height: 3.42vw; margin-top: 0.49vw; } .submap_tbl li .txt_wrap span.map_txt2 {font-size: 2.15vw; line-height: 3.13vw; margin-top: 0.49vw;} .submap_btn {display: block; position: absolute; top: 9.77vw; right: 50vw; z-index: 50; width: 6.35vw; height: 13.09vw; background: #000; background-size: 100%; cursor: pointer; border-top-left-radius: 1.95vw; border-bottom-left-radius: 1.95vw;} .submap_btn_txt {color: #fff; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; transform: rotate(90deg); font-size: 1.95vw} .submap_btn_txt.submap_btn_txt2 {display: none;} .submap_fixed.on {right: -50vw;} .submap_btn.on {right: 0; } .submap_btn.on .submap_btn_txt.submap_btn_txt1 {display: none;} .submap_btn.on .submap_btn_txt.submap_btn_txt2 {display: flex;} /* 오하뷰 */ #today_wrap {margin-top: 4.88vw;} #today_wrap .today_pd_wrap { margin: -1.95vw -0.98vw;} #today_wrap .today_pd_wrap li {padding: 1.95vw 0.98vw;} #today_wrap .today_pd_wrap li .img_wrap {border-top-left-radius: 2.44vw; border-top-right-radius: 2.44vw;} #today_wrap .today_pd_wrap li .txt_wrap {border-bottom-left-radius: 2.44vw; border-bottom-right-radius: 2.44vw; padding: 1.95vw; box-shadow: 0 0 0.98vw rgba(0,0,0,0.15);} #today_wrap .today_pd_wrap li .txt_wrap h3 { font-size: 2.44vw; line-height: 3.22vw; } #today_wrap .today_pd_wrap li .txt_wrap .txt_content { font-size: 1.95vw; line-height: 2.73vw; margin-top: 1.46vw;} #today_wrap .today_pd_wrap li .txt_wrap span { font-size: 2.44vw; line-height: 3.22vw; margin-top: 1.95vw;} #page_wrap {margin: 4.88vw 0; } #page_wrap > a {width: 4.39vw; height: 4.39vw; } #page_wrap > ul li { width: 4.39vw; height: 4.39vw;} #page_wrap > ul li a { width: 4.39vw; height: 4.39vw; font-size: 1.95vw; margin: 0 0.78vw; line-height: 4.39vw;} #stv .stv_item.sstv_item {width: 33.33%;} /* 관심상품 */ .empty_table.empty_txt .no_wish_img { width: 8.89vw; height: 8.40vw; } .empty_table.empty_txt p{ font-size: 2.44vw; margin-top: 0.98vw;} .list_02.wwish_wrap ul { margin: -0.98vw;} .list_02.wwish_wrap ul li { width: 50%; padding: 0.98vw;} .wwish_inner { border-radius: 2.44vw; box-shadow: 0 0 1.46vw rgba(0,0,0,0.15);} .sod_ws_tp_wrap {margin: 2.93vw 0;} .sod_ws_tp_wrap .sod_ws_lt .all_o_chkk { font-size: 2.34vw;} .sod_ws_tp_wrap .sod_ws_lt input#all_o_chk {width: 1.95vw; height: 1.95vw; margin-right: 0.49vw;} .sod_ws_tp_wrap .sod_ws_lt input#all_o_chk:checked {background-size: 1.17vw;} .sod_ws_tp_wrap .sod_ws_rt a.remove_btn {height: 4.88vw; line-height: 4.88vw; font-size: 2.34vw; padding: 0 4.88vw;} #sod_ws .wwish_wrap li .wish_chk { top: 2.44vw; left: 2.44vw; } #sod_ws .wwish_wrap li .wish_chk input.o_chk {width: 1.95vw; height: 1.95vw; margin-right: 0.49vw;} #sod_ws .wwish_wrap li .wish_chk input.o_chk:checked {background-size: 1.17vw;} .wwish_inner .img_wrap { height: 33.20vw;} #sod_ws .wwish_wrap li .wish_info {padding: 2.93vw 2.93vw 6.84vw;} #sod_ws .wwish_wrap li .info_link.wwish_title {font-size: 2.44vw; } #sod_ws .wwish_wrap li .info_link.wwish_txt_content {margin: 0.98vw 0 0; font-size: 2.44vw; } #sod_ws .wwish_wrap li .info_link.wwish_tag {margin: 1.95vw 0 0; font-size: 2.44vw;} /* 서치 페이지 */ #ssch_frm.ssch_form .ssch_scharea { width: 100%; } #ssch_frm.ssch_form .ssch_scharea .ssch_input {height: 7.32vw; border-radius: 4.88vw; font-size: 2.15vw; padding-left: 3.91vw; padding-right: 6.84vw;} #ssch_frm.ssch_form .ssch_scharea .btn_submit {right: 2.93vw; width: 2.64vw; height: 2.64vw; } #ssch h2.ssch_title {margin: 2.93vw 0 0; font-size: 2.44vw; } #ssch_frm.ssch_form .ssch_option {margin: 2.93vw 0 0; padding: 2.44vw 0; font-size: 1.95vw;} #ssch_frm.ssch_form .ssch_option input[type="checkbox"] + label { font-size: 1.95vw; padding-left: 2.93vw; margin-right: 3.91vw;} #ssch_frm.ssch_form .ssch_option input[type="checkbox"] + label span {width: 1.95vw; height: 1.95vw; margin-top: -0.98vw;} #ssch_frm.ssch_form .chk_box input[type="checkbox"]:checked + label span:before {background-size: 1.17vw;} #ssch_frm.ssch_form .ssch_option .ssch_input {height: 3.91vw;} #ssch_cate.ssch_cate {margin: -0.98vw; padding: 4.88vw;} #ssch_cate.ssch_cate li {width: 20%; height: 6.84vw; padding: 0.98vw;} #ssch_cate.ssch_cate li a { font-size: 1.95vw; line-height: 6.64vw; box-shadow: 0 0 0.98vw rgba(0,0,0,0.15); border-radius: 4.88vw;} .ssch_sort_box { margin-bottom: 1.95vw;} .ssch_sort_box_lt h4 { font-size: 1.56vw; } #ssch_sort_all.ssch_sort_all { margin: 0 -0.98vw;} #ssch_sort_all.ssch_sort_all li {padding: 0 0.98vw ; } #ssch_sort_all.ssch_sort_all li a {font-size: 1.46vw; } #ssch_sort_all.ssch_sort_all li:nth-child(n+2) a:before {left: -0.98vw; height: 0.98vw; } } @media screen and (max-width: 768px) { /* 공통 */ .sub_visual { height: 78.13vw;} .sub_visual.login_bg {height: 65.10vw;} #sub_content {padding-top: 17.58vw; margin-bottom: 13.02vw;} .sub_inner {max-width: 100%; padding: 0 2.60vw; } .sub_vis_txt {left: 2.60vw; max-width: 100%;} .sub_vis_txt h2 { font-size: 7.16vw; line-height: 8.46vw; } .sub_vis_txt h2 span { font-size: 10.42vw; line-height: 11.72vw;} .sub_vis_txt p { font-size: 3.13vw; line-height: 4.17vw; margin-top: 2.60vw;} .sub_txt_wrap h2 { font-size: 5.86vw; line-height: 7.16vw; } .sub_txt_wrap p { font-size: 2.86vw; line-height: 3.91vw; margin-top: 1.30vw;} .sub_inner_wrap {margin-top: 7.81vw;} /* 분류별 보기 */ .cate_wrap {width: 100%; margin: 7.81vw auto 0;} .cate_wrap ul li { width: 25%;} .cate_wrap ul li:nth-child(n+5) {margin-top: 5.21vw;} .cate_wrap ul li .img_wrap {width: 15.63vw; height: 15.63vw; box-shadow: 0 0 1.30vw rgba(0,0,0,0.25);} .cate_wrap ul li p { font-size: 3.13vw; line-height: 4.17vw; margin-top: 1.95vw; } .cate_wrap ul li:nth-child(1) .img_wrap {background-size: 5.86vw;} .cate_wrap ul li:nth-child(1).active .img_wrap {background-size: 5.86vw;} .cate_wrap ul li.cate_ic1 .img_wrap {background-size: 5.86vw;} .cate_wrap ul li.cate_ic1.active .img_wrap {background-size: 5.86vw;} .cate_wrap ul li.cate_ic2 .img_wrap {background-size: 7.81vw;} .cate_wrap ul li.cate_ic2.active .img_wrap {background-size: 7.81vw;} .cate_wrap ul li.cate_ic3 .img_wrap {background-size: 8.46vw;} .cate_wrap ul li.cate_ic3.active .img_wrap {background-size: 8.46vw;} .cate_wrap ul li.cate_ic4 .img_wrap {background-size: 7.81vw;} .cate_wrap ul li.cate_ic4.active .img_wrap {background-size: 7.81vw;} .cate_wrap ul li.cate_ic5 .img_wrap {background-size: 7.16vw;} .cate_wrap ul li.cate_ic5.active .img_wrap {background-size: 7.16vw;} .cate_wrap ul li.cate_ic6 .img_wrap {background-size: 7.16vw;} .cate_wrap ul li.cate_ic6.active .img_wrap {background-size: 7.16vw;} .cate_wrap ul li.cate_ic7 .img_wrap {background-size: 7.81vw;} .cate_wrap ul li.cate_ic7.active .img_wrap {background-size: 7.81vw;} .cate_wrap ul li.cate_ic8 .img_wrap {background-size: 7.81vw;} .cate_wrap ul li.cate_ic8.active .img_wrap {background-size: 7.81vw;} .cate_wrap ul li.cate_ic9 .img_wrap {background-size: 5.86vw;} .cate_wrap ul li.cate_ic9.active .img_wrap {background-size: 5.86vw;} .sct_10 .sct_img.img_wrap a {border-top-left-radius: 3.26vw; border-top-right-radius: 3.26vw; } .sct_10 .sct_ct_wrap.txt_wrap { padding: 2.60vw 2.60vw 5.21vw; box-shadow: 0 0 1.30vw rgba(0,0,0,0.15); border-bottom-left-radius: 3.26vw; border-bottom-right-radius: 3.26vw; height: 31.11vw;} .sct_10 .sct_txt.txt_wrap a { font-size: 3.26vw; line-height: 4.30vw; } .sct_10 .sct_basic.txt_wrap {font-size: 3.13vw; line-height: 4.17vw; margin-top: 1.30vw;} .sct_10 .sct_txt2.txt_wrap { font-size: 3.26vw; line-height: 4.30vw; margin-top: 1.30vw;} .sub_inner_wrap .sct_10.lists-row {margin: 0 -10px -10px 0;} .sub_inner_wrap .sct_10 .sct_li {padding: 0 10px 10px 0; margin-bottom: 5px;} .sub_inner_wrap .sct_10 .sct_li.row-clear {clear: none !important;} /* 상세페이지 리뉴얼 */ .sct_10 .sct_cost.dd_txt {font-size: 3.13vw; margin-top: 1.30vw;} .sct_10 .sct_cost.ss_cost {display: block; font-size: 3.26vw; margin: 2.60vw 0 0; padding: 2.60vw 0 0;} .sct_10 .sct_dict.ss_dic_cost {display: block; font-size: 3.13vw; margin-right: 1.30vw; line-height: normal;} /* 오늘의 특가 */ .count_list { top: -6.51vw; right: 2.60vw; width: 13.02vw; height: 13.02vw; font-size: 3.65vw; line-height: 13.02vw; } .count_wrap {margin: 9.77vw 0; } .count_wrap #countdown { padding: 0 1.30vw; font-size: 5.86vw;} .count_wrap #countdown:before {bottom: 1.30vw; height: 1.30vw; } .count_wrap #countdown span {font-size: 4.56vw; } .count_list.view_count {top: auto; bottom: 2.60vw;} /* 상품 상세페이지 */ .shop_detail_txt { margin-top: -7.81vw; margin-bottom: 7.81vw;} .shop_detail_txt h2 { font-size: 5.21vw; line-height: 6.25vw; } .shop_detail_txt p { font-size: 3.13vw; line-height: 4.17vw; margin-top: 1.30vw;} .shop_detail_txt span { font-size: 3.13vw; line-height: 4.17vw; margin-top: 2.60vw; } #sit_ov_wrap.sit_ov_wrap {padding: 10.42vw 0;} #sit_ov_wrap.sit_ov_wrap:before {width: 105.47vw; } #sit_pvi.img_wrap {border-radius: 3.26vw; } #sit_ov.txt_wrap {border-bottom-right-radius: 3.26vw; border-bottom-left-radius: 3.26vw;} .sit_ov_tbl.sit_detail dl + dl {margin-top: 1.95vw;} .sit_ov_tbl.sit_detail dt {vertical-align: top; width: 20%; font-size: 3.13vw; line-height: 4.56vw; text-align: left;} .sit_ov_tbl.sit_detail dd {vertical-align: top; font-size: 3.13vw; line-height: 4.56vw; text-align: left; word-break: keep-all; padding-right: 3.91vw;} .sit_ov_tbl.sit_detail dd.number {font-size: 3.39vw; line-height: 4.56vw;} .sit_fixed.ssit_fix {position: relative; bottom: auto; left: auto;} .sit_fixed.ssit_fix .sit_open {position: relative; bottom: auto; left: auto; padding: 0; padding-top: 0; transform: translateY(0); background: none;} .sit_close:before {display: none;} .sit_ov_tbl dd.price strong { font-size: 3.26vw; } .sit_option.sit_opt {margin-top: 1.95vw; } #sit_ov h3.sit_opt_title {font-size: 3.13vw; line-height: 4.56vw; } .sit_option.sit_opt span {padding-left: 3.91vw;} .sit_option.sit_opt select {height: 9.11vw; font-size: 3.13vw; padding-left: 2.60vw; width: 90%;} #sit_sel_option.sit_opt_added {margin-top: 2.60vw;} .sit_opt_added #sit_opt_added li {padding: 2.60vw 0; } .sit_opt_added #sit_opt_added li .opt_name { font-size: 3.13vw; line-height: 4.56vw; padding: 0; margin-bottom: 10px;} .sit_opt_added #sit_opt_added li .opt_count {padding: 0; padding-right: 0; border-top: 0; position: static;} .sit_opt_added #sit_opt_added .sit_opt_prc { font-size: 3.39vw; line-height: 4.56vw; margin-top: 8px;} .sit_opt_added #sit_opt_added .sit_opt_del {top: 5px; margin-top: 0; background: none;} .sit_opt_added #sit_opt_added .sit_opt_del i:before {width: 3.91vw; margin: 0.25vw 0 0 -0.85vw;} .sit_opt_added #sit_opt_added .sit_opt_del i:after {height: 3.91vw; margin: -1.5vw 0 0 0.85vw;} .sit_opt_added #sit_opt_added .num_input {width: 6.51vw; border-left: 0; border-right: 0;} #sit_tot_price.sit_tot_price {padding: 2.60vw 0; font-size: 3.39vw; } #sit_tot_price.sit_tot_price span { font-size: 3.13vw; line-height: 4.56vw; } #sit_tot_price.sit_tot_price strong { font-size: 4.17vw; line-height: 5.21vw; margin-top: -1.30vw;} #sit_ov_btn.sit_ov_btn button.sit_btn_buy { height: 7.81vw; line-height: 7.81vw; font-size: 3.39vw; width: 29.95vw; border-radius: 6.51vw; } #sit_ov_btn.sit_ov_btn button.sit_btn_cart { height: 7.81vw; line-height: 7.81vw; font-size: 3.39vw; width: 25.39vw; border-radius: 6.51vw; margin-left: 1.30vw;} #sit_ov_btn.sit_ov_btn .sit_btn_wish {width: 7.81vw; height: 7.81vw; margin-left: 1.30vw; line-height: 7.55vw; background-size: 3.26vw;} #sit_ov_btn.sit_ov_btn .sit_btn_wish.on {background-size: 3.26vw;} #sit_ov_btn.sit_ov_btn .sit_btn_wish img {width: 3.91vw; /* width: 3.26vw; */ margin-top: -1.04vw} #sit_ov_btn.sit_ov_btn .sit_btn_list {width: 7.81vw; height: 7.81vw; margin-left: 1.30vw; line-height: 7.55vw;} #sit_ov_btn.sit_ov_btn .sit_btn_list img {width: 3.26vw;} #sit_ov_btn.sit_ov_btn .sit_btn_list.link_btn { background-size: 3.26vw;} #sit_info.sit_info {margin-top: 13.02vw;} .tab_tit { margin: 0 -0.65vw;} .tab_tit li {padding: 0 0.65vw; } .tab_tit.ttab_tit li {height: 9.11vw;} .tab_tit li a {font-size: 3.13vw; border-radius: 3.26vw; } #sit_info.sit_info #map {height: 72.92vw; margin-bottom: 19.53vw;} #sit_use_list.sit_use_list {margin-top: 6.51vw;} #sit_use_list.sit_use_list .total { font-size: 3.13vw; line-height: 4.17vw; } #sit_use_list.sit_use_list .total strong {font-size: 3.39vw; line-height: 4.30vw; } #sit_use_ol.sit_use_ol {padding: 6.51vw 0 2.60vw; margin-top: 2.60vw; } .sit_use_li.ssit_use_li {margin-bottom: 6.51vw; padding: 0;} .sit_use_tp_txt h4 {font-size: 3.39vw; line-height: 4.56vw; } .sit_use_tp_txt h4 span {margin-left: 1.30vw; margin-top: -1.30vw;} .sit_use_tp_txt h4 span img {width: 16.54vw;} .sit_use_tp_txt h5 { font-size: 3.13vw; line-height: 4.17vw; } .sit_use_li.ssit_use_li .sit_use_txt_content {padding: 3.91vw 5.21vw; box-shadow: 0 0 1.56vw rgba(0,0,0,0.25); margin-top: 2.60vw; border-radius: 3.26vw; font-size: 3.13vw; } #item_use_wrap {margin-top: 2.60vw; } #item_use_wrap ul li + li {margin-left: 1.30vw;} #item_use_wrap ul li { height: 7.81vw; line-height: 7.81vw;} #item_use_wrap ul li a {padding: 0 6.51vw; border-radius: 1.95vw; font-size: 3.65vw; } /* 달력 및 예약 추가 */ .cal_choose_btn_wrap {margin: 2.60vw 0;} .cal_choose_btn { height: 7.16vw; line-height: 7.16vw; border-radius: 6.51vw; padding: 0 6.51vw; font-size: 3.39vw; } .cal_choose_btn .cal_ch_btn { width: 1.95vw; height: 1.56vw; margin-left: 1.30vw;} .cal_result {/* padding: 0 0 2.60vw; margin-bottom: 2.60vw; */} .cal_result dl + dl {margin-top: 1.30vw;} .cal_result_lt {font-size: 3.13vw; } .cal_result_date { font-size: 3.13vw; } .cal_result_time { font-size: 3.13vw; } .cal_wrap {padding: 2.60vw 0; } .cal_title { font-size: 3.65vw; } .cal_title_wrap .cal_arrow { width: 1.17vw; height: 1.69vw; } h4.cc_cal_title { font-size: 3.39vw; margin: 0 2.60vw;} .cal_menu table {margin-top: 2.60vw;} .cal_menu table tr th { font-size: 3.13vw; padding: 1.30vw 0;} .cal_menu table tr td { font-size: 3.13vw; padding: 1.30vw 0; } .cal_wrap2 {padding: 2.60vw 0; margin-bottom: 2.60vw;} .cal_tbl_lt h4 { font-size: 3.52vw; word-break: keep-all;} .cal_tbl_rt span { font-size: 3.13vw;} .cal_tbl_rt span + span {margin-left: 2.60vw;} .cal_tbl_rt span .ch1 { width: 3.26vw; height: 1.95vw; border-radius: 0.65vw; margin-right: 0.65vw;} .cal_tbl_rt span .ch2 { width: 3.26vw; height: 1.95vw; border-radius: 0.65vw; margin-right: 0.65vw;} .cal_tbl_rt span .ch3 { width: 3.26vw; height: 1.95vw; border-radius: 0.65vw; margin-right: 0.65vw;} .cc_cal_menu2 {margin-top: 3.26vw;} .cc_cal_menu2 ul { margin: -1.30vw -0.65vw;} .cc_cal_menu2 ul li {width: 25%; padding: 1.30vw 0.65vw;} .cc_check_inner { border-radius: 1.30vw; height: 4.56vw; line-height: 4.30vw; } .cc_check_inner label { font-size: 3.13vw; } /* 후기 */ .ssit_cate_tp {margin-top: 5.21vw;} .ssit_cate_title { font-size: 3.13vw; } .ssit_cate_title strong { font-size: 3.52vw; } .ssit_cate_title span { font-size: 3.13vw; } .cc_review_wrap {margin-top: 2.60vw;} .cc_review_wrap ul { margin: -1.30vw;} .cc_review_wrap ul li {width: 50%; padding: 1.30vw;} .cc_review_inner { height: 7.81vw; padding-left: 2.60vw; line-height: 7.81vw; border-radius: 1.95vw; font-size: 3.13vw; } .cc_review_inner .c_point { right: 2.60vw; font-size: 3.13vw; } .cc_review_more_wrap { margin: 3.91vw 0 7.81vw;} .cc_review_more_wrap .cc_review_more_btn { font-size: 3.13vw;} .cc_review_more_wrap .cc_review_more_btn .cc_review_btn { width: 2.34vw; height: 1.30vw; margin-right: 1.30vw;} .sit_use_cate_txt {margin-top: 2.60vw;} .sit_use_cate_txt span { font-size: 3.13vw; padding: 0.65vw 1.30vw; border-radius: 0.65vw; } .sit_use_cate_txt span + span {margin-left: 1.30vw;} .oh_price_wrap {margin-bottom: 2.60vw;} .oh_price_wrap dt {font-size: 3.13vw; } .oh_price_wrap dd strong { font-size: 4.69vw; } /* 우리동네 뷰티 */ #sub_map {height: 122.40vw;} #sub_map .root_daum_roughmap .wrap_map {height: 122.40vw !important;} .submap_fx {padding: 0 1.30vw; height: 5.21vw; border: 0.26vw solid #d79a38; border-radius: 1.30vw; line-height: 4.69vw;} .submap_fx p {font-size: 2.08vw; } .submap_fx p .submap_ic3 {width: 3.13vw; height: 3.13vw; margin-top: -0.26vw; margin-right: 1.30vw;} .submap_fx:after {bottom: -1.30vw; width: 1.82vw; height: 1.30vw;} .submap_fixed {max-width: 50vw; width: 100%;} .submap_fixed .submap_tp {height: 10.42vw; border-radius: 2.60vw; box-shadow: none; } .submap_fixed .submap_tp span {left: 2.60vw; font-size: 3.39vw;} .submap_fixed .submap_tp span .submap_ic {width: 1.95vw; height: 2.47vw; margin-right: 0.65vw; margin-top: -0.65vw;} .submap_menu {padding: 5.21vw 0; margin-top: 0; box-shadow: none; border-radius: 0;} .submap_menu h3 {font-size: 3.13vw; line-height: 4.17vw; padding-left: 2.60vw;} .submap_tbl {height: 98vw; padding: 0 2.60vw; padding-bottom: 6.51vw;} .submap_tbl li {margin-top: 2.60vw; box-shadow: 0 0.26vw 0.78vw rgb(0 0 0 / 20%); overflow: hidden; } .submap_tbl li .img_wrap {border-radius: 3.26vw; margin-top: -2.60vw;} .submap_tbl li .txt_wrap {padding: 2.60vw; } .submap_tbl li .txt_wrap .map_tp span.d_map_txt1 {font-size: 3.65vw; line-height: 4.69vw; } .submap_tbl li .txt_wrap .map_tp .map_ic1 {width: 3.91vw; height: 3.91vw; margin-right: 0.65vw; margin-top: -0.26vw;} .submap_tbl li .txt_wrap .map_tp span.d_map_txt2 {font-size: 3.91vw; line-height: 4.82vw; margin-left: 2.60vw;} .submap_tbl li .txt_wrap .map_tp .map_ic2 {width: 1.69vw; height: 2.34vw; margin-right: 0.65vw; margin-top: -0.26vw;} .submap_tbl li .txt_wrap h4 {font-size: 3.65vw; line-height: 4.69vw; margin-top: 1.30vw} .submap_tbl li .txt_wrap .map_content {font-size: 3.13vw; line-height: 4.56vw; margin-top: 0.65vw; } .submap_tbl li .txt_wrap span.map_txt2 {font-size: 2.86vw; line-height: 4.17vw; margin-top: 0.65vw;} .submap_btn { top: 13.02vw; right: 50vw; width: 8.46vw; height: 17.45vw; } .submap_btn_txt { font-size: 3.13vw} .submap_fixed.on {right: -50vw;} /* 오하뷰 */ #today_wrap {margin-top: 6.51vw;} #today_wrap .today_pd_wrap { margin: -2.60vw -0.98vw;} #today_wrap .today_pd_wrap li {padding: 2.60vw 0.98vw; width: 50%;} #today_wrap .today_pd_wrap li .img_wrap {border-top-left-radius: 3.26vw; border-top-right-radius: 3.26vw;} #today_wrap .today_pd_wrap li .txt_wrap {border-bottom-left-radius: 3.26vw; border-bottom-right-radius: 3.26vw; padding: 2.60vw 2.60vw 5.21vw; box-shadow: 0 0 1.30vw rgba(0,0,0,0.15);} #today_wrap .today_pd_wrap li .txt_wrap h3 { font-size: 3.26vw; line-height: 4.30vw; } #today_wrap .today_pd_wrap li .txt_wrap .txt_content { font-size: 3.13vw; line-height: 4.17vw; margin-top: 1.30vw;} #today_wrap .today_pd_wrap li .txt_wrap span { font-size: 3.26vw; line-height: 4.30vw; margin-top: 1.30vw;} #page_wrap {margin: 6.51vw 0; } #page_wrap > a { width: 5.86vw; height: 5.86vw; } #page_wrap > ul li { width: 5.86vw; height: 5.86vw;} #page_wrap > ul li a { width: 5.86vw; height: 5.86vw; font-size:3.13vw; margin: 0 1.04vw; line-height: 5.86vw;} #page_wrap > ul li a.active {background: #000; border-radius: 50%;} #sit_use_write_star.star li {display: block; width: 100%;} .chk_box.star input[type="radio"] + label span {top: -5px;} #stv .stv_item.sstv_item {width: 50%;} /* 관심상품 */ .empty_table.empty_txt .no_wish_img { width: 11.85vw; height: 11.20vw; } .empty_table.empty_txt p{ font-size: 3.26vw; margin-top: 1.30vw;} .list_02.wwish_wrap ul { margin: -2.60vw 1.30vw;} .list_02.wwish_wrap ul li { width: 50%; padding: 2.60vw 1.30vw;} .wwish_inner { border-radius: 3.26vw; box-shadow: 0 0 1.95vw rgba(0,0,0,0.15);} .sod_ws_tp_wrap {margin: 3.91vw 0;} .sod_ws_tp_wrap .sod_ws_lt .all_o_chkk { font-size: 3.13vw;} .sod_ws_tp_wrap .sod_ws_lt input#all_o_chk {width: 2.60vw; height: 2.60vw; margin-right: 0.65vw;} .sod_ws_tp_wrap .sod_ws_lt input#all_o_chk:checked {background-size: 1.56vw;} .sod_ws_tp_wrap .sod_ws_rt a.remove_btn {height: 6.51vw; line-height: 6.51vw; font-size: 3.13vw; padding: 0 6.51vw;} #sod_ws .wwish_wrap li .wish_chk { top: 3.26vw; left: 3.26vw; } #sod_ws .wwish_wrap li .wish_chk input.o_chk {width: 2.60vw; height: 2.60vw; margin-right: 0.65vw;} #sod_ws .wwish_wrap li .wish_chk input.o_chk:checked {background-size: 1.56vw;} .wwish_inner .img_wrap { height: 44.27vw;} #sod_ws .wwish_wrap li .wish_info {padding: 2.60vw 2.60vw 6.51vw;} #sod_ws .wwish_wrap li .info_link.wwish_title {font-size: 3.26vw; } #sod_ws .wwish_wrap li .info_link.wwish_txt_content {margin: 1.30vw 0 0; font-size: 3.26vw; } #sod_ws .wwish_wrap li .info_link.wwish_tag {margin: 2.60vw 0 0; font-size: 3.26vw;} /* 서치 페이지 */ #ssch_frm.ssch_form .ssch_scharea .ssch_input {height: 9.77vw; border-radius: 6.51vw; font-size: 3.13vw; padding-left: 5.21vw; padding-right: 9.11vw;} #ssch_frm.ssch_form .ssch_scharea .btn_submit {right: 3.91vw; width: 3.52vw; height: 3.52vw; } #ssch h2.ssch_title {margin: 3.91vw 0 0; font-size: 3.26vw; } #ssch_frm.ssch_form .ssch_option {margin: 3.91vw 0 0; padding: 3.26vw 0; font-size: 3.13vw;} #ssch_frm.ssch_form .ssch_option input[type="checkbox"] + label { font-size: 3.13vw; padding-left: 3.91vw; margin-right: 5.21vw;} #ssch_frm.ssch_form .ssch_option input[type="checkbox"] + label span {width: 2.60vw; height: 2.60vw; margin-top: -1.30vw;} #ssch_frm.ssch_form .chk_box input[type="checkbox"]:checked + label span:before {background-size: 1.56vw;} #ssch_frm.ssch_form .ssch_option .ssch_input {height: 5.21vw;} #ssch_cate.ssch_cate {margin: -1.30vw; padding: 6.51vw;} #ssch_cate.ssch_cate li {width: 25%; height: 9.11vw; padding: 1.30vw;} #ssch_cate.ssch_cate li a { font-size: 3.13vw; line-height: 8.85vw; box-shadow: 0 0 1.30vw rgba(0,0,0,0.15); border-radius: 6.51vw;} .ssch_sort_box { margin-bottom: 2.60vw; display: block; width: 100%;} .ssch_sort_box_lt {display: block; width: 100%;} .ssch_sort_box_lt h4 { font-size: 3.13vw; } .ssch_sort_box_rt {display: block; width: 100%; margin: 2.60vw 0;} #ssch_sort_all.ssch_sort_all { margin: 0 -1.30vw;} #ssch_sort_all.ssch_sort_all li {padding: 0 1.30vw ; } #ssch_sort_all.ssch_sort_all li a {font-size: 2.60vw; } #ssch_sort_all.ssch_sort_all li:nth-child(n+2) a:before {left: -1.30vw; height: 1.30vw; } /* 리스트 페이지 */ .board_list_tpp {flex-wrap: wrap;} .board_list_tpp form {width: 100%;} .dpp_tbl .board_list_relate_wrap .dpp_btnArea { top: 0.65vw;} .dpp_tbl .board_list_relate_wrap .dpp_btnArea img {width: 2.60vw;} .board_list_wrap {margin-top: 3.91vw;} .board_list_inner li a { padding: 3.91vw; } .board_list_inner .board_list_title {font-size: 3.91vw;} .board_list_inner .board_list_title span {font-size: 3.13vw; } .board_list_inner .board_content {font-size: 3.13vw; margin-top: 1.30vw;} .board_bt {margin-top: 2.60vw;} .board_bt span {font-size: 3.13vw; margin-right: 2.60vw;} .board_bt span.view_txt strong {margin-left: 0.65vw;} .board_bt .time_ic { width: 2.47vw; height: 2.47vw; margin-right: 1.30vw;} .board_bt .view_ic { width: 3.13vw; height: 1.95vw; margin-right: 1.30vw;} /* 뷰페이지 */ .board_view_wrap {padding: 3.91vw 3.91vw 0;} .board_view_title {font-size: 3.26vw;} .board_view_title .dpp_v_cate {font-size: 3.13vw;} .board_view_md {margin-top: 2.60vw;} .board_view_lt span {font-size: 3.13vw; margin-right: 1.30vw;} .board_view_md .time_ic { width: 2.47vw; height: 2.47vw; margin-right: 1.30vw;} .board_view_md .view_ic { width: 3.13vw; height: 1.95vw; margin-right: 1.30vw;} .board_view_md .sns_ic { width: 2.34vw; height: 2.47vw; margin-right: 1.30vw;} .board_view_md .writer_ic { width: 1.95vw; height: 2.47vw; margin-right: 0.65vw;} .board_view_md span strong { margin-left: 0.65vw;} .board_view_rt span {font-size: 3.13vw; margin-right: 1.30vw;} .board_view_rt span strong { margin-left: 0.65vw;} .bo_v_share_inner {padding: 9.11vw 0; width: 60%; border-radius: 3.26vw;} .bo_vv_sns li {margin: 0 1.30vw;} .bo_vv_sns li img {width: 7.81vw;} .bo_vv_sns li span { font-size: 3.13vw; margin-top: 1.30vw; } .sns_close_btn { top: 2.60vw; right: 1.30vw; width: 5.21vw; height: 5.21vw; } .sns_close_btn:before {width: 0.13vw; height: 5.21vw;} .sns_close_btn:after {width: 0.13vw; height: 5.21vw;} /* 이벤트 게시판 리스트 */ .dpp_bd_wrap.event_wrap {margin-top: 3.91vw;} .dpp_gal_list.event_wrap {margin: -1.95vw -1.30vw;} .dpp_gal_list.event_wrap .dpp_imgArea.img_wrap {border-radius: 3.26vw;} .dpp_gal_list.event_wrap .d_cate_list_wrap { top: 3.91vw; left: 5.21vw; } .dpp_gal_list.event_wrap .d_cate_list_wrap .cate_list {font-size: 2.60vw; width: 14.32vw; height: 6.51vw; border-radius: 6.51vw;} .dpp_gal_list.event_wrap .txt_wrap {margin-top: 3.91vw;} .dpp_gal_list.event_wrap .txt_wrap .cate_list {font-size: 2.60vw; width: 14.32vw; height: 6.51vw; border-radius: 6.51vw;} .dpp_gal_list.event_wrap .txt_wrap h2 {font-size: 3.91vw; margin-top: 1.95vw;} .dpp_gal_list.event_wrap .txt_wrap .text_content {font-size: 3.13vw; } /* 추가 */ #sit_pvi.img_wrap {border-radius: 0;} #sit_pvi_big.img_thumb {border-radius: 0;} #sit_ov.txt_wrap {margin-left: 0; width: 100%; border-radius: 3.26vw;} #sit_pvi_thumb.sit_pvi_thumb {margin: 2.60vw auto; width: 100%; max-width: 62.50vw; padding: 0;} #sit_pvi_thumb.sit_pvi_thumb .slick-slide {border-radius: 3.26vw; margin: 0 0.65vw;} #sit_pvi_thumb.sit_pvi_thumb img {border: 0;} #sit_pvi_thumb.sit_pvi_thumb img:hover {border: 0;} #sit_pvi_thumb.sit_pvi_thumb .slick-arrow {width: 1.95vw; height: 3.39vw; } #sit_pvi_thumb.sit_pvi_thumb .slick-arrow.slick-prev {left: -3.26vw;} #sit_pvi_thumb.sit_pvi_thumb .slick-arrow.slick-next {right: -3.26vw;} } @media (max-width: 747px) { .mbskin {width: 100%;} #mb_confirm p {word-break: keep-all;} .form_01 li.is_captcha_use.dpp #captcha legend {position: relative;} .form_01 li.is_captcha_use.dpp #captcha.m_captcha audio {} .form_01 li.is_captcha_use.dpp #captcha.m_captcha #captcha_key {display: inline-block; margin: 0;} #ssch_sort_all {margin: 0;} #ssch_sort_all.ssch_sort_all li a {text-align: center;} #stv .stv_item.sstv_item {width: 100%;} /* 서치 페이지 */ #ssch_frm.ssch_form .ssch_scharea .ssch_input {height: 10.04vw; border-radius: 6.69vw; font-size: 3.21vw; padding-left: 5.35vw; padding-right: 9.37vw;} #ssch_frm.ssch_form .ssch_scharea .btn_submit {right: 4.02vw; width: 3.61vw; height: 3.61vw; } #ssch h2.ssch_title {margin: 4.02vw 0 0; font-size: 3.35vw; } #ssch_frm.ssch_form .ssch_option {margin: 4.02vw 0 0; padding: 3.35vw 0; font-size: 3.21vw;} #ssch_frm.ssch_form .ssch_option input[type="checkbox"] + label { font-size: 3.21vw; padding-left: 4.02vw; margin-right: 5.35vw; margin-bottom: 1.30vw;} #ssch_frm.ssch_form .ssch_option input[type="checkbox"] + label span {width: 2.68vw; height: 2.68vw; margin-top: -1.34vw;} #ssch_frm.ssch_form .chk_box input[type="checkbox"]:checked + label span:before {background-size: 1.61vw;} #ssch_frm.ssch_form .ssch_option .ssch_input {width: auto;height: 5.35vw; padding: 0; padding-left: 2.68vw; font-size: 3.21vw} #ssch_cate.ssch_cate {margin: -1.34vw; padding: 6.69vw;} #ssch_cate.ssch_cate li {width: 33.33%; height: 9.37vw; padding: 1.34vw;} #ssch_cate.ssch_cate li a { font-size: 3.21vw; line-height: 9.10vw; box-shadow: 0 0 1.34vw rgba(0,0,0,0.15); border-radius: 6.69vw;} #ssch_cate.ssch_cate li a span {position: static; top: auto; right: auto; font-size: 3.21vw; background: none; color: #000; margin-top: 0; width: auto; line-height: normal; font-weight: 400;} #ssch_cate.ssch_cate li:hover a span {color: #fff;} #ssch_sort_all.ssch_sort_all li {width: auto;} #new_wrap .sit_fixed.ssit_fix {position: relative;} #new_wrap .sit_fixed .sit_open {position: relative; bottom: auto; left: auto; background: none; transform: translateY(0);} }