.all_bg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;z-index: 2;opacity: 0.5; display: none;} .all_bg.active {display: block; z-index: 3;} .noIsMember {filter: blur(3px); pointer-events: none; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} #sit_ov_wrap {width: 100%; position: relative;} #sit_pvi {width: 100%;} #sit_pvi_big {width: 100%; height: 100vh;text-align: center; margin: 0 0 0;position: relative;} #sit_pvi_big img {width: auto; height: 100vh;} #sit_ov_mprod {display: none;} #sit_opt_added {margin:0;padding:0;border-bottom:0;list-style:none; display: none;} #sit_opt_added li {padding:10px 15px;background:#f9f9f9;border:1px solid #e6e9ed;margin:10px 0;position:relative} #sit_opt_added li:after {display:block;visibility:hidden;clear:both;content:""} #sit_opt_added li .opt_name {line-height:28px;font-weight:bold} #sit_opt_added li .opt_count {} #sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #bdc9dc;border-radius:0;background:#fff;color:#666;font-size:0.92em} #sit_opt_added button:hover {color:#000} #sit_opt_added .num_input {float:left;border:0;height:30px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center} #sit_opt_added .sit_opt_del {position:absolute;right:0;top:0;font-size:15px;border:0;border-left:1px solid #e6e9ed;border-bottom:1px solid #e6e9ed} #sit_opt_added .sit_opt_del:hover {color:#be334a} #sit_opt_added .sit_opt_prc {display:block;float:right;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold} #mod_option_frm #sit_sel_option {margin:20px 20px 10px} #mod_option_frm #sit_tot_price {float:left;display:inline-block;margin:0 20px 20px} #mod_option_frm #sit_opt_added {} #mod_option_frm .btn_confirm {float:right;display:inline-block;margin:0 20px 20px;background:yellow} #mod_option_frm .btn_confirm .btn_submit {width:100px;height:40px;font-size:1.167em;font-weight:bold;cursor:pointer} #mod_option_frm .btn_confirm .btn_close {position:absolute;top:0;right:0;width:50px;height:50px;border:0;background:none;font-size:1.25em;border-radius:0} #mod_option_frm .btn_confirm .btn_close:hover {background:#f3f3f3} /* 주소 팝업 S */ #delivery_pop {width: 400px; min-height: 594px; height: auto; background: #FFFFFF; position: fixed; z-index: 4; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 30px 24px; display: none;} #delivery_pop.active {display: block;} #delivery_pop h5 {height: 20px; line-height: 20px; color: #000000; font-size: 16px; margin: 0 0 22px; position: relative;} #delivery_pop h5 .delivery_close {display: block; width: 24px; height: 24px; position: absolute;top: -6px;right: 0;cursor: pointer;} #delivery_pop .step_ {display: none;} #delivery_pop .step_.active {display: block;} #delivery_pop .dp_title {height: 16px; line-height: 16px; font-size: 14px; margin: 0 0 12px;} #delivery_pop .dp_address {width: 100%;height: 48px;background: #FFFFFF; border: 1px solid #C2C3C6; border-radius: 4px; position: relative; overflow: hidden;} #delivery_pop .dp_address.focus {border-color: #000000;} #delivery_pop .dp_address input {font-size: 14px; border: 0px; padding: 0 16px; width: 100%; height: 100%; font-weight: 600;color: #000000;} #delivery_pop .dp_address input::placeholder {font-weight: 300; color: #9A9CA4;} #delivery_pop .dp_address .dp_address_btn {display: block; width: 46px; height: 46px; background: url('../../img/i_search.svg') no-repeat 50% 50%; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); right: 0;} #delivery_pop .dp_address_list {width: calc(100% + 24px); margin: 4px 0 0; height: 410px; overflow: auto;} #delivery_pop .dp_address_list::-webkit-scrollbar { width: 7px;} #delivery_pop .dp_address_list::-webkit-scrollbar-track { background-color: transparent; } #delivery_pop .dp_address_list::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #ddd;} #delivery_pop .dp_address_list::-webkit-scrollbar-button { width: 0; height: 0; } #delivery_pop .dp_address_list li {width: 352px; min-height: 72px; height: auto; border-bottom: 1px solid #DEDEDE; padding: 16px 0; cursor: pointer;} #delivery_pop .dp_address_list li.address_none {border: 0px;text-align: center;padding: 50px 0 0;font-size: 14px;color: #999;} #delivery_pop .dp_address_list li > div {font-size: 14px;} #delivery_pop .dp_address_list li .dp_address_txt1 {min-height: 16px; height: auto; line-height: 16px; margin: 0 0 4px; color: #000;} #delivery_pop .dp_address_list li .dp_address_txt2 {color: #717683; position: relative; min-height: 20px; height: auto; line-height: 20px; padding: 0 0 0 40px;} #delivery_pop .dp_address_list li .dp_address_txt2:before {content: '도로명'; position: absolute; left: 0; vertical-align: bottom; font-size: 10px; display: inline-block; width: 36px;height: 20px; line-height: 20px;background: #C2C3C6;border-radius: 3px; text-align: center; color: #FFF; margin: 0 4px 0 0;} #delivery_pop .dp_address_list li.address_etc {border: 0px; pointer-events: none;} #delivery_pop .dp_address_list li.address_etc .address_etc_tit {color: #4E6D0B; height: 18px; line-height: 18px; font-size: 14px; letter-spacing: -0.5px; font-weight: 500;} #delivery_pop .dp_address_list li.address_etc .address_etc_txt {} #delivery_pop .dp_address_list li.address_etc .address_etc_txt > dl {margin: 10px 0 0; padding: 0 0 0 6px; position: relative;} #delivery_pop .dp_address_list li.address_etc .address_etc_txt > dl dt {margin: 0 0 4px; height: 18px; line-height: 18px; font-size: 14px; color: #222; font-weight: 500; letter-spacing: -0.5px;} #delivery_pop .dp_address_list li.address_etc .address_etc_txt > dl dt::before {content: ''; width: 2px; height: 2px; background: #222; border-radius: 50%; position: absolute; left: 0; top: 8px;} #delivery_pop .dp_address_list li.address_etc .address_etc_txt > dl dd {height: 18px; line-height: 18px; color: #A2A2A2; font-size: 14px; letter-spacing: -0.5px; font-weight: 500;} #delivery_pop .sp_2_box {display: none; position: relative;} #delivery_pop .sp_2_box.active {display: block;} #delivery_pop .sp_2_box .sp_2_tit {font-size: 22px; line-height: 32px; font-weight: 600; margin: 0 0 32px;} #delivery_pop .sp_2_box .sp_2_tit label {display: block; color: #4E6D0B;} #delivery_pop .sp_2_box .sp_2_addr {font-size: 14px; border-bottom: 1px solid #DEDEDE; padding: 0 0 15px;} #delivery_pop .sp_2_box .sp_2_addr .sp_2_txt1 {min-height: 16px; line-height: 16px; margin: 0 0 4px;} #delivery_pop .sp_2_box .sp_2_addr .sp_2_txt2 {position: relative; color: #717683; min-height: 20px; line-height: 20px; padding: 0 0 0 32px;} #delivery_pop .sp_2_box .sp_2_addr .sp_2_txt2:before {content: '지번'; position: absolute; left: 0; vertical-align: bottom; font-size: 10px; display: inline-block; width: 28px;height: 20px; line-height: 20px;background: #C2C3C6;border-radius: 3px; text-align: center; color: #FFF; margin: 0 4px 0 0;} #delivery_pop .sp_2_box .sp_2_subtit {height: 20px; line-height: 20px; color: #000000; font-size: 16px; margin: 35px 0 12px;font-weight: 600;} #delivery_pop .sp_2_box .sp_2_sublist {height: 350px;overflow-y: auto; width: 374px;} #delivery_pop .sp_2_box .sp_2_sublist::-webkit-scrollbar { width: 4px;} #delivery_pop .sp_2_box .sp_2_sublist::-webkit-scrollbar-track { background-color: transparent; } #delivery_pop .sp_2_box .sp_2_sublist::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #ddd;} #delivery_pop .sp_2_box .sp_2_sublist::-webkit-scrollbar-button { width: 0; height: 0; } #delivery_pop .sp_2_box .sp_2_sublist li {margin: 0 0 8px; width: 352px;} #delivery_pop .sp_2_box .sp_2_sublist li:last-child {margin: 0 0 0;} #delivery_pop .sp_2_box .sp_2_sublist li.active {} #delivery_pop .sp_2_box .sp_2_sublist li.active .sp_2_subbox {border-color: #000000;} #delivery_pop .sp_2_box .sp_2_sublist li.active input {display: block;} #delivery_pop .sp_2_box .sp_2_sublist li input {display: none; width: 100%; height: 48px; border: 0px; border-bottom: 1px solid #4E6D0B; padding: 0 5px; font-size: 16px; margin: 4px 0 0;} #delivery_pop .sp_2_box .sp_2_sublist li input::placeholder {color: #9A9CA4;} #delivery_pop .sp_2_box .sp_2_sublist .sp_2_subbox {display: flex; padding: 10px 8px 0 10px; height: 144px;background: #FFFFFF;border: 1px solid #DEDEDE;border-radius: 9px; cursor: pointer;} #delivery_pop .sp_2_box .sp_2_sublist .sp_2_subimg {width: 120px; height: 120px;} #delivery_pop .sp_2_box .sp_2_subbtn { position: absolute; bottom: 0; width: 100%; height: 52px; line-height: 52px; background: #4E6D0B; opacity: 0.5; border-radius: 4px; cursor: pointer; text-align: center; color: #FFFFFF; font-size: 16px; pointer-events: none;} #delivery_pop .sp_2_box .sp_2_subbtn.active {background: #4E6D0B; pointer-events: auto; opacity: 1;} #delivery_pop .sp_2_box .sp_2_subinfo {padding: 8px 0 0 16px; width: 100%;} #delivery_pop .sp_2_box .sp_2_subinfo dt {height: 32px; line-height: 20px; padding: 0 0 12px; border-bottom: 1px solid #DEDEDE; margin: 0 5px 0 0; font-size: 16px;font-weight: 600;} #delivery_pop .sp_2_box .sp_2_subinfo dd {padding: 24px 0 0;} #delivery_pop .sp_2_box .sp_2_subinfo .sp_2_subprice {height: 46px; padding: 0 16px 0 10px; position: relative;} #delivery_pop .sp_2_box .sp_2_subinfo .sp_2_subprice_t {height: 46px; line-height: 46px; float: left; font-size: 12px; font-weight: 600;} #delivery_pop .sp_2_box .sp_2_subinfo .sp_2_subprice_c {float: right;} #delivery_pop .sp_2_box .sp_2_subinfo .sp_2_subprice_c > label {display: block; height: 12px; line-height: 12px; margin: 0 0 4px; color: #999999; text-decoration: line-through; font-size: 10px; text-align: right;} #delivery_pop .sp_2_box .sp_2_subinfo .sp_2_subprice_c > label::after { content: '기준가'; position: absolute; top: 0; left: 10px; color: #999999; font-size: 10px; display: inline-block;} #delivery_pop .sp_2_box .sp_2_subinfo .sp_2_subprice_c > label.red {color: #FF0000; text-decoration: none;margin: 4px 0 0;} #delivery_pop .sp_2_box .sp_2_subinfo .sp_2_subprice_c > label.red:before {content: ''; display: inline-block; margin: 0 2px 0 0; width: 6px; height: 6px; background: url('../../img/i_min_redsale.svg') no-repeat 50% 50%;} #delivery_pop .sp_2_box .sp_2_subinfo .sp_2_subprice_c > label.red:after {content: none;} #delivery_pop .sp_2_box .sp_2_subinfo .sp_2_subprice_c > span {display: block; height: 14px; line-height: 14px; font-size: 14px; font-weight: 600;} #delivery_pop .sp_2_box .sp_2_subinfo .sp_2_subprice_c > span > label {color: #000; vertical-align: top;} #delivery_pop .sp_2_box .sp_2_subinfo .sp_2_subrank {width: 100%; margin: 16px 0 0; height: 32px; line-height:32px; background: #F8F9FA;border-radius: 8px; padding: 4px 16px 0 4px;} #delivery_pop .sp_2_box .sp_2_subinfo .sp_2_subrank label {text-align: center; color: #000000; font-weight: 600; font-size: 10px; display: block; float: left; width: 62px;height: 24px; line-height: 24px;background: #F3F3F3;border-radius: 13px;} #delivery_pop .sp_2_box .sp_2_subinfo .sp_2_subrank span {float: right; color: #FF0000; font-size: 12px;} #delivery_pop .sp_2_box .sp_2_subinfo .sp_2_subrank span:before {content: '▼'; font-size: 10px; color: #FF0000; margin: 0 5px 0 0;} #delivery_pop .sp_2_box.step_2_y {height: 490px;} #delivery_pop .sp_2_box.step_2_y input {width: 100%; height: 48px; border: 0px; border-bottom: 1px solid #4E6D0B; padding: 0 5px; font-size: 16px; margin: 16px 0 0;} #delivery_pop .sp_2_box.step_2_y input::placeholder {color: #9A9CA4;} #delivery_pop .sp_2_box.step_2_n {height: 660px;} #delivery_pop .sp_2_box.step_2_n .sp_2_tit label {color: #FF0000;} #delivery_pop .sp_2_box.step_2_n .sp_2_tit .sp_2_info {font-weight: 500;line-height: 16px; color: #717683; margin-top: 10px;} #delivery_pop .sp_2_box.step_2_n .sp_2_tit .sp_2_info span {display: block; font-size: 12px;} /* 주소 팝업 E */ /* 리본문구 팝업 S */ #optionPop {z-index: 4; width: 400px; height: 658px; position: fixed; top: 50%; left: 50%; display: none; background: #F8F9FA; padding: 26px 24px 25px 24px; transform: translate(-50%, -50%);} #optionPop.active {display: block;} #optionPop h5 {letter-spacing: 0px; font-size: 20px; line-height: 30px; height: 30px; font-weight: 600; margin: 0 0 20px; position: relative;} #optionPop h5 label {vertical-align: top;} #optionPop h5 label.option_cnt {color: #38D36A;} #optionPop h5 .option_close {display: block; width: 24px; height: 24px; position: absolute;top: -6px;right: 0;cursor: pointer;} #optionPop .option_txt_list {width: 100%;height: 494px;margin: 0 0 10px;} /* overflow: auto;overflow-x: hidden; */ #optionPop .option_txt_list.ribbImgOn {height: 144px;} #optionPop .option_txt_list::-webkit-scrollbar { width: 4px;} #optionPop .option_txt_list::-webkit-scrollbar-track { background-color: transparent; } #optionPop .option_txt_list::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #ddd;} #optionPop .option_txt_list::-webkit-scrollbar-button { width: 0; height: 0; } #optionPop .option_txt_list.op_ribbon_box li {width: 350px; height: 144px; background: #FFFFFF; border-radius: 8px; margin: 0 0 10px; padding: 18px 18px 18px;} #optionPop .option_txt_list.op_ribbon_box li:last-child {margin: 0 0 0;} #optionPop .option_txt_list.op_ribbon_box li .otl_tit {color: #3B3E46; font-weight: 500; display: block; height: 16px; line-height: 16px; font-size: 14px; margin: 0 0 8px; display: none;} #optionPop .option_txt_list.op_ribbon_box li dl {width: 100%; height: 52px;background: #FFFFFF;border: 1px solid #DEDEDE;border-radius: 4px;display: flex;} #optionPop .option_txt_list.op_ribbon_box li dl.left_ribbon { margin: 0 0 4px;} #optionPop .option_txt_list.op_ribbon_box li dl.cursor {border-color: #38D36A;} #optionPop .option_txt_list.op_ribbon_box li dl dt {width: 82px; padding: 14px 0 0 16px; margin: 0 5px 0 0;} #optionPop .option_txt_list.op_ribbon_box li dl dt label {font-weight: 600; font-size: 12px; color: #0A132B; display: inline-block; height: 22px; line-height: 22px; background: #F5F5F5; border-radius: 4px; padding: 0 4px; width: 100%; text-align: center;} #optionPop .option_txt_list.op_ribbon_box li dl dd {width: calc(100% - 88px); position: relative;} #optionPop .option_txt_list.op_ribbon_box li dl dd input {width: 100%; height: 100%; border: 0px; font-size: 14px;} #optionPop .option_txt_list.op_ribbon_box li dl dd input::placeholder {color: #9A9CA4;} #optionPop .option_txt_list.op_ribbon_box li dl dd .ribbon_open_btn {cursor: pointer;width: 24px;height: 24px;position: absolute;right: 10px;bottom: 12px;display: block;background: url('../../img/i_arrow_down_g.svg') no-repeat 50% 50%;} #optionPop .option_txt_list.op_ribbon_box li dl dd .ribbon_open_list {display: none;} #optionPop .option_txt_list.op_ribbon_box li dl dd .ribbon_open_list::-webkit-scrollbar { width: 4px;} #optionPop .option_txt_list.op_ribbon_box li dl dd .ribbon_open_list::-webkit-scrollbar-track { background-color: transparent; } #optionPop .option_txt_list.op_ribbon_box li dl dd .ribbon_open_list::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #ddd;} #optionPop .option_txt_list.op_ribbon_box li dl dd .ribbon_open_list::-webkit-scrollbar-button { width: 0; height: 0; } #optionPop .option_txt_list.op_ribbon_box li dl dd .ribbon_open_list.active {z-index: 1; display: block; position: absolute;bottom: -151px;right: -2px;width: 314px;height: 150px;background: #FFF;overflow: auto;border: 1px solid #ddd;border-width: 0 1px 1px;} #optionPop .option_txt_list.op_ribbon_box li dl dd .ribbon_open_list > div {height: 40px;line-height: 40px;padding: 0 10px;cursor: pointer;font-size: 14px} #optionPop .option_txt_list.op_ribbon_box li dl dd .ribbon_open_list > div:hover {background: #F8F9FA;} #optionPop .option_txt_list.op_card_box li {width: 350px; height: 180px;background: #FFFFFF;border-radius: 9px; margin: 0 0 10px; padding: 30px 18px 18px;} #optionPop .option_txt_list.op_card_box li:last-child {margin: 0 0 0;} #optionPop .option_txt_list.op_card_box li .otl_tit {display: block; height: 16px; line-height: 16px; font-size: 14px; margin: 0 0 8px;} #optionPop .option_txt_list.op_card_box li dl {width: 100%; height: 108px;background: #FFFFFF;border-radius: 4px;} #optionPop .option_txt_list.op_card_box li dl dd {height: 100%;} #optionPop .option_txt_list.op_card_box li dl dd textarea {width: 100%; height: 100%; border: 1px solid #DEDEDE; padding: 14px 14px; resize: none; border-radius: 4px;} #optionPop .option_txt_list.op_card_box li dl dd textarea:focus {border-color: #38D36A;} #optionPop .option_txt_img {width: 352px; height: 340px; margin: 0 auto 10px;} #optionPop .option_txt_img.option_txt_imggj {background: url('../../img/responsive/web/ribb_gj.jpg') no-repeat 50% 50%; background-size: cover;} #optionPop .option_txt_img.option_txt_imgco {background: url('../../img/responsive/web/ribb_cong.jpg') no-repeat 50% 50%; background-size: cover;} #optionPop .sit_btn_buy {height: 52px; line-height: 52px; width: 100%; font-size: 16px; text-align: center; cursor: pointer; font-weight: 300;} /* 리본문구 팝업 E */ /* 날짜선택 S */ .ui-datepicker {width: 346px; height: 444px; border: 1px solid #DDD;border-radius: 8px; padding: 38px 32px 0; z-index: 12 !important; top: 50% !important;transform: translate(-50%, -50%);left: 50% !important;position: fixed !important;} .ui-datepicker:before {content: '날짜선택하기'; display: block; height: 22px; line-height: 22px; color: #555555; font-size: 18px; font-weight: 600; margin: 0 0 32px;} .ui-datepicker .ui-datepicker-header {background: #FFF; border: 0px; height: 30px; padding: 0 0 0; margin: 0 0 16px;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 0; width: 30px; height: 30px; border: 0px; border-radius: 50%;} .ui-datepicker .ui-datepicker-prev {left: 0;} .ui-datepicker .ui-datepicker-prev-hover { left: 0;} .ui-datepicker .ui-datepicker-next {right: 0;} .ui-datepicker .ui-datepicker-next-hover { right:0; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {cursor: pointer; background: url('../../img/index/date_arrow.svg') no-repeat 50% 50% !important; width: 30px;height: 30px;margin: 0 0 0;left: 0;top: 0;} .ui-datepicker .ui-datepicker-prev span {transform: rotate( 180deg );} .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 0; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: transparent ; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } .ui-datepicker .ui-datepicker-title {margin: 0 30px;line-height: 28px;height: 28px;text-align: center;font-size: 18px;} .ui-datepicker th {padding: 12px 0; } .ui-datepicker th span {color: #555555;} .ui-datepicker td {padding: 0 0;} .ui-datepicker td:first-child a {color: #FF4A4A;} .ui-datepicker td:last-child a {color: #464CFF;} .ui-datepicker td.date-today-alert {opacity: 1 !important; cursor: pointer;} .ui-datepicker td span, .ui-datepicker td a {padding: 12px 0; text-align: center; font-size: 12px;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: 0px; background: transparent;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background: #EDFAF0;border-radius: 8px; color: #38D36A;} .ui-state-active, .ui-widget-content .ui-state-hover {box-shadow: 0px 3px 6px #00000029; background: #F8F9FA;border-radius: 8px;} /* 날짜선택 E */ .sit_btn_buy_new {width: 100%; text-align: center;line-height: 60px; cursor: pointer; float: left;height: 60px;margin: 0 0 16px;font-weight: 400;font-size: 18px; background: #000;border-radius: 30px;color: #fff;} .sit_btn_buy_new > label {vertical-align: top;margin: 0 0 0 5px; cursor: pointer;} .sit_btn_buy_new > label:before {content: '(';} .sit_btn_buy_new > label:after {content: ')';} .sit_btn_cart { float: left; cursor: pointer; width: 100%;height: 60px; line-height: 60px; background: #FFFFFF;border: 1px solid #DEDEDE;border-radius: 30px; font-weight: 400; text-align: center; font-size: 18px; border: 1px solid #000;} .sit_btn_login {width: 100%; text-align: center;line-height: 60px; cursor: pointer; float: left;height: 60px;margin: 0 0 16px;font-weight: 400;font-size: 18px; background: #000;border-radius: 30px;color: #fff; position: relative;} .sit_btn_login::before {content: '🎁 로그인하고 숨겨진 특별 혜택을 확인하세요'; height: 30px; line-height: 30px; display: flex; width: max-content; flex-direction: column; align-items: flex-start; color: #FFF; font-size: 14px; position: absolute; left: 50%; transform: translateX(-50%); top: -18px; border-radius: 16px; background: #4E6D0B; padding: 0 12px;} .sit_btn_join { float: left; cursor: pointer; width: 100%;height: 60px; line-height: 60px; background: #FFFFFF;border: 1px solid #DEDEDE;border-radius: 30px; font-weight: 400; text-align: center; font-size: 18px; border: 1px solid #000;} .sit_ov_from_tag {display: none;} /* 시간선택 S */ .dateTimePopup {display: none; width: 370px; height: 548px; background: #FFF; border-radius: 8px; position: fixed; z-index: 12; top: 50%; left: 50%;transform: translate(-50%, -50%);} .dateTimePopup.active {display: block;} .dateTimePopup .dTP_cont {} .dateTimePopup .dTP_cont > dt {height: 128px; border-radius: 8px 8px 0 0; padding: 30px 0 0 0; border-bottom: 1px solid #DEDEDE;} .dateTimePopup .dTP_cont > dt.active {background: #F6F7FB; border-bottom: 0px;} .dateTimePopup .dTP_cont > dt.active .dTP_head_text .dTP_head_chk {border: 1px solid #4E6D0B;} .dateTimePopup .dTP_cont > dt.active .dTP_head_text .dTP_head_chk:before {content: ''; border-radius: 50%; position: absolute; top: 4px; left: 4px; width: 10px; height: 10px; background: #4E6D0B;} .dateTimePopup .dTP_cont > dt .dTP_head_tit { height: 20px; line-height: 20px; margin: 0 0 22px; padding: 0 0 0 32px; color: #555; font-size: 16px; font-weight: 600;} .dateTimePopup .dTP_cont > dt .dTP_head_text {padding: 0 0 0 76px; position: relative; display: inline-block;width: 100%;cursor: pointer;} .dateTimePopup .dTP_cont > dt .dTP_head_text .dTP_head_chk {display: block; position: absolute; top: 10px; left: 40px; width: 20px; height: 20px; border: 1px solid #c2c3c6; border-radius: 50%; background: #FFF;} .dateTimePopup .dTP_cont > dt .dTP_head_text .dTP_head_left {width: 100px; float: left; margin: 0 30px 0 0;} .dateTimePopup .dTP_cont > dt .dTP_head_text .dTP_head_left > label {margin: 0 0 2px; display: block; color: #333; font-size: 12px; width: 78px;height: 24px; line-height: 24px; padding: 0 0 0 0; border-radius: 15px; text-align: center; font-weight: 600;} .dateTimePopup .dTP_cont > dt .dTP_head_text .dTP_head_left > label.b_car {/*background: #F7F6FF url('../img/i_car_b.svg') no-repeat top 50% left 4px;*/} .dateTimePopup .dTP_cont > dt .dTP_head_text .dTP_head_left > label.b_time {/*background: #F7F6FF url('../img/i_time_b.svg') no-repeat top 50% left 4px;*/} .dateTimePopup .dTP_cont > dt .dTP_head_text .dTP_head_left > span {display: block; height: 18px; line-height: 18px; color: #555555; font-size: 12px; padding: 0 0 0 3px;} .dateTimePopup .dTP_cont > dt .dTP_head_text .dTP_head_right {width: 120px;text-align: center;float: left; padding: 6px 0 0;} .dateTimePopup .dTP_cont > dt .dTP_head_text .dTP_head_right > label {display: block; color: #333; font-size: 12px; font-weight: 300;} .dateTimePopup .dTP_cont > dt .dTP_head_text .dTP_head_right > span {display: block; color: #333; font-size: 12px; font-weight: 600; margin: 0 0 3px;} .dateTimePopup .dTP_cont > dd {height: 362px; padding: 30px 0 0 32px;} .dateTimePopup .dTP_cont > dd .dTP_body_tit {margin: 0 0 6px; height: 18px; line-height: 18px; font-weight: 600; color: #3B3E46; font-size: 14px;} .dateTimePopup .dTP_cont > dd .dTP_body_list {height: 308px; overflow: auto;} .dateTimePopup .dTP_cont > dd .dTP_body_list::-webkit-scrollbar { width: 7px;} .dateTimePopup .dTP_cont > dd .dTP_body_list::-webkit-scrollbar-track { background-color: transparent; } .dateTimePopup .dTP_cont > dd .dTP_body_list::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #ddd;} .dateTimePopup .dTP_cont > dd .dTP_body_list::-webkit-scrollbar-button { width: 0; height: 0; } .dateTimePopup .dTP_cont > dd .dTP_body_list > li {position: relative; width: 306px; height: 48px; line-height: 48px; border-bottom: 2px solid #EEE; font-size: 12px; color: #555; font-weight: 500; padding: 0 0 0 44px; cursor: pointer;} .dateTimePopup .dTP_cont > dd .dTP_body_list > li.noActive {pointer-events: none; opacity: 0.3;} .dateTimePopup .dTP_cont > dd .dTP_body_list > li.noActive:hover {background: transparent;} .dateTimePopup .dTP_cont > dd .dTP_body_list > li > label {display: block; position: absolute; top: 14px; left: 8px; width: 20px; height: 20px; border: 1px solid #c2c3c6; border-radius: 50%; background: #FFF;} .dateTimePopup .dTP_cont > dd .dTP_body_list > li:hover {background: #F6F7FB;} .dateTimePopup .dTP_cont > dd .dTP_body_list > li.active {background: #F6F7FB; color: #4E6D0B;} .dateTimePopup .dTP_cont > dd .dTP_body_list > li.active > label {border-color: #4E6D0B;} .dateTimePopup .dTP_cont > dd .dTP_body_list > li.active > label:before {content: ''; border-radius: 50%; position: absolute; top: 4px; left: 4px; width: 10px; height: 10px; background: #4E6D0B;} .dateTimePopup .dTP_btn {width: 354px;height: 52px; line-height: 52px; cursor: pointer; text-align: center; background: #4E6D0B; border-radius: 8px; color: #FFF; position: absolute; left: 50%; transform: translateX(-50%); bottom: 6px; font-size: 16px;} .dateTimePopup .dTP_btn_group {width: 356px;height: 52px; line-height: 52px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 6px; font-size: 16px;} .dateTimePopup .dTP_btn_group > div {font-weight: 300; text-align: center; height: 52px; line-height: 52px; border-radius: 8px; font-size: 16px; cursor: pointer; float: left;} .dateTimePopup .dTP_btn_group > .dTP_btn_back {width: 70px; background: #F7F8F9; color: #000000; margin: 0 6px 0 0;} .dateTimePopup .dTP_btn_group > .dTP_btn_save { width: 280px; background: #4E6D0B; color: #FFF; position: relative;left: initial;transform: initial;bottom: initial;} .dateTimePopup.wreathActive .dTP_cont > dt {border: 0px; height: 50px;} .dateTimePopup.wreathActive .dTP_cont > dt .dTP_head_tit {margin: 0 0 0;} .dateTimePopup.wreathActive .dTP_cont > dt .dTP_head_text {display: none;} .dateTimePopup.wreathActive .dTP_cont > dd {height: 434px;padding: 11px 0 0 32px;} .dateTimePopup.wreathActive .dTP_cont > dd .dTP_body_tit {display: none;} .dateTimePopup.wreathActive .dTP_cont > dd .dTP_body_list {height: 408px;} .detail_content {padding: 20px 0 0;} .detail_content .detail_guide {width: 100%; padding: 60px 64px 60px;} .detail_content .detail_guide_row {border-bottom: 1px solid #000;} .detail_content .detail_guide_row.active {} .detail_content .detail_guide_row.active > dt {background: url('../../img/ver2/i_minus.svg') no-repeat top 50% right 40px;} .detail_content .detail_guide_row.active > dd {display: block; border-top: 1px solid #000; padding: 40px 0; } .detail_content .detail_guide_row > dt {height: 106px; line-height: 106px; cursor: pointer; color: #000; font-size: 24px; font-weight: 400; letter-spacing: -0.48px; background: url('../../img/ver2/i_plus.svg') no-repeat top 50% right 40px;} .detail_content .detail_guide_row > dd {display: none;} .detail_content .detail_guide_row > dd * {color: #000 !important; font-size: 20px !important; font-weight: 400 !important; font-family: revert !important;} .detail_content .detail_guide_row > dd > p {margin: 0 0 4px; position: relative; padding: 0 0 0 24px;} .detail_content .detail_guide_row > dd > p.no_dot {} .detail_content .detail_guide_row > dd > p.no_dot:before {content: none;} .detail_content .detail_guide_row > dd > p:last-child {margin: 0 0 0;} .detail_content .detail_guide_row > dd > p:before {content: '∙ '; position: absolute; left: 0px; top: 0;height: 28px;line-height: 28px;} .detail_content .detail_guide_row > dd p {color: #000; font-size: 20px; line-height: 24px;} .detail_content .detail_guide_row > dd p.it_dot {position: relative;padding: 0 0 0 24px;} .detail_content .detail_guide_row > dd p.it_dot:before {content: '∙ '; position: absolute; left: 0px; top: 0;height: 28px;line-height: 28px;} .detail_content .detail_guide_row > dd p.it_dot2 {position: relative;padding: 0 0 0 20px;} .detail_content .detail_guide_row > dd p.it_dot2:before {content: '- '; position: absolute; left: 10px; top: 0;height: 28px;line-height: 28px;} .detail_content .detail_guide_row > dd p.it_dot3 {padding: 0 0 0 24px;} .detail_content .detail_guide_row > dd p * {color: #000 !important; font-size: 20px !important; line-height: 28px !important; font-family: revert !important;} .detail_content .detail_guide_row > dd p span {font-size: 20px !important; margin: 0 2px 0 0;} .detail_content .detail_guide_row.no_round_first > dd p {padding: 0 0 0;} .detail_content .detail_guide_row.no_round_first > dd p::before {content: none;} .detail_content .detail_philosophy {background: var(--green-900, #212E05); padding: 100px 64px 100px;} .detail_content .detail_philosophy .detail_philosophy_tit {display: flex;flex-direction: column;align-items: flex-start;align-self: stretch; margin: 0 0 100px;} .detail_content .detail_philosophy .detail_philosophy_tit > dt {display: flex;padding-bottom: 32px;flex-direction: column;align-items: flex-start;gap: 16px;} .detail_content .detail_philosophy .detail_philosophy_tit > dt > label {display: flex;justify-content: center;align-items: center; color: #D5D5D5; font-size: 16px; font-weight: 500; letter-spacing: -0.32px; line-height: 24px;} .detail_content .detail_philosophy .detail_philosophy_tit > dt > p {display: flex;flex-direction: column;align-items: flex-start;gap: 4px; color: #FFF; font-size: 56px; font-weight: 400; line-height: 62px; letter-spacing: -1.12px;} .detail_content .detail_philosophy .detail_philosophy_tit > dd {display: flex;align-items: center;align-self: stretch; color: #D5D5D5; font-size: 20px; font-weight: 500; line-height: 28px; letter-spacing: -0.6px; word-break: keep-all;} .detail_content .detail_philosophy .detail_philosophy_list {display: flex;align-items: flex-start;align-self: stretch; gap: 64px; margin: 0 0 100px;} .detail_content .detail_philosophy .detail_philosophy_list .detail_philosophy_row {width: calc((100% - 64px) / 2); display: flex;padding-bottom: 32px;flex-direction: column;align-items: flex-start;gap: 16px;align-self: stretch; border-bottom: 1px solid #454545;} .detail_content .detail_philosophy .detail_philosophy_list .detail_philosophy_rowT {display: flex;align-items: center;gap: 20px;} .detail_content .detail_philosophy .detail_philosophy_list .detail_philosophy_rowT > div {display: flex;width: 60px;height: 60px;justify-content: center;align-items: center;aspect-ratio: 1/1; border-radius: 100px;border: 1px solid #EBEBEB;background: #FFF;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02); color: #000; font-size: 24px; font-weight: 400; letter-spacing: -0.48px;} .detail_content .detail_philosophy .detail_philosophy_list .detail_philosophy_rowT > dl {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 2px;} .detail_content .detail_philosophy .detail_philosophy_list .detail_philosophy_rowT > dl > dt {color: #D5D5D5; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: -0.14px;} .detail_content .detail_philosophy .detail_philosophy_list .detail_philosophy_rowT > dl > dd {color: #FFF; font-size: 24px; font-weight: 500; letter-spacing: -0.48px; line-height: 32px;} .detail_content .detail_philosophy .detail_philosophy_list .detail_philosophy_rowC {display: flex;justify-content: start;align-items: center;align-self: stretch; color: #B6B6B6; font-size: 18px; font-weight: 500; line-height: 28px; letter-spacing: -0.36px; text-align: left; word-break: keep-all;} .detail_content .detail_philosophy .detail_philosophy_result {width: 100%; display: flex;flex-direction: column;align-items: center;gap: 20px;align-self: stretch; margin: 0 0 32px;} .detail_content .detail_philosophy .detail_philosophy_result > dt { color: #B6B6B6; text-align: center; font-size: 24px; font-weight: 500; letter-spacing: -0.48px; line-height: 32px;} .detail_content .detail_philosophy .detail_philosophy_result > dt br.mb_br {display: none;} .detail_content .detail_philosophy .detail_philosophy_result > dd {color: #D5D5D5; text-align: center; font-size: 32px; font-weight: 500; letter-spacing: -0.64px; line-height: 46px;} .detail_content .detail_philosophy .detail_philosophy_line {width: 1px;height: 52px;margin: 0 auto; background: #B6B6B6;} .detail_content .detail_introduce {padding: 100px 64px 60px; background: #F6F6F6;} .detail_content .detail_introduce .detail_introduce_tit {display: flex;flex-direction: column;align-items: flex-start;align-self: stretch; margin: 0 0 60px;} .detail_content .detail_introduce .detail_introduce_tit > dt {display: flex;padding-bottom: 32px;flex-direction: column;align-items: flex-start;gap: 16px;} .detail_content .detail_introduce .detail_introduce_tit > dt > label {display: flex;justify-content: center;align-items: center; color: #747474; font-size: 16px; font-weight: 500; letter-spacing: -0.32px; line-height: 24px;} .detail_content .detail_introduce .detail_introduce_tit > dt > p {display: flex;flex-direction: column;align-items: flex-start;gap: 4px; color: #000; font-size: 56px; font-weight: 400; line-height: 72px; letter-spacing: -1.12px;} .detail_content .detail_introduce .detail_introduce_tit > dd {display: flex;align-items: center;align-self: stretch; color: #747474; font-size: 20px; font-weight: 500; line-height: 28px; letter-spacing: -0.6px;word-break: keep-all; } .detail_content .detail_introduce .detail_introduce_img {width: 100%; aspect-ratio: 16 / 9; overflow: hidden; position: relative;} .detail_content .detail_introduce .detail_introduce_img img {width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .detail_content .detail_special {display: flex; align-items: center; align-content: center; gap: 28px 40px; flex: 1 0 0; align-self: stretch; flex-wrap: wrap; padding: 0 64px 100px; background: #F6F6F6;} .detail_content .detail_special_row {width: calc((100% - 40px) / 2); height: 112px; padding: 30px 0; border-bottom: 1px solid #000; display: flex; align-items: flex-start;gap: 24px;align-self: stretch;} .detail_content .detail_special_row > dl {display: flex;flex-direction: column;align-items: flex-start;} .detail_content .detail_special_row > dl dt {color: #000; letter-spacing: -0.32px; line-height: 24px; font-size: 16px; font-weight: 500;} .detail_content .detail_special_row > dl dd {color: #000; letter-spacing: -0.48px; line-height: 36px; font-size: 24px; font-weight: 400; align-self: stretch;} .detail_content .detail_point {padding: 74px 64px 40px;} .detail_content .detail_point .detail_point_row {width: 100%; display: flex;flex-direction: column;align-items: flex-start;gap: 20px;align-self: stretch;} .detail_content .detail_point .detail_point_row > dt {letter-spacing: -0.64px; line-height: 38px; font-size: 32px; color: #000; font-weight: 500;} .detail_content .detail_point .detail_point_row > dd {letter-spacing: -0.6px; line-height: 28px; font-size: 20px;} .detail_content .detail_point .detail_point_row > dd > p { position: relative; padding: 0 0 0 24px;} .detail_content .detail_point .detail_point_row > dd > p:before { content: ''; position: absolute; left: 8px;top: 12px; width: 4px; height: 4px; border-radius: 50%; background: #000; } .detail_content .detail_makeup {padding: 0 64px 0; background: #F6F6F6;} .detail_content .detail_makeup .detail_makeup_tit {margin: 0 0 40px; letter-spacing: -1.12px; font-size: 56px; line-height: 60px; font-weight: 400;} .detail_content .detail_makeup .detail_makeup_list {display: grid; gap: 16px; align-items: center; align-content: center; align-self: stretch; flex-wrap: wrap; grid-template-columns: repeat(3, calc((100% - 32px) / 3));} .detail_content .detail_makeup .detail_makeup_list > li {width: 100%; position: relative; overflow: hidden; aspect-ratio: 1 / 1;} .detail_content .detail_makeup .detail_makeup_list > li > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;} .detail_content .detail_collection {padding: 100px 64px 60px; background: #F6F6F6;} .detail_content .detail_collection .detail_collection_tit {display: flex;flex-direction: column;align-items: flex-start;align-self: stretch; margin: 0 0 60px;} .detail_content .detail_collection .detail_collection_tit > dt {display: flex;padding-bottom: 32px;flex-direction: column;align-items: flex-start;gap: 16px;} .detail_content .detail_collection .detail_collection_tit > dt > label {display: flex;justify-content: center;align-items: center; color: #747474; font-size: 16px; font-weight: 500; letter-spacing: -0.32px; line-height: 24px;} .detail_content .detail_collection .detail_collection_tit > dt > p {display: flex;flex-direction: column;align-items: flex-start;gap: 4px; color: #000; font-size: 48px; font-weight: 400; line-height: 52px; letter-spacing: -0.96px;} .detail_content .detail_collection .detail_collection_tit > dd {display: flex;align-items: center;align-self: stretch; color: #747474; font-size: 20px; font-weight: 500; line-height: 28px; letter-spacing: -0.6px; } .detail_content .detail_collection .detail_collection_list {width: 100%; display: flex;align-items: flex-start;gap: 32px;align-self: stretch;} .detail_content .detail_collection .detail_collection_list .detail_collection_row {width: calc((100% - 64px) / 3); display: flex;flex-direction: column;align-items: flex-start;gap: 24px;flex: 1 0 0;} .detail_content .detail_collection .detail_collection_list .detail_collection_row > span {display: flex;width: 96px;height: 96px;justify-content: center;align-items: center; border-radius: 100px;border: 1px solid #EBEBEB;background: #FFF;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02); font-size: 34px; letter-spacing: -0.68px; color: #000; } .detail_content .detail_collection .detail_collection_list .detail_collection_row > div {display: flex;align-items: center;align-self: stretch; color: #000; font-size: 32px; font-weight: 500; letter-spacing: -0.64px; line-height: 46px; word-break: keep-all;} .detail_content .detail_collection .detail_collection_list .detail_collection_row > p {display: flex;align-items: center;align-self: stretch; color: #747474; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: -0.32px; word-break: keep-all;} .detail_content .detail_comparison {padding: 100px 64px 60px; background: #FFF;} .detail_content .detail_comparison .detail_comparison_tit {display: flex;flex-direction: column;align-items: flex-start;align-self: stretch; margin: 0 0 60px;} .detail_content .detail_comparison .detail_comparison_tit > dt {display: flex;padding-bottom: 32px;flex-direction: column;align-items: flex-start;gap: 16px;} .detail_content .detail_comparison .detail_comparison_tit > dt > label {display: flex;justify-content: center;align-items: center; color: #747474; font-size: 16px; font-weight: 500; letter-spacing: -0.32px; line-height: 24px;} .detail_content .detail_comparison .detail_comparison_tit > dt > p {display: flex;flex-direction: column;align-items: flex-start;gap: 4px; color: #000; font-size: 56px; font-weight: 400; line-height: 62px; letter-spacing: -1.12px;} .detail_content .detail_comparison .detail_comparison_tit > dt > p:after {content: '품질의 차이가 품격의 차이를 만듭니다'; color: #000; font-size: 56px; font-weight: 400; line-height: 62px; letter-spacing: -1.12px;} .detail_content .detail_comparison .detail_comparison_tit > dd {display: flex;align-items: center;align-self: stretch; color: #747474; font-size: 20px; font-weight: 500; line-height: 28px; letter-spacing: -0.6px; } .detail_content .detail_comparison .detail_comparison_cont {width: 100%;display: flex;padding: 0 70px;justify-content: center;align-items: center;align-self: stretch;} .detail_content .detail_comparison .detail_comparison_row {width: 50%; display: flex;align-items: center;} .detail_content .detail_comparison .detail_comparison_row.detail_comparison_vie {padding: 0 64px;} .detail_content .detail_comparison .detail_comparison_row.detail_comparison_vie .detail_comparison_box {border-radius: 16px;border: 1px solid var(--grey-200, #D5D5D5);opacity: 0.9;background: #FFF; box-shadow: none;} .detail_content .detail_comparison .detail_comparison_row.detail_comparison_vie .detail_comparison_img::before {content: '저가 화환 업체'; background: #959595;} .detail_content .detail_comparison .detail_comparison_row.detail_comparison_vie .detail_comparison_list > li {} .detail_content .detail_comparison .detail_comparison_row.detail_comparison_vie .detail_comparison_list > li::before {content: ''; background: #F6F6F6 url('../../img/ver2/i_comparison_vie.svg') no-repeat center;} .detail_content .detail_comparison .detail_comparison_row.detail_comparison_fp {} .detail_content .detail_comparison .detail_comparison_row .detail_comparison_box {width: 100%; display: flex;flex-direction: column;align-items: flex-start;align-self: stretch; border-radius: 16px;border: 2px solid #000; overflow: hidden; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05), 0 16px 32px 0 rgba(0, 0, 0, 0.10);} .detail_content .detail_comparison .detail_comparison_row .detail_comparison_img {display: flex; width: 100%;flex-direction: column;align-items: flex-start;aspect-ratio: 1/1; position: relative;} .detail_content .detail_comparison .detail_comparison_row .detail_comparison_img > img {max-width: 100%; aspect-ratio: 1/1;} .detail_content .detail_comparison .detail_comparison_row .detail_comparison_img::before {content: 'FlowerPlus'; position: absolute; top: 0; left: 0; display: flex;padding: 8px 24px;justify-content: center;align-items: center; border-radius: 14px 0 14px 0;background: #4E6D0B; color: #FFF; font-size: 18px; letter-spacing: -0.36px; line-height: 27px; z-index: 1;} .detail_content .detail_comparison .detail_comparison_row .detail_comparison_list {width: 100%; display: flex;padding: 32px;flex-direction: column;align-items: flex-start;gap: 24px;align-self: stretch;} .detail_content .detail_comparison .detail_comparison_row .detail_comparison_list > li {position: relative; display: flex;align-items: flex-start;gap: 16px;align-self: stretch; color: #000; font-size: 24px; font-weight: 500; line-height: 32px; letter-spacing: -0.48px;} .detail_content .detail_comparison .detail_comparison_row .detail_comparison_list > li::before {content: ''; display: flex;width: 32px;height: 32px;flex-direction: column;align-items: flex-start; border-radius: 100px; background: #EDF0E7 url('../../img/ver2/i_comparison_fp.svg') no-repeat center;} .detail_content .detail_concept {width: 100%; position: relative; overflow: hidden; margin: 0 0 0; aspect-ratio: 16 / 9;} .detail_content .detail_concept .detail_concept_bg {width: 100%; position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); z-index: 1;} .detail_content .detail_concept .detail_concept_bg > img {width: 100%;} .detail_content .detail_concept .detail_concept_logo {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;} .detail_content .detail_concept2 {width: 100%; position: relative; overflow: hidden; margin: 0 0 100px; aspect-ratio: 16 / 9;} .detail_content .detail_concept2 .detail_concept2_bg {width: 100%; position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); z-index: 1;} .detail_content .detail_concept2 .detail_concept2_bg > img {width: 100%;} .detail_content .detail_concept2 .detail_concept2_group {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; text-align: center; width: max-content;} .detail_content .detail_concept2 .detail_concept2_group li {color: #FFF; text-align: center; letter-spacing: -0.14px; line-height: 21px; font-size: 14px; font-weight: 400;} .detail_content .detail_concept2 .detail_concept2_logo {width: 100px; margin: 0 auto 16px;} .detail_content .detail_concept2 .detail_concept2_logo > img {width: 100%;} .detail_content .detail_promotion {padding: 100px 0 100px; overflow: hidden;} .detail_content .detail_promotion .detail_promotion_maintit {margin: 0 0 40px; padding: 0 64px;} .detail_content .detail_promotion .detail_promotion_maintit > dt {letter-spacing: -1.12px; line-height: 60px; font-size: 56px; font-weight: 400; margin: 0 0 10px;} .detail_content .detail_promotion .detail_promotion_maintit > dd {letter-spacing: -0.48px; line-height: 32px; font-size: 24px; font-weight: 500;} .detail_content .detail_promotion .detail_promotion_list { width: 100%; display: flex;padding: 0 64px;flex-direction: column;align-items: flex-start;gap: 10px;align-self: stretch;} .detail_content .detail_promotion .detail_promotion_row {display: flex;padding: 24px 32px;flex-direction: column;justify-content: center;align-items: flex-start;gap: 10px;align-self: stretch; border-radius: 8px;border: 1px solid #D9D9D9;background: #FFF;} .detail_content .detail_promotion .detail_promotion_row > dt {width: 100%; display: flex;align-items: center;gap: 16px; cursor: pointer; font-weight: 500; font-size: 20px; line-height: 28px; color: #000; letter-spacing: -0.6px; background: url('../../img/ver2/i_arrow_down.svg') no-repeat top 50% right 0;} .detail_content .detail_promotion .detail_promotion_row > dd {display: none; font-size: 16px; letter-spacing: -0.32px; line-height: 24px; color: #000; } .detail_content .detail_promotion .detail_promotion_row.active {} .detail_content .detail_promotion .detail_promotion_row.active > dt {background: url('../../img/ver2/i_arrow_up.svg') no-repeat top 50% right 0;} .detail_content .detail_promotion .detail_promotion_row.active > dd {display: block;} .detail_content .detail_process {margin: 0 0 40px; overflow: hidden;} .detail_content .detail_process .detail_process_tit {margin: 0 0 40px; padding: 0 64px;} .detail_content .detail_process .detail_process_tit > dt {letter-spacing: -1.12px; line-height: 60px; font-size: 56px; font-weight: 400; margin: 0 0 10px;} .detail_content .detail_process .detail_process_tit > dd {letter-spacing: -0.48px; line-height: 32px; font-size: 24px; font-weight: 500;} .detail_content .detail_process .detail_process_cont {} .detail_content .detail_process .detail_process_list {} .detail_content .detail_process .detail_process_row {width: 560px; height: 700px; overflow: hidden; position: relative;} .detail_content .detail_process .detail_process_row:first-child {margin: 0 0 0 64px;} .detail_content .detail_process .detail_process_row > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .detail_content .detail_process .detail_process_btn {padding: 40px 64px; display: inline-block; width: 100%;} .detail_content .detail_process .detail_process_btn > div {height: 48px; float: right; display: flex; gap: 16px;} .detail_content .detail_process .detail_process_btn .swiper-process-btn {width: 48px; height: 48px; border-radius: 24px;background: #D9D9D9;box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.05), 0 4px 8px 0 rgba(0, 0, 0, 0.10); background-repeat: no-repeat; background-position: center; cursor: pointer;} .detail_content .detail_process .detail_process_btn .swiper-process-btn.swiper-button-disabled {opacity: 0.4; cursor: default;} .detail_content .detail_process .detail_process_btn .swiper-process-next {background-image: url('../../img/ver2/i_arrow.svg');} .detail_content .detail_process .detail_process_btn .swiper-process-prev {background-image: url('../../img/ver2/i_arrow.svg'); transform: rotate(180deg);} .detail_content .detail_steps {width: 100%; display: flex;padding: 100px 64px;flex-direction: column;align-items: flex-start;gap: 40px;align-self: stretch;} .detail_content .detail_steps .detail_steps_tit {display: flex;flex-direction: column;align-items: flex-start;gap: 4px; color: #000; font-size: 56px; font-weight: 400; line-height: 62px; letter-spacing: -1.12px;} .detail_content .detail_steps .detail_steps_list {display: flex;align-items: flex-start;gap: 20px;align-self: stretch;} .detail_content .detail_steps .detail_steps_list .detail_steps_row {display: flex;flex-direction: column;align-items: flex-start;gap: 24px;flex: 1 0 0;} .detail_content .detail_steps .detail_steps_list .detail_steps_row > span {display: flex;width: 96px;height: 96px;justify-content: center;align-items: center; color: #000; font-size: 34px; font-weight: 400; letter-spacing: -0.68px; border-radius: 50%;border: 1px solid #EBEBEB;background: #FFF;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02);} .detail_content .detail_steps .detail_steps_list .detail_steps_row > div {display: flex;align-items: center;align-self: stretch; color: #000; font-size: 32px; font-weight: 500; line-height: 44px; letter-spacing: -0.64px;} .detail_content .detail_steps .detail_steps_list .detail_steps_row > div br.mb_br {display: none;} .detail_content .detail_steps .detail_steps_list .detail_steps_row > p {display: flex;align-items: center;align-self: stretch; color: #747474; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: -0.32px; } .detail_content .detail_question {display: flex;padding: 100px 64px;flex-direction: column;align-items: flex-end;gap: 60px;align-self: stretch; background: #F6F6F6;} .detail_content .detail_question .detail_question_tit {display: flex;flex-direction: column;align-items: flex-start;gap: 32px;align-self: stretch;} .detail_content .detail_question .detail_question_tit > dt {display: flex;flex-direction: column;align-items: flex-start; color: #000;font-size: 56px; font-weight: 400; line-height: 62px; letter-spacing: -1.12px; } .detail_content .detail_question .detail_question_tit > dd {display: flex;justify-content: center;align-items: flex-start; color: #747474; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: -0.32px; } .detail_content .detail_question .detail_question_list {width: 50%; display: flex;flex-direction: column;align-items: flex-end;gap: 24px; } .detail_content .detail_question .detail_question_list .detail_question_row {display: flex;width: 100%;padding: 24px 32px;flex-direction: column;align-items: flex-start; border-radius: 8px;background: #FFF; gap: 10px;} .detail_content .detail_question .detail_question_list .detail_question_row > dt {width: 100%; display: flex;align-items: flex-start;gap: 16px; padding: 0 16px 0 0; position: relative; cursor: pointer;} .detail_content .detail_question .detail_question_list .detail_question_row > dt:after {content: ''; position: absolute; right: 0; top: 6px; width: 16px; height: 16px; background: url('../../img/ver2/i_arrow_b.svg') no-repeat center;} .detail_content .detail_question .detail_question_list .detail_question_row > dt > span {color: #000; font-size: 20px; font-weight: 500; letter-spacing: -0.6px; line-height: 28px;} .detail_content .detail_question .detail_question_list .detail_question_row > dt > p {color: #000; font-size: 20px; font-weight: 500; letter-spacing: -0.6px; line-height: 28px;} .detail_content .detail_question .detail_question_list .detail_question_row > dd {display: none;padding-right: 20px;align-items: flex-start;align-self: stretch; color: #000; font-size: 16px; letter-spacing: -0.32px; line-height: 24px; word-break: keep-all;} .detail_content .detail_question .detail_question_list .detail_question_row.active {} .detail_content .detail_question .detail_question_list .detail_question_row.active > dt:after {content: ''; transform: rotate(-180deg);} .detail_content .detail_question .detail_question_list .detail_question_row.active > dd {display: flex;} .detail_content .detail_delivery {display: flex; background: #000; padding: 100px 64px;justify-content: space-between;align-items: flex-start;align-content: flex-start;align-self: stretch;flex-wrap: wrap;} .detail_content .detail_delivery .detail_delivery_tit {width: 50%;} .detail_content .detail_delivery .detail_delivery_tit > dt {margin: 0 0 30px; color: #FFF;font-size: 56px; letter-spacing: -1.12px; line-height: 62px; } .detail_content .detail_delivery .detail_delivery_tit > dt::before {content: 'Premium Service'; display: flex;align-items: center;flex: 1 0 0; margin: 0 0 6px; align-self: stretch; letter-spacing: -0.13px; font-size: 13px; line-height: 20px; color: #79716B; } .detail_content .detail_delivery .detail_delivery_tit > dd {color: #747474; font-size: 16px; font-weight: 500; letter-spacing: -0.32px; line-height: 24px;} .detail_content .detail_delivery .detail_delivery_cont {width: 50%; display: flex;flex-direction: column;align-items: flex-start;gap: 48px;} .detail_content .detail_delivery .detail_delivery_region {display: flex;flex-direction: column;align-items: flex-start;gap: 16px;align-self: stretch;} .detail_content .detail_delivery .detail_delivery_region > dt {display: flex;justify-content: center;align-items: center; color: #FFF; font-size: 24px; font-weight: 400; line-height: 36px; letter-spacing: -0.48px;} .detail_content .detail_delivery .detail_delivery_region > dd {display: flex;flex-direction: column;align-items: flex-start;gap: 2px;align-self: stretch;} .detail_content .detail_delivery .detail_delivery_region > dd > div {color: #D5D5D5; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: -0.32px;} .detail_content .detail_delivery .detail_delivery_region > dd > span {display: flex;align-items: flex-start;align-self: stretch; color: #747474; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: -0.32px; } .detail_content .detail_delivery .detail_delivery_time {display: flex;flex-direction: column;align-items: flex-start;gap: 16px;align-self: stretch;} .detail_content .detail_delivery .detail_delivery_time > dt {display: flex;justify-content: center;align-items: center; color: #FFF; font-size: 24px; font-weight: 400; line-height: 36px; letter-spacing: -0.48px;} .detail_content .detail_delivery .detail_delivery_time > dd {display: flex;align-items: flex-start;gap: 20px;align-self: stretch;} .detail_content .detail_delivery .detail_delivery_time .detail_delivery_row {width: calc((100% - 20px) / 2); display: flex;padding: 24px; border-radius: 6px;border: 1px solid rgba(255, 255, 255, 0.05);background: rgba(255, 255, 255, 0.05);flex-direction: column;align-items: flex-start;gap: 8px;flex: 1 0 0;} .detail_content .detail_delivery .detail_delivery_time .detail_delivery_row > label {display: block; color: #747474; font-size: 13px; font-weight: 400; line-height: 20px; letter-spacing: -0.13px;} .detail_content .detail_delivery .detail_delivery_time .detail_delivery_row > label.active {color: #096;} .detail_content .detail_delivery .detail_delivery_time .detail_delivery_row > div {display: block; color: #FFF; font-size: 18px; font-weight: 500; line-height: 27px; letter-spacing: -0.36px; } .detail_content .detail_delivery .detail_delivery_time .detail_delivery_row > p {display: block; color: #747474; font-size: 14px; font-weight: 500; line-height: 21px; letter-spacing: -0.14px; } .ivn_product {width: 100%; padding: 0 64px 40px;} .ivn_product > h5 {color: #000000; font-size: 26px; font-weight:400; margin: 0 0 40px; font-size: 56px; letter-spacing: -1.12px;} .ivn_product .ivn_product_group {} .ivn_product .ivn_product_tit {color: #000000; font-size: 20px; margin: 0 0 16px; font-weight: 600; display: none;} .ivn_product .ivn_product_list {display: grid; align-items: flex-start; align-content: center; gap: 16px 16px; align-self: stretch; grid-template-columns: repeat(4, calc((100% - 48px) / 4));} .ivn_product .ivn_product_list > li {width: 100%; cursor: pointer; float: left; background: #FFFFFF;border-radius: 0 0; border: 1px solid #F5F6FA;text-align: center; position: relative; margin: 0 0 0;} .ivn_product .ivn_product_list > li .ivn_product_list_img {width: 100%; border-radius: 0 0 0 0;overflow: hidden; background-position: center; background-size:cover; background-repeat: no-repeat; aspect-ratio: 16 / 20;} .ivn_product .ivn_product_list > li .ivn_product_list_img img {width: 100%;height: 100%; opacity: 0;} .ivn_product .ivn_product_list > li .ivn_product_row {padding: 24px 24px; } .ivn_product .ivn_product_list > li .ivn_product_row > dl {text-align: left; width: 100%; margin: 0 0 0;} .ivn_product .ivn_product_list > li .ivn_product_row > dl dt {line-height: 36px; font-size:24px; font-weight: 400; margin: 0 0 4px; } .ivn_product .ivn_product_list > li .ivn_product_price {letter-spacing: -0.32px; font-size: 18px; font-weight: 500; line-height: 27px;} .ivn_product .ivn_product_list > li .ivn_product_color {margin: 10px 0 0;} .ivn_product .ivn_product_list > li .ivn_product_color > ul {display: flex;align-items: flex-start;gap: 15px;align-self: stretch;} .ivn_product .ivn_product_list > li .ivn_product_color > ul > li {height: 24px; width: 24px;} .cartPopup {display: none; width: 268px;height: 168px;background: #FFFFFF;border: 1px solid #C5C5C5; padding: 26px 24px 22px; position: absolute; top: -184px; left: 20px;} .cartPopup.active {display: block;} .cartPopup:after {content: '';} .cartPopup .cartPopup_close {position: absolute; top: 24px; right: 24px; cursor: pointer; width: 24px; height: 24px; background: url('../../img/i_close_gray.png') no-repeat 50%;} .cartPopup > dl {} .cartPopup > dl dt {width: 118px;height: 44px; line-height: 25px; font-weight: 600; font-size: 16px;letter-spacing: 0px;color: #000000; margin: 0 0 20px;} .cartPopup > dl dd {width: 206px;height: 48px; line-height: 46px; cursor: pointer; color: #4E6D0B; font-size: 14px; background: #FFFFFF url('../../img/i_right_green.svg') no-repeat top 50% right 14px;border: 1px solid #4E6D0B;border-radius: 4px;} .cartPopup > dl dd a {display: block; color: #4E6D0B; font-size: 14px; padding: 0 16px 0; cursor: pointer;} #product_benefits {display: none;} #product_benefits_mb {display: none;} #sit_pvi_group {position: relative; height: 100vh;} #sit_ov_group_close {display: none;} #sit_rel {display: none;} #sit_siblings {display: none;} #sit_tab .tab_tit {display: none;} #item_new_box {width: 1164px;margin: 0 auto;} #item_new_box .inb_left {width: 656px;} #item_new_box .inb_right {width: 400px;} #wrapper.is_gray {background: #FFF;} .mb_buy_btn {display: none;} .mb_buy_tit {display: none;} .mb_buy_group {display: none;} .product_topmove {position: fixed; bottom: 40px; right: 40px; width: 44px; height: 44px; display: none; justify-content: center; align-items: center; border-radius: 22px;background: rgba(248, 248, 248, 0.90) url('../../img/ver2/i_topmove.svg') no-repeat center;box-shadow: 0 0.5px 4px 0 rgba(0, 0, 0, 0.20); cursor: pointer;} .product_topmove.active {display: flex; z-index: 1;} /* 리본문구 팝업 S */ .ribbon_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;} .ribbon_popup.active {display: block; z-index: 3;} .ribbon_popup .riP_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000;z-index: 1;opacity: 0.5;} .ribbon_popup .riP_cont {width: 400px; max-width: calc(100% - 32px); height: 516px; max-height: calc(100% - 32px); padding: 24px 0 0 0; z-index: 5; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 8px;border: 1px solid #E5E9EE;background: #FFF;} .ribbon_popup .riP_cont .riP_cont_tit {height: 32px; line-height: 32px; padding: 0 20px; margin: 0 0 24px; position: relative;} .ribbon_popup .riP_cont .riP_cont_tit > span {font-size: 24px;color: #333; float: left; display: block;} .ribbon_popup .riP_cont .riP_cont_tit > span:before {content: '경조사어';} .ribbon_popup .riP_cont .riP_cont_tit > label {float: right; width: 32px; height: 32px; display: block; cursor: pointer;} .ribbon_popup .riP_cont .riP_cont_tit > label > img {float: left;} .ribbon_popup .riP_cont .riP_cont_select { position: relative; width: 100%; height: 40px; padding: 0 20px; margin: 0 0 16px; cursor: pointer;} .ribbon_popup .riP_cont .riP_cont_select .riP_cSelect_txt {font-size: 16px; font-weight: 500; width: 100%; height: 40px; line-height: 40px; padding: 0 0 0 16px; border-radius: 4px;border: 1px solid #CBD0D6;background: url('../../img/i_main_sel.svg') no-repeat top 50% right 10px;} .ribbon_popup .riP_cont .riP_cont_select .riP_cSelect_list {display: none; background: #FFF;height: 300px;overflow: auto;position: absolute;top: 39px;width: 360px;border-radius: 4px;border: 1px solid #CBD0D6;} .ribbon_popup .riP_cont .riP_cont_select .riP_cSelect_list.active {display: block;} .ribbon_popup .riP_cont .riP_cont_select .riP_cSelect_list::-webkit-scrollbar { width: 4px;} .ribbon_popup .riP_cont .riP_cont_select .riP_cSelect_list::-webkit-scrollbar-track { background-color: transparent; } .ribbon_popup .riP_cont .riP_cont_select .riP_cSelect_list::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #ddd;} .ribbon_popup .riP_cont .riP_cont_select .riP_cSelect_list::-webkit-scrollbar-button { width: 0; height: 0; } .ribbon_popup .riP_cont .riP_cont_select .riP_cSelect_list > li {height: 40px; line-height: 40px; padding: 0 16px; font-size: 14px;} .ribbon_popup .riP_cont .riP_cont_select .riP_cSelect_list > li:hover {background: #F6F7FB;} .ribbon_popup .riP_cont .riP_cont_list {width: 100%; height: calc(100% - 110px); padding: 0 0 20px 20px;} .ribbon_popup .riP_cont .riP_cont_list dl {width: 360px; max-width: calc(100% - 20px); height: 40px; line-height: 40px; display: flex; border: 1px solid #E5E9EE; background: #F6F7FB;} .ribbon_popup .riP_cont .riP_cont_list dl dt {width: 38px; text-align: center; font-weight: 500; color: #8692A0; font-size: 14px;} .ribbon_popup .riP_cont .riP_cont_list dl dd {width: calc(100% - 38px); border-left: 1px solid #E5E9EE; color: #8692A0;font-size: 14px; text-align: center;} .ribbon_popup .riP_cont dl.riP_cont_list_head dd {} .ribbon_popup .riP_cont dl.riP_cont_list_head dd:before {content: '보내는분';} .ribbon_popup .riP_cont .riP_cont_list_body {overflow: auto; height: calc(100% - 40px);} .ribbon_popup .riP_cont .riP_cont_list_body::-webkit-scrollbar { width: 4px;} .ribbon_popup .riP_cont .riP_cont_list_body::-webkit-scrollbar-track { background-color: transparent; } .ribbon_popup .riP_cont .riP_cont_list_body::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #ddd;} .ribbon_popup .riP_cont .riP_cont_list_body::-webkit-scrollbar-button { width: 0; height: 0; } .ribbon_popup .riP_cont .riP_cont_list_body dl {border-width: 0 1px 1px; background: #FFF; cursor: pointer;} .ribbon_popup .riP_cont .riP_cont_list_body dl:nth-child(2n+1) {background: #FBFBFB;} .ribbon_popup .riP_cont .riP_cont_list_body dl dt {font-weight: 400; color: #333;} .ribbon_popup .riP_cont .riP_cont_list_body dl dd {color: #333;padding: 0 12px; text-align: left;} .ribbon_popup .riP_cont .riP_cont_list_body dl dd > label {display: inline-block;vertical-align: bottom;font-size: 12px;color: #999;margin: 0 0 0 4px; cursor: pointer;} .ribbon_popup.ribbon_type_n {} .ribbon_popup.ribbon_type_n .riP_cont .riP_cont_select {display: none;} .ribbon_popup.ribbon_type_n .riP_cont .riP_cont_tit > span:before {content: '보내는분';} .ribbon_popup.ribbon_type_n .riP_cont dl.riP_cont_list_head dd:before {content: '보내는분';} /* 리본문구 팝업 E */ /* ***** PAD ***** */ @media screen and (max-width:1279px) { .all_bg {z-index: 3;} #hd {position: fixed;} #delivery_pop {width: 100%;height: auto;min-height: 100%; max-height: 100%; z-index: 11; bottom: 0;top: 0;transform: initial;left: 0;} #delivery_pop .dp_address_list {height: calc(100% - 84px);} #delivery_pop .dp_address_list li {width: auto; padding: 15px 14px 15px 0; margin: 0 16px 0 0;} #delivery_pop .step_.step_1 {display: none;height: calc(100% - 92px);position: absolute;width: calc(100% - 48px);} #delivery_pop .step_.active {display: block;} #delivery_pop .sp_2_box {position: initial;} #delivery_pop .sp_2_box.step_2_y {height: auto; padding: 0 0 40px;} #delivery_pop .sp_2_box.step_2_n {height: auto; padding: 0 0 40px;} #delivery_pop .sp_2_box .sp_2_tit {font-size: 20px;line-height: 28px; margin: 0 0 20px;} #delivery_pop .sp_2_box .sp_2_tit label {} #delivery_pop .sp_2_box .sp_2_sublist {height: 114px; overflow: auto;} #delivery_pop .sp_2_box .sp_2_subbtn {width: 100%;left:0;bottom: 0;border-radius: 0;} #delivery_box dl dd > div.mb_address_btn_hide .mb_addr_1 {overflow: hidden;} #delivery_box dl dd > div.mb_address_btn_hide .mb_addr_gr {min-height: 24px; height: auto;} #delivery_box dl dd > div.mb_address_btn_hide .mb_addr_jb {min-height: 24px; height: auto; display: block; padding: 0 0 0 32px;} #delivery_box dl dd > div.mb_address_btn_hide .mb_addr_jb:before {content: '지번'; position: absolute; left: 0; line-height: 20px;} #optionPop {z-index: 11; width: 100%; max-height: calc(100% - 76px); min-height: 50%; height: 440px; padding: 0 0 0; bottom: 0;top: initial;left: 0;transform: initial; background: #FFF; border-radius: 16px 16px 0px 0px;} #optionPop h5 {height: auto; margin: 0 0; padding: 32px 16px 0; font-size: 18px; line-height: 26px;} #optionPop h5 .option_close {top: 8px; left: 50%; transform: translateX(-50%); right: inherit; background: #FFFFFF url('../../img/i_option_close.svg') no-repeat 50%;} #optionPop h5 .option_close img {display: none;} #optionPop .option_txt_list { height: auto; margin: 0 0 0; overflow: initial;} #optionPop .option_txt_list.op_card_box li {max-width: 100%; width: 100%;} #optionPop .option_txt_list.op_ribbon_box li {width: 100%; height: auto; padding: 16px 16px 16px;} #optionPop .option_txt_list.op_ribbon_box li .otl_tit {display: none;} #optionPop .option_txt_list.op_ribbon_box li dl dt label {height: 24px; line-height: 24px;} #optionPop .option_txt_list.op_ribbon_box li dl dd .ribbon_open_btn {cursor: pointer; width: 50px; height: 50px; z-index: 1; position: absolute; right: 0px; bottom: initial; top: 0; display: block; background: url('../../img/i_arrow_down_g.svg') no-repeat 50% 50%; border-radius: 4px; cursor: pointer;} #optionPop .option_txt_list.op_ribbon_box li dl dd .ribbon_open_list.active {width: calc(100% + 84px); height: 150px; bottom: -151px; z-index: 2;} #optionPop .option_txt_list.op_ribbon_box li dl dd input {padding: 0 50px 0 0;} #optionPop .sit_btn_buy {height: 52px; line-height: 52px; position: absolute; bottom: 10px; width: calc(100% - 32px);left: 16px; border-radius: 4px;} .cartPopup {width: 100%; position: fixed; left: 0; top: initial; bottom: 0; border: 0px; background: rgba(0, 0, 0, 0.90); height: 52px; color: #FFF; padding: 0 16px 0;} .cartPopup .cartPopup_close {display: none;} .cartPopup > dl {display: inline-block; width: 100%;} .cartPopup > dl dt {width: auto; float: left; height: 52px; line-height: 52px; color: #FFF; margin: 0 0 0; font-size: 15px;} .cartPopup > dl dt br {display: none;} .cartPopup > dl dd {width: auto; float: right; background: transparent url('../../img/i_right_green.svg') no-repeat top 50% right 0; border: 0px; height: 52px; line-height: 52px;} /* 날짜선택 */ .ui-datepicker {height: 370px; position: fixed !important;width: 100%;border-radius: 0;border-width: 1px 0; display: none; top: initial !important;transform: inherit !important;left: 0px !important;bottom: 0px !important;} .ui-datepicker:before {content: none;} .ui-datepicker .ui-datepicker-header:before {content: none; position: fixed; top: 0; left: 0; width: calc(100% - 20px); height: calc(100% - 370px); background: #000; opacity: 0.5;} #sit_ov_wrap {width: 100%; padding: 0 0 0; background: #EEE; display: block;} #sit_pvi_group {width: 100%; height: auto; overflow: hidden; display: inline-block; background: #FFF;} #sit_pvi {width: 100%; height: auto; margin: 0 0 0;} #sit_pvi_big {margin: 0 0 0; border-width: 1px 0; width: 100%;height: auto; overflow: hidden;} #sit_pvi_big img {max-width: 800px; width: auto; height: auto;} #sit_pvi_big > .sit_pvi_big_sub > ul {top: 0;} #sit_pvi_big > .sit_pvi_big_sub > ul li {} #sit_pvi_big > .sit_pvi_big_sub > img {} #sit_pvi_big > .sit_pvi_big_sub .navi_warp {font-weight: 200; background: #000000; font-size: 14px; color: #F8F9FA; display: flex; z-index: 1; height: 24px; line-height: 24px; width: auto; padding: 0 10px; text-align: center; position: absolute; right: 16px; bottom: 12px; border-radius: 12px;opacity: 0.2;} #sit_pvi_big > .sit_pvi_big_sub .navi_warp button { font-weight: 200; margin: 0 3px 0 0; font-size: 14px; color: #F8F9FA; display: none; pointer-events: none; border: 0px;background: transparent; height: 24px; line-height: 24px;} #sit_pvi_big > .sit_pvi_big_sub .navi_warp button.select {display: block;} #sit_pvi_big img {width: 100%; height: 100%;} #sit_pvi_big a {display: block; width: 100%; max-height: 100%;} #sit_pvi_thumb {display: none; height: 60px;} #sit_pvi_thumb li {width: 60px;height: 60px;line-height: 60px;} #sit_pvi_thumb img {max-width: 60px;max-height: 60px;} .dateTimePopup {width: 100%; max-height: calc(100% - 56px);height: 380px; bottom: 0;top: initial;left: 0;transform: initial;border-radius: 8px 8px 0 0;} .dateTimePopup .dTP_btn_group {height: 56px;line-height: 56px;bottom: 0;left: 0;transform: initial;width: 100%;} .dateTimePopup .dTP_btn_group > div {height: 56px;line-height: 56px;border-radius: 0px;} .dateTimePopup .dTP_btn_group > .dTP_btn_back {margin: 0 0 0; width: 138px;} .dateTimePopup .dTP_btn_group > .dTP_btn_save {width: calc(100% - 138px);} .dateTimePopup .dTP_cont > dt .dTP_head_text {padding: 0 0 0 64px;} .dateTimePopup .dTP_cont > dt .dTP_head_text .dTP_head_chk {left: 28px;} .dateTimePopup .dTP_cont > dd {padding: 0 0 0;} .dateTimePopup .dTP_cont > dd .dTP_body_tit {padding: 0 20px; display: none;} .dateTimePopup .dTP_cont > dd .dTP_body_list {height: calc(100% - 162px); padding: 0 20px;} .dateTimePopup .dTP_cont > dd .dTP_body_list::-webkit-scrollbar {display: none;} .dateTimePopup .dTP_cont > dd .dTP_body_list > li {width: 100%; padding: 0 20px 0 40px;} .dateTimePopup .dTP_cont > dd .dTP_body_list > li > label {left: 10px;} .dateTimePopup .dTP_cont > dt .dTP_head_text .dTP_head_left{width: 90px; margin: 0 0 0;} .dateTimePopup.wreathActive .dTP_cont > dt {padding: 32px 0 0 0; height: 56px;} .dateTimePopup.wreathActive .dTP_cont > dt .dTP_head_tit {font-size: 18px; height: auto; line-height: 24px;} .dateTimePopup.wreathActive .dTP_cont > dd {padding: 10px 20px 0 20px;} .dateTimePopup.wreathActive .dTP_cont > dd .dTP_body_list {height: calc(100% - 128px); padding: 0 0;} .detail_content {padding: 0 0 0; width: 100%; float: left;} .detail_content .detail_guide {padding: 60px 16px 60px;} .detail_content .detail_guide_row > dt {height: 94px; line-height: 94px; font-size: 20px;} .detail_content .detail_guide_row > dd * {font-size: 18px !important; } .detail_content .detail_guide_row > dd > p:before {content: '∙ '; height: 25px;line-height: 25px;} .detail_content .detail_guide_row > dd p {font-size: 18px; line-height: 25px;} .detail_content .detail_guide_row > dd p.it_dot:before {content: '∙ '; height: 25px;line-height: 25px;} .detail_content .detail_guide_row > dd p.it_dot2:before {content: '- '; height: 25px;line-height: 25px;} .detail_content .detail_guide_row > dd p * {font-size: 18px !important; line-height: 25px !important;} .detail_content .detail_guide_row > dd p span {font-size: 18px !important;} .detail_content .detail_special {padding: 0 16px; gap: 28px 30px;} .detail_content .detail_special_row {width: calc((100% - 30px) / 2);} .detail_content .detail_special_row > dl dt {font-size: 15px; line-height: 22px;} .detail_content .detail_special_row > dl dd {font-size: 22px; line-height: 33px;} .detail_content .detail_point {padding: 74px 16px 40px;} .detail_content .detail_point .detail_point_row > dt {font-size: 30px; line-height: 36px; letter-spacing: -0.6px;} .detail_content .detail_point .detail_point_row > dd {font-size: 15px; letter-spacing: -0.3px; line-height: 22px;} .detail_content .detail_point .detail_point_row > dd > p {margin: 0 0 4px;} .detail_content .detail_point .detail_point_row > dd > p:last-child {margin: 0 0 0;} .detail_content .detail_point .detail_point_row > dd > p:before {content: ''; top: 10px;} .detail_content .detail_philosophy {padding: 100px 16px;} .detail_content .detail_philosophy .detail_philosophy_tit {margin: 0 0 80px;} .detail_content .detail_philosophy .detail_philosophy_tit > dt > label {font-size: 15px; letter-spacing: -0.3px; line-height: 22px;} .detail_content .detail_philosophy .detail_philosophy_tit > dt > p {font-size: 52px; letter-spacing: -1.04px; line-height: 58px; } .detail_content .detail_philosophy .detail_philosophy_tit > dd {font-size: 18px; letter-spacing: -0.54px; line-height: 26px;} .detail_content .detail_philosophy .detail_philosophy_list {margin: 0 0 80px; gap: 48px;} .detail_content .detail_philosophy .detail_philosophy_list .detail_philosophy_row {width: calc((100% - 48px) / 2);} .detail_content .detail_philosophy .detail_philosophy_list .detail_philosophy_rowT > dl > dt {font-size: 13px; letter-spacing: -0.13px; line-height: 20px;} .detail_content .detail_philosophy .detail_philosophy_list .detail_philosophy_rowT > dl > dd {font-size: 22px; letter-spacing: -0.44px; line-height: 29px;} .detail_content .detail_philosophy .detail_philosophy_list .detail_philosophy_rowC {font-size: 18px; letter-spacing: -0.54px; line-height: 26px;} .detail_content .detail_philosophy .detail_philosophy_result > dt {font-size: 22px; letter-spacing: -0.44px; line-height: 29px;} .detail_content .detail_philosophy .detail_philosophy_result > dd {font-size: 30px; letter-spacing: -0.6px; line-height: 42px;} .detail_content .detail_philosophy .detail_philosophy_line {height: 60px;} .detail_content .detail_introduce {padding: 100px 0 60px;} .detail_content .detail_introduce .detail_introduce_tit {padding: 0 16px;} .detail_content .detail_introduce .detail_introduce_tit > dt > label {font-size: 15px; letter-spacing: -0.3px; line-height: 22px;} .detail_content .detail_introduce .detail_introduce_tit > dt > p {font-size: 52px; letter-spacing: -1.04px; line-height: 58px;} .detail_content .detail_introduce .detail_introduce_tit > dd {font-size: 18px; letter-spacing: -0.54px; line-height: 26px;} .detail_content .detail_makeup {padding: 100px 16px 100px;} .detail_content .detail_makeup .detail_makeup_tit {font-size: 52px; letter-spacing: -1.04px; line-height: 56px;} .detail_content .detail_collection {padding: 0 16px 100px;} .detail_content .detail_collection .detail_collection_tit > dt > label {font-size: 15px; letter-spacing: -0.3px; line-height: 22px; } .detail_content .detail_collection .detail_collection_tit > dt > p {font-size: 40px; letter-spacing: -0.8px; line-height: 44px; } .detail_content .detail_collection .detail_collection_list .detail_collection_row > div {font-size: 30px; letter-spacing: -0.6px; line-height: 42px;} .detail_content .detail_collection .detail_collection_list .detail_collection_row > p {font-size: 15px; letter-spacing: -0.3px; line-height: 22px;} .detail_content .detail_comparison {padding: 100px 16px 100px;} .detail_content .detail_comparison .detail_comparison_tit > dt > label {font-size: 15px; letter-spacing: -0.3px; line-height: 22px; } .detail_content .detail_comparison .detail_comparison_tit > dt > p {font-size: 52px; letter-spacing: -1.04px; line-height: 58px;} .detail_content .detail_comparison .detail_comparison_tit > dt > p:after {content: '품질의 차이가 품격의 차이를 만듭니다'; font-size: 52px; letter-spacing: -1.04px; line-height: 58px;} .detail_content .detail_comparison .detail_comparison_cont {padding: 0 0 0;} .detail_content .detail_comparison .detail_comparison_row.detail_comparison_vie {padding: 0 16px;} .detail_content .detail_comparison .detail_comparison_row .detail_comparison_list > li {font-size: 22px; letter-spacing: -0.44px;} .detail_content .detail_comparison .detail_comparison_row .detail_comparison_img::before {font-size: 17px; letter-spacing: -0.34px;} .detail_content .detail_steps {padding: 100px 16px;} .detail_content .detail_steps .detail_steps_tit {font-size: 52px; letter-spacing: -1.04px; line-height: 58px;} .detail_content .detail_steps .detail_steps_list .detail_steps_row > div {font-size: 30px; letter-spacing: -0.6px; line-height: 42px;} .detail_content .detail_steps .detail_steps_list .detail_steps_row > p {font-size: 15px; letter-spacing: -0.3px; line-height: 22px;} .detail_content .detail_question {padding: 100px 16px; align-items: flex-start;} .detail_content .detail_question .detail_question_tit > dt {font-size: 52px; letter-spacing: -1.04px; line-height: 58px;} .detail_content .detail_question .detail_question_tit > dd {font-size: 15px; letter-spacing: -0.3px; line-height: 22px;} .detail_content .detail_question .detail_question_list {width: 100%; align-items: flex-start;} .detail_content .detail_question .detail_question_list .detail_question_row {width: 100%;} .detail_content .detail_question .detail_question_list .detail_question_row > dt > span {font-size: 18px; letter-spacing: -0.54px;} .detail_content .detail_question .detail_question_list .detail_question_row > dt > p {font-size: 18px; letter-spacing: -0.54px;} .detail_content .detail_question .detail_question_list .detail_question_row > dd {font-size: 15px; letter-spacing: -0.3px; line-height: 22px;} .detail_content .detail_delivery {flex-direction: column; padding: 100px 16px;} .detail_content .detail_delivery .detail_delivery_tit {width: 100%; margin: 0 0 32px;} .detail_content .detail_delivery .detail_delivery_tit > dt {font-size: 52px; letter-spacing: -1.04px; line-height: 58px; margin: 0 0 40px;} .detail_content .detail_delivery .detail_delivery_tit > dt::before {content: 'Premium Service'; margin: 0 0 16px; font-size: 13px; letter-spacing: -0.13px; line-height: 20px;} .detail_content .detail_delivery .detail_delivery_cont {width: 100%;} .detail_content .detail_delivery .detail_delivery_region > dt {font-size: 20px; letter-spacing: -0.4px; line-height: 30px;} .detail_content .detail_delivery .detail_delivery_region > dd > div {font-size: 15px; letter-spacing: -0.3px; line-height: 22px; } .detail_content .detail_delivery .detail_delivery_region > dd > span {font-size: 15px; letter-spacing: -0.3px; line-height: 22px;} .detail_content .detail_delivery .detail_delivery_time > dt {font-size: 20px; letter-spacing: -0.4px; line-height: 30px;} .detail_content .detail_delivery .detail_delivery_time .detail_delivery_row {max-width: 350px;} .detail_content .detail_delivery .detail_delivery_time .detail_delivery_row > div {font-size: 17px; letter-spacing: -0.34px; line-height: 26px;} .detail_content .detail_delivery .detail_delivery_time .detail_delivery_row > p {font-size: 13px; letter-spacing: -0.13px; line-height: 20px;} .detail_content .detail_concept2 .detail_concept2_group li {letter-spacing: -0.13px; line-height: 19px; font-size: 13px;} .detail_content .detail_promotion .detail_promotion_maintit {padding: 0 16px;} .detail_content .detail_promotion .detail_promotion_maintit > dt {font-size: 52px; letter-spacing: -1.04px; line-height: 56px;} .detail_content .detail_promotion .detail_promotion_maintit > dd {font-size: 17px; letter-spacing: -0.34px; line-height: 26px;} .detail_content .detail_promotion .detail_promotion_list {padding: 0 16px;} .detail_content .detail_promotion .detail_promotion_row > dt {font-size: 18px; letter-spacing: -0.54px; line-height: 25px;} .detail_content .detail_promotion .detail_promotion_row > dd {font-size: 15px; letter-spacing: -0.3px; line-height: 22px;} .detail_content .detail_process .detail_process_tit {padding: 0 16px;} .detail_content .detail_process .detail_process_tit > dt {font-size: 52px; letter-spacing: -1.04px; line-height: 56px;} .detail_content .detail_process .detail_process_tit > dd {font-size: 17px; letter-spacing: -0.34px; line-height: 26px;} .detail_content .detail_process .detail_process_row:first-child {margin: 0 0 0 16px;} .ivn_product {float: left; padding: 0 16px 40px;} .ivn_product > h5 {font-size: 52px;} .ivn_product .ivn_product_list > li .ivn_product_row > dl dt {font-size: 22px; line-height: 33px; letter-spacing: -0.44px;} .ivn_product .ivn_product_list > li .ivn_product_price {font-size: 17px; letter-spacing: -0.34px; line-height: 25px;} .product_topmove {right: 16px; bottom: 16px;} } @media screen and (max-width:1176px) { .ivn_product .ivn_product_scroll {width: 100%; display: block; overflow: auto; overflow-y: hidden;} .ivn_product .ivn_product_scroll::-webkit-scrollbar { display: none;} .ivn_product .ivn_product_list {display: inline-block; width: max-content;} .ivn_product .ivn_product_list > li {float: left; width: 282px; height: auto; margin: 0 16px 0 0;} .ivn_product .ivn_product_list > li:last-child {margin: 0 0 0;} } /* ***** MOBILE ***** */ @media screen and (max-width:799px) { .sit_ov_from_tag {display: block; height: 40px; line-height: 40px; font-size: 14px; color: #FFF; background: #000; text-align: center;} #optionPop {min-height: calc(100% - 70px); max-height: 100%;} #optionPop .option_txt_list.op_ribbon_box li dl dd .ribbon_open_list.active {height: 200px; bottom: -201px;} .cartPopup {bottom: 64px;} #sit_pvi_big img {max-width: 100%;} #sit_pvi_big > .sit_pvi_big_sub > ul li {width: 100%;} #fix_title {display: none;} #sit_ov_group {display: none;} #sit_ov_group.active {display: block; position: fixed; bottom: 0; left: 0; width: 100%;height: 100dvh; background: #FFF; z-index: 3; border-radius: 8px 8px 0 0; padding: 24px 0 64px; transition: height 0.5s; overflow: auto;} .sit_option .optionRibbF {margin: 0 0 0;} .sit_option .optionRibbF .optionRibbF_inp {height: 46px; line-height: 46px;} .sit_option .optionRibbF .optionRibbF_inp input {font-size: 14px;} .it_option_radio_group input[type="radio"] + label {font-size: 14px; padding: 0 8px; height: 48px;} #sit_ov_group_box {padding: 0 16px 20px; min-height: calc(100dvh - 248px);} #sit_ov_group_close {display: block; width: 24px; height: 24px; position: absolute; top: 16px; right: 16px; z-index: 1; cursor: pointer; background:url('../../img/ver2/i_close.svg') no-repeat center;} #sit_ov_mprod {height: 160px; display: block; padding: 20px 16px; background: #F6F6F6;} #sit_ov_mprod .sit_ov_mprod_n {background: #FFF; padding: 16px 20px 14px 20px;display: flex; width: 100%; justify-content: space-between; margin: 0 0 20px; font-size: 14px; letter-spacing: -0.28px; line-height: 21px;} #sit_ov_mprod .sit_ov_mprod_n > dt {} #sit_ov_mprod .sit_ov_mprod_n > dd {text-align: right; font-weight: 600;} #sit_ov_mprod .sit_ov_mprod_d {display: flex; width: 100%; justify-content: space-between; margin: 0 0 6px; font-size: 14px; letter-spacing: -0.28px; line-height: 21px; } #sit_ov_mprod .sit_ov_mprod_d > dt {} #sit_ov_mprod .sit_ov_mprod_d > dd {text-align: right; font-weight: 600;} #sit_ov_mprod .sit_ov_mprod_p {display: flex; width: 100%; justify-content: space-between; font-size: 14px; letter-spacing: -0.28px; line-height: 21px;} #sit_ov_mprod .sit_ov_mprod_p > dt {} #sit_ov_mprod .sit_ov_mprod_p > dd {text-align: right; font-weight: 600;} .mb_buy_tit {display: block;} .mb_buy_tit .mbt_important {color: #CC2323; font-size: 12px; letter-spacing: -0.24px; line-height: 16px; font-weight: 500; margin: 0 0 10px;} .mb_buy_tit .mbt_subject {display: flex;justify-content: space-between;align-items: flex-start;align-self: stretch; margin: 0 0 34px;} .mb_buy_tit .mbt_subject.mbt_noMar {margin: 0 0 0;} .mb_buy_tit .mbt_subject_name {display: flex;flex-direction: column;align-items: flex-start; color: #000; font-size: 26px; font-weight: 500; letter-spacing: -0.52px; line-height: 32px;} .mb_buy_tit .mbt_subject_price {display: flex;flex-direction: column;align-items: flex-end;} .mb_buy_tit .mbt_subject_price > label {display: block; color: #6E6E72;text-align: right; text-decoration: line-through;} .mb_buy_tit .mbt_subject_price > span {display: block; color: #000; letter-spacing: -0.4px; line-height: 26px; font-size: 20px; } .mb_buy_btn {display: block; height: 60px;} .mb_buy_btn .mb_buy_real {display: block; width: 100%; text-align: center;line-height: 60px; cursor: pointer; float: left; height: 60px;font-weight: 400; font-size: 18px; background: #000; border-radius: 30px; color: #fff;} .mb_buy_btn .mb_buy_real.active { position: fixed; bottom: 16px; left: 16px; z-index: 3; width: calc(100% - 32px);} .mb_buy_group {display: block; position: fixed; bottom: 0; left: 0; width: 100%; height: 64px; z-index:2;} .mb_buy_group .mb_buy_group_login {width: 50%; text-align: center;line-height: 64px; cursor: pointer; float: left;height: 64;font-weight: 400;font-size: 16px; background: #000;color: #fff; position: relative;} .mb_buy_group .mb_buy_group_join { float: left; cursor: pointer; width: 50%;height: 64px; line-height: 64px; background: #FFFFFF;border: 1px solid #DEDEDE; font-weight: 400; text-align: center; font-size: 16px; border: 1px solid #000;} #sit_ov_btn {position: fixed; bottom: 0; width: 100%; height: 64px;} #buy_real_buy {margin: 0 0 0; height: 64px;} #buy_real_buy .sit_btn_buy_new {width: 50%; height: 64px; margin: 0 0 0; border-radius: 0px; font-size: 16px;} #buy_real_buy .sit_btn_cart {width: 50%; height: 64px; border-radius: 0px; font-size: 16px;} #delivery_box dl dd > div input {height: 48px;} .detail_content .detail_guide {padding: 0 16px 60px;} .detail_content .detail_guide_row > dt {height: 76px; line-height: 76px; background-position: top 50% right 20px; font-size: 18px;} .detail_content .detail_guide_row > dd * {font-size: 16px !important; } .detail_content .detail_guide_row > dd > p:before {content: '∙ '; height: 22px;line-height: 22px;} .detail_content .detail_guide_row > dd p {font-size: 16px; line-height: 22px;} .detail_content .detail_guide_row > dd p.it_dot:before {content: '∙ '; height: 22px;line-height: 22px;} .detail_content .detail_guide_row > dd p.it_dot2:before {content: '- '; height: 22px;line-height: 22px;} .detail_content .detail_guide_row > dd p * {font-size: 16px !important; line-height: 22px !important;} .detail_content .detail_guide_row > dd p span {font-size: 16px !important;} .detail_content .detail_guide_row.active > dt {background-position: top 50% right 20px;} .detail_content .detail_special {gap: 0;} .detail_content .detail_special_row {width: 100%;} .detail_content .detail_special_row > dl dt {font-size: 14px; line-height: 21px;} .detail_content .detail_special_row > dl dd {font-size: 18px; line-height: 27px; letter-spacing: -0.4px;} .detail_content .detail_point {padding: 60px 16px 60px;} .detail_content .detail_point .detail_point_row > dt {font-size: 26px;} .detail_content .detail_point .detail_point_row > dd {font-size: 14px; letter-spacing: -0.28px; line-height: 21px;} .detail_content .detail_point .detail_point_row > dd > p:before {content: ''; top: 8px;} .detail_content .detail_philosophy {padding: 60px 16px 60px;} .detail_content .detail_philosophy .detail_philosophy_tit {margin: 0 0 40px;} .detail_content .detail_philosophy .detail_philosophy_tit > dt {gap: 4px; padding-bottom: 20px;} .detail_content .detail_philosophy .detail_philosophy_tit > dt > label {font-size: 14px; letter-spacing: -0.28px; line-height: 21px;} .detail_content .detail_philosophy .detail_philosophy_tit > dt > p {font-size: 28px; letter-spacing: -0.56px; line-height: 30px;} .detail_content .detail_philosophy .detail_philosophy_tit > dd {font-size: 16px; letter-spacing: -0.48px; line-height: 23px;} .detail_content .detail_philosophy .detail_philosophy_list {gap: 40px; flex-direction: column; margin: 0 0 60px;} .detail_content .detail_philosophy .detail_philosophy_list .detail_philosophy_row {width: 100%;} .detail_content .detail_philosophy .detail_philosophy_list .detail_philosophy_rowT {gap: 16px;} .detail_content .detail_philosophy .detail_philosophy_list .detail_philosophy_rowT > div {width: 40px; height: 40px; font-size: 16px; letter-spacing: -0.32px;} .detail_content .detail_philosophy .detail_philosophy_list .detail_philosophy_rowT > dl > dt {font-size: 13px; line-height: 20px; letter-spacing: -0.13px;} .detail_content .detail_philosophy .detail_philosophy_list .detail_philosophy_rowT > dl > dd {font-size: 16px; letter-spacing: -0.32px; line-height: 20px;} .detail_content .detail_philosophy .detail_philosophy_list .detail_philosophy_rowC {font-size: 16px; letter-spacing: -0.48px; line-height: 22px;} .detail_content .detail_philosophy .detail_philosophy_result > dt {font-size: 16px; letter-spacing: -0.32px; line-height: 22px;} .detail_content .detail_philosophy .detail_philosophy_result > dt br.mb_br {display: inline-block;} .detail_content .detail_philosophy .detail_philosophy_result > dd {font-size: 24px; letter-spacing: -0.48px; line-height: 34px;} .detail_content .detail_introduce {padding: 60px 0 30px;} .detail_content .detail_introduce .detail_introduce_tit > dt {gap: 4px; padding-bottom: 20px;} .detail_content .detail_introduce .detail_introduce_tit > dt > label {font-size: 14px; letter-spacing: -0.28px; line-height: 21px;} .detail_content .detail_introduce .detail_introduce_tit > dt > p {font-size: 32px; letter-spacing: -0.64px; line-height: 38px;} .detail_content .detail_introduce .detail_introduce_tit > dd {font-size: 14px; letter-spacing: -0.28px; line-height: 22px;} .detail_content .detail_collection {padding: 60px 16px 60px;} .detail_content .detail_collection .detail_collection_tit {margin: 0 0 40px;} .detail_content .detail_collection .detail_collection_tit > dt {gap: 4px; padding: 0 0 0;} .detail_content .detail_collection .detail_collection_tit > dt > p {font-size: 32px; letter-spacing: -0.64px; line-height: 34px; } .detail_content .detail_collection .detail_collection_tit > dt > label {font-size: 14px; letter-spacing: -0.28px; line-height: 22px;} .detail_content .detail_collection .detail_collection_list {flex-direction: column;} .detail_content .detail_collection .detail_collection_list .detail_collection_row {width: 100%; gap: 16px;} .detail_content .detail_collection .detail_collection_list .detail_collection_row > span {width: 48px; height: 48px; font-size: 16px; letter-spacing: -0.32px;} .detail_content .detail_collection .detail_collection_list .detail_collection_row > div {font-size: 24px; letter-spacing: -0.48px; line-height: 34px;} .detail_content .detail_collection .detail_collection_list .detail_collection_row > p {font-size: 14px; letter-spacing: -0.28px;} .detail_content .detail_comparison {padding: 60px 16px 60px;} .detail_content .detail_comparison .detail_comparison_tit {margin: 0 0 40px;} .detail_content .detail_comparison .detail_comparison_tit > dt {gap: 4px; padding-bottom: 20px;} .detail_content .detail_comparison .detail_comparison_tit > dt > label {font-size: 14px; letter-spacing: -0.28px; line-height: 22px;} .detail_content .detail_comparison .detail_comparison_tit > dt > p {font-size: 28px; letter-spacing: -0.56px; line-height: 32px; } .detail_content .detail_comparison .detail_comparison_tit > dt > p:after {content: none;} .detail_content .detail_comparison .detail_comparison_tit > dd {font-size: 16px; letter-spacing: -0.48px; line-height: 24px;} .detail_content .detail_comparison .detail_comparison_cont {flex-direction: column; gap: 20px;} .detail_content .detail_comparison .detail_comparison_row {width: 100%;} .detail_content .detail_comparison .detail_comparison_row.detail_comparison_vie {padding: 0 0 0;} .detail_content .detail_comparison .detail_comparison_row .detail_comparison_list {padding: 32px 24px; gap: 16px;} .detail_content .detail_comparison .detail_comparison_row .detail_comparison_list > li {font-size: 16px; letter-spacing: -0.32px;} .detail_content .detail_comparison .detail_comparison_row .detail_comparison_img::before {font-size: 16px; letter-spacing: -0.32px; font-weight: 400;} .detail_content .detail_steps {padding: 60px 16px 60px;} .detail_content .detail_steps .detail_steps_tit {font-size: 32px; letter-spacing: -0.64px; line-height: 36px;} .detail_content .detail_steps .detail_steps_list {gap: 32px; position: relative;} .detail_content .detail_steps .detail_steps_list::before {content: ''; height: 1px; width: calc(100% + 16px); background: #EAEAEA; position: absolute; left: 0; top: 23px;} .detail_content .detail_steps .detail_steps_list .detail_steps_row {gap: 16px; position: relative; z-index: 1;} .detail_content .detail_steps .detail_steps_list .detail_steps_row > span {width: 48px; height: 48px; font-size: 16px; letter-spacing: -0.32px; line-height: 20px; background: #FFF;} .detail_content .detail_steps .detail_steps_list .detail_steps_row > div {font-size: 24px; letter-spacing: -0.48px; line-height: 34px;} .detail_content .detail_steps .detail_steps_list .detail_steps_row > div br.mb_br {display: inline-block;} .detail_content .detail_steps .detail_steps_list .detail_steps_row > p {font-size: 14px; letter-spacing: -0.28px; line-height: 22px; word-break: keep-all;} .detail_content .detail_steps .detail_steps_list .detail_steps_row > p br {display: none;} .detail_content .detail_question {padding: 60px 16px 60px; gap: 40px;} .detail_content .detail_question .detail_question_tit {gap: 10px;} .detail_content .detail_question .detail_question_tit > dt {font-size: 32px; letter-spacing: -0.64px; line-height: 36px;} .detail_content .detail_question .detail_question_tit > dd {font-size: 14px; letter-spacing: -0.28px; line-height: 22px;} .detail_content .detail_question .detail_question_list .detail_question_row {padding: 24px 24px;} .detail_content .detail_question .detail_question_list .detail_question_row > dt {padding: 0 36px 0 0;} .detail_content .detail_question .detail_question_list .detail_question_row > dt > span {font-size: 16px; letter-spacing: -0.48px; line-height: 24px;} .detail_content .detail_question .detail_question_list .detail_question_row > dt > p {font-size: 16px; letter-spacing: -0.48px; line-height: 24px;} .detail_content .detail_question .detail_question_list .detail_question_row > dd {font-size: 14px; letter-spacing: -0.28px; line-height: 22px;} .detail_content .detail_delivery {padding: 60px 16px 60px;} .detail_content .detail_delivery .detail_delivery_tit {margin: 0 0 45px;} .detail_content .detail_delivery .detail_delivery_tit > dt {font-size: 32px; letter-spacing: -0.64px; line-height: 36px; margin: 0 0 20px;} .detail_content .detail_delivery .detail_delivery_tit > dt::before {content: 'Premium Service'; margin: 0 0 4px;} .detail_content .detail_delivery .detail_delivery_tit > dd {font-size: 14px; letter-spacing: -0.28px; line-height: 22px;} .detail_content .detail_delivery .detail_delivery_region > dt {font-size: 18px; letter-spacing: -0.36px; line-height: 28px;} .detail_content .detail_delivery .detail_delivery_region > dd > div {font-size: 14px; letter-spacing: -0.28px; line-height: 22px;} .detail_content .detail_delivery .detail_delivery_region > dd > span {font-size: 14px; letter-spacing: -0.28px; line-height: 22px;} .detail_content .detail_delivery .detail_delivery_time > dt {font-size: 18px; letter-spacing: -0.36px; line-height: 28px;} .detail_content .detail_delivery .detail_delivery_time > dd {gap: 8px;} .detail_content .detail_delivery .detail_delivery_time .detail_delivery_row {padding: 16px 16px; width: calc((100% - 16px) / 2);} .detail_content .detail_delivery .detail_delivery_time .detail_delivery_row > div {font-size: 16px; letter-spacing: -0.32px; line-height: 24px;} .detail_content .detail_makeup {padding: 60px 16px 0;} .detail_content .detail_makeup .detail_makeup_tit {font-size: 32px; letter-spacing: -0.8px; line-height: 35px; margin: 0 0 20px;} .detail_content .detail_makeup .detail_makeup_list {gap: 8px; grid-template-columns: repeat(2, calc((100% - 8px) / 2));} .detail_content .detail_concept {margin: 0 0 0;} .detail_content .detail_concept .detail_concept_bg {} .detail_content .detail_concept .detail_concept_logo {width: 50px;} .detail_content .detail_concept .detail_concept_logo > img {max-width: 100%;} .detail_content .detail_concept2 {margin: 0 0 60px;} .detail_content .detail_concept2 .detail_concept2_logo {width: 50px;} .detail_content .detail_concept2 .detail_concept2_logo > img {max-width: 100%;} .detail_content .detail_concept2 .detail_concept2_group li {letter-spacing: -0.12px; line-height: 18px; font-size: 12px;} .detail_content .detail_promotion {padding: 60px 0 60px;} .detail_content .detail_promotion .detail_promotion_maintit {margin: 0 0 20px;} .detail_content .detail_promotion .detail_promotion_maintit > dt {font-size: 32px; line-height: 35px;} .detail_content .detail_promotion .detail_promotion_maintit > dd {font-size: 16px; line-height: 22px; letter-spacing: -0.48px;} .detail_content .detail_promotion .detail_promotion_row {padding: 24px 24px;} .detail_content .detail_promotion .detail_promotion_row > dt {font-size: 16px; letter-spacing: -0.48px; line-height: 22px;} .detail_content .detail_promotion .detail_promotion_row > dd {font-size: 14px; letter-spacing: -0.28px; line-height: 21px;} .detail_content .detail_process .detail_process_tit {margin: 0 0 20px;} .detail_content .detail_process .detail_process_tit > dt {font-size: 32px; letter-spacing: -0.8px; line-height: 35px;} .detail_content .detail_process .detail_process_tit > dd {font-size: 16px; line-height: 22px;} .detail_content .detail_process .detail_process_row {width: 230px; height: 300px;} .detail_content .detail_process .detail_process_btn {padding: 20px 16px;} .ivn_product > h5 {font-size: 32px; line-height: 35px; letter-spacing: -0.8px; margin: 0 0 20px;} .ivn_product .ivn_product_list > li {width: 242px;} .ivn_product .ivn_product_list > li .ivn_product_row {padding: 20px 20px;} .ivn_product .ivn_product_list > li .ivn_product_row > dl dt {font-size: 20px; line-height: 30px; } }