@charset "UTF-8"; /** Bang So Jung CSS http://bangsojung.com/ **/ /* 레이아웃을 제외한 컨텐츠 CSS */ /*------------------------------------------------------ common ------------------------------------------------------*/ .w-100{width:100% !important;box-sizing:border-box;}.h-100{height:100%; box-sizing:border-box;} /* 레이아웃 */ .d-flex {display:flex;} .d-flex.justify_between {justify-content:space-between;} .d-flex.justify_center {justify-content:center;} .tal {text-align:left;} .tar {text-align:right;} .tac {text-align:center;} .border_b2 {border-bottom:2px solid #222;} .border_t {border-top:1px solid #ccc;} .back_none {background:none !important;} /* 타이포 속성 */ h1{font-size:48px;line-height:1;} h2{font-size:32px;line-height:1;} h3{font-size:28px;line-height:1;} h4{font-size:20px;line-height:1;} h5{font-size:18px;line-height:1;} h6{font-size:16px;line-height:1;} .p1{font-size:16px;line-height:1;} .p2{font-size:15px;line-height:1;} .p3{font-size:14px;line-height:1;} .p4{font-size:13px;line-height:1;} .p5{font-size:12px;line-height:1;} .p6{font-size:11px;line-height:1;} .lh-1{line-height:1;}.lh-36px{line-height:36px !important;}.lh-28px{line-height:28px !important;}.lh-20px{line-height:20px !important;}.lh-22px{line-height:22px !important;}.lh-24px{line-height:24px !important;}.lh-26px{line-height:26px !important;}.lh-30px{line-height:30px !important;}.lh-34px{line-height:34px !important;}.lh-42px{line-height:42px !important;}.lh-58px{line-height:58px !important;}.Hyperlink {display:inline-block;border-bottom:1px solid #FF5C00;font-size:16px;color:#FF5C00;} /* color */ .pointColor {color:#FF5C00 !important;} /* 오렌지 */ .pointColor2 {color:#0072FF !important;} /* 블루 */ .subColor{color:#6667AB !important;} /* 퍼플 */ .grayColor{color: #666 !important;} .color_000{color:#000 !important;} .color_111{color:#111 !important;} .color_222{color:#222 !important;} .color_333{color:#333 !important;} .color_444{color:#444 !important;} .color_555{color:#555 !important;} .color_666{color:#666 !important} .color_999{color:#999 !important;} .color_fff{color:#fff !important;} .color_ababab{color:#ababab !important;} .under{text-decoration:underline;} /* weight */ .fwb, .fw-700{font-weight:700 !important;} .fw-500{font-weight:500 !important;} .fw-400{font-weight:400 !important;} /*margin*/ .mt-0{margin-top:0px !important;} .mt-2{margin-top:2px !important;} .mt-5{margin-top:5px !important;} .mt-10{margin-top:10px !important;} .mt-12{margin-top:12px !important;} .mt-15{margin-top:15px !important;} .mt-20{margin-top:20px !important;} .mt-25{margin-top:25px !important;} .mt-30{margin-top:30px !important;} .mt-35{margin-top:35px !important;} .mt-40{margin-top:40px !important;} .mt-50{margin-top:50px !important;} .mt-60{margin-top:60px !important;} .mt-70{margin-top:70px !important;} .mt-80{margin-top:80px !important;} .mt-90{margin-top:90px !important;} .mt-100{margin-top:100px !important;} .ms-10{margin-left:10px !important} .ms-20{margin-left:20px !important;} .ms-15{margin-left:15px !important;} .me-0{margin-right:0px !important;} .me-10{margin-right:10px !important;} .me-15{margin-right:15px !important;} .me-20{margin-right:20px !important;} .mb-0{margin-bottom:0px !important;} .mb-5{margin-bottom:5px !important;} .mb-10{margin-bottom:10px !important;} .mb-15{margin-bottom:15px !important;} .mb-20{margin-bottom:20px !important;} .mb-24{margin-bottom:24px !important;} .mb-25{margin-bottom:25px !important;} .mb-30{margin-bottom:30px !important;} .mb-40{margin-bottom:40px !important;} .mx-2{margin-left:2px !important;margin-right:2px !important;} .mx-5{margin-left:5px !important;margin-right:5px !important;} .mx-15{margin-left:15px !important;margin-right:15px !important;} .mx-30{margin-left:30px !important;margin-right:30px !important;} .my-0{margin-top:0px !important;margin-bottom:0px !important;} .my-5{margin-top:5px !important;margin-bottom:5px !important;} .my-10{margin-top:10px !important;margin-bottom:10px !important;} .my-20{margin-top:20px !important;margin-bottom:20px !important;} .my-15{margin-top:15px !important;margin-bottom:15px !important;} .my-35{margin-top:35px !important;margin-bottom:35px !important;} /*padding*/ .p-0{padding:0px !important} .ps-10{padding-left:10px !important;} .ps-15{padding-left:15px !important;} .pe-15{padding-right:15px !important;} .px-0{padding-left:0px !important;padding-right:0px !important;} .px-5{padding-left:5px !important;padding-right:5px !important;} .px-10{padding:0 10px !important;} .px-15{padding-left:15px !important;padding-right:15px !important;} .px-20{padding-left:20px !important;padding-right:20px !important;} .px-25{padding-left:25px !important;padding-right:25px !important;} .px-26{padding-left:26px !important;padding-right:26px !important;} .px-30{padding-left:30px !important;padding-right:30px !important;} .px-50{padding-left:50px !important;padding-right:50px !important;} .py-10{padding-top:10px !important;padding-bottom:10px !important;} .py-15{padding-top:15px !important;padding-bottom:15px !important;} .py-20{padding-top:20px !important;padding-bottom:20px !important;} .py-25{padding-top:25px !important;padding-bottom:25px !important;} .py-30{padding-top:30px;padding-bottom:30px;} .pt-0{padding-top:0px !important;} .pt-1{padding-top:1px !important;} .pt-10{padding-top:10px !important;} .pt-15{padding-top:15px !important;} .pt-25{padding-top:25px !important;} .pt-20{padding-top:20px !important;} .pt-30{padding-top:30px !important;} .pt-40{padding-top:40px !important;} .pb-0{padding-bottom:0px !important;} .pb-10{padding-bottom:10px !important;} .pb-20{padding-bottom:20px !important;} .pb-25{padding-bottom:25px !important;} .pb-30{padding-bottom:30px !important;} .pb-35{padding-bottom:35px !important;} .pb-40{padding-bottom:40px !important;} .pb-45{padding-bottom:45px !important;} .pb-50{padding-bottom:50px !important;} /* Icon */ .ico_giftbox{display:inline-block;width:30px;height:30px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_giftbox.svg);} .ico_basket{display:inline-block;width:20px;height:20px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_basket.svg);} .ico_basket_f{display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_basket_f.svg);} .ico_noti_on{display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_noti_on.svg);} .ico_noti_f{display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_noti_f.svg);} .ico_mypouch_f{display:inline-block;width:21px;height:24px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_mypouch_f.svg);} .ico_menu{display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_menu_f.svg);} .ico_round_close{display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_round_close.svg);}/* 취소 블랙 */ .ico_close {display:inline-block;width:28px;height:28px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_close.svg);background-size:100%;vertical-align:middle;}/* 취소 그레이 */ .ico_close2 {display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_close2.svg);background-size:100%;vertical-align:middle;}/* 취소 흰색 */ .ico_close3 {display:inline-block;width:20px;height:20px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_close3.svg);background-size:100%;vertical-align:middle;} .ico_close_s{display:inline-block;width:12px;height:12px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_close_s.svg);} .ico_close_s2{display:inline-block;width:12px;height:12px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_close_s2.svg);} .ico_search2{display:inline-block;width:27px;height:27px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_search2.svg);} .ico_arrow_right{display:inline-block;width:6px;height:12px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_arrow_right.svg);} .ico_arrow_right_purple{display:inline-block;width:7px;height:12px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_arrow_right_purple.svg);} .ico_arrow_right_long_orange {display:inline-block;width:20px; height:25px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_arrow_long_orange.svg);} .ico_arrow_right_long_black {display:inline-block;width:20px; height:25px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_arrow_long_black.svg);} .ico_arrow_up{display:inline-block;width:12px;height:6px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_arrow_up.svg);} .ico_arrow_down{display:inline-block;width:12px;height:6px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_arrow_down.svg);} .ico_play{display:inline-block;width:108px;height:108px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_play.svg);} .ico_id{display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_id.svg);} .ico_password{display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_password.svg);} .ico_kakao_login{display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_kakao_login.svg);} .ico_kakao_talk{display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_kakao.svg);} .ico_warning{display:inline-block;width:40px;height:40px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_warning.svg);margin-bottom:28px;} .ico_warning_gray{display:inline-block;width:40px;height:40px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_warning_gray.svg);margin-bottom:28px;} .ico_warning_gray_line {display:inline-block;width:40px;height:40px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_warning_gray_line.svg);margin-bottom:28px;} .ico_updown{display:inline-block;width:20px;height:20px;background-repeat:no-repeat;background-position:center;background-size:100%;background-image:url(../../images/common/ico_updown.svg);} .active .ico_updown{ transform:rotate(180deg); -webkit-transform:rotate(180deg); } .ico_right{display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-size:100%;background-image:url(../../images/common/ico_right.svg);} .ico_like{display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_like.svg);background-size:100%;vertical-align:middle;} .on .ico_like{background-image:url(../../images/common/ico_like_on.svg);} .ico_share {display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_share.svg);background-size:100%;vertical-align:middle;} .ico_share_black {display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_share_black.svg);background-size:100%;vertical-align:middle;} .on .ico_share{background-image:url(../../images/common/ico_share_on.svg);} .ico_download{display:inline-block;width:14px;height:14px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_download.svg);background-size:100%;vertical-align:middle;} .ico_download2{display:inline-block;width:20px;height:20px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_download2.svg);background-size:100%;vertical-align:middle;} .ico_download_disable{display:inline-block;width:20px;height:20px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_download_disable.svg);background-size:100%;vertical-align:middle;} .ico_impo{display:inline-block;width:20px;height:20px;background-position:center;background-repeat:no-repeat;background-image:url(../../images/common/ico_impo.svg);background-size:100%;vertical-align:middle;} .ico_close_round{display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_close_round.svg);background-size:100%;vertical-align:middle;} .ico_more{display:inline-block;width:31px;height:31px;background-position:center;background-repeat:no-repeat;background-image:url(../../images/common/ico_more.svg);} .ico_check_color{display:inline-block;width:20px;height:20px;background-position:center;background-repeat:no-repeat;background-image:url(../../images/common/ico_check_color.svg);} .ico_retry {display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_retry.svg);background-size:100%;vertical-align:middle;} .ico_refesh_black {display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_refesh_black.svg);background-size:100%;vertical-align:middle;} .ico_delivery_box {display:inline-block;width:20px; height:20px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_delivery_box.svg);} .ico_dawn_delivery_truck {display:inline-block;width:27.5px; height:20px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_dawn_delivery_truck.svg);} .ico_coupon {display:inline-block;width:20px; height:20px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_coupon.svg);} .ico_dollar {display:inline-block;width:20px; height:20px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_dollar.svg);} .ico_file_attach {display:inline-block;width:14px;height:9px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_file_attach.svg);} .ico_trophy {display:inline-block;width:14px;height:14px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_trophy.svg);} .ico_question {display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_question.svg)} .ico_bag_gray{display:inline-block;width:60px;height:60px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ico_bag_gray.svg);margin-bottom:28px;} .ico_up {display:inline-block;width:27px;height:27px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_up.png);background-size:100%;vertical-align:middle;}/* up */ .ico_down {display:inline-block;width:27px;height:27px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_down.png);background-size:100%;vertical-align:middle;}/* down */ .ico_new {display:inline-block;width:36px;height:29px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_new2.png);background-size:100%;vertical-align:middle;}/* new */ .ico_hyphen {display:inline-block;width:27px;height:27px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_hyphen.png);background-size:100%;vertical-align:middle;}/* hyphen */ /* 탭메뉴 */ .l__tabmenu {display:flex;align-items:center;justify-content:center;margin-bottom:20px;text-align:center; overflow: hidden;} .l__tabmenu a { width: auto; height:40px; line-height:40px;margin:0 5px;padding:0px 22px;background-color:#fff;border:1px solid #E1E1E1;border-radius:40px;font-weight:400;font-size:17px;color:#666666a1;text-align:center;box-sizing:border-box;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .l__tabmenu a.on {background-color:#222;border-color:#222;} .l__tabmenu a.on {color:#fff;} .l__tabmenu a:hover {border-color:#222;} /* 링크 버튼 */ .btn_view_all {display:flex;align-items:center;font-weight:700;font-size:14px;color:#999;} .btn_view_all i {margin-left:4.5px;} /* 서브 탭메뉴 */ .sub__tabmenu {position:relative;display:table;table-layout:fixed;width:100%;height:60px;} .sub__tabmenu::after {content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#000;} .sub__tabmenu a {display:table-cell;vertical-align:middle;text-align:center;width:50%;margin-left:-1px;border:1px solid #999;font-weight:400;font-size:18px;color:#222;box-sizing:border-box;} .sub__tabmenu a:first-child {margin-left:0px !important;} .sub__tabmenu a.on {position:relative;border:2px solid #000 !important;border-bottom-color:#fff !important;font-weight:500;color:#222;z-index:2;} .sub__tabmenu a:hover {font-weight:500;} /* 배경 */ .sub__tabmenu.bg a {background-color:#F5F5F5;border:none;color:#999} .sub__tabmenu.bg a.on {background-color:#fff;border-width:1px !important;color:#222;} .sub__tabmenu.bg::after {height:1px;} /* 카테고리별 */ .sub__category {padding:40px 0px 20px 0px;background-color:#F5F5F5;} .sub__category .maxWidth {display:flex;align-items:center;justify-content:center; flex-wrap: wrap;} .sub__category a {display:inline-block;font-weight:400;font-size:18px;color:#666;letter-spacing:-0.01em;text-align:center;width:12%;margin-bottom:24px} .sub__category a:first-child {margin-left:0px !important;} .sub__category a:last-child {margin-right:0px !important;} .sub__category a i {display:block;margin-bottom:23px; width:70px;height:70px; margin: 0 auto 23px; background-color: #fff; border-radius: 50%;} .sub__category a i img {width:70px;height:70px;border-radius:100%; display: block; margin: 0 auto;} .sub__category a.on {color:#222;background-color: #dddddd;padding: 15px 0 15px 0;border-radius: 20px;} /* 토스트팝업 */ .toast__popup {opacity:0;visibility:hidden;position:fixed;left:0;right:0;width:100%;bottom:0px;z-index:99;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .toast__popup_area {position:relative;display:flex;align-items:center;max-width:800px;margin:0 auto;padding:22px 20px;background-color:#FFEFE6;border:1px solid #FFAD80;border-radius:8px;box-sizing:border-box;} .toast__popup_area i {margin-right:10px;} .toast__popup_area p {font-size:16px;color:#222;} .btn_toast_close {position:absolute;top:25px;right:20px;} .toast__popup.active {botbtn_formtom:50px;opacity:1;visibility:visible;} /* 버튼--공통 */ .btn_line {display:flex;align-items:center;justify-content:center;width:100%;height:50px;border:1px solid #444;border-radius:4px;font-weight:500;font-size:16px;color:#222;box-sizing:border-box;} .btn_line.on {background-color:#222;border-color:#222;font-weight:400;color:#fff;} /*------------------------------------------------------ 상품목록 ------------------------------------------------------*/ .details_head {position:relative;display:flex;align-items:center;justify-content:space-between;} .details_thumb {display:block;position:relative;width:100%;height:0;padding-top:120%; background-color: #fff;} .details_thumb > span, .details_thumb a {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:bottom;background-size:cover;} .details_infos a {display:block;background-color:#fff;padding:15px 0px 0px;box-sizing:border-box;} .details_rank {position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#222;font-size:20px;line-height:20px;font-weight:700;color:#fff;z-index:2;} .details_price {display:flex;align-items:center;flex-wrap:wrap;height:18px;margin-top:14px;font-weight:700;font-size:18px;color:#222;} .details_price .cost {margin-left:5px;margin-right:10px;font-weight:400;font-size:15px;color:#999;text-decoration:line-through;} .details_price .percent {color:#FF5C00;} .details_review{margin-top:12px;font-size:14px;} .details_brand_name {margin-bottom:7px;font-weight:400;font-size:14px;color:#999;min-height: 16px;} .details_brand_name2 {display:flex;align-items:center;font-weight:700;font-size:18px;color:#999;line-height:1;} .details_title {overflow: hidden;text-overflow: ellipsis;font-weight: 400;font-size: 16px;line-height: 1.3;color: #222;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;max-height: 40px;} .details_title2 {font-weight:400;font-size:28px;line-height:38px;color:#222;} .details_title.normal{display:-webkit-box;white-space:normal;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:22px;} .gift_details .details_title3{ width: calc(100% - 80px);} .gift_details .details_title3 .t-tx {display:-webkit-box;white-space:normal;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:22px; font-size:14px;} .details_brand {display:flex;flex-wrap:wrap;margin-bottom:7px;} .details_brand_title {margin-right:5px;font-size:12px;color:#999;line-height:16px;} .details_brand_cate {display:flex;align-items:center;flex-wrap:wrap;} .details_brand_cate span {display:flex;align-items:center;justify-content:center;height:16px;margin-right:3px;padding:0px 8px;border:1px solid #999;border-radius:16px;font-size:10px;color:#999;box-sizing:border-box;line-height:1;} .details_foot {display:flex;align-items:center;flex-wrap:wrap;margin-top:4px;} .details_foot > div {display:flex;align-items:center;} .details_foot > div::before {content:'';display:flex;align-items:center;width:1px;height:8px;margin:0 8px;background-color:#ccc;} .details_foot > div:first-child:before {content:none;} .details_date {font-weight:700;font-size:14px;color:#333;} .details_time {font-size:14px;color:#333;} .details_best {display:inline-block;margin-bottom:20px;line-height:28px;padding:0 10px;background-color:#222;font-weight:500;font-size:16px;color:#fff;} .details_id {font-weight:500;font-size:20px;line-height:20px;color:#222;margin-top:34px;} .details_day {font-weight:400;font-size:16px;line-height:16px;color:#444;margin-top:16px;} .details_desc {font-weight:500;font-size:14px;line-height:14px;color:#666;} .details_desc2 {font-weight:400;font-size:16px;line-height:16px;color:#444;} .details_desc3 {font-weight:400;font-size:14px;line-height:22px;color:#999;} .details_desc4 {font-weight:400;font-size:16px;line-height:24px;color:#666;margin-top:12px;} .details_texts {text-align:center;} .details_texts2 {text-align:center;background-color:#F8F8F8;padding:37px 0;} .details_address {margin-left:145px;} /* 상품리스트 */ .product__area {padding-top:20px;border-top:2px solid #000;} .product__area.no_product_head {padding-top:0px;border-top:none;} .product__list {display:flex;flex-wrap:wrap;margin:-1%;margin-bottom:-30px;} .product__list > .product__inner {width:23%;margin:1%;margin-bottom:30px;} .product__list.col_3 {margin:-0.81%;} .product__list.col_3 > .product__inner {width:31.7%;margin:0.81%;} .product__list.col_5 {margin:-0.75%;} .product__list.col_5 > .product__inner {width:18.5%;margin:0.75%; margin-bottom:25px} .product__list.center {justify-content:center;} .dv-location{ margin-bottom: 25px; } #shop_goodsList #ASIDE .dv-location{ position: relative; left: 0; width: 1218px; margin: 0 0 25px 0;} #shop_brandsList .sub__contents #ASIDE .dv-location{ position: relative; left: 0; width: 1218px; margin: 0 0 25px 0;} /* 리스트 타입 */ .type_list .product_details {display:flex;align-items:center;justify-content:space-between;} .type_list .details_thumb {width:100px;padding-top:100px;} .type_list .details_infos {width:calc(100% - 100px)} .type_list .details_infos a {padding:0;padding-left:20px;} /*찜 리스트 wishlist*/ .details_thumb .fb__comm__checkbox{ position: absolute; top: 10px; left: 10px; z-index: 3; } .details_thumb .fb__comm__checkbox input + span:before{ background-color: #fff; } .fb__wishlist.fb__interest .top-area .fb__button button{ line-height: 34px;} .blt-bx{ display: flex; margin-top: 10px; flex-wrap: wrap;} .blt-bx img{ height: 17px; margin-right:5px; margin-top:6px;} .blt-bx img.delv{ height: 14px;} /* 갤러리 타입 */ .type_gallery.product__list > .product__inner:last-child {margin-bottom:20px !important;} .type_gallery .details_thumb a {border-radius:0;} /* 박스 타입 */ .type_box .product_details {overflow:hidden;} .type_box .product_details .details_thumb a .product_rank_num { position: absolute; width: 40px; height: 40px; font-size: 20px; font-weight: 500; line-height: 40px; color: #fff; text-align: center; background: #222; } .type_box .details_infos a {padding-bottom:23px;} /*------------------------------------------------------ 메인 ------------------------------------------------------*/ #MAIN {padding-bottom:110px;} .main__title {margin-bottom:25px;font-weight:700;font-size:28px;color:#222;letter-spacing:-0.05em;text-align:center;} .main__title2 {margin-bottom:25px;font-weight:700;font-size:30px;color:#222;letter-spacing:-0.05em;} /* 메인--플로팅 */ .floating__btn {position:fixed;right:40px;bottom:140px;z-index:99;} .floating__btn a {display:block;width:60px;height:60px;margin-top:10px;border-radius:60px;background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);} .floating__btn a:first-child {margin-top:0px;} .floating__btn a.floating_chat {background-image:url(../../images/common/ico_chat.svg);} .floating__btn a.floating_recent_main {display:flex;align-items:center;justify-content:center;font-weight:500;font-size:18px;color:#fff;letter-spacing:0.05em;z-index: -1;} .floating_recent a {position:relative;z-index:2;} .floating_recent a::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;border-radius:60px;opacity:0.3;z-index:-1;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .floating_recent {position:relative;} .floating_recent_list {overflow:hidden;position:absolute;right:0;bottom:0;z-index:-1;visibility:hidden;} .floating_recent_list a {opacity:0;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .floating_recent_list a:hover::before {opacity:0;} .floating_recent.hover .floating_recent_list {z-index:2;visibility:visible;} .floating_recent.hover .floating_recent_list a {opacity:1;} /* 메인--슬라이드 */ .main__slider {position:relative;} .slide__inner {position:relative;display:block;height:820px;} .slide__bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;} .slide__inner .maxWidth {height:100%;} .slide__cont {position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;font-size: 22px;line-height: 1.4;} .slide__cont h3 {font-weight:400;font-size:24px;} .slide__cont h1 {margin: 25px 0px 20px;font-size: 46px;line-height: 1.3;} .slide__cont .html_box {position: absolute;} .main__bar_banner {display:flex;align-items:center;justify-content:center;position:absolute;left:0;bottom:0;width:100%;height:36px;z-index:1;} .main__bar_banner::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;opacity:0.5;} .main__bar_banner a {display:inline-block;position:relative;font-size:14px;line-height:1;color:#fff;} .main__slider .swiper-button-next, .main__slider .swiper-button-prev{position:absolute;width:38px;height:62px;top:calc(50% + 30px);} .main__slider .swiper-button-next{background:url(/assets/templet/enterprise/images/main/next.png) no-repeat center;background-size:100% auto;margin-right:35px;} .main__slider .swiper-button-prev{background:url(/assets/templet/enterprise/images/main/prev.png) no-repeat center;background-size:100% auto;margin-left:35px;} .main__slider .swiper-button-next::after, .main__slider .swiper-button-prev::after{display:none;} /* 메인--서브메뉴 */ .main__round_banner {margin-top:30px;font-size:0px;text-align:center;} .main__round_banner > a {display:inline-block;margin-right:18px;} .ico_round_banner {display:flex;justify-content:center;align-items:center;width:88px;height:88px;border:1px solid #EEE;border-radius:100%;box-sizing:border-box;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .main__round_banner > a span {display:block;margin-top:10px;font-size:14px;line-height:1;letter-spacing:-0.02em;color:#444;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .main__round_banner > a:hover .ico_round_banner {border-color:#000 !important;} .main__round_banner > a:hover span {color:#000;} /* 메인--추천상품 */ .main__recommend {overflow:hidden;margin-top:60px;margin-bottom:20px;} .main__recommend .swiper-slide {padding-bottom:10px;} /* 메인--상품슬라이드 */ .l__slider.maxWidth {overflow:hidden;max-width:1240px;padding:0 10px;box-sizing:border-box;} .l__slider .swiper {padding:0 10px;} .product__slider {position:relative;} .product__slider .swiper-pagination {position:static;margin-top:7px;} .slider__navi .swiper-button-next, .slider__navi .swiper-button-prev {width:40px;height:40px;background-repeat:no-repeat;background-position:center;background-size:contain;} .slider__navi .swiper-button-prev {left:-20px;background-image:url(../../images/common/slide_prev.svg);} .slider__navi .swiper-button-next {right:-20px;background-image:url(../../images/common/slide_next.svg);} .l__slider .slider__navi .swiper-button-prev {left:-10px;} .l__slider .slider__navi .swiper-button-next {right:-10px;} .slider__navi .swiper-button-next:after, .slider__navi .swiper-button-prev:after {content:none;} /* 메인--나를위한 상품 */ .main__product {position:relative;margin-bottom:50px;} .main__product::before {content:'';position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#E1E1E1;} .main__product .maxWidth {display:flex;justify-content:space-between;} .main__product .maxWidth > div {width:45.9%;} .main__product .slider__navi .swiper-button-next, .main__product .slider__navi .swiper-button-prev {top:45%;} /* 메인--배너 */ .main__banner {height:158px;background-repeat:no-repeat;background-position:center;} /* 메인--오늘의 특가 */ .main__today {margin-top:53px;} /* 메인--카테고리 랭킹 */ .main__ranking {margin-top:60px;margin-bottom:60px} .main__ranking .main__head {position:relative; } .main__ranking .main__head{ padding-right: 80px;} .main__ranking .btn_view_all {position:absolute;right:0;bottom:12px;} .main__ranking .main__body {border:1px solid #E1E1E1;border-width:1px 0px;} .ranking__inner {display:flex; align-items: flex-start; justify-content:space-between;} .ranking__slider {width:555px;margin-left:0;} .ranking__tabmenu {width:590px;height:100%;margin:0; padding-top: 25px;} .ranking__slider .type_list .details_thumb {width:310px;padding-top:310px;} .ranking__slider .type_list .details_infos {width:calc(100% - 310px)} /* 오른쪽 타이틀 */ .ranking__tabmenu .swiper-slide {height:55px !important;} .ranking__title {display:flex;align-items:center;height:50px;background-color:#fff;border:1px solid #fff;border-radius:5px;box-sizing:border-box;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .ranking__title strong {width:52px;text-align:center;font-size:20px;line-height:20px;color:#000;} .ranking__title p {font-size:16px;color:#222; flex:1;} /* active */ .ranking__tabmenu .swiper {padding:10px;} .ranking__tabmenu .swiper-slide-thumb-active .ranking__title {position:relative;border-color:#000;box-shadow:2px 2px 10px rgba(0, 0, 0, 0.15);} /* 이달의 추천 신상 */ .main__new_product {overflow-x:hidden;padding-top:0px;} .main__new_product .maxWidth {position:relative;} .main__new_product .maxWidth::before {content:'';position:absolute;top:0;right:calc(100% - 0px);width:100%;height:100%;background-color:#fff;z-index:9;} .new_product__area {display:flex;justify-content:space-between;} .new_product__slider {position:relative;width:370px;padding-right:56px;background-color:#fff;box-sizing:border-box;z-index:2;} .new_product__slider .product__inner {margin-bottom:20px;} .new_product__slider .product__inner:last-child {margin-bottom:0px !important;} .new_product__slider .details_thumb {overflow:hidden;width:100px;padding-top:100px;border-radius:0;} .new_product__slider .type_list .details_infos {width:calc(100% - 100px)} .new_product__slider .swiper-slide {background-color:#fff;} .new_product__video {width:calc(100% - 346px);} .new_product__video .swiper {overflow:visible;} .video_thumb {display:flex;align-items:center;justify-content:center;width:100%;height:466px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:0;cursor:pointer;} .main__new_product .swiper-pagination-progressbar {position:static;margin-top:50px;} .video_thumb .video{ width: 854px; height: 466px; border-radius: 20px;} /* 모달창--비디오 */ .modal_video {position:relative;width:1030px;height:580px;} .modal_video .modal_close {top:-50px;} .modal_video video {width:100%;height:100%;} /* 메인--ONLY 공식몰 이벤트 */ .main__event {margin-top:60px;} .main__event .main__head {position:relative;} .main__event .btn_view_all {position:absolute;right:0;bottom:6px;} .event__list {display:flex;align-items:flex-start;justify-content:space-between;} .event__inner {width:49%;} .event_thumb a {display:block;} .event_thumb a img {width:100%;height:100%;border-radius:0;} .event_infos {padding:20px 40px 0px;} .event_infos h5 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;color:#222;line-height:18px;} .event_infos p {color:#999;line-height:22px;} .event_thumb img {width:100%;} /* 메인--이달의 베스트 리뷰 */ .main__best_review {margin-top:60px;} /* .main__best_review .main__title {margin-bottom:0px;} */ .type_list .review_details {display:flex;margin:25px 0px;padding:24px;background-color:#fff;border-radius:10px;box-shadow:0px 2px 20px rgba(0, 0, 0, 0.1);} .type_list .review_details .details_title {margin-bottom:10px;font-weight:500;} .type_list .details_left {width:104px;order:2;} .type_list .details_left .details_thumb a {border-radius:0px;} .details_id_name {display:flex;align-items:center;margin-top:18px;font-weight:500;font-size:13px;line-height:13px;color:#222;} .details_id_name img {border-radius:100%;margin-right:7px;} .type_list .review_details .details_infos {width:calc(100% - 104px);padding-right:11.5px;} .type_list .review_details .details_infos a {padding:0px;} .review_details .details_desc {white-space:normal;} .main__best_review .swiper-pagination {position:static;} /* 작성완료 리뷰 */ .details_review {display:flex;align-items:center;height:12px;/*margin-bottom:10px;*/} .ico_star {width:6px;height:100%;background-image:url(../../images/common/radio_start.svg);background-repeat:no-repeat;background-position:left center;text-indent:-9999px;background-size:cover;} .ico_star.ico_star_R {margin-right:4px;background-position:right center !important;} .ico_star.on {background-image:url(../../images/common/radio_start_on.svg);} .product_footer {display:flex;justify-content:space-between;align-items:center;height:34px;} /* 메인--INSTAGRAM */ .main__instagram {margin-top:60px;} .main__instagram .main__title {letter-spacing:0.02em;} .instagram__thumb {width:100%;height:0;padding-top:100%;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:0;} .instagram_id {text-transform:uppercase;color:#222;} .main__instagram .swiper-pagination {position:static;margin-top:30px;} /*------------------------------------------------------ 팝업 공통 ------------------------------------------------------*/ .l__modal {display:none;position:fixed;top:0;left:0;width:100%;height:100%;-webkit-transition:all 180ms ease-in-out;transition:all 180ms ease-in-out;opacity:0;visibility:hidden;z-index:1004;} .l__modal .dim {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.5;z-index:-1;} .modal_wrap {display:flex;justify-content:center;align-items:center;height:100%;position:relative;margin-top:4rem;z-index:2;-webkit-transition:all 180ms ease-in-out;transition:all 180ms ease-in-out;} .modal_area {overflow:hidden;position:relative;width:460px;margin:0 auto;border-radius:10px;box-sizing:border-box;} .modal_head {position:relative;display:flex;align-items:center;justify-content:center;height:60px;background-color:#222;border-radius:10px 10px 0px 0px;} .modal_title {font-weight:500;font-size:20px;color:#fff;} .modal_close {position:absolute;top:20px;right:30px;background-color:transparent;} .modal_body { max-height: 780px; padding:30px;background-color:#fff;} .modal_btn_ok {display:block;width:13.8rem;line-height:3.8rem;margin:0 auto;background-color:#f5f5f5;border:1px solid #eaeaea;border-radius:4px;box-sizing:border-box;font-weight:500;font-size:1.6rem;color:#494949;text-align:center;-webkit-transition:all 180ms ease-in-out;transition:all 180ms ease-in-out;} .l__modal.modal--active {visibility:visible;opacity:1;-webkit-transition:all 250ms ease-out;transition:all 250ms ease-out;} .l__modal.modal--active .modal_wrap {-webkit-transition:all 250ms ease-out;transition:all 250ms ease-out;margin-top:0;} /*------------------------------------------------------ SUB COMMON ------------------------------------------------------*/ #SUB {padding-top:130px;/*padding-bottom:110px;*/box-sizing:border-box;} .sub__contents { padding-left:240px;} .no_ASIDE .sub__contents {padding-left:0px !important;} .sub__title {font-size:30px;padding-top:50px;color:#222;letter-spacing:-0.03em; font-weight: 600;} .sub__desc {margin-top:18px;font-size:18px;color:#666;} .sub__body {padding-top:50px;} .sub__head {position:relative;} .sub__head .l__tabmenu {margin-top:50px;} .sub__head .btn_view_all {position:absolute;right:0;bottom:5px;} #shop_brandsList .sub__contents{ display: flex; padding-left: 0;} #shop_brandsList .sub__contents #ASIDE{ position: relative; } #shop_brandsList .sub__contents .sub__body{ flex: 1;} /* 섹션 */ .sub__section {margin-top:50px;} .sub__section_head {display:flex;align-items:center;justify-content:center;padding-bottom:30px;border-bottom:2px solid #000;} .sub__cate {display:flex;align-items:center;height:45px;margin-right:10px;padding:0 16px;background-color:#FF5C00;border-radius:45px;color:#fff;} /* 서브배너 */ .sub__spot {padding-top:20px;} .sub__spot .swiper {overflow:visible;} .sub__spot .swiper-pagination {display:flex;align-items:center;justify-content:center;top:auto;left:auto;bottom:10px;right:19px;width:75px;height:24px;background:rgba(34, 34, 34, 0.8);border-radius:50px;font-weight:500;font-size:12px;color:#fff;} .sub__spot .swiper-button-next, .sub__spot .swiper-button-prev{position:absolute;width:20px;height:58px;top:calc(50% - 5px);} .sub__spot .swiper-button-next{background:url(/assets/templet/enterprise/images/main/next.png) no-repeat center;background-size:100% auto;margin-right:35px;} .sub__spot .swiper-button-prev{background:url(/assets/templet/enterprise/images/main/prev.png) no-repeat center;background-size:100% auto;margin-left:35px;} /*------------------------------------------------------ ASIDE ------------------------------------------------------*/ .sub__area {position:relative; width: 1200px;} #ASIDE {position:absolute;top:0;left:0;width:240px;height:100%;padding-top:50px; background-color:#fff;box-sizing:border-box;} /* .aside__area {position:fixed;} */ .aside__title {margin-bottom:30px;font-weight:400;color:#000;} .aside__menu li {list-style:none;line-height:1;} .aside__menu > ul{ max-width: 200px;} .aside__menu > ul > li {margin-bottom:20px;} .aside__menu > ul > li:last-child {margin-bottom:0px !important;} .aside__menu > ul > li > a { position: relative; display:block;margin-bottom:15px;font-size:18px;color:#444; } .aside__menu > ul > li > a i{ position: absolute; width: 14px; height: 14px; display: block; top: 50%; right: 0; margin-top: -7px;} .aside__menu > ul > li > a i::before{ content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 2px; background-color: #999; display: block; margin: -1px 0 0 -5px;} .aside__menu > ul > li > a i::after{ content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 2px; background-color: #999; display: block; margin: -1px 0 0 -5px; transform: rotate(90deg);} .aside__menu > ul > li:hover > a, .aside__menu > ul > li.on > a {color:#FF5C00;} .aside__menu > ul > li.on > a { font-weight: 500; } .aside__menu > ul > li.on > a i::after{ transform: rotate(0);} .aside_menu_sub { display:none; } .aside_menu_sub li { margin-bottom:17px; } .aside_menu_sub li:last-child {margin-bottom:0px !important;} .aside_menu_sub a {font-size:14px;color:#999;} .aside__menu > ul > li.on .aside_menu_sub { display:block; } .aside__menu > ul > li .aside_menu_sub li a { color: #999; } .aside__menu > ul > li .aside_menu_sub li.on a { color: #ff5c00; font-weight: 700; } .aside__menu > ul > li .aside_menu_sub li:hover a { color: #ff5c00; } .menu__sub-list a{ display: block; padding: 8px 0 8px 14px; font-weight: 200; color:#666;} .menu__sub-list a:hover{ text-decoration: underline;} .menu__sub-list a.on{ color:#FF5C00; } .aside__menu > ul > li > .menu__sub{ display: none;} .aside__menu > ul > li.on > .menu__sub{ display: block;} .menu__sub-list2 a{ display: block; padding: 8px 0 8px 28px; font-weight: 200; color:#666;} .menu__sub-list2 a:hover{ text-decoration: underline;} .menu__sub-list2 a.on{ color:#FF5C00; } .menu__sub-list .menu__sub{ display: none; background-color: #fafafa; margin-bottom: 10px;} .menu__sub-list .menu__sub a{ position: relative; display:block; font-size: 14px;} .menu__sub-list .on + .menu__sub{ display: block;} /*카테고리 메뉴및 브랜드 메뉴 서브메뉴 접기 */ #lm li{ position: relative; } #lm > li a{ position: relative; display: block; font-weight: 400; margin-right: 30px;} #lm > li.active > a{ color: #FF5C00;} #lm > li .arr{ position: absolute; width: 14px; height: 14px; display: block; top: 2px; right: 0;} #lm > li .arr::before{ content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; border-top: #999 1px solid; border-right: #999 1px solid; display: block; margin: -3px 0 0 -3px; transform: rotate(135deg); transition:all 0.2s ease-in-out;} #lm > li .arr::after{ content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 2px; background-color: #999; display: none; margin: -1px 0 0 -5px; transform: rotate(90deg);} #lm > li.active > .arr::after, #lm .subDepth > li.on .arr::after{ transform: rotate(0);} #lm > li.active > .arr::before, #lm > li > .subDepth > li.on > .arr::before{ transform: rotate(-45deg);} #lm .subDepth{ display: none; padding: 5px 0 5px 10px;} #lm .subDepth > li + li{ margin-top: 15px;} #lm .subDepth > li > a{ padding: 5px; display: block;} #lm .subDepth > li.on > a{ color: #FF5C00;} #lm .mdepth3{ background-color: #f7f7f7; padding: 10px; font-size: 13px; margin: 5px 0 0 0; display: none;} #lm .mdepth3 > li + li{ margin-top: 14px;} #lm .mdepth3 > li.on > a{ color: #FF5C00;} #lm > li.active .subDepth{ display: block;} /* #lm > li.active > ul > li.active.on > ul > li.depth3.on{ display: block;} */ #lm > li.active > ul > li.active.on > ul.mdepth3.on.active{ display: block;} /*------------------------------------------------------ 검색결과화면 ------------------------------------------------------*/ #SEARCH {padding-top:130px;padding-bottom:50px;box-sizing:border-box;} #SEARCH #ASIDE {padding-top:147px;} #SEARCH mark {background-color:transparent;color:#FF5C00;} .search__head {padding:50px 0px 22px;} .search__title {font-weight:400;color:#000;} .product__colors {display:flex;align-items:center;flex-wrap:wrap;margin-top:15px;} .product__colors > span {display:flex;width:20px;height:20px;margin-right:10px;border-radius:100%;} #SEARCH .fb__items .item__price {white-space:nowrap;} /*------------------------------------------------------ 게시판 ------------------------------------------------------*/ .board__head {display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;} .board__total {font-family:"Noto Sans KR","AppleSDGothcNeo","AppleGothic", sans-serif;font-weight:400;font-size:16px;color:#000;} .board__total_select {display:flex;align-items:center;} .board__total_select > div {margin-left:10px;} .board__total_select > div:first-child {margin-left:0px !important;} .board__total_select select{ height: 40px;} /* 셀렉선택 */ .total_select_int {position:relative;} .select_int_title {position:relative;display:flex;align-items:center;min-width:144px;height:40px;padding:0 20px;padding-right:35px;background-color:#fff;border:1px solid #ccc;border-radius:3px;font-weight:400;font-size:16px;color:#222;box-sizing:border-box;} .select_brands .select_int_title {min-width:156px;} .select_type .select_int_title {min-width:110px;} .select_int_title::after {content:'';position:absolute;right:10px;width:20px;height:20px;background-image:url(../../images/common/ico_arrow_down.svg);background-repeat:no-repeat;background-position:center;} .select_int_list {display:none;overflow:hidden !important;position:absolute;top:45px;left:0;width:100%;max-height:205px;background-color:#fff;border:1px solid #CCC;border-radius:3px;box-sizing:border-box;z-index:10;} .select_int_list li {display:flex;align-items:center;height:36px;padding:0px 20px;font-size:14px;color:#444;cursor:pointer;} .select_int_list li:active, .select_int_list li:hover {background-color:#F2F2F2;} /* 색상 셀렉박스 */ .select_colors .select_int_list i {display:flex;width:20px;height:20px;border-radius:100%;margin-right:11px;} /* 브랜드 셀렉박스 */ .select_brands .select_int_list li {justify-content:center;} /* 리스트 */ .board__list {padding:20px 20px 40px;border-top:2px solid #222;border-bottom:1px solid #CCC;} .board__list.no_line {border:none !important;} .board__list ul {display:flex;flex-wrap:wrap;margin:-1.6% -1.05%;} .board__list li {width:22.9%;list-style:none;margin:1.6% 1.05%;} .board__list li.w100{ width: 100%; margin: 1.6% 0;} /* 상세 */ .board_brand {margin-top:10px;} .board_brand a {font-size:14px;color:#999;} .board_title a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0px;font-weight:500;font-size:16px;line-height:16px;color:#222;} .board_title.normal a {display:-webkit-box;white-space:normal;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:24px;} .board_desc a {font-size:14px;color:#666;} /* 네비 */ .bbs__navi {display:flex;align-items:center;justify-content:center;text-align:center;margin-top:30px;font-size:0;} .bbs__navi a {position:relative;display:flex;justify-content:center;align-items:center;width:28px;height:28px;border:1px solid transparent;border-radius:100%;font-weight:500;font-size:14px;color:#666;} .bbs__navi a img {vertical-align:middle;} .bbs__navi a.on {background-color:#222;border-color:#222;color:#fff;} .navi_prev {margin-right:16px;} .navi_next {margin-left:16px;} /* 결과없음 */ .board__nopost {padding:60px 0px;text-align:center;} .board__nopost i.ico_search2 {display:block;width:60px;height:60px;margin:0 auto;margin-bottom:20px;background-color:#D9D9D9;border-radius:100%;background-size:24px;} .board__nopost i.ico_search3{display:inline-block;width:60px;height:60px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../../images/common/ic_lert.svg);} .Hyperlink3 {display:inline-block;border-bottom:0px solid #FF5C00;font-size:16px;color:#FF5C00;} /* 연관키워드 */ .nopost_keyword_list {font-size:0;} .nopost_keyword_inner {display:inline-block;line-height:30px;margin:0px 5px;padding:0px 12px;background-color:#222;border-radius:30px;font-family:"Noto Sans KR","AppleSDGothcNeo","AppleGothic", sans-serif;font-weight:400;font-size:13px;color:#fff;box-sizing:border-box;letter-spacing:0.02em;} .nopost_keyword_inner .ico_close_s2 {margin-left:3px;} /*------------------------------------------------------ 알림센터 ------------------------------------------------------*/ .history__area {position:relative;} .history__area::before {content:'';position:absolute;top:0;left:24px;width:1px;height:100%;background-color:#CCC;} .history__inner {padding-bottom:40px;} .history__inner:last-child {padding-bottom:110px;} .history__date {display:flex;align-items:center;position:relative;height:48px;margin-bottom:7px;padding-left:68px;} .history__date::before {content:'';position:absolute;top:0;left:0;width:48px;height:48px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_time.svg);background-color:#fff;border:1px solid #ccc;border-radius:100%;box-sizing:border-box;} .history__boxs {margin-left:68px;padding:30px;background-color:#fff;border:1px solid #CCC;border-radius:8px;box-sizing:border-box;} .history__boxs p {position:relative;margin-bottom:17px;padding-left:17px;font-size:16px;line-height:24px;color:#222;} .history__boxs p::before {content:'';position:absolute;top:6px;left:0;width:7px;height:7px;background-color:#999;border-radius:100%;} .history__boxs p:last-child {margin-bottom:0px !important;} .history__boxs p strong {display:inline-block;border-bottom:1px solid #222;line-height:1;} /*------------------------------------------------------ 로그인 ------------------------------------------------------*/ #LOGIN {padding-top:130px;padding-bottom:110px;box-sizing:border-box;} #LOGIN .sub__title {text-align:center;padding:100px 0 50px;} #LOGIN .login__title {color:#222;} #LOGIN .maxWidth {width:402px;margin:0 auto;} #LOGIN .sub__banner {margin-top:100px;} #LOGIN .sub__banner img {width:100%;} .login__head {display:flex;justify-content:space-between;align-items:center;} .login__top {margin-bottom:30px;text-align:center;} .login__top h3 {font-size:24px;} #LOGIN .sub__contents .select_type .select_int_title { height: 50px; } #LOGIN .sub__contents .select_type .select_int_title::after { width: 50px; height: 50px; right: 0; background-size: 50%; } #LOGIN .sub__contents .select_type .select_int_list { top: 55px; } #LOGIN .sub__contents .select_type .select_int_list ul li { height: 45px; } .int_phone .int_phone_number{ display: flex;} /* 폼 */ .form_row {position:relative;margin-bottom:10px;} .form_row2 {position:relative;margin-bottom:30px;} .form_row i {position:absolute;top:16.5px;left:20px;} .form_row .txt-error{ margin-bottom: 10px;} .form_row .txt-success{ margin: 10px 0px;} .form_int {display:flex;align-items:center;} /* .form_row label {width:145px;min-width:145px;word-break:break-all;white-space:nowrap;padding-right:20px;box-sizing:border-box;} */ /* .form_row input {width:420px;box-sizing:border-box;} */ .input_ico .int {padding-left:44px;} .form_text {width:100%;margin-top:4px;font-size:12px;color:#999;} .form_text2 {margin-top:4px;font-size:13px;color:#999;} .form_text3 {font-size:14px;line-height: 14px;font-weight:400;color:#444;margin-top:10px;} .lbl {display:block;font-weight:400;font-size:16px;color:#444;} .need:after {content:' *';color:#FF5C00;} .int {width:100%;height:50px;border:1px solid #ccc;font-weight:400;font-size:16px;line-height:16px;color:#222;padding:0 10px;box-sizing:border-box; border-radius: 3px;} .int::placeholder {font-weight:400;color:#ABABAB;} .int::-webkit-input-placeholder {font-weight:400;color:#ABABAB;} .int:-ms-input-placeholder {font-weight:400;color:#ABABAB;} .int_tra {width:100%;height:170px;padding:15px 20px;border:1px solid #ccc;border-radius:4px !important;font-weight:400;font-size:16px;color:#444;box-sizing:border-box;} .int_tra::placeholder {font-weight:400;color:#ABABAB;} .int_tra::-webkit-input-placeholder {font-weight:400;color:#ABABAB;} .int_tra:-ms-input-placeholder {font-weight:400;color:#ABABAB;} .form_flex {display:flex;justify-content:space-between;margin-bottom:10px;} .form_flex .form_lbl {display:flex;align-items:center;width:145px;} .form_flex .form_int {width:calc(100% - 145px);flex-wrap:wrap;} .form_flex .form_int .int {width:402px} .form_flex .lbl {line-height:50px;} .form_flex .form_int .tel-bx{ display: flex; width:402px;} .form_flex .form_int .tel-bx .int{ width: auto; width: 33%;} .form_flex .form_int .tel-bx .int + .int{ margin-left: 10px;} /* 가로정렬 된 form */ .int_phone_cert {display:flex;align-items:center;height:50px;margin-left:10px;} .btn_form {width:143px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #FF5C00;box-sizing:border-box;white-space:nowrap;border-radius:3px;font-weight:500;font-size:16px;color:#FF5C00;} /* 회원가입 선택 */ .login_form {text-align:center;} .login_find {width:inherit;max-width:402px;margin:0 auto;display:flex;justify-content:center; flex-wrap: wrap; align-content:center;list-style:none;box-sizing:border-box;} .login_find li {position:relative; margin-bottom: 10px;} .login_find li:after{content:'';position: absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:12px;background:#ccc;} .login_find li:first-child:after, .login_find li:nth-child(4):after{display:none;} .login_find li a {display:block;font-size:16px;line-height:16px;font-weight:400;color:#ABABAB;padding:0 16px;word-break:keep-all;white-space:nowrap;} .login_find li:last-child a {padding-right:0;} .login_find li:first-child a{ padding-left:0;} /* 로그인 푸터 버튼 */ .kakao_login {background-color:#FFEB00;border:1px solid #FFEB00;color:#222;margin-top:20px;} .kakao_login i {margin-right:4px;} .login__foot {text-align:center;margin-top:50px;} .login__foot_hr {display:flex;align-items:center;justify-content:space-between;} .login__foot_hr .hr{width:100%;height:1px;border:0;background-color:#ccc;} .hr{width:100%;height:1px;border:0;background-color:#ccc;} .login__foot_hr span {font-size:14px;line-height:14pxlfowe 400;color:#ABABAB;margin:0 10px;} .easy__form{ display: flex; justify-content: center;} .easy__form a , .easy__form .itm{ margin:0px 8px; width: 46px;} .easy__form a:last-child {margin-right:0;} .easy__form a img, .easy__form .itm img {width:46px;height:46px;} #LOGIN .details_texts {background-color:#F8F8F8;padding:20px 0;} /* 버튼 푸터 */ .sub__foot, .sub__foot_btns { padding:30px 0 20px; } .sub__foot_btns input[type="submit"], .sub__foot_btns button, .sub__foot_btns a { display: block; width: 100%; margin-bottom:10px;} .sub__foot_btns input[type="submit"]:last-child, .sub__foot_btns button:last-child, .sub__foot_btns a:last-child { margin-bottom:0; } .btn_line_type {display:flex;align-items:center;justify-content:center;width:100%;height:50px;background-color:#fff;border-radius:3px !important;border:1px solid #ABABAB;font-weight:500;font-size:16px;color:#666;} .btn_line_full {background-color:#222;border-color:#222;color:#fff;} .btn_line_type:disabled {background-color:#ccc !important;border-color:#ccc !important;color:#fff !important;} .login_btn {display:flex;align-items:center;justify-content:center;width:100%;height:50px;border-radius:3px;font-weight:500;font-size:18px;} .sub__foot_btns input[type="submit"].btn_black{ background: #222 !important; color: #fff !important;} .sub__foot_btns .btn_gray{ background: #999 !important; color: #fff !important; height: 60px; line-height: 60px; text-align: center; border-radius: 3px;} /* 회원가입 */ #LOGIN .details_check input[type="radio"] + label {min-width:inherit;width:auto;} #LOGIN input[type="radio"] + label > span {display:inline-block;width:24px;height:24px;vertical-align:middle;background:url(../../images/common/radio.svg) 0 0 no-repeat;background-position:center;cursor:pointer;margin-right:7px;} #LOGIN .details_check input[type="radio"]:checked + label > span {background-image:url(../../images/common/radio_on2.svg);} #LOGIN .details_check input[type="radio"] + label {font-size:16px;line-height:16px;font-weight:400;color:#444;} #LOGIN .details_check input[type="radio"] + label > span {margin-right:6px;} .h-50px {height:50px;} #LOGIN .details_check input[type="checkbox"] + label {min-width:inherit;width:auto;} #LOGIN input[type="checkbox"] + label > span { display:inline-block; width:20px; height:20px;vertical-align:middle; cursor:pointer;margin-right:7px;} #LOGIN .details_check input[type="checkbox"] + label {font-size:16px;line-height:20px;font-weight:400;color:#444;} #LOGIN .details_check input[type="checkbox"] + label > span {margin-right:6px;} .h-50px {height:50px;} #LOGIN .details_check {line-height:24px;} /* 약관동의 */ .privacy_agree {height:44px;display:flex;align-items:center;justify-content:space-between;} .privacy_agree_box {background:#F8F8F8;margin-left:28px;} .privacy_agree input[type="checkbox"] + label {font-size:16px; line-height:20px; font-weight:400;color:#444;} .privacy_agree_box input[type="checkbox"] + label {font-size:16px;line-height:20px;font-weight:400;color:#444;} .terms_form .privacy_agree.all_agree_btn {height:68px;border-top:1px solid #999;border-bottom:1px solid #999;} .terms_form .privacy_agree.all_agree_btn input[type="checkbox"] + label {font-size:20px;font-weight:700;color:#222;} .terms_form .privacy_agree .details_check {margin-right:150px;} /* 법정대리인 동의 */ .guardian_agree {border:1px solid #ccc;border-radius:10px;padding:20px;margin-top:10px;} .guardian_agree .form_row.form_flex .form_int {width:calc(100% - 141px)} .guardian_agree .form_row.form_flex label {width:141px;} .guardian_agree .form_row.form_flex .int {width:322px;} .guardian_agree .int_phone_cert .btn_form {width:185px;padding:0 16px;border-radius:8px;} #LOGIN .view_impo {background-color:#F8F8F8;padding:20px;margin-top:10px;} .view_impo li {position:relative;margin-bottom:5px;padding-left:20px;font-weight:400;font-size:14px;color:#444;line-height:22px;letter-spacing:-0.4px;list-style:none;} .view_impo li::before {content:'';position:absolute;top:8px;left:8px;width:4px;height:4px;background-color:#999;border-radius:100%;} /* 로그인 > 회원가입 완료 */ #LOGIN.sign_up_complete .sub__area { width: 460px; } #LOGIN.sign_up_complete .sub__contents .login__top img { width: 120px; } #LOGIN.sign_up_complete .sub__contents .login__top h3 { line-height: 36px; } #LOGIN.sign_up_complete .sub__contents .sub__foot_btns { display: flex; justify-content: center; } #LOGIN.sign_up_complete .sub__contents .sub__foot_btns a:first-child { margin-right: 10px; } /* 로그인 > 휴대폰 본인 인증 */ #LOGIN.phone_varification .sub__contents .email_wrap #email { width: 225px; } #LOGIN.phone_varification .sub__contents .email_wrap .email_at { padding: 0 10px; } #LOGIN.phone_varification .sub__contents .email_wrap .select_type { width: 142px; } #LOGIN.phone_varification .sub__contents .sub__foot_btns { display: flex; justify-content: center; } #LOGIN.phone_varification .sub__contents .sub__foot_btns input[type="submit"], #LOGIN.phone_varification .sub__contents .sub__foot_btns .btn_black{ width: 400px; } /* 로그인 > 새 비밀번호 */ #LOGIN.new_password .sub__contents #password { margin-bottom: 15px; } #LOGIN.new_password .sub__contents .guide h6 { margin-bottom: 20px; color: #666; } #LOGIN.new_password .sub__contents .guide ul { padding-left: 15px; color: #666; } #LOGIN.new_password .sub__contents .guide ul li { margin-bottom: 5px; list-style: disc outside; line-height: 22px; } #LOGIN.new_password .sub__contents .guide ul li:last-child { margin-bottom: 0; } /* 로그인 > 아이디 찾기 */ #LOGIN.find_id .sub__contents .phone_num_wrap { display: flex; } #LOGIN.find_id .sub__contents .phone_num_wrap .select_type { margin-right: 10px; } #LOGIN.find_id .sub__contents .phone_num_wrap #phone_number, #LOGIN.find_id .sub__contents .phone_num_wrap #phone_2 { width: 175px !important; margin-right: 10px; } #LOGIN.find_id .sub__contents .phone_num_wrap button { width: 100px; } /* 로그인 > 비밀번호 찾기 */ #LOGIN.find_password .sub__contents .phone_num_wrap { display: flex; } #LOGIN.find_password .sub__contents .phone_num_wrap .select_type { margin-right: 10px; } #LOGIN.find_password .sub__contents .phone_num_wrap #phone_number, #LOGIN.find_password .sub__contents .phone_num_wrap #phone_2 { width: 175px; margin-right: 10px; } #LOGIN.find_password .sub__contents .phone_num_wrap button { width: 100px; } /*------------------------------------------------------ 상품상세 ------------------------------------------------------*/ .product_view__head {display:flex;justify-content:space-between;} /*-- 상세 슬라이드 --*/ .view__left {position:relative;width:572px} .product_view__head {margin-top:46px;} .view__slider .slide__bg {position:relative;width:100%;height:572px;background-position:center;background-repeat:no-repeat;background-size:cover;} .view__slider .swiper-button-next, .view__slider .swiper-button-prev {width:50px;height:50px;margin-top:-50px;background-repeat:no-repeat;background-position:center;background-size:cover;} .view__slider .swiper-button-prev {left:0;background-image:url(../../images/common/slider_prev.svg);} .view__slider .swiper-button-next {right:0;background-image:url(../../images/common/slider_next.svg);} .view__slider .swiper-button-next:after, .view__slider .swiper-button-prev:after {content:none;} .view__slider .swiper-pagination {position:static;margin-top:20px;} /*--- 상품 정보 ---*/ .view__infos {width:571px;} .view__product_details {position:relative;} .details_percent {display:flex;align-items:center;line-height:1;} .details_percent strong {color:#FF5C00;font-size:20px;font-weight:700;margin-right:12px;} .details_percent strong.details_percent_cost {font-weight:700;font-size:20px;margin-right:8px;color:#999;text-decoration:line-through;} .details_percent strong.details_percent_cost span {font-weight:400;} .details_percent b {font-size:32px;font-weight:800;} .details_percent b span {font-weight:400;font-size:16px;color:#222;} .view__infos .details_brand {margin-top:0px;} .details_menus {display:flex;align-items:center; margin-left: auto;} .details_menus .details_like {display:inline-block;margin-right:13px;} .details_menus .fb__event-detail__share {width:24px;margin-left:0px;background-image:none;} .view__infos .details_foot {justify-content:flex-end;} .view__infos .details_foot > div {height:auto;} /*-- 공유하기 내용 --*/ .details_share_box {position:absolute;top:64px;right:0;width:254px;padding:51px 30px 30px;background-color:#fff;border:1px solid #ccc;border-radius:20px;box-shadow:4px 4px 20px rgba(0, 0, 0, 0.1);-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;box-sizing:border-box;opacity:0;visibility:hidden;z-index:99;} .btn_share_close {position:absolute;top:20px;right:20px;} .details_share_area {position:relative;border-top-right-radius:19px;border-top-left-radius:19px;background-color:#fff;z-index:2;} .details_share_top {padding:25px 15px;} .details_share_top .btn_close {top:32px;right:15px;} .details_share_body {display:flex;align-items:center; justify-content: space-around;padding:15px;} .details_share_body a {text-align:center;font-size:13px;color:#222; width: 50px;} .details_share_body a p {margin-top:10px;} .details_share_box.active {opacity:1;top:34px;visibility:visible;} /*-- 쿠폰+쿠폰다운 --*/ .details_coupon {position:relative;} .details_coupon_head {display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;} .details_coupon_head .btn_coupon_download{ margin-left: auto;} .details_coupon .coupon_amount p {position:relative;line-height:14px;} /* 최대 혜택가 보기 */ .btn_coupon_amount {position:relative;display:flex;align-items:center;font-weight:500;font-size:15px;color:#000;} .btn_coupon_amount i {margin-left:5px;margin-right:5px;} .btn_coupon_amount i.ico_updown {width:20px;height:20px;margin-left:3px;background-size:80%;} .btn_coupon_download {display:flex;justify-content:center;align-items:center;width:88px;height:33px;background-color:#222;border-radius:4px;font-weight:400;font-size:14px;line-height:14px;color:#fff;letter-spacing:-0.01em;} .btn_coupon_download i {margin-left:6px;} .btn_coupon_download .ico_impo {margin-left:3px;} /*-- 쿠폰내용 --*/ .details_coupon_box {margin-bottom:20px;padding:17.5px 20px;background-color:#fff;border:1px solid #E1E1E1;border-radius:3px;} .details_coupon_box .coupon_name {display:flex;align-items:center;font-family:"Noto Sans KR";font-size:14px;line-height:14px;color:#666;letter-spacing:-0.01em;} .details_coupon_box .coupon_name span {display:flex;align-items:center;height:19px;padding:0px 7px;margin-left:6px;border:1px solid #000;border-radius:30px; color:#222;font-size:12px;line-height:12px;color:#222;box-sizing:border-box;} .coupon_cont {display:flex;justify-content:space-between;align-items:center;} .coupon_cont + .coupon_cont{ margin-top: 10px;} .coupon_price {display:flex;align-items:flex-end;} .coupon_price .red_price {color:#FF5C00;font-size:12px;margin-right:7px;margin-bottom:2px;} .coupon_price p {font-weight:400;font-size:14px;color:#222;} .coupon_price b {font-weight:700;font-size:18px;} /*-- 최대혜택가 팁 내용 --*/ .tooltip_box {position:absolute;top:31px;width:242px;border:1px solid #ccc;border-radius:8px;padding:15px;background-color:#fff;word-break:break-all;z-index:1;box-sizing:border-box;} .tooltip_box p {font-size:14px;line-height:22px;font-weight:400;color:#666;text-align:center;} .tooltip_box .btn_close {position:absolute;right:8px;top:8px} /*-- 신상품예약 --*/ .details_dates {display:flex;align-items:flex-start;justify-content:space-between;font-size:13px;font-weight:400;line-height:13px;color:#444;} .details_dates_body {width:241px;} .details_dates_body .details_time {display:flex;align-items:center;} .details_dates_body .details_time b {width:23px;height:30px;display:flex;align-items:center;justify-content:center;background-color:#222;border-radius:1.81px;color:#fff;font-family:'Roboto';font-size:18px;line-height:18px;font-weight:700;margin-right:2.98px;box-sizing:border-box;} .details_dates_body .details_time b:last-child {margin-right:0;} .details_time b.day {width:auto;background:none;color:#444;font-family:"Noto Sans KR";font-size:13px;line-height:14px;font-weight:400;align-items:flex-end;} .fb .custom-select__view__title div {padding-left:20px} .details_dates_body .details_time .dot {color:#666;font-size:18px;margin-right:2.98px;vertical-align:bottom;} .details_reserve_foot {background-color:#f8f8f8;border-radius:2px;padding:10px 5px;} .details_reserve_foot .view_impo li:before {background-color:#444;} /*-- 서브배너 --*/ .sub__banner {width:100%;text-align:center;margin-bottom:40px;} .sub__banner img {width:100%;height:100%;} /*-- 옵션 --*/ .view__option_box_area {margin-bottom:30px;} /*-- 옵션 선택 --*/ .view__options {position:relative;margin-bottom:10px;} .option_title {display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 15px;padding-right:41px;background-image:url(../../images/common/select.svg);background-repeat:no-repeat;background-position:97% center;background-color:#fff;border:1px solid #E1E1E1;font-weight:700;font-size:16px;color:#666;box-sizing:border-box;} .option_list {display:none;overflow-y:auto;position:absolute;top:49px;left:0;width:100%;max-height:195px;border:1px solid #E1E1E1;border-top:none;z-index:2;box-sizing:border-box;} .option_list li {position:relative;display:flex;align-items:center;justify-content:space-between;height:50px;padding:0px 15px;background-color:#fff;cursor:pointer;box-sizing:border-box;} .option_list_title {display:flex;align-items:center;font-size:16px;color:#666;} .fb .custom-select__view__option label > i, .option_list_title > i {display:block;width:40px;height:40px;margin-right:15.45px;border-radius:100%;border:1px solid #fff;box-sizing:border-box; background-size: cover;background-position: center;} .option_list li:active {background-color:#F0F0F0;} /* 재입고 알림 예약 */ .btn_restock_noti {display:flex;align-items:center;font-weight:500;font-size:13px;color:#FF5C00;text-decoration-line:underline;position:relative;z-index:2; margin-left: auto;} .btn_restock_noti .ico_noti_on {width:16px;height:16px;margin-right:1px;} .option_list li:hover {background-color:#F5F5F5;} .option_list li.sold_out {cursor:default;background-color:#fff !important;} .option_list li.sold_out::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;} .option_list li.sold_out .option_list_title {opacity:0.7;} .view__options.active .option_title, .view__options.active .option_list {border-color:#000;} /*-- 옵션결과 --*/ .option_result_infos {display:none;padding:5px 20px;background-color:#F5F5F5;} .option_result_infos_head {position:relative;display:flex;align-items:center;justify-content:space-between;height:40px;padding-right:31px;} .option_result_title {position:relative;display:flex;align-items:center;font-weight:500;font-size:14px;color:#222;line-height:14px;} .option_result_title i {display:block;width:40px;height:40px;margin-right:15.45px;border-radius:100%;border:1px solid #fff;box-sizing:border-box;} .option_result_title_sub {margin-top:5px;font-size:13px;color:#999;} .option_result_title span {position:absolute;top:0;left:0;} .option_result_item {display:flex;align-items:center;justify-content:space-between;margin-top:20px;} .option_result_item .item_amount_time {margin-top: 5px;} .option_result_item > div {display:flex;align-items:center;} .option_item_number {display:flex;align-items:center;overflow:hidden;border:1px solid #D8D8D8;border-radius:3px;} .option_item_number button {width:32px;height:32px;background-color:#fff;background-repeat:no-repeat;background-position:center;} .option_item_number button.btn_num_plus {background-image:url(../../images/common/ico_plus.svg);} .option_item_number button.btn_num_minus {background-image:url(../../images/common/ico_minus.svg);} .details_option_item .option_item_number{ margin: 10px auto 0;} .details_option_item .option_item_number .number7_result{ height: 32px; flex: 1; border-top: none; border-bottom: none; border-radius: 0; background-color: #fff !important; text-align: center; color:#222 !important; font-weight:600;} .btn_close_option_result {position:absolute;top:8px;right:0;} .number_result {display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#fff;border:1px solid #D8D8D8;border-width:0px 1px;font-weight:700;font-size:16px;letter-spacing:0px;} .item_amount_text {margin-left:8px;font-weight:500;font-size:13px;color:#333;letter-spacing:-1px;} .item_amount_text strong {font-weight:400;font-size:18px;letter-spacing:0px;} .item_amount_time {margin-left:0px;} /* 전체 금액 */ .option_result_total {display:flex;justify-content:space-between;padding:20px 0px 12px;border-top:2px solid #222;} .result_total_title {padding-top:3px;font-weight:500;font-size:18px;} .option_list input[type="radio"] + label > span {margin-right:3px;} .result_total_amount {font-weight:400;font-size:16px;color:#222;letter-spacing:-1px;} .result_total_amount .impo_service {margin-top:5px;} .result_total_amount b {font-weight:700;font-size:32px;letter-spacing:0px;} /* 텍스트 */ .amount_service_text {margin-top:5px;font-weight:400;font-size:14px;line-height:14px;color:#666;} /* 배송선택 */ .shipping_select {position:relative;margin-top:15px;} .shipping_select_box {display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 20px;padding-right:41px;background-image:url(../../images/common/select.svg);background-repeat:no-repeat;background-position:97% center;background-color:#fff;border:1px solid #E1E1E1;font-weight:400;font-size:16px;color:#666;box-sizing:border-box;} .shipping_select_list {display:none;overflow-y:auto;position:absolute;top:49px;left:0;width:100%;border:1px solid #E1E1E1;border-top:none;z-index:2;box-sizing:border-box;} .shipping_select_list li {display:flex;justify-content:space-between;align-items:center;height:49px;padding:0px 20px;background-color:#fff;border-top:none;font-size:16px;color:#666;cursor:pointer;} .shipping_select_list li:hover {background-color:#F5F5F5;} .shipping_select_list li:active {background-color:#F5F5F5;} .select_service_text {font-size:15px;color:#666;} .shipping_select.active .shipping_select_box, .shipping_select.active .shipping_select_list {border-color:#000;} /* 새벽배송 가능지역 확인 */ .shipping_search_title {display:flex;align-items:center;font-size:15px;line-height:15px;font-weight:700;color:#333;margin:20px 0 12px;} .shipping_search_title .ico_check {margin-right:8px;} .shipping_search_box {border:1px solid #D8D8D8;} .l__search--int {height:45px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;} .l__search--int input {width:100%;} .l__search--int button {background:none;} .l__search--int button i.ico_close2 {margin-right:11px;} .l__search--int .ico_close2 {width:10.27px;height:10px;margin:0 5px;} .shipping_result_box {border-top:1px solid #D8D8D8;background-color:#F7F7F7;padding:12px 12.3px 16px;} .shipping_result_area {border:1px solid #D8D8D8;background-color:#fff;padding:20px 12px 21px;} .shipping_result_head {display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:12px;font-weight:400;margin-bottom:12px;} .post_number {color:#FA385D;} .eng_map {color:#888;} .eng_map span {margin:0 5px;} .shipping_result_body .address {display:flex;justify-content:center;} .address:first-child {margin-bottom:12px;} .road_name {display:flex;align-items:center;justify-content:center;width:46px;height:18px;border:1px solid #DBE8F2;border-radius:2px;font-size:12px;line-height:12px;font-weight:500;color:#158CD3;margin-right:8px;} .full_addr {width:90%;font-size:15px;line-height:22px;font-weight:400;} .shipping_result_page {border:1px solid #D8D8D8;border-top:none;background-color:#FAFAFA;text-align:center;padding:10px 0;} .shipping_result_page p {font-size:10px;line-height:10px;font-weight:400;color:#888;} .shipping_result_page p span {color:#333;} .shipping_result_foot {font-size:10px;line-height:10px;font-weight:400;color:#888;text-align:center;margin-top:22px;} .shipping_result_foot span {margin:0 7px;} /* 상세--버튼 */ .view__foot {position:relative;margin-top:30px;} .view__foot_btns {display:flex;align-items:center;justify-content:space-between;} .view__foot_btns a {display:flex;align-items:center;justify-content:center;width:185px;height:60px;border:1px solid #222;border-radius:4px;box-sizing:border-box;font-weight:500;font-size:16px;color:#666;} .view__foot_btns a i {margin-right:10px;} .view__foot_btns a.on {background-color:#222;color:#fff;} .view__foot_btns a.btn_soldout {width:100%;background-color:#ABABAB;border-color:#ABABAB;cursor:default;font-weight:500;color:#fff} .view__foot_btns a.btn_restock {width:100%;background-color:#fff;border-color:#222;cursor:default;font-weight:500;color:#222} .view__naver_pay {margin-top:14px;text-align:right;} .view__naver_pay a {display:flex;align-items:center;justify-content:center;width:100%;height:60px;background-color:#01C73C;border-radius:4px;box-sizing:border-box;font-weight:500;font-size:16px;color:#fff;} /* 말풍선 */ .details_bubble_box {position:absolute;top:-50px;right:-5px;padding:13px 29px;background-color:#222;border-radius:50px;line-height:1;font-weight:400;font-size:13px;color:#fff;letter-spacing:-0.01em;z-index:80;} .details_bubble_box::after {content:'';position:absolute;left:0;right:0;bottom:-10px;width:15px;height:11px;margin:0 auto;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_bubble.svg);} /* 상세--배너 */ .view__banner {position:relative;margin-top:50px;} .slider_navi {position:absolute;right:10px;bottom:10px;display:flex;align-items:center;justify-content:center;width:77px;height:24px;background:rgba(34, 34, 34, 0.8);border-radius:24px;z-index:2;} .slider_navi .swiper-button-prev, .slider_navi .swiper-button-next {position:static;width:6px;height:12px;margin-top:0px;background-repeat:no-repeat;background-position:center;background-size:cover;} .slider_navi .swiper-button-prev {background-image:url(../../images/common/slider_prev_f.svg);} .slider_navi .swiper-button-next {background-image:url(../../images/common/slider_next_f.svg);} .slider_navi .swiper-button-prev::after, .slider_navi .swiper-button-next::after {content:none;} .slider_navi .swiper-pagination {position:static;white-space:nowrap;width:auto;margin:0 11px;font-weight:400;font-size:12px;color:#fff;} .slider_navi .swiper-pagination.swiper-pagination-current {font-weight:700;} /*-- 배송정보 --*/ .shipping_infos {margin-top:50px;background-color:#fff;} .shipping_head {position:relative;display:flex;align-items:center;justify-content:space-between;height:50px;padding:0px 15px;border-top:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;box-sizing:border-box;cursor:pointer;} .shipping_head a {display:block;width:100%;} .shipping_head h5 {font-weight:500;line-height:18px;} .shipping_head .ico_updown {width:12px;height:6px;} /*-- 배송정보 내용 --*/ .shipping_body {display:flex;align-items:flex-start;justify-content:space-between;padding-top:20px;} .shipping_inner {position:relative;width:48%;padding-top:64px;} .shipping_inner img {position:absolute;top:0;right:0;} .shipping_inner p.first {font-size:16px;line-height:16px;} .shipping_inner p.first strong {margin-right:3px;font-size:18px;} .shipping_inner p.first span {font-size:15px;} .shipping_inner p.last {display:flex;align-items:center;} .shipping_inner .round {display:inline-block;height:22px;padding:0px 10px;border-radius:40px;font-size:13px;line-height:22px;box-sizing:border-box;} .shipping_inner .naverpay_text {display:flex;align-items:center;margin-left:16px;font-size:14px;color:#444;line-height:1;} .shipping_inner .down-dev{ display: flex; margin: 10px 0 0 0; color:#111; align-items: center; font-size:16px;} .shipping_inner .down-dev b{ color:#6667AB; font-weight:500;} .shipping_inner .down-dev::after{ content: ''; width: 4px; height:4px; border-top: #666 2px solid; border-right:#666 2px solid; transform: rotate(45deg); margin-left: 4px;} .shipping_1 .round {border:1px solid #6667AB;} .shipping_2 .round {border:1px solid #F57820;} .shipping_1 strong,.shipping_1 span {color:#6667AB;} .shipping_2 strong,.shipping_2 span {color:#F57820;} .ico_naverpay {display:inline-block;width:34px;height:14px;background-image:url(../../images/sub/ico_naverpay.png);background-repeat:no-repeat;background-position:center;background-size:100%;} /*-- 리뷰 --*/ .review__slider_area {position:relative;} .view__review {margin-top:52px;} .review__head {display:flex;align-items:center;justify-content:space-between;margin-bottom:3px;} .review__head .details_review {margin-bottom:0px;height:20px;} .review__head .details_review .ico_star {width:10px} .review__head .review_number a {padding-bottom:2px;border-bottom:1px solid #222;font-weight:700;font-size:14px;line-height:14px;} .view__review .review__scroll {padding-top:13px;padding-bottom:30px;} .view__review .details_desc {font-size:14px;line-height:22px;} .details_review_area {display:flex;align-items:center;} .details_review_area > strong {margin-left:9.5px;font-weight:700;font-size:16px;color:#222;} .review__slider.swiper {padding:0px 5px;} .review__slider .swiper-slide {width:334px;} .review__slider.type_list .review_details {align-items:center;margin:16px 0px;box-shadow:0px 2px 10px rgba(0, 0, 0, 0.15);opacity:0.5;} .review__slider.type_list .details_title {margin-bottom:7px;} .review__slider .review_details {padding:16px;} .review__slider .review_details .details_thumb > a {border-radius:0;} .review__slider.type_list .swiper-slide-active .review_details {opacity:1;} /* 상품상세 */ .product_view__body {margin-top:80px;} /*-- 상세내용 --*/ .view__details_infos {background-color:#fff;} .view__details_infos > div {display:none;} .view__infos_editor img {width: 100% !important;height: auto !important;} .editor__product_infos .product__editor {overflow:hidden;height:1576px;} /*-- 더보기 --*/ .btn_the_more {position:relative;text-align:center;margin-top:-30px;z-index:2;width:100%;} .btn_the_more:after {content:'';position:absolute;left:0;bottom:0;width:100%;height:301px;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 8.85%, #FFFFFF 88.02%, rgba(255, 255, 255, 0.6) 99.99%, rgba(255, 255, 255, 0.6) 100%);z-index:-1;} .btn_the_more a {position:relative;display:flex;align-items:center;justify-content:center;width:556px;height:60px;margin:0 auto;border-radius:3px;line-height:16px;border:1px solid #222;font-weight:700;font-size:20px;color:#444;box-sizing:border-box;box-shadow:0px 2px 20px rgba(0, 0, 0, 0.15);background-color:#fff;} .btn_the_more i.ico_more {margin-left:10px;} .btn_the_more a.open i.ico_more{ transform: rotate(180deg); } /* 상세--리뷰배너 */ .review__editor_banner {padding:41px 0 0 0;background-color:#fff;} .editor_banner_head {display:flex;align-items:center;justify-content:center;margin-bottom:30px; font-size: 22px;} .editor_banner_head h4{ font-size: 22px;} .editor_banner_head .btn_click {display:flex;align-items:center;justify-content:center;width:113px;height:35px;margin-left:19px;background-color:#FF5C00;border-radius:50px;font-size:16px;color:#fff;text-transform:uppercase;} .editor_banner_body {display:flex;align-items:center;justify-content:space-between;} .editor_banner_body > div {width:48.2%;padding:23px 0px 23px;background-color:#fff;box-shadow:3px 3px 10px rgba(0, 0, 0, 0.1);box-sizing:border-box;height: 200px;} .editor_banner_foot {display:flex;align-items:center;justify-content:center;margin-top:30px;} .editor_box_haed {display:flex;align-items:center;justify-content:center;margin-bottom:14px;} .editor_box_haed img {margin-right:7px;} .editor_box_body {display:flex;align-items:center;justify-content:space-between;} .editor_box_info {display:flex;align-items:center;width:50%;padding:0px 30px;} .editor_box_info:last-child {border-left:1px solid #EEE} .editor_box_info > p {margin-left:11px;font-size:12px;line-height:1.25;color:#999;} .editor_box_info_round {display:flex;align-items:center;flex-direction:column;justify-content:center;width:92.5px;height:92.5px;border:2px dotted #999;border-radius:100%;box-sizing:border-box;} .editor_box_info_round strong {display:block;margin-top:3px;margin-bottom:3px;font-weight:700;font-size:20px;color:#FF5C00;line-height:1;} .editor_box_info_round p {font-weight:500;font-size:13px;text-transform:uppercase;color:#999;} /*-- 구매정보 표 --*/ .editor__purchase_info {padding:50px 0px 84px;border-bottom:1px solid #DDDDDD;} .editor__purchase_graph {margin-bottom:50px;} .editor__purchase_graph:last-child {margin-bottom:0px;} .editor__purchase_graph table {border-top:1px solid #eee;border-collapse:collapse;} .editor__purchase_graph table caption {font-size:18px;} .editor__purchase_graph tr {border-bottom:1px solid #eee;} .editor__purchase_graph td {padding:15px 20px;padding-left:40px;} .editor__purchase_graph td p {position:relative;margin-bottom:10px;padding-left:12px;} .editor__purchase_graph td p:last-child {margin-bottom:0px;} .editor__purchase_graph td p::before {content:'';position:absolute;top:8px;left:0;width:4px;height:4px;background-color:#666;border-radius:100%;} .editor__purchase_graph td p a {text-decoration:underline;font-weight:400;color:#222;} .graph_head {height:50px;background-color:#f8f8f8;border-left:none;font-weight:400;font-size:16px;line-height:24px;color:#444;word-break:keep-all;box-sizing:border-box;} .graph_txt {background-color:#fff;color:#666;font-size:14px;line-height:22px;font-weight:400;word-break:break-all;} /*-- 배송/교환/반품 --*/ .editor__purchase_guide {margin-top:50px;} .editor__purchase_guide .main__title {font-size:18px;line-height:18px;margin-bottom:30px;} .editor__purchase_guide .view_impo_box {padding:0;background-color:#fff;margin-bottom:30px;} .editor__purchase_guide .view_impo > li > ul > li {padding-left:0;margin-bottom:0;} .editor__purchase_guide .view_impo > li > ul > li::before {display:none;} .editor__purchase_guide .view_impo a {font-size:14px;line-height:22px;font-weight:400;color:#222;text-decoration: underline;} .editor__purchase_title {color:#666;font-size:16px;line-height:16px;font-weight:700;margin-bottom:10px;} /*-- 문의 --*/ .editor__inquiry {padding:50px 50px 70px;border-bottom:1px solid #ddd;} .inquiry_area {display:flex;align-items:center;justify-content:space-between;} .inquiry_inner {display:flex;align-items:center;justify-content:center;width:540px;height:201px;background-color:#F8F8F8;} /*.inquiry_inner:first-child {margin-bottom:11px;}*/ .inquiry_img {margin-right:30px;} .inquiry_txt {width:240px} .inquiry_txt p {color:#444;font-size:18px;line-height:24px;font-weight:400;margin-bottom:20px;} .inquiry_txt a {display:block;color:#000;font-size:14px;line-height:14px;font-weight:500;text-decoration:underline;} /* 상세--배너 */ .product_view__banner {display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;margin-top:50px;} .product_view__banner img {width:588px;height:172.48px;margin-bottom:17.52px;} /* 쿠폰 */ .my_coupon__history { margin: 20px 0;} .my_coupon__history_inner { position:relative; width: 400px; margin-top:10px;border:1px solid #DDDDDD;border-right:none; box-sizing: border-box; } .my_coupon__history_inner::before {content:'';position:absolute;top:50%;right:0px;width:30px;height:30px;margin-top:-15px;margin-right:-15px;background-color:#fff;border:1px solid #ddd;border-radius:100%;box-sizing:border-box;z-index:2;} .my_coupon__history_inner::after {content:'';position:absolute;top:0px;right:0;width:1px;height:100%;background-color:#ddd;box-sizing:border-box;z-index:1;} .my_coupon__details {display:flex;align-items:stretch;justify-content:space-between;padding:10px 0px;} .my_details_left {width:calc(100% - 130px);padding:10px 30px;box-sizing:border-box;} .my_details_right {display:flex;justify-content:center;flex-direction:column;width:130px;padding:10px 20px;border-left:1px dashed #ddd;font-family:"Noto Sans KR","AppleSDGothcNeo","AppleGothic", sans-serif;box-sizing:border-box;} .btn_discount_coupon {display:block;text-align:center;} .my_details_name {margin-bottom:20px;font-weight:400;font-size:12px;color:#222;line-height:1;} .my_details_amount {margin-bottom:14px;font-size:18px;color:#222;line-height:1;} .my_details_amount b {font-weight:700;font-size:40px;} .my_details_desc {font-size:14px;color:#666;line-height:1;} .modal_btns {display:flex;align-items:center;justify-content:space-between;padding-top:30px;} .modal_btns.col_2 .btn_line {width:49%;} .modal_btns.col_1_s {justify-content:center;} .modal_btns.col_1_s .btn_line {width:150px;} /* 사은품 */ .view__gifts {display:flex;flex-wrap:wrap; flex-direction: column; padding-bottom:20px;border-top:1px solid #E1E1E1;} .view__gift_title {width:100%;padding:21px 0px 0;font-weight:700;font-size:15px;color:#666;text-align:left; display: flex; align-items: center; color:#333;} .view__gift_title span{ font-weight: 400; font-size: .95em; margin-left: 10px;} .view__gift_title .bt{ width: 38px; height: 20px; margin-left: auto; display: flex; align-items: center; justify-content: center;} .view__gift_title .bt::after{ content: ''; width: 6px; height: 6px; border-top: #333 1px solid; border-right: #333 1px solid; transform: rotate(-45deg);} .view__gift_title.active .bt::after{ transform: rotate(135deg);} .view__gift_body {width:calc(100% - 83px); padding-top: 20px;} .gift_details {display:flex;justify-content:space-between;padding:0; align-items: center;} .gift_details + .gift_details{ margin-top: 10px;} .gift_details:last-child {border-bottom:none !important;} .gift_details .details_thumb {width:64px;padding-top:64px;} .gift_details .details_thumb span{ display: block; width: 64px; height: 64px; border:#ddd 1px solid; background-size: cover;} .gift_details .details_title {width:calc(100% - 80px)} .view__gift_desc {width:100%;padding-left:83px;} .view__gift_desc p {position:relative;margin-top:10px;padding-left:15px;font-size:14px;color:#666;line-height:1;} .view__gift_desc p::before {content:'';position:absolute;top:4px;left:4px;width:4px;height:4px;background-color:#666;border-radius:100%;} .view__gift_desc p:first-child {margin-top:0px;} /* shotinfo */ .view__shotinfo {display:flex;flex-wrap:wrap; flex-direction: column; padding-bottom:15px;} .view__shotinfo_title {width:100%;padding:10px 0px 0;font-weight:700;font-size:15px;color:#111111;text-align:left; display: flex; align-items: center; color:#333;} .view__shotinfo_title span{ font-weight: 500; font-size: .95em;} .view__shotinfo_title .bt{ width: 38px; height: 20px; margin-left: auto; display: flex; align-items: center; justify-content: center;} .view__shotinfo_title .bt::after{ content: ''; width: 6px; height: 6px; border-top: #333 1px solid; border-right: #333 1px solid; transform: rotate(-45deg);} .view__shotinfo_title.active .bt::after{ transform: rotate(135deg);} .view__shotinfo_body {width:calc(100% - 83px); padding-top: 5px; padding-bottom: 5px;} .view__shotinfo_body .shotinfo {font-size:14px;} .view__shotinfo .view__shotinfo_body{ width: 100%;} .view__shotinfo_title h5{font-weight: 500; line-height: 18px;} /* 문의팝업 */ .modal_forms {margin-top:30px;padding-top:20px;border-top:1px solid #DDD;} /*------------------------------------------------------ 오늘만! 특가 ------------------------------------------------------*/ .todays_special_head {height:420px;padding:50px 0px;background-repeat:no-repeat;background-position:center;background-size:cover;box-sizing:border-box;} .todays_special_head h1 {font-size:50px;margin-bottom:18px;} .clock {width:381px;height:70px;margin:0px auto 50px;background-image:url(../../images/sub/bg_clock.png);background-repeat:no-repeat;background-position:center;text-align:center} .clock p{line-height:70px;font-size:0px !important;} .clock p .countdown {display:flex;align-items:center;} .clock p span{display:inline-block;color:#ffffff;font-size:40px;font-weight:700;text-align:center;vertical-align:top} .clock p span.first {width:66px;font-size:0px;} .clock p span.last {width:33px;font-size:0px;} .clock p span span{width:30px;height:70px;} .clock p>span{letter-spacing:0;text-indent:0} .clock p span em{display:inline-block;width:106px;letter-spacing:30px;text-indent:15px;text-align:center;vertical-align:top;} .todays_special_body {position:relative;margin-top:-135px !important;z-index:2;} /*------------hks 2022-08-19 ↓↓↓↓↓↓↓↓↓--------------------------------------------------------------------------------------------*/ /*------------------------------------------------------ 공통 ------------------------------------------------------*/ /* 공통 > 기타 */ .hide { display: none; } .gray_bg { padding: 20px; background: #F8F8F8; border-radius: 8px; } .div_line { display: flex; padding-left: 10px; margin-right: 10px; color: #ccc; font-weight: 200; align-items: center;} /* 공통 > 버튼 */ .btn_wrap { position: relative; display: flex; justify-content: center; width: 100%; } .btn_wrap * { box-sizing: border-box; } .btn_wrap button, .btn_wrap a { width: 195px; } .btn_wrap button:first-child, .btn_wrap a:first-child { margin-right: 10px; } .btn_wrap button:last-child, .btn_wrap a:last-child { margin-right: 0; } .btn_orange { height: 50px; background: #FF5C00; border: 1px solid #FF5C00; font-size: 16px; line-height: 50px; color: #fff; font-weight: 500; text-align: center; border-radius: 3px; } .btn_orange:hover { background: #ff7300; } .btn_orange_line { height: 50px; background: #fff; border: 1px solid #FF5C00; font-size: 16px; line-height: 50px; color: #FF5C00; font-weight: 500; text-align: center; border-radius: 3px; } .btn_orange_line:hover { background: #fff7f2; } .btn_beige { height: 50px; background: #FFAD80; border: 1px solid #FFAD80; font-size: 16px; line-height: 50px; color: #fff; font-weight: 500; text-align: center; border-radius: 3px; } .btn_black { height: 50px; background: #222; border: 1px solid #222; font-size: 16px; line-height: 50px; color: #fff; font-weight: 700; text-align: center; border-radius: 3px; padding: 0 30px;} .btn_black:hover { background: #333; } .btn_black_line { height: 50px; background: #fff; border: 1px solid #444; font-size: 16px; line-height: 50px; color: #444; font-weight: 500; text-align: center; border-radius: 3px; } .btn_black_line:hover { background: #fafafa; } .btn_gray_line { height: 50px; background: #fff; border: 1px solid #ababab; font-size: 16px; line-height: 50px; color: #444; font-weight: 500; text-align: center; border-radius: 3px; } .btn_gray_line:hover { border-color: #222; } .btn_disable { height: 50px; background: #ccc; border: 1px solid #ccc; font-size: 16px; line-height: 50px; color: #fff; font-weight: 700; text-align: center; border-radius: 3px; } .fb__community__table td .btn_gray_line{ height: 30px; line-height: 30px; padding: 0 20px; font-size: 14px;} /* UI 캘린더 */ #ui-datepicker-div {z-index:9999 !important;} .ui-widget.ui-widget-content {width:auto;} .ui-datepicker {width:auto;} .ui-datepicker td {padding:3px;} .ui-datepicker td span, .ui-datepicker td a {display:flex !important;justify-content:center;align-items:center;width:26px;height:26px;padding:0px;background-color:#ADE7E6;border-radius:26px;font-weight:500;font-size:12px;color:#222;} .ui-datepicker .ui-datepicker-title select {width:auto;padding-right:20px;font-size:20px;border:none;} .ui-datepicker .ui-datepicker-title select option {font-size:14px;} .ui-datepicker .ui-datepicker-header {display:flex;justify-content:center;align-items:center;height:50px;border-radius:0px;} .ui-datepicker-calendar thead {border-bottom:1px solid #E5E5E5;} .ui-datepicker-today a.ui-state-highlight {background-color:#f0f0f0 !important;border-color:#f0f0f0 !important;} .ui-datepicker .ui-datepicker-title {margin:0px !important;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:auto !important;} .ui-datepicker .ui-datepicker-year {margin-right:10px !important;} /* ASIDE 2 // 펼쳐진 버전 ex.마이페이지 */ .aside__menu.ver_2 > ul > li { margin-bottom: 30PX; } .aside__menu.ver_2 > ul > li.on > a, .aside__menu.ver_2 > ul > li:hover > a {color:#222;} .aside__menu.ver_2 > ul > li .aside_menu_sub { display:block; } /*------------------------------------------------------ FOOTER > 이용약관 ------------------------------------------------------*/ #TERMS { padding-top:130px; padding-bottom:110px; box-sizing:border-box; } #TERMS .sub__head .sub__title { padding-top: 63px; } #TERMS .sub__body { padding-top: 30px; line-height: 1.5;} #TERMS .sub__body p.p1 { line-height: 26px; } #TERMS .sub__contents .sub__body dl { margin-bottom: 20px; } #TERMS .sub__body dl dt { margin-bottom: 20px; font-weight: 700; } #TERMS .sub__body dl dd { margin-bottom: 20px; } #TERMS .sub__body dl dd h6 { margin-bottom: 5px; font-weight: 400; } /*------------------------------------------------------ FOOTER > 개인정보취급방침 ------------------------------------------------------*/ #PRIVACY { padding-top:130px; padding-bottom:110px; box-sizing:border-box; } #PRIVACY .sub__head .sub__title { padding-top: 63px; } #PRIVACY .sub__body { padding-top: 30px; line-height: 1.5;} #PRIVACY .sub__body p.p1 { line-height: 26px; } #PRIVACY .sub__body dl { margin-bottom: 20px; } #PRIVACY .sub__body dl dt { margin-bottom: 20px; font-weight: 700; } #PRIVACY .sub__body dl dd { margin-bottom: 20px; } #PRIVACY .sub__body dl dd h6 { margin-bottom: 5px; font-weight: 400; } #PRIVACY .sub__body dl dd p.p4 { color: #888; } #PRIVACY .sub__body dl dd table { font-size: 13px; line-height: 20px; color: #888; } #PRIVACY .sub__body dl dd table thead th { font-weight: 700; } #PRIVACY .sub__body dl dd table thead th, #PRIVACY .sub__body dl dd table tbody td { padding: 15px 10px; border: 1px solid #ddd; } /*------------------------------------------------------ FOOTER > 이메일 무단 수집 거부 ------------------------------------------------------*/ #REFUSE_EMAIL { padding-top:130px; padding-bottom:110px; box-sizing:border-box; } #REFUSE_EMAIL .sub__head .sub__title { padding-top: 63px; } #REFUSE_EMAIL .sub__body { padding-top: 30px; } #REFUSE_EMAIL .sub__body .p1 { line-height: 26px; } /*------------------------------------------------------ 주문서 작성 ------------------------------------------------------*/ #ORDER_WRITE { padding-top: 150px; /*padding-bottom:110px;*/ } #ORDER_WRITE .sub__contents * { box-sizing: border-box; } #ORDER_WRITE .sub__body { display: flex; justify-content: space-between; align-items: flex-start; color: #222; } #ORDER_WRITE .sub__body input[type="radio"] + label > span { display:inline-block; width:19px; height:19px; margin-right:7px; vertical-align: middle; background:url(../../images/common/radio.svg) no-repeat 0 0; background-position:center; cursor:pointer; } #ORDER_WRITE .sub__body input[type="radio"]:checked + label > span { background-image:url(../../images/common/radio_on2.svg); } #ORDER_WRITE .sub__body input[type="radio"] + label, #ORDER_WRITE .sub__body input[type="checkbox"] + label { line-height: 20px; } #ORDER_WRITE .sub__body input[type="text"].warning_msg { border-color: #FF5C00; } #ORDER_WRITE .sub__body .warning_msg { margin-bottom: 10px; color: #FF5C00; } #ORDER_WRITE .sub__body .select_type .select_int_title { height: 50px; } #ORDER_WRITE .sub__body .select_type .select_int_title::after { width: 50px; height: 50px; right: 0; background-size: 50%; } #ORDER_WRITE .sub__body .select_type .select_int_list { top: 55px; } #ORDER_WRITE .sub__body .select_type .select_int_list ul li { height: 45px; } #ORDER_WRITE .sub__body section.left { width: 820px; } #ORDER_WRITE .sub__body section.left .grade_info { margin-bottom: 50px; } #ORDER_WRITE .sub__body section.left h4 { position: relative; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #ORDER_WRITE .sub__body section.left .user_info { margin-bottom: 60px; } #ORDER_WRITE .sub__body section.left .user_info .info{ display: flex;} #ORDER_WRITE .sub__body section.left .user_info .info .write__input{ display: flex;align-items: center;} #ORDER_WRITE .sub__body section.left .user_info input{ width: auto; border: none; padding: 0; height: auto; min-width: 10px; font-size: 16px; appearance:none; -ms-appearance:none;-webkit-appearance:none;-moz-appearance:none;border: 1px solid #ccc;padding: 10px;} #ORDER_WRITE .sub__body section.left .user_info select{ width: auto; line-height: 1; border: none; padding: 0; height: auto; min-width: 10px; padding-right: 20px;} #ORDER_WRITE .sub__body section.left .user_info input.name{ width: 123px;} #ORDER_WRITE .sub__body section.left .user_info input.phone{ width: 50px;} #ORDER_WRITE .sub__body section.left .user_info input.phone2{ width: 66px;} #ORDER_WRITE .sub__body section.left .user_info input.mail {width: 300px;} #ORDER_WRITE .sub__body section.left .delivery_address_info { margin-bottom: 60px; } #ORDER_WRITE .sub__body section.left .delivery_address_info h4 button { position: absolute; bottom: 10px; right: 10px; color: #FF5C00; text-decoration: underline; background: none; font-size: 14px; line-height: 1; } #ORDER_WRITE .sub__body section.left .delivery_address_info .list_wrap { margin-bottom: 5px; } #ORDER_WRITE .sub__body section.left .delivery_address_info .list_wrap .row { margin-bottom: 14px; padding: 30px 20px; border: 1px solid #ccc; border-radius: 8px; cursor: pointer; } #ORDER_WRITE .sub__body section.left .delivery_address_info .list_wrap .row:hover, #ORDER_WRITE .sub__body section.left .delivery_address_info .list_wrap .row.selected { border-color: #222; } #ORDER_WRITE .sub__body section.left .delivery_address_info .list_wrap .row.selected.warning { border-color: #FF5C00; background: #fff7f2; } #ORDER_WRITE .sub__body section.left .delivery_address_info .list_wrap .row .top { height: 30px; margin-bottom: 20px; display: flex; align-items: center; } #ORDER_WRITE .sub__body section.left .delivery_address_info .list_wrap .row .top .tag { display: inline-block; width: 88px; height: 30px; margin-right: 15px; font-size: 14px; line-height: 30px; border-radius: 3px; font-weight: 400; padding: 0;} #ORDER_WRITE .sub__body section.left .delivery_address_info .warning_msg { position: relative; padding-left: 19px; line-height: 30px; } #ORDER_WRITE .sub__body section.left .delivery_address_info .warning_msg span { position: absolute; top: 8px; left: 0; width: 16px; height: 16px; background: url(../../images/common/ico_warning_line.svg) no-repeat 0 0; background-size: 100%; } #ORDER_WRITE .sub__body section.left .delivery_address_info .warning_msg button { position: absolute; top: 0; right: 0; width: 127px; height: 30px; font-size: 14px; line-height: 30px; } #ORDER_WRITE .sub__body section.left .order_request { margin-bottom: 60px; } #ORDER_WRITE .sub__body section.left .order_request dl { position: relative; margin-bottom: 30px; padding-left: 144px; } #ORDER_WRITE .sub__body section.left .order_request dl dt { position: absolute; top: 0; left: 0; } #ORDER_WRITE .sub__body section.left .order_request dl dd label { margin-right: 40px; } #ORDER_WRITE .sub__body section.left .order_request dl dd.guide { padding-top: 20px; } #ORDER_WRITE .sub__body section.left .order_request dl dd.guide ul { padding-left: 35px; } #ORDER_WRITE .sub__body section.left .order_request dl dd.guide ul li { margin-bottom: 5px; list-style: disc outside; line-height: 22px; } #ORDER_WRITE .sub__body section.left .order_request dl dd.guide ul li:last-child { margin-bottom: 0; } #ORDER_WRITE .sub__body section.left .order_request dl dd.guide.for_radio_direct_msg input[type="text"] { margin-bottom: 10px; } #ORDER_WRITE .sub__body section.left .order_request dl dd.guide.for_radio_entrance_pw input[type="text"] { width: 322px; margin-bottom: 10px; } #ORDER_WRITE .sub__body section.left .order_request .shipping_select{ display: flex;} #ORDER_WRITE .sub__body section.left .order_request .shipping_select select{ margin-right: 10px;} #ORDER_WRITE .sub__body section.left .order_request .shipping_select .delivery-request__write{ display: flex;} #ORDER_WRITE .sub__body section.left .product_info { margin-bottom: 60px; } #ORDER_WRITE .sub__body section.left .product_info table { width: 100%; text-align: center;} #ORDER_WRITE .sub__body section.left .product_info table thead th { padding: 15px; border-top: 1px solid #222; border-bottom: 1px solid #ccc; font-weight: 400; } #ORDER_WRITE .sub__body section.left .product_info table tbody td { padding: 30px 0; color: #666; } #ORDER_WRITE .sub__body section.left .product_info table tbody td > strong { color: #222; } #ORDER_WRITE .sub__body section.left .product_info table tbody td dl { position: relative; height: 120px; padding-left: 140px; text-align: left; color: #222; } #ORDER_WRITE .sub__body section.left .product_info table tbody td dl dd.brand { margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #999; } #ORDER_WRITE .sub__body section.left .product_info table tbody td dl dt { margin-bottom: 10px; font-weight: 500; } #ORDER_WRITE .sub__body section.left .product_info table tbody td dl dd.option { font-size: 14px; color: #444; } #ORDER_WRITE .sub__body section.left .product_info table tbody td dl dd.img { position: absolute; top: 0; left: 0; width: 100px; height: 100px; } #ORDER_WRITE .sub__body section.left .product_info table tbody td dl dd.img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ORDER_WRITE .sub__body section.left .product_info .etc .bonus_gift { margin-bottom: 20px; padding-left: 15px; } #ORDER_WRITE .sub__body section.left .product_info .etc .bonus_gift li { margin-bottom: 5px; list-style: disc outside; line-height: 22px; } #ORDER_WRITE .sub__body section.left .product_info .etc .use_coupon dt { margin-bottom: 15px; font-weight: 700; } #ORDER_WRITE .sub__body section.left .product_info .etc .use_coupon dd { display: flex; justify-content: space-between; } #ORDER_WRITE .sub__body section.left .product_info .etc .use_coupon dd div { position: relative; width: calc(100% - 265px); height: 50px; padding: 12px 16px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 3px; } #ORDER_WRITE .sub__body section.left .product_info .etc .use_coupon dd div span { position: absolute; bottom: 12px; right: 16px; color: #999; } #ORDER_WRITE .sub__body section.left .product_info .etc .use_coupon dd div span strong { color: #444; } #ORDER_WRITE .sub__body section.left .product_info .etc .use_coupon dd button { position: relative; width: 255px; text-align: left; padding-left: 20px; } #ORDER_WRITE .sub__body section.left .product_info .etc .use_coupon dd button .icon_arrow { position: absolute; bottom: 15px; right: 20px; width: 8px; height: 17px; background: url(../../images/common/ico_arrow_right_black_for_btn.svg) no-repeat 0 0; background-size: cover; } #ORDER_WRITE .sub__body section.left .coupon_point { margin-bottom: 60px; } #ORDER_WRITE .sub__body section.left .coupon_point dl { /* display: flex; */ justify-content: space-between; } #ORDER_WRITE .sub__body section.left .coupon_point dl dt { width: 133px; line-height: 50px; } #ORDER_WRITE .sub__body section.left .coupon_point dl.coupon { margin-bottom: 10px; } #ORDER_WRITE .sub__body section.left .coupon_point dl.coupon dd { display: flex; justify-content: space-between; width: calc(100% - 133px); } #ORDER_WRITE .sub__body section.left .coupon_point dl.coupon dd .select_type { width: 402px; } #ORDER_WRITE .sub__body section.left .coupon_point dl.coupon dd button { width: 275px; } #ORDER_WRITE .sub__body section.left .coupon_point .selected_coupon_list { margin: 0 0 30px 133px; } #ORDER_WRITE .sub__body section.left .coupon_point .selected_coupon_list .row { display: flex; justify-content: space-between; margin-bottom: 20px; } #ORDER_WRITE .sub__body section.left .coupon_point .selected_coupon_list .row:last-child { margin-bottom: 0; } #ORDER_WRITE .sub__body section.left .coupon_point .selected_coupon_list .row h6 { font-weight: 400; line-height: 36px; } #ORDER_WRITE .sub__body section.left .coupon_point .selected_coupon_list .row .price p { display: inline-block; margin-right: 20px; } #ORDER_WRITE .sub__body section.left .coupon_point .selected_coupon_list .row .price button { width: 70px; height: 36px; line-height: 36px; } #ORDER_WRITE .sub__body section.left .coupon_point dl.point dd { width: calc(100% - 133px); } #ORDER_WRITE .sub__body section.left .coupon_point dl.point dd .top { position: relative; display: flex; justify-content: space-between; margin-bottom: 10px; } #ORDER_WRITE .sub__body section.left .coupon_point dl.point dd .top span.p_text { z-index: 2; position: absolute; top: 0; left: 377px; line-height: 50px; } #ORDER_WRITE .sub__body section.left .coupon_point dl.point dd .top span.p_text { left: 380px; } #ORDER_WRITE .sub__body section.left .coupon_point dl.point dd .top #devUseMileage{ position: relative; width: 406px; padding-right: 32px; text-align: right;} #ORDER_WRITE .sub__body section.left .coupon_point dl.point dd .top #input_point { position: relative; width: 402px; padding-right: 32px; text-align: right;} #ORDER_WRITE .sub__body section.left .coupon_point dl.point dd .top button, #ORDER_WRITE .sub__body section.left .coupon_point dl.point dd .top .benefit__btn { width: 132px;height: 50px; background: #fff; border: 1px solid #FF5C00; font-size: 16px; line-height: 50px; color: #FF5C00; font-weight: 500; text-align: center; border-radius: 3px; } #ORDER_WRITE .sub__body section.left .coupon_point dl.point dd .top button.btn_orange_line { background: #fff7f2; } #ORDER_WRITE .sub__body section.left .coupon_point dl.point dd .top button.btn_orange{ background-color: #FF5C00; color:#fff; } #ORDER_WRITE .sub__body section.left .coupon_point dl.point dd .bottom { display: flex; justify-content: space-between; color: #666; } #ORDER_WRITE .sub__body section.left .payment_type { margin-bottom: 60px; } #ORDER_WRITE .sub__body section.left .payment_type .select_payment_type { margin-bottom: 30px; } #ORDER_WRITE .sub__body section.left .payment_type .select_payment_type div { display: flex; } #ORDER_WRITE .sub__body section.left .payment_type .select_payment_type div.top { margin-bottom: 10px; } #ORDER_WRITE .sub__body section.left .payment_type .select_payment_type div button { width: 195px; margin-right: 10px; } #ORDER_WRITE .sub__body section.left .payment_type .select_payment_type div button:last-child { margin-right: 0; } #ORDER_WRITE .sub__body section.left .payment_type ul.gray_bg { margin-bottom: 30px; padding-left: 35px; padding-bottom: 15px; } #ORDER_WRITE .sub__body section.left .payment_type ul.gray_bg li { margin-bottom: 5px; list-style: disc outside; line-height: 22px; } #ORDER_WRITE .sub__body section.left .payment_type ul.gray_bg.guide li a { color: #0072FF; text-decoration: underline; } #ORDER_WRITE .sub__body section.left .payment_type .receipt_wrap { position: relative; margin-bottom: 30px; padding: 20px 20px 0px 245px; border: 1px solid #ccc; border-radius: 8px; } #ORDER_WRITE .sub__body section.left .payment_type .receipt_wrap dt { position: absolute; top: 16px; left: 20px; } #ORDER_WRITE .sub__body section.left .payment_type .receipt_wrap dd { margin-bottom: 20px; } #ORDER_WRITE .sub__body section.left .payment_type .receipt_wrap dd label { margin-right: 40px; } #ORDER_WRITE .sub__body section.left .payment_type .receipt_wrap dd.input_phonenum_wrap { display: flex; justify-content: space-between; } #ORDER_WRITE .sub__body section.left .payment_type .receipt_wrap dd.input_phonenum_wrap .select_type { width: 155px; } #ORDER_WRITE .sub__body section.left .payment_type .receipt_wrap dd.input_phonenum_wrap input[type="text"] { width: 390px; } #ORDER_WRITE .sub__body section.left .payment_type .payment_type_save_wrap { margin-bottom: 30px; font-size: 18px; line-height: 1; } #ORDER_WRITE .sub__body section.left .payment_type .etc_info li p { padding-top: 5px; line-height: 24px; color: #999; } #ORDER_WRITE .sub__body section.left .bonus_gift_list { margin-bottom: 60px; } #ORDER_WRITE .sub__body section.left .bonus_gift_list h4 div { position: absolute; bottom: 20px; right: 0; font-weight: 500; } #ORDER_WRITE .sub__body section.left .bonus_gift_list .bonus_gift__slider { position: relative; margin-bottom: 30px; } #ORDER_WRITE .sub__body section.left .bonus_gift_list .swiper-slide { width: 160px; } #ORDER_WRITE .sub__body section.left .bonus_gift_list .swiper-slide dl dd.img { position: relative; width: 160px; height: auto; margin-bottom: 10px; } #ORDER_WRITE .sub__body section.left .bonus_gift_list .swiper-slide dl dd.img img { position: relative; top: 0; left: 0; width: 100%; height: auto; } #ORDER_WRITE .sub__body section.left .bonus_gift_list .swiper-slide dl dd.brand { margin-bottom: 5px; font-size: 14px; line-height: 1; color: #999; font-weight: 500; } #ORDER_WRITE .sub__body section.left .bonus_gift_list .swiper-slide dl dt { display: -webkit-box; height:48px; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 24px; text-align:center; width: 100%;} #ORDER_WRITE .sub__body section.left .bonus_gift_list ul.gray_bg { margin-bottom: 30px; padding-left: 35px; padding-bottom: 15px; } #ORDER_WRITE .sub__body section.left .bonus_gift_list ul.gray_bg li { margin-bottom: 5px; list-style: disc outside; line-height: 22px; } #ORDER_WRITE .sub__body section.left .order_guide { padding-bottom: 15px; } #ORDER_WRITE .sub__body section.left .order_guide h6 { margin-bottom: 20px; } #ORDER_WRITE .sub__body section.left .order_guide ul { padding-left: 15px; } #ORDER_WRITE .sub__body section.left .order_guide ul li { margin-bottom: 5px; list-style: disc outside; line-height: 22px; } #ORDER_WRITE .sub__body section.right { width: 340px; padding: 30px 25px; border: 1px solid #ccc; border-radius: 8px; } #ORDER_WRITE .sub__body section.right .payment_info { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #eee; } #ORDER_WRITE .sub__body section.right .payment_info h5 { margin-bottom: 30px; } #ORDER_WRITE .sub__body section.right .payment_info dl { display: flex; justify-content: space-between; margin-bottom: 20px; } #ORDER_WRITE .sub__body section.right .payment_info dl dt { color: #444; } #ORDER_WRITE .sub__body section.right .payment_info dl dd { color: #666; } #ORDER_WRITE .sub__body section.right .payment_info dl dd strong { color: #222; } #ORDER_WRITE .sub__body section.right .payment_info .discount_detail { padding: 15px 10px 5px 10px; border: 1px solid #ccc; border-radius: 3px; } #ORDER_WRITE .sub__body section.right .payment_info .discount_detail dl { margin-bottom: 10px; } #ORDER_WRITE .sub__body section.right .payment_info .discount_detail dl dt { font-size: 14px; color: #666; } #ORDER_WRITE .sub__body section.right .total_price { margin-bottom: 30px; } #ORDER_WRITE .sub__body section.right .total_price h5 { position: relative; margin-bottom: 20px; } #ORDER_WRITE .sub__body section.right .total_price h5 span { position: absolute; bottom: 0; right: 0; font-size: 16px; line-height: 1; font-weight: 400; } #ORDER_WRITE .sub__body section.right .total_price p { margin-bottom: 30px; color: #666; text-align: right;} #ORDER_WRITE .sub__body section.right .total_price p strong { font-size: 22px; line-height: 1; } #ORDER_WRITE .sub__body section.right .total_price .get_point { padding: 15px 10px 0 10px; border: 1px solid #ccc; border-radius: 3px; } #ORDER_WRITE .sub__body section.right .total_price .get_point dl { display: flex; justify-content: space-between; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; } #ORDER_WRITE .sub__body section.right .total_price .get_point dl:last-child { margin-bottom: 0; border: none; } #ORDER_WRITE .sub__body section.right .order_terms_agree h5 { margin-bottom: 10px; } #ORDER_WRITE .sub__body section.right .order_terms_agree p { margin-bottom: 20px; line-height: 22px; color: #666; } #ORDER_WRITE .sub__body section.right .order_terms_agree div { margin-bottom: 30px; } #ORDER_WRITE .sub__body section.right .order_terms_agree button { width: 100%; } #ORDER_WRITE .sub__body section.right .order_terms_agree p button{ margin-top: 10px; height: 30px; line-height: 30px; font-size: 14px;} #ORDER_WRITE #modal_go_common_delivery .modal_body > img { display: block; width: 354px; height: 159px; margin: 0 auto 50px auto; } #ORDER_WRITE #modal_go_common_delivery h5 { margin-bottom: 20px; line-height: 26px; } #ORDER_WRITE #modal_go_common_delivery h5 span { font-weight: 400; } #ORDER_WRITE #modal_go_common_delivery p { margin-bottom: 30px; color: #999; } #ORDER_WRITE #modal_go_common_delivery ul { margin-bottom: 20px; padding-left: 35px; padding-bottom: 15px; } #ORDER_WRITE #modal_go_common_delivery ul li { margin-bottom: 5px; list-style: disc outside; line-height: 22px; } #ORDER_WRITE #modal_select_delivery_address dl { margin-bottom: 10px; border: 1px solid #999; border-radius: 3px; } #ORDER_WRITE #modal_select_delivery_address dl dt { position: relative; margin: 0 20px 20px 20px; padding: 20px 0px 10px 0px; border-bottom: 1px solid #ccc; } #ORDER_WRITE #modal_select_delivery_address dl dt .tag { display: inline-block; width: 88px; height: 30px; font-size: 14px; line-height: 30px; } #ORDER_WRITE #modal_select_delivery_address dl dt button { position: absolute; top: 22px; right: 0; width: 58px; height: 26px; font-size: 14px; line-height: 26px; border-radius: 4px; } #ORDER_WRITE #modal_select_delivery_address dl dt button.btn_edit { right: 68px; } #ORDER_WRITE #modal_select_delivery_address dl dd { margin: 0 20px 20px 20px; padding: 0px 0px 20px 0px; border-bottom: 1px solid #ccc; line-height: 26px; } #ORDER_WRITE #modal_select_delivery_address dl dd.memo { margin-bottom: 0; font-size: 14px; line-height: 24px; color: #666; border: none; } #ORDER_WRITE #modal_select_delivery_address dl dd.btn { margin: 0; padding: 0; border: none; border-top: 1px solid #999; } #ORDER_WRITE #modal_select_delivery_address dl dd.btn button { width: 100%; border-radius: 0; border: none; } #ORDER_WRITE #modal_select_delivery_address dl.selected { border-color: #222; } #ORDER_WRITE #modal_select_delivery_address dl.selected dd.btn { border: none; } #ORDER_WRITE #modal_select_delivery_address .btn_wrap button { width: 100%; } #ORDER_WRITE #modal_add_delivery_address .modal_area { width: 760px; } #ORDER_WRITE #modal_add_delivery_address .modal_address_info { margin-bottom: 50px; } #ORDER_WRITE #modal_add_delivery_address h4 { position: relative; margin-bottom: 30px; } #ORDER_WRITE #modal_add_delivery_address .modal_address_info h4 p { position: absolute; bottom: 0; right: 0; font-weight: 400; } #ORDER_WRITE #modal_add_delivery_address .modal_address_info dl { position: relative; margin-bottom: 20px; padding-left: 145px; } #ORDER_WRITE #modal_add_delivery_address .modal_address_info dl dt { position: absolute; top: 0; left: 0; line-height: 50px; } #ORDER_WRITE #modal_add_delivery_address .modal_address_info dl dd { display: flex; justify-content: space-between; margin-bottom: 10px; } #ORDER_WRITE #modal_add_delivery_address .modal_address_info dl dd input[type="text"] { width: 402px; } #ORDER_WRITE #modal_add_delivery_address .modal_address_info dl dd button { width: 143px; } #ORDER_WRITE #modal_add_delivery_address .modal_order_request { margin-bottom: 50px; } #ORDER_WRITE #modal_add_delivery_address .modal_order_request dl { position: relative; margin-bottom: 30px; padding-left: 225px; } #ORDER_WRITE #modal_add_delivery_address .modal_order_request dl.how_entrance_wrap { margin-bottom: 20px; } #ORDER_WRITE #modal_add_delivery_address .modal_order_request dl dt { position: absolute; top: 0; left: 0; } #ORDER_WRITE #modal_add_delivery_address .modal_order_request dl dd label { margin-right: 40px; } #ORDER_WRITE #modal_add_delivery_address .modal_order_request dl dd.guide { padding-top: 20px; } #ORDER_WRITE #modal_add_delivery_address .modal_order_request dl dd.guide ul { padding-left: 35px; } #ORDER_WRITE #modal_add_delivery_address .modal_order_request dl dd.guide ul li { margin-bottom: 5px; list-style: disc outside; line-height: 22px; } #ORDER_WRITE #modal_add_delivery_address .modal_order_request dl dd.guide ul li:last-child { margin-bottom: 0; } #ORDER_WRITE #modal_add_delivery_address .modal_order_request dl dd.guide.for_radio_modal_direct_msg input[type="text"] { margin-bottom: 10px; } #ORDER_WRITE #modal_add_delivery_address .modal_order_request dl dd.guide.for_radio_modal_entrance_pw input[type="text"] { width: 322px; margin-bottom: 10px; } #ORDER_WRITE #modal_add_delivery_address .modal_order_request .chk_select_base_address_wrap { padding-left: 225px; } #ORDER_WRITE #modal_add_delivery_address .btn_wrap { margin-bottom: 60px; } /* 주문서 작성 (정기배송) */ #ORDER_WRITE .sub__body section.left .routine_delivery_info { margin-bottom: 60px; } #ORDER_WRITE .sub__body section.left .routine_delivery_info dl { display: flex; margin-bottom: 30px; } #ORDER_WRITE .sub__body section.left .routine_delivery_info dl:last-child { margin-bottom: 0; } #ORDER_WRITE .sub__body section.left .routine_delivery_info dl dt { width: 225px; color: #444; } #ORDER_WRITE .sub__body section.left .routine_delivery_info dl dd { font-weight: 500; } #ORDER_WRITE .sub__body section.left .routine_payment_type { margin-bottom: 60px; } #ORDER_WRITE .sub__body section.left .routine_payment_type .type_list { margin-bottom: 30px; } #ORDER_WRITE .sub__body section.left .routine_payment_type .type_list dl { display: flex; margin-bottom: 10px; line-height: 30px; } #ORDER_WRITE .sub__body section.left .routine_payment_type .type_list dl:last-child { margin-bottom: 0; } #ORDER_WRITE .sub__body section.left .routine_payment_type .type_list dl dt { width: 80px; color: #444; } #ORDER_WRITE .sub__body section.left .routine_payment_type .type_list dl dd { position: relative; font-weight: 500; } #ORDER_WRITE .sub__body section.left .routine_payment_type .type_list dl dd span { font-weight: 400; color: #666; } #ORDER_WRITE .sub__body section.left .routine_payment_type .type_list dl dd button { width: 45px; height: 30px; font-size: 14px; line-height: 30px; font-weight: 400; } #ORDER_WRITE .sub__body section.left .routine_payment_type .order_guide { margin-bottom: 35px; } #ORDER_WRITE .sub__body section.left .routine_payment_type .routine_terms_agree .p1 { position: relative; margin-bottom: 25px; line-height: 20px; } #ORDER_WRITE .sub__body section.left .routine_payment_type .routine_terms_agree .p1 .arrow { position: absolute; top: 0; right: 20px; width: 20px; height: 20px; background: url(../../images/common/ico_arrow_down.svg) no-repeat 0 0; background-size: 100%; } #ORDER_WRITE .sub__body section.left .routine_payment_type .routine_terms_agree.opened .p1 dl dt .arrow { background: url(../../images/common/ico_arrow_up.svg) no-repeat 0 0; background-size: 100%; } #ORDER_WRITE .sub__body section.left .routine_payment_type .routine_terms_agree .terms { display: none; font-size: 14px; line-height: 24px; } /* 주문서 작성 (선물하기) */ #ORDER_WRITE .sub__body section.left .give_gift { margin-bottom: 60px; } #ORDER_WRITE .sub__body section.left .give_gift dl { position: relative; margin-bottom: 30px; display: flex; align-items: center;} #ORDER_WRITE .sub__body section.left .give_gift dl.hide{ display:none;} #ORDER_WRITE .sub__body section.left .give_gift dl dt { width: 225px; } #ORDER_WRITE .sub__body section.left .give_gift dl dd label { margin-right: 40px; } #ORDER_WRITE .sub__body section.left .give_gift dl.for_radio_give_gift_type_kakao dd .chip { position: relative; display: inline-block; padding-right: 30px; } #ORDER_WRITE .sub__body section.left .give_gift dl.for_radio_give_gift_type_kakao dd .chip button { position: absolute; top: 3px; right: 0; width: 20px; height: 20px; background: url(../../images/common/ico_close_round.svg) no-repeat 0 0; background-size: 100%; } #ORDER_WRITE .sub__body section.left .give_gift dl dt { line-height: 50px; } #ORDER_WRITE .sub__body section.left .give_gift dl.give_gift_type dt, #ORDER_WRITE .sub__body section.left .give_gift dl.for_radio_give_gift_type_kakao.receiver_name dt { line-height: 1; } #ORDER_WRITE .sub__body section.left .give_gift dl dd input[type="text"] { width: 390px; } #ORDER_WRITE .sub__body section.left .give_gift dl.for_radio_give_gift_type_mms dd { display: flex; } #ORDER_WRITE .sub__body section.left .give_gift dl.for_radio_give_gift_type_mms dd .select_type { width: 155px; margin-right: 10px; } #ORDER_WRITE .sub__body section.left .give_gift dl.for_radio_give_gift_type_mms dd input[type="text"] { width: 225px; } #ORDER_WRITE .sub__body section.left .give_gift dl.for_radio_give_gift_type_mms.receiver_name { margin-bottom: 10px; } #ORDER_WRITE .sub__body section.left .give_gift dl.for_radio_give_gift_type_mms.receiver_name dd input[type="text"] { width: 390px; } #ORDER_WRITE .sub__body section.left .give_gift dl.select_give_gift_card { margin-bottom: 20px; padding: 0; display: block;} #ORDER_WRITE .sub__body section.left .give_gift dl.select_give_gift_card dt { position: relative; margin-bottom: 20px; line-height: 1; } #ORDER_WRITE .sub__body section.left .give_gift dl.select_give_gift_card dd .select_give_gift_card__slider .swiper-wrapper { padding-bottom: 45px; } #ORDER_WRITE .sub__body section.left .give_gift dl.select_give_gift_card dd .select_give_gift_card__slider .swiper-slide { width: 312px; cursor: pointer; } #ORDER_WRITE .sub__body section.left .give_gift dl.select_give_gift_card dd .select_give_gift_card__slider .swiper-slide.selected { border: 3px solid #FF5C00; border-radius: 20px; } #ORDER_WRITE .sub__body section.left .give_gift dl.select_give_gift_card dd .select_give_gift_card__slider .swiper-slide img { display: block; width: 100%; border-radius: 17px;} #ORDER_WRITE .sub__body section.left .give_gift dl.gift_card_msg { margin-bottom: 10px; } #ORDER_WRITE .gray_bg .t-tx{ display: flex; align-items: center; margin-bottom: 10px; font-size: 15px; font-weight: 600; color:#08080D; line-height: 1;} #ORDER_WRITE .gray_bg .t-tx .ico_warning_gray_line{ width: 16px; height: 16px; margin: -2px 6px 0 0;} #ORDER_WRITE .gray_bg ul{ margin-left: -12px;} #ORDER_WRITE .sub__contents .apply_discount_desc.type01{ display: flex;} #ORDER_WRITE .sub__contents .discount_count{ width: 133px;} #ORDER_WRITE .sub__contents .discount_details_box{ flex:1;} #ORDER_WRITE .sub__contents .discount_details_box .discount_dt_hd{ display: flex; justify-content: space-between;} #ORDER_WRITE .sub__contents .discount_details_box .discount_dt_hd .bt{ border: 1px solid #ababab; display: flex; justify-content: center; align-items: center; padding: 0 10px 0 20px; height: 36px; line-height: 34px; border-radius: 4px; color: #444; font-size: 16px; font-weight: 500;} #ORDER_WRITE .sub__contents .discount_details_box .discount_dt_hd .bt::after{ content: ''; width: 30px; height: 30px; background-image: url(../../images/common/ico_arrow_down.svg); background-repeat: no-repeat; background-position: center; background-size: 20px; margin-left: 10px;} #ORDER_WRITE .sub__contents .discount_details_box .discount_dt_hd .bt.on::after{ transform: rotate(180deg); } #ORDER_WRITE .sub__contents .discount_details_box .discount_dt_bd{ background-color: #f8f8f8; padding: 20px; border-radius: 8px; margin-top: 10px; display: none;} #ORDER_WRITE .sub__contents .discount_details_box .discount_dt_bd .select{ background-color: #fff; width: 100%;} #ORDER_WRITE .sub__contents .discount_details_box .discount_dt_bd .dv-rdo{ display: flex; justify-content: space-between; align-items: center;} #ORDER_WRITE .sub__contents .discount_details_box .discount_dt_bd .dv-rdo label{ flex: 1; padding-right: 20px;} #ORDER_WRITE .sub__contents .discount_details_box .discount_dt_bd .dv-rdo .select{ width: 200px;} /*------------------------------------------------------ 주문서 작성 (정기배송 신청) ------------------------------------------------------*/ #ORDER_WRITE_ROUTINE_APPLY { padding-top: 150px; padding-bottom:110px; } #ORDER_WRITE_ROUTINE_APPLY .sub__area { } #ORDER_WRITE_ROUTINE_APPLY .sub__contents * { box-sizing: border-box; } #ORDER_WRITE_ROUTINE_APPLY .sub__head { margin-bottom: 20px; padding-top: 0; } #ORDER_WRITE_ROUTINE_APPLY .sub__head .sub__title { padding: 30px 0 15px 0; text-align: center; font-size: 24px; } #ORDER_WRITE_ROUTINE_APPLY .sub__body { width: 400px; margin: 0 auto; padding-top: 30px; color: #222; } #ORDER_WRITE_ROUTINE_APPLY .sub__body h4 { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #ORDER_WRITE_ROUTINE_APPLY .sub__body input[type="radio"] + label > span { display:inline-block; width:19px; height:19px; margin-right:7px; vertical-align: middle; background:url(../../images/common/radio.svg) no-repeat 0 0; background-position:center; cursor:pointer; } #ORDER_WRITE_ROUTINE_APPLY .sub__body input[type="radio"]:checked + label > span { background-image:url(../../images/common/radio_on2.svg); } #ORDER_WRITE_ROUTINE_APPLY .sub__body input[type="radio"] + label { display: inline-block; width: 35%; line-height: 20px; } #ORDER_WRITE_ROUTINE_APPLY .sub__body input[type="radio"] + label:last-child { width: 27%; } #ORDER_WRITE_ROUTINE_APPLY .sub__body .delivery_gap { margin-bottom: 70px; } #ORDER_WRITE_ROUTINE_APPLY .sub__body .delivery_count { margin-bottom: 70px; } #ORDER_WRITE_ROUTINE_APPLY .sub__body .delivery_start_date { margin-bottom: 70px; } #ORDER_WRITE_ROUTINE_APPLY .sub__body .delivery_start_date .period_search_area .int_v2 { width:195px; height: 50px; padding: 0 20px; background: url(../../images/common/ico_calender.svg) no-repeat 90% center; background-color: #fff; background-size: 17.5px 17.5px; font-size: 16px; color:#444; border: 1px solid #ccc; border-radius: 3px; } #ORDER_WRITE_ROUTINE_APPLY .sub__body .delivery_start_date .period_search_area .int_v2::placeholder { font-weight:400; color:#444; } #ORDER_WRITE_ROUTINE_APPLY .sub__body .delivery_start_date .period_search_area .int_v2::-webkit-input-placeholder { font-weight:400; color:#444; } #ORDER_WRITE_ROUTINE_APPLY .sub__body .delivery_start_date .period_search_area .int_v2:-ms-input-placeholder { font-weight:400; color:#444; } /*------------------------------------------------------ 비회원 주문서 작성 ------------------------------------------------------*/ #NONMEMBER_ORDER_WRITE { padding-top: 150px; padding-bottom:110px; } #NONMEMBER_ORDER_WRITE .sub__contents * { box-sizing: border-box; } #NONMEMBER_ORDER_WRITE .sub__body { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; color: #222; } #NONMEMBER_ORDER_WRITE .sub__body input[type="radio"] + label > span { display:inline-block; width:19px; height:19px; margin-right:7px; vertical-align: middle; background:url(../../images/common/radio.svg) no-repeat 0 0; background-position:center; cursor:pointer; } #NONMEMBER_ORDER_WRITE .sub__body input[type="radio"]:checked + label > span { background-image:url(../../images/common/radio_on2.svg); } #NONMEMBER_ORDER_WRITE .sub__body input[type="radio"] + label, #NONMEMBER_ORDER_WRITE .sub__body input[type="checkbox"] + label { line-height: 20px; } #NONMEMBER_ORDER_WRITE .sub__body input[type="text"] { padding: 12px 16px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 3px; } #NONMEMBER_ORDER_WRITE .sub__body input[type="text"].warning_msg { border-color: #FF5C00; } #NONMEMBER_ORDER_WRITE .sub__body .warning_msg { margin-bottom: 10px; color: #FF5C00; } #NONMEMBER_ORDER_WRITE .sub__body .select_type .select_int_title { height: 50px; } #NONMEMBER_ORDER_WRITE .sub__body .select_type .select_int_title::after { width: 50px; height: 50px; right: 0; background-size: 50%; } #NONMEMBER_ORDER_WRITE .sub__body .select_type .select_int_list { top: 55px; } #NONMEMBER_ORDER_WRITE .sub__body .select_type .select_int_list ul li { height: 45px; } #NONMEMBER_ORDER_WRITE .sub__body section.left { width: 820px; } #NONMEMBER_ORDER_WRITE .sub__body section.left h4 { position: relative; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #NONMEMBER_ORDER_WRITE .sub__body section.left .user_info { margin-bottom: 60px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .user_info dl { position: relative; margin-bottom: 30px; padding-left: 145px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .user_info dl dt { position: absolute; top: 0; left: 0; line-height: 50px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .user_info dl dd { margin-bottom: 10px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .user_info dl dd:last-child { margin-bottom: 0; } #NONMEMBER_ORDER_WRITE .sub__body section.left .user_info dl dd input[type="text"] { width: 402px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .delivery_address_info { margin-bottom: 60px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .delivery_address_info h4 label { position: absolute; right: 0; bottom: 20px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .delivery_address_info dl { position: relative; margin-bottom: 30px; padding-left: 145px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .delivery_address_info dl dt { position: absolute; top: 0; left: 0; line-height: 50px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .delivery_address_info dl dd { display: flex; margin-bottom: 10px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .delivery_address_info dl dd:last-child { margin-bottom: 0; } #NONMEMBER_ORDER_WRITE .sub__body section.left .delivery_address_info dl dd input[type="text"] { width: 402px; margin-right: 10px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .delivery_address_info dl dd button { width: 143px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .order_request { margin-bottom: 60px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .order_request dl { position: relative; margin-bottom: 30px; padding-left: 225px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .order_request dl dt { position: absolute; top: 0; left: 0; } #NONMEMBER_ORDER_WRITE .sub__body section.left .order_request dl dd label { margin-right: 40px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .order_request dl dd.guide { padding-top: 20px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .order_request dl dd.guide ul { padding-left: 35px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .order_request dl dd.guide ul li { margin-bottom: 5px; list-style: disc outside; line-height: 22px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .order_request dl dd.guide ul li:last-child { margin-bottom: 0; } #NONMEMBER_ORDER_WRITE .sub__body section.left .order_request dl dd.guide.for_radio_direct_msg input[type="text"] { margin-bottom: 10px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .order_request dl dd.guide.for_radio_entrance_pw input[type="text"] { width: 322px; margin-bottom: 10px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .product_info { margin-bottom: 60px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .product_info table { width: 100%; text-align: center;} #NONMEMBER_ORDER_WRITE .sub__body section.left .product_info table thead th { padding: 15px; border-top: 1px solid #222; border-bottom: 1px solid #ccc; font-weight: 400; } #NONMEMBER_ORDER_WRITE .sub__body section.left .product_info table tbody td { padding: 30px 0; color: #666; } #NONMEMBER_ORDER_WRITE .sub__body section.left .product_info table tbody td > strong { color: #222; } #NONMEMBER_ORDER_WRITE .sub__body section.left .product_info table tbody td dl { position: relative; height: 120px; padding-left: 140px; text-align: left; color: #222; } #NONMEMBER_ORDER_WRITE .sub__body section.left .product_info table tbody td dl dd.brand { margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #999; } #NONMEMBER_ORDER_WRITE .sub__body section.left .product_info table tbody td dl dt { margin-bottom: 10px; font-weight: 500; } #NONMEMBER_ORDER_WRITE .sub__body section.left .product_info table tbody td dl dd.option { font-size: 14px; color: #444; } #NONMEMBER_ORDER_WRITE .sub__body section.left .product_info table tbody td dl dd.img { position: absolute; top: 0; left: 20px; width: 100px; height: 120px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .product_info table tbody td dl dd.img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_pw { margin-bottom: 60px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_pw h4 p { position: absolute; bottom: 20px; right: 0; font-weight: 400; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_pw dl { position: relative; padding-left: 145px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_pw dl dt { position: absolute; top: 0; left: 0; line-height: 50px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_pw dl dd { margin-bottom: 10px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_pw dl dd:last-child { margin-bottom: 0; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_pw dl dd input[type="password"] { width: 402px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_type { margin-bottom: 60px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_type .select_payment_type { margin-bottom: 30px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_type .select_payment_type div { display: flex; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_type .select_payment_type div.top { margin-bottom: 10px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_type .select_payment_type div button { width: 195px; margin-right: 10px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_type .select_payment_type div button:last-child { margin-right: 0; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_type ul.gray_bg { margin-bottom: 30px; padding-left: 35px; padding-bottom: 15px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_type ul.gray_bg li { margin-bottom: 5px; list-style: disc outside; line-height: 22px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_type ul.gray_bg.guide li a { color: #0072FF; text-decoration: underline; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_type .receipt_wrap { position: relative; margin-bottom: 30px; padding: 20px 20px 0px 245px; border: 1px solid #ccc; border-radius: 8px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_type .receipt_wrap dt { position: absolute; top: 16px; left: 20px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_type .receipt_wrap dd { margin-bottom: 20px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_type .receipt_wrap dd label { margin-right: 40px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_type .receipt_wrap dd.input_phonenum_wrap { display: flex; justify-content: space-between; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_type .receipt_wrap dd.input_phonenum_wrap .select_type { width: 155px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_type .receipt_wrap dd.input_phonenum_wrap input[type="text"] { width: 390px; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_type .payment_type_save_wrap { margin-bottom: 30px; font-size: 18px; line-height: 1; } #NONMEMBER_ORDER_WRITE .sub__body section.left .payment_type .etc_info li p { padding-top: 5px; line-height: 24px; color: #999; } #NONMEMBER_ORDER_WRITE .sub__body section.right { width: 340px; padding: 30px 25px; border: 1px solid #ccc; border-radius: 8px; } #NONMEMBER_ORDER_WRITE .sub__body section.right .payment_info { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #eee; } #NONMEMBER_ORDER_WRITE .sub__body section.right .payment_info h5 { margin-bottom: 30px; } #NONMEMBER_ORDER_WRITE .sub__body section.right .payment_info dl { display: flex; justify-content: space-between; margin-bottom: 20px; } #NONMEMBER_ORDER_WRITE .sub__body section.right .payment_info dl dt { color: #444; } #NONMEMBER_ORDER_WRITE .sub__body section.right .payment_info dl dd { color: #666; } #NONMEMBER_ORDER_WRITE .sub__body section.right .payment_info dl dd strong { color: #222; } #NONMEMBER_ORDER_WRITE .sub__body section.right .payment_info .discount_detail { padding: 15px 10px 5px 10px; border: 1px solid #ccc; border-radius: 3px; } #NONMEMBER_ORDER_WRITE .sub__body section.right .payment_info .discount_detail dl { margin-bottom: 10px; } #NONMEMBER_ORDER_WRITE .sub__body section.right .payment_info .discount_detail dl dt { font-size: 14px; color: #666; } #NONMEMBER_ORDER_WRITE .sub__body section.right .total_price { margin-bottom: 30px; } #NONMEMBER_ORDER_WRITE .sub__body section.right .total_price h5 { position: relative; margin-bottom: 20px; } #NONMEMBER_ORDER_WRITE .sub__body section.right .total_price h5 span { position: absolute; bottom: 0; right: 0; font-size: 16px; line-height: 1; font-weight: 400; } #NONMEMBER_ORDER_WRITE .sub__body section.right .total_price p { margin-bottom: 30px; color: #666; text-align: right;} #NONMEMBER_ORDER_WRITE .sub__body section.right .total_price p strong { font-size: 26px; line-height: 1; } #NONMEMBER_ORDER_WRITE .sub__body section.right .total_price .get_point { padding: 15px 10px 0 10px; border: 1px solid #ccc; border-radius: 3px; } #NONMEMBER_ORDER_WRITE .sub__body section.right .total_price .get_point dl { display: flex; justify-content: space-between; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; } #NONMEMBER_ORDER_WRITE .sub__body section.right .total_price .get_point dl:last-child { margin-bottom: 0; border: none; } #NONMEMBER_ORDER_WRITE .sub__body section.right .order_terms_agree h5 { margin-bottom: 10px; } #NONMEMBER_ORDER_WRITE .sub__body section.right .order_terms_agree p { margin-bottom: 20px; line-height: 22px; color: #666; } #NONMEMBER_ORDER_WRITE .sub__body section.right .order_terms_agree div { margin-bottom: 30px; } #NONMEMBER_ORDER_WRITE .sub__body section.right .order_terms_agree button { width: 100%; } #NONMEMBER_ORDER_WRITE .sub__body a.bottom_banner { display: block; } /*------------------------------------------------------ 주문완료 ------------------------------------------------------*/ #ORDER_COMPLETE { padding-top: 150px; padding-bottom:110px; } #ORDER_COMPLETE .sub__contents * { box-sizing: border-box; } #ORDER_COMPLETE .sub__body { color: #222; } #ORDER_COMPLETE .sub__body h4 { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #ORDER_COMPLETE .sub__body .order_number { margin-bottom: 100px; text-align: center; } #ORDER_COMPLETE .sub__body .order_number h4 { padding: 0; border: none; } #ORDER_COMPLETE .sub__body .order_number .order_number_text { margin-bottom: 30px; } #ORDER_COMPLETE .sub__body .order_number .btn_wrap { margin-bottom: 40px; } #ORDER_COMPLETE .sub__body .order_number p.p1 { line-height: 24px; } #ORDER_COMPLETE .sub__body .order_number p.p1 strong { font-weight: 500; } #ORDER_COMPLETE .sub__body section { padding-bottom: 50px; } #ORDER_COMPLETE .sub__body section > div { width: 580px; } #ORDER_COMPLETE .sub__body section .product_info h6 { margin-bottom: 20px; font-weight: 500; } #ORDER_COMPLETE .sub__body section .product_info dl { position: relative; height: 192px; margin-bottom: 10px; padding-left: 180px; } #ORDER_COMPLETE .sub__body section .product_info dl dd.brand { margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #999; } #ORDER_COMPLETE .sub__body section .product_info dl dt { margin-bottom: 10px; line-height: 24px; } #ORDER_COMPLETE .sub__body section .product_info dl dd.option { margin-bottom: 10px; font-size: 14px; color: #444; } #ORDER_COMPLETE .sub__body section .product_info dl dd.price { color: #666; } #ORDER_COMPLETE .sub__body section .product_info dl dd.price strong { color: #222; } #ORDER_COMPLETE .sub__body section .product_info dl dd.img { position: absolute; top: 0; left: 0; width: 160px; height: 192px; } #ORDER_COMPLETE .sub__body section .product_info dl dd.img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ORDER_COMPLETE .sub__body section .delivery_info .for_common_delivery { display: flex; justify-content: space-between; margin-bottom: 30px; } #ORDER_COMPLETE .sub__body section .delivery_info .for_common_delivery > div { width: 50%; } #ORDER_COMPLETE .sub__body section .delivery_info .for_common_delivery h6 { margin-bottom: 20px; font-weight: 500; } #ORDER_COMPLETE .sub__body section .delivery_info .for_common_delivery p { line-height: 28px; } #ORDER_COMPLETE .sub__body .bonus_gift_info { padding-bottom: 30px; } #ORDER_COMPLETE .sub__body .bonus_gift_info dl { position: relative; height: 80px; margin-bottom: 30px; padding-left: 100px; } #ORDER_COMPLETE .sub__body .bonus_gift_info dl dt { font-weight: 500; } #ORDER_COMPLETE .sub__body .bonus_gift_info dl dd.img { position: absolute; top: 0; left: 0; width: 80px; height: 80px; } #ORDER_COMPLETE .sub__body .bonus_gift_info dl dd.img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ORDER_COMPLETE .sub__body .payment_info .inner_wrap { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } #ORDER_COMPLETE .sub__body .payment_info .inner_wrap > div { width: 270px; } #ORDER_COMPLETE .sub__body .payment_info .inner_wrap > div.payment_type { padding-left: 30px; border-left: 1px solid #eee; } #ORDER_COMPLETE .sub__body .payment_info .inner_wrap h6 { margin-bottom: 30px; font-weight: 500; } #ORDER_COMPLETE .sub__body .payment_info .inner_wrap dl { display: flex; justify-content: space-between; margin-bottom: 20px; color: #666; } #ORDER_COMPLETE .sub__body .payment_info .inner_wrap dd strong { color: #444; font-weight: 500; } #ORDER_COMPLETE .sub__body .payment_info .inner_wrap p { line-height: 28px; color: #444; } #ORDER_COMPLETE .sub__body .payment_info .total_price { margin-bottom: 50px; } #ORDER_COMPLETE .sub__body .payment_info .total_price p { margin-bottom: 5px; font-weight: 700; } #ORDER_COMPLETE .sub__body .payment_info .total_price p strong { font-size: 26px;} #ORDER_COMPLETE .sub__body .payment_info .total_price span { color: #444; } /* 주문완료 (새벽배송) */ #ORDER_COMPLETE .sub__body section .delivery_info .for_dawn_delivery { display: flex; margin-bottom: 30px; border: 1px solid #eee; font-weight: 500; } #ORDER_COMPLETE .sub__body section .delivery_info .for_dawn_delivery dt { margin-right: 20px; } /* 주문완료 (정기배송) */ #ORDER_COMPLETE .sub__body section .delivery_info .for_routine_delivery { display: flex; margin-bottom: 30px; border: 1px solid #eee; font-weight: 500; } #ORDER_COMPLETE .sub__body section .delivery_info .for_routine_delivery dt { margin-right: 20px; } #ORDER_COMPLETE .sub__body section .delivery_info .for_routine_delivery_warning_msg { border: 1px solid #f0f0f0; border-radius: 8px; color: #444; } #ORDER_COMPLETE .sub__body section .delivery_info .for_routine_delivery_warning_msg dt { position: relative; height: 50px; padding: 0 20px; line-height: 50px; cursor: pointer; } #ORDER_COMPLETE .sub__body section .delivery_info .for_routine_delivery_warning_msg dt .arrow { position: absolute; top: 15px; right: 20px; width: 20px; height: 20px; background: url(../../images/common/ico_arrow_down.svg) no-repeat 0 0; background-size: 100%; } #ORDER_COMPLETE .sub__body section .delivery_info .for_routine_delivery_warning_msg.opened dt .arrow { background: url(../../images/common/ico_arrow_up.svg) no-repeat 0 0; background-size: 100%; } #ORDER_COMPLETE .sub__body section .delivery_info .for_routine_delivery_warning_msg dd { display: none; padding: 0 0px 16px 20px; } #ORDER_COMPLETE .sub__body section .delivery_info .for_routine_delivery_warning_msg dd ul { padding-left: 35px; } #ORDER_COMPLETE .sub__body section .delivery_info .for_routine_delivery_warning_msg dd ul li { margin-bottom: 5px; list-style: disc outside; line-height: 22px; } #ORDER_COMPLETE .sub__body section .delivery_info .for_routine_delivery_warning_msg dd ul li:last-child { margin-bottom: 0; } /* 주문완료 (선물하기 - 카카오톡) */ #ORDER_COMPLETE .sub__body section .delivery_info .for_give_gift_kakao dl { margin-bottom: 30px; } #ORDER_COMPLETE .sub__body section .delivery_info .for_give_gift_kakao dl dt { position: relative; margin-bottom: 20px; font-weight: 500; } #ORDER_COMPLETE .sub__body section .delivery_info .for_give_gift_kakao dl dt button { position: absolute; top: 0; right: 0; width: 183px; background: #fff7f2; } #ORDER_COMPLETE .sub__body section .delivery_info .for_give_gift_kakao dl dd p { color: #444; } #ORDER_COMPLETE .sub__body .for_give_gift_kakao.exchange_refund_guide { padding-bottom: 15px; } #ORDER_COMPLETE .sub__body .for_give_gift_kakao.exchange_refund_guide h6 { margin-bottom: 20px; } #ORDER_COMPLETE .sub__body .for_give_gift_kakao.exchange_refund_guide ul { padding-left: 15px; } #ORDER_COMPLETE .sub__body .for_give_gift_kakao.exchange_refund_guide ul li { margin-bottom: 5px; list-style: disc outside; line-height: 22px; } /* 주문완료 (선물하기 - MMS) */ #ORDER_COMPLETE .sub__body section .delivery_info .for_give_gift_mms h6 { margin-bottom: 20px; font-weight: 500; } #ORDER_COMPLETE .sub__body section .delivery_info .for_give_gift_mms p { line-height: 28px; } #ORDER_COMPLETE .sub__body .for_give_gift_mms.exchange_refund_guide { padding-bottom: 15px; } #ORDER_COMPLETE .sub__body .for_give_gift_mms.exchange_refund_guide h6 { margin-bottom: 20px; } #ORDER_COMPLETE .sub__body .for_give_gift_mms.exchange_refund_guide ul { padding-left: 15px; } #ORDER_COMPLETE .sub__body .for_give_gift_mms.exchange_refund_guide ul li { margin-bottom: 5px; list-style: disc outside; line-height: 22px; } /*예약구매*/ #ORDER_COMPLETE .sub__body .newRsvDlvDate_info h6 { margin-bottom: 20px; font-weight: 500; } #ORDER_COMPLETE .sub__body .newRsvDlvDate_info dl { position: relative; height: 92px; margin-bottom: 10px; padding-left: 10px; } #ORDER_COMPLETE .sub__body .newRsvDlvDate_info dl dt { margin-bottom: 10px; line-height: 24px; } #ORDER_COMPLETE .sub__body .newRsvDlvDate_info dl dd { margin-bottom: 10px; font-size: 14px; color: #444; } #ORDER_COMPLETE .sub__body .newRsvDlvBox { margin:auto auto 10px auto; width: 400px; padding: 30px 20px; background: #f9f9f9; } /*------------------------------------------------------ 비회원주문결제 주문완료 ------------------------------------------------------*/ #NONMEMBER_ORDER_COMPLETE { padding-top: 150px; padding-bottom:110px; } #NONMEMBER_ORDER_COMPLETE .sub__contents * { box-sizing: border-box; } #NONMEMBER_ORDER_COMPLETE .sub__body { color: #222; } #NONMEMBER_ORDER_COMPLETE .sub__body .privacy_text { width: 700px; margin: 0 auto 50px auto; padding: 30px; border: 1px solid #ccc; border-radius: 20px; } #NONMEMBER_ORDER_COMPLETE .sub__body .privacy_text dl { margin-bottom: 50px; } #NONMEMBER_ORDER_COMPLETE .sub__body .privacy_text dl dt { margin-bottom: 20px; font-weight: 700; } #NONMEMBER_ORDER_COMPLETE .sub__body .privacy_text dl dd { font-size: 14px; line-height: 24px; color: #444; } #NONMEMBER_ORDER_COMPLETE .sub__body .privacy_text dl dd p { color: #999; } #NONMEMBER_ORDER_COMPLETE .sub__body .privacy_text .bottom_text { line-height: 22px; } #NONMEMBER_ORDER_COMPLETE .sub__body .chk_agree_wrap { margin-bottom: 30px; text-align: center; } #NONMEMBER_ORDER_COMPLETE .sub__body a#btn_go_order_info { display: block;width: 402px; margin: 0 auto; } /*------------------------------------------------------ 주문실패 ------------------------------------------------------*/ #ORDER_FAILED { padding-top: 150px; padding-bottom:110px; } #ORDER_FAILED .sub__contents * { box-sizing: border-box; } #ORDER_FAILED .sub__body { color: #222; } #ORDER_FAILED .sub__body h4 { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #ORDER_FAILED .sub__body .order_number { margin-bottom: 80px; text-align: center; } #ORDER_FAILED .sub__body .order_number .ico_warning_gray { margin-bottom: 15px; } #ORDER_FAILED .sub__body .order_number p.p1 { margin-bottom: 60px; font-size: 22px; } #ORDER_FAILED .sub__body .order_number .btn_wrap { margin-bottom: 40px; } #ORDER_FAILED .sub__body .payment_info .inner_wrap > div { width: 380px; } #ORDER_FAILED .sub__body .payment_info .inner_wrap h6 { margin-bottom: 30px; font-weight: 500; } #ORDER_FAILED .sub__body .payment_info .inner_wrap dl { display: flex; justify-content: space-between; margin-bottom: 20px; color: #666; } #ORDER_FAILED .sub__body .payment_info .inner_wrap dd strong { color: #444; font-weight: 500; } #ORDER_FAILED .sub__body .payment_info .inner_wrap p { line-height: 28px; color: #444; } #ORDER_FAILED .sub__body .payment_info .inner_wrap p.pointColor { font-weight: 500; } /*------------------------------------------------------ 장바구니 상품있음 ------------------------------------------------------*/ #CART { padding-top: 150px; /*padding-bottom:110px;*/ } #CART .select_colors .select_int_title { height: 50px; } #CART .select_colors .select_int_title::after { width: 50px; height: 50px; right: 0; background-size: 50%; } #CART .select_colors .select_int_list { top: 55px; } #CART .select_colors .select_int_list ul li { height: 45px; } #CART .sub__contents * { box-sizing: border-box; } #CART .sub__head { display: flex; padding-top: 30px; } #CART .sub__head a { width: 410px; height: 60px; border-bottom: 1px solid #ccc; font-size: 18px; line-height: 60px; text-align: center; } #CART .sub__head a.on { font-weight: 700; border-bottom: 2px solid #222; } #CART .sub__body { display: flex; justify-content: space-between; align-items: flex-start; padding-top: 0; color: #222; padding-bottom: 50px; border-bottom: 1px solid #CCC;} #CART .sub__body input[type="checkbox"] + label { line-height: 20px; } #CART .sub__body input[type="text"] { padding: 12px 16px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 3px; } #CART .sub__body section.left { width: 820px; padding-top: 40px; } #CART .sub__body section.left .grade_info { margin-bottom: 30px; } #CART .sub__body section.left h4 { position: relative; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #CART .sub__body section.left .product_info { margin-bottom: 20px; border-bottom: 1px solid #222; } #CART .sub__body section.left .product_info .top { position: relative; margin-bottom: 20px; } #CART .sub__body section.left .product_info .top label { line-height: 30px; font-weight: 500; } #CART .sub__body section.left .product_info .top button { position: absolute; top: 0; right: 85px; width: 127px; height: 30px; font-size: 14px; line-height: 30px; } #CART .sub__body section.left .product_info .top button.btn_delete { width: 75px; right: 0; } #CART .sub__body section.left .product_info table { width: 100%; text-align: center;} #CART .sub__body section.left .product_info table thead th { padding: 15px; border-top: 1px solid #222; border-bottom: 1px solid #ccc; font-weight: 400; } #CART .sub__body section.left .product_info table tbody td { padding: 30px 0; color: #666; } #CART .sub__body section.left .product_info table tbody td > strong { color: #222; } #CART .sub__body section.left .product_info table tbody td dl { position: relative; height: 120px; padding-left: 140px; text-align: left; color: #222; } #CART .sub__body section.left .product_info table tbody td dl dd.brand { margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #999; } #CART .sub__body section.left .product_info table tbody td dl dt { margin-bottom: 10px; font-weight: 500; } #CART .sub__body section.left .product_info table tbody td dl dd.option { font-size: 14px; color: #444; } #CART .sub__body section.left .product_info table tbody td dl dd.option .btn_edit_product_option { color: #999; text-decoration: underline; } #CART .sub__body section.left .product_info table tbody td dl dd.img { position: absolute; top: 0; left: 20px; width: 100px; height: 100px; } #CART .sub__body section.left .product_info table tbody td dl dd.img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #CART .sub__body section.left .product_info table tbody td.amount .amount_btn_wrap { display: flex; justify-content: space-between; width: 100px; height: 40px; border: 1px solid #eee; border-radius: 3px; } #CART .sub__body section.left .product_info table tbody td.amount .amount_btn_wrap button {flex: 0 0 40px; width: 40px; height: 40px; background: url(../../images/common/ico_minus.svg) no-repeat 10px 10px; background-size: 20px 20px; } #CART .sub__body section.left .product_info table tbody td.amount .amount_btn_wrap button.btn_num_plus { background: url(../../images/common/ico_plus.svg) no-repeat 10px 10px; } #CART .sub__body section.left .product_info table tbody td.amount .amount_btn_wrap strong { line-height: 40px; color: #222; } #CART .sub__body section.left .product_info table tbody td.amount .amount_btn_wrap .devCount{ flex:1 1 20px; width: 20px !important; padding: 0; border: none; line-height: 38px; height: 38px; min-width: auto; text-align: center; font-weight: 600;} #CART .sub__body section.left .product_info table tbody td.price .pointColor, #CART .sub__body section.left .product_info table tbody td.price span { font-size: 14px; line-height: 22px; } #CART .sub__body section.left .product_info table tbody td.price span { text-decoration: line-through; } #CART .sub__body section.left .product_info table tbody td.option button { width: 75px; height: 30px; font-size: 14px; line-height: 30px; padding: 0; } #CART .sub__body section.left .product_info table tbody .sold_out td dl dd.img .sold_out_cover { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); color: #fff; line-height: 120px; text-align: center; font-weight: 500; } #CART .sub__body section.left .product_info table tbody .sold_out td.amount .amount_btn_wrap strong { color: #ababab; } #CART .sub__body section.left .product_info table tbody .sold_out td.price span { text-decoration: none; } #CART .sub__body section.left .product_info table tbody .sold_out td.option button.btn_orange_line, #CART .sub__body section.left .product_info table tbody td.option button.btn_orange_line{ margin-bottom: 10px; } #CART .sub__body section.left .guide_text { display: flex; align-items: center; margin-bottom: 50px; } #CART .sub__body section.left .guide_text dt { margin-right: 20px; } #CART .sub__body section.left .guide_text dd { position: relative; padding-right: 95px; line-height: 26px; } #CART .sub__body section.left .guide_text dd strong { font-weight: 500; } #CART .sub__body section.left .guide_text dd span { position: absolute; top: 0; right: 0; width: 85px; height: 26px; padding-top: 5px; border: 1px solid #ccc; border-radius: 13px; line-height: 16px; vertical-align: middle; text-align: center;} #CART .sub__body section.right { width: 340px; padding: 30px 25px; border: 1px solid #ccc; border-radius: 8px; } #CART .sub__body section.right .payment_info { margin-bottom: 30px;} #CART .sub__body section.right .payment_info h5 { margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; padding-top: 20px; border-top: 1px solid #eee; } #CART .sub__body section.right .payment_info h5 strong{ font-size: 26px;} #CART .sub__body section.right .payment_info .get_point{ display: flex; justify-content: flex-end;} #CART .sub__body section.right .payment_info .free_delivery_info { margin-bottom: 30px; } #CART .sub__body section.right .payment_info .free_delivery_info p { margin-bottom: 20px; text-align: center; } #CART .sub__body section.right .payment_info .free_delivery_info a { display: block; margin: 0 auto; width: 115px; height: 38px; font-size: 14px; line-height: 38px; } #CART .sub__body section.right .payment_info dl { display: flex; justify-content: space-between; margin-bottom: 20px; } #CART .sub__body section.right .payment_info dl dt { color: #444; } #CART .sub__body section.right .payment_info dl dd { color: #666; } #CART .sub__body section.right .payment_info dl dd strong { color: #222; } #CART .sub__body section.right .payment_info .discount_detail { padding: 15px 10px 5px 10px; border: 1px solid #ccc; border-radius: 3px; } #CART .sub__body section.right .payment_info .discount_detail dl { margin-bottom: 10px; } #CART .sub__body section.right .payment_info .discount_detail dl dt { font-size: 14px; color: #666; } #CART .sub__body section.right .total_price { margin-bottom: 30px; } #CART .sub__body section.right .total_price h5 { position: relative; margin-bottom: 20px; } #CART .sub__body section.right .total_price h5 p { position: absolute; bottom: 0; right: 0; color: #666; text-align: right; font-weight: 400; } #CART .sub__body section.right .total_price h5 p strong { font-size: 26px; line-height: 1; } #CART .sub__body section.right .total_price .get_point { margin-bottom: 30px; text-align: right; color: #666; } #CART .sub__body section.right .total_price .get_point span { font-size: 14px; } #CART .sub__body section.right .total_price .get_point strong { color: #222; } #CART .sub__body section.right .total_price .btn_black { width: 100%; } #CART .sub__body section.right .total_price .btn-area{ display: flex; flex-wrap: wrap;} #CART .sub__body section.right .total_price .btn-area > *{ width: 48%; } #CART .sub__body section.right .total_price .btn-area > .btn_gift{ display: flex; justify-content: center; align-items: center; border: #ddd 1px solid; border-radius: 3px; padding: 0; height: 50px; width: 100%;} #CART .sub__body section.right .total_price .btn-area .view__naver_pay{ margin: 0; margin-left: 4%;} #CART .sub__body section.right .total_price .btn-area .view__naver_pay a{ height: 50px;} #CART .sub__body section.right .total_price .btn-area > .block{ width: 100%; margin-top: 10px;} #CART .sub__body section.right .guide { padding-bottom: 15px; } #CART .sub__body section.right .guide h6 { margin-bottom: 20px; } #CART .sub__body section.right .guide ul { padding-left: 15px; } #CART .sub__body section.right .guide ul li { margin-bottom: 5px; list-style: disc outside; line-height: 22px; } #CART .sub__body section.right .guide ul li:last-child { margin-bottom: 0; } #CART #modal_edit_product_option .modal_area { overflow: visible; } #CART #modal_edit_product_option .modal_area .total_select_int { margin-bottom: 20px; } /* 장바구니 상품있음 (새벽배송) */ #CART .sub__body section.left .dawn_notice { padding-bottom: 15px; } #CART .sub__body section.left .dawn_notice h6 { margin-bottom: 30px; } #CART .sub__body section.left .dawn_notice .subColor { margin-bottom: 10px; } #CART .sub__body section.left .dawn_notice ul { padding-left: 15px; } #CART .sub__body section.left .dawn_notice ul li { margin-bottom: 5px; list-style: disc outside; line-height: 22px; } /*------------------------------------------------------ 장바구니 상품없음 ------------------------------------------------------*/ #EMPTY_CART { padding-top: 150px; padding-bottom:110px; } #EMPTY_CART .sub__contents * { box-sizing: border-box; } #EMPTY_CART .sub__head { display: flex; padding-top: 30px; } #EMPTY_CART .sub__head a { width: 50%; height: 60px; border-bottom: 1px solid #ccc; font-size: 18px; line-height: 60px; text-align: center; } #EMPTY_CART .sub__head a.on { font-weight: 700; border-bottom: 2px solid #222; } #EMPTY_CART .sub__body { padding-top: 100px; } #EMPTY_CART .sub__body .empty_cart { margin-bottom: 80px; text-align: center; } #EMPTY_CART .sub__body .empty_cart .ico_warning_gray { margin-bottom: 15px; } #EMPTY_CART .sub__body .empty_cart p { margin-bottom: 50px; font-size: 18px; line-height: 28px; } #EMPTY_CART .sub__body .empty_cart .btn_wrap { margin-bottom: 40px; } #EMPTY_CART .sub__body .empty_cart .btn_wrap a { width: 400px; } #CART .sub__body .empty_cart{ width: 820px; margin-bottom: 80px; margin-top: 100px; text-align: center; } #CART .sub__body .empty_cart .ico_warning_gray { margin-bottom: 15px; } #CART .sub__body .empty_cart p { margin-bottom: 50px; font-size: 18px; line-height: 28px; } #CART .sub__body .empty_cart .btn_wrap { margin-bottom: 40px; } #CART .sub__body .empty_cart .btn_wrap a { width: 400px; } /*------------------------------------------------------ 마이페이지 공통 ------------------------------------------------------*/ #MYPAGE { padding-top: 130px; padding-bottom:110px; min-height:1000px} #MYPAGE #ASIDE { padding-top: 50px; } #MYPAGE #ASIDE .aside__area > a.dummy { display: block; width: 200px; height: 720px; padding-top: 280px; background: #F0F0F0; text-align: center; font-weight: 700; } #MYPAGE #ASIDE .aside__menu.ver_2 > ul { margin-bottom: 30px; } #MYPAGE #ASIDE *, #MYPAGE .sub__contents * { box-sizing: border-box; } #MYPAGE .sub__head { padding-top: 50px; } #MYPAGE .sub__head > a.dummy { display: block; width: 960px; height: 280px; padding-top: 80px; background: #F0F0F0; text-align: center; font-weight: 700; } #MYPAGE .sub__head section { height: 280px; padding: 25px 30px; border: 1px solid #999; border-radius: 20px; } #MYPAGE .sub__head section h3 { position: relative; margin-bottom: 25px; font-size: 24px; line-height: 32px; } #MYPAGE .sub__head section h3 > .pointColor { text-decoration: underline; cursor: pointer; } #MYPAGE .sub__head section h3 > p { position: absolute; top: 5px; right: 0px; padding-right: 105px; font-size: 13px; line-height: 25px; font-weight: 400; color: #666; } #MYPAGE .sub__head section h3 > p button { position: absolute; top: 0; right: 0; width: 95px; height: 25px; padding: 0 25px 0 0; font-size: 13px; line-height: 25px; font-weight: 500; background: none; border-bottom: 1px solid #FF5C00; } #MYPAGE .sub__head section h3 > p button i { position: absolute; top: 0; right: 0; width: 20px; height: 25px; } #MYPAGE .sub__head section h3 .bt-cert{ padding: 0 12px; height: 32px; line-height: 32px; color:#FF5C00; border: #FF5C00 1px solid; border-radius: 30px; font-size: 16px; display: inline-block; vertical-align: 4px; font-weight: 400; margin-left: 10px;} #MYPAGE .sub__head section h3 .bt-cert::after{ content: ''; border-top: #FF5C00 2px solid; border-right: #FF5C00 2px solid; display: inline-block; width: 6px; height: 6px; transform: rotate(45deg); margin-left: 10px; vertical-align: 1px;} #MYPAGE .sub__head section h3 .bt-cert-ok{ padding: 0 12px; height: 32px; line-height: 32px; color:#222; border: #222 1px solid; border-radius: 30px; font-size: 16px; display: inline-block; vertical-align: 4px; font-weight: 400; margin-left: 10px;} #MYPAGE .sub__head section h3 .bt-cert-ok::after{ content: ''; border-top: #222 2px solid; border-right: #222 2px solid; display: inline-block; width: 9px; height: 5px; transform: rotate(135deg); margin-left: 10px; vertical-align: 4px;} #MYPAGE .sub__head section .grade_benefit { margin-bottom: 12px; font-size: 18px; font-weight: 500; } #MYPAGE .sub__head section .grade_benefit span { display: inline-block; width: 87px; height: 32px; margin-right: 10px; border: 1px solid #ff5c00; border-radius: 16px; font-size: 16px; line-height: 32px; text-align: center; } #MYPAGE .sub__head section .dash_board { display: flex; justify-content: space-between; padding: 18px 0; background: #fafafa; border-radius: 10px; } #MYPAGE .sub__head section .dash_board dl { width: 25%; padding: 0 20px; border-right: 1px solid #eee; } #MYPAGE .sub__head section .dash_board dl:last-child { border: none; } #MYPAGE .sub__head section .dash_board dl dt { position: relative; padding-left: 26px; font-size: 15px; line-height: 20px; color: #444; } #MYPAGE .sub__head section .dash_board dl dt i { position: absolute; top: 0; left: 0; } #MYPAGE .sub__head section .dash_board dl dd { font-weight: 700; text-align: right; } #MYPAGE .sub__head section .dash_board dl dd strong { font-size: 30px; } #MYPAGE .sub__head section .dash_board dl.dawn_delivery_truck dt { padding-left: 33.5px; } #MYPAGE .sub__head section .dash_board dl.dawn_delivery_truck dt i, #MYPAGE .sub__head section .dash_board dl.coupon dt i { top: -2px; } #MYPAGE .sub__contents .fb__community__table td.title span{ cursor: pointer;} #MYPAGE .sub__body { padding-top: 50px; } #MYPAGE .sub__body h3 { margin-bottom: 30px; font-weight: 600;} #MYPAGE .sub__body .select_type .select_int_title { height: 50px; } #MYPAGE .sub__body .select_type .select_int_title::after { width: 50px; height: 50px; right: 0; background-size: 50%; } #MYPAGE .sub__body .select_type .select_int_list { top: 55px; } #MYPAGE .sub__body .select_type .select_int_list ul li { height: 45px; } #modal_skin_profile .modal_area { width: 760px; } #modal_skin_profile h4 { position: relative; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 2px solid #222; } #modal_skin_profile h4 button { position: absolute; bottom: 10px; right: 0; width: 75px; height: 30px; padding-left: 20px; font-size: 13px; font-weight: 500; line-height: 30px; color: #222; } #modal_skin_profile h4 button i { position: absolute; top: 7px; left: 10px; width: 14px; height: 14px; } #modal_skin_profile .select_data { margin-bottom: 30px; } #modal_skin_profile .select_data dl { position: relative; margin-bottom: 30px; padding-left: 110px; } #modal_skin_profile .select_data dl:last-child { margin-bottom: 0; } #modal_skin_profile .select_data dl dt { position: absolute; top: 0; left: 0; width: 110px; } #modal_skin_profile .select_data dl dd ul { display: flex; list-style: none; } #modal_skin_profile .select_data dl.text_btn dd ul li { margin-right: 8px; padding: 10px 15px; border: 1px solid #eee; border-radius: 100px; font-size: 14px; cursor: pointer; } #modal_skin_profile .select_data dl.text_btn dd ul li:hover { border-color: #222; } #modal_skin_profile .select_data dl.text_btn dd ul li.on { background: #222; color: #fff; border-color: #222; } #modal_skin_profile .select_data dl.img_btn dd ul { flex-wrap: wrap; } #modal_skin_profile .select_data dl.img_btn dd ul li { width: 110px; margin: 0 10px 10px 0; padding: 15px 0; border: 1px solid #eee; border-radius: 16px; font-size: 14px; cursor: pointer; text-align: center; } /* #modal_skin_profile .select_data dl.img_btn dd ul li:nth-child(5n) { margin-right: 0; } */ #modal_skin_profile .select_data dl.img_btn dd ul li img { display: block; width: 60px; height: 60px; margin: 0 auto 10px auto; } #modal_skin_profile .select_data dl.img_btn dd ul li:hover { border-color: #222; } #modal_skin_profile .select_data dl.img_btn dd ul li.on { border: 2px solid #222; } /* 마이페이지 > 쇼핑 > 주문/배송 (주문내역 있음) */ #MYPAGE.order_delivery .sub__body section.top { margin-bottom: 30px; } #MYPAGE.order_delivery .sub__body section.top .tab_menu { display: flex; justify-content: space-between; margin-bottom: 10px; border: 1px solid #222; } #MYPAGE.order_delivery .sub__body section.top .tab_menu li { width: 25%; height: 54px; border-right: 1px solid #222; list-style: none; line-height: 54px; text-align: center; cursor: pointer; } #MYPAGE.order_delivery .sub__body section.top .tab_menu li:last-child { border-right: none; } #MYPAGE.order_delivery .sub__body section.top .tab_menu li:hover { background: #fafafa; } #MYPAGE.order_delivery .sub__body section.top .tab_menu li.on { background: #222; color: #fff; } #MYPAGE.order_delivery .sub__body section.top .search_wrap { padding: 20px 30px; background: #f5f5f5; } #MYPAGE.order_delivery .sub__body section.top .search_wrap dl { display: flex; height: 50px; line-height: 50px; } #MYPAGE.order_delivery .sub__body section.top .search_wrap dl dt { width: 60px; } #MYPAGE.order_delivery .sub__body section.top .search_wrap dl.search dd.search_type { width: 180px; margin-right: 10px; } #MYPAGE.order_delivery .sub__body section.top .search_wrap dl.search dd.search_type .select_int_title { border-color: #222; } #MYPAGE.order_delivery .sub__body section.top .search_wrap dl.search dd.search_text { display: flex; } #MYPAGE.order_delivery .sub__body section.top .search_wrap dl.search dd.search_text input[type="text"] { width: 554px; margin-right: 10px; } #MYPAGE.order_delivery .sub__body section.top .search_wrap dl.search dd.search_text button { width: 86px; padding: 0;} .ui-widget.ui-widget-content{ width: 245px;} .fb__modal__layer .search_wrap { padding: 20px; /*background: #f5f5f5;*/ } .fb__modal__layer .search_wrap dl { display: flex; height: 50px; line-height: 50px; } .fb__modal__layer .search_wrap dl dt { width: 60px; } .fb__modal__layer .search_wrap dl.search dd.search_type { width: 180px; margin-right: 10px; } .fb__modal__layer .search_wrap dl.search dd.search_type .select_int_title { border-color: #222; } .fb__modal__layer .search_wrap dl.search dd.search_text { display: flex; } .fb__modal__layer .search_wrap dl.search dd.search_text input[type="text"] { width: 300px; margin-right: 10px; } .fb__modal__layer .search_wrap dl.search dd.search_text button { width: 86px; padding: 0;} .fb__modal__layer .before_search { padding: 20px 0; text-align: center; color: #444; } .fb__modal__layer .list_total { margin-bottom: 15px; } .fb__modal__layer .search_list { display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #ccc; } .fb__modal__layer .search_list dl { width: 150px; margin-bottom: 30px; } .fb__modal__layer .search_list dl dd.img { position: relative; width: 100%; height: 192px; margin-bottom: 10px; } .fb__modal__layer .search_list dl dd.img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fb__modal__layer .search_list dl dd.price { margin-bottom: 5px; } .fb__modal__layer .search_list dl dd.price span { font-size: 15px; color: #999; text-decoration: line-through; } .fb__modal__layer .search_list dl dd.chk { text-align: center; } .fb__modal__layer .search_list dl dt { display: -webkit-box; height:48px; margin-bottom: 5px; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 24px; } .fb__modal__layer .search_list dl .item__badge{ display: flex; justify-content: space-between; align-items: center;} .fb__modal__layer #FOOTER{ display: none;} #MYPAGE.order_delivery .sub__body section.top .search_wrap dl.period .period_search_area { display: flex; margin-right: 10px; } #MYPAGE.gift_order_deliverybox .sub__body section.top .search_wrap dl.period .period_search_area .int_v2 { width:180px; padding: 0 20px; background: url(../../images/common/ico_calender.svg) no-repeat 90% center; background-color: #fff; background-size: 17.5px 17.5px; font-size: 16px; color:#444; border: 1px solid #ccc; border-radius: 3px; } #MYPAGE.order_delivery .sub__body section.top .search_wrap dl.period .period_search_area .int_v2::placeholder { font-weight:400; color:#444; } #MYPAGE.order_delivery .sub__body section.top .search_wrap dl.period .period_search_area .int_v2::-webkit-input-placeholder { font-weight:400; color:#444; } #MYPAGE.order_delivery .sub__body section.top .search_wrap dl.period .period_search_area .int_v2:-ms-input-placeholder { font-weight:400; color:#444; } #MYPAGE.order_delivery .sub__body section.top .search_wrap dl.period .period_search_area .search_bu { width: 29px; text-align: center; } #MYPAGE.order_delivery .sub__body section.top .search_wrap dl.period .quick_btn ul { display: flex; justify-content: space-between; width: 344px; height: 50px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 3px; overflow: hidden; } #MYPAGE.order_delivery .sub__body section.top .search_wrap dl.period .quick_btn ul li { width: 25%; border-right: 1px solid #ccc; list-style: none; text-align: center; cursor: pointer; color: #999; background: #fff; } #MYPAGE.order_delivery .sub__body section.top .search_wrap dl.period .quick_btn ul li:last-child { border-right: none; } #MYPAGE.order_delivery .sub__body section.top .search_wrap dl.period .quick_btn ul li:hover { color: #222; } #MYPAGE.order_delivery .sub__body section.top .search_wrap dl.period .quick_btn ul li.on { background: #222; color: #fff; } #MYPAGE.order_delivery .sub__body section.bottom .list_total { margin-bottom: 15px; } #MYPAGE.order_delivery .sub__body section.bottom table { width: 100%; text-align: center; border-bottom: 1px solid #ccc; } #MYPAGE.order_delivery .sub__body section.bottom table thead th { padding: 15px; border-top: 2px solid #222; border-bottom: 1px solid #ccc; font-weight: 400; } #MYPAGE.order_delivery .sub__body section.bottom table tbody td { padding: 30px 0 0 0; } #MYPAGE.order_delivery .sub__body section.bottom table tbody tr:last-child td { padding-bottom: 30px; } #MYPAGE.order_delivery .sub__body section.bottom table tbody td > strong { color: #222; } #MYPAGE.order_delivery .sub__body section.bottom table tbody td dl { position: relative; height: 120px; padding-left: 140px; text-align: left; color: #222; } #MYPAGE.order_delivery .sub__body section.bottom table tbody td dl dd.brand { margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #999; } #MYPAGE.order_delivery .sub__body section.bottom table tbody td dl dt { margin-bottom: 5px; font-weight: 500; } #MYPAGE.order_delivery .sub__body section.bottom table tbody td dl dd.option, #MYPAGE.order_delivery .sub__body section.bottom table tbody td dl dd.cancel_status, #MYPAGE.order_delivery .sub__body section.bottom table tbody td dl dd.delivery_num { font-size: 14px; color: #666; } #MYPAGE.order_delivery .sub__body section.bottom table tbody td dl dd.option span, #MYPAGE.order_delivery .sub__body section.bottom table tbody td dl dd.delivery_num span { color: #222; } #MYPAGE.order_delivery .sub__body section.bottom table tbody td dl dd.img { position: absolute; top: 0; left: 20px; width: 100px; height: 120px; } #MYPAGE.order_delivery .sub__body section.bottom table tbody td dl dd.img.return-history { position: absolute; top: 0; left: 20px; width: 90px; height: 90px; } #MYPAGE.order_delivery .sub__body section.bottom table tbody td dl dd.img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #MYPAGE.order_delivery .sub__body section.bottom table tbody td.price, #MYPAGE.order_delivery .sub__body section.bottom table tbody td.status { font-size: 14px; } #MYPAGE.order_delivery .sub__body section.bottom table tbody td.status p { margin-bottom: 5px; } #MYPAGE.order_delivery .sub__body section.bottom table tbody td.status button { background: none; text-decoration: underline; } #MYPAGE.order_delivery .sub__body section.bottom table tbody td.function button { width: 96px; height: 30px; margin-bottom: 6px; font-size: 13px; line-height: 30px; } #MYPAGE.order_delivery .sub__body section.bottom table tbody td.function button:last-child { margin-bottom: 0; } /* 마이페이지 > 쇼핑 > 주문/배송 (주문내역 없음) */ #MYPAGE.order_delivery .sub__body section.bottom .empty_order_text { padding: 50px 0; border-top: 2px solid #222; border-bottom: 1px solid #ccc; text-align: center; } #MYPAGE.order_delivery .sub__body section.bottom .empty_order_text .ico_warning_gray { margin-bottom: 20px; } #MYPAGE.order_delivery .sub__body section.bottom table td .empty_order_text{ border-bottom: none; border-top: none;} #MYPAGE.order_delivery .sub__body section.bottom table td .empty_order_text .ico_warning_gray{ display: block; margin: 0 auto 20px;} /* 마이페이지 > 쇼핑 > 주문/배송 (최근 3개월 주문/배송 없음) */ #MYPAGE.order_delivery .sub__body section.bottom .empty_recent_order_delivery .empty_recent_text { padding: 30px 0; border-top: 2px solid #222; border-bottom: 1px solid #ccc; text-align: center; line-height: 24px; color: #444; } #MYPAGE.order_delivery .sub__body section.bottom .empty_recent_order_delivery .empty_recent_text strong { color: #222; } #MYPAGE.order_delivery .sub__body section.bottom .empty_recent_order_delivery .order_step_guide { padding: 30px; border-bottom: 1px solid #ccc; } #MYPAGE.order_delivery .sub__body section.bottom .empty_recent_order_delivery .order_step_guide h6 { margin-bottom: 30px; } #MYPAGE.order_delivery .sub__body section.bottom .empty_recent_order_delivery .order_step_guide .step_wrap { display: flex; justify-content: space-between; margin-bottom: 30px; } #MYPAGE.order_delivery .sub__body section.bottom .empty_recent_order_delivery .order_step_guide .step_wrap dl dd { height: 112px; } #MYPAGE.order_delivery .sub__body section.bottom .empty_recent_order_delivery .order_step_guide .step_wrap dl dd img { display: block; margin: 0 auto; } #MYPAGE.order_delivery .sub__body section.bottom .empty_recent_order_delivery .order_step_guide .step_wrap dl dt { text-align: center; } #MYPAGE.order_delivery .sub__body section.bottom .empty_recent_order_delivery .order_step_guide .step_wrap dl dt span { display: block; margin-bottom: 5px; color: #999; } #MYPAGE.order_delivery .sub__body section.bottom .empty_recent_order_delivery .order_step_guide .step_wrap .arrow { width: 80px; background: url(../../images/common/ico_arrow_right_bold.svg) no-repeat 50% 50%; background-size: 12px 24px; } #MYPAGE.order_delivery .sub__body section.bottom .empty_recent_order_delivery .order_step_guide > ul { color: #666; line-height: 22px; margin-left: 15px; } /*------------------------------------------------------ 마이페이지 > 쇼핑 > 주문/배송 > 주문 상세 (일반 배송) ------------------------------------------------------*/ #MYPAGE.order_detail { padding-top: 150px; padding-bottom:110px; } #MYPAGE.order_detail .sub__contents * { box-sizing: border-box; } #MYPAGE.order_detail .sub__head { padding-top: 0; } #MYPAGE.order_detail .sub__head .sub__title { padding: 30px 0 15px 0; text-align: center; font-size: 24px; border-bottom: 1px solid #ccc; } #MYPAGE.order_detail .sub__body { padding-top: 30px; color: #222; } #MYPAGE.order_detail .sub__body h4 { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #MYPAGE.order_detail .sub__body input[type="radio"] + label > span { display:inline-block; width:19px; height:19px; margin-right:7px; vertical-align: middle; background:url(../../images/common/radio.svg) no-repeat 0 0; background-position:center; cursor:pointer; } #MYPAGE.order_detail .sub__body input[type="radio"]:checked + label > span { background-image:url(../../images/common/radio_on2.svg); } #MYPAGE.order_detail .sub__body input[type="radio"] + label { line-height: 20px; } #MYPAGE.order_detail .sub__body .select_type .select_int_title { height: 50px; } #MYPAGE.order_detail .sub__body .select_type .select_int_title::after { width: 50px; height: 50px; right: 0; background-size: 50%; } #MYPAGE.order_detail .sub__body .select_type .select_int_list { top: 55px; } #MYPAGE.order_detail .sub__body .select_type .select_int_list ul li { height: 45px; } #MYPAGE.order_detail .sub__body .order_info { padding-bottom: 20px; } #MYPAGE.order_detail .sub__body .order_info dl { display: flex; margin-bottom: 30px; line-height: 17px; } #MYPAGE.order_detail .sub__body .order_info dl dt { width: 115px; } #MYPAGE.order_detail .sub__body .order_info dl dd { font-weight: 500; } #MYPAGE.order_detail .sub__body .product_info { margin-bottom: 50px; } #MYPAGE.order_detail .sub__body .product_info .list_total { margin-bottom: 20px; } #MYPAGE.order_detail .sub__body .product_info table { width: 100%; margin-bottom: 20px; text-align: center; border-bottom: 1px solid #ccc; } #MYPAGE.order_detail .sub__body .product_info table thead th { padding: 15px; border-top: 2px solid #222; border-bottom: 1px solid #ccc; font-weight: 400; } #MYPAGE.order_detail .sub__body .product_info table tbody td { padding: 30px 0 0 0; } #MYPAGE.order_detail .sub__body .product_info table tbody tr:last-child td { padding-bottom: 30px; } #MYPAGE.order_detail .sub__body .product_info table tbody td > strong { color: #222; } #MYPAGE.order_detail .sub__body .product_info table tbody td dl { position: relative; height: 120px; padding-left: 140px; text-align: left; color: #222; } #MYPAGE.order_detail .sub__body .product_info table tbody td dl dd.brand { margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #999; } #MYPAGE.order_detail .sub__body .product_info table tbody td dl dt { margin-bottom: 5px; font-weight: 500; } #MYPAGE.order_detail .sub__body .product_info table tbody td dl dd.option, #MYPAGE.order_detail .sub__body .product_info table tbody td dl dd.cancel_status { font-size: 14px; color: #666; } #MYPAGE.order_detail .sub__body .product_info table tbody td dl dd.option span { color: #222; } #MYPAGE.order_detail .sub__body .product_info table tbody td dl dd.img { position: absolute; top: 0; left: 20px; width: 100px; height: 140px; } #MYPAGE.order_detail .sub__body .product_info table tbody td dl dd.img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #MYPAGE.order_detail .sub__body .product_info table tbody td.price { font-size: 14px; } #MYPAGE.order_detail .sub__body .product_info table tbody td.function button { width: 96px; height: 30px; margin-bottom: 6px; font-size: 13px; line-height: 30px; } #MYPAGE.order_detail .sub__body .product_info table tbody td.function button:last-child { margin-bottom: 0; } #MYPAGE.order_detail .sub__body .product_info .total_price strong { font-size: 20px; } #MYPAGE.order_detail .sub__body .delivery_info { padding-bottom: 50px; } #MYPAGE.order_detail .sub__body .delivery_info .for_common_delivery { display: flex; margin-bottom: 30px; } #MYPAGE.order_detail .sub__body .delivery_info .for_common_delivery div:first-child { width: 300px; } #MYPAGE.order_detail .sub__body .delivery_info .for_common_delivery h6 { margin-bottom: 20px; font-weight: 500; } #MYPAGE.order_detail .sub__body .delivery_info .for_common_delivery p { line-height: 28px; } #MYPAGE.order_detail .sub__body .payment_info h4 { position: relative; } #MYPAGE.order_detail .sub__body .payment_info h4 button { position: absolute; bottom: 20px; right: 0; text-decoration: underline; font-weight: 500; background: none; } #MYPAGE.order_detail .sub__body .payment_info .inner_wrap { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } #MYPAGE.order_detail .sub__body .payment_info .inner_wrap > div { width: 270px; } #MYPAGE.order_detail .sub__body .payment_info .inner_wrap > div.payment_type { padding-left: 30px; border-left: 1px solid #eee; } #MYPAGE.order_detail .sub__body .payment_info .inner_wrap h6 { margin-bottom: 30px; font-weight: 500; } #MYPAGE.order_detail .sub__body .payment_info .inner_wrap dl { display: flex; justify-content: space-between; margin-bottom: 20px; color: #666; } #MYPAGE.order_detail .sub__body .payment_info .inner_wrap dd strong { color: #444; font-weight: 500; } #MYPAGE.order_detail .sub__body .payment_info .inner_wrap p { line-height: 28px; color: #444; } #MYPAGE.order_detail .sub__body .payment_info .total_price { margin-bottom: 50px; } #MYPAGE.order_detail .sub__body .payment_info .total_price p { margin-bottom: 5px; font-weight: 700; } #MYPAGE.order_detail .sub__body .payment_info .total_price p strong { font-size: 26px;} #MYPAGE.order_detail .sub__body .payment_info .total_price span { color: #444; } #MYPAGE.order_detail .sub__body .guide { margin-bottom: 30px; padding-bottom: 15px; } #MYPAGE.order_detail .sub__body .guide h6 { margin-bottom: 20px; } #MYPAGE.order_detail .sub__body .guide ul { padding-left: 15px; } #MYPAGE.order_detail .sub__body .guide ul li { margin-bottom: 5px; list-style: disc outside; line-height: 22px; } #MYPAGE.order_detail .sub__body .guide ul li:last-child { margin-bottom: 0; } /* 마이페이지 > 쇼핑 > 주문/배송 > 주문 상세 (주문 취소) */ #MYPAGE.order_detail .sub__body .cancel_info dl { display: flex; margin-bottom: 30px; line-height: 17px; } #MYPAGE.order_detail .sub__body .cancel_info dl dt { width: 115px; } #MYPAGE.order_detail .sub__body .cancel_info dl dd { font-weight: 500; } #MYPAGE.order_detail .sub__body .cancel_info dl dd span { color: #444; font-weight: 400; } /* 마이페이지 > 쇼핑 > 주문/배송 > 주문 상세 (주문 취소 신청하기) */ #MYPAGE.order_detail .sub__body .cancel_apply_info { margin-bottom: 50px; } #MYPAGE.order_detail .sub__body .cancel_apply_info dl { display: flex; margin-bottom: 30px; } #MYPAGE.order_detail .sub__body .cancel_apply_info dl:last-child { margin-bottom: 0; } #MYPAGE.order_detail .sub__body .cancel_apply_info dl dt { width: 115px; } #MYPAGE.order_detail .sub__body .cancel_apply_info dl.select_reason dt { line-height: 50px; } #MYPAGE.order_detail .sub__body .cancel_apply_info dl.select_reason dd .total_select_int { width: 402px; } #MYPAGE.order_detail .sub__body .cancel_apply_info dl.cancel_msg { display: block; } #MYPAGE.order_detail .sub__body .cancel_apply_info dl.cancel_msg dt { margin-bottom: 20px; } #MYPAGE.order_detail .sub__body .cancel_apply_info dl.cancel_msg dd textarea { width: 100%; height: 175px; padding: 20px; border: 1px solid #ccc; border-radius: 3px; font-size: 16px; line-height: 24px; } #MYPAGE.order_detail .sub__body .refund_info .inner_wrap { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } #MYPAGE.order_detail .sub__body .refund_info .inner_wrap > div { width: 450px; padding-right: 180px; } #MYPAGE.order_detail .sub__body .refund_info .inner_wrap > div.payment_type { width: 300px; padding-left: 30px; padding-right: 0; border-left: 1px solid #eee; } #MYPAGE.order_detail .sub__body .refund_info .inner_wrap h6 { margin-bottom: 30px; font-weight: 500; } #MYPAGE.order_detail .sub__body .refund_info .inner_wrap dl { display: flex; justify-content: space-between; margin-bottom: 20px; color: #666; } #MYPAGE.order_detail .sub__body .refund_info .inner_wrap dd strong { color: #444; font-weight: 500; } #MYPAGE.order_detail .sub__body .refund_info .inner_wrap p { line-height: 28px; color: #444; } #MYPAGE.order_detail .sub__body .refund_info .total_price { margin-bottom: 50px; } #MYPAGE.order_detail .sub__body .refund_info .total_price p { margin-bottom: 5px; font-weight: 700; } #MYPAGE.order_detail .sub__body .refund_info .total_price p strong { font-size: 26px;} #MYPAGE.order_detail .sub__body .refund_info .total_price span { color: #444; } /* 마이페이지 > 쇼핑 > 주문/배송 > 주문 상세 (교환/반품 신청) */ #MYPAGE.order_detail .sub__body .exchange_apply_info { margin-bottom: 50px; } #MYPAGE.order_detail .sub__body .exchange_apply_info dl { display: flex; margin-bottom: 30px; } #MYPAGE.order_detail .sub__body .exchange_apply_info dl:last-child { margin-bottom: 0; } #MYPAGE.order_detail .sub__body .exchange_apply_info dl dt { width: 115px; } #MYPAGE.order_detail .sub__body .exchange_apply_info dl.select_exchange_type dd label { margin-right: 20px; } #MYPAGE.order_detail .sub__body .exchange_apply_info dl.select_reason dt { line-height: 50px; } #MYPAGE.order_detail .sub__body .exchange_apply_info dl.select_reason dd .total_select_int { width: 402px; } #MYPAGE.order_detail .sub__body .exchange_apply_info dl.exchange_msg { display: block; } #MYPAGE.order_detail .sub__body .exchange_apply_info dl.exchange_msg dt { margin-bottom: 20px; } #MYPAGE.order_detail .sub__body .exchange_apply_info dl.exchange_msg dd textarea { width: 100%; height: 175px; padding: 20px; border: 1px solid #ccc; border-radius: 3px; font-size: 16px; line-height: 24px; } #MYPAGE.order_detail .sub__body .delivery_info { padding-bottom: 0; } /* 마이페이지 > 쇼핑 > 주문/배송 > 주문 상세 (주문취소 완료) */ #MYPAGE.order_detail .sub__head.order_cancel_complete { padding-top: 50px; } #MYPAGE.order_detail .sub__head.order_cancel_complete .sub__title { border: none; } #MYPAGE.order_detail .sub__body .order_number { margin-bottom: 80px; text-align: center; } #MYPAGE.order_detail .sub__body .order_number h4 { padding: 0; border: none; } #MYPAGE.order_detail .sub__body .order_number .order_number_text { margin-bottom: 30px; } #MYPAGE.order_detail .sub__body .product_info { margin-bottom: 50px; } #MYPAGE.order_detail .sub__body .product_info h6 { margin-bottom: 20px; font-weight: 500; } #MYPAGE.order_detail .sub__body .product_info dl { position: relative; height: 192px; margin-bottom: 10px; padding-left: 180px; } #MYPAGE.order_detail .sub__body .product_info dl dd.brand { margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #999; } #MYPAGE.order_detail .sub__body .product_info dl dt { margin-bottom: 10px; line-height: 24px; } #MYPAGE.order_detail .sub__body .product_info dl dd.option { margin-bottom: 10px; font-size: 14px; color: #444; } #MYPAGE.order_detail .sub__body .product_info dl dd.price { color: #666; } #MYPAGE.order_detail .sub__body .product_info dl dd.price strong { color: #222; } #MYPAGE.order_detail .sub__body .product_info dl dd.img { position: absolute; top: 0; left: 0; width: 160px; height: 192px; } #MYPAGE.order_detail .sub__body .product_info dl dd.img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*------------------------------------------------------ 마이페이지 > 쇼핑 > 선물함 ------------------------------------------------------*/ #MYPAGE.gift_box .sub__body section.top { margin-bottom: 30px; } #MYPAGE.gift_box .sub__body section.top .tab_menu { display: flex; justify-content: space-between; margin-bottom: 10px; border: 1px solid #222; } #MYPAGE.gift_box .sub__body section.top .tab_menu li { width: 50%; height: 54px; border-right: 1px solid #222; list-style: none; line-height: 54px; text-align: center; cursor: pointer; } #MYPAGE.gift_box .sub__body section.top .tab_menu li:last-child { border-right: none; } #MYPAGE.gift_box .sub__body section.top .tab_menu li:hover { background: #fafafa; } #MYPAGE.gift_box .sub__body section.top .tab_menu li.on { background: #222; color: #fff; } #MYPAGE.gift_box .sub__body section.top .tab_menu li a{ display: block; line-height: 54px; text-align: center; } #MYPAGE.gift_box .sub__body section.top .search_wrap { padding: 20px 30px; background: #f5f5f5; } #MYPAGE.gift_box .sub__body section.top .search_wrap dl { display: flex; height: 50px; line-height: 50px; } #MYPAGE.gift_box .sub__body section.top .search_wrap dl dt { width: 60px; } #MYPAGE.gift_box .sub__body section.top .search_wrap dl.period .period_search_area { display: flex; margin-right: 10px; } #MYPAGE.gift_box .sub__body section.top .search_wrap dl.period .period_search_area .int_v2 { width:180px; padding: 0 20px; background: url(../../images/common/ico_calender.svg) no-repeat 90% center; background-color: #fff; background-size: 17.5px 17.5px; font-size: 16px; color:#444; border: 1px solid #ccc; border-radius: 3px; } #MYPAGE.gift_box .sub__body section.top .search_wrap dl.period .period_search_area .int_v2::placeholder { font-weight:400; color:#444; } #MYPAGE.gift_box .sub__body section.top .search_wrap dl.period .period_search_area .int_v2::-webkit-input-placeholder { font-weight:400; color:#444; } #MYPAGE.gift_box .sub__body section.top .search_wrap dl.period .period_search_area .int_v2:-ms-input-placeholder { font-weight:400; color:#444; } #MYPAGE.gift_box .sub__body section.top .search_wrap dl.period .period_search_area .search_bu { width: 29px; text-align: center; } #MYPAGE.gift_box .sub__body section.top .search_wrap dl.period .quick_btn ul { display: flex; justify-content: space-between; width: 344px; height: 50px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 3px; overflow: hidden; } #MYPAGE.gift_box .sub__body section.top .search_wrap dl.period .quick_btn ul li { width: 25%; border-right: 1px solid #ccc; list-style: none; text-align: center; cursor: pointer; color: #999; background: #fff; } #MYPAGE.gift_box .sub__body section.top .search_wrap dl.period .quick_btn ul li:last-child { border-right: none; } #MYPAGE.gift_box .sub__body section.top .search_wrap dl.period .quick_btn ul li:hover { color: #222; } #MYPAGE.gift_box .sub__body section.top .search_wrap dl.period .quick_btn ul li.on { background: #222; color: #fff; } #MYPAGE.gift_box .sub__body section.bottom .list_total { margin-bottom: 15px; } #MYPAGE.gift_box .sub__body section.bottom table { width: 100%; text-align: center; border-bottom: 1px solid #ccc; } #MYPAGE.gift_box .sub__body section.bottom table thead th { padding: 15px; border-top: 2px solid #222; border-bottom: 1px solid #ccc; font-weight: 400; } #MYPAGE.gift_box .sub__body section.bottom table tbody td { padding: 30px 0 0 0; } #MYPAGE.gift_box .sub__body section.bottom table tbody tr:last-child td { padding-bottom: 30px; } #MYPAGE.gift_box .sub__body section.bottom table tbody td > strong { color: #222; } #MYPAGE.gift_box .sub__body section.bottom table tbody td dl { position: relative; height: 120px; padding-left: 160px; text-align: left; color: #222; } #MYPAGE.gift_box .sub__body section.bottom table tbody td dl dd.brand { margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #999; } #MYPAGE.gift_box .sub__body section.bottom table tbody td dl dt { margin-bottom: 5px; font-weight: 500; } #MYPAGE.gift_box .sub__body section.bottom table tbody td dl dd.option { font-size: 14px; color: #666; } #MYPAGE.gift_box .sub__body section.bottom table tbody td dl dd.option span { color: #222; } #MYPAGE.gift_box .sub__body section.bottom table tbody td dl dd.img { position: absolute; top: 0; left: 20px; width: 120px; height: 120px; } #MYPAGE.gift_box .sub__body section.bottom table tbody td dl dd.img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #MYPAGE.gift_box .sub__body section.bottom table tbody td.sender, #MYPAGE.gift_box .sub__body section.bottom table tbody td.delivery { font-size: 14px; } #MYPAGE.gift_box .sub__body section.bottom table tbody td.sender span, #MYPAGE.gift_box .sub__body section.bottom table tbody td.delivery span { padding-top: 4px; color: #666; } #MYPAGE.gift_box .sub__body section.bottom table tbody td.delivery button, #MYPAGE.gift_box .sub__body section.bottom table tbody td.delivery a { width: 96px; height: 30px; margin-bottom: 10px; font-size: 14px; line-height: 30px; font-weight: 400; } #MYPAGE.gift_box #modal_gift_delivery_info .modal_area { width: 760px; } #MYPAGE.gift_box #modal_gift_delivery_info .before .delivery_address_info h4 { position: relative; margin-bottom: 30px; } #MYPAGE.gift_box #modal_gift_delivery_info .before .delivery_address_info h4 button { position:product_info absolute; bottom: 0; right: 10px; color: #FF5C00; text-decoration: underline; background: none; font-size: 14px; line-height: 1; } #MYPAGE.gift_box #modal_gift_delivery_info .before .delivery_address_info .list_wrap { margin-bottom: 5px; } #MYPAGE.gift_box #modal_gift_delivery_info .before .delivery_address_info .list_wrap .row { margin-bottom: 14px; padding: 30px 20px; border: 1px solid #ccc; border-radius: 8px; cursor: pointer; } #MYPAGE.gift_box #modal_gift_delivery_info .before .delivery_address_info .list_wrap .row:hover, #MYPAGE.gift_box #modal_gift_delivery_info .before .delivery_address_info .list_wrap .row.selected { border-color: #222; } #MYPAGE.gift_box #modal_gift_delivery_info .before .delivery_address_info .list_wrap .row .top { height: 30px; margin-bottom: 20px; } #MYPAGE.gift_box #modal_gift_delivery_info .before .delivery_address_info .list_wrap .row .top .tag { display: inline-block; width: 88px; height: 30px; margin-right: 15px; font-size: 14px; line-height: 30px; border-radius: 3px; font-weight: 400; } #MYPAGE.gift_box #modal_gift_delivery_info .before .modal_btns { width: 310px; margin: 0 auto; } #MYPAGE.gift_box #modal_gift_delivery_info .after { display: none; } #MYPAGE.gift_box #modal_gift_delivery_info .after .delivery_info h4 { margin-bottom: 30px; } #MYPAGE.gift_box #modal_gift_delivery_info .after .delivery_info .for_common_delivery { display: flex; } #MYPAGE.gift_box #modal_gift_delivery_info .after .delivery_info .for_common_delivery div:first-child { width: 300px; } #MYPAGE.gift_box #modal_gift_delivery_info .after .delivery_info .for_common_delivery h6 { margin-bottom: 20px; font-weight: 500; } #MYPAGE.gift_box #modal_gift_delivery_info .after .delivery_info .for_common_delivery p { line-height: 28px; } /*------------------------------------------------------ 마이페이지 > 쇼핑 > 선물함 > 선물함 상세 (받은선물) ------------------------------------------------------*/ #MYPAGE.gift_box_detail { padding-top: 150px; padding-bottom:110px; } #MYPAGE.gift_box_detail .sub__contents * { box-sizing: border-box; } #MYPAGE.gift_box_detail .sub__head { padding-top: 0; } #MYPAGE.gift_box_detail .sub__head .sub__title { padding: 30px 0 15px 0; text-align: center; font-size: 24px; border-bottom: 1px solid #ccc; } #MYPAGE.gift_box_detail .sub__body { padding-top: 30px; color: #222; } #MYPAGE.gift_box_detail .sub__body h4 { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ccc; font-weight: 600;} #MYPAGE.gift_box_detail .sub__body h4.nobrdBn{ border-bottom: none;} #MYPAGE.gift_box_detail .sub__body h4 span { font-weight: 400; } #MYPAGE.gift_box_detail .sub__body .product_info { margin-bottom: 50px; } #MYPAGE.gift_box_detail .sub__body .product_info h6 { margin-bottom: 20px; font-weight: 500; } #MYPAGE.gift_box_detail .sub__body .product_info dl { position: relative; height: 192px; margin-bottom: 10px; padding-left: 180px; } #MYPAGE.gift_box_detail .sub__body .product_info dl dd.brand { margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #999; } #MYPAGE.gift_box_detail .sub__body .product_info dl dt { margin-bottom: 10px; line-height: 24px; } #MYPAGE.gift_box_detail .sub__body .product_info dl dd.option { margin-bottom: 10px; font-size: 14px; color: #444; } #MYPAGE.gift_box_detail .sub__body .product_info dl dd.price { color: #666; } #MYPAGE.gift_box_detail .sub__body .product_info dl dd.price strong { color: #222; } #MYPAGE.gift_box_detail .sub__body .product_info dl dd.img { position: absolute; top: 0; left: 0; width: 160px; height: 192px; } #MYPAGE.gift_box_detail .sub__body .product_info dl dd.img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #MYPAGE.gift_box_detail .sub__body .sender_info { margin-bottom: 50px; } #MYPAGE.gift_box_detail .sub__body .sender_info dl { position: relative; height: 192px; padding: 55px 30px 30px 365px; } #MYPAGE.gift_box_detail .sub__body .sender_info dl dt { margin-bottom: 10px; font-size: 18px; font-weight: 500; } #MYPAGE.gift_box_detail .sub__body .sender_info dl dd.msg { line-height: 24px; color: #444; } #MYPAGE.gift_box_detail .sub__body .sender_info dl dd.img { position: absolute; top: 0; left: 0; border: 3px solid #FF5C00; width: 332px; height: 192px; border-radius: 23px; overflow: hidden; } #MYPAGE.gift_box_detail .sub__body .sender_info dl dd.img img { display: block; width: 100%; } #MYPAGE.gift_box_detail .sub__body .delivery_info .for_common_delivery { display: flex; } #MYPAGE.gift_box_detail .sub__body .delivery_info .for_common_delivery div:first-child { width: 300px; } #MYPAGE.gift_box_detail .sub__body .delivery_info .for_common_delivery h6 { margin-bottom: 20px; font-weight: 500; } #MYPAGE.gift_box_detail .sub__body .delivery_info .for_common_delivery p { line-height: 28px; } /*------------------------------------------------------ 마이페이지 > 쇼핑 > 선물함 > 비회원 선물 배송지 입력 ------------------------------------------------------*/ #MYPAGE.nonmember_gift_delivery_info { padding-top: 150px; padding-bottom:110px; } #MYPAGE.nonmember_gift_delivery_info .sub__contents * { box-sizing: border-box; } #MYPAGE.nonmember_gift_delivery_info .sub__head { padding-top: 0; } #MYPAGE.nonmember_gift_delivery_info .sub__head .sub__title { padding: 30px 0 15px 0; text-align: center; font-size: 24px; border-bottom: 1px solid #ccc; } #MYPAGE.nonmember_gift_delivery_info .sub__body { padding-top: 30px; color: #222; } #MYPAGE.nonmember_gift_delivery_info .sub__body input[type="radio"] + label > span { display:inline-block; width:19px; height:19px; margin-right:7px; vertical-align: middle; background:url(../../images/common/radio.svg) no-repeat 0 0; background-position:center; cursor:pointer; } #MYPAGE.nonmember_gift_delivery_info .sub__body input[type="radio"]:checked + label > span { background-image:url(../../images/common/radio_on2.svg); } #MYPAGE.nonmember_gift_delivery_info .sub__body input[type="radio"] + label { line-height: 20px; } #MYPAGE.nonmember_gift_delivery_info .sub__body input[type="text"].warning_msg { border-color: #FF5C00; } #MYPAGE.nonmember_gift_delivery_info .sub__body .warning_msg { margin-bottom: 10px; color: #FF5C00; } #MYPAGE.nonmember_gift_delivery_info .sub__body .devDeliveryMessageSelectBox, #MYPAGE.nonmember_gift_delivery_info .sub__body .devDeliveryEntranceWay{ width: 402px;} #MYPAGE.nonmember_gift_delivery_info .sub__body .input-add-detail{ margin-top: 10px;} #MYPAGE.nonmember_gift_delivery_info .sub__body .before { width: 700px; margin: 0 auto; } #MYPAGE.nonmember_gift_delivery_info .sub__body .before .address_info { margin-bottom: 50px; } #MYPAGE.nonmember_gift_delivery_info .sub__body .before h4 { position: relative; margin-bottom: 30px; } #MYPAGE.nonmember_gift_delivery_info .sub__body .before .address_info dl { position: relative; margin-bottom: 20px; padding-left: 145px; } #MYPAGE.nonmember_gift_delivery_info .sub__body .before .address_info dl dt { position: absolute; top: 0; left: 0; line-height: 50px; } #MYPAGE.nonmember_gift_delivery_info .sub__body .before .address_info dl dd { display: flex; justify-content: space-between; margin-bottom: 10px; } #MYPAGE.nonmember_gift_delivery_info .sub__body .before .address_info dl dd input[type="text"] { width: 402px; } #MYPAGE.nonmember_gift_delivery_info .sub__body .before .address_info dl dd button { width: 143px; } #MYPAGE.nonmember_gift_delivery_info .sub__body .before .address_info dl dd .hp-grp{ display: flex; width: 402px; justify-content: space-around; } #MYPAGE.nonmember_gift_delivery_info .sub__body .before .address_info dl dd .hp-grp .int{ flex: 1; width: 30%;} #MYPAGE.nonmember_gift_delivery_info .sub__body .before .address_info dl dd .hp-grp .int + .int{ margin-left: 20px;} #MYPAGE.nonmember_gift_delivery_info .sub__body .before .order_request { margin-bottom: 50px; } #MYPAGE.nonmember_gift_delivery_info .sub__body .before .order_request dl { position: relative; margin-bottom: 30px; padding-left: 225px; } #MYPAGE.nonmember_gift_delivery_info .sub__body .before .order_request dl.how_entrance_wrap { margin-bottom: 20px; } #MYPAGE.nonmember_gift_delivery_info .sub__body .before .order_request dl dt { position: absolute; top: 0; left: 0; } #MYPAGE.nonmember_gift_delivery_info .sub__body .before .order_request dl dd label { margin-right: 40px; } #MYPAGE.nonmember_gift_delivery_info .sub__body .before .order_request dl dd.guide { padding-top: 20px; } #MYPAGE.nonmember_gift_delivery_info .sub__body .before .order_request dl dd.guide ul { padding-left: 35px; } #MYPAGE.nonmember_gift_delivery_info .sub__body .before .order_request dl dd.guide ul li { margin-bottom: 5px; list-style: disc outside; line-height: 22px; } #MYPAGE.nonmember_gift_delivery_info .sub__body .before .order_request dl dd.guide ul li:last-child { margin-bottom: 0; } #MYPAGE.nonmember_gift_delivery_info .sub__body .before .order_request dl dd.guide.for_radio_direct_msg input[type="text"] { margin-bottom: 10px; } #MYPAGE.nonmember_gift_delivery_info .sub__body .before .order_request dl dd.guide.for_radio_entrance_pw input[type="text"] { width: 322px; margin-bottom: 10px; } #MYPAGE.nonmember_gift_delivery_info .sub__body .before .order_request dl dd.guide .t-tx{ display: flex; align-items: center; margin-bottom: 15px;} #MYPAGE.nonmember_gift_delivery_info .sub__body .before .order_request dl dd.guide .t-tx .ico_warning_gray_line{ width: 16px; height: 16px; margin: 0 10px 0 0;} #MYPAGE.nonmember_gift_delivery_info .sub__body .before .order_request dl input[type="radio"] + label{ margin-left: 0 !important;} #MYPAGE.nonmember_gift_delivery_info .sub__body .after { display: none; width: 700px; margin: 0 auto; } #MYPAGE.nonmember_gift_delivery_info .sub__body .after .delivery_info h4 { margin-bottom: 30px; } #MYPAGE.nonmember_gift_delivery_info .sub__body .after .delivery_info .for_common_delivery { display: flex; } #MYPAGE.nonmember_gift_delivery_info .sub__body .after .delivery_info .for_common_delivery div:first-child { width: 300px; } #MYPAGE.nonmember_gift_delivery_info .sub__body .after .delivery_info .for_common_delivery h6 { margin-bottom: 20px; font-weight: 500; } #MYPAGE.nonmember_gift_delivery_info .sub__body .after .delivery_info .for_common_delivery p { line-height: 28px; } /*------------------------------------------------------ 마이페이지 > 혜택 > 포인트 ------------------------------------------------------*/ #MYPAGE.point .sub__body section.top { margin-bottom: 30px; } #MYPAGE.point .sub__body .select_type .select_int_title { height: 50px; } #MYPAGE.point .sub__body .select_type .select_int_title::after { width: 50px; height: 50px; right: 0; background-size: 50%; } #MYPAGE.point .sub__body .select_type .select_int_list { top: 55px; } #MYPAGE.point .sub__body .select_type .select_int_list ul li { height: 45px; } #MYPAGE.point .sub__body section.top { margin-bottom: 30px; } #MYPAGE.point .sub__body section.top .point_status { margin-bottom: 20px; border-top: 2px solid #222; border-bottom: 1px solid #ccc; } #MYPAGE.point .sub__body section.top .point_status .inner_wrap { display: flex; padding: 15px 0; } #MYPAGE.point .sub__body section.top .point_status dl { width: 33%; padding: 5px 20px; border-right: 1px solid #eee; } #MYPAGE.point .sub__body section.top .point_status dl:last-child { border: none; } #MYPAGE.point .sub__body section.top .point_status dl dt { margin-bottom: 10px; font-weight: 500; } #MYPAGE.point .sub__body section.top .point_status dl dd { text-align: right; font-weight: 700; } #MYPAGE.point .sub__body section.top .point_status dl dd strong { font-size: 30px;} #MYPAGE.point .sub__body section.top .point_status dl.used_point dd { color: #ababab; } #MYPAGE.point .sub__body section.top p.p4 { margin-bottom: 10px; padding: 10px 0; background: #f5f5f5; color: #999; text-align: center; } #MYPAGE.point .sub__body section.top .search_wrap { position: relative; display: flex; padding: 20px 30px; background: #f5f5f5; } #MYPAGE.point .sub__body section.top .search_wrap dl { display: flex; height: 50px; line-height: 50px; } #MYPAGE.point .sub__body section.top .search_wrap dl dt { width: 60px; } #MYPAGE.point .sub__body section.top .search_wrap dl.search dd.search_type { width: 180px; margin-right: 10px; } #MYPAGE.point .sub__body section.top .search_wrap dl.search dd.search_type .select_int_title { border-color: #222; } #MYPAGE.point .sub__body section.top .search_wrap .quick_btn { display: flex; justify-content: space-between; width: 400px; height: 50px; border: 1px solid #ccc; border-radius: 3px; overflow: hidden; line-height: 50px; } #MYPAGE.point .sub__body section.top .search_wrap .quick_btn li { width: 20%; border-right: 1px solid #ccc; list-style: none; text-align: center; cursor: pointer; color: #999; background: #fff; } #MYPAGE.point .sub__body section.top .search_wrap .quick_btn li:last-child { border-right: none; } #MYPAGE.point .sub__body section.top .search_wrap .quick_btn li:hover { color: #222; } #MYPAGE.point .sub__body section.top .search_wrap .quick_btn li.on { background: #222; color: #fff; } #MYPAGE.point .sub__body section.top .search_wrap > button { position: absolute; top: 20px; right: 20px; width: 86px; } #MYPAGE.point .sub__body section.bottom .list_total { margin-bottom: 15px; } #MYPAGE.point .sub__body section.bottom table { width: 100%; text-align: center; border-bottom: 1px solid #ccc; } #MYPAGE.point .sub__body section.bottom table thead th { padding: 15px; border-top: 2px solid #222; border-bottom: 1px solid #ccc; font-weight: 400; } #MYPAGE.point .sub__body section.bottom table tbody td { padding: 20px 0 0 0; font-size: 14px; } #MYPAGE.point .sub__body section.bottom table tbody td:first-child { text-align: left; padding: 20px 0 0 20px; } #MYPAGE.point .sub__body section.bottom table tbody tr:last-child td { padding-bottom: 20px; } #MYPAGE.point .sub__body section.bottom table tbody td > strong { color: #222; } /*------------------------------------------------------ 마이페이지 > 혜택 > 쿠폰 ------------------------------------------------------*/ #MYPAGE.coupon .sub__body section.top { margin-bottom: 30px; } #MYPAGE.coupon .sub__body section.top .coupon_status { display: flex; margin-bottom: 12px; padding: 15px 0; border-top: 2px solid #222; border-bottom: 1px solid #ccc; } #MYPAGE.coupon .sub__body section.top .coupon_status dl { width: 250px; padding: 5px 20px; border-right: 1px solid #eee; } #MYPAGE.coupon .sub__body section.top .coupon_status dl.remain_coupon dt { margin-bottom: 10px; font-weight: 500; } #MYPAGE.coupon .sub__body section.top .coupon_status dl.remain_coupon dd { text-align: right; font-weight: 700; } #MYPAGE.coupon .sub__body section.top .coupon_status dl.remain_coupon dd strong { font-size: 30px;} #MYPAGE.coupon .sub__body section.top .coupon_status dl.regi_coupon { display: flex; width: auto; padding-top: 15px; border-right: none; } #MYPAGE.coupon .sub__body section.top .coupon_status dl.regi_coupon dt { width: 110px; line-height: 50px; } #MYPAGE.coupon .sub__body section.top .coupon_status dl.regi_coupon dd { display: flex; } #MYPAGE.coupon .sub__body section.top .coupon_status dl.regi_coupon dd input[type="text"] { width: 500px; margin-right: 10px; } #MYPAGE.coupon .sub__body section.top .coupon_status dl.regi_coupon dd button { width: 86px; } #MYPAGE.coupon .sub__body section.top p.p4 { margin-bottom: 30px; text-align: center; color: #666; } #MYPAGE.coupon .sub__body section.top .tab_menu { display: flex; justify-content: space-between; margin-bottom: 10px; border: 1px solid #222; } #MYPAGE.coupon .sub__body section.top .tab_menu li { width: 50%; height: 54px; border-right: 1px solid #222; list-style: none; line-height: 54px; text-align: center; cursor: pointer; } #MYPAGE.coupon .sub__body section.top .tab_menu li:last-child { border-right: none; } #MYPAGE.coupon .sub__body section.top .tab_menu li:hover { background: #fafafa; } #MYPAGE.coupon .sub__body section.top .tab_menu li.on { background: #222; color: #fff; } #MYPAGE.coupon .sub__body section.top .search_wrap { padding: 20px 30px; background: #f5f5f5; } #MYPAGE.coupon .sub__body section.top .search_wrap dl { display: flex; height: 50px; line-height: 50px; } #MYPAGE.coupon .sub__body section.top .search_wrap dl dt { width: 60px; } #MYPAGE.coupon .sub__body section.bottom .list_total { margin-bottom: 15px; } #MYPAGE.coupon .sub__body section.bottom table { width: 100%; text-align: center; border-bottom: 1px solid #ccc; } #MYPAGE.coupon .sub__body section.bottom table thead th { padding: 15px; border-top: 2px solid #222; border-bottom: 1px solid #ccc; font-weight: 400; } #MYPAGE.coupon .sub__body section.bottom table tbody td { padding: 20px 0; font-size: 14px; } #MYPAGE.coupon .sub__body section.bottom table tbody td:first-child { text-align: left; padding: 20px; } #MYPAGE.coupon .sub__body section.bottom table tbody tr:last-child td { padding-bottom: 30px; } #MYPAGE.coupon .sub__body section.bottom table tbody td > strong { color: #222; } #MYPAGE.coupon .sub__body section.bottom table tbody td button { background: none; text-decoration: underline; } #MYPAGE.coupon .sub__body section.bottom.off_coupon { display: none; } #MYPAGE.coupon .sub__body section.bottom.off_coupon p.list_total { position: relative; } #MYPAGE.coupon .sub__body section.bottom.off_coupon p.list_total span { position: absolute; bottom: 0; right: 0; color: #999; } #MYPAGE.coupon .sub__body section.bottom.off_coupon td, #MYPAGE.coupon .sub__body section.bottom.off_coupon td button { color: #999; } #MYPAGE.coupon #modal_coupon_target h4 { margin-bottom: 20px; font-weight: 500; } #MYPAGE.coupon #modal_coupon_target ul.guide { margin-bottom: 20px; color: #666; font-size: 14px; line-height: 22px; } #MYPAGE.coupon #modal_coupon_target ul.guide li { list-style: disc; list-style-position: inside; } #MYPAGE.coupon #modal_coupon_target .product_info { margin-bottom: 20px; } #MYPAGE.coupon #modal_coupon_target .product_info h6 { margin-bottom: 20px; padding-bottom: 10px; font-size: 14px; font-weight: 500; border-bottom: 2px solid #000; } #MYPAGE.coupon #modal_coupon_target .product_info dl { position: relative; height: 120px; margin-bottom: 20px; padding-left: 115px; } #MYPAGE.coupon #modal_coupon_target .product_info dl dd.brand { margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #999; } #MYPAGE.coupon #modal_coupon_target .product_info dl dt { margin-bottom: 10px; line-height: 24px; font-weight: 500; } #MYPAGE.coupon #modal_coupon_target .product_info dl dd.img { position: absolute; top: 0; left: 0; width: 100px; height: 120px; } #MYPAGE.coupon #modal_coupon_target .product_info dl dd.img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*------------------------------------------------------ 마이페이지 > 활동 > 상품 리뷰 ------------------------------------------------------*/ #MYPAGE.review .sub__body section.top { margin-bottom: 30px; } #MYPAGE.review .sub__body section.top .tab_menu { display: flex; justify-content: space-between; margin-bottom: 30px; border: 1px solid #222; } #MYPAGE.review .sub__body section.top .tab_menu li { width: 50%; height: 54px; border-right: 1px solid #222; list-style: none; line-height: 54px; text-align: center; cursor: pointer; } #MYPAGE.review .sub__body section.top .tab_menu li:last-child { border-right: none; } #MYPAGE.review .sub__body section.top .tab_menu li:hover { background: #fafafa; } #MYPAGE.review .sub__body section.top .tab_menu li.on { background: #222; color: #fff; } #MYPAGE.review .sub__body section.top p.p4 { margin-bottom: 20px; text-align: center; line-height: 24px; color: #444; } #MYPAGE.review .sub__body section.top > img { display: block; width: 810px; height: 80px; margin: 0 auto 30px auto; } #MYPAGE.review .sub__body section.top .review_guide { margin-bottom: 50px; border-bottom: 1px solid #ccc; } #MYPAGE.review .sub__body section.top .review_guide dt { position: relative; padding: 12px 20px; border-top: 1px solid #ccc; color: #444; } #MYPAGE.review .sub__body section.top .review_guide dt .arrow { position: absolute; top: 15px; right: 20px; width: 20px; height: 20px; background: url(../../images/common/ico_arrow_down.svg) no-repeat 0 0; background-size: 100%; cursor: pointer; } #MYPAGE.review .sub__body section.top .review_guide.opened dt .arrow { background: url(../../images/common/ico_arrow_up.svg) no-repeat 0 0; background-size: 100%; } #MYPAGE.review .sub__body section.top .review_guide dd ul { padding: 20px 0 20px 35px; border-top: 1px solid #ccc; } #MYPAGE.review .sub__body section.top .review_guide dd ul li { margin-bottom: 5px; list-style: disc outside; line-height: 22px; font-size: 14px; color: #666; } #MYPAGE.review .sub__body section.top .review_guide dd ul li:last-child { margin-bottom: 0; } #MYPAGE.review .sub__body section.bottom .list_total { padding-bottom: 15px; border-bottom: 2px solid #222; } #MYPAGE.review .sub__body section.bottom .review_area { background: #f0f0f0; padding: 200px 0; text-align: center; } /*------------------------------------------------------ 마이페이지 > 관심 > 재입고 알림 예약 ------------------------------------------------------*/ #MYPAGE.restock { padding-top: 150px; padding-bottom:110px; } #MYPAGE.restock .sub__contents * { box-sizing: border-box; } #MYPAGE.restock .sub__head { padding-top: 0; } #MYPAGE.restock .sub__head .sub__title { padding: 30px 0 15px 0; text-align: center; font-size: 24px; border-bottom: 1px solid #ccc; } #MYPAGE.restock .sub__body { padding-top: 30px; color: #222; } #MYPAGE.restock .sub__body h4 { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #MYPAGE.restock .sub__body .product_info { margin-bottom: 20px; } #MYPAGE.restock .sub__body .product_info .list_total { margin-bottom: 20px; } #MYPAGE.restock .sub__body .product_info table { width: 100%; margin-bottom: 20px; text-align: center; border-bottom: 1px solid #ccc; } #MYPAGE.restock .sub__body .product_info table thead th { padding: 15px; border-top: 2px solid #222; border-bottom: 1px solid #ccc; font-weight: 400; } #MYPAGE.restock .sub__body .product_info table tbody td { padding: 30px 0 0 0; } #MYPAGE.restock .sub__body .product_info table tbody tr:last-child td { padding-bottom: 30px; } #MYPAGE.restock .sub__body .product_info table tbody td > strong { color: #222; } #MYPAGE.restock .sub__body .product_info table tbody td dl { position: relative; height: 120px; padding-left: 140px; text-align: left; color: #222; } #MYPAGE.restock .sub__body .product_info table tbody td dl dd.brand { margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #999; } #MYPAGE.restock .sub__body .product_info table tbody td dl dt { margin-bottom: 5px; font-weight: 500; } #MYPAGE.restock .sub__body .product_info table tbody td dl dd.option, #MYPAGE.restock .sub__body .product_info table tbody td dl dd.cancel_status { font-size: 14px; color: #666; } #MYPAGE.restock .sub__body .product_info table tbody td dl dd.option span { color: #222; } #MYPAGE.restock .sub__body .product_info table tbody td dl dd.img { position: absolute; top: 0; left: 20px; width: 100px; height: 120px; } #MYPAGE.restock .sub__body .product_info table tbody td dl dd.img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #MYPAGE.restock .sub__body .product_info table tbody td.status, #MYPAGE.restock .sub__body .product_info table tbody td.date { font-size: 14px; } #MYPAGE.restock .sub__body .product_info table tbody td.function button { width: 96px; height: 30px; margin-bottom: 6px; font-size: 13px; line-height: 30px; } #MYPAGE.restock .sub__body .product_info table tbody td.function button:last-child { margin-bottom: 0; } #MYPAGE.restock .sub__body .guide { margin-bottom: 30px; padding-bottom: 15px; } #MYPAGE.restock .sub__body .guide ul { padding-left: 15px; } #MYPAGE.restock .sub__body .guide ul li { margin-bottom: 5px; list-style: disc outside; font-size: 14px; line-height: 22px; color: #666; } #MYPAGE.restock .sub__body .guide ul li:last-child { margin-bottom: 0; } /* 찜 */ #MYPAGE section.top .wish_guide{ position: relative; display: flex; flex-wrap: wrap; margin-bottom: 0px;padding: 30px; border-top: 0px solid #222; } .wish_top-area{ position: absolute; top: 135px!important; right: 0; font-size: 0;} #MYPAGE section.top { margin-bottom: 30px; } #MYPAGE section.top .tab_menu { display: flex; justify-content: space-between; margin-bottom: 10px; border: 1px solid #222; } #MYPAGE section.top .tab_menu li { width: 50%; height: 54px; border-right: 1px solid #222; list-style: none; line-height: 54px; text-align: center; cursor: pointer; } #MYPAGE section.top .tab_menu li:last-child { border-right: none; } #MYPAGE section.top .tab_menu li:hover { background: #fafafa; } #MYPAGE section.top .tab_menu li.on { background: #222; color: #fff; } .bsch-hd.wish { display: flex; border: #e6e6e6 1px solid; margin: 0 0 5px 0; align-items: center; } /*------------------------------------------------------ 마이페이지 > 관심 > 내파우치 ------------------------------------------------------*/ #MYPAGE.pouch .sub__body section.top { margin-bottom: 30px; } #MYPAGE.pouch .sub__body section.top .pouch_guide { position: relative; display: flex; flex-wrap: wrap; margin-bottom: 30px; padding: 30px; border-top: 2px solid #222; border-bottom: 1px solid #ccc; } #MYPAGE.pouch .sub__body section.top .pouch_guide h6 { margin-bottom: 5px; font-weight: 500;} #MYPAGE.pouch .sub__body section.top .pouch_guide p { position: relative; padding-right: 105px; color: #666; line-height: 25px; } #MYPAGE.pouch .sub__body section.top .pouch_guide p button { position: absolute; top: 0; right: 0; width: 95px; height: 25px; padding: 0 25px 0 0; font-size: 13px; line-height: 25px; font-weight: 500; background: none; border-bottom: 1px solid #222; } #MYPAGE.pouch .sub__body section.top .pouch_guide p button i { position: absolute; top: 0; right: 0; width: 20px; height: 25px; } #MYPAGE.pouch .sub__body section.top .pouch_guide .btn_make_pouch { position: absolute; top: 36px; right: 30px; width: 142px; height: 40px; font-size: 16px; line-height: 40px; border-radius: 100px; } #MYPAGE.pouch .sub__body section.top .tab_menu { display: flex; justify-content: space-between; margin-bottom: 10px; border: 1px solid #222; } #MYPAGE.pouch .sub__body section.top .tab_menu li { width: 50%; height: 54px; border-right: 1px solid #222; list-style: none; line-height: 54px; text-align: center; cursor: pointer; } #MYPAGE.pouch .sub__body section.top .tab_menu li:last-child { border-right: none; } #MYPAGE.pouch .sub__body section.top .tab_menu li:hover { background: #fafafa; } #MYPAGE.pouch .sub__body section.top .tab_menu li.on { background: #222; color: #fff; } #MYPAGE.pouch .sub__body section.bottom .list_total { position: relative; margin-bottom: 15px; } #MYPAGE.pouch .sub__body section.bottom .list_total button { position: absolute; top: -10px; right: 0; width: 96px; height: 30px; line-height: 30px; font-size: 13px; } #MYPAGE.pouch .sub__body section.bottom table { width: 100%; text-align: center; border-bottom: 1px solid #ccc; } #MYPAGE.pouch .sub__body section.bottom table { width: 100%; text-align: center;} #MYPAGE.pouch .sub__body section.bottom table thead th { padding: 15px; border-top: 2px solid #222; border-bottom: 1px solid #ccc; font-weight: 400; } #MYPAGE.pouch .sub__body section.bottom table tbody td { padding: 30px 0 0 0; color: #666; } #MYPAGE.pouch .sub__body section.bottom table tbody tr:last-child td { padding-bottom: 30px; } #MYPAGE.pouch .sub__body section.bottom table tbody td > strong { color: #222; } #MYPAGE.pouch .sub__body section.bottom table tbody td dl { position: relative; height: 120px; padding-left: 140px; text-align: left; color: #222; } #MYPAGE.pouch .sub__body section.bottom table tbody td dl dd.brand { margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #999; } #MYPAGE.pouch .sub__body section.bottom table tbody td dl dt { margin-bottom: 10px; font-weight: 500; } #MYPAGE.pouch .sub__body section.bottom table tbody td dl dd.option { font-size: 14px; color: #444; } #MYPAGE.pouch .sub__body section.bottom table tbody td dl dd.option .btn_edit_product_option { color: #999; text-decoration: underline; } #MYPAGE.pouch .sub__body section.bottom table tbody td dl dd.img { position: absolute; top: 0; left: 20px; width: 100px; height: 100px; } #MYPAGE.pouch .sub__body section.bottom table tbody td dl dd.img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #MYPAGE.pouch .sub__body section.bottom table tbody td.price .pointColor, #MYPAGE.pouch .sub__body section.bottom table tbody td.price span { font-size: 14px; line-height: 22px; } #MYPAGE.pouch .sub__body section.bottom table tbody td.price span { text-decoration: line-through; } #MYPAGE.pouch .sub__body section.bottom table tbody td.status strong { font-size: 14px; font-weight: 500; } #MYPAGE.pouch .sub__body section.bottom table tbody td.option button { width: 96px; height: 30px; margin-bottom: 6px; font-size: 13px; line-height: 30px; } #MYPAGE.pouch .sub__body section.bottom table tbody td.option button:last-child { margin-bottom: 0; } #MYPAGE.pouch #modal_put_in_pouch dl { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #ccc; } #MYPAGE.pouch #modal_put_in_pouch dl dt { padding: 15px 0 15px 10px; border-top: 2px solid #222; border-bottom: 1px solid #ccc; } #MYPAGE.pouch #modal_put_in_pouch dl dd { padding: 15px 0 0 10px; } #MYPAGE.pouch #modal_pouch_product_option .modal_area { width: 760px; } #MYPAGE.pouch #modal_pouch_product_option .list_total { position: relative; margin-bottom: 15px; } #MYPAGE.pouch #modal_pouch_product_option dl { position: relative; margin-bottom: 30px; padding: 0 0 30px 120px; border-bottom: 1px solid #ccc; } #MYPAGE.pouch #modal_pouch_product_option dl dd.brand { margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #999; } #MYPAGE.pouch #modal_pouch_product_option dl dt { margin-bottom: 10px; line-height: 24px; } #MYPAGE.pouch #modal_pouch_product_option dl dd.img { position: absolute; top: 0; left: 0; width: 100px; height: 120px; } #MYPAGE.pouch #modal_pouch_product_option dl dd.img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #MYPAGE.pouch #modal_pouch_product_option dl dd.option .select_type { width: 320px; margin-bottom: 15px; } #MYPAGE.pouch #modal_pouch_product_option dl dd.option .selected_option_list .row { display: flex; justify-content: space-between; margin-bottom: 10px; } #MYPAGE.pouch #modal_pouch_product_option dl dd.option .selected_option_list .row:last-child { margin-bottom: 0; } #MYPAGE.pouch #modal_pouch_product_option dl dd.option .selected_option_list .row h6 { font-size: 14px; line-height: 30px; font-weight: 400; } #MYPAGE.pouch #modal_pouch_product_option dl dd.option .selected_option_list .row button { width: 56px; height: 30px; line-height: 30px; font-size: 14px; font-weight: 400; } /* 마이페이지 > 쇼핑 > 내파우치 > 파우치 추가 */ #MYPAGE.pouch .sub__body section.top .pouch_list { margin-bottom: 80px; } #MYPAGE.pouch .sub__body section.top .pouch_list .row { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ccc; } #MYPAGE.pouch .sub__body section.top .pouch_list .row h4 { position: relative; margin-bottom: 20px; padding: 0 0 10px 35px; font-size: 20px; font-weight: 400; border-bottom: 2px solid #222; } #MYPAGE.pouch .sub__body section.top .pouch_list .row h4 .btn_left { position: absolute; top: 6px; left: 0; display: flex; justify-content: space-between; width: 45px; height: 20px; } #MYPAGE.pouch .sub__body section.top .pouch_list .row h4 .btn_left button { position: relative; width: 20px; height: 20px; border-radius: 0; } #MYPAGE.pouch .sub__body section.top .pouch_list .row h4 .btn_left button i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 13px; } #MYPAGE.pouch .sub__body section.top .pouch_list .row h4 .btn_right { position: absolute; top: 0; right: 0; display: flex; height: 30px; } #MYPAGE.pouch .sub__body section.top .pouch_list .row h4 .btn_right button { min-width: 44px; height: 30px; font-size: 13px; line-height: 30px; white-space: nowrap; padding: 0 20px;} #MYPAGE.pouch .sub__body section.top .pouch_list .row h4 .btn_right button + button{ margin-left: 10px;} #MYPAGE.pouch .sub__body section.top .pouch_list .row h4 input{ font-size: 14px; font-weight: 400; color:#111; border: #111 1px solid; height: 30px; line-height: 28px; padding: 0 10px; line-height: 1;} #MYPAGE.pouch .sub__body section.top .pouch_list .row h4 button{ padding: 0 20px; height: 30px; line-height: 28px; font-size: 13px;} #MYPAGE.pouch .sub__body section.top .pouch_list .row .category { display: flex; margin-bottom: 20px; flex-wrap: wrap; } #MYPAGE.pouch .sub__body section.top .pouch_list .row .category button { height: 36px; margin-right: 10px; padding: 0 15px; border-radius: 100px; font-size: 14px; line-height: 36px; } #MYPAGE.pouch .sub__body section.top .pouch_list .row .pouch__slider { position: relative; margin: 0 20px; } #MYPAGE.pouch .sub__body section.top .pouch_list .row .swiper-slide { width: 160px; cursor: pointer; } #MYPAGE.pouch .sub__body section.top .pouch_list .row .swiper-slide dl dd.img { position: relative; width: 160px; height: 192px; margin-bottom: 10px; } #MYPAGE.pouch .sub__body section.top .pouch_list .row .swiper-slide dl dd.img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } #MYPAGE.pouch .sub__body section.top .pouch_list .row .swiper-slide dl dd.brand { margin-bottom: 5px; font-size: 14px; line-height: 1; color: #999; font-weight: 500; display: flex; align-items: center; justify-content: space-between;} #MYPAGE.pouch .sub__body section.top .pouch_list .row .swiper-slide dl dd.brand .fb__infolayer__close{ position: relative; width: 14px; height: 14px; top: auto; right: auto; margin-left: auto;} #MYPAGE.pouch .sub__body section.top .pouch_list .row .swiper-slide dl dt { display: -webkit-box; height:48px; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 24px; } #MYPAGE.pouch .sub__body section.top .pouch_list .row .swiper-slide dl dd.option { font-size: 14px; color: #666; } #MYPAGE.pouch #modal_pouch_product_search .modal_area { width: 760px; } #MYPAGE.pouch #modal_pouch_product_search .search_wrap dl.search { display: flex; height: 50px; margin-bottom: 20px; line-height: 50px; } #MYPAGE.pouch #modal_pouch_product_search .search_wrap dl.search dd.search_type { width: 180px; margin-right: 10px; } #MYPAGE.pouch #modal_pouch_product_search .search_wrap dl.search dd.search_type .select_int_title { height: 50px; } #MYPAGE.pouch #modal_pouch_product_search .search_wrap dl.search dd.search_type .select_int_title::after { width: 50px; height: 50px; right: 0; background-size: 50%; } #MYPAGE.pouch #modal_pouch_product_search .search_wrap dl.search dd.search_type .select_int_list { top: 55px; } #MYPAGE.pouch #modal_pouch_product_search .search_wrap dl.search dd.search_type .select_int_list ul li { height: 45px; } #MYPAGE.pouch #modal_pouch_product_search .search_wrap dl.search dd.search_type .select_int_title { border-color: #222; } #MYPAGE.pouch #modal_pouch_product_search .search_wrap dl.search dd.search_text { display: flex; } #MYPAGE.pouch #modal_pouch_product_search .search_wrap dl.search dd.search_text input[type="text"] { width: 414px; margin-right: 10px; } #MYPAGE.pouch #modal_pouch_product_search .search_wrap dl.search dd.search_text button { width: 86px; } #MYPAGE.pouch #modal_pouch_product_search .before_search { padding: 30px 0 50px 0; text-align: center; color: #444; } #MYPAGE.pouch #modal_pouch_product_search .empty_search { display: none; padding: 10px 0 30px; text-align: center; line-height: 24px; color: #444; } #MYPAGE.pouch #modal_pouch_product_search .empty_search i { display: block; width: 24px; height: 24px; margin: 0 auto 15px auto; } #MYPAGE.pouch #modal_pouch_product_search .list_total { position: relative; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 2px solid #222; } #MYPAGE.pouch #modal_pouch_product_search .search_list { display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #ccc; } #MYPAGE.pouch #modal_pouch_product_search .search_list dl { width: 160px; margin-bottom: 30px; } #MYPAGE.pouch #modal_pouch_product_search .search_list dl dd.img { position: relative; width: 160px; height: 192px; margin-bottom: 10px; } #MYPAGE.pouch #modal_pouch_product_search .search_list dl dd.img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #MYPAGE.pouch #modal_pouch_product_search .search_list dl dd.price { margin-bottom: 5px; } #MYPAGE.pouch #modal_pouch_product_search .search_list dl dd.price span { font-size: 15px; color: #999; text-decoration: line-through; } #MYPAGE.pouch #modal_pouch_product_search .search_list dl dd.chk { text-align: center; } #MYPAGE.pouch #modal_pouch_product_search .search_list dl dt { display: -webkit-box; height:48px; margin-bottom: 5px; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 24px; } #MYPAGE.pouch #modal_pouch_product_search .bbs__navi { margin-bottom: 30px; } /*------------------------------------------------------ 마이페이지 > 정보 > 회원 정보 수정 (패스워드 재확인) ------------------------------------------------------*/ #MYPAGE.user_info_pw_confirm .sub__body .pw_confirm { margin-bottom: 50px; padding: 60px 0; text-align: center; border-top: 2px solid #222; border-bottom: 1px solid #ccc; } #MYPAGE.user_info_pw_confirm .sub__body .pw_confirm h4 { margin-bottom: 20px;} #MYPAGE.user_info_pw_confirm .sub__body .pw_confirm p { margin-bottom: 30px; color: #666; } #MYPAGE.user_info_pw_confirm .sub__body .pw_confirm input[type="password"] { width: 402px; margin: 0 auto; } /*------------------------------------------------------ 마이페이지 > 정보 > 회원 정보 수정 ------------------------------------------------------*/ #MYPAGE.user_info_edit .sub__body input[type="radio"] + label > span { display:inline-block; width:19px; height:19px; margin-right:7px; vertical-align: middle; background:url(../../images/common/radio.svg) no-repeat 0 0; background-position:center; cursor:pointer; } #MYPAGE.user_info_edit .sub__body input[type="radio"]:checked + label > span { background-image:url(../../images/common/radio_on2.svg); } #MYPAGE.user_info_edit .sub__body input[type="radio"] + label, #MYPAGE.user_info_edit .sub__body input[type="checkbox"] + label { line-height: 20px; } #MYPAGE.user_info_edit .sub__body h3 { margin-bottom: 20px; padding-bottom: 30px; border-bottom: 2px solid #222; } #MYPAGE.user_info_edit .sub__body > .guide { margin-bottom: 50px; } #MYPAGE.user_info_edit .sub__body h4 { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #MYPAGE.user_info_edit .sub__body .input_wrap { margin-bottom: 50px; } #MYPAGE.user_info_edit .sub__body .input_wrap dl { position: relative; width: 700px; margin-bottom: 30px; padding-left: 145px; } #MYPAGE.user_info_edit .sub__body .input_wrap dl dt { position: absolute; top: 0; left: 0; line-height: 50px; } #MYPAGE.user_info_edit .sub__body .input_wrap dl dd { display: flex; justify-content: space-between; margin-bottom: 10px; line-height: 50px; } #MYPAGE.user_info_edit .sub__body .input_wrap dl dd.p3 { line-height: 1; } #MYPAGE.user_info_edit .sub__body .input_wrap dl dd input[type="text"], #MYPAGE.user_info_edit .sub__body .input_wrap dl dd input[type="password"] { width: 402px; } #MYPAGE.user_info_edit .sub__body .input_wrap dl dd button { width: 143px; } #MYPAGE.user_info_edit .sub__body .input_wrap dl.p1 dt { line-height: 1; } #MYPAGE.user_info_edit .sub__body .input_wrap dl.p1 dd { margin-bottom: 0; line-height: 1; font-weight: 500; } #MYPAGE.user_info_edit .sub__body .input_wrap dl.lifetime_member dt, #MYPAGE.user_info_edit .sub__body .input_wrap dl.lifetime_member dd { justify-content: flex-start; line-height: 20px; } #MYPAGE.user_info_edit .sub__body .input_wrap dl.lifetime_member dd label { margin-right: 40px; } #MYPAGE.user_info_edit .sub__body .marketing_agree { margin-bottom: 20px; } #MYPAGE.user_info_edit .sub__body .marketing_agree .chk_marketing_agree { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #MYPAGE.user_info_edit .sub__body .marketing_agree .chk_marketing_agree label { font-size: 20px; font-weight: 700; } #MYPAGE.user_info_edit .sub__body .marketing_agree .chk_marketing_agree label span { margin-right: 10px; } #MYPAGE.user_info_edit .sub__body .marketing_agree .chk_marketing_type { margin-bottom: 20px; } #MYPAGE.user_info_edit .sub__body .marketing_agree .chk_marketing_type label { margin-right: 40px; } #MYPAGE.user_info_edit .sub__body .marketing_agree .guide ul { padding-left: 15px; } #MYPAGE.user_info_edit .sub__body .marketing_agree .guide ul li { margin-bottom: 5px; list-style: disc outside; font-size: 14px; line-height: 22px; color: #666; } #MYPAGE.user_info_edit .sub__body .marketing_agree .guide ul li:last-child { margin-bottom: 0; } #MYPAGE.user_info_edit .sub__body .etc_info { display: flex; justify-content: space-between; margin-bottom: 50px; font-size: 14px; } #MYPAGE.user_info_edit .sub__body .etc_info a { color: #666; text-decoration: underline; } /*------------------------------------------------------ 마이페이지 > 정보 > 회원 탈퇴 ------------------------------------------------------*/ #MYPAGE.withdraw .sub__body h3 { margin-bottom: 20px; padding-bottom: 30px; border-bottom: 2px solid #222; } #MYPAGE.withdraw .sub__body > .guide { margin-bottom: 50px; } #MYPAGE.withdraw .sub__body h4 { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #MYPAGE.withdraw .sub__body .input_wrap { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #MYPAGE.withdraw .sub__body .input_wrap dl { position: relative; margin-bottom: 30px; padding-left: 145px; } #MYPAGE.withdraw .sub__body .input_wrap dl dt { position: absolute; top: 0; left: 0; line-height: 50px; } #MYPAGE.withdraw .sub__body .input_wrap dl dd { margin-bottom: 10px; line-height: 50px; } #MYPAGE.withdraw .sub__body .input_wrap dl.p1 dt { line-height: 1; } #MYPAGE.withdraw .sub__body .input_wrap dl.p1 dd { margin-bottom: 0; line-height: 1; font-weight: 500; } #MYPAGE.withdraw .sub__body .input_wrap .select_reason { margin-bottom: 10px; } #MYPAGE.withdraw .sub__body .input_wrap .select_reason dd .total_select_int { width: 320px; } #MYPAGE.withdraw .sub__body .input_wrap .withdraw_msg dd textarea { width: 100%; height: 175px; padding: 20px; border: 1px solid #ccc; border-radius: 3px; font-size: 16px; line-height: 24px; } #MYPAGE.withdraw .sub__body .etc_info { margin-bottom: 50px; font-size: 18px; line-height: 28px; } #MYPAGE.withdraw .sub__body .etc_info .pointColor { font-size: 28px; } /*------------------------------------------------------ 마이페이지 > 정보 > 배송지 ------------------------------------------------------*/ #MYPAGE.delivery_address .sub__body h3 { margin-bottom: 20px; padding-bottom: 30px; border-bottom: 2px solid #222; } #MYPAGE.delivery_address .sub__body .list_wrap { margin-bottom: 5px; } #MYPAGE.delivery_address .sub__body .list_wrap .row { margin-bottom: 14px; padding: 30px 20px; border: 1px solid #ccc; border-radius: 8px; cursor: pointer; } #MYPAGE.delivery_address .sub__body .list_wrap .row:hover, #MYPAGE.delivery_address .sub__body .list_wrap .row.selected { border-color: #222; } #MYPAGE.delivery_address .sub__body .list_wrap .row .top { height: 30px; margin-bottom: 20px; } #MYPAGE.delivery_address .sub__body .list_wrap .row .top .tag { display: inline-block; width: 88px; height: 30px; margin-right: 15px; font-size: 14px; line-height: 30px; border-radius: 3px; font-weight: 400; } #MYPAGE.delivery_address .sub__body .list_wrap .row .bottom .btn_wrap { justify-content: left; padding-top: 20px; } #MYPAGE.delivery_address .sub__body .list_wrap .row .bottom .btn_wrap button { width: 66px; height: 34px; margin-right: 10px; font-size: 14px; line-height: 34px; } #MYPAGE.delivery_address .sub__body .bottom_btn_wrap { text-align: right; } #MYPAGE.delivery_address .sub__body .bottom_btn_wrap button { text-decoration: underline; background: none; } /*------------------------------------------------------ 마이페이지 > 결제수단 관리 ------------------------------------------------------*/ #MYPAGE.payment .sub__body section.top { margin-bottom: 30px; } #MYPAGE.payment .sub__body section.top .tab_menu { display: flex; justify-content: space-between; margin-bottom: 30px; border: 1px solid #222; } #MYPAGE.payment .sub__body section.top .tab_menu li { width: 50%; height: 54px; border-right: 1px solid #222; list-style: none; line-height: 54px; text-align: center; cursor: pointer; } #MYPAGE.payment .sub__body section.top .tab_menu li:last-child { border-right: none; } #MYPAGE.payment .sub__body section.top .tab_menu li:hover { background: #fafafa; } #MYPAGE.payment .sub__body section.top .tab_menu li.on { background: #222; color: #fff; } #MYPAGE.payment .sub__body section.bottom h4 { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #MYPAGE.payment .sub__body section.bottom .guide { margin-bottom: 50px; } #MYPAGE.payment .sub__body section.bottom .guide ul { padding-left: 15px; } #MYPAGE.payment .sub__body section.bottom .guide ul li { margin-bottom: 5px; list-style: disc outside; font-size: 14px; line-height: 22px; color: #666; } #MYPAGE.payment .sub__body section.bottom .guide ul li:last-child { margin-bottom: 0; } #MYPAGE.payment .sub__body section.bottom .payment_list dl { margin-bottom: 50px; } #MYPAGE.payment .sub__body section.bottom .payment_list dl dt { margin-bottom: 20px; font-size: 18px; font-weight: 700; } #MYPAGE.payment .sub__body section.bottom .payment_list dl dt p { padding-top: 5px; color: #999; font-size: 16px; font-weight: 500; } #MYPAGE.payment .sub__body section.bottom .payment_list dl dd.add_payment { cursor: pointer; } /* 마이페이지 > 결제수단 관리 > 카드등록 */ #MYPAGE.payment .sub__body section.bottom .payment_info { margin-bottom: 50px; } #MYPAGE.payment .sub__body section.bottom .payment_info dl { position: relative; width: 480px; margin-bottom: 30px; padding-left: 145px; } #MYPAGE.payment .sub__body section.bottom .payment_info dl:last-child { margin-bottom: 0; } #MYPAGE.payment .sub__body section.bottom .payment_info dl dt { position: absolute; top: 0; left: 0; line-height: 50px; } #MYPAGE.payment .sub__body section.bottom .payment_info dl dd { display: flex; margin-bottom: 10px; line-height: 50px; } #MYPAGE.payment .sub__body section.bottom .payment_info dl dd input[type="text"], #MYPAGE.payment .sub__body section.bottom .payment_info dl dd input[type="password"] { margin-right: 10px; font-size: 13px; } #MYPAGE.payment .sub__body section.bottom .terms_agree_wrap { margin-bottom: 50px; } #MYPAGE.payment .sub__body section.bottom .terms_agree_wrap h4 { padding-bottom: 20px; border-bottom: 1px solid #ccc; } #MYPAGE.payment .sub__body section.bottom .terms_agree_wrap h4 label { font-size: 20px; font-weight: 700; } #MYPAGE.payment .sub__body section.bottom .terms_agree_wrap h4 label span { margin-right: 10px; } #MYPAGE.payment .sub__body section.bottom .terms_agree_wrap dl dt { position: relative; margin-bottom: 10px; line-height: 44px; } #MYPAGE.payment .sub__body section.bottom .terms_agree_wrap dl dt .arrow { position: absolute; top: 7px; right: 0; width: 30px; height: 30px; background: url(../../images/common/ico_arrow_down.svg) no-repeat 0 0; background-size: 100%; cursor: pointer; } #MYPAGE.payment .sub__body section.bottom .terms_agree_wrap dl.opened dt .arrow { background: url(../../images/common/ico_arrow_up.svg) no-repeat 0 0; background-size: 100%; } #MYPAGE.payment .sub__body section.bottom .terms_agree_wrap dl dd { display: none; margin-bottom: 30px; } /* 마이페이지 > 결제수단 관리 > 환불계좌 관리 */ #MYPAGE.payment .sub__body section.bottom .refund_account { margin-bottom: 50px; } #MYPAGE.payment .sub__body section.bottom .refund_account dl { position: relative; width: 390px; margin-bottom: 20px; padding-left: 145px; } #MYPAGE.payment .sub__body section.bottom .refund_account dl:last-child { margin-bottom: 0; } #MYPAGE.payment .sub__body section.bottom .refund_account dl dt { position: absolute; top: 0; left: 0; line-height: 50px; } #MYPAGE.payment .sub__body section.bottom .refund_account dl dd { display: flex; line-height: 50px; } #MYPAGE.payment .sub__body section.bottom .refund_account dl dd input[type="text"] { font-size: 13px; } #MYPAGE.payment .sub__body section.bottom .refund_account dl .select_type { width: 100%; } /* 마이페이지 > 결제수단 관리 > 환불계좌 관리 (저장됨) */ #MYPAGE.payment .sub__body section.bottom .refund_account_saved { margin-bottom: 50px; } #MYPAGE.payment .sub__body section.bottom .refund_account_saved dl { position: relative; width: 390px; margin-bottom: 20px; padding-left: 145px; } #MYPAGE.payment .sub__body section.bottom .refund_account_saved dl:last-child { margin-bottom: 0; } #MYPAGE.payment .sub__body section.bottom .refund_account_saved dl dt { position: absolute; top: 0; left: 0; } /*------------------------------------------------------ 마이페이지 > 정기구독 관리 ------------------------------------------------------*/ #MYPAGE.subscribe .sub__body section.top { margin-bottom: 30px; } #MYPAGE.subscribe .sub__body section.top .tab_menu { display: flex; justify-content: space-between; margin-bottom: 30px; border: 1px solid #222; } #MYPAGE.subscribe .sub__body section.top .tab_menu li { width: 33.3%; height: 54px; border-right: 1px solid #222; list-style: none; line-height: 54px; text-align: center; cursor: pointer; } #MYPAGE.subscribe .sub__body section.top .tab_menu li:last-child { border-right: none; } #MYPAGE.subscribe .sub__body section.top .tab_menu li:hover { background: #fafafa; } #MYPAGE.subscribe .sub__body section.top .tab_menu li.on { background: #222; color: #fff; } #MYPAGE.subscribe .sub__body .bottom .empty { padding: 60px 0 120px 0; text-align: center; color: #666; } /* 마이페이지 > 정기구독 관리 > 전체 리스트 + 종료/해지 */ #MYPAGE.subscribe .sub__body section.bottom .subscribe_list .list_total { margin-bottom: 15px; } #MYPAGE.subscribe .sub__body section.bottom .subscribe_list table { width: 100%; text-align: center; border-bottom: 1px solid #ccc; } #MYPAGE.subscribe .sub__body section.bottom .subscribe_list table thead th { padding: 15px; border-top: 2px solid #222; border-bottom: 1px solid #ccc; font-weight: 400; } #MYPAGE.subscribe .sub__body section.bottom .subscribe_list table tbody td { padding: 30px 0 0 0; } #MYPAGE.subscribe .sub__body section.bottom .subscribe_list table tbody tr:last-child td { padding-bottom: 30px; } #MYPAGE.subscribe .sub__body section.bottom .subscribe_list table tbody td > strong { color: #222; } #MYPAGE.subscribe .sub__body section.bottom .subscribe_list table tbody td dl { position: relative; height: 120px; padding-left: 140px; text-align: left; color: #222; } #MYPAGE.subscribe .sub__body section.bottom .subscribe_list table tbody td dl dd.brand { margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #999; } #MYPAGE.subscribe .sub__body section.bottom .subscribe_list table tbody td dl dt { margin-bottom: 5px; font-weight: 500; } #MYPAGE.subscribe .sub__body section.bottom .subscribe_list table tbody td dl dd.option { font-size: 14px; color: #666; } #MYPAGE.subscribe .sub__body section.bottom .subscribe_list table tbody td dl dd.option span { color: #222; } #MYPAGE.subscribe .sub__body section.bottom .subscribe_list table tbody td dl dd.img { position: absolute; top: 0; left: 20px; width: 100px; height: 120px; } #MYPAGE.subscribe .sub__body section.bottom .subscribe_list table tbody td dl dd.img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #MYPAGE.subscribe .sub__body section.bottom .subscribe_list table tbody td.price, #MYPAGE.subscribe .sub__body section.bottom .subscribe_list table tbody td.status { font-size: 14px; } #MYPAGE.subscribe .sub__body section.bottom .subscribe_list table tbody td.status p { line-height: 20px; } #MYPAGE.subscribe .sub__body section.bottom .subscribe_list table tbody td.status .tag, #MYPAGE table tbody td .tag { display: inline-block; width: 65px; height: 24px; margin-bottom: 10px; font-size: 12px; line-height: 24px; border-radius: 100px; padding: 0; } #MYPAGE.subscribe .sub__body section.bottom .subscribe_list table tbody td.function button { width: 96px; height: 30px; margin-bottom: 6px; font-size: 13px; line-height: 30px; } #MYPAGE.subscribe .sub__body section.bottom .subscribe_list table tbody td.function button:last-child { margin-bottom: 0; } /*------------------------------------------------------ 마이페이지 > 정기구독 상세 ------------------------------------------------------*/ #MYPAGE.subscribe_detail .sub__body h4 { position: relative; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #MYPAGE.subscribe_detail .sub__body h4 button { position: absolute; top: 0px; right: 0; width: 120px; height: 30px; font-size: 14px; line-height: 30px; font-weight: 400; } #MYPAGE.subscribe_detail .sub__body > div > dl { position: relative; margin-bottom: 20px; padding-left: 145px; } #MYPAGE.subscribe_detail .sub__body > div > dl:last-child { margin-bottom: 0; } #MYPAGE.subscribe_detail .sub__body > div > dl dt { position: absolute; top: 0; left: 0; } #MYPAGE.subscribe_detail .sub__body > div > dl dd { position: relative; font-weight: 500; } #MYPAGE.subscribe_detail .sub__body > div > dl dd p { position: absolute; top: 5px; right: 0; font-size: 14px; font-weight: 400; color: #999; } #MYPAGE.subscribe_detail .sub__body .basic_info { margin-bottom: 50px; padding-top: 20px; border-top: 2px solid #222; } #MYPAGE.subscribe_detail .sub__body .basic_info p.delivery_date { margin-bottom: 20px; font-size: 18px; font-weight: 500; } #MYPAGE.subscribe_detail .sub__body .basic_info p.p1 { line-height: 36px; color: #666; } #MYPAGE.subscribe_detail .sub__body .order_detail { margin-bottom: 50px; } #MYPAGE.subscribe_detail .sub__body .order_detail h4 button.btn_gray_line { width: 75px; right: 130px; } #MYPAGE.subscribe_detail .sub__body .routine_deliery_address { margin-bottom: 50px; } #MYPAGE.subscribe_detail .sub__body .routine_deliery_address h4 button.btn_gray_line { width: 90px; } #MYPAGE.subscribe_detail .sub__body .auto_payment { margin-bottom: 50px; } #MYPAGE.subscribe_detail .sub__body .auto_payment h4 button.btn_gray_line { width: 115px; } #MYPAGE.subscribe_detail .sub__body .auto_payment dd span { color: #999;} #MYPAGE.subscribe_detail .sub__body .guide { margin-bottom: 30px; } #MYPAGE.subscribe_detail .sub__body .guide ul { padding-left: 15px; } #MYPAGE.subscribe_detail .sub__body .guide ul li { margin-bottom: 5px; list-style: disc outside; font-size: 14px; line-height: 22px; color: #666; } #MYPAGE.subscribe_detail .sub__body .guide ul li:last-child { margin-bottom: 0; } #MYPAGE.subscribe_detail .sub__body .btn_wrap button { width: 400px; } /*------------------------------------------------------ 고객센터 공통 ------------------------------------------------------*/ #CS_CENTER { padding-top: 130px; padding-bottom:50px; } #CS_CENTER #ASIDE { padding-top: 50px; } #CS_CENTER #ASIDE .aside__area > a.dummy { display: block; width: 200px; height: 530px; padding-top: 180px; background: #F0F0F0; text-align: center; font-weight: 700; } #CS_CENTER #ASIDE .aside__menu > ul { margin-bottom: 50px; } #CS_CENTER #ASIDE .aside__menu .cs_center_info { width: 200px; padding: 30px 20px; background: #f9f9f9; } #CS_CENTER #ASIDE .aside__menu .cs_center_info dt { position: relative; margin-bottom: 15px; font-size: 18px; line-height: 26px; font-weight: 500; } #CS_CENTER #ASIDE .aside__menu .cs_center_info dt img { position: absolute; top: 0; right: 0; width: 50px; height: 50px; } #CS_CENTER #ASIDE .aside__menu .cs_center_info dd { margin-bottom: 10px; font-size: 14px; color: #999; white-space: nowrap; } #CS_CENTER #ASIDE .aside__menu .cs_center_info dd:last-child { margin-bottom: 0; } #CS_CENTER #ASIDE .aside__menu .cs_center_info dd.tel_num { margin-bottom: 20px; font-size: 20px; color: #222; } #CS_CENTER #ASIDE .aside__menu .cs_center_info .btn_gray_line{ display: block;} #CS_CENTER #ASIDE *, #CS_CENTER .sub__contents * { box-sizing: border-box; } #CS_CENTER .sub__body { padding-top: 50px; } #CS_CENTER .sub__body h3 { margin-bottom: 30px; } #CS_CENTER .sub__body .select_type .select_int_title { height: 50px; } #CS_CENTER .sub__body .select_type .select_int_title::after { width: 50px; height: 50px; right: 0; background-size: 50%; } #CS_CENTER .sub__body .select_type .select_int_list { top: 55px; } #CS_CENTER .sub__body .select_type .select_int_list ul li { height: 45px; } #CS_CENTER .sub__body section.top .search_wrap { display: flex; justify-content: space-between; margin-bottom: 30px; border-radius: 0; } #CS_CENTER .sub__body section.top .search_wrap input[type="text"] { width: 820px; } #CS_CENTER .sub__body section.top .search_wrap button, #CS_CENTER .sub__body section.top .search_wrap .btn_black { width: 86px; padding: 0; background-color: #222 !important; color: #fff !important; } /*------------------------------------------------------ 고객센터 > 공지사항 리스트 ------------------------------------------------------*/ #CS_CENTER.notice .sub__body section.bottom .list_total { margin-bottom: 15px; } #CS_CENTER.notice .sub__body section.bottom .notice_list table { width: 100%; text-align: center; border-bottom: 1px solid #ccc; } #CS_CENTER.notice .sub__body section.bottom .notice_list table thead th { padding: 15px; border-top: 2px solid #222; border-bottom: 1px solid #ccc; font-weight: 500; } #CS_CENTER.notice .sub__body section.bottom .notice_list table tbody tr.notice td { background: #f9f9f9; } #CS_CENTER.notice .sub__body section.bottom .notice_list table tbody tr:hover td.title { text-decoration: underline; } #CS_CENTER.notice .sub__body section.bottom .notice_list table tbody td { padding: 18px 0; font-size: 14px; color: #999; } #CS_CENTER.notice .sub__body section.bottom .notice_list table tbody td.title { display: flex; color: #222; text-align: left; } #CS_CENTER.notice .sub__body section.bottom .notice_list table tbody td.title a { display: block; } #CS_CENTER.notice .sub__body section.bottom .notice_list table tbody td.title .notice_tag { display: inline-block; width: 66px; height: 22px; margin-right: 10px; background: #FFE7D7; border-radius: 100px; font-size: 12px; line-height: 22px; text-align: center; } /* 고객센터 > 공지사항 > 상세 */ #CS_CENTER.notice .sub__body .notice_detail_top { padding: 20px 0; border-top: 2px solid #222; border-bottom: 1px solid #ccc; } #CS_CENTER.notice .sub__body .notice_detail_top h4 { margin-bottom: 25px; font-size: 18px; font-weight: 500; } #CS_CENTER.notice .sub__body .notice_detail_top .notice_info, #CS_CENTER.notice .sub__body .notice_detail_top .notice_info dl { display: flex; font-weight: 500; line-height: 1; } #CS_CENTER.notice .sub__body .notice_detail_top .notice_info dl dt { margin-right: 7px; padding-right: 7px; border-right: 1px solid #ccc; } #CS_CENTER.notice .sub__body .notice_detail_top .notice_info dl dd { margin-right: 40px; color: #999; } #CS_CENTER.notice .sub__body .notice_detail_con { padding: 20px 20px 50px 20px; } #CS_CENTER.notice .sub__body .notice_detail_con img { display: block; margin: 0 auto 30px auto; } #CS_CENTER.notice .sub__body .notice_detail_con p { line-height: 24px; color: #999; } #CS_CENTER.notice .sub__body .notice_detail_con .file_attach_wrap { padding-top: 50px; } #CS_CENTER.notice .sub__body .notice_detail_con .file_attach_wrap li { margin-bottom: 5px; list-style: none; } #CS_CENTER.notice .sub__body .notice_detail_con .file_attach_wrap li a { font-size: 14px; font-weight: 500; text-decoration: underline; } #CS_CENTER.notice .sub__body .notice_detail_bottom table { width: 100%; margin-bottom: 20px; } #CS_CENTER.notice .sub__body .notice_detail_bottom table td { padding: 18px 0; border-top: 1px solid #ccc; font-size: 14px; text-align: center; } #CS_CENTER.notice .sub__body .notice_detail_bottom table tr td:first-child { border-left: 1px solid #ccc; } #CS_CENTER.notice .sub__body .notice_detail_bottom table tr td:last-child { border-right: 1px solid #ccc; } #CS_CENTER.notice .sub__body .notice_detail_bottom table tr:last-child td { border-bottom: 1px solid #ccc; } #CS_CENTER.notice .sub__body .notice_detail_bottom table tr:hover td.title { text-decoration: underline; } #CS_CENTER.notice .sub__body .notice_detail_bottom table td strong { font-weight: 500; } #CS_CENTER.notice .sub__body .notice_detail_bottom table td.title a { display: block; } #CS_CENTER.notice .sub__body .notice_detail_bottom table td.date { color: #999; } /*------------------------------------------------------ 고객센터 > 자주묻는질문 리스트 ------------------------------------------------------*/ #CS_CENTER.faq .sub__body section.top .category { display: flex; flex-wrap: wrap; margin-bottom: 30px; border-top: 1px solid #e1e1e1; } #CS_CENTER.faq .sub__body section.top .category li { position: relative; width: 20%; height: 40px; border: 1px solid #e1e1e1; border-right: none; border-top: none; list-style: none; cursor: pointer; } #CS_CENTER.faq .sub__body section.top .category li:nth-child(5n), #CS_CENTER.faq .sub__body section.top .category li:last-child { border-right: 1px solid #e1e1e1; } #CS_CENTER.faq .sub__body section.top .category li span { display: block; line-height: 40px; color: #999; text-align: center; } #CS_CENTER.faq .sub__body section.top .category li.on span { z-index: 2; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); border: 1px solid #222; color: #222; font-weight: 500; line-height: 42px; } #CS_CENTER.faq .sub__body section.top .category li:hover span { color: #222; } #CS_CENTER.faq .sub__body section.bottom .list_total { margin-bottom: 15px; } #CS_CENTER.faq .sub__body section.bottom .faq_list { border-top: 2px solid #222; } #CS_CENTER.faq .sub__body section.bottom .faq_list dl { border-bottom: 1px solid #ccc; } #CS_CENTER.faq .sub__body section.bottom .faq_list dl dt { position: relative; display: flex; height: 70px; padding-left: 70px; line-height: 70px; } #CS_CENTER.faq .sub__body section.bottom .faq_list dl dt .icon_q { position: absolute; top: 15px; left: 15px; width: 40px; height: 40px; background: #999; font-size: 20px; line-height: 40px; text-align: center; color: #fff; border-radius: 50%; } #CS_CENTER.faq .sub__body section.bottom .faq_list dl dt .category { margin-right: 30px; color: #444; } #CS_CENTER.faq .sub__body section.bottom .faq_list dl dt p { color: #222; cursor: pointer; } #CS_CENTER.faq .sub__body section.bottom .faq_list dl dt .arrow { position: absolute; top: 20px; right: 15px; width: 30px; height: 30px; background: url(../../images/common/ico_arrow_down.svg) no-repeat 0 0; background-size: 100%; cursor: pointer; } #CS_CENTER.faq .sub__body section.bottom .faq_list dl.opened dt .arrow { background: url(../../images/common/ico_arrow_up.svg) no-repeat 0 0; background-size: 100%; } #CS_CENTER.faq .sub__body section.bottom .faq_list dl dd { display: none; position: relative; padding: 15px 15px 15px 70px; } #CS_CENTER.faq .sub__body section.bottom .faq_list dl dd .icon_a { position: absolute; top: 15px; left: 15px; width: 40px; height: 40px; background: #ff5c00; font-size: 20px; line-height: 40px; text-align: center; color: #fff; border-radius: 50%; } #CS_CENTER.faq .sub__body section.bottom .faq_list dl dd p { margin-bottom: 16px; line-height: 26px; color: #999; } #CS_CENTER.faq .sub__body section.bottom .faq_list dl dd img { display: block; margin-bottom: 20px; } #CS_CENTER.faq .sub__body section.bottom .faq_list dl dd a { text-decoration: underline; } /* 고객센터 > 자주묻는질문 검색결과 없음 */ #CS_CENTER.faq .sub__body section.bottom .list_total.after_search { color: #666; } #CS_CENTER.faq .sub__body section.bottom .list_total.after_search strong { color: #222; } #CS_CENTER.faq .sub__body section.bottom .faq_list .empty_search_text { padding: 80px 0; text-align: center; } #CS_CENTER.faq .sub__body section.bottom .faq_list .empty_search_text .ico_warning_gray { margin-bottom: 20px; } #CS_CENTER.faq .sub__body section.bottom .faq_list .empty_search_text h5 { font-weight: 400; margin-bottom: 20px;} #CS_CENTER.faq .sub__body section.bottom .faq_list .empty_search_text p { line-height: 24px; color: #999;} /*------------------------------------------------------ 고객센터 > 1:1문의 ------------------------------------------------------*/ #CS_CENTER.inquiry .sub__body h3 { position: relative; } #CS_CENTER.inquiry .sub__body h3 p { position: absolute; bottom: 0; right: 0; font-size: 14px; font-weight: 400; } #CS_CENTER.inquiry .sub__body h3 p strong { text-decoration: underline; } #CS_CENTER.inquiry .sub__body .form_wrap { margin-bottom: 50px; } #CS_CENTER.inquiry .sub__body .form_wrap dl { position: relative; margin-bottom: 30px; padding-left: 100px; } #CS_CENTER.inquiry .sub__body .form_wrap dl:last-child { margin-bottom: 0; } #CS_CENTER.inquiry .sub__body .form_wrap dl dt { position: absolute; top: 0; left: 0; line-height: 50px; } #CS_CENTER.inquiry .sub__body .form_wrap dl dd .select_type, #CS_CENTER.inquiry .sub__body .form_wrap dl dd input[type="text"] { width: 400px; margin-right: 30px; } #CS_CENTER.inquiry .sub__body .form_wrap dl.file_attach dd { display: flex; } #CS_CENTER.inquiry .sub__body .form_wrap dl.file_attach dd button { width: 160px; height: 160px; margin-right: 20px; border: 2px dashed #ccc; font-size: 30px; text-align: center; line-height: 160px; background: none; color: #ccc; } #CS_CENTER.inquiry .sub__body .form_wrap dl dd.title { margin-bottom: 10px; } #CS_CENTER.inquiry .sub__body .form_wrap dl dd.title input { width: 100%; } #CS_CENTER.inquiry .sub__body .form_wrap dl dd.msg textarea { width: 100%; height: 175px; padding: 20px; border: 1px solid #ccc; border-radius: 3px; font-size: 16px; line-height: 24px; } /*------------------------------------------------------ 고객센터 > CLIO Idea Box ------------------------------------------------------*/ #CS_CENTER.idea_box .sub__body h3 { position: relative; } #CS_CENTER.idea_box .sub__body .benefit_guide { margin-bottom: 30px; padding: 30px 0 50px 0; border-top: 2px solid #222; border-bottom: 1px solid #222; } #CS_CENTER.idea_box .sub__body .benefit_guide p.p3 { margin-bottom: 20px; text-align: center; line-height: 22px; } #CS_CENTER.idea_box .sub__body .benefit_guide .benefit_top { display: flex; justify-content: space-between; width: 730px; margin: 0 auto 30px auto; } #CS_CENTER.idea_box .sub__body .benefit_guide .benefit_top dl { text-align: center; } #CS_CENTER.idea_box .sub__body .benefit_guide .benefit_top dl dd.img { position: relative; width: 198px; height: 120px; margin: 0 auto 15px auto; } #CS_CENTER.idea_box .sub__body .benefit_guide .benefit_top dl dd.img img { position: absolute; display: block; top: 10px; left: 0; width: 198px; height: 120px; } #CS_CENTER.idea_box .sub__body .benefit_guide .benefit_top dl dd.img span { display: block; width: 120px; height: 120px; margin: 0 auto; background: #FFEEE7; border-radius: 50%; } #CS_CENTER.idea_box .sub__body .benefit_guide .benefit_top dl dt { margin-bottom: 10px; font-size: 18px; font-weight: 700; } #CS_CENTER.idea_box .sub__body .benefit_guide .benefit_top dl dd { font-size: 13px; line-height: 22px; color: #666; } #CS_CENTER.idea_box .sub__body .benefit_guide .benefit_top dl dd strong { font-size: 14px; line-height: 24px; color: #222; } #CS_CENTER.idea_box .sub__body .benefit_guide .benefit_bottom dl { position: relative; space-between; width: 730px; margin: 0 auto; } #CS_CENTER.idea_box .sub__body .benefit_guide .benefit_bottom dl:first-child { margin-bottom: 50px; } #CS_CENTER.idea_box .sub__body .benefit_guide .benefit_bottom dl dt { margin-bottom: 10px; } #CS_CENTER.idea_box .sub__body .benefit_guide .benefit_bottom dl dt strong { text-decoration: underline; } #CS_CENTER.idea_box .sub__body .benefit_guide .benefit_bottom dl dd.img { position: absolute; top: 0px; right: -20px; } #CS_CENTER.idea_box .sub__body .benefit_guide .benefit_bottom dl:last-child dd.img { top: -15px; } #CS_CENTER.idea_box .sub__body .benefit_guide .benefit_bottom dl dt i { margin-right: 10px; } #CS_CENTER.idea_box .sub__body .benefit_guide .benefit_bottom dl dd ul { padding-left: 45px; } #CS_CENTER.idea_box .sub__body .benefit_guide .benefit_bottom dl dd ul li { margin-bottom: 5px; font-size: 14px; color: #666; } #CS_CENTER.idea_box .sub__body .benefit_guide .benefit_bottom dl dd ul li:last-child { margin-bottom: 0; } #CS_CENTER.idea_box .sub__body .form_wrap { margin-bottom: 50px; } #CS_CENTER.idea_box .sub__body .form_wrap dl { position: relative; margin-bottom: 30px; padding-left: 150px; } #CS_CENTER.idea_box .sub__body .form_wrap dl:last-child { margin-bottom: 0; } #CS_CENTER.idea_box .sub__body .form_wrap dl dt { position: absolute; top: 0; left: 0; line-height: 50px; } #CS_CENTER.idea_box .sub__body .form_wrap dl dd .select_type { width: 400px; } #CS_CENTER.idea_box .sub__body .form_wrap dl.file_attach dd { display: flex; } #CS_CENTER.idea_box .sub__body .form_wrap dl.file_attach dd button { width: 160px; height: 160px; margin-right: 20px; border: 2px dashed #ccc; font-size: 30px; text-align: center; line-height: 160px; background: none; color: #ccc; } #CS_CENTER.idea_box .sub__body .form_wrap dl dd.title { margin-bottom: 10px; } #CS_CENTER.idea_box .sub__body .form_wrap dl dd.msg textarea { width: 100%; height: 175px; padding: 20px; border: 1px solid #ccc; border-radius: 3px; font-size: 16px; line-height: 24px; } #CS_CENTER.idea_box .sub__body .form_wrap dl.file_attach dd.fileBox-wrap{ display: block;} /*------------------------------------------------------ 고객센터 > 회원혜택 ------------------------------------------------------*/ #CS_CENTER.member_benefit .sub__body h3 { position: relative; } #CS_CENTER.member_benefit .sub__body h4 { margin-bottom: 20px; } #CS_CENTER.member_benefit .sub__body h4 p { padding-top: 15px; font-size: 16px; font-weight: 400; color: #999; } #CS_CENTER.member_benefit .sub__body h5 { margin-bottom: 15px; } #CS_CENTER.member_benefit .sub__body table { width: 100%; margin-bottom: 50px; text-align: center; font-size: 14px; } #CS_CENTER.member_benefit .sub__body table tr:first-child td { border-top: 1px solid #222; font-size: 13px; } #CS_CENTER.member_benefit .sub__body table tr:first-child td.grade_vvip { color: #B500B5; } #CS_CENTER.member_benefit .sub__body table tr:first-child td.grade_vip { color: #FF4E6E; } #CS_CENTER.member_benefit .sub__body table tr:first-child td.grade_normal { color: #F57820; } #CS_CENTER.member_benefit .sub__body table tr:first-child td img { display: inline-block; margin-bottom: 10px; } #CS_CENTER.member_benefit .sub__body table tr td:first-child { font-weight: 500; background: #f5f5f5; font-size: 16px; } #CS_CENTER.member_benefit .sub__body table td { padding: 20px 5px; border-bottom: 1px solid #ccc; } #CS_CENTER.member_benefit .sub__body table td.pointColor { font-weight: 500; } #CS_CENTER.member_benefit .sub__body .warning_msg { margin-bottom: 50px; } #CS_CENTER.member_benefit .sub__body .warning_msg ul { padding-left: 18px; font-size: 14px; color: #999;} #CS_CENTER.member_benefit .sub__body .warning_msg ul li { margin-bottom: 10px; list-style: disc; } #CS_CENTER.member_benefit .sub__body .warning_msg ul li:last-child { margin-bottom: 0; } #CS_CENTER.member_benefit .sub__body .coupon_guide h5 { margin-bottom: 20px; } #CS_CENTER.member_benefit .sub__body .coupon_guide ol li { position: relative; margin-bottom: 15px; padding-left: 35px; font-size: 14px; color: #999; list-style: none; } #CS_CENTER.member_benefit .sub__body .coupon_guide ol li:last-child { margin-bottom: 0; } #CS_CENTER.member_benefit .sub__body .coupon_guide ol li span { position: absolute; top: -2px; left: 0; width: 24px; height: 24px; background: #222; color: #fff; text-align: center; border-radius: 50%; font-size: 16px; line-height: 24px; } /*------------------------------------------------------ 선물하기 리스트 ------------------------------------------------------*/ #GIVE_GIFT { padding-top: 150px; padding-bottom: 20px; } #GIVE_GIFT .sub__head, #GIVE_GIFT .sub__contents * { box-sizing: border-box; } #GIVE_GIFT .sub__head { margin-bottom: 60px; padding-top: 0; } #GIVE_GIFT .sub__head .sub__desc { margin-bottom: 50px; color: #222; } #GIVE_GIFT .sub__head .top_banner__slider { max-width: 1240px; overflow-x: hidden; } #GIVE_GIFT .sub__head .top_banner__slider .swiper { width: 1200px; overflow: visible; } #GIVE_GIFT .sub__head .top_banner__slider .swiper .swiper-pagination { display:flex; align-items:center; justify-content:center; top:auto; left:55px; bottom:20px; width:75px; height:24px; background:rgba(34, 34, 34, 0.4); border-radius:50px; font-weight:500; font-size:12px; color:#fff;} #GIVE_GIFT .sub__head .top_banner__slider .swiper .swiper-slide a { display: block; } #GIVE_GIFT .sub__body { padding-top: 0; } #GIVE_GIFT .sub__body h3 { margin-bottom: 25px; text-align: center; font-weight: 600;} #GIVE_GIFT .sub__body h4 { margin-bottom: 20px; } #GIVE_GIFT .sub__body .swiper { padding-bottom: 95px; } #GIVE_GIFT .sub__body .swiper .swiper-slide { width: 285px !important; } #GIVE_GIFT .sub__body .swiper .swiper-pagination { bottom: 70px; } #GIVE_GIFT .sub__body section.theme_or_brand { position: relative; margin-bottom: 60px; width: calc(100vw - 30px); left: 50%; background: #f5f5f5; transform: translateX(-50%); box-sizing: border-box;} #GIVE_GIFT .sub__body section.theme_or_brand .inner_wrap { min-height: 340px; padding: 60px 0; overflow: hidden; width: 1200px; margin: 0 auto;} #GIVE_GIFT .sub__body section.theme_or_brand .bg { display: block; z-index: -1; position: relative; top: 0; left: 50%; bottom: 0; width: 100vw; height: 100%; background: #f5f5f5; transform: translateX(-50%); } #GIVE_GIFT .sub__body section.theme_or_brand h3 { display: flex; justify-content: center; margin-bottom: 35px; line-height: 28px; } #GIVE_GIFT .sub__body section.theme_or_brand h3 .change_type { position: relative; width: 125px; margin-right: 15px; padding-bottom: 5px; border-bottom: 1px solid #222; cursor: pointer; text-align: left; } #GIVE_GIFT .sub__body section.theme_or_brand h3 .change_type > div { font-weight: 400; } #GIVE_GIFT .sub__body section.theme_or_brand h3 .change_type .off { display: none; position: absolute; top: 34px; left: 0; width: 100%; padding: 15px 10px 10px 10px; background: #f5f5f5; box-shadow: 0 10px 15px rgba(0,0,0,0.2); font-size: 22px; } #GIVE_GIFT .sub__body section.theme_or_brand h3 .change_type .off:hover { background: #fff; } #GIVE_GIFT .sub__body section.theme_or_brand h3 .change_type:hover .off { display: block; } #GIVE_GIFT .sub__body section.theme_or_brand h3 .change_type .arrow { position: absolute; top: 6px; right: 3px; font-size: 8px; line-height: 1; } #GIVE_GIFT .sub__body section.theme_or_brand .list { display: flex; justify-content: center; } #GIVE_GIFT .sub__body section.theme_or_brand .list li { width: 100px; list-style: none; font-size: 18px; text-align: center; cursor: pointer; } #GIVE_GIFT .sub__body section.theme_or_brand .list li img { display: block; margin: 0 auto 10px auto; width: 80px; height: 80px; } #GIVE_GIFT .sub__body section.theme_or_brand .list.brand{ flex-wrap: wrap;} #GIVE_GIFT .sub__body section.theme_or_brand .list.brand li.all figure { display: block; margin: 0 auto 9px auto; width: 80px; height: 80px; background: #999; color: #fff; font-weight: 500; text-align: center; line-height: 80px; border-radius: 50%;; } #GIVE_GIFT .sub__body section.theme_or_brand .list.brand li > img { margin-bottom: 15px; border-radius: 50%; } #GIVE_GIFT .sub__body section.theme_or_brand .list.brand li .img_title img { display: block; margin: 0 auto; } #GIVE_GIFT .sub__body section.gift_cost_recommend .cost_category { display: flex; justify-content: center; margin-bottom: 30px; } #GIVE_GIFT .sub__body section.gift_cost_recommend .cost_category li { height: 36px; margin-right: 10px; padding-left: 15px; padding-right: 15px; border-radius: 100px; line-height: 36px; list-style: none; cursor: pointer; } #GIVE_GIFT .sub__body section.gift_cost_recommend .cost_category li:last-child { margin-right: 0; } #GIVE_GIFT .sub__body section.gift_cost_recommend .cost_category li.on{ background: #222; border: 1px solid #222; color:#fff;} #GIVE_GIFT .sub__body section.gift_cost_recommend .list_top { position: relative; margin-bottom: 30px; padding-top: 30px; border-top: 2px solid #222;} #GIVE_GIFT .sub__body section.gift_cost_recommend .list_top .select_wrap { position: absolute; display: flex; justify-content: space-between; top: 20px; right: 0; width: auto; } #GIVE_GIFT .sub__body section.gift_cost_recommend .list_top .select_wrap .select_type { width: 140px; } #GIVE_GIFT .sub__body section.gift_cost_recommend .product_list { display: flex; flex-wrap: wrap; justify-content: space-between; } #GIVE_GIFT .sub__body section.gift_cost_recommend .product_list dl { width: 285px; margin-bottom: 20px; } #GIVE_GIFT .sub__body section.gift_cost_recommend .bbs__navi { margin-top: 0; } #GIVE_GIFT .sub__body section.gift_cost_recommend .list_top .select_wrap .select_type, #GIVE_GIFT .sub__body section.gift_cost_recommend .list_top .select_wrap .int_select{ margin-left: 20px;} #GIVE_GIFT .more a{ display: block; text-align: center; text-decoration: underline;} #EVENT .sub__body .cost_category { display: flex; justify-content: center; margin-bottom: 30px; } #EVENT .sub__body .cost_category li { height: 36px; margin-right: 10px; padding-left: 15px; padding-right: 15px; border-radius: 100px; line-height: 36px; list-style: none; cursor: pointer; } #EVENT .sub__body .cost_category li:last-child { margin-right: 0; } #EVENT .sub__body .cost_category li.on{ background: #222; border: 1px solid #222; color:#fff;} /*------------------------------------------------------ 폐쇄몰 리스트 ------------------------------------------------------*/ #CLOSED_MALL { padding-top: 150px; padding-bottom: 110px; } #CLOSED_MALL .sub__head, #CLOSED_MALL .sub__contents * { box-sizing: border-box; } #CLOSED_MALL .sub__head { margin-bottom: 60px; padding-top: 0; } #CLOSED_MALL .sub__head .sub__desc { margin-bottom: 50px; } #CLOSED_MALL .sub__body { padding-top: 0; } #CLOSED_MALL .sub__body h3 { margin-bottom: 25px; text-align: center; } #CLOSED_MALL .sub__body h4 { margin-bottom: 20px; } #CLOSED_MALL .sub__body section.banner_img { margin-bottom: 50px; } #CLOSED_MALL .sub__body section.list_wrap .list_top { position: relative; margin-bottom: 30px; padding-top: 30px; border-top: 2px solid #222;} #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap { position: absolute; display: flex; justify-content: space-between; top: 20px; right: 0; width: 450px; } #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .select_type { width: 130px; } #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .buy_guide { position: absolute; top: 7px; left: -215px; } #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .buy_guide > p { position: relative; padding-left: 25px; font-size: 15px; cursor: pointer; } #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .buy_guide > p:hover { text-decoration: underline; } #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .buy_guide > p i { position: absolute; top: -2px; left: 0; width: 20px; height: 20px; } #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .buy_guide .pop { display: none; z-index: 2; position: absolute; top: 40px; left: 0; width: 590px; padding: 30px 25px; background: #fff; border-radius: 0; border: 1px solid #ccc; } #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .buy_guide .pop h6 { position: relative; margin-bottom: 15px; } #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .buy_guide .pop h6 .btn_close { position: absolute; top: -3px; right: 0; width: 20px; height: 20px; background: none; } #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .buy_guide .pop .guide { margin-bottom: 20px; } #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .buy_guide .pop .guide ul { padding-left: 15px; } #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .buy_guide .pop .guide ul li { margin-bottom: 5px; list-style: disc outside; font-size: 14px; line-height: 22px; color: #666; } #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .buy_guide .pop .guide ul li:last-child { margin-bottom: 0; } #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .buy_guide .pop ol.main_guide { margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px solid #ddd; } #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .buy_guide .pop ol.main_guide li { position: relative; margin-bottom: 10px; padding-left: 25px; font-size: 13px; color: #666; list-style: none; } #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .buy_guide .pop ol.main_guide li:last-child { margin-bottom: 0; } #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .buy_guide .pop ol.main_guide li span:first-child { position: absolute; top: 2px; left: 0; width: 16px; height: 16px; background: #999; color: #fff; text-align: center; border-radius: 50%; font-size: 11px; line-height: 16px; } #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .buy_guide .pop ul.sub_guide li { position: relative; margin-bottom: 5px; padding-left: 25px; font-size: 12px; color: #666; list-style: none; } #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .buy_guide .pop ul.sub_guide li:last-child { margin-bottom: 0; } #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .buy_guide .pop ul.sub_guide li i { position: absolute; top: -2px; left: 0; width: 16px; height: 16px; } #CLOSED_MALL .sub__body section.list_wrap .product_list { display: flex; flex-wrap: wrap; justify-content: space-between; } #CLOSED_MALL .sub__body section.list_wrap .product_list dl { width: 285px; margin-bottom: 20px; } #CLOSED_MALL .sub__body section.list_wrap .bbs__navi { margin-top: 0; } /*------------------------------------------------------ 폐쇄몰 식별번호 로그인 ------------------------------------------------------*/ #CLOSED_MALL_LOGIN { padding-top: 180px; padding-bottom: 0px; } #CLOSED_MALL_LOGIN .sub__head, #CLOSED_MALL_LOGIN .sub__contents * { box-sizing: border-box; } #CLOSED_MALL_LOGIN .sub__contents { width: 400px; margin: 0 auto; } #CLOSED_MALL_LOGIN .sub__head { margin-bottom: 30px; padding-top: 0; text-align: center; } #CLOSED_MALL_LOGIN .sub__head h3.sub__title { margin-bottom: 50px; } #CLOSED_MALL_LOGIN .sub__head .tab_menu { display: flex; } #CLOSED_MALL_LOGIN .sub__head .tab_menu a { width: 410px; height: 60px; border-bottom: 1px solid #ccc; font-size: 18px; line-height: 60px; text-align: center; } #CLOSED_MALL_LOGIN .sub__head .tab_menu a.on { font-weight: 700; border-bottom: 2px solid #222; } #CLOSED_MALL_LOGIN .sub__body { padding-top: 0; } #CLOSED_MALL_LOGIN .sub__body form dl { margin-bottom: 20px; } #CLOSED_MALL_LOGIN .sub__body form dl dt { margin-bottom: 20px; } /* 폐쇄몰 로그인 식별번호 생성 */ #CLOSED_MALL_LOGIN.create_login_num { padding-bottom: 110px; } #CLOSED_MALL_LOGIN.create_login_num .sub__body form dl:first-child { margin-bottom: 30px; } #CLOSED_MALL_LOGIN.create_login_num .sub__body form button { margin-bottom: 80px; } #CLOSED_MALL_LOGIN.create_login_num .sub__body .guide ul { padding-left: 15px; } #CLOSED_MALL_LOGIN.create_login_num .sub__body .guide ul li { margin-bottom: 10px; list-style: disc outside; font-size: 14px; line-height: 20px; color: #444; } #CLOSED_MALL_LOGIN.create_login_num .sub__body .guide ul li:last-child { margin-bottom: 0; } #CLOSED_MALL_LOGIN .guide { margin-top: 40px; margin-bottom: 30px; padding-bottom: 15px; } #CLOSED_MALL_LOGIN .guide h6 { margin-bottom: 20px; } #CLOSED_MALL_LOGIN .guide ul { padding-left: 15px; } #CLOSED_MALL_LOGIN .guide ul li { margin-bottom: 5px; list-style: disc outside; line-height: 22px; } #CLOSED_MALL_LOGIN .guide ul li:last-child { margin-bottom: 0; } #CLOSED_MALL_LOGIN .warning_msg { margin-bottom: 10px; color: #FF5454; } /*------------------------------------------------------ 자사몰 ------------------------------------------------------*/ #OWN_MALL { padding-top: 150px; padding-bottom: 110px; } #OWN_MALL .sub__head, #OWN_MALL .sub__contents * { box-sizing: border-box; } #OWN_MALL .sub__head { margin-bottom: 50px; padding-top: 0; } #OWN_MALL .sub__body { padding-top: 0; } #OWN_MALL .sub__body > .list_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; } #OWN_MALL .sub__body > .list_wrap dl { width: 380px; margin-bottom: 30px; } #OWN_MALL .sub__body > .list_wrap dl a { display: block; width: 100%; height: 100%; } #OWN_MALL .sub__body > .list_wrap dl dd.img { width: 380px; height: 240px; margin-bottom: 15px; background: url(../../images/sub/img_own_mall_list_temp.png) no-repeat 0 0; background-size: cover; } #OWN_MALL .sub__body > .list_wrap dl dt { margin-bottom: 8px; font-weight: 500; } #OWN_MALL .sub__body > .list_wrap dl dd.brand { margin-bottom: 15px; font-size: 14px; color: #444; } #OWN_MALL .sub__body > .list_wrap dl dd.desc { font-size: 13px; } /*------------------------------------------------------ 자사몰 상세 ------------------------------------------------------*/ #OWN_MALL_DETAIL { padding-top: 130px; padding-bottom: 110px; } #OWN_MALL_DETAIL .sub__head, #OWN_MALL_DETAIL .sub__contents * { box-sizing: border-box; } #OWN_MALL_DETAIL .sub__head { margin-bottom: 50px; padding-top: 0; } #OWN_MALL_DETAIL .sub__contents { padding-top: 0; } #OWN_MALL_DETAIL .sub__contents .bottom_dummy { margin-top: 80px; } #OWN_MALL_DETAIL .sub__contents .bottom_dummy a { display: block; padding: 400px 0; background: #F0F0F0; text-align: center; font-weight: 700; } #OWN_MALL_DETAIL .sub__contents .view__infos .details_foot { margin-bottom: 25px; } #OWN_MALL_DETAIL .sub__contents .view__infos .details_reserve { margin-bottom: 30px; padding: 20px; border: 1px solid #999; } #OWN_MALL_DETAIL .sub__contents .view__infos .details_reserve .details_dates { justify-content: left; margin-bottom: 40px; font-size: 14px; } #OWN_MALL_DETAIL .sub__contents .view__infos .details_reserve .details_dates .details_dates_name { width: 115px;} #OWN_MALL_DETAIL .sub__contents .view__infos .details_reserve .details_dates .details_dates_body { width: auto; } #OWN_MALL_DETAIL .sub__contents .view__infos .details_reserve .details_dates .details_dates_body .details_time b:not(.day) { width: 38px; height: 52px; margin-right: 5px; font-size: 30px; line-height: 52px; border-radius: 3px; } #OWN_MALL_DETAIL .sub__contents .view__infos .details_reserve .details_dates .details_dates_body .details_time b.day { margin-right: 20px; line-height: 0; } #OWN_MALL_DETAIL .sub__contents .view__infos .details_reserve .details_dates .details_dates_body .details_time strong.dot { padding: 0 5px; font-size: 22px ;} #OWN_MALL_DETAIL .sub__contents .view__infos .view__foot_btns a { width: 280px; } #OWN_MALL_DETAIL .sub__contents .view__infos .view__foot_btns a.block { width: 100%; } /*------------------------------------------------------ 자사몰 새벽배송 ------------------------------------------------------*/ #OWN_MALL_DAWN { padding-top: 130px; } #OWN_MALL_DAWN .sub__area { width: 100%; } #OWN_MALL_DAWN .sub__contents * { box-sizing: border-box; } #OWN_MALL_DAWN .sub__head { margin-bottom: 50px; padding-top: 0; } #OWN_MALL_DAWN .sub__contents { padding-top: 0; } #OWN_MALL_DAWN .sub__contents .bottom_dummy { margin-top: 80px; } #OWN_MALL_DAWN .sub__contents .bottom_dummy a { display: block; padding: 400px 0; background: #F0F0F0; text-align: center; font-weight: 700; } #OWN_MALL_DAWN .sub__body { padding-top: 0; background: url(../../images/sub/img_own_mall_dawn_bg.png) repeat-x center top; background-color: #30265a; } #OWN_MALL_DAWN .sub__body .inner_wrap { width: 1200px; margin: 0 auto; } #OWN_MALL_DAWN .sub__body .inner_wrap .top { padding: 80px 0 0 80px; font-family: "GmarketSans", sans-serif; color: #fff; } #OWN_MALL_DAWN .sub__body .inner_wrap .top h3 { margin-bottom: 35px; font-size: 68px; line-height: 82px; font-weight: 200; } #OWN_MALL_DAWN .sub__body .inner_wrap .top h3 strong { font-weight: 400; } #OWN_MALL_DAWN .sub__body .inner_wrap .top .desc_01 { margin-bottom: 15px; font-size: 30px; line-height: 42px; font-weight: 200; } #OWN_MALL_DAWN .sub__body .inner_wrap .top .desc_01 strong { font-weight: 700; color: #FDED7A; } #OWN_MALL_DAWN .sub__body .inner_wrap .top .desc_02 { font-size: 16px; line-height: 24px; color: #C2BBEB; } #OWN_MALL_DAWN .sub__body .inner_wrap .con { padding: 300px 0 90px 0; } #OWN_MALL_DAWN .sub__body .inner_wrap .con > img { display: block; margin: 0 auto 65px auto; } #OWN_MALL_DAWN .sub__body .inner_wrap .con > img.img_02 { margin-bottom: 70px; } #OWN_MALL_DAWN .sub__body .inner_wrap .con button { display: block; width: 370px; height: 60px; margin: 0 auto; background: #0FE7D0; color: #241B4B; font-size: 22px; line-height: 60px; border-radius: 100px; font-weight: 700; } #OWN_MALL_DAWN .sub__body .inner_wrap .con button:hover { background: #03fce1; } #OWN_MALL_DAWN .sub__body .inner_wrap .con button i { width: 16px; height: 16px; } #OWN_MALL_DAWN .sub__bottom { padding: 50px 0; background: #1E1740;} #OWN_MALL_DAWN .sub__bottom ul { width: 1200px; margin: 0 auto; padding-left: 25px; } #OWN_MALL_DAWN .sub__bottom ul li { font-size: 14px; line-height: 24px; color: #fff; } /*------------------------------------------------------ 이벤트 ------------------------------------------------------*/ #EVENT { padding-top: 130px; padding-bottom: 50px; } #EVENT .sub__head, #EVENT .sub__contents * { box-sizing: border-box; } #EVENT .sub__head { margin-bottom: 50px; padding-top: 0; } #EVENT .sub__body { padding-top: 0; } #EVENT .sub__body .list_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; } #EVENT .sub__body .list_wrap dl { width: 380px; margin-bottom: 30px; } #EVENT .sub__body .list_wrap dl a { display: block; width: 100%; height: 100%; } #EVENT .sub__body .list_wrap dl dd.img { width: 380px; height: 240px; margin-bottom: 15px; background: url(../../images/sub/img_own_mall_list_temp.png) no-repeat 0 0; background-size: cover; } #EVENT .sub__body .list_wrap dl dt { margin-bottom: 8px; font-weight: 500; } #EVENT .sub__body .list_wrap dl dd.desc { margin-bottom: 15px; font-size: 14px; color: #444; } #EVENT .sub__body .list_wrap dl dd.period { font-size: 13px; color: #666; } /* 이벤트 > 이벤트 상세 */ #EVENT.detail .sub__body .content_wrap { margin-bottom: 50px; } #EVENT.detail .sub__body .content_wrap .top { position: relative; margin-bottom: 25px; padding: 25px 0 30px 0; border-top: 2px solid #222; border-bottom: 1px solid #ccc; } #EVENT.detail .sub__body .content_wrap .top h4 { margin-bottom: 15px; line-height: 30px; } #EVENT.detail .sub__body .content_wrap .top h4 .status { display: inline-block; width: auto; height: 30px; margin-right: 10px; font-size: 14px; line-height: 30px; font-weight: 500; padding: 0px 10px;} #EVENT.detail .sub__body .content_wrap .top .details_share { position: absolute; top: 25px; right: 20px; width: 18px; height: 18px; background: none; } #EVENT.detail .sub__body .content_wrap .top p { color: #999; font-weight: 500 ;} #EVENT.detail .sub__body .content_wrap .top p strong { font-weight: 500; } #EVENT.detail .sub__body .content_wrap .content img { display: block; margin: 0 auto; } .real-review-hd{ margin: -20px 0 0 0; background-color: #efefef; background-image: url(/assets/templet/enterprise/images/shop/real_review/review_bg.png); background-position: 50% 36%; background-repeat: no-repeat; padding: 80px 0 70px;} .real-review-hd .real-review-hd-tx{ max-width: 762px; margin: 0 auto; font-size: 50px; color:#000; } .real-review-hd .real-review-hd-tx p{ font-size: 25px; margin-bottom: 20px; font-weight: 400;} .real-review-hd .real-review-hd-tx strong{ position: relative; display: block; line-height: 1.2;} .real-review-hd .real-review-hd-tx b{ display: inline-block; position: relative; } .real-review-hd .real-review-hd-tx b::before{ content: ''; position: absolute; background-color: #fff494; height: 14px; width: 100%; display: block; bottom: 0; left: 0; } .real-review-hd .real-review-hd-tx b em{ display: inline-block; position: relative; z-index: 2;} .real-review-hd .real-review-hd-img{ margin: 45px auto 0; max-width: 762px;} .real-review-hd .real-review-hd-bt{ margin: 24px auto 0; max-width: 762px; font-size: 18px; text-align: right; font-weight: 500;} .reviewPop{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0,0,0,.8); z-index: 999; display: none;} .reviewPop .popup-inner{ display: flex; height: 100vh; flex-direction: column; justify-content: center; align-items: center;} .reviewPop .pop-tit{ color:#fff; margin: 0 0 20px 0; font-size: 38px; font-weight: 600; display: flex; align-items: center;} .reviewPop .pop-tit i{ width: 40px; height: 40px; border: #fff 2px solid; border-radius: 50%; font-size: 20px; margin-right: 10px; display: flex; justify-content: center; align-items: center;} .reviewPop .btz{ margin: 30px 0 0 0; text-align: center; } .reviewPop .btz .bt{ height: 50px; width: 310px; font-size: 20px; font-weight: 500; display: flex; justify-content: center; align-items: center; border-radius: 50px; color:#000; background-color: #fff; text-align: center; margin: 0 auto; } .reviewPop .btz .bt::after{ content:''; width: 10px; height: 10px; border-top: #333 2px solid; border-right: #333 2px solid; transform: rotate(45deg); margin-left: 20px;} .best-review-hd{ display: flex; justify-content: center; margin: 0 0 20px 0; justify-content: space-around;} .best-review-hd .itm{ display: flex; border: #ec6e25 1px solid; color:#ec6e25; width: 82px; height: 30px; justify-content: center; align-items: center; border-radius: 30px;} .best-review-hd .itm .ic{ width: 16px; height: 13px; margin-top: -3px; background-image: url(/assets/templet/enterprise/images/shop/real_review/ic_crown.png); background-repeat: no-repeat; margin-right: 3px;} /*------------------------------------------------------ 출석체크 이벤트 ------------------------------------------------------*/ #ATTENDANCE { padding-top: 0; padding-bottom: 0; } #ATTENDANCE .sub__area { width: 100%; } #ATTENDANCE .sub__contents * { box-sizing: border-box; } #ATTENDANCE .sub__body .stamp_wrap h4{ position: relative;} #ATTENDANCE .sub__body { padding: 0; } #ATTENDANCE .sub__body .stamp_wrap { padding: 0 0 100px 0; } #ATTENDANCE .sub__body .stamp_wrap .inner_wrap { position: relative; padding-top: 86px; width: 960px; margin: 0 auto; } #ATTENDANCE .sub__body .stamp_wrap .inner_wrap::before{ content: ''; position: absolute; top: 0; right: -140px; width: 819px; height: 442px; display: block; background: url(../../images/sub/img_daily_event_bg1.png) 50% 0 no-repeat; } #ATTENDANCE .sub__body .stamp_wrap .inner_wrap .object01{ position: absolute; width: 279px; height: 283px; display: block; top: 290px; left: 50%; margin-left: 260px; background: url(../../images/sub/attendance_object1.png) no-repeat; } #ATTENDANCE .sub__body .stamp_wrap .inner_wrap .object02{ position: absolute; width: 211px; height: 249px; display: block; top: 710px; left: 50%; margin-left: -590px; background: url(../../images/sub/attendance_object2.png) no-repeat; } #ATTENDANCE .sub__body .stamp_wrap .inner_wrap .object03{ position: absolute; width: 138px; height: 146px; display: block; bottom: -180px; left: 50%; margin-left: 410px; background: url(../../images/sub/attendance_object3.png) no-repeat; } #ATTENDANCE .sub__body .stamp_wrap h4 { margin: 0 auto 50px; font-family: "GmarketSans", sans-serif; font-size: 80px; font-weight: 700; color: #fff; } #ATTENDANCE .sub__body .stamp_wrap h4 b{ display: block; color:#FFDFC9;} #ATTENDANCE .sub__body .stamp_wrap h4 p { padding-top: 18px; font-family: "Noto Sans KR", sans-serif; font-size: 18px; font-weight: 400; } #ATTENDANCE .sub__body .stamp_wrap h4 .date{ position: absolute; top: 45px; left: 164px; font-size: 26px; font-family: "GmarketSans", sans-serif; font-weight: 400;} #ATTENDANCE .sub__body .stamp_wrap .stamp_box { display: flex; flex-wrap: wrap; width: 960px; margin: 0 0 70px; padding: 50px 20px 50px 80px; background: #FCE7D9; border: 15px solid #ECCBB4;} #ATTENDANCE .sub__body .stamp_wrap .stamp_box li { width: 160px; height: 82px; margin: 0 42px 42px 0; list-style: none; } #ATTENDANCE .sub__body .stamp_wrap .stamp_box li img { display: block; width: 100%; height: 100%; } #ATTENDANCE .sub__body .stamp_wrap .stamp_box li:nth-child(8n) { margin-right: 0; } #ATTENDANCE .sub__body .stamp_wrap .attend_count { margin-bottom: 45px; text-align: center; font-size: 30px; color: #fff; } #ATTENDANCE .sub__body .stamp_wrap .attend_count strong { border-bottom: #74390E 2px solid; display: inline-block; padding: 0 20px;} #ATTENDANCE .sub__body .stamp_wrap .attend_count span{ color: #74390E; font-weight: 400; } #ATTENDANCE .sub__body .stamp_wrap button { display: block; width: 500px; height: 80px; margin: 0 auto; background: #101010; font-size: 20px; color: #fff; line-height: 50px; text-align: center; font-weight: 700; } #ATTENDANCE .sub__body .stamp_wrap button:hover { background: #ba6d2b ;} #ATTENDANCE .sub__body .stamp_wrap .stamp_hd{ background: linear-gradient(93.06deg, #3B1803 21.64%, #4B2107 83.19%); border-radius: 20px 20px 0px 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px 30px 25px;} #ATTENDANCE .sub__body .stamp_wrap .stamp_hd dt{ font-size: 36px; color: #fff; font-weight: 400; font-family: "GmarketSans", sans-serif;} #ATTENDANCE .sub__body .stamp_wrap .stamp_hd dd{ font-size: 20px; color:#fff; margin-top: 10px; display: flex; justify-content: center;} #ATTENDANCE .sub__body .stamp_wrap .stamp_hd dd b{ margin-left: 10px; padding-left: 10px; position: relative;} #ATTENDANCE .sub__body .stamp_wrap .stamp_hd dd b::before{ content: ''; display: block; position: absolute; top:50%; left: 0; background-color: rgba(255, 255, 255, 0.3); height: 15px; width: 1px; margin-top: -7px;} #ATTENDANCE .sub__body > .list_wrap { padding: 80px 0 190px; background: #896349; } #ATTENDANCE .sub__body > .list_wrap h4 { width: 1022px; margin: 0 auto 60px; font-family: "GmarketSans", sans-serif; font-size: 36px; font-weight: 700; color: #fff; text-align: center; } #ATTENDANCE .sub__body > .list_wrap h4 span{ display: block; font-size: 20px; font-weight: 400; margin-bottom: 10px;} #ATTENDANCE .sub__body > .list_wrap .inner_wrap { display: flex; flex-wrap: wrap; justify-content: center; width: 1022px; margin: 0 auto; } #ATTENDANCE .sub__body > .list_wrap dl { width: 300px; margin-right: 59px; margin-bottom: 50px; } #ATTENDANCE .sub__body > .list_wrap dl:nth-child(3n) { margin-right: 0; } #ATTENDANCE .sub__body > .list_wrap dl dt { height: 43px; font-family: "GmarketSans", sans-serif; font-size: 20px; font-weight: 700; color: #fff; } #ATTENDANCE .sub__body > .list_wrap dl dd.img { margin-bottom: 15px; } #ATTENDANCE .sub__body > .list_wrap dl dd.img-grp{ margin-bottom: 15px; display: flex; justify-content: center; align-items: center;} #ATTENDANCE .sub__body > .list_wrap dl dd.img-grp div{ position: relative;} #ATTENDANCE .sub__body > .list_wrap dl dd.img-grp p{ position: absolute; bottom: -40px; left: 0; width: 100%; color: #fff; margin-bottom: 10px; font-size: 14px; } #ATTENDANCE .sub__body > .list_wrap dl dd.img-grp .plus{ margin: 0 10px;} #ATTENDANCE .sub__body > .list_wrap dl dd.desc { margin-bottom: 10px; font-size: 14px; color: #fff; } #ATTENDANCE .sub__body > .list_wrap dl.lg{ width: 660px;} #ATTENDANCE .sub__body > .list_wrap dl.lg dt{ text-align: center;} #ATTENDANCE .sub__body > .list_wrap .btn-wrap{ margin: 90px auto 0; width: 500px; display: block;} #ATTENDANCE .sub__body > .list_wrap .btn-wrap a{ width: 500px; height: 80px; line-height: 80px; display: block; text-align: center; font-size: 26px; font-weight: 500;} #ATTENDANCE .sub__body > .list_wrap .btn-wrap a.brown{ background-color:#692F04; color:#fff;} #ATTENDANCE .sub__body > .list_wrap .btn-wrap a.white{ background-color:#fff; color:#222;} #ATTENDANCE .sub__body > .list_wrap .btn-wrap a + a{ margin-top: 25px;} #ATTENDANCE .sub__body .warning_msg { padding: 30px 0 80px 0; background: #654631; } #ATTENDANCE .sub__body .warning_msg .inner_wrap { width: 1022px; margin: 0 auto; } #ATTENDANCE .sub__body .warning_msg h5 { margin-bottom: 15px; font-size: 18px; color: #fff; } #ATTENDANCE .sub__body .warning_msg ul { padding-left: 0; font-size: 14px; line-height: 22px; color: #EDEDED; } #ATTENDANCE .sub__body .warning_msg ul li { margin-bottom: 10px; text-indent: -20px; padding-left: 20px; } #ATTENDANCE .sub__body .warning_msg ul li::before{ content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color:#fff; margin-right: 5px; vertical-align: 3px;} #ATTENDANCE .sub__body .warning_msg ul li:last-child { margin-bottom: 0; } #ATTENDANCE .sub__body .stamp_wrap .stamp_box .att{ position: relative; font-family: 'GmarketSans'; text-align: center; color: #fff; font-size: 30px; width: 160px; height: 82px; display: block; letter-spacing: -.05em; line-height: 1.2; transform: rotate(-15deg); background-color: #D3A182; overflow: hidden; border-radius: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center;} #ATTENDANCE .sub__body .stamp_wrap .stamp_box .att.pnt{ font-size: 23px;} #ATTENDANCE .sub__body .stamp_wrap .stamp_box .att.goal{ color:#F9DDD1;} #ATTENDANCE .sub__body .stamp_wrap .stamp_box .att.sm{ font-size: 9px;} #ATTENDANCE .sub__body .stamp_wrap .stamp_box .att.pnt b{ font-weight: 900; } #ATTENDANCE .sub__body .stamp_wrap .stamp_box .att.pnt span{ font-weight: 900; letter-spacing: -.1em;} #ATTENDANCE .sub__body .stamp_wrap .stamp_box .on .att{ background-color: #A25B3C; } /*------------------------------------------------------ BEAUTY TESTER ------------------------------------------------------*/ #BEAUTY_TESTER { padding-top: 150px; padding-bottom: 110px; } #BEAUTY_TESTER .sub__head, #BEAUTY_TESTER .sub__contents * { box-sizing: border-box; } #BEAUTY_TESTER .sub__head { margin-bottom: 30px; padding-top: 0; } #BEAUTY_TESTER .sub__head .sub__desc { margin-bottom: 0; } #BEAUTY_TESTER .sub__body { padding-top: 0; } #BEAUTY_TESTER .sub__body .tab_menu { display: flex; margin-bottom: 30px; } #BEAUTY_TESTER .sub__body .tab_menu li { width: 33.3%; height: 60px; font-size: 18px; line-height: 60px; text-align: center; border-bottom: 1px solid #ccc; list-style: none; cursor: pointer; } #BEAUTY_TESTER .sub__body .tab_menu li.on { border-bottom: 2px solid #222; font-weight: 700; } #BEAUTY_TESTER .sub__body > .list_wrap { display: flex; flex-wrap: wrap; margin:-1.2%; } #BEAUTY_TESTER .sub__body > .list_wrap dl { width: 380px; margin:1.2%; margin-bottom: 30px; } #BEAUTY_TESTER .sub__body > .list_wrap dl a { display: block; width: 100%; height: 100%; } #BEAUTY_TESTER .sub__body > .list_wrap dl dd.img { width: 380px; height: 240px; margin-bottom: 15px; background: url(../../images/sub/img_own_mall_list_temp.png) no-repeat 0 0; background-size: cover; } #BEAUTY_TESTER .sub__body > .list_wrap dl dd.img a { position: relative; } #BEAUTY_TESTER .sub__body > .list_wrap dl dd.img .btester_thumb_bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;} #BEAUTY_TESTER .sub__body > .list_wrap dl dd.img a .expired_box { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 240px; background: rgba(0,0,0,0.7); font-size: 20px; font-weight: 500;; color: #fff; text-align: center; } #BEAUTY_TESTER .sub__body > .list_wrap dl.fb__empty {width:100%;} #BEAUTY_TESTER .sub__body > .list_wrap dl.expired dd.img a .expired_box { display: block; } #BEAUTY_TESTER .sub__body > .list_wrap dl dt { margin-bottom: 8px; font-weight: 500; } #BEAUTY_TESTER .sub__body > .list_wrap dl dd.desc { margin-bottom: 15px; font-size: 14px; color: #444; } #BEAUTY_TESTER .sub__body > .list_wrap dl dd.period { font-size: 13px; color: #666; } #EVENT .fb__event-detail__comment {width:1200px;} /* BEAUTY TESTER > BEAUTY TESTER 상세 (공통) */ #BEAUTY_TESTER.detail .sub__body input[type="radio"] + label > span { display:inline-block; width:19px; height:19px; margin-right:7px; vertical-align: middle; background:url(../../images/common/radio.svg) no-repeat 0 0; background-position:center; cursor:pointer; } #BEAUTY_TESTER.detail .sub__body input[type="radio"]:checked + label > span { background-image:url(../../images/common/radio_on2.svg); } #BEAUTY_TESTER.detail .sub__body input[type="radio"] + label, #BEAUTY_TESTER.detail .sub__body input[type="checkbox"] + label { line-height: 20px; } #BEAUTY_TESTER.detail .sub__body input[type="text"].warning_msg { border-color: #FF5C00; } #BEAUTY_TESTER.detail .sub__body .warning_msg { margin-bottom: 10px; color: #FF5C00; } #BEAUTY_TESTER.detail .sub__body .content_wrap { margin-bottom: 30px; } #BEAUTY_TESTER.detail .sub__body .content_wrap .top { position: relative; margin-bottom: 25px; padding: 25px 0 30px 0; border-top: 2px solid #222; border-bottom: 1px solid #ccc; } #BEAUTY_TESTER.detail .sub__body .content_wrap .top h4 { margin-bottom: 15px; line-height: 30px; } #BEAUTY_TESTER.detail .sub__body .content_wrap .top h4 .status { display: inline-block; width: 62px; height: 30px; margin-right: 10px; font-size: 14px; line-height: 30px; font-weight: 500; } #BEAUTY_TESTER.detail .sub__body .content_wrap .top .details_share { position: absolute; top: 25px; right: 20px; width: 18px; height: 18px; background: none; } #BEAUTY_TESTER.detail .sub__body .content_wrap .top p { color: #999; font-weight: 500 ;} #BEAUTY_TESTER.detail .sub__body .content_wrap .top p strong { font-weight: 500; } #BEAUTY_TESTER.detail .sub__body .content_wrap .content { margin-bottom: 20px; } #BEAUTY_TESTER.detail .sub__body .content_wrap .content img { display: block; margin: 0 auto; } #BEAUTY_TESTER.detail .sub__body .content_wrap .ingredient { margin-bottom: 50px; border-bottom: 1px solid #ccc; } #BEAUTY_TESTER.detail .sub__body .content_wrap .ingredient dt { position: relative; padding-bottom: 15px; font-size: 20px; font-weight: 700; } #BEAUTY_TESTER.detail .sub__body .content_wrap .ingredient dt .arrow { position: absolute; top: 3px; right: 5px; width: 24px; height: 24px; background: url(../../images/common/ico_arrow_down.svg) no-repeat 0 0; background-size: 100%; cursor: pointer; } #BEAUTY_TESTER.detail .sub__body .content_wrap .ingredient.opened dt .arrow { background: url(../../images/common/ico_arrow_up.svg) no-repeat 0 0; background-size: 100%; } #BEAUTY_TESTER.detail .sub__body .content_wrap .btn_wrap button { width: 270px; margin-right: 10px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap { margin-bottom: 50px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .write_reply { margin-bottom: 30px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .write_reply h5 { margin-bottom: 20px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .write_reply textarea { width: 100%; height: 100px; padding: 20px; border: 1px solid #ccc; border-radius: 3px; font-size: 16px; line-height: 24px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .delivery_address_info { margin-bottom: 30px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .delivery_address_info h5 { position: relative; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .delivery_address_info h5 button { position: absolute; top: 5px; right: 10px; color: #FF5C00; text-decoration: underline; background: none; font-size: 14px; line-height: 1; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .delivery_address_info .list_wrap { margin-bottom: 5px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .delivery_address_info .list_wrap .row { margin-bottom: 14px; padding: 30px 20px; border: 1px solid #ccc; border-radius: 8px; cursor: pointer; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .delivery_address_info .list_wrap .row:hover, #BEAUTY_TESTER.detail .sub__body .apply_wrap .delivery_address_info .list_wrap .row.selected { border-color: #222; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .delivery_address_info .list_wrap .row .top { height: 30px; margin-bottom: 20px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .delivery_address_info .list_wrap .row .top .tag { display: inline-block; width: 88px; height: 30px; margin-right: 15px; font-size: 14px; line-height: 30px; border-radius: 3px; font-weight: 400; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .order_request { margin-bottom: 50px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .order_request h5 { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .order_request dl { position: relative; margin-bottom: 20px; padding-left: 225px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .order_request dl dt { position: absolute; top: 0; left: 0; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .order_request dl dd label { margin-right: 40px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .order_request dl dd.guide { padding-top: 20px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .order_request dl dd.guide ul { padding-left: 35px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .order_request dl dd.guide ul li { margin-bottom: 5px; list-style: disc outside; line-height: 22px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .order_request dl dd.guide ul li:last-child { margin-bottom: 0; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .order_request dl dd.guide.for_radio_direct_msg input[type="text"] { margin-bottom: 10px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .order_request dl dd.guide.for_radio_entrance_pw input[type="text"] { width: 322px; margin-bottom: 10px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .order_request dl.how_entrance_wrap { margin-bottom: 0; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .order_request dl.how_entrance_wrap dt { line-height: 50px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .order_request dl.how_entrance_wrap dd { display: flex; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .order_request dl.how_entrance_wrap dd label { line-height: 50px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .order_request dl.how_entrance_wrap dd input[type="text"] { width: 320px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .reply_list_total { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 2px solid #222; font-size: 14px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .reply_list_wrap { border-bottom: 1px solid #ccc; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .reply_list_wrap .row { margin-bottom: 30px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .reply_list_wrap .row h6.writer { margin-bottom: 15px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .reply_list_wrap .row h6.writer span { font-size: 14px; font-weight: 400; color: #999; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .reply_list_wrap .row p.text { line-height: 24px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .btn_wrap { justify-content: left; margin-bottom: 30px; } #BEAUTY_TESTER.detail .sub__body .apply_wrap .btn_wrap button { width: 72px; height: 30px; margin-right: 8px; line-height: 30px; font-size: 14px; } /* BEAUTY TESTER > BEAUTY TESTER 상세 (신청후) */ #BEAUTY_TESTER.detail.after_apply .sub__body .apply_wrap .my_apply { margin-bottom: 15px; } #BEAUTY_TESTER.detail.after_apply .sub__body .apply_wrap .my_apply h6.writer { margin-bottom: 15px; } #BEAUTY_TESTER.detail.after_apply .sub__body .apply_wrap .my_apply h6.writer .tag { display: inline-block; width: 48px; height: 24px; font-size: 12px; font-weight: 500; color: #fff; line-height: 24px; } #BEAUTY_TESTER.detail.after_apply .sub__body .apply_wrap .my_apply h6.writer span { font-size: 14px; font-weight: 400; color: #999; } #BEAUTY_TESTER.detail.after_apply .sub__body .apply_wrap .my_apply p.text { margin-bottom: 15px; line-height: 24px; } #BEAUTY_TESTER.detail.after_apply .sub__body .apply_wrap .my_apply .delivery_address { padding: 20px; border-radius: 8px; border: 1px solid #ccc; } #BEAUTY_TESTER.detail.after_apply .sub__body .apply_wrap .my_apply .delivery_address .top { margin-bottom: 10px; } /* BEAUTY TESTER > BEAUTY TESTER 상세 (수정중) */ #BEAUTY_TESTER.detail.after_apply.now_edit .sub__body .apply_wrap .my_apply { margin-bottom: 30px; } #BEAUTY_TESTER.detail.after_apply.now_edit .sub__body .apply_wrap .my_apply textarea { width: 100%; height: 100px; padding: 20px; border: 1px solid #ccc; border-radius: 3px; font-size: 16px; line-height: 24px; } #BEAUTY_TESTER.detail.after_apply.now_edit .sub__body .apply_wrap .order_request { margin-bottom: 15px; } /*------------------------------------------------------ 첫구매 핫딜 ------------------------------------------------------*/ #HOT_DEAL { padding-top: 130px; padding-bottom: 0; } #HOT_DEAL .sub__area { width: 100%; } #HOT_DEAL .sub__contents * { box-sizing: border-box; } #HOT_DEAL .sub__body { min-width: 980px; padding: 0; background: #edeff0; } #HOT_DEAL .sub__body .top_img { padding: 135px 0 80px 0; background: url(../../images/sub/img_hot_deal_top_bg.png) repeat-x center top; background-color: #d8a886; } #HOT_DEAL .sub__body .top_img .inner_wrap { width: 980px; margin: 0 auto; } #HOT_DEAL .sub__body .top_img h4 { font-family: "GmarketSans", sans-serif; font-size: 126px; line-height: 100%; font-weight: 700; } #HOT_DEAL .sub__body .top_img h4 p { padding: 25px 0 0 10px; font-family: "GmarketSans", sans-serif; font-size: 18px; line-height: 28px; font-weight: 500; } #HOT_DEAL .sub__body .top_img h4 p strong { z-index: 2; position: relative; } #HOT_DEAL .sub__body .top_img h4 p strong span { z-index: -1; position: absolute; top: 4px; left: 0; width: 100%; height: 80%; background: #FBD136; } #HOT_DEAL .sub__body .benefit_box { padding: 0 0 80px 0; } #HOT_DEAL .sub__body .benefit_box .inner_wrap { display: flex; justify-content: space-between; flex-wrap: wrap; width: 980px; margin: 0 auto; } #HOT_DEAL .sub__body .benefit_box .box { position: relative; width: 480px; padding-top: 30px; height: 320px; margin-bottom: 20px; background: url(../../images/sub/img_hot_deal_box_1.png) no-repeat 0 0; text-align: center; } #HOT_DEAL .sub__body .benefit_box .box h5 { display: inline-block; margin-bottom: 20px; padding: 14px 20px 8px 20px; font-family: "GmarketSans", sans-serif; font-size: 20px; font-weight: 400; border-radius: 100px; color: #fff; background: #222; } #HOT_DEAL .sub__body .benefit_box .box p { display: inline-block; font-family: "GmarketSans", sans-serif; color: #666; font-size: 20px; line-height: 28px; } #HOT_DEAL .sub__body .benefit_box .box button { position: absolute; bottom: 0; left: 0; width: 100%; padding: 19px 0 17px 0; font-family: "GmarketSans", sans-serif; color: #666; font-size: 20px; color: #222; border-top: 1px solid #eee; background: none; } #HOT_DEAL .sub__body .benefit_box .box.benefit_2 { background: url(../../images/sub/img_hot_deal_box_2.png) no-repeat 0 0; } #HOT_DEAL .sub__body .benefit_box .box.benefit_3 { height: 370px; margin-bottom: 50px; background: url(../../images/sub/img_hot_deal_box_3.png) no-repeat 0 0; } #HOT_DEAL .sub__body .benefit_box .box.benefit_4 { height: 370px; margin-bottom: 50px; background: url(../../images/sub/img_hot_deal_box_4.png) no-repeat 0 0; } #HOT_DEAL .sub__body .benefit_box .btn_wrap .btn_go_sign_up { width: 375px; height: 60px; font-size: 18px; line-height: 60px; border-radius: 100px; } #HOT_DEAL .sub__body .benefit_box .benefit_txt{ display: flex; flex-wrap: wrap; justify-content: space-between;} #HOT_DEAL .sub__body .benefit_box .benefit_txt li{ width: 480px; height: 320px; margin: 10px 0; overflow: hidden; } #HOT_DEAL .sub__body .benefit_box .benefit_btn_wrap{ margin-top: 50px;} #HOT_DEAL .sub__body .benefit_guide { padding: 60px 0; background: #C9CFD2; } #HOT_DEAL .sub__body .benefit_guide .inner_wrap { width: 1200px; margin: 0 auto; } #HOT_DEAL .sub__body .benefit_guide h6 { margin-bottom: 20px; } #HOT_DEAL .sub__body .benefit_guide ul { padding-left: 20px; } #HOT_DEAL .sub__body .benefit_guide ul li { margin-bottom: 2px; font-size: 14px; line-height: 22px; } #HOT_DEAL .sub__body .benefit_guide ul li:last-child { margin-bottom: 0; } #HOT_DEAL .sub__body .recommend_product { padding: 80px 0 90px 0; background: #858B8E; } #HOT_DEAL .sub__body .recommend_product .product_list { display: flex; flex-wrap:wrap; margin:-1%; } #HOT_DEAL .sub__body .recommend_product .product_list .product_details { width: 23%; margin:1%; border-radius: 0; } #HOT_DEAL .sub__body .recommend_product .product_list .product_details .details_thumb { padding-top: 100%; background: #fff; } #HOT_DEAL .sub__body .recommend_product .product_list .product_details .details_infos a { padding: 18px 18px 24px 18px } #HOT_DEAL .sub__body .recommend_product h5 { margin-bottom: 30px; font-size: 30px; text-align: center; color: #fff; } /*------------------------------------------------------ 멤버십/신규 회원혜택 ------------------------------------------------------*/ #MEMBER_BENEFIT { padding-top: 130px; padding-bottom: 0; } #MEMBER_BENEFIT .sub__area { width: 100%; } #MEMBER_BENEFIT .sub__contents * { box-sizing: border-box; } #MEMBER_BENEFIT .sub__body { min-width: 980px; padding: 0; background: #eee; } #MEMBER_BENEFIT .sub__body .top_img { height: 730px; padding: 120px 0 0 0; background: url(../../images/sub/img_member_benefit_top_bg.png) repeat-x center top; background-color: #222; } #MEMBER_BENEFIT .sub__body .top_img h4 { font-size: 50px; line-height: 62px; color: #fff; font-weight: 400; text-align: center; } #MEMBER_BENEFIT .sub__body .top_img h4 p { margin-bottom: 25px; font-size: 23px; color: #FA6B1B; } #MEMBER_BENEFIT .sub__body .grade_wrap { padding: 15px 0; text-align: center; background: #fff; font-size: 18px; } #MEMBER_BENEFIT .sub__body .coupon_wrap { padding: 80px 0 60px 0; } #MEMBER_BENEFIT .sub__body .coupon_wrap .inner_wrap { display: flex; justify-content: space-between; flex-wrap: wrap; width: 1446px; margin: 0 auto; } #MEMBER_BENEFIT .sub__body .coupon_wrap dl { width: 258px; margin-bottom: 60px; text-align: center; } #MEMBER_BENEFIT .sub__body .coupon_wrap dl dt { margin-bottom: 12px; font-size: 36px; font-weight: 700; } #MEMBER_BENEFIT .sub__body .coupon_wrap dl dd.desc { margin-bottom: 40px; font-size: 18px; line-height: 26px; color: #999; } #MEMBER_BENEFIT .sub__body .coupon_wrap dl dd.coupon img { display: block; margin-bottom: 20px; } #MEMBER_BENEFIT .sub__body .coupon_wrap dl dd.coupon img:last-child { margin-bottom: 0; } #MEMBER_BENEFIT .sub__body .coupon_wrap .btn_wrap a { width: 350px; height: 60px; font-size: 26px; font-weight: 700; line-height: 60px; border-radius: 100px; } #MEMBER_BENEFIT .sub__body .kakao_coupon { padding: 85px 0 60px 0; background: #222; } #MEMBER_BENEFIT .sub__body .kakao_coupon h5 { text-align: center; margin-bottom: 75px; } #MEMBER_BENEFIT .sub__body .kakao_coupon h5 img { display: inline-block; } #MEMBER_BENEFIT .sub__body .kakao_coupon ul { display: flex; justify-content: center; margin-bottom: 60px; } #MEMBER_BENEFIT .sub__body .kakao_coupon ul li { margin-right: 30px; } #MEMBER_BENEFIT .sub__body .kakao_coupon ul li:last-child { margin-right: 0; } #MEMBER_BENEFIT .sub__body .kakao_coupon .btn_wrap a { width: 350px; height: 60px; font-size: 26px; font-weight: 700; line-height: 60px; color: #391B1B; border-radius: 100px; background: #FAE300; } #MEMBER_BENEFIT .sub__body .kakao_coupon .btn_wrap a:hover { background: #fdf300; } #MEMBER_BENEFIT .sub__body .kakao_coupon .btn_wrap a span { display: inline-block; position: relative; width: 26px; height: 26px; margin-right: 10px; } #MEMBER_BENEFIT .sub__body .kakao_coupon .btn_wrap a span i { position: absolute; top: 4px; left: 0; width: 26px; height: 26px; } #MEMBER_BENEFIT .sub__body .coupon_guide { padding: 40px 0; background: #ababab; } #MEMBER_BENEFIT .sub__body .coupon_guide .inner_wrap { width: 1200px; margin: 0 auto; } #MEMBER_BENEFIT .sub__body .coupon_guide h6 { margin-bottom: 10px; font-size: 14px; color: #fff; } #MEMBER_BENEFIT .sub__body .coupon_guide ul { padding-left: 20px; } #MEMBER_BENEFIT .sub__body .coupon_guide ul li { margin-bottom: 2px; font-size: 14px; line-height: 22px; color: #fff; } #MEMBER_BENEFIT .sub__body .coupon_guide ul li:last-child { margin-bottom: 0; } /*------------------------------------------------------ 구매 금액 사은품 ------------------------------------------------------*/ #BONUS_GIFT { padding-top: 130px; padding-bottom: 0; } #BONUS_GIFT .sub__area { width: 100%; } #BONUS_GIFT .sub__contents * { box-sizing: border-box; } #BONUS_GIFT .sub__body { min-width: 980px; padding: 0; } #BONUS_GIFT .sub__body .top_img { background: #C59080; } #BONUS_GIFT .sub__body .top_img .inner_wrap { width: 1200px; margin: 0 auto; } #BONUS_GIFT .sub__body .up_to_30000won { padding: 60px 0 50px 0; background: #BA7F6C; } #BONUS_GIFT .sub__body .up_to_30000won .inner_wrap { position: relative; width: 1130px; margin: 0 auto; } #BONUS_GIFT .sub__body .up_to_30000won .bg_01 { position: absolute; top: -150px; right: -110px; } #BONUS_GIFT .sub__body .up_to_30000won h4 { position: relative; margin-bottom: 45px; text-align: center;} #BONUS_GIFT .sub__body .up_to_30000won h4 img { display: inline-block; } #BONUS_GIFT .sub__body .up_to_30000won h4 span { position: absolute; bottom: -12px; left: calc(50% - 10px); width: 20px; height: 3px; background: #fff; } #BONUS_GIFT .sub__body .up_to_30000won .gift_list { display: flex; justify-content: space-between; margin-bottom: 40px; } #BONUS_GIFT .sub__body .up_to_30000won .gift_list .box img { display: block; width: 100%; margin-bottom: 20px; } #BONUS_GIFT .sub__body .up_to_30000won .gift_list .box h5 { text-align: center; color: #fff; } #BONUS_GIFT .sub__body .up_to_30000won p { text-align: center; font-size: 18px; color: #DAAC9E; } #BONUS_GIFT .sub__body .up_to_50000won { padding: 60px 0 80px 0; background: #C59080; } #BONUS_GIFT .sub__body .up_to_50000won .inner_wrap { position: relative; width: 1130px; margin: 0 auto; } #BONUS_GIFT .sub__body .up_to_50000won .bg_02 { position: absolute; top: 0px; left: -115px; } #BONUS_GIFT .sub__body .up_to_50000won .bg_03 { position: absolute; bottom: -80px; right: -150px; } #BONUS_GIFT .sub__body .up_to_50000won h4 { position: relative; margin-bottom: 45px; text-align: center; } #BONUS_GIFT .sub__body .up_to_50000won h4 img { display: inline-block; } #BONUS_GIFT .sub__body .up_to_50000won h4 span { position: absolute; bottom: -12px; left: calc(50% - 10px); width: 20px; height: 3px; background: #fff; } #BONUS_GIFT .sub__body .up_to_50000won .gift_list { display: flex; justify-content: space-between; margin-bottom: 40px; } #BONUS_GIFT .sub__body .up_to_50000won .gift_list .box img { display: block; width: 100%; margin-bottom: 20px; } #BONUS_GIFT .sub__body .up_to_50000won .gift_list .box h5 { text-align: center; color: #fff; } #BONUS_GIFT .sub__body .up_to_50000won p { margin-bottom: 50px; text-align: center; font-size: 18px; color: #AC644D; } #BONUS_GIFT .sub__body .up_to_50000won .btn_wrap a { width: 375px; height: 60px; font-size: 24px; font-weight: 700; line-height: 60px; border-radius: 100px; } #BONUS_GIFT .sub__body h4{ text-align: center; font-size: 30px; color: #fff; } #BONUS_GIFT .sub__body h4 em{ position: relative; display: inline-block;} #BONUS_GIFT .sub__body .gift_list{ overflow: hidden;} #BONUS_GIFT .sub__body .gift_list .box h5{ line-height: 1.4;} #BONUS_GIFT .sub__body .gift_list .box img{ border-radius: 0;} #BONUS_GIFT .sub__body .btn_wrap{ padding: 50px 0; background: #BA7F6C;} #BONUS_GIFT .sub__body .btn_wrap a { width: 375px; height: 60px; font-size: 24px; font-weight: 700; line-height: 60px; border-radius: 100px; } #BONUS_GIFT .sub__body .bonus_gift_guide { padding: 50px 0; background: #996352; } #BONUS_GIFT .sub__body .bonus_gift_guide .inner_wrap { width: 1200px; margin: 0 auto; } #BONUS_GIFT .sub__body .bonus_gift_guide h6 { margin-bottom: 10px; font-size: 16x; color: #fff; } #BONUS_GIFT .sub__body .bonus_gift_guide ul { padding-left: 20px; } #BONUS_GIFT .sub__body .bonus_gift_guide ul li { margin-bottom: 2px; font-size: 14px; line-height: 22px; color: #fff; } #BONUS_GIFT .sub__body .bonus_gift_guide ul li:last-child { margin-bottom: 0; } .fb__goods-list__contents .list-contents__select{ height: 40px; background-image: url(../../images/common/ico_arrow_down.svg); background-position: calc(100% - 10px) 50%; background-size: 20px 20px;} /* 상품상세 */ .fb__page-nav{ position: absolute; top: -9999px; left: -9999px;} .fb__goodsView{ width: 1200px;} .fb__goods-view{ padding-top: 46px;} .fb__goodsView__top .top__photo__main{ width: 572px; height: 572px;} .fb__goodsView__top .picZoomer-pic-wp{ max-width: 572px; max-height: 572px;} .fb__goodsView__top .top__photo__sub{ width: 571px;} .fb__goodsView__info{ width: 571px;} .details_head{ margin-bottom: 15px;} .detail__aside{ display: none;} .fb__goodsView__detail .detail__info{ width: 100%;} .wrap-search-detail{ display: none;} /* 상세옵션 */ .info__decided{ padding: 10px 20px; background-color: #F5F5F5; display: flex; flex-direction: column; align-items: self-start; justify-content: space-between; height: auto;} .info__decided .option_result_title{ padding-right: 60px;} .info__decided .devControlCntBox{ display: flex; align-items: center; overflow: hidden; border-radius: 3px;} .info__decided .info__decided-btns--count{ display: flex; align-items: center; justify-content: center; border-radius: 0; width: 40px; height: 32px; background-color: #fff; border-width: 0px 1px; font-weight: 700; font-size: 16px; letter-spacing: 0px;text-align: center;} .info__decided .btn_close_option_result{ top: 10px; right: 20px;} .info__decided .info__decided-bx{ display: flex; justify-content: space-between; width: 100%; align-items: center; margin-top: 10px;} .info__decided .info__decided-price{ } /* pageing */ .wrap-pagination button.first { background: url(../../images/common/navi_prev_first.svg) 50% 50% no-repeat; } .wrap-pagination button.prev { background: url(../../images/common/navi_prev.svg) 50% 50% no-repeat; } .wrap-pagination button.next { background: url(../../images/common/navi_next.svg) 50% 50% no-repeat; } .wrap-pagination button.last { background: url(../../images/common/navi_next_last.svg) 50% 50% no-repeat; } /* 상품 없음 */ .l__nopost {padding:101px 15px 50px;text-align:center;} .l__nopost p {margin:24px 0px;font-size:16px;color:#ccc;} .ico_nopost { display: inline-block; width: 60px; height: 60px; background-repeat: no-repeat; background-position: center; background-image: url(../../images/common/ico_nopost.svg); background-size: 100%; vertical-align: middle; } .comm__select{ min-width:144px;height:50px;padding:0 20px;padding-right:35px;background-color:#fff;border:1px solid #ccc;border-radius:3px;font-weight:400;font-size:16px;color:#222;box-sizing:border-box; background-image: url(../../images/common/ico_arrow_down.svg); background-repeat: no-repeat; background-position: calc(100% - 10px) 50%; background-size: 20px 20px;} .add__file_row{ display: flex; align-items: center;} .add__file_row .file_set{ width: 160px; height: 160px; margin-right: 20px; } .add__file_row .add_file_btn label{ display: flex; justify-content: center; align-items: center; width: 160px; height: 160px; border: 2px dashed #ccc; font-size: 30px; text-align: center; line-height: 160px; background: none; color: #ccc;} #CS_CENTER.inquiry .sub__body .form_wrap dl.file_attach dd.fileBox-wrap{ display: block;} /* named upload */ .filebox{ position: relative; display: flex; width: 100%;} .filebox + .filebox{ margin-top: 10px;} .filebox input[type="file"]{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; padding: 0; margin: 0; overflow: hidden; border: 0;} .filebox label{ flex: 0 0 100px; text-align: center; display: inline-block; padding: 0 10px; color: #333; vertical-align: middle; background-color: #fff; cursor: pointer; border: 1px solid #333; margin-left: 6px; font-size: 16px; height: 50px; line-height: 48px;} .filebox .upload-name{ font-size: 16px; height: 50px; font-weight:400; line-height: 48px; flex: 1; padding: 0 10px; background-color: #F9F9FB; border: #ccc 1px solid; border-radius:0; -webkit-appearance: none; -moz-appearance: none; appearance: none;} /* 휴대폰번호 */ .int_phone{ display:flex; align-items:center; width: 100%;} .int_phone .int_phone_first {width:100px;padding-right:15px;background-image:url(../../images/common/ico_down3.svg);color:#999;box-sizing:border-box;} .int_phone .int {width:120px ; margin: 0 10px 0 0 ;} .int_phone .int.address__phone__2{ margin-right: 30px !important;} #CS_CENTER.inquiry .sub__body .form_wrap dl dd .wrap-multi-input input.address__phone__1{ width: 130px; margin-right: 10px;} #CS_CENTER.inquiry .sub__body .form_wrap dl dd .wrap-multi-input input.address__phone__2{ width: 130px; } /* select_payment_type */ .select_payment_type{ display: flex; flex-wrap: wrap; margin-top: -10px;} .select_payment_type li{ width: 195px; margin-right: 10px; margin-top: 10px;} .select_payment_type .fb__comm__radio{ width: 100%;} .select_payment_type .fb__comm__radio > span{ height: 50px; background: #fff; border: 1px solid #ababab; font-size: 16px; line-height: 50px; color: #444; font-weight: 500; text-align: center; border-radius: 3px; display: block; width: 100%; padding: 0;} .select_payment_type .fb__comm__radio > span:before{ display: none;} .select_payment_type .fb__comm__radio input:checked + span{ background-color: #222; border-color:#222; color:#fff;} /* 네이버페이결제형 버튼*/ .select_payment_type .payment__method__list.npay .fb__comm__radio > span{ background-repeat: no-repeat; background-size: 70px auto; background-position: 50% 50%; background-image: url("data:image/svg+xml,%3Csvg width='168' height='52' viewBox='0 0 168 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3699_5876)'%3E%3Cpath d='M164.581 10.3415L147.863 47.9115H140.121L145.471 36.0035L132.62 10.3415H140.596L149.137 27.8915L156.859 10.3415H164.581ZM128.831 39.2015H121.421V37.128C119.035 38.9369 116.114 39.8957 113.12 39.8515C104.95 39.8515 98.5407 33.2215 98.5407 24.7715C98.5407 16.3215 104.95 9.69152 113.12 9.69152C116.114 9.64738 119.035 10.6061 121.421 12.415V10.3415H128.831V39.2015ZM114.147 15.9315C109.48 15.9315 105.957 19.734 105.957 24.7715C105.957 29.809 109.48 33.6115 114.147 33.6115C118.814 33.6115 122.337 29.809 122.337 24.7715C122.337 19.734 118.814 15.9315 114.147 15.9315ZM64.2207 10.3415H71.6307V12.415C74.0189 10.607 76.9426 9.64843 79.9377 9.69152C88.1082 9.69152 94.5108 16.315 94.5108 24.7715C94.5108 33.228 88.1082 39.8515 79.9377 39.8515C77.0525 39.8948 74.2302 39.0057 71.8907 37.3165V47.9115H64.2207V10.3415ZM70.7207 24.7715C70.7207 29.809 74.2438 33.6115 78.9108 33.6115C83.5778 33.6115 87.1007 29.809 87.1007 24.7715C87.1007 19.734 83.5778 15.9315 78.9108 15.9315C74.2438 15.9315 70.7207 19.734 70.7207 24.7715Z' fill='black'/%3E%3Cpath d='M52 26C52 31.1423 50.4752 36.1692 47.6182 40.4448C44.7613 44.7205 40.7007 48.053 35.9498 50.0209C31.1989 51.9888 25.9712 52.5037 20.9277 51.5004C15.8842 50.4972 11.2514 48.021 7.61524 44.3848C3.97907 40.7486 1.50281 36.1159 0.499592 31.0724C-0.503624 26.0289 0.0112727 20.8011 1.97915 16.0502C3.94703 11.2994 7.27955 7.23871 11.5552 4.38179C15.8309 1.52487 20.8577 0 26 0C32.8957 0 39.5089 2.73928 44.3848 7.61523C49.2608 12.4912 52 19.1044 52 26ZM31.434 12.61V27.729L20.8195 12.61H12.61V39.39H20.5725V24.2645L31.187 39.39H39.39V12.61H31.434Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3699_5876'%3E%3Crect width='168' height='52' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .select_payment_type .payment__method__list.npay .fb__comm__radio input:checked + span{ background-image: url("data:image/svg+xml,%3Csvg width='168' height='52' viewBox='0 0 168 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3699_5876)'%3E%3Cpath d='M164.581 10.3415L147.863 47.9115H140.121L145.471 36.0035L132.62 10.3415H140.596L149.137 27.8915L156.859 10.3415H164.581ZM128.831 39.2015H121.421V37.128C119.035 38.9369 116.114 39.8957 113.12 39.8515C104.95 39.8515 98.5407 33.2215 98.5407 24.7715C98.5407 16.3215 104.95 9.69152 113.12 9.69152C116.114 9.64738 119.035 10.6061 121.421 12.415V10.3415H128.831V39.2015ZM114.147 15.9315C109.48 15.9315 105.957 19.734 105.957 24.7715C105.957 29.809 109.48 33.6115 114.147 33.6115C118.814 33.6115 122.337 29.809 122.337 24.7715C122.337 19.734 118.814 15.9315 114.147 15.9315ZM64.2207 10.3415H71.6307V12.415C74.0189 10.607 76.9426 9.64843 79.9377 9.69152C88.1082 9.69152 94.5108 16.315 94.5108 24.7715C94.5108 33.228 88.1082 39.8515 79.9377 39.8515C77.0525 39.8948 74.2302 39.0057 71.8907 37.3165V47.9115H64.2207V10.3415ZM70.7207 24.7715C70.7207 29.809 74.2438 33.6115 78.9108 33.6115C83.5778 33.6115 87.1007 29.809 87.1007 24.7715C87.1007 19.734 83.5778 15.9315 78.9108 15.9315C74.2438 15.9315 70.7207 19.734 70.7207 24.7715Z' fill='white'/%3E%3Cpath d='M52 26C52 31.1423 50.4752 36.1692 47.6182 40.4448C44.7613 44.7205 40.7007 48.053 35.9498 50.0209C31.1989 51.9888 25.9712 52.5037 20.9277 51.5004C15.8842 50.4972 11.2514 48.021 7.61524 44.3848C3.97907 40.7486 1.50281 36.1159 0.499592 31.0724C-0.503624 26.0289 0.0112727 20.8011 1.97915 16.0502C3.94703 11.2994 7.27955 7.23871 11.5552 4.38179C15.8309 1.52487 20.8577 0 26 0C32.8957 0 39.5089 2.73928 44.3848 7.61523C49.2608 12.4912 52 19.1044 52 26ZM31.434 12.61V27.729L20.8195 12.61H12.61V39.39H20.5725V24.2645L31.187 39.39H39.39V12.61H31.434Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3699_5876'%3E%3Crect width='168' height='52' fill='black'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} /* 배송지선택 팝업 */ .wrap-window-popup{ padding: 0;} .addressPop__cont.addressList dl { margin-bottom: 10px; border: 1px solid #999; border-radius: 3px; } .addressPop__cont.addressList dl input[type="radio"] + label{ margin-left: 0;} .addressPop__cont.addressList dl dt { position: relative; margin: 0 20px 20px 20px; padding: 20px 0px 10px 0px; border-bottom: 1px solid #ccc; display: flex; align-items: center;} .addressPop__cont.addressList dl dt .tag { display: inline-block; width: 88px; height: 30px; font-size: 14px; line-height: 30px; padding: 0;} .addressPop__cont.addressList dl dt button { position: absolute; top: 10px; right: 0; width: 58px; height: 26px; font-size: 14px; line-height: 26px; border-radius: 4px; } .addressPop__cont.addressList dl dt button.btn_edit { right: 68px; } .addressPop__cont.addressList dl dd { margin: 0 20px 20px 20px; padding: 0px 0px 20px 0px; border-bottom: 1px solid #ccc; line-height: 26px; } .addressPop__cont.addressList dl dd.memo { margin-bottom: 0; font-size: 14px; line-height: 24px; color: #666; border: none; } .addressPop__cont.addressList dl dd.btn { margin: 0; padding: 0; border: none; border-top: 1px solid #999; width: 100%;} .addressPop__cont.addressList dl dd.btn button { width: 100%; border-radius: 0; border: none; } .addressPop__cont.addressList dl.selected { border-color: #222; } .addressPop__cont.addressList dl.selected dd.btn { border: none; } .addressPop__cont.addressList .btn_wrap button { width: 100%; } .addressPop__cont.addressInput .modal_area { width: 760px; } .addressPop__cont.addressInput .modal_address_info { margin-bottom: 50px; } .addressPop__cont.addressInput h4 { position: relative; margin-bottom: 30px; } .addressPop__cont.addressInput .modal_address_info h4 p { position: absolute; bottom: 0; right: 0; font-weight: 400; } .addressPop__cont.addressInput .modal_address_info dl { position: relative; margin-bottom: 20px; padding-left: 145px; } .addressPop__cont.addressInput .modal_address_info dl dt { position: absolute; top: 0; left: 0; line-height: 50px; } .addressPop__cont.addressInput .modal_address_info dl dd { display: flex; justify-content: space-between; margin-bottom: 10px; align-items: center;} .addressPop__cont.addressInput .modal_address_info dl dd input[type="text"] { width: 402px; } .addressPop__cont.addressInput .modal_address_info dl dd input[type="text"].input-phone{ width: 130px;} .addressPop__cont.addressInput .modal_address_info dl dd input[type="text"].input-zipCode{ margin-right: 20px;} .addressPop__cont.addressInput .modal_address_info dl dd select{ height: 50px;} .addressPop__cont.addressInput .modal_address_info dl dd button { width: 143px; } .addressPop__cont.addressInput .modal_order_request { margin-bottom: 50px; } .addressPop__cont.addressInput .modal_order_request dl { position: relative; margin-bottom: 30px; padding-left: 225px; } .addressPop__cont.addressInput .modal_order_request dl.how_entrance_wrap { margin-bottom: 20px; } .addressPop__cont.addressInput .modal_order_request dl dt { position: absolute; top: 0; left: 0; } .addressPop__cont.addressInput .modal_order_request dl dd label { margin-right: 40px; } .addressPop__cont.addressInput .modal_order_request dl dd.guide { padding-top: 20px; } .addressPop__cont.addressInput .modal_order_request dl dd.guide ul { padding-left: 35px; } .addressPop__cont.addressInput .modal_order_request dl dd.guide ul li { margin-bottom: 5px; list-style: disc outside; line-height: 22px; } .addressPop__cont.addressInput .modal_order_request dl dd.guide ul li:last-child { margin-bottom: 0; } .addressPop__cont.addressInput .modal_order_request dl dd.guide.for_radio_modal_direct_msg input[type="text"] { margin-bottom: 10px; } .addressPop__cont.addressInput .modal_order_request dl dd.guide.for_radio_modal_entrance_pw input[type="text"] { width: 322px; margin-bottom: 10px; } .addressPop__cont.addressInput .modal_order_request .chk_select_base_address_wrap { padding-left: 225px; } .addressPop__cont.addressInput .btn_wrap { margin-bottom: 60px; } .fb__order-claim__step{ display: none;} .fb__mypage__title{ font-size: 28px; line-height: 1;} select{ height: 50px; padding: 0 20px; padding-right: 35px; background-color: #fff; border: 1px solid #ccc; border-radius: 3px !important; font-weight: 400; font-size: 16px; color: #222; background-image: url(../../images/common/ico_arrow_down.svg) !important; background-size: 25px !important; background-repeat: no-repeat; background-position: calc(100% - 10px) 50% !important;} .fb__orderCommon__detailHeader{ border-top-color: #ccc;} .fb__shopCommon__section .section__infoTable .infoTable__title{ font-size: 16px; background-color: transparent; padding-left: 0; width: 145px;} .fb__shopCommon__section .section__infoTable .infoTable__cont{ padding: 15px 0;} input[type="number"], .fb__input__address--zipCode input[type="text"]{ height: 50px; border: 1px solid #ccc; border-radius: 3px !important;} .fb__input__address--zipCode button{ height: 50px; background-color: #fff; border: 1px solid #FF5C00; box-sizing: border-box; white-space: nowrap; border-radius: 3px; font-weight: 500; font-size: 16px; color: #FF5C00;} .fb__orderCommon .orderDetailTable th{ border-top: #222 2px solid; padding: 15px; border-top: 2px solid #222; border-bottom: 1px solid #ccc; font-weight: 400; background-color: transparent; font-size: 15px; color: #111;} input[type="radio"] + label > span.exchange-method__cont-desc, input[type="radio"]:checked + label > span.exchange-method__cont-desc{ width: auto; background:none} .fb__mypage__checkbox input[type="checkbox"]:checked{ background-position: 0 0; background-image: url(../../images/common/checkbox_on.svg); background-size: 100% !important; } .fb__mypage__radio input[type="radio"]{ width: 20px; height: 20px; background: url(../../images/common/radio.svg) no-repeat 0 0; background-position: center;} .fb__mypage__radio input[type="radio"]:checked{ background-image: url(../../images/common/radio_on2.svg);} .ul-list01 > li{ display: flex; color: #666;} .ul-list01 > li + li{ margin-top: 10px;} .ul-list01 > li::before{ content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #666; margin-right: 5px; margin-top: 6px;} /* 회원혜택 */ .benefit-member{ display: flex;} .benefit-member + .benefit-member{ margin-top: 20px;} .benefit-member dt{ border-top: #333 2px solid; width: 140px; text-align: center; padding: 20px; margin-right: 20px;} .benefit-member dt p{ font-size: 18px; color:#222; margin-top: 5px;} .benefit-member dd{ border-top: #ccc 1px solid;padding: 20px 0; font-size: 13px; line-height: 1.4;} .benefit-member dd p + p{ margin-top: 10px;} .benefit-member dt + dd{ width: 240px;} .benefit-member dd + dd{ flex:1; padding-left: 40px;} .benefit-member dd .ul-list01{ font-size: 13px;} .benefit-member dd .ul-list01 span{ margin-right: 5px;} .benefit_tit_area{ display: flex; margin-top: 60px; justify-content: space-between;} .benefit_tit_area h5{ font-weight: 600; font-size: 20px;} .coupon-bx{ display: flex; } .coupon-bx .itm{ border: #ddd 1px solid; padding: 25px 0 25px 20px; display: flex;} .coupon-bx .itm + .itm{ margin-left: 15px;} .coupon-bx .itm b{ font-size: 22px; font-weight: 400; color:#FF5C00; display: block;} .coupon-bx .itm em{ font-size: 13px; margin-top: 10px; display: block;} .coupon-bx .itm span{ font-size: 12px; color: #999; display: block; margin-top: 20px;} .coupon-bx .itm .bt-down{ width: 48px; border-left: 1px solid #F0F0F0; margin-left: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: url(../../images/common/icon_download.png) 50% 50% no-repeat;} .member_benefit .btn_wrap{ margin-top: 50px;} /* 상품상세 옵션 선택 */ .quick_info_area{ position: fixed; bottom: -100%; left: 0; width: 100%; border-top: #333 2px solid; background-color: #fff; padding-top: 10px; transition: bottom 0.5s; z-index: 99;} .quick_info_area.scrl{ bottom: 0;} .quick_info_area .btn_quick_open{ position: absolute; top: -52px; left: 50%; margin-left: -128px; width: 256px; height: 52px; line-height: 52px; font-size: 18px; border-radius: 5px 5px 0 0; border:#333 2px solid; border-bottom: none; text-align: center; color: #111; background-color: #fff; display: flex; justify-content: center; align-items: center; } .quick_info_area .btn_quick_open::after{ content: ''; width: 6px; height: 6px; border-top: #333 1px solid; border-right: #333 1px solid; display: inline-block; margin-left: 10px; transform: rotate(-45deg); margin-top: 0; } .quick_info_area .btn_quick_open.on::after{ transform: rotate(135deg); margin-top: -4px;} .quick_info_area .quick_info_inner{ max-width: 1200px; margin: 0 auto; padding: 0 0 25px 0; display: none;} .quick_info_area .con_box{ display: flex; justify-content: space-between; align-items: flex-start;} .quick_info_area .con_box .option{ width: 570px; margin-right: 60px; padding-top: 20px;} .quick_info_area .con_box .option .details_title2{ font-size: 22px; color:#000; line-height: 1.4; margin-bottom: 20px;} .quick_info_area .con_box .option_result_total{ flex: 1; border-top: none; padding: 0; flex-direction: column;} .quick_info_area .con_box .option_result_total .info__decided{ position: relative; display: flex; flex-direction: column; align-items: flex-start; padding: 20px 30px;} .quick_info_area .con_box .option_result_total .info__decided + .info__decided{ margin-top: 5px;} .quick_info_area .con_box .option_result_total .info__decided .info__decided-info{ margin-bottom: 10px;} .quick_info_area .con_box .option_result_total .option_item{ display: flex; justify-content: space-between; width: 100%; align-items: center;} .quick_info_area .con_box .option_result_total .option_item .info__decided-price{ position: relative; top: auto; left: auto;} .quick_info_area .con_box .option_result_total .option_item .info__decided-price .devMinicartEachPrice{ font-size: 24px; font-weight: 600; color: #08080D;} .quick_info_area .con_box .option_result_total .info__decided .btn_close_option_result{ width: 20px; height: 20px; top: 15px; right: 30px; transform: translateY(0);} .quick_info_area .pd_quick_bottom{ margin-top: 20px; display: flex; align-items: center;} .quick_info_area .pd_quick_bottom .total{ width: 570px; margin-right: 60px; color: #333; display: flex; justify-content: flex-end; align-items: center;} .quick_info_area .pd_quick_bottom .total strong{ color:#FF5C00; font-weight: 400; margin-left: 15px;} .quick_info_area .pd_quick_bottom .total strong b{ font-size: 32px;} .quick_info_area .pd_quick_bottom .view__foot_btns{ flex: 1;} .quick_info_area .view__foot_btns a, .quick_info_area .view__foot_btns button{ padding: 0; margin-left: 10px;} .quick_info_area .view__foot_btns a:first-child, .quick_info_area .view__foot_btns button:first-child{ margin-left: 0;} .quick_info_area .view__foot_btns .btn_basket, .quick_info_area .view__foot_btns .btn_gift{ width: 60px;} .quick_info_area .view__foot_btns .btn_basket i, .quick_info_area .view__foot_btns .btn_gift i{ margin-right: 0;} .quick_info_area .view__foot_btns .btn_basket span, .quick_info_area .view__foot_btns .btn_gift span{ display: none;} .quick_info_area .view__foot_btns .btn_buynow{ flex: 1; background-color: #222; border-color:#222; color: #fff; } .quick_info_area .view__foot_btns .btn_naverpay{ flex: 1; background-color: #01C73C; border-color:#01C73C; color: #fff; } .detail__aside__option-box{ display: flex; flex-direction: column; width: 100%;} .detail__aside__option-box .option_item .devControlCntBox .devMinicartPrdCnt{ height: 32px; width: 32px; line-height: 32px; border:none; border-radius: 0; border-left:#ddd 1px solid; border-right:#ddd 1px solid;} .detail__aside__option-box .option_item .devMinicartEachPrice{ font-size: 24px; font-weight: 600;} /* 배송지선택 팝업 */ .fb__layout__pop .sub__area{ width: 100%;} .fb__layout__pop #MYPAGE, .fb__layout__pop .sub__contents, .fb__layout__pop #MYPAGE .sub__body{ padding: 0;} body.ovf_hdn, .ovf_hdn{ overflow:hidden; height:100%;} /* .brand-banner{ position: relative; display: flex; width: 100%; margin: 0 auto; padding: 10px 10px 10px 10px; align-items: center;} .brand-banner .brand-name{ width: 230px; text-align: center; color:#fff; font-size: 16px; font-weight: 200; line-height: 1.4;} .brand-banner .brand-name img{ width: 100px;} .brand-banner .brand-name .txt{ position: relative; padding-top: 15px; margin-top: 5px;} .brand-banner .brand-name .txt::before{ content: ''; position: absolute; top: 0; left: 50%; width: 34px; height: 2px; background-color: #fff; display: block; transform: translateX(-50%);} .brand-banner .berand-slide{ width: calc(100% - 230px); overflow:hidden;} .brand-banner .swiper-slide{ width: 230px; height: 290px; padding: 0 5px; display: flex; justify-content: center; align-items: center; } .brand-banner .swiper-slide img{ width: 100%; height: 200px; border-radius: 10px; object-fit: cover; object-position: center;} .brand-banner .swiper-slide.swiper-slide-active{ width: 490px; padding: 0 20px;transform: scale(1);} .brand-banner .swiper-slide.swiper-slide-active img{ height: 290px; border-radius: 20px;} .brand-banner .prev{ position: absolute; top: 50%; left: -20px; width: 40px; height: 40px; background-image:url(../../images/common/slide_prev.svg); display: block; margin: -20px 0 0 0; border-radius: 50%;} .brand-banner .next{ position: absolute; top: 50%; right: -20px;width: 40px; height: 40px; background-image:url(../../images/common/slide_next.svg); display: block; margin: -20px 0 0 0; border-radius: 50%;} .brand-banner .berand-slide .slide-bx{ transform: translateX(-359px); } */ .brand-banner{ position: relative; display: flex; width: 100%; margin: 0 auto; padding: 20px 10px 20px 10px; align-items: center;} .brand-banner .brand-name{ width: 230px; text-align: center; color:#fff; font-size: 16px; font-weight: 200; line-height: 1.4;} .brand-banner .brand-name img{ width: 100px;} .brand-banner .brand-name .txt{ position: relative; padding-top: 15px; margin-top: 5px;} .brand-banner .brand-name .txt::before{ content: ''; position: absolute; top: 0; left: 50%; width: 34px; height: 2px; background-color: #fff; display: block; transform: translateX(-50%);} .brand-banner .berand-slide{ width: calc(100% - 230px); overflow:hidden;} .brand-banner .swiper-slide{ width: 280px; height: 264px; padding: 0 5px; display: flex; justify-content: center; align-items: center; } .brand-banner .swiper-slide img{ width: 100%; height: 160px; border-radius: 10px; object-fit: cover; object-position: center;} .brand-banner .swiper-slide.swiper-slide-active{ width: 400px; padding: 0 20px;transform: scale(1);} .brand-banner .swiper-slide.swiper-slide-active img{ height: 240px; border-radius: 20px;} .brand-banner .prev{ position: absolute; top: 50%; left: -20px; width: 40px; height: 40px; background-image:url(../../images/common/slide_prev.svg); display: block; margin: -20px 0 0 0; border-radius: 50%;} .brand-banner .next{ position: absolute; top: 50%; right: -20px;width: 40px; height: 40px; background-image:url(../../images/common/slide_next.svg); display: block; margin: -20px 0 0 0; border-radius: 50%;} .brand-banner .berand-slide .slide-bx{ transform: translateX(-340px); } .fb .popup-coupon-down .allDownCounpon{ background-color:#222; width: 200px; margin: 50px auto 0; display: block; border-radius: 4px; height: 60px; line-height: 60px; color:#fff; font-size: 18px; font-weight: 600;} /* 팝업 */ .bt-exc{ vertical-align: -2px; width: 16px; height: 16px; display: inline-block; transform: rotate(180deg); border-radius: 50%; color:#fff; text-align: center; line-height: 20px; margin-left: 4px; text-indent:-20px; background-image: url(../../images/common/ico_warning_gray.svg); background-size: contain;} .pop-lay{ position: fixed; top: 0; left: 0; width: 100%; bottom: 0; background-color: rgba(0,0,0,.6); z-index: 999; display: none;} .pop-lay .pop-inner{ position: relative; width: 800px; margin: 0 auto; height: 100vh; display: flex; justify-content: center ; align-items: center;} .pop-lay .pop-inner .pop-bx{ position: relative;width:360px} .pop-lay .pop-inner .pop-close{ position: absolute; width: 40px; height: 40px; display: block; top: 0; right: 0; overflow: hidden;} .pop-lay .pop-inner .pop-close::before{ content: ''; transform: rotate(45deg); width: 20px; height: 2px; background-color: #333; display: block; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -10px;} .pop-lay .pop-inner .pop-close::after{ content: ''; transform: rotate(-45deg); width: 20px; height: 2px; background-color: #333; display: block; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -10px;} /*badge*/ .badge_orange_line { background: #fff; border: 1px solid #FF5C00; color: #FF5C00; font-weight: 600; text-align: center; border-radius: 0px; font-size: 12px;margin: 2px; padding: 3px 7px 2px 7px; cursor:default;} .badge_orange_line p { letter-spacing: 0.5px; } .badge_black_line { background: #fff; border: 1px solid #222; color: #222; font-weight: 400; text-align: center; border-radius: 0px; font-size: 12px;margin: 2px; padding: 3px 7px 2px 7px;cursor:default;} .badge_black_line p { /**/ } .badge_white_line { background: #000; border: 1px solid #000; color: #FFF; font-weight: 400; text-align: center; border-radius: 0px; font-size: 12px;margin: 2px; padding: 3px 7px 2px 7px;cursor:default;} /* newMemberHot1*/ .newMemHot1_pc { position: relative; display: flex; align-items: center; background-image:url(../../images/customer/pc4.png); background-size:480px 320px} .newMemHot1_pc .pc1{ position: absolute; display: block; top: 210px; left: 20px; width: 210px; height: 54px; background-image: url(../../images/customer/pc1.png); background-size: 100% auto; background-repeat: no-repeat;} .newMemHot1_pc .pc2{ position: absolute; display: block; top: 265px; left: 20px; width: 133px; height:40px; overflow: hidden; background-image:url(../../images/customer/pc2.png); background-size:100% auto; background-repeat: no-repeat;} .newMemHot1_pc .pc3{ position: absolute; display: block; top: 265px; left: 160px; width: 133px; height:40px; overflow: hidden; background-image:url(../../images/customer/pc3.png); background-size:100% auto; background-repeat: no-repeat;} .detail_reser_buy{ border-top: #e1e1e1 1px solid; padding-top: 25px;} .detail_reser_buy > ul > li + li{ margin-top: 20px;} .detail_reser_buy > ul .txt{ display: flex; align-items: center; font-size: 14px; } .detail_reser_buy > ul .txt b{ font-size: 13px; background-color: #111; color: #fff; width: 100px; text-align: center; margin: 0 10px 0 0; border-radius: 4px; line-height: 25px; height: 25px; font-weight: 400;} .detail_reser_buy > ul .txt span{ font-size: 14px;} .detail_reser_buy > ul .txt em{ font-size:20px; font-weight: 600;} .detail_reser_buy .d-day{ color: #FF5C00; margin: 4px 0 0 0; padding: 0 15px 0 110px; font-size: 14px;} .detail_reser_buy .d-day b{ font-size: 1.2em; font-weight: 400;} .detail_reser_buy .desc{ margin: 10px 0 0 0; padding: 0 0 0 110px; line-height: 1.5; background-color: #fff; font-size: 14px; border-radius: 8px;} .view__foot_btns a.btn_newrsv {width:100%;background-color:#222;border-color:#222;font-weight:500;color:#FFF} .gift_details{ align-items: flex-start;} .view__gifts .view__gift_body{ width: 100%;} .view__gifts .gifts-slide-bx{ overflow: hidden; width: 100%; } .view__gifts .gifts-slide-bx .swiper-slide{ width: auto;} .gifts-slide-bx .info{ margin: 10px 0 0 0; font-size:12px; color: #111111;} .gifts-slide-bx .info li{ display: flex; white-space: nowrap;} .gifts-slide-bx .info li + li{ margin-top: 10px;} .gifts-slide-bx .info li > strong{ width: 58px; font-weight:400; color:#000;} .gifts-slide-bx .info li > span{ flex:1;} .gifts-slide-bx .info li > span em{ color: #FF5C00; font-weight:600; } .view__gift_title h5{font-weight: 500; line-height: 18px;} .color_11111{ font-size:12px!important; color: #111111 !important;} .lineheight190{line-height: 190%;} .weight500 {font-weight: 500;} .weight600 {font-weight: 600;} .weight700 {font-weight: 700;} /**/ .crema_product_reviews_score__container { display: flex !important; } .crema_product_reviews_score_star_wrapper.crema_product_reviews_score_star_wrapper--full { display: flex !important; margin-right: 2px; } /*clio review star wrapper*/ .clio_reviews_score__container{ display: flex !important; line-height: 1; font-family: inherit; } .clio_reviews_score_star_wrapper.full { position: relative; top: -1px; width: 14px; height: 14px; display: flex !important; margin-right: 2px; } .clio_reviews_score_star_wrapper__star { fill: rgb(102, 102, 102); vertical-align: middle; width: 100%; height: 100%; } /*새벽배송쿠폰 라벨*/ .blt.dawn{ display: inline-block; font-size: 12px; padding: 0 10px; line-height: 24px; height: 24px; font-weight:400; margin-left: 10px; color:#fff; border-color:#4e157e; background-color:#8f29e5; vertical-align: middle; } .blt.first_order{ display: inline-block; font-size: 12px; padding: 0 10px; line-height: 24px; height: 24px; font-weight:400; margin-left: 10px; color:#fff; border-color:#4e157e; background-color:#29e547; vertical-align: middle; } /* 20230906 */ .event-bottom .img { position: relative; line-height: 1.2; } .event-bottom .img img { display: block; max-width: 100%; width: 100%; } .event-bottom .img .btn-z { margin-top: 35px; display: flex; } .event-bottom .img .btn-z a { width: 178px; height: 50px; text-indent: -9999px;} .event-bottom .img .btn-z a + a {margin-left: 12px;} .event-bottom .tbx1{ color: #000; font-size: 48px; width: 100%; left: 0; top: 0; bottom: 0; position: absolute; padding: 170px 0 0 170px;} .event-bottom .tbx1 .tx1{ font-weight: 600;} .event-bottom .tbx1 .tx2{ margin: 20px 0 0 0; font-size: 24px; } .event-bottom .tbx2{ color: #fff; width: 100%; left: 0; top: 0; bottom: 0; position: absolute; padding: 90px 0 0 170px;} .event-bottom .tbx2 .tx21 span{ font-size: 32px; } .event-bottom .tbx2 .tx21{ font-size: 38px; } .event-bottom .tbx2 .tx21 b{ color: #ff8b0a;} .event-bottom .tbx2 .tx22{ font-size: 24px; margin: 25px 0 0 0;} .event-bottom .tbx2 .tx23{ font-size: 18px; margin: 25px 0 0 0;} .event-bottom .tbx2 .tx24{ position: absolute; top: 202px; right: 388px; display: flex; width: 210px; background-color: #fff; border-radius: 30px; height: 54px; font-size: 22px; color: #000; justify-content: center; align-items: center; font-size: 22px; font-weight: 600; letter-spacing: -.1em;} .event-bottom .tbx2 .tx24:after{ content: ''; position: absolute; bottom: -10px; right: 60px; border-right: #fff 10px solid; border-top: transparent 10px solid; border-bottom: transparent 10px solid;} .event-bottom .coupon{ position:absolute; bottom: 72px; right: 218px; width: 224px; height:120px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 42px; color:#ff7124;} .event-bottom .coupon span{ color:#bdbdbd; font-size: 20px;} /*caps lock*/ .login__body .dv_chk{ position: relative;} .login__body .dv_chk .at-clock{ color: #fff; position: absolute; top: -8px; right: -45px; font-size: 15px; background-color: #ff5c00; height: 30px; line-height: 30px; white-space: nowrap; padding: 0 10px; border-radius: 5px;} .login__body .dv_chk .at-clock::after{ content: ''; position: absolute; top: -5px; left: 5px; border-left:#ff5c00 10px solid; border-top:transparent 10px solid;} .none {display:none;} /* 챗봇 평가 팝업 */ #popChatTs .pop-inner .pop-bx{ width: 480px;} #popChatTs .pop-con{ border: #ededed 1px solid; background-color:#fff; padding: 0; border-radius: 6px;} #popChatTs .pop-con .tit{ padding: 30px; font-size: 18px; color:#000; border-bottom: #ededed 1px solid; font-weight: 600; margin: 0; text-align: center; font-weight: 400;} #popChatTs .pop-con .chat-form{ padding: 30px 20px 0; } #popChatTs .pop-con .chat-form .chat-tit{ color:#000; font-size:16px; text-align: center; margin: 0 0 20px 0;} #popChatTs .pop-con .chat-form div + div{ border-top: #ddd 1px solid;} #popChatTs .pop-con .chat-form input[type="radio"]{ display: inline-block;} #popChatTs .pop-con .chat-form label{ margin-right: 10px; display: flex; align-items: center; } #popChatTs .pop-con .chat-form label + label{ margin-left: 20px;} #popChatTs .pop-con .chat-form label input{ margin-right: 5px;} #popChatTs .pop-con .textarea{ border: #d4d4d4 1px solid; width: 100%; padding:15px;} #popChatTs .pop-con .view__foot_btns{ justify-content: center; margin: 20px 0 0 0; border-top: #ededed 1px solid; padding: 20px 20px; } #popChatTs .pop-con .view__foot_btns .btn_buynow{ height:50px; flex: 1;} #popChatTs .pop-con .view__foot_btns .btn_buynow + .btn_buynow{ margin-left: 10px;} #popChatTs .pop-con .view__foot_btns .btn_buynow.on{ background-color:#ce3841; border-color: #ce3841; } #popChatTs #star{ padding: 0 0 30px; margin: 0 0 20px 0; display: flex; justify-content: center; font-size: 30px; border-bottom: #ededed 1px solid;} #popChatTs #star a{ text-decoration: none; color: #999; width: 30px; height: 30px; text-indent: -9999px; background-image:url(../../images/shop/goods_view/ic_star.png); background-size:100% auto; background-repeat: no-repeat;} #popChatTs #star a + a{ margin-left: 10px;} #popChatTs #star a.on{ background-image:url(../../images/shop/goods_view/ic_star_on.png);} /* 장바구니 팝업 */ #popAddCart { background-color: transparent;} #popAddCart .mBg{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 99vw; bottom: 0; background-color: rgba(0,0,0,.5);} #popAddCart .pop-inner .pop-close{ top: 10px; right: 10px;} #popAddCart .pop-bx{ background-color: #fff; padding: 20px; border-radius: 16px;} #popAddCart .pop-bx .pop-tit{ font-size: 18px; color: #000; font-weight: 600; margin: 0 0 15px 0;} #popAddCart .goods-bx{ display: flex; align-items: center;} #popAddCart .goods-bx .thumb{ width: 136px;} #popAddCart .goods-bx .thumb img{ width: 136px; height: 136px; object-fit: cover; object-position: center; display: block;} #popAddCart .goods-bx .desc{ padding: 0 0 0 15px; display: flex; flex-direction: column; flex:1;} #popAddCart .goods-bx .desc .cost b{ color: #000; font-weight: 600; font-size: 24px;} #popAddCart .goods-bx .desc .cost-tx{ display: flex; align-items: center; margin: 5px 0 0 0;} #popAddCart .goods-bx .desc del{ color: #999; margin: 0 5px 0 10px;} #popAddCart .goods-bx .desc .sale{ color: #FF5C00; font-weight: 600; font-size: 1.3em; } #popAddCart .dv-chk{ display: flex; justify-content: flex-end; margin: 0 0 5px 0;} #popAddCart .view__foot{ margin-top: 15px;} #popAddCart .view__foot_btns a{ height: 50px;} #popAddCart .view__foot_btns a + a{ margin-left: 10px;} #popAddCart .opt_down{position:relative;font-size:.9em;width:100%;display:inline-block;background-color:#fff;transition:all .5s ease;position:relative;color:#474747;text-align:left;border:1px solid #ddd;margin-top:5px} #popAddCart .opt_down:hover{z-index:1} #popAddCart .opt_down:focus{border:1px solid #ddd} #popAddCart .opt_down .select{cursor:pointer;display:block;padding:12px 10px 10px 10px;} #popAddCart .opt_down .select > img{cursor:pointer;transition:all .3s ease-in-out;float:right;display:inline-block;width:6px;} #popAddCart .opt_down .select .sel_text{width:calc(100% - 10px);display:inline-block;} #popAddCart .opt_down .select .sel_text div{float:right;border:1px solid} #popAddCart .opt_down.active:hover, .opt_down:active{background-color:#f8f8f8} #popAddCart .opt_down.active .select > img{transform:rotate(90deg)} #popAddCart .opt_down .opt_down-menu{ /*오버*/ position:absolute; background-color:#fff;width:calc(100% + 2px);left:-1px;;border:1px solid #ddd;overflow:hidden;display:none;max-height:150px;overflow-y:auto; /* z-index:9; */ padding:0;list-style:none; /* z-index:-1 */ } #popAddCart .opt_down .opt_down-menu li{padding:10px;transition:all .2s ease-in-out;cursor:pointer} #popAddCart .opt_down .opt_down-menu li:hover{background-color:#f2f2f2} #popAddCart .opt_down .opt_down-menu li div.pro_title{ height:40px; display:table-cell; vertical-align:middle} #popAddCart .opt_down .opt_down-menu li div.mny{float:right} #popAddCart .opt_option_box{background:#eee;padding:5px 10px;font-size:12px} #popAddCart .opt_option_box .opt dl{border-bottom:0px solid #ddd} #popAddCart .opt_option_box .opt dl dt{display:flex;padding:5px 0} #popAddCart .opt_option_box .opt dl dt > div{display:inline-bloc;width:50%;} #popAddCart .opt_option_box .opt dl dt > div.text-ar{text-align:right;font-size: 15px;} #popAddCart .opt_close{display:inline-block;background:#ddd;width:25px;height:25px;font-size:20px;border-radius:50%;text-align:center;padding-top:1px;margin-top:2px} #popAddCart .opt_total{display:flex;justify-content:space-between;align-items:center;} #popAddCart .opt_total2{display:flex;justify-content:space-between;align-items:center;border-top:2px solid #000;padding:20px 10px;background:#f9f9f9;margin-top:10px} #popAddCart .opt_total2 > div.mny_box .amount b{margin-left:15px;font-size:1.6em} #popAddCart .plus_minus {margin-top:3px;} #popAddCart .plus_minus > div{display:flex;border:1px solid #ddd;margin:0;padding:0;display:inline-block;font-size:0;overflow:hidden;border-radius:4px} #popAddCart .plus_minus div div{display:inline-block;width:auto;width:30px;text-align:center;} #popAddCart .plus_minus div div button{display:inline-flex;justify-content:center;font-size:20px;height:30px;vertical-align:middle;margin:0;padding:4px 5px} #popAddCart .plus_minus div div button.minus{padding:3px 0} #popAddCart .plus_minus div div input{border:0px !important;border-right:1px solid #ddd;border-left:1px solid #ddd;height:30px;width:30px;text-align:center;vertical-align:middle;padding:0 !important} #popAddCart .opt_btn{margin-top:20px;} #popAddCart .opt_btn button{botder-radius:4px;display:inline-block;padding:10px;color:#fff;text-align:center;width:49%;line-height:15px} #popAddCart .opt_btn button.select{background:#333;} #popAddCart .opt_btn button.cancel{background:#fff;border:1px solid #ddd;color:#333} #popAddCart .opt_img{ /* display: block; */ float:left; width: 40px; height: 40px; margin-right: 15.45px; border-radius: 100%; border: 1px solid #fff; box-sizing: border-box; background-size: cover; background-position: center; } /* brand hd */ .brand-hd{ position: relative; margin: 0 0 15px 0;} .brand-hd-img{ position: relative; height: 590px; text-align: center;} .brand-hd-img > img{ height: 590px; width: 1920px; position: relative; object-fit: cover;} .brand-hd-img-tx{ position: absolute; top: 0; left: 0; width: 100%; height: 88px; display: flex; align-items: center; justify-content: center; padding: 0 25px; color: rgb(255 255 255 / 65%);} .brand-hd-img-tx .bg{ position: absolute; top: 0; bottom: 0; left: 0; width: 100%; mix-blend-mode: multiply;} .brand-hd-img-tx .txt{ position: relative; font-size: 17px; display:flex; align-items: center; } .brand-hd-img-tx .txt b, .brand-hd-img-tx .txt strong{ margin-right: 15px;} .brand-hd-img-tx .txt img {vertical-align:baseline} .brand-hd-img-tx .dv-fav{ position: absolute; display: flex; align-items: center; right:50%; margin-right:-600px;} .brand-hd-img-tx .bt-fav{ text-indent: -9999px; width: 24px; height: 22px; margin-right: 14px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; background-image: url(../../images/shop/heart.svg); } .brand-hd-img-tx .bt-fav.on{ background-image: url(../../images/shop/heart_on.svg);} /*찜기능*/ /* .brand-hd-img-tx .dv-fav {display: none;} */ .brand-hd-img-tx .dv-fav b, .brand-hd-img-tx .dv-fav strong{ font-size: 13px; font-weight: 400;} .brand-hd-img-tx .dv-fav strong.on{ font-size: 13px; font-weight: 600; /*color:#ff5c00*/} .brand-hd-desc{ position: absolute; bottom: 0; left: 50%; margin-left: -600px; padding: 45px 45px; background-color: #fff; font-size: 19px; color: #717171; display: flex; flex-direction: column; width: 540px; line-height: 1.6;} .brand-hd-desc b, .brand-hd-desc strong{ font-size: 26px; color: #111; font-weight: 600; margin-bottom: 10px;} /* 단종상품 리스트 */ .discont_list{ display: flex; flex-wrap: wrap; border-top: #111 2px solid; } .discont_list .item{ border: #e1e1e1 1px solid; width: calc(50% - 10px); display: flex; flex-direction: column; position: relative; padding: 20px 90px 20px 20px; margin-top: 20px;} .discont_list .item:nth-child(even){ margin-left: 20px;} .discont_list .item .blt-bx{ display: flex; margin-top: 0;} .discont_list .item .blt-bx span{ display: flex; min-width: 60px; height: 30px; padding: 0 14px; align-items: center; justify-content: center; border-radius: 5px; font-size: 13px;} .discont_list .item .blt-bx span + span{ margin-left: 5px;} .discont_list .item .blt-bx .brand{ background-color: #111; color: #fff; } .discont_list .item .blt-bx .cate{ background-color: #ddd; color: #111; } .discont_list .item .t-tx{ margin: 15px 0 0 0;} .discont_list .item .date{ color: #999; font-size: 14px; margin-top: 5px;} .discont_list .item .state{ position: absolute; transform: translateY(-50%); display: flex; font-size: 14px; width: 50px; height: 50px; top: 50%; right: 20px; border-radius: 50%; background-color: #ff5c00; color: #fff; align-items: center; justify-content: center;} /* funding */ .funding-bx{ padding: 15px 0; border-top: #e1e1e1 1px solid; border-bottom: #e1e1e1 1px solid;} .funding-bx .detail_reser_buy{ border-top: none; padding-top: 0;} .funding-progress{ /*background-color: #fffbf9;*/ margin: 15px 0 0 0; border-top:1px solid #dbdbdb; padding-top:15px } .funding-progress, .funding-progress *{ font-size: 14px;} .funding-progress .funding-tx{ display: flex; justify-content: space-between; align-items: flex-end} .funding-progress .funding-tx .funding-tx-t1 b{ position: relative; color:#FF5C00; font-weight: 400; padding-right: 8px; margin-right: 3px;} .funding-progress .funding-tx .funding-tx-t1 b::after{ content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 10px; display: block; background-color: #ddd; margin-top: -5px;} .funding-progress .funding-tx .funding-tx-t1 b strong { font-size: 24px;} .funding-progress .funding-tx .funding-tx-t2 b{ font-size: 16px;} .funding-progress .funding-tx .gray {color:#9f9f9f} .funding-progress .bar-bx{ position: relative; margin: 10px 0 0 0; } .funding-progress .bar-bx .bar{ overflow: hidden; height: 10px; width: 100%; position: relative; background-color: #ddd; border-radius: 4px; } .funding-progress .bar-bx .bar i{ height: 10px; left: 0; top: 0; position: absolute; background-color: #FF5C00; display: block;} .funding-progress .bar-bx span{ position: absolute; top: 14px; left: 0; font-size: 12px;} .funding-progress .bar-bx span.tx2{ left:auto; right: 0;} .fb__event__list .funding-progress{ background-color: transparent; /*padding: 0; border: none;*/} /* 브랜드 검색 */ .bsch-hd { display: flex; border: #e6e6e6 1px solid; margin: 0 0 80px 0; align-items: center; } .bsch-hd .thumb { width: 400px; height: 185px; overflow:hidden; } .bsch-hd .thumb img { width: 400px; height: 185px; object-fit: cover; object-position: right; object-position: 90% -6px; transform: scale(1.4); } .bsch-hd .desc { position: relative; padding: 54px; flex: 1; display: flex; flex-direction: column; } .bsch-hd .desc .brand-name { font-size: 25px; color: #111; font-weight: 600; margin-bottom: 10px; } .bsch-hd .desc .b-go { color: #777; font-size: 16px; display: flex; align-items: center; } .bsch-hd .desc .b-go::after { content: ''; margin-left: 5px; width: 6px; height: 6px; border-top: #777 2px solid; border-right: #777 2px solid; transform: rotate(45deg); } .bsch-hd .desc .bt-fav { position: absolute; top: 50%; right: 54px; margin-top: -20px; font-size: 11px; display: flex; flex-direction: column; align-items: center; } .bsch-hd .desc .bt-fav span { margin-top: 5px; } .bsch-hd .desc .bt-fav span.on { margin-top: 5px; /*color: #FF5C00;*/ } /* faq */ .faq_list .con-fd{ background-color: #F8F8F8; padding: 20px; line-height: 1.4;} .faq_list .con-fd .tx01{ color: #111;} .faq_list .con-fd .dv-chk{ margin: 10px 0 0 0;} .faq_list .con-fd .textarea{ width: 100%; border: #ddd 1px solid; padding: 15px;} .faq_list .con-fd .bt-send{ margin: 10px auto 0; display: block; text-align: center; text-decoration: none !important; width: 140px; height: 50px; background-color: #111; color:#fff; line-height: 50px; border-radius:5px;} .faq_list .con-fd .con-fd-bd{ margin: 20px 0 0 0; display: ;} .faq_list .con-fd .con-fd-bd .tx02{ text-align: center; margin: 20px 0 0 0; } .faq_list .con-fd .con-fd-bd .bd-btn{ display: flex; justify-content: center; margin: 15px 0 0 0;} .faq_list .con-fd .con-fd-bd .bd-btn a{ background-color: #fff; text-decoration: none !important; padding: 0 20px; border: #111 1px solid; border-radius: 5px; height: 44px; display: flex !important; justify-content: center; align-items: center; color:#111;} .faq_list .con-fd .con-fd-bd .bd-btn a + a{ margin-left: 10px;} .faq_list .con-fd .con-fd-bd .bd-btn a i{ width: 20px; height: 20px; margin-right: 5px;} .faq_list .con-fd .con-fd-bd .bd-btn a i img{ margin: 0 !important;} /* 고객센터 cs */ .pop-lay .pop-inner .pop-bx.pop-voc{ background-color: #fff; width: 800px; padding: 50px 30px 30px; font-size: 13px; line-height: 1.5;} .pop-voc .pop-tab{ display: flex; } .pop-voc .pop-tab a{ border-bottom: #111 1px solid; flex: 1; font-size: 16px; text-align: center; display: flex; height: 40px; justify-content: center; align-items: center; background-color: #F5F5F5;} .pop-voc .pop-tab a.active{ background-color: #fff; color: #111; border:#111 1px solid; border-bottom: #fff 1px solid;} .pop-voc .pop-voc-con{ padding: 0 15px; height: 670px;} .pop-voc .t-tx{ font-size: 20px; font-weight: 600; color: #111; margin: 30px 0 15px;} .pop-voc .voc-proc{ display: flex; width: 100%; margin: 20px 0 0 0; } .pop-voc .voc-proc li{ position: relative; flex: 1; color:#666;} .pop-voc .voc-proc li + li{ margin-left: 4%;} .pop-voc .voc-proc li + li::after{ content: ''; opacity: .4; position: absolute; top: 33px; left: -26px; width: 10px; height: 10px; transform: rotate(45deg); border-top: #F57820 4px solid; border-right: #F57820 4px solid;} .pop-voc .voc-proc li b{ display: flex; margin: 0 0 10px 0; height: 80px; align-items: center; justify-content: center; color: #fff; text-align: center; font-weight: 400; background-color: #F57820; border-radius: 4px; } .pop-voc .voc-tbl{ margin: 10px 0; border-top: #222 1px solid; font-size: 13px;} .pop-voc .voc-tbl thead th{ background-color:#F5F5F5; padding: 5px 0; font-weight: 400; border-bottom: #ddd 1px solid; border-left: #ddd 1px solid; font-size: 13px;} .pop-voc .voc-tbl tbody td{ padding: 5px 10px; text-align: center; border-bottom: #ddd 1px solid; font-size: 13px; border-left: #ddd 1px solid;} .pop-voc .voc-tbl .brdLn{ border-left: none;} .pop-voc .voc-cs{ display: flex; margin: 20px 0 0 0;} .pop-voc .voc-cs .voc-cs-grp{ flex: 1; margin-left: 20px;} .pop-voc .voc-cs .voc-cs-itm{ flex: 1; padding: 15px; border-radius: 10px; background-color: #e9e9e950; border: #ff9850 0px solid; font-size: 14px;} .pop-voc .voc-cs .voc-cs-itm h4{ font-size: 18px; text-align: center; margin: 0 0 20px 0;} .pop-voc .voc-cs .voc-cs-itm + .voc-cs-itm{ margin-top: 10px;} .pop-voc .voc-cs .voc-cs-itm .bt{ font-size: 13px; background-color: #F57820; line-height: 22px; color:#fff; vertical-align: middle; display: inline-block; height: 22px; padding: 0 10px;} .pop-voc .voc-cs .voc-cs-itm ul li + li{ margin-top: 5px;} #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .sch-bx{ position: relative; border: #ccc 1px solid; height: 40px; margin-left: 5px; padding-right: 38px; margin-top: -5px; border-radius: 2px;} #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .sch-bx .inp{ border: none; height: 38px; width: 160px;} #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .sch-bx .sch{ position: absolute; top: 0; right: 0; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center;} #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .sch-bx .sch span{ position: absolute; top: -999px; left: -9999px;} #CLOSED_MALL .sub__body section.list_wrap .list_top .select_wrap .sch-bx .sch img{ filter: invert(100%); width: 20px;} /* 장바구니 알림 레이어*/ .pop-lay.popArm{ z-index:99999; background-color: rgba(0, 0, 0, .4);} .popArm .pop-bx{ position: relative; background-color: #fff; } .popArm .pop-bx .pop-con{ padding: 60px 0 50px; text-align: center; line-height: 1.5; } .popArm .pop-bx .pop-btz{ display: flex; border-top: #111 1px solid;} .popArm .pop-bx .pop-btz > *{ background-color: #fff; color:#111; height: 46px; font-size: 15px; display: flex; align-items: center; justify-content: center; flex: 1; font-weight: 600;} .popArm .pop-bx .pop-btz > *.dark{ background-color: #111; color: #fff; font-weight: 400;} .pop-lay.popArm .pop-inner .pop-close{ top: 10px; right: 8px;} .pop-lay.popArm .pop-inner .pop-close::before, .pop-lay.popArm .pop-inner .pop-close::after{ height: 1px; width: 24px; background-color: #777; margin: -1px 0 0 -12px;} /* 결제수단 헤택 */ .select_payment_type li{ position: relative;} .select_payment_type li .blt-event{ position: absolute; height: 14px; line-height: 14px; width: 60px; left:50%; margin-left: -30px; top: 0; margin-top: -7px; display: flex; align-items: center; justify-content: center; font-size: 10px; background-color: #FF5C00 !important; color: #fff; text-align: center; display: block; border-radius: 20px; } .select_payment_type li .blt-eve{ position: absolute; top: 0; left: 0; display: block; width: 50px; height: 50px; color: #fff; border-radius: 3px; overflow: hidden; } .select_payment_type li .blt-eve::before{ content: ''; position: absolute; top: -3px; left: -15px; transform: rotate(-45deg); border-bottom: #FF5C00 24px solid; border-left: transparent 24px solid; border-right: transparent 24px solid;} .select_payment_type li .blt-eve em{position: relative; display: inline-block; transform: rotate(-45deg); font-size: 10px; padding-top: 7px;} .benefit-bx{ border-radius: 5px; background-color: #faeed7; padding: 15px 20px; line-height: 1.2; margin-bottom: 10px;} .benefit-bx dt{ color: #000; font-weight: 600; width: 100% !important; height: auto !important; line-height: 1.2 !important;} .benefit-bx dd{ font-size: 14px; margin-top: 20px;} .benefit-bx dd ul li + li{ margin-top: 5px;} .benefit-bx dd p{ margin-top: 10px; color: #666; font-size: 12px;} /* 이벤트 뱃지-모바일메인,eventList */ .blt-bx-event{ position: absolute; top: 0; left: 0; display: flex; align-items: center; margin-top: 0;} .blt-bx-event i{ height: 28px; width: 52px; display: flex; align-items: center; justify-content: center; line-height: 28px; font-size: 14px; color: #fff; text-align: center; background-color: #FF601A;} .blt-bx-event i:not(:last-of-type) { border-right: 1px solid white; } /* 리뷰 */ .main-bestrv{ position: relative; display: flex;} .main-bestrv .main-bestrv-itm{ width: 32%; border: #e5e5e5 1px solid;} .main-bestrv .main-bestrv-itm + .main-bestrv-itm{ margin-left: 2%;} .main-bestrv .main-bestrv-itm .dv-sc{ color: #ed6e25; display: flex; width: 82px; height: 30px; margin: 12px auto 12px; align-items: center; justify-content: center; border-radius: 15px; text-align: center; border:#ec6e25 1px solid;} .main-bestrv .main-bestrv-itm .dv-sc .ic { width: 16px; height: 13px; margin-top: -3px; background-image: url(/assets/templet/enterprise/images/shop/real_review/ic_crown.png); background-repeat: no-repeat; margin-right: 3px;} .main-bestrv .main-bestrv-itm .bestrv-bx{ border: none;} .main-bestrv .main-bestrv-itm .thumb img{ height: 384px; object-fit: cover; } .main-bestrv .main-bestrv-itm .thumb video{ height: 384px; object-fit: cover; } .main-bestrv .main-bestrv-itm .desc{ padding: 10px; font-size: 15px;} .main-bestrv .main-bestrv-itm .desc .desc-tx1{ height: 37px; overflow: hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.3;} .main-bestrv .main-bestrv-itm .desc .desc-tx2{ color: #999; margin: 10px 0 0 0;} .main-bestrv .main-bestrv-itm .goods-bx{ margin: 0 10px; padding: 10px 0; border-top: #e5e5e5 1px solid; display: flex; align-items: center; min-height: 84px;} .main-bestrv .main-bestrv-itm .goods-bx.fixed{ height: 81px} .main-bestrv .main-bestrv-itm .goods-bx .img{ width: 50px; height: 50px; border-radius: 50%; overflow: hidden; margin-right: 10px; cursor: pointer;} .main-bestrv .main-bestrv-itm .goods-bx .goods-tx{ flex: 1; font-size: 14px; } .main-bestrv .main-bestrv-itm .goods-bx .goods-tx-tx1{ line-height: 1.3; cursor:pointer;} .main-bestrv .main-bestrv-itm .goods-bx .goods-tx-tx2{ margin: 10px 0 0 0; display: flex; align-items: center; font-size: 13px; color: #999; } .main-bestrv .main-bestrv-itm .goods-bx .goods-tx-tx2 span + span{ position: relative; padding-left: 10px; margin-left: 10px;} .main-bestrv .main-bestrv-itm .goods-bx .goods-tx-tx2 span + span::before{ content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 10px; display: block; background-color: #e1e1e1; margin-top: -5px;} .main-bestrv .main-bestrv-itm .goods-bx .goods-tx-tx2 span strong{ color: #111;} .main-bestrv.review-tx{ max-width: 1200px; margin: 0 auto; overflow: hidden; } .main-bestrv.review-tx .main-bestrv-itm{ border:#e5e5e5 1px solid;} .main-bestrv.review-tx .main-bestrv-itm .review-tx-bx{ padding: 10px; font-size: 15px;} .main-bestrv.review-tx .main-bestrv-itm .revire-star{ display: flex; align-items: center;} .main-bestrv.review-tx .main-bestrv-itm .dv-star{ display: flex; margin-right: 10px;} .main-bestrv.review-tx .main-bestrv-itm .dv-nick{ margin-top: 10px; display: flex; align-items: center; color: #999;} .main-bestrv.review-tx .main-bestrv-itm .dv-nick span + span{ position: relative; padding-left: 10px; margin-left: 10px;} .main-bestrv.review-tx .main-bestrv-itm .dv-nick span + span::before{ content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 10px; display: block; background-color: #e1e1e1; margin-top: -5px;} .main-bestrv.review-tx .main-bestrv-itm .dv-nick span + span.span0{ position: relative; padding-left: 10px; margin-left: 10px;} .main-bestrv.review-tx .main-bestrv-itm .dv-nick span + span.span0::before{ content: ''; position: absolute; top: 50%; left: 0; width: 0px; height: 10px; display: block; background-color: #e1e1e1; margin-top: -5px;} .main-bestrv.review-tx .main-bestrv-itm .dv-txt{ margin: 10px 0 0 0; height: 96px; overflow: hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; line-height: 1.3;} .main-bestrv.review-tx.review-swiper{ flex-direction: column;} /* .main-bestrv.review-tx.review-swiper{ overflow: hidden;} */ .main-bestrv.review-swiper .main-bestrv-itm + .main-bestrv-itm{ margin-left: 0; } #popRv .pop-bx{ background-color: #fff; width: 470px; padding: 20px; border-radius: 15px;} #popRv .popRv-hd{ display: flex; flex-direction: column; align-items: center; padding: 15px 0 20px; border-bottom: #e1e1e1 1px solid; } #popRv .popRv-hd .tit{ font-weight: 400; font-size: 18px;} #popRv .popRv-hd .hd-tx{ background-color: #e1e1e1; padding: 5px 10px; margin: 10px 0 0 0; font-size: 14px;} #popRv .goods-bx{ margin: 20px 0 0 0; display: flex; align-items: center;} #popRv .goods-bx .thumb{ width: 100px; margin-right: 15px; } #popRv .goods-bx .thumb img{ width: 100%; height: 100px; object-fit: cover; } #popRv .goods-bx .desc{ flex: 1;} #popRv .goods-bx .desc .desc-tx{ font-size: 14px; color: #999; margin: 10px 0 0 0;} #popRv .popRv-bt{ margin: 20px 0 0 0; } #popRv .popRv-bt a{ width: 100%; display: block; height: 54px; line-height: 54px; font-weight: 500; background-color: #ec6e25; color: #fff; border-radius: 4px; text-align: center;} #popRv .popRv-ft{ margin: 20px 0 0 0; text-align: right;} /* 상세리뷰 full 팝업 */ .pop-review{ position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(20, 22, 26, 0.8); z-index: 99999;} .pop-review .pop-review-inner{ min-height: 720px; height: 100vh; display: flex; width: 100%;} .pop-review .reviewClose{ position: absolute; top: 0; right: 0; padding: 22px; width: 68px; height: 68px; stroke: #14161a; cursor: pointer;} .pop-review .review-lcon{ position: relative; width: calc(100% - 376px); min-width: 518px; height: 100%; display: flex; } .pop-review .review-lcon .thumb-prev{ position: absolute; width: 96px; height: 100vh; top: 0; left: 0;} .pop-review .review-lcon .thumb-prev::after{ content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; border-top: #707680 1px solid; border-right: #707680 1px solid; display: block; transform: rotate(-135deg); margin: -10px 0 0 -10px;} .pop-review .review-lcon .thumb-next{ position: absolute; width: 96px; height: 100vh; top: 0; right: 0;} .pop-review .review-lcon .thumb-next::after{ content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; border-top: #707680 1px solid; border-right: #707680 1px solid; display: block; transform: rotate(45deg); margin: -10px 0 0 -10px; } .pop-review .review-rcon{ position: relative; width: 376px; height: 100%; background-color: #fff; display: flex; flex-direction: column;} .pop-review .media-con{ position: relative; margin: 0 auto; width: calc(100% - (96px* 2));} .pop-review .media-con .media-con-timg{ position: relative; margin-top: 88px; height: calc(100% - (88px* 2)); width: 100%; overflow: hidden;} .pop-review .media-con .media-con-timg img{ position: absolute; top: 50%; left: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: auto; height: auto; max-height: 100%; text-align: center;} .pop-review .media-con .media-con-simg{ position: absolute; width: 100%; bottom: 24px; text-align: center;} .pop-review .media-con .media-con-simg img{ position: relative; display: inline-block; width: 40px; height: 40px; overflow: hidden; border-radius: 4px; cursor: pointer;object-fit: cover;} .pop-review .media-con .media-con-simg img.on{ border: solid 2px #14161a; filter: grayscale(100%);} .pop-review .review-rcon .review-prd-hd{ border-bottom: solid 1px #ebeff5; padding: 16px 68px 16px 24px;} .pop-review .review-rcon .review-prd-hd .review-prd-hd-goods{ display: flex; align-items: center; height: 74px;} .pop-review .review-rcon .review-prd-hd .review-prd-hd-goods .thumb{ width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin-right: 8px; } .pop-review .review-rcon .review-prd-hd .review-prd-hd-goods .info-bx{ flex: 1; width: calc(100% - 48px);} .pop-review .review-rcon .review-prd-hd .review-prd-hd-goods .info-bx .name{ display: block; width: 100%; font-weight: bold; font-size: 12px; line-height: 18px; color: #14161a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .pop-review .review-rcon .review-prd-hd .review-prd-hd-goods .info-bx .info{ display: flex; align-items: center; color: #707680; font-size: 12px;} .pop-review .review-rcon .review-prd-hd .review-prd-hd-goods .info-bx .star{ width: 13px;} .pop-review .review-rcon .review-prd-hd .review-prd-hd-goods .info-bx .score{ font-weight: 600; margin-right: 5px;} .pop-review .review-rcon .review-prd-bd{ height: calc(100vh - 74px); flex: 1; overflow-y: auto;} .pop-review .review-rcon .review-prd-bd::-webkit-scrollbar{ width: 6px; background-color: transparent} .pop-review .review-rcon .review-prd-bd::-webkit-scrollbar-thumb{ border: 0 solid transparent; border-radius: 4px; background-clip: padding-box; background-color: #cbd3e1;} .pop-review .review-rcon .review-prd-bd::-webkit-scrollbar-track{ padding: 0; background-color: #f3f3f3; border-radius: 4px;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con{ padding: 28px 24px; border-bottom: solid 1px #ebeff5;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con-score{ display: flex; align-items: center; margin: 0 0 24px 0;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con-score .star{ display: flex; align-items: center;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con-score .star > *{ width: 18px; } .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con-score .txt{ margin: 0 0 0 2px; font-size: 14px; line-height: 20px;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con-opt{ border-radius: 4px; border: solid 1px #ebeff5; padding: 8px; font-size: 12px;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con-opt .user{ margin-bottom: 4px; height: 18px; color: #14161a; } .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con-opt .option1{ display: flex; align-items: center; color: #707680;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con-opt .option2{ display: flex; align-items: center; color: #707680; margin-top: 4px;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con-mesg{ margin-top: 16px; font-size: 14px; line-height: 1.43; color: #14161a;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con-like{ width: 100%; margin-top: 16px; height: 18px; position: relative; font-size: 12px; display: flex; align-items: center;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con-like .like{ display: flex; align-items: center; font-size: 12px;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con-like .link{ display: flex; align-items: center; padding: 16px 0 16px 4px; margin-right: 10px; color: #707680;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con-like .link .icon{ width: 16px; height: 16px; vertical-align: top; stroke: #bcc2cc; fill: none;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con-like .link .text{ margin: 0 4px; } .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con-like .link .count{ font-weight: 600; } .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con-like .link.unlike .icon{ transform: rotate(180deg);} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con-like .like-info{ margin-left: auto; display: flex; align-items: center; white-space: nowrap;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con-like .like-info .count{ margin: 0 4px; font-weight: 600;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con-like .like-info .arrow_icon{ -ms-transform: rotate(180deg); transform: rotate(180deg); stroke: #707680; width: 8px; height: 8px;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con-comment{ margin-top: 24px; border-top: 1px solid #ebeff5; padding: 16px 0 0 0;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-con-comment .textarea{ width: 100%; height: 42px; font-size: 12px; padding: 11px 16px;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-thumbnails{ padding: 28px 24px;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-thumbnails .review-prd-bd-review-thumbnails-hd{ display: flex; align-items: center; font-size: 12px; } .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-thumbnails .review-prd-bd-review-thumbnails-hd-tit{ font-size: 16px; color:#000; font-weight: 600;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-thumbnails .review-prd-bd-review-thumbnails-hd-info{ display: flex; align-items: center; margin-left: auto;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-thumbnails .review-prd-bd-review-thumbnails-hd-info .count{ margin-right: 10px;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-thumbnails .review-prd-bd-review-thumbnails-hd-info .buttons{ display: flex; align-items: center;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-thumbnails .review-prd-bd-review-thumbnails-hd-info .prev{ position: relative; width: 28px;height: 28px; border: solid 1px #ebeff5;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-thumbnails .review-prd-bd-review-thumbnails-hd-info .prev::after{ content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; border-top: #bcc2cc 1px solid; border-right: #bcc2cc 1px solid; display: block; transform: rotate(-135deg); margin: -3px 0 0 -3px;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-thumbnails .review-prd-bd-review-thumbnails-hd-info .next{position:relative; width: 28px;height: 28px; border: solid 1px #ebeff5; margin-left: -1px;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-thumbnails .review-prd-bd-review-thumbnails-hd-info .next::after{ content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; border-top: #bcc2cc 1px solid; border-right: #bcc2cc 1px solid; display: block; transform: rotate(45deg); margin: -3px 0 0 -3px;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-thumbnails .review-prd-bd-review-thumbnails-bd{ margin-top: 16px; display: flex; flex-wrap: wrap;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-thumbnails .review-prd-bd-review-thumbnails-bd .itm{ width: 24%; margin: 0 0 1.3% 1.3%;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-thumbnails .review-prd-bd-review-thumbnails-bd .itm:hover{ opacity: .6;} .pop-review .review-rcon .review-prd-bd .review-prd-bd-review-thumbnails .review-prd-bd-review-thumbnails-bd .itm:nth-child(4n+1){ margin-left: 0;} /* popReviewWrite */ #popReviewWrite .pop-bx{ background-color: #fff; width: 800px; padding-bottom: 35px;} #popReviewWrite .pop-close{ top: 35px; right: 35px;} /* 카트 주문서에서 폐쇄몰(패밀리) 패밀리일반상품 구분 라벨*/ /*.blt-bx-cart{ display:flex; margin:0 0 5px 0;}*/ .blt-bx-cart{ display:flex; margin:0;} .blt-bx-cart > *{ display:flex; align-items:center; height:18px; border-radius: 3px; color:#fff; padding:0 5px; font-size:11px; background-color:#ff7022; margin:0 0 5px 0;} .blt-bx-cart > *.gray{ background-color:#666;} .blt-bx-cart > * + *{ margin-left:5px;} /*주문취소 에서 가상계좌환불 메세지*/ .fb__refund-account .gud-bx{ color:#203841; border:#b2c5cc 1px solid; background-color:#e7f5fa; padding:20px; font-size:13px;} .fb__refund-account .gud-bx a{ text-decoration:underline;} /* brand list 쿠폰 */ .brand_hd_slide{ position: relative; width: 1200px; margin: 80px auto 0; overflow: hidden;} .brand_hd_slide .swiper-slide{ position: relative;} .brand_hd_slide .swiper-slide img{ display: block; border-radius: 10px;} .brand_hd_slide .tbx{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 45px; font-size: 30px; color: #111;} .brand_hd_slide .pag{ position: absolute; right: 18px; left: auto; bottom: 18px; text-align: center; font-size: 14px; color: rgba(255,255,255,.6); background-color: rgba(0, 0, 0, .4); width: 77px; height: 28px; line-height: 28px; border-radius: 40px; z-index: 2;} .brand_hd_slide .pag .swiper-pagination-current{ color: rgba(255,255,255,1);} .brand-btCoupon{ position: relative; display: flex; align-items: center; width: 1200px; margin: 40px auto 20px; border-radius: 10px; overflow: hidden; background: linear-gradient(to right, #fe640e 0%,#ff8f50 100%); padding: 0 200px 0 76px; height: 70px; font-size: 16px; color: rgba(255,255,255,1);} .brand-btCoupon span{order:1;} .brand-btCoupon strong{ font-size: 20px; color:#fff; text-align: center; flex:1; margin: 0; order:2;} .brand-btCoupon i{ width: 200px; height: 36px; border-left: rgba(255,255,255,.6) 1px solid; font-size: 16px; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: 0; margin-top: -18px;} .brand-btCoupon i::after{ content: ''; width: 20px; height: 20px; margin-left: 10px; background: url(/assets/templet/enterprise/images/shop/brand/download_pc.png) no-repeat 50% 50% / 20px auto;} /* 리뷰목록 */ .reviews_index{ max-width: 1200px; margin: 0 auto;} .widget_header_basic{ display: flex; border-bottom: 2px solid #14161a; padding: 16px 0; width: 100%;} .widget_header_basic__title_container{ flex-grow: 1; line-height: 30px; font-size: 20px; color: #14161a;} .filter_sort_basic__sort_search_list {border-bottom: 1px solid #ebeff5;} .filter_sort_basic__sort_list{ display: block; margin-left: 12px; font-size: 0;} .filter_sort_basic__sort_list_item { cursor: pointer; display: inline-block; padding: 22px 12px; font-size: 14px; line-height: 20px; color: #bcc2cc;} .filter_sort_basic__sort_list_item--selected { color: #14161a; font-weight: bold;} /* bigin 추천영역*/ .bigin-div .devListContents__title { display: none; font-size: 28px !important; font-weight: 700; margin-bottom: 25px; letter-spacing: -0.05em !important; text-align: center !important; font-family: inherit !important; color: rgb(34, 34, 34) !important; } /* 20241119 리뷰 */ .goods_rv_img{ display: flex; } .goods_rv_img_itm{ flex: 1; background-color: #f5f5f5; padding: 30px; display: flex; flex-direction: column; } .goods_rv_img_itm + .goods_rv_img_itm{ margin-left: 10px;} .goods_rv_img_itm .goods_rv_img_hd{ display: flex; justify-content: center; align-items: center; color:#121212; font-size: 18px; font-weight: 600; line-height: 22px;} .goods_rv_img_itm .goods_rv_img_hd i{ position: relative; width: 20px; height: 20px; background-color: #121212; border-radius: 50%; margin-right: 8px;} .goods_rv_img_itm .goods_rv_img_hd i::before{ content:''; display: block; background-color: #fff; position: absolute; width: 8px; height: 2px; top: 50%; left: 50%; margin: -1px 0 0 -4px;} .goods_rv_img_itm .goods_rv_img_hd i::after{ content:''; display: block; background-color: #fff; position: absolute; width: 8px; height: 2px; top: 50%; left: 50%; margin: -1px 0 0 -4px; transform: rotate(90deg);} .goods_rv_img_itm ul{ display: flex; margin: 20px 0 0 0; justify-content: center;} .goods_rv_img_itm ul li{ position: relative; width: 184px; display: flex; flex-direction: column; align-items: center;} .goods_rv_img_itm ul li + li{ margin-left: 44px; padding-left: 44px; width: 228px;} .goods_rv_img_itm ul li + li::before{ content:''; position: absolute; top: 12px; left: 0; width: 1px; height: 130px; display: block; background-color:#e1e1e1;} .goods_rv_img_itm ul li i{ height: 104px; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 60px; width: 100%;} .goods_rv_img_itm ul li div{ color:#515050; margin: 20px 0 0 0; text-align: center;} .goods_rv_img_itm ul li div span{ display: block; color: #ff5e00; font-weight: 600;} .real-review-hd-img{ display: flex;} .real-review-hd-img-itm{ flex: 1; background-color: #fff; padding: 54px 0 58px 58px;} .real-review-hd-img-itm + .real-review-hd-img-itm{ margin-left: 10px;} .real-review-hd-img-itm .real-review-hd-img-hd{ font-weight: 600; color: #3e3e3e; font-size: 20px; border-bottom: #c3c2c1 1px solid; padding: 0 0 18px 0; margin-right: 58px; margin-bottom: 32px;} .real-review-hd-img-itm .real-review-hd-img-hd strong{ color:#f46526;} .real-review-hd-img-itm ul{ display: flex;} .real-review-hd-img-itm ul li{ width: 146px; } .real-review-hd-img-itm ul li div{ display: flex; flex-direction: column; justify-content: center; height: 153px; background: url(/assets/templet/enterprise/images/shop/real_review/img_rlRv.png); color: #f4733a; font-size: 12px; } .real-review-hd-img-itm ul li div b{ width: 120px; text-align: center; font-size: 30px; font-weight: 900;} .real-review-hd-img-itm ul li div span{ width: 120px; text-align: center;} .real-review-hd-img-itm ul li p{ display: flex; justify-content: center; padding: 0 27px 0 0;} .real-review-hd-img-itm ul li p span{ color: #fff; line-height: 28px; border-radius: 15px; background-color: #f4733a; font-size: 13px; min-width: 86px; text-align: center; padding: 0 10px;} .review_pop{ background-color: #fff; width: 100%; padding: 80px 95px;} .review_pop .review_pop_txt{ font-size:18px; color:#414141; width: 674px; margin: 0 auto;} .review_pop .review_pop_txt li{ text-indent: -10px; padding-left: 10px;} .review_pop .review_pop_txt li + li{ margin-top: 10px;} .review_pop .review_pop_pcs{ display: flex; width: 674px; margin: 60px auto 0;} .review_pop .review_pop_pcs li{ position: relative; flex: 1; width: 140px;} .review_pop .review_pop_pcs li + li{ margin-left: 38px;} .review_pop .review_pop_pcs li + li::before{ content: ''; position: absolute; top: 70px; left: -38px; width: 38px; height: 1px; background-color: #f4733a;} .review_pop .review_pop_pcs li i{ position: absolute; top: -8px; right: 0; width: 42px; height: 42px; display: block; color: #fff; background-color: #f4733a; border-radius: 50%; line-height: 42px; font-size: 15px; text-align: center;} .review_pop .review_pop_pcs li div{ width: 140px; height: 140px; border: #f4733a 2px solid; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 13px; color: #f4733a;} .review_pop .review_pop_pcs li div b{ font-size: 32px; font-weight: 900;} .review_pop .review_pop_pcs li p{ font-size:15px; color: #424242; margin: 15px 0 0 0; text-align: center;} /* 리뷰작성할때옵션select */ .fb__review-write .review-write__item__img{ vertical-align: top; width: 114px; height: 114px;} .fb__review-write .review-write__item__info{ width: calc(100% - 115px);} .fb__review-write .review-write__item__date .select{ display: block; margin-top: 10px; min-width: 200px; font-size: 13px; height: 34px; line-height: 34px; padding: 0 40px 0 10px; background: url(/assets/templet/enterprise/images/common/select_arrow.png) no-repeat 100% center / 21px auto !important; } .support_div{ margin: 15px 0; color: 222 } /*리얼리뷰 <> arrow*/ .review-tx.review-swiper .swiper-pagination { top:auto; position: relative; bottom: auto; margin: 30px 0 0 0; } /*loading-bar dim*/ .loading_div{ display: none; position: fixed; top: 0; left: 0; width: 100%; bottom: 0; background-color: rgba(0,0,0,.6); z-index: 999999;} .loading_div::before { content: ''; position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; width: 32px; height: 32px; margin-right: 8px; background: url("/assets/mobile_templet/mobile_enterprise/images/common/loading_bar.gif") no-repeat; background-size: 100%; display: block; } .fb__tooltip .tooltip__icon{ background: none; font-size: 14px; vertical-align: middle; cursor: pointer; color: #888; border-radius: 10px; line-height: 20px; text-align: center; border: #ddd 1px solid;} .coupon__tooltip .fb__infolayer{ border-color:#ababab; border-radius: 10px; top: -58px; right: -20px; } .coupon__tooltip .fb__infolayer__top{ border:none;} .coupon__tooltip .fb__infolayer__title{ font-weight:400; } @keyframes burst { to { transform: translate(var(--x), var(--y)) rotate(var(--deg)) scale(1.5); opacity: 0; } } .burst-emoji { position: absolute; animation: burst 1s ease-out forwards; pointer-events: none; user-select: none; }