/* * @file - custom_add_230502.css * @author - Joy * @contact - @geekstudio.co.kr * */ .ico_info.gy{ background: url(../img/icon/ico_info_gy.svg) 50% / contain no-repeat; margin: 0 5px 0 0; width: 18px; height: 18px;} .ico_info.org{ background: url(../img/icon/ico_info_org.svg) 50% / contain no-repeat; margin: 0 5px 0 0;} .ico_help{ display: inline-block; margin: 0 5px 0 0; width: 22px; height: 22px; background: url(../img/icon/ico_help_gy.svg) 50% / contain no-repeat; vertical-align: bottom;} #wrap #formJoin .jo{ border-color: #FB4C02;} #wrap .text_warning{ position: relative; padding-left: 20px; color: #FB4C02;} #wrap .text_warning::before{ content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 16px; height: 16px; background: url(../img/icon/ico_info_org.svg) 50% / contain no-repeat;} /* **************************************** * * LAYOUT * **************************************** */ /* gnb - mouseover시 dim처리 */ #header_wrap.dim::after{ content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.3); z-index: 151; } /* #header .gnb_menu_box li > div{ display:none; flex-direction: column; position:absolute; top: 100%; left: 0; z-index: 100; padding: 25px 30px; width: 1400px; min-height: 300px; background:#ffffff; border: none; border-top: 1px solid #f1f1f1;} */ #header .gnb_menu_box li > div{ display:none; flex-direction: column; position:absolute; top: 100%; left: 0; z-index: 155; padding: 30px; width: 1400px; min-height: 300px; background:#ffffff; border: none; border-top: 1px solid #f1f1f1;} #header .gnb_menu_box li:hover > div{ display: flex;} #header .gnb_menu_box li > div .tit{ font-size: 18px; font-weight: 500; text-align: left; color: #212121;} #header .gnb_menu_box li > div .tit + div{ display: flex; margin: 30px 0 0;} #header .gnb_menu_box li > div .list_box{ margin: 0 20px 0 0;} #header .gnb_menu_box li > div .list_box > ul{ text-align: left;} #header .gnb_menu_box li > div .list_box > ul li {margin-bottom: 23px;} #header .gnb_menu_box li > div .list_box > ul li a { position: relative; display: block; font-size: 16px; line-height: 21px; word-break: keep-all; color: #444;} #header .gnb_menu_box li > div .list_box > ul li a:hover{ text-decoration: underline; text-underline-offset: 3px;} #header .gnb_menu_box li > div .list_box > ul li:first-of-type a{ padding-top: 0;} #header .gnb_menu_box li > div .list_box > ul li a span{ display: inline-block; margin: 0 10px 3px; width: 7px; height: 7px; border-top: 1px solid #444; border-right: 1px solid #444; transform: rotate(45deg);} #header .gnb_menu_box li .banner_box{ flex: 1; text-align: right;} #header .gnb_menu_box li .banner_box ul{ display: flex; justify-content: flex-end; } #header .gnb_menu_box li .banner_box ul li{ margin: 0 20px 0 0;} #header .gnb_menu_box li .list_box .brand li{ max-width: 200px; text-align: center;} #header .gnb_menu_box li .list_box .brand li a{ padding: 0;} #header .gnb_menu_box li .list_box .brand li span{ display: inline-block; margin: 9px 0 25px;} #header .gnb_menu_box li .list_box .brand li a span{ display: none;} #header .sec_top div.header_search{ justify-content: space-between; } #header .sec_top div.header_search .sch_box{ /*margin-left: 70px;*/} #header .hot_list_wrap .search_hot_list{ margin-left: 25px; width: 215px;} #header .sec_top ul.top_member_box{ /*flex: 1;*/ justify-content: flex-end;} #header .sec_top ul.top_member_box > li{ padding-right: 19px;} #header .sec_top ul.top_member_box > li::after{ top: 5px; height: 10px;} /* #header .btn_link_switch .onoff_switch{ padding-left: 93px;} */ #header .btn_link_switch input:checked + .onoff_switch::after{ right: 18px;} .item_cont .item_info_cont .item_money_box > p{ margin-top: 0;} /* **************************************** * * SUB * **************************************** */ /* 베스트 */ #bestW .tab_box{ padding: 40px 0; padding-bottom: 0;} #bestW .tab_box{ padding: 40px 0; padding-bottom: 0;} #bestW .tab_list.round > ul{ display: flex; align-items: flex-start; margin: 40px auto 60px; max-width: 100%;} #bestW .tab_box .tab_list > ul li a{ background: #f1f1f1; color: #000;} #bestW .tab_box .tab_list > ul li.on a{ background: #000; color: #fff;} #bestW .tab_cont{ margin: 10px 0 0;} #bestW .goods_box{ margin: 80px 0 0;} #bestW .best_icon{ margin-bottom: 10px; font-size: 18px; color: #000; /*text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px;*/} #bestW .best_icon span{ font-weight: 500;} #bestW .best_icon span{ font-weight: 500;} #bestW .gift{ margin-top: 10px;} #bestW .gift{ margin-top: 10px;} #bestW .gift .best_icon{ display: none;} #bestW .gift .img_box{text-align: center;} #bestW .gift .img_box{text-align: center;} #bestW .gift .img_box ul{ display: flex; justify-content: space-between;} #bestW .gift_best_wrap{ position: relative; margin: 100px 0 0 ;} #bestW .gift_best_wrap .goods_list_cont{ margin: 50px 0 0;} #bestW .gift_best_wrap .round{ top: 52%;} #bestW .gift_best_wrap .round{ top: 52%;} #bestW .gift_tab_wrap{ position: relative; margin: 200px 0 140px;} #bestW .gift_tab_wrap .tab_list.round > ul li{ display: flex; align-items: center; margin: 0;} #bestW .gift_tab_wrap .tab_list.round > ul > li{ position: relative; flex: 1; padding: 0 45px; font-size: 20px; overflow: hidden;} #bestW .gift_tab_wrap .tab_list.round > ul > li:first-child{ padding-left: 0;} #bestW .gift_tab_wrap .tab_list.round > ul > li:last-child::before{ content: ""; position: absolute; top: 20px; left: 0; width: 1px; height: 20px; background: #9b9b9b;} #bestW .gift_tab_wrap .tab_list.round > ul > li:last-child{ padding-right: 0;} #bestW .gift_tab_wrap .tab_list.round > ul ul{ justify-content: flex-start; flex-wrap: wrap;} #bestW .gift_tab_wrap .tab_list.round > ul ul li{ margin: 0 6px 12px;} #bestW .gift_tab_wrap .tab_list.round > ul ul li:last-child{ margin-right: 0;} #bestW .btn_link_all{ margin-top: 0;} #bestW .gift_contents_tab_wrap{ margin-bottom: 140px;} #bestW .gift_contents_tab_wrap .tab_list > ul{ flex-wrap: wrap;} #bestW .gift_tab{ position: relative;} #bestW .gift_tab button.round{ top: 150px;} #bestW .swiper_ban .img_box{ height: 295px; overflow: hidden;} #bestW .swiper_ban .img_box img{ height: 100%;} #bestW .swiper_ban .tit, #bestW .swiper_ban .desc{ text-align: left;} #staffReviewW.inner{ padding-bottom: 160px;} #staffReviewW .tab_list {margin: 40px 0 30px;} #staffReviewW .tab_cont {margin-top: 20px;} #staffReviewW .board_list_gallery.grid .goods_list_cont {margin-top: 54px;} #staffReviewW .board_list_gallery.grid .goods_list_cont .item_info_cont{ flex: 1;} #staffReviewW .board_list_gallery.grid > li {margin: 0 0 80px;} #staffReviewW .goods_list_cont .item_block li:last-child {margin-bottom: 0;} #staffReviewW .no_data{ border-bottom: 0 !important;} /* 메소니레이아웃 */ .board_list_gallery.grid .gallery_cont{ padding: 0 36px;} .board_list_gallery.grid .goods_list_cont{ padding: 0; padding-left: 14px; margin-top: 48px;} .board_list_gallery.grid .goods_list_cont .item_cont{ padding: 0;} .board_list_gallery.grid .goods_list_cont .btn_basket_cart{ width: 80px;} /* 게시판 */ .comment_before_box{ padding-bottom: 15px;} .comment_before_box p{ font-weight: 400;} .comment_before_box .btn_bd_bk{ height: 50px; line-height: 50px; font-weight: 400;} /* div.sch_total{ font-weight: 300;} */ .list_option_box ul.sort li::after{ height: 55%; top: 7px;} /* .list_option_box ul.sort li button.on{ font-weight: 400;} */ #wrap .comment_list_box > ul > li{ border-bottom: 1px solid #dbdbdb;} #wrap .comment_list_box .dis_flex{ padding: 20px 10px;} /* 신제품 */ #goodsNewW .tab_box{ margin: 40px 0 27px;} /* #goodsNewW .board_list_gallery .gallery_cont img.icon{ top: 5px; left: -4px;} */ #goodsMakeW .tab_box{ margin: 40px 0 27px;} #goodsMakeW .board_zone_list{ margin-top: 80px;} .boardImg_box .btn_box a.btn_bd_bk{ line-height: 49px;} /* div.boardInfo_box{ width: 100%; padding: 25px 20px 0 60px;} */ /* div.boardInfo_box .info_tit{ font-weight: 400;} */ div.boardInfo_box p:not(.info_tit){ line-height: 1.3; word-break: keep-all; font-size: 16px; color: #707070;} div.boardInfo_box p:not(.info_tit) *{ font-size: 16px;} /* 세일중 */ #saleW div.tab_box{ margin: 40px 0 30px;} #saleW .main_time_wrap .tit{ margin-top: 10px;} /* 리뷰 - 직원리뷰 */ .board_list_gallery.grid .board_img{ display: block;} .board_list_gallery.grid .board_img .gallery_info_cont{ width: auto; position: relative; top: 0; margin-top: -50px; z-index: 10;} .board_list_gallery.grid .board_img .gallery_info_cont h4{ display: inline-block; font-size: 36px; line-height: 1.3; text-align: left; color: #000; padding: 5px 10px; font-weight: 500;} .reviewSwiper {position: relative; overflow: hidden;} .reviewSwiper > ul{ display: flex !important;} .reviewSwiper > ul li img{ width: 100%;} .reviewSwiper > button{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 15; width: 68px; height: 68px; font-size: 0;} .reviewSwiper > .review_prev{ left: -1px;transform: translateY(-50%) scaleX(-1);} .reviewSwiper > .review_next{ right: -1.5px;} .staff_review_list .recomm_box{margin-bottom: 40px;} .staff_review_list .recomm_box li{ float: none; display: flex; justify-content: center; align-items: flex-start; padding: 15px 30px; margin-bottom: 7px; background: #f8f8f8; border-radius: 8px; overflow: hidden; line-height: normal; color:#707070;} .staff_review_list .recomm_box li > div{ display: flex; align-items: center;} .staff_review_list .recomm_box .ico{ width: 100px;} .staff_review_list .recomm_box .ico svg{ margin-right: 10px;} .staff_review_list .recomm_box .txt{ flex: 1; flex-wrap: wrap; word-break: keep-all; color: #707070;} /* **************************************** * * LAYER * **************************************** */ /* 장바구니 팝업 */ /* 옵션 */ #optionViewLayer .info_option .case { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 10px 30px; border: 1px solid #dbdbdb; line-height: normal; cursor: pointer; border-radius: 4px; margin-bottom: 5px; overflow: hidden; } #optionViewLayer .info_option .case.img { padding: 0; } #optionViewLayer .info_option .case img {width: 100%;} #optionViewLayer .info_option .case.active{border-color: #fb4c02; font-weight: bold;} #optionViewLayer .info_option .case .option_name { display: flex; flex-direction: column; color: #060606; word-break: break-all; white-space: normal; word-wrap: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } #optionViewLayer .info_option .case .option_name .memo{ margin-top: 5px; font-size: 14px; color: #fb4c02;} #optionViewLayer .info_option .case .right { display: flex; align-items: center; margin-top: 4px; } #optionViewLayer .info_option .case .right strong { font-weight: 600; margin-right: 5px; } #optionViewLayer .info_option .case .right span { font-size: 14px; color: #fb4c02; } /* 상품 품절일때 */ #optionViewLayer .info_option .case.sold-out { position: relative; cursor: default; /* margin-top: 30px; overflow: visible; */ } /* #optionViewLayer .info_option .case.sold-out::before { display: block; content: "[품절]"; position: absolute; top: -25px; left: 0; font-size: 14px; } */ #optionViewLayer .info_option .case.sold-out::after { display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(242,242,242,.8); } #optionViewLayer .info_option .case.sold-out .option_name { font-size: 15px; font-weight: 500; } #optionViewLayer .btn_bk:disabled { background: #dbdbdb; cursor: default; } #optionViewLayer .option_select_box dl{ margin-bottom: 10px;} #optionViewLayer .option_select_box dl dt{ padding: 5px 0;} #optionViewLayer .item_choice_list .count{ display: inline-block; padding: 0; margin: 10px 0 0;} #optionViewLayer .item_choice_list .count .goods_qty{ display: flex; background: #fff; border: 1px solid #dbdbdb; border-radius: 6px;} #optionViewLayer .item_choice_list .count .goods_qty button{ position: relative; display: block; width: 30px; height: 30px; margin: 0; background: transparent; text-indent: -9999px;} #optionViewLayer .item_choice_list .count .goods_qty input { padding: 0 5px; width: 40px; height: 30px; border: none; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-radius: 0; color: #000; font-size: 12px; line-height: 31px; text-align: center;} #optionViewLayer .item_choice_list .count .goods_qty .down::after{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 10px; height: 1px; background: #000;} #optionViewLayer .item_choice_list .count .goods_qty .up::before{ content: ""; position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%) rotate(90deg); width: 10px; height: 1px; background: #000;} #optionViewLayer .item_choice_list .count .goods_qty .up::after{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 10px; height: 1px; background: #000;} #optionViewLayer .item_choice_list .delete_goods{ position: relative; display: inline-block; width: 20px; height: 20px; padding: 9px;} #optionViewLayer .item_choice_list .delete_goods i{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); width: 20px; height: 1px; background: #000;} #optionViewLayer .item_choice_list .delete_goods i:last-child{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg); width: 20px; height: 1px; background: #000;} /* 추가상품 */ #optionViewLayer .item_add_preview{ margin-top: 20px;} #optionViewLayer .item_add_preview > .tit{ margin: 0 0 5px;} #optionViewLayer .item_choice_divide .item_choice_tit{ word-break: keep-all; white-space: normal; word-wrap: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; color: #000; overflow: hidden; padding-bottom: 0;} #optionViewLayer .item_choice_divide .count{ display: none;} #optionViewLayer .item_choice_list .delete_add_goods{ position: relative; display: inline-block; width: 20px; height: 20px; padding: 9px;} #optionViewLayer .item_choice_list .delete_add_goods i{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); width: 20px; height: 1px; background: #000;} #optionViewLayer .item_choice_list .delete_add_goods i:last-child{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg); width: 20px; height: 1px; background: #000;} #optionViewLayer .add_goods{ display: flex; justify-content: space-between; padding: 15px; margin: 0 0 5px; border: 1px solid #e1e1e1; border-radius: 4px;} #optionViewLayer .add_goods .img{ width: 80px; height: 80px; overflow: hidden;} #optionViewLayer .add_goods .info{ position: relative; flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin-left: 15px;} #optionViewLayer .add_goods .info .tit{ word-break: keep-all; white-space: normal; word-wrap: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; color: #000;} #optionViewLayer .add_goods .info .bn_opt{ position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 38px; padding: 0 20px; margin: 12px 0 0; background: #fff; border: 1px solid #e1e1e1; border-radius: 4px; font-size: 14px; text-align: left; color: #707070;} #optionViewLayer .add_goods .info .bn_opt.selected svg{ transform: rotate(180deg);} #optionViewLayer .add_goods .info .bn_opt + .optbx{ position: absolute; top: calc(100% - 6px); z-index: 100; width: 100%; max-height: 150px; padding: 10px; background: #fff; border: 1px solid #e1e1e1; border-radius: 4px; overflow: auto; } #optionViewLayer .add_goods .info .bn_opt + .optbx li:not(.disabled){ cursor: pointer;} #optionViewLayer .add_goods .info .bn_opt + .optbx li:not(.disabled):hover{ font-weight: 500;} /* **************************************** * * MEMBER * **************************************** */ /* 공통 */ .member_sub_wrap .inner:not(#joinOk) {width: 480px; padding: 60px 0 0 ;} .member_sub_wrap .member_tit {text-align: center;} .member_sub_wrap .member_tit h2, .member_sub_wrap h3 {font-size: 30px; color: #000;} .member_sub_wrap .member_tit p {margin-top: 25px; font-size: 16px; word-break: keep-all; line-height: normal; color: #707070; } .member_sub_wrap .member_tit p strong {color: #000;} .member_sub_wrap .member_tit .btn_kakao{ margin: 45px 0 5px;} .member_sub_wrap .member_tit .btn_kakao span{ padding: 0 0 0 30px; background: url(../img/icon/ico_kakao.svg) 0 50% no-repeat;} .member_sub_wrap .member_tit .progress_bar{ display: flex; margin: 45px 0; font-size: 0;} .member_sub_wrap .member_tit .progress_bar li{ position: relative; width: calc(100% / 3); height: 2px; background: #DBDBDB;} .member_sub_wrap .member_tit .progress_bar li::after{ content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 6px; height: 6px; background: #DBDBDB; border-radius: 50%;z-index: 5;} .member_sub_wrap .member_tit .progress_bar li.on{ background: #000;} .member_sub_wrap .member_tit .progress_bar li.on::after{ background: #000;} .member_sub_wrap .member_tit .progress_bar li.on::before{ content: ""; position: absolute; top: 50%; right: -6px; transform: translateY(-50%); width: 18px; height: 18px; background: #00000033; border-radius: 50%; z-index: 5;} .member_sub_wrap .member_cont{ margin: 50px 0 0;} .body-login .member_sub_wrap .member_cont{ margin: 0;} /* .member_sub_wrap .form_block{ margin: 20px 0 0;} */ .form_block input[type="text"], .form_inline input[type="text"] {height: 60px; border-color: #DBDBDB; margin-bottom: 10px; font-size: 16px; padding: 0 20px;} .form_block input::placeholder, .form_inline input::placeholder {color: #9B9B9B;} .member_sub_wrap .message{ margin: 15px 0 20px;} .member_sub_wrap .btn_box {margin-top: 30px; text-align: center;} .member_sub_wrap .btn_box button { width: 100%; height: 60px; font-size: 18px;} .member_sub_wrap .btn_box ul{ display: flex; justify-content: space-between;} .member_sub_wrap .btn_box ul li{ width: calc(50% - 5px);} .member_sub_wrap .sns li .btn_naver_login img{ width: 40px;} .member_sub_wrap .sns li .btn_kakao_login img{ margin: 10px;} .member_sub_wrap h3 + p{ margin: 0 0 20px;} .member_sub_wrap h4 + p{ padding: 12px 0;} .member_sub_wrap p { font-size: 14px; color: #707070;} .member_sub_wrap .join_banner{ margin-top: 40px;} .member_sub_wrap .join_prev{ position: absolute; top: 50%; left: 10px; transform: translateY(-50%) scale(-1); z-index: 10; width: 20px; height: 20px; background: url(../img/icon/ico_arr_gray.svg) no-repeat; background-size: 24px; background-position: center;} .member_sub_wrap .join_next{ position: absolute; top: 50%; right: 10px; transform: translateY(-50%); z-index: 10; width: 20px; height: 20px; background: url(../img/icon/ico_arr_gray.svg) no-repeat; background-size: 24px; background-position: center;} .member_sub_wrap .join_pagination{ padding: 0 20px; font-size: 13px; text-align: right; letter-spacing: -1.5px; color: #707070;} /* 로그인 */ #login .form_chk.inline{ margin-top: 13px;} #login .form_chk.inline label{ margin-right: 30px;} #login .form_block input::placeholder {font-size: 16px;color: #9b9b9b;} .find {margin: 30px 0;} .find ul {display: flex; align-items: center; justify-content: center;} .find ul li {position: relative; padding: 0 20px;} .find ul li::after {display: block; content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 70%; background-color: #C9C9C9; transform: translateY(-40%);} .find ul li:last-child::after {display: none;} .find ul li a {color: #9B9B9B;} #login .sns ul{ display: flex; justify-content: center;} #login .sns li{ flex: 1; margin-right: 1%;} #login .sns li:last-child{ margin: 0;} #login .sns li a{ display: flex; justify-content: center; align-items: center; padding-right: 10px; height: 60px; font-size: 18px; text-indent: -5px;} #login .btn_box .tooltip{ position: relative; display: inline-block; width: auto; height: auto; margin: 15px auto 0 auto; padding: 12px 18px; color: #707070; border: none; box-shadow: 0 1px 8px 0 rgba(132,132,132,.2);} #login .btn_box .tooltip::after{ position: absolute; content: ''; top: -5px; left: 50%; width: 10px; height: 10px; background: #fff; transform: translateX(-50%) rotate(45deg); box-shadow: -1px -1px 2px -1px rgba(0,0,0,.1);} #login .btn_box .tooltip strong{ color: #fb4c02;} #login .btn_box .tooltip .i{ display: inline-block; padding: 0 0 8px; margin: 0 0 0 15px; font-size: 24px; line-height: 0; vertical-align: middle;} /* 아이디 찾기 */ .find_complete_box{ display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; line-height: normal; margin-bottom: 10px;} .find_complete_box p{ font-size: 16px; color: #000;} .form_findId .form_cont{margin-top: 20px;} .form_findId .form_cont > div:first-child{ flex: 1;} .form_findId .form_block input{ margin: 0 0 10px !important;} .form_findId .form_inline .email_select{ width: 130px; height: 60px; line-height: 60px; margin: 0 0 10px 10px; font-size: 16px; color: #9B9B9B; border-color: #DBDBDB;} #wrap .form_findId .form_inline input, #wrap .form_findId .form_inline select {margin-bottom: 0;} .form_findId input[type="radio"]:checked + label::before{ border: 1px solid #000;} .form_findId input[type="radio"]:checked + label::after{ top:0; left:0; width: 16px; height: 16px; background-color: #000;} .form_findId .btn_box > a {display: block; width: 100%; height: 60px; line-height: 60px; font-size: 18px;} /* .form_findId .findId {margin-top: 10px;} */ .form_findId .findId .link_all {color: #000; text-decoration: underline;} /* 비밀번호 찾기 */ .form_findPw .btn_box{ margin: 30px 0 0 0;} .form_findPw_auth .form_radio li{ margin-bottom: 25px; font-size: 14px;} .form_findPw_confirm .time{ margin: 15px 0 20px;} .form_reset .form_block{ margin: 10px 0;} #findPwStep1 .findId .link_all {color: #000; text-decoration: underline;} #findPwStep2 .progress_bar .step_1.on::before, #findPwStep2 .progress_bar .step_1.on::after {display: none;} #findPwStep2 .box_gy strong {display: block;} #findPwStep2 .box_gy span {display: block; margin-top: 5px;} #findPwStep2 .form_radio li:last-child {margin-bottom: 0;} #findPwStep2 .form_radio li label {margin-bottom: 5px;} .member_sub_wrap .text_warning {margin-top: 10px;} .member_sub_wrap .text_warning strong {font-weight: 400;} /* 휴면 해제 */ .wake .complete{ padding:20px 0; font-size:18px; color:#222222;} .wake .wake_date{ padding:25px; background:#f4f4f4; font-size: 0; overflow:hidden;} .wake .wake_date li{ display: inline-block; width:50%; color:#aaaaaa;} .wake .wake_notice{padding:20px 0 30px 0; line-height: 23px; font-size:12px; color:#797979;} .wake .wake_notice em{display:block; padding:10px 0 0 0; font-weight:bold;} .wake .none_wake{border-bottom:1px solid #dbdbdb;} .wake .none_wake p{padding:30px 0; text-align:center; font-size:18px; color:#868686;} .wake .wake_ok{border-bottom:1px solid #dbdbdb;} .wake .wake_ok p{padding:30px 0; text-align:center; font-size:18px; color:#868686;} /* 비회원 주문조회 */ #login .nonmember_wrap .member_cont{ margin: 80px 0 0;} #login .nonmember_wrap .txt_box { display: flex; padding: 20px 0;} #login .nonmember_wrap .ico_info.bk{ margin-top: 3px;} #login .nonmember_wrap .js_caution_msg2{ width: 80%; font-size: 14px; line-height: normal; word-break: keep-all; color: #000;} #login .nonmember_wrap .line{ background: #dbdbdb;} #login .nonmember_wrap .join_box{ padding: 20px 0; text-align: center;} #login .nonmember_wrap .join_box p{ font-size: 18px; line-height: normal; color: #000;} #login .nonmember_wrap .img_box{ padding: 40px 0 10px;} /* 회원가입 */ #join_method .member_tit .btn_kakao{ margin-top: 30px;} #join_method .member_cont{ margin: 0;} #join_method .btn_box .sns{ flex-direction: column; margin: 0;} #join_method .btn_box .sns li{ width: 100%; margin-bottom: 10px; padding: 0;} #join_method .btn_box .sns li::after{ display: none;} #join_method .btn_box .sns button a{ float: initial; display: flex; justify-content: center; align-items: center; color: #000;} #join_method .btn_box ul{ justify-content: center;} #join_method .btn_box ul li {position: relative; width: auto;} #join_method .btn_box ul li::after {display: block; content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 20%; background-color: #C9C9C9; transform: translateY(-40%);} #join_method .btn_box ul li:last-child::after {display: none;} #join_method .btn_box ul li > a{ float: initial; display: inline-block; padding: 20px; color: #9B9B9B;} #join_method .btn_box + .bg_box{ margin: 30px 0 0; padding: 15px 20px;} #join_method .btn_box + .bg_box dt{ padding: 3px 0 15px;} #join_method .btn_box + .bg_box dl:last-of-type dt{ padding-bottom: 0;} #join_method .btn_box + .bg_box dd{ margin: 0 0 15px; line-height: normal;} #join_method .btn_box + .bg_box dl:last-of-type dd{ margin: 15px 0 0;} #join_method .btn_box + .bg_box span{ top: 10px;} #join_agreement .txt_org{ color: #FB4C02;} #join_agreement .agreement_box{ padding: 23px 20px; border: 1px solid #f1f1f1; border-radius: 5px;} #join_agreement .all_chk_box .form_chk .txt_org{ position: absolute; right: 0; margin: 0;} #join_agreement .all_chk_box p{ padding: 0 0 0 35px;} #join_agreement .chk_box{ padding: 15px 0 0; background: none; border-top: 1px solid #f4f4f4;} #join_agreement .chk_box dt{ padding: 0; color: #000;} #join_agreement .chk_box dd div{ padding: 10px; background: #f8f8f8; font-size: 14px; line-height: normal; color: #707070;} #join_agreement .chk_box .arr{ top: 12px;} #join_agreement .form_chk label{ margin-bottom: 12px; font-size: 15px; text-indent: 4px;} #join_agreement .form_chk label > strong{ font-size: 16px;} #join_agreement .form_chk label::before{ width: 18px; height: 18px;} #join_agreement .form_chk input[type="checkbox"]:checked + label::before{ background: #707070; border-color: #707070;} #join_agreement .form_chk input[type="radio"]:checked + label::after{ border-radius: 50%;} #join_agreement .form_chk label::after{ top: 50%; left: 0; transform: translateY(-50%); width: 18px; height: 18px; background-size: 12px;} #join_agreement .form_chk p{ line-height: 18px; word-break: keep-all;} #join_agreement .agreement_choice_box{ padding: 0 0 0 35px;} #join_agreement .agreement_choice_box .form_chk{ display: flex;} #join_agreement .agreement_choice_box .form_chk + p{ margin-bottom: 12px;} #join_agreement .agreement_choice_box p{ font-size: 12px; line-height: normal;} #join_agreement .agreement_choice_box label{ margin-right: 45px; font-size: 16px; text-indent: 2px; color: #707070;} #join_agreement .agreement_choice_box label::before{ width: 16px; height: 16px;} #join_agreement .agreement_choice_box input[type="checkbox"]:checked + label::before{ background: #707070; border-color: #707070;} #join_agreement .agreement_choice_box label::after{ left: 0; width: 16px; height: 16px; background-size: 9px;} #join_agreement .certify_box{ margin: 20px 0 0;} #join_agreement .certify_box h3{ font-size: 24px;} #join_agreement .certify_box .certify_list{ display: flex; margin: 10px 0 0; padding: 20px; border: 1px solid #f1f1f1; border-radius: 5px;} #join_agreement .certify_box .certify_list li:not(:first-child){ margin-left: 20px;} #join_agreement .certify_box .form_chk label{ margin: 0; text-indent: 0;} #join .addition_info_sec > .img_box{ margin: 25px 0; } #join .addition_info_sec > .img_box img{ width: 100%; } #join .member_tit .progress_bar .step_1.on::after{ display: none;} #join .member_tit .progress_bar .step_1.on::before{ display: none;} #join .base_info_sec{ position: relative;} #join .base_info_sec .important{ position: absolute; right: 0; font-size: 12px; color: #707070;} #join .base_info_sec .important::before{ content: ""; position: absolute; top: 50%; left: -7px; transform: translateY(-50%); width: 3px; height: 3px; background: #FB4C02; border-radius: 50%;} #join table, #join tbody, #join tr, #join th, #join td{ display: block; text-align: left;} #join tr{ margin-bottom: 20px;} #join label{ display: inline-block; margin: 0 0 10px; font-size: 14px;} #join input{ font-size: 16px;} #join td.chk .disabled:not([name="recommId"]){ padding-right: 40px; background: url(../img/icon/ico_check_org.svg) no-repeat 96% center, #f9f9f9;} #join td.pass input{ padding-right: 40px; background: url(../img/icon/ico_check_org.svg) no-repeat 96% center, #f9f9f9;} #join td.error input{ border-color: #FB4C02;} #join td .text_info{ padding-bottom: 10px; font-size: 14px;} #join .sexFl label{ display: inline-flex; font-size: 16px; margin-bottom: 0; margin-right: 30px;} #join .sexFl > label{ margin-bottom: 15px; font-size: 14px;} /* #join .sexFl label:first-of-type{ margin-right: 60px;} */ #join .sexFl label::before{ width: 18px; height: 18px;} #join .sexFl label::after{ width: 18px; height: 18px; border-radius: 50%; left: 0;} #join .member_birthday .text_info{ margin: 10px 0 0;} #join .member_birthday .member_warning{ display: flex; justify-content: space-between;} #join .btn_center_box{ margin: 0; padding: 10px 0;} #join .btn_center_box button{ font-size: 18px;} #joinOk{ padding: 60px 0 0; width: 700px;} #joinOk .member_tit{ margin: 0 auto; width: 480px;} #joinOk .member_tit > p{ padding: 38px 0 0; margin-top: 45px; background: url(../img/member/join_ok.svg) no-repeat center top; line-height: 1;} #joinOk .member_tit > p strong{ display: inline-block; margin-bottom: 15px; font-size: 18px;} #joinOk .member_tit > p strong span{ font-weight: inherit;} #joinOk .member_tit > p.txt{ display: flex; flex-direction: column; padding: 0; margin: 0; background: none; line-height: 12px;} #joinOk .member_tit .txt_box{ padding: 18px 20px; margin: 55px 0 0; background: #f8f8f8; font-size: 14px; line-height: normal; text-align: left; word-break: keep-all; color: #707070;} #joinOk .member_cont{ margin: 80px 0 0;} #joinOk .member_cont > div:not(.goods_list_wrap){ width: 480px; margin-left: auto; margin-right: auto;} #joinOk .goods_list_cont{ margin: 40px 0 0;} #joinOk .item_basket_type ul.list_ul_box li{ padding: 0 1.5%; margin-bottom: 40px;} #joinOk .btn_box{ padding: 0; margin-top: 40px;} #joinOk .btn_box ul{ flex-direction: column;} #joinOk .btn_box ul li{ width: 100%;} #joinOk .btn_box ul li:first-of-type{ margin-bottom: 10px;} #joinOk .btn_box a{ position: relative; padding-right: 35px; width: 100%; height: 60px; line-height: 59px;} #joinOk .btn_box a::before{ content: ""; position: absolute; top: 46%; left: calc(50% + 120px); transform: translate(-50%,-50%) rotate(45deg); width: 9px; height: 1px; background: #fff;} #joinOk .btn_box a::after{ content: ""; position: absolute; top: 55%; left: calc(50% + 120px); transform: translate(-50%,-50%) rotate(-45deg); width: 9px; height: 1px; background: #fff;} #joinOk .btn_box .btn_wh::before, #joinOk .btn_box .btn_wh::after{ left: calc(50% + 75px); background: #000;} #contents #joinOk .item_basket_type .list_ul_box:not(.swiper-wrapper) li{ width: calc(50% - 13px) !important; margin-right: 24px; } #contents #joinOk .item_basket_type .list_ul_box:not(.swiper-wrapper) li:nth-child(2n){ margin-right: 0 !important; } /* **************************************** * 상품상세 * **************************************** */ /* 썸네일 */ .photo_box a{ display: block;} .photo_box img{ max-width: 100%; width: 100%;} .photo_box .photo_prev, .photo_box .photo_next{ position: relative; top: 0; width: 20px; border: 1px solid #e1e1e1; font-size: 0;} .photo_box .photo_prev{ transform: scale(-1);} .photo_box .photo_prev::before, .photo_box .photo_next::before{ content: ""; position: absolute; top: 56px; left: 50%; transform: translateX(-50%) rotate(-45deg); width: 10px; height: 1px; background:#707070;} .photo_box .photo_prev::after, .photo_box .photo_next::after{ content: ""; position: absolute; top: 49px; left: 50%; transform: translateX(-50%) rotate(45deg); width: 10px; height: 1px; background: #707070;} .photo_small{ position: relative; margin-top: 20px;} .photo_small .swiper{ width: 100%;} .photo_small.five .swiper{ width: 580px;} .photo_small .pagination{display: none!important; position: absolute; top: 0; left: 0; display: flex; justify-content: space-between; width: 100%; height: 108px; margin: 0;} .photo_small.five .pagination{ display: flex !important; } .photo_small ul{height: auto;} .photo_small a:hover{ border: 1px solid #000;} /* 썸네일 확대 레이어 */ .layer_wrap.zoom_layer .layer_wrap_cont{ padding: 40px 50px; width: 700px; height: 850px;} .layer_wrap.zoom_layer .ly_tit{ text-align: left;} .layer_wrap.zoom_layer .ly_close{ top: 40px; right: 50px;} #lyZoom .layer_wrap_cont{ display: flex; flex-direction: column; justify-content: space-between;} #lyZoom .layer_wrap_cont .ly_tit h3{ padding-right: 25px; word-break: break-all; white-space: normal; word-wrap: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} #lyZoom .layer_wrap_cont .photo_small{ margin-top: 10px;} /* 상단 */ #goodsView .sec_top{ display: flex; justify-content: space-between; padding: 5px 0 0; /*padding: 75px 0 0;*/} #goodsView .sec_top .photo_box{ width: 640px;} #goodsView .info_box{ width: 610px;} #goodsView .time_sale{ display: flex; justify-content: center; align-items: center; width: 100%; height: 35px; background: #fb4c02;} #goodsView .time_sale strong{display:block;} #goodsView .time_sale .cnt{ display: inline-block; margin-top: 2px; margin-left: 10px; font-size: 12px; font-weight: normal; color: #ffbfa4;} #goodsView .time_sale .time_sale_num{width:59px; height:44px; padding:5px 0 0 0; color:#ffffff; font-size:18px; background:url("../img/common/bg/bg_sale.png") no-repeat 0 0; text-align:center;} #goodsView .time_sale .time_sale_num span{padding:0 0 0 1px; font-size:14px;} #goodsView .time_sale .time_day{ font-size: 16px; font-weight: 400; color: #f8f8f8;} #goodsView .time_sale .time_day svg{ display: inline-block; width: 17px; margin-right: 2px; vertical-align: top;} #goodsView .time_sale .time_day span{ color: #fff;} #wrap .credit .ly_wrap .ly_cont{ width: 500px;} #wrap .credit .ly_wrap .ly_cont > img{ width: 100%;} #wrap #lyMileage .ly_wrap{ padding: 20px;} #wrap #lyMileage .ly_wrap .ly_tit, #wrap #lyMileage .ly_wrap .ly_cont{ padding: 0;} #wrap #lyMileage .ly_wrap .ly_cont ul > li{ padding: 0; margin-top: 20px;} #wrap #lyMileage .ly_wrap .ly_close{ top: 3px;} #wrap #lyDelivery .chk_none{ display: flex; align-items: flex-start; background: none;} #wrap #lyDelivery .chk_none .ico_info{ flex-shrink: 0;} #goodsView .ico_help{ width: 18px; height: 18px; vertical-align:top; margin: 0 0 0 5px;} #goodsView .per{ margin: 0 12px 0 0; font-size: 24px; color: #fb4c02; font-weight: 400;} #goodsView .price{ margin: 0 25px 0 0; font-weight: 600;} #goodsView #lnCouponDown{ display: flex; justify-content: center; align-items: center; padding: 5px 10px; border: 1px solid #fb4c02; border-radius: 4px; font-size: 12px; color: #fb4c02;} #goodsView #lnCouponDown svg{ display: inline-block; margin-right: 2px;} /* #goodsView button:disabled{ background: #dbdbdb;} */ #goodsView .info_tit{ position: relative; padding-top: 13px; padding-bottom: 20px;} #goodsView .info_tit span{ display: inline-block; font-size: 16px; color: #7b808a;} #goodsView .info_tit .name{ width: 90%; font-size: 34px; font-weight: 500; line-height: 1.18; color: #000; word-wrap: normal; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -moz-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} #goodsView .info_tit .brand{ margin-bottom: 5px;} #goodsView .info_tit .desc{ padding: 25px 0 0; line-height: 1.2;} #goodsView .info_tit .layer_box{ position: absolute; top: 40px; right: 0; font-size: 0;} #goodsView .info_tit .btn_sns{ display: inline-block; width: 36px; height: 36px; background:url(../img/icon/ico_share.svg) 50% 50% no-repeat; background-size: contain; font-size: 0;} /* #goodsView .time_sale .time_day span {font-weight: 600;} */ #goodsView .info_time{ margin: 0 0 20px;} #goodsView .info_list{ position: relative; display: flex; flex-direction: column; padding: 12px 0; border-top: 1px solid #dfdfdf;} #goodsView .info_list > ul:not(:first-of-type){ padding-top: 12px;} #goodsView .info_list > ul:not(:last-of-type){ padding-bottom: 12px; border-bottom: 1px solid #dfdfdf;} #goodsView .info_list.benefit{ border: none;} #goodsView .info_list li{ display: flex; justify-content: flex-start; align-items: center; padding: 10px 0;} #goodsView .info_list .info_txt li{ padding: 13px 0;} #goodsView .info_list .info_txt li .tit{ color: #63666d;} #goodsView .info_list li.delivery span{ color: #63666d; line-height: 1.3;} #goodsView .info_list li.delivery .btn_layer {margin-left: 10px;} #goodsView .info_list.benefit li{ margin: 0 0 10px;} #goodsView .info_list li.infoText{ align-items: flex-start;} #goodsView .info_list li.infoText .cont p{ line-height: 1.3;} #goodsView .info_list li.infoText .cont p:not(:first-child){ margin-top: 5px;} #goodsView .info_list li > span{ display: inline-block; font-size: 16px; color: #000;} #goodsView .info_list.benefit li > div{ width: 100%;} #goodsView .info_list li .tit{ margin-right: 5px; min-width: 105px; color: #707070; font-weight: 400; } #goodsView .info_list .fix .cont{ font-size: 18px; font-weight: bold;} #goodsView .info_list .fix .del{ font-size: 20px; font-weight: normal; text-decoration: line-through; color: #707070;} #goodsView .info_list .price .cont{ display: flex; align-items: center; font-size: 24px;} /* #goodsView .info_list .price .cont strong {font-weight: 600;} */ /* #goodsView .info_list .price strong > strong, #goodsView .info_list .price strong > b{ letter-spacing: normal;} */ #goodsView .info_list .price .txt_org{ display: inline-block; margin: 0 0 0 5px; font-size: 18px; color: #FB4C02;} #goodsView .info_list .price.txt_org *{ font-size: inherit; color: inherit;} #goodsView .info_list .price.txt_org strong{ font-size: 24px;} #goodsView .info_list .price.txt_org strong.per {margin-right: 15px;} #goodsView .info_list .btn_layer a{ display: flex; align-items: center; margin: 0 0 0 15px; font-size: 14px; color: #7b808a;} #goodsView .info_list .btn_layer a span{ margin-right: 4px; line-height: normal; color: #7b808a;} #goodsView .info_list .tit .btn_layer a{ margin: 0; font-size: inherit; color: inherit;} #goodsView .info_list .mileage + li .btn_layer a{ margin: 0; font-size: inherit; color: inherit;} #goodsView .info_list .credit .btn_layer a{ margin: 0; font-size: 16px;} #goodsView .info_list .credit .btn_layer a span{ color: #63666d;} #goodsView .info_list .credit .btn_layer a .ico_info{ margin-left: 5px;} #goodsView .info .option_box{ padding: 14px 0; border-bottom: 1px solid #dfdfdf;} #goodsView .option_box{ display: flex; justify-content: space-between;} /* 다중옵션 */ #goodsView .option_box.multi .info_option > li{ width: 100%;} /* 추가상품 */ /* #goodsView .option_box.add{ flex-direction: column;} */ /* #goodsView .option_box.add .add_goods{ padding-bottom: 10px;} #goodsView .option_box.add > div:last-of-type .add_goods{ padding-bottom: 40px;} */ #goodsView .option_box.add{ padding: 18px 0; margin: -14px 0 0; background: #fff;} #goodsView .option_box.add .add_goods{ position: relative;} #goodsView .option_box.add .info_option > li{ display: flex; align-items: center; flex: 1; width: 100%; padding: 14px; margin: 0 0 4px; border: 1px solid #e1e1e1; border-radius: 4px;} #goodsView .option_box.add .info_option > li:last-child{ margin: 0;} #goodsView .option_box.add .info_option .item_option:last-child{ margin: 0;} #goodsView .option_box.add .info_option li .img{ width: 80px; height: 80px;} #goodsView .option_box.add .info_option li .info{ flex: 1; margin: 0 0 0 18px;} #goodsView .option_box.add .info_option li .info .tit{margin: 0 0 12px; padding: 0; font-size: 16px; color: #060606;} #goodsView .option_box.add .info_option li .bn_opt{position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 36px; padding-right: 20px; line-height: 35px; background-color: #fff; border: 1px solid #e1e1e1; border-radius: 4px; font-size: 14px; text-align: left; text-indent: 10px; color: #707070;} #goodsView .option_box.add .info_option li .bn_opt svg{} #goodsView .option_box.add .info_option li .bn_opt.selected svg{ transform:rotate(180deg);} #goodsView .option_box.add .info_option li .bn_opt + .optbx{ position: absolute; z-index: 10; width: 100%; padding: 10px; background: #fff; border: 1px solid #dbdbdb; border-radius: 4px; overflow-y: auto;} #goodsView .option_box.add .info_option li .bn_opt + .optbx .optlst li:not(.disabled){ cursor: pointer;} #goodsView .option_box.add .info_option li .bn_opt + .optbx .optlst li:not(.disabled):hover{font-weight: 500;} #goodsView .option_box span{ width: 110px; flex-shrink: 0; line-height: normal; word-break: keep-all;} #goodsView .option_box .info_option span{ width: auto;} #goodsView .info_option{ width: calc(100% - 110px); display: flex; flex-direction: column; justify-content: center; align-items: flex-end; flex-wrap: wrap;} #goodsView .info_option .tit{flex:1; word-break: keep-all;} /* #goodsView .info_option ul{ width: 80%;} */ #goodsView .info_option .item_option{width: 100%; margin-bottom: 5px; border-radius: 4px; overflow: hidden;} #goodsView .info_option .item_option strong {font-weight: 600;} #goodsView .info_option .item_option.case{ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 10px 30px; border: 1px solid #dbdbdb; line-height: normal; cursor: pointer;} #goodsView .info_option .item_option.case:last-child{ margin-bottom: 0;} #goodsView .info_option .item_option.case.img{ padding: 0;} #goodsView .info_option .item_option.case.active {border-color: #fb4c02; font-weight: 600;} #goodsView .info_option .item_option.case > div{word-break: break-all; white-space: normal; word-wrap: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; color: #000; overflow: hidden;} #goodsView .info_option .item_option.case .left{display: flex; flex-direction: column; color: #060606;} #goodsView .info_option .item_option.case .right{ display: flex; align-items: center; margin-top: 4px;} #goodsView .info_option .item_option.case .right strong{ margin-right: 5px;} #goodsView .info_option .item_option.case .right span{ text-align: right; font-size: 13px; color: #fb4c02;word-break: break-all; white-space: nowrap;} #goodsView .info_option .item_option.case img{ width: 100%; } /* 상품 품절일때 */ #goodsView .info_option .item_option.case.sold-out { position: relative; cursor: default; /* margin-top: 30px; overflow: visible; */ } #goodsView .info_option .item_option.case.img.sold-out{ margin: 0 0 5px; } /* #goodsView .info_option .item_option.case.sold-out::before { display: block; content: "[품절]"; position: absolute; top: -25px; left: 0; font-size: 14px; } */ #goodsView .info_option .item_option.case.img.sold-out::before{ display: none; } #goodsView .info_option .item_option.case.sold-out::after { display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(242,242,242,.8); } #goodsView .info_option label{ align-items: center; justify-content: space-between;} #goodsView .info_option label::before{ display: flex; flex-shrink: 0;} #goodsView .info_option label::after{ display: flex; flex-shrink: 0; top: 50%; transform: translateY(-50%);} #goodsView .info_option label.on::before{border: 1px solid #FB4C02;} #goodsView .info_option label.on::after{ background-color: #FB4C02;} #goodsView .info_option label span{ width: auto; flex-shrink: 0;} /* #goodsView .info_option:not(.add_goods) .item_option.on{border: 1px solid #FB4C02;} */ #goodsView .info_option .item_option a{ display: block; overflow: hidden;} #goodsView .info_option .item_option a img{ width: 100%; max-width: 100%;} /* #goodsView .info_option.add_goods .item_option{ border: 1px solid #dbdbdb;} #goodsView .info_option.add_goods .item_option select{ border: none;} */ #goodsView .info_option .item_option a.chosen-single{ height: 60px; border: 1px solid #dbdbdb; color: #000;} #goodsView .chosen-container-single .chosen-single div b{ background-position: 0 15px;} #goodsView .chosen-container-active.chosen-with-drop .chosen-single div b{ background-position: -16px 15px;} #goodsView .chosen-container-single .chosen-drop{ margin-top: -5px;} #goodsView .info .item_choice_list .option_display_area{ padding: 17px 0;} #goodsView .item_choice_list .option_display_area{ display: flex; flex-direction: column;} #goodsView .item_choice_list .option_display_area > tbody{ padding: 17px 20px 13px; margin: 0 0 5px; background: #f8f8f8; border-radius: 5px;} /* #goodsView .item_choice_list .option_display_area > tbody:last-child{ margin: 0;} */ #goodsView .item_choice_list .option_display_area tr{ display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;} #goodsView .item_choice_list .option_display_area td{ border: none;} #goodsView .item_choice_list .option_display_area .name{ flex: 1;} #goodsView .item_choice_list .option_display_area .cart_tit_box#goodsView .item_choice_list .option_display_area .name{word-wrap: normal; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} #goodsView .item_choice_list .option_display_area .price{ min-width: 100px; margin: 0; font-weight: bold; text-align: right;} #goodsView .item_choice_list .option_display_area .price strong { display: inline-block; margin-top: 16px; font-weight: 600;} #goodsView .item_choice_list .option_display_area .delete{ position: relative; display: block; min-height: 20px; text-align: right; cursor: pointer;} #goodsView .item_choice_list .option_display_area .delete button{ display: inline-block; width: 20px; height: 20px; padding: 9px; z-index: 10;} #goodsView .item_choice_list .option_display_area .delete i{ content: ""; position: absolute; top: 9px; left: auto; transform: translate(-50%,-50%) rotate(45deg); width: 20px; height: 1px; background: #000;} #goodsView .item_choice_list .option_display_area .delete i:last-child{ content: ""; position: absolute; top: 9px; left: auto; transform: translate(-50%,-50%) rotate(-45deg); width: 20px; height: 1px; background: #000;} #goodsView .item_choice_list .count{display: inline-block; padding: 0; margin: 10px 0 0;} #goodsView .item_choice_list .goods_qty{display: flex; background: #fff; border: 1px solid #dbdbdb; border-radius: 6px;} #goodsView .item_choice_list .goods_qty button{ display:block; width:30px; height:30px; text-indent:-9999px;} #goodsView .item_choice_list .goods_qty .text{ padding:0 5px; width:40px; height:30px; border: none; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-radius: 0; color:#000; font-size:12px; line-height:31px; text-align:center;} #goodsView .item_choice_list .goods_qty .up{ position: relative;} #goodsView .item_choice_list .goods_qty .down{ position: relative;} #goodsView .item_choice_list .goods_qty .up:before{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(90deg); width: 10px; height: 1px; background: #000;} #goodsView .item_choice_list .goods_qty .up:after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 10px; height: 1px; background: #000;} #goodsView .item_choice_list .goods_qty .down:after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 10px; height: 1px; background: #000;} /* 추가상품 */ #goodsView .item_choice_divide{ align-items: flex-start !important; margin-top: 15px; padding-top: 15px; border-top: 1px solid #dfdfdf;} #goodsView .item_choice_list .option_display_area .item_choice_divide .name{} #goodsView .item_choice_list .option_display_area .item_choice_divide .item_choice_tit{ padding-bottom: 0; word-break: break-all; white-space: normal; word-wrap: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} #goodsView .item_choice_list .option_display_area .item_choice_divide .count{ display: none;} #goodsView .option_table_box.dn + .option_total_box .total_amount{ border-top: none; } #goodsView .total_amount{ padding: 20px 30px; border-top: 1px solid #e1e1e1;} #goodsView .total_amount li{ display: flex; justify-content: space-between; align-items: center;} #goodsView .total_amount span{ font-weight: 500; font-size: 18px;} #goodsView .total_amount .total_price{ font-size: 30px;} #goodsView li.total_amount{ display: flex; justify-content: space-between; align-items: center;padding: 20px 0;} #goodsView li.total_amount span{ font-weight: 500; font-size: 18px;} #goodsView li.total_amount .total_price{ font-size: 24px; font-weight: 600;} #goodsView li.total_amount .total_price b {font-weight: 500;} #goodsView .cart_chk span{display:inline-block;} #goodsView .cart_chk span input{display:none;} #goodsView .cart_chk span label{font-size:12px; padding-left:17px; cursor:pointer; background:url('../img/icon/goods_icon/icon_check_off.png') no-repeat left center;} #goodsView .cart_chk span label:hover{background:url('../img/icon/goods_icon/icon_check_hover.png') no-repeat left center;} #goodsView .cart_chk span label.on{background:url('../img/icon/goods_icon/icon_check_active.png') no-repeat left center;} #goodsView .info_box .btn{ padding: 15px 0 0;} #goodsView .btn{ padding: 40px 0 0;} #goodsView .btn .login{ margin: 10px 0 0; } #goodsView .btn .login .btn_bk{ width: 100%; height: 58px;} #goodsView .btn .ban a{ display: block;} #goodsView .btn .ban a img{ display: block; max-width: 100%; padding: 10px 0;} #goodsView .btn ul{ justify-content: space-between;} #goodsView .btn ul li{ display: flex; flex: 1;} #goodsView .btn ul li.ban{ flex: initial; flex-direction: column; width: 100%;} #goodsView .btn ul li.ban > div{ display: flex;} #goodsView .btn ul li.ban > div:first-of-type{ margin-bottom: 14px;} #goodsView .btn ul li.ban > div:first-of-type button:first-of-type{ margin: 0;} #goodsView .btn ul li button{ flex: 1; margin: 0 0 0 14px; padding: 0; width: 262px; height: 58px; line-height: 58px; font-weight: 400;} #goodsView .btn ul li .btn_add_cart{ border-color: #adb4c1;} #goodsView .btn ul li .btn_add_gift{ flex: initial; margin: 0; width: 58px; height: 58px; background-size: 30px; border: 1px solid #adb4c1; border-radius: 5px;} #goodsView .btn ul li .btn_add_soldout{ margin:0; cursor: default;} #goodsView .pay{ display: flex; width: 100%; padding: 10px 0; justify-content: flex-end;} #goodsView .pay li{ flex: 1;} #goodsView .pay li:first-child{ justify-content: flex-start; } #goodsView .pay li:last-child{ justify-content: flex-end; } #goodsView .sec_row{ display: flex; justify-content: space-between; margin: 90px 0 0;} #goodsView .sec_row > .flex_l{ width: 900px !important;} /* #goodsView .sec_row .flex_l{ width: 100%;} */ #goodsView .sec_row .flex_r{ width: 480px;} #goodsView .sec_row .info_time{ margin: 0; } #goodsView .sec_row .time_sale{ height: 45px; border-radius: 4px 4px 0 0; } #goodsView .sec_row .flex_r .cart_tab_box{ background: #fff; border: 1px solid #e1e1e1; border-radius: 4px;} #goodsView .sec_row .flex_r .info_time + .cart_tab_box{ border-top: 0; border-radius: 0 0 4px 4px;} #goodsView .sec_row .flex_r h4.tit{ padding: 10px 0; font-size: 16px; font-weight: normal;} #goodsView .sec_row .flex_r .add_goods h4.tit{ padding-top: 0;} #goodsView .sec_row .option_box{ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-bottom: 17px;} #goodsView .sec_row .option_box .info_option{ width: 100%;} /* 추가상품 */ #goodsView .sec_row .option_box.add{ padding-top: 25px;} #goodsView .sec_row .flex_r .option_table_box{ padding: 15px 30px; max-height: 55vh; overflow-y: auto;} #goodsView .sec_row .flex_r .option_table_box a{ display: block;} #goodsView .sec_row .flex_r .option_table_box a img{ width: 100%; max-width: 100%;} #goodsView .sec_row .flex_r .option_table_box dl {width:100%;} #goodsView .sec_row .flex_r .option_table_box .add_goods dl{ margin: 0;} #goodsView .sec_row .flex_r .option_table_box .float_option{ height: 60px; margin-bottom: 10px; border-radius: 8px; overflow: hidden;} /* #goodsView .sec_row .flex_r .option_table_box ul:not(.add_goods) .float_option:hover{ border: 1px solid #fb4c02;} */ #goodsView .sec_row .flex_r .option_table_box .add_goods .float_option{ border: 1px solid #dbdbdb;} #goodsView .sec_row .flex_r .option_table_box .add_goods .float_option select{ border: none;} #goodsView .option_table_box label{ align-items: center;} #goodsView .option_table_box label.on::before{ flex-shrink: 0; border: 1px solid #FB4C02;} #goodsView .option_table_box label.on::after{ background-color: #FB4C02;} #goodsView .sec_row .flex_r .float_cart .option_display_area > tbody{ padding: 10px 15px; padding-top: 18px;} #goodsView .sec_row .flex_r .float_cart .option_display_area > tbody:first-of-type{ position: relative; margin-top: 17px;} #goodsView .sec_row .flex_r .float_cart .option_display_area > tbody:first-of-type::before{ content: ""; position: absolute; top: -17px; left: 0; display: block; width: 100%; height: 1px; background: #e1e1e1; } #goodsView .sec_row .flex_r .float_cart .option_display_area > tbody .count{ padding: 0;} #goodsView .sec_row .flex_r .float_cart .goods_qty button{ width: 30px; height: 30px;} #goodsView .sec_row .flex_r .float_cart .goods_qty .text{ width: 40px; height: 30px; line-height: 30px;} #goodsView .sec_row .flex_r .total_amount strong{ font-size: 24px; font-weight: 600;} #goodsView .sec_row .flex_r .total_amount strong b {font-weight: 500;} /* #goodsView .sec_row .flex_r .btn button{ width: 100%; height: 58px; margin-bottom: 10px; margin-bottom: 10px;} */ #goodsView .sec_row .flex_r .item_choice_list .option_display_area tr{ align-items: flex-start;} #goodsView .sec_row .flex_r .item_choice_list .option_display_area .price{display: flex; flex-direction: column; justify-content: space-between;} #goodsView .sec_row .flex_r .item_choice_list .option_display_area .delete i{ width: 15px;} #goodsView .sec_row .flex_r .btn .btn_shop_soldout{ cursor: default;} #goodsView .sec_row .flex_r .ban{ padding: 10px 0;} #goodsView .sec_row .flex_r .ban a{ display: block;} #goodsView .sec_row .flex_r .ban a img{ display: block; max-width: 100%;} #goodsView .sec_row .tab{ display: flex; justify-content: center; text-align: center; z-index: 50;} #goodsView .sec_row .tab li{ flex: 1; border: 1px solid #e9e9e9; border-left: 0; border-bottom: 1px solid #000;} #goodsView .sec_row .tab li:first-of-type{ border-left: 1px solid #e9e9e9;} #goodsView .sec_row .tab li.on{ border: 1px solid #000; border-bottom: 0;} #goodsView .sec_row .tab li.bd_bt{ border-bottom: 1px solid #000;} #goodsView .sec_row .tab li a{ display: block; padding: 20px 0; background: #fff; font-size: 16px; color: #505050;} #goodsView .sec_row .tab li.on a{ color: #000;} #goodsView .sec_row .tab li a strong{ color: #fb4c02;} #goodsView .sec_row .tab li a strong{ color: #fb4c02;} #goodsView .sec_row h3{ padding: 10px 0; font-size: 24px; line-height: normal;} #goodsView .sec_row .cont > div{ margin: 40px 0 0;} #goodsView #detail p{ text-align: center;} #goodsView #detail img{ display: block; max-width: 100%; margin: 0 auto;} #goodsView #qna .qna_tit {align-items: center} #goodsView #qna table{ border: none; border-bottom: 1px solid #dbdbdb;} #goodsView #qna table td{ padding:0; border: none; border-top: 1px solid #e9e9e9;} #goodsView #qna table td.no_data{ padding: 50px 0; border: none;} #goodsView #qna table td a{ display: block; padding: 30px 0; cursor: pointer;} #goodsView #qna table td .qna_box dt{ display: block;} #goodsView #qna table td .qna_box dt .cont_box > div{ display: flex; justify-content: space-between;} #goodsView #qna table td .qna_box dt .cont_box > div .btn_gray_small{ font-size: 14px; color: #707070;} #goodsView #qna table td .qna_box dt{ display: block;} #goodsView #qna table td .qna_box dt .cont_box > div{ display: flex; justify-content: space-between;} #goodsView #qna table td .qna_box dt .cont_box > div .btn_gray_small{ font-size: 14px; color: #707070;} #goodsView #qna .board_view_attach{ display: flex; align-items: flex-start;} #goodsView #qna .board_view_attach .attach_list a{ padding: 0; margin-bottom: ;} #goodsView #qna .btn_box{ display: flex; justify-content: flex-end; flex-direction: row-reverse; padding: 15px 0; margin: 0;} #goodsView #qna .btn_box a{ display: block; padding: 0; margin-left: 10px; border: none; background:none; font-size: 14px; color: #000;} #goodsView #qna .btn_box a:first-child{ margin-right: 0;} #goodsView #qna .btn_box a.btn_write{ color: #fb4c02;} #goodsView #qna .pagination li a, #goodsView #qna .pagination li span{ display: block; padding: 0; width: 40px; height: 40px; font-size: 16px; font-weight: 500; line-height: 41px; color: #777; cursor: pointer;} #goodsView #qna .pagination li.on span{ background: #000; border-radius: 50%; font-weight: bold; color: #fff;} #goodsView #mustinfo > div{ padding: 30px 0px; border-bottom: 1px solid #dbdbdb;} #goodsView #mustinfo > div:last-of-type{ border: none;} #goodsView #mustinfo > .info_cont{ padding-top: 0;} #goodsView #mustinfo th, #goodsView #mustinfo td{ padding: 15px; background: #f8f8f8; border: 1px solid #dbdbdb; font-size: 12px; font-weight: normal; word-break: keep-all; line-height: 1.6; color: #707070;} #goodsView #mustinfo td{ background: none;} #goodsView #mustinfo td p{ font-size: 12px; line-height: 1.6;} #goodsView #mustinfo td p *{ font-size: inherit !important;} #goodsView #mustinfo .delivery_cont, #goodsView #mustinfo .exchange_cont{ display: flex; align-items: flex-start;} #goodsView #mustinfo .delivery_cont h3, #goodsView #mustinfo .exchange_cont h3{ padding: 0; width: 15%; font-size: 18px; line-height: normal;} #goodsView #mustinfo .exchange_cont > div{ display: flex; align-items: flex-start; width: 100%;} #goodsView #mustinfo h3 + .admin_msg{ flex: 1;padding-top: 4px;} #goodsView #mustinfo h3 + .admin_msg li{ padding: 0 0 30px; font-size: 16px; line-height: 26px; color: #707070;} #goodsView #mustinfo h3 + .admin_msg li strong{ display: block; padding: 0 0 10px; color:#000;} #goodsView #mustinfo h3 + .admin_msg li span{ color: #000;} /* #goodsView #recom h3{ border-bottom: 1px solid #e9e9e9;} */ #goodsView #recom > div:not(:last-child){ margin-bottom: 40px;} #goodsView #recom h4{ font-size: 18px; font-weight: 500; margin-bottom: 20px;} #goodsView #recom .btn_bk {width: 100%; height: 50px; line-height: 50px; background-color: #fff; border: 1px solid #707070; color: #707070; border-radius: 0;} #goodsView #recom .related > div{ display: flex;} #goodsView #recom .related h3{ padding-bottom: 0;} #goodsView #recom .related h3 p{ color: rgb(153,153,153);} /* #goodsView #recom .related .keyword_list{ width: 20%;} */ #goodsView #recom .related .keyword_list ul {margin-top: 10px;} #goodsView #recom .related .keyword_list ul a{ display: block; padding: 15px 0;} #goodsView #recom .related .goods_list{ flex: 1; width: 75%;} /* #goodsView #recom .recommend .desc{ display: none;} */ #goodsView #recom .keyword_list {width: 200px; padding: 20px 0;} #goodsView #recom .goods_list {padding: 20px 0;} #goodsView #recom .btn_box{ margin-top: 20px;} #goodsView #recom .btn_box button{ width: 100%;} /* #goodsView #recom .item_cont .item_info_cont .item_money_box .item_discount { font-size: 18px;} #goodsView #recom .item_cont .item_info_cont .item_money_box .item_price{font-size: 22px; white-space: nowrap;} #goodsView #recom .item_cont .item_info_cont .item_money_box .item_price span {display: block;} #goodsView #recom .item_cont .item_info_cont .item_money_box .item_min_option_price{ font-size: 14px; word-break: keep-all;} */ #goodsView #recom .recommend .desc{ margin-top: -10px;} #goodsView #recom .recommend .desc h3{ display: none;} #goodsView #recom .recommend .desc p{ margin: 0; font-size: 16px;} #goodsView #recom .recommend .goods_list{ padding: 0;} #goodsView #recom .recommend .goods_list_cont{ padding: 20px 0;} #goodsView .cont > .contents h3 p{ color: rgb(153,153,153);} #goodsView .contents #magazineW .mg_best_wrap .mg_list_cont { padding: 10px 0; width: 900px; } #goodsView .contents #magazineW .view_cnt {display:none;} #goodsView .contents #magazineW .board_likeit {display:none;} #goodsView .contents #magazineW .desc{display:none !important;} #goodsView .item_cont .item_photo_box{ height: auto;} #goodsViewQna .write_editor .txt_info{ margin-left: 5px; font-size: 13px; color: #707070;} #goodsViewQna .file_upload_sec{ display: flex; margin: 0 0 10px 0;} #goodsViewQna .file_upload_sec > label{ flex: 1;} #goodsViewQna .file_upload_sec > label input{ float: none; width: 100%;} #goodsViewQna .btn_upload_box{ display: flex; float: none ; width: auto; padding: 0; margin-left: 10px;} #goodsViewQna .btn_upload_box .btn_bk{ width:120px; height: 45px; border: none; background: #000;} #goodsViewQna .btn_upload_box .file{ top: 0; left: 0; width: 120px; height: 45px;} #goodsViewQna .btn_upload_box .btn_bd_bk{ width: 100px; height: 45px; line-height: 45px; margin-left: 5px;} #goodsViewQna .form_cont .form_block > span {display: block; font-size: 14px; margin: 0 0 6px;} #goodsViewQna .textarea_box{ margin-top: 20px;} #goodsViewQna .textarea_txt{ line-height: normal; color: #707070;} /* 주문서 */ #orderView .main_cont{ width: 960px;} #orderView .side_cont{ width: 380px; margin: 0;} #orderView .sub_tit_box{ margin-bottom: 55px;} #orderView .order_view_info > div{ margin-bottom: 130px;} #orderView .table_line{ border-bottom: 1px solid #dbdbdb;} #orderView .table_line::after {display: none;} /* #orderView .table_line tr th{ padding: 0;} */ #orderView .table_line tr th.dis_flex{ height: 60px; align-items: center;} #orderView .table_line tr input{ margin: 0; font-size: 16px;} #orderView .address_postcode{ display: flex;} #orderView .btn_post_search{ display: inline-block; margin-left: 10px; width: 170px; height: 60px; border: 1px solid #000; border-radius: 5px; font-size: 16px; text-align: center; line-height: 58px;} #orderView .table_line .member_address input, #orderView .table_line .member_address button{ margin-bottom: 10px;} #orderView td .btn_open_layer{ display: inline-block; padding: 12px 5px 10px; background: none; border: 1px solid #dbdbdb; border-radius: 5px; font-size: 16px; text-align: center; color: #707070;} #orderView .cart_side_box .agreement li label p span{ display: inline-block; margin: 0; margin-right: 4px;} #orderView .cart_side_box .agreement li label a.btn_open_layer{ margin-left: 0;} #orderView .order_view_info .agreement_box, #orderView .order_view_info .order_agree{ margin: 0; margin-bottom: 15px;} #orderView .delivery_info tr:first-of-type .form_element{ display: flex; justify-content: space-between; align-items: center;} #orderView .delivery_info .form_block .form_chk{ margin-top: 20px;} #orderView .delivery_info th.dis_flex{ height: 60px; align-items: center;} /* #orderView .order_list_cont .my_tit{ margin: 0;} */ #orderView .order_list_cont .my_tit h3 strong.txt_org{font-size: 16px; margin-left: 15px;} #orderView .order_list_cont .my_tit h3 strong.txt_org span {color: #000; font-weight: 500;} /* #orderView .order_list li { border: none; margin: 0;} */ /* #orderView .order_list li .order_cont{ padding:30px 40px; border-bottom: 1px solid #eaeaea;} */ /* #orderView .order_list li .order_cont .goods{ flex: 1; padding: 0; width: auto;} */ #orderView .order_list li .order_cont .goods_cont{ display: flex; align-items: center; width: auto; max-width: 90%;} #orderView .order_list li .order_cont .goods_img{ width: 90px; height: 90px;} #orderView .order_list li .order_cont .goods_img a{ display: block;} #orderView .order_list li .order_cont .goods_img img{ width: 100%; max-width: 100%;} #orderView .order_list li .order_cont .goods_txt{ margin-left: 30px;} #orderView .order_list li .order_cont .goods_tit{ margin-left: 30px; margin-top: 0; line-height: 1.2;} #orderView .order_list li .order_cont .goods_txt .goods_tit{ margin: 0;} #orderView .order_list li .order_cont .goods_tit a{ font-size: 16px; line-height: 1.2; color:#000} #orderView .order_list li .order_cont .goods_desc{ margin-top: 5px;} #orderView .order_list li .order_cont .item_brand{ font-size: 14px; color: #505050; margin-bottom: 10px;} #orderView .order_list li .order_cont .text_type_cont{ font-size: 14px; color: #707070; padding: 0 0 5px 0;} #orderView .order_list li .order_cont > .price{ padding: 0 15px 0 0; justify-content: flex-end;} #orderView .order_list + p{ margin-top: 15px; font-size: 14px; color: #707070;} #orderView .coupon_info .total{ text-align: right;} #orderView .coupon_info tr{ position: relative; height: 100px;} #orderView .coupon_info tr::after{ content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #dbdbdb;} #orderView .coupon_info table{ margin: 0;} #orderView .coupon_info table::after{ display: none;} /* #orderView .coupon_info table tbody{ transform: translateY(-10px);} */ #orderView .mileage_info .form_block input{ width: 320px; padding: 0 24px; text-align: right; font-weight: bold; background-color: #f5f5f5; border: 0; letter-spacing: 0; color: #fb4c02;} #orderView .mileage_info .form_block input::placeholder {font-weight: 400;} #orderView .mileage_info .form_block input + label{ padding: 0; width: 120px; height: 60px; background: none; border: 1px solid #dbdbdb; border-radius: 5px; font-size: 16px; text-align: center; line-height: 59px; color: #707070; cursor: pointer;} #orderView .mileage_info .money_use_sum{ display: inline-block; margin-left: 30px; color:#000;} #orderView .order_add_info{ margin-bottom: 105px;} #orderView .order_add_info .order_list .order_cont{ padding: 25px 0;} #orderView .order_add_info .order_list .order_cont .form_chk{ margin-right: 26px;} #orderView .payment_progress{ margin-bottom: 105px;} #orderView .payment_progress_select{ display: flex; justify-content: flex-start; flex-wrap: wrap;} #orderView .payment_progress_select > li{ margin: 0; margin-right: 15px; margin-bottom: 15px; width: 180px; height: 60px; font-size: 16px; text-align: center; line-height: 58px; color: #707070;} #orderView .payment_progress_select > li label{display: block; background: none; height: 100%; padding: 0; margin: 0; cursor: pointer;} #orderView .payment_progress .js_pay_content > div .form_element{ margin: 15px 0;} #orderView .payment_progress .pay_bankbook_box ul li{ display: flex; align-items: center;} #orderView .payment_progress .pay_bankbook_box ul li p{ width: 120px;} #orderView .payment_progress .pay_bankbook_box .chosen-container{ width: 100% !important; height: 60px;} #orderView .payment_progress .pay_bankbook_box .chosen-single{ height: 100%;} /* #orderView .payment_progress .pay_bankbook_box .chosen-single div b{ background-position-y: 15px;} */ /* #orderView .payment_progress .chosen-container-active.chosen-with-drop .chosen-single div b{background-position: -16px 15px;} */ /* #orderView .payment_progress .chosen-container .chosen-results li.active-result{ padding: 10px 20px;} */ #orderView .payment_progress .cash_tax_get{ margin: 10px 0 0 0; padding: 20px 0 0 0; border-top: 1px dotted #dbdbdb;} #orderView .payment_progress .cash_tax_get .form_element{ margin: 15px 0;} #wrap #orderView table tbody tr.no_member td {width: 100%; padding: 60px 0; text-align: center;} #wrap #orderView table tbody tr.no_member td .link_all {display: inline-block; margin-top: 15px; font-weight: 500;} #wrap #orderView table tbody tr.no_member td .link_all::before {background: #FB4C02; width: 7px; height: 2px; top: 45%;} #wrap #orderView table tbody tr.no_member td .link_all::after {background: #FB4C02; width: 7px; height: 2px; top: 56%;} #orderView .chosen-container .chosen-results li.active-result {padding-left: 15px;} #orderView .side_cont .login_box{ text-align: center; line-height: normal; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #DBDBDB;} #orderView .side_cont .btn_box{ display: flex; margin-top: 30px;} #orderView .side_cont .btn_box a{ flex: 1;} #orderView .cart_side_box{ padding: 0; margin-top: 50px; border: none;} #orderView .cart_side_box > div{ position: sticky; top: 300px; padding: 30px; margin-top: 55px; border: 1px solid #DBDBDB; border-radius: 10px; background-color: #FFF;} /* #orderView .cart_side_box .table_line th{ padding: 0 5px 20px 5px;} */ /* #orderView .cart_side_box .table_line .total th{ padding: 30px 5px;} */ #orderView .cart_side_box .accodion_wrap dl{ border: none;} #orderView .cart_side_box .accodion_wrap label{ font-weight: normal;} #orderView .cart_side_box dt.label label span{ transform: rotate(0);} #orderView .cart_side_box .btn_box .btn_bk{ flex: 1; font-size: 18px;} #orderView.order_ok .my_tit{ margin-bottom: 0;} #orderView.order_ok .my_tit h3{ font-size: 18px;} #orderView.order_ok .sub_tit_box > div{ text-align: left;} #orderView.order_ok .sub_tit_box > div strong{ font-size: 24px;} /* #orderView.order_ok .table_line{ padding: 0 40px;} */ #orderView.order_ok .side_cont .table_line{ padding: 0; margin: 0; border: 0;} #orderView.order_ok .side_cont .table_line tr:first-of-type .txt_org{ text-decoration: underline;} #orderView.order_ok .delivery_info .table_line td{ line-height: 1.7;} #orderView.order_ok .main_cont .order_end_completion{ margin: 0;} #orderView.order_ok .btn_box{ display: flex; justify-content: center;} #orderView.order_ok .btn_box a{ width: 240px; height: 65px; line-height: 65px;} #orderView.order_ok .btn_box a.btn_wh{ margin-right: 20px;} #orderView.order_ok .side_cont .pay_list{ padding: 23px 15px 20px; background: #f8f8f8; border-radius: 10px;} #orderView.order_ok .side_cont .pay_list tr:last-of-type th, #orderView.order_ok .side_cont .pay_list tr:last-of-type td{ padding-bottom: 0;} #orderView.order_ok .side_cont .pay_list th, #orderView.order_ok .side_cont .pay_list td{ font-size: 14px; color: #707070;} #orderView.order_ok .side_cont .pay_list + p{ padding: 10px 0 0; font-size: 13px; text-align: left; word-break: keep-all; color: #707070;} #orderView.order_ok .side_cont .total th, #orderView.order_ok .side_cont .total td{ padding: 35px 0 0;} #orderView.order_ok .cart_side_box .sec_row .tr_inner th{ padding: 9px 10px;} #orderView.order_ok .cart_side_box .sec_row .tr_inner th, #orderView.order_ok .cart_side_box .sec_row .tr_inner td{ padding-top: 0; } #orderView.order_ok .cart_side_box .sec_row .order_benefit_mileage .mileage_txt{ padding: 20px 0 0; font-size: 14px; text-align: left; line-height: 1.2; word-break: keep-all; color: #707070; } /* 주문서 : 선물하기 */ #orderView .gift_tit_box{ margin-bottom: 20px;} #orderView .gift_info .order_list_cont{ border-top: 1px solid #000;} #orderView .gift_info .goods_cont{ width: auto;} /* 반품/환불신청 */ #orderBack .sub_tit_box{ margin-bottom: 50px;} #orderBack .count{ margin-left: 10px;} #orderBack .sec_top{ margin-bottom: 50px;} #orderBack .sec_row > div{ margin-bottom: 100px;} #orderBack .my_tit .txt_org{ padding: 2px 0 0 10px;} #orderBack .goods .chk_box{ margin-right: 10px;} #orderBack .table_line{ border-collapse: separate; border-spacing: 0 10px;} #orderBack textarea{ border-color: #dbdbdb;} #orderBack .chosen-container{ height: 40px;} #orderBack .chosen-container .chosen-single{ padding: 0 0 0 10px; height: 100%; border-color: #dbdbdb;} #orderBack .chosen-container .chosen-single span{ font-size: 16px; line-height: 40px;} /* #orderBack .chosen-container .chosen-single div b{background-position: 2px 7px;} */ /* #orderBack .chosen-container-active.chosen-with-drop .chosen-single div b{ background-position: -15px 6px;} */ #orderBack .btn_box{ display: flex; justify-content: center;} #orderBack .btn_box .btn_bk{ margin-left: 10px;} /* 브랜드 메인 */ #brandMW .banner_list{ display: flex; flex-direction: column; align-items: center; justify-content: center;} #brandMW .banner_list li{ margin-bottom: 10px;} /* 매거진 */ #magazineW .img_box .board_likeit{ padding: 22px 0 0; width: 28px; background: url(../img/icon/ico_bookmark.svg) center 0 no-repeat;} #magazineW .img_box .board_likeit.on{ background: url(../img/icon/ico_bookmark_on.svg) center 0 no-repeat;} /* 마이페이지 - 스크랩 */ .scrap_wrap table{clear: both; table-layout: fixed; border-collapse: collapse; width: 100%;} .scrap_wrap thead tr > th{ padding: 15px 0; border-top: 4px solid #000; border-bottom: 1px solid #dbdbdb; font-size: 16px; font-weight: 500; text-align: center; color: #000;} .scrap_wrap .scrap_list td{ padding: 20px; border-bottom: 1px solid #dbdbdb; font-size: 16px; text-align: center;} .scrap_wrap .scrap_list .board{ word-break: keep-all; color: #707070;} .scrap_wrap .scrap_list .tit{ padding: 0 0 0 25px; text-align: left;} .scrap_wrap .scrap_list .tit a{ display: block; color: #000;} .scrap_wrap .scrap_list .date{ font-size: 12px; color: #707070;} .scrap_wrap .scrap_list .del button{position: relative; display: inline-block; width: 18px; height: 18px; z-index: 10;} .scrap_wrap .scrap_list .del button::before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); width: 12px; height: 1px; background: #707070; } .scrap_wrap .scrap_list .del button::after{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg); width: 12px; height: 1px; background: #707070; } /* 마이페이지 - 정보수정 */ #mypwW .btn_bk, #mypwW .btn_wh, #mypwW .btn_bd_bk{ height: 60px;} #mypwW .btn_naver, #mypwW .btn_kakao{ width: 480px; height: 60px; margin-top: 30px;} #mypwW .btn_naver span{ padding-left: 30px; background: url(../img/icon/sns_naver_wh.svg) 0 50% no-repeat;} #mypwW .sub_cont_box{ margin-top: 50px;} #mypwW .sub_cont_box .sns_cont{ text-align: center;} #mypwW .ban img{ display: block; margin: 0 auto; max-width: 100%;} /* 장바구니담기 팝업 */ .option_layer_cont h5{ padding: 0 5px; word-break: keep-all; white-space: normal; word-wrap: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; color: #000; overflow: hidden; font-weight: 500; } .option_list table tbody td .cart_tit_box{ word-break: keep-all; white-space: normal; word-wrap: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; color: #000; overflow: hidden; } /* 상품상세 : 쿠폰다운 레이어 */ #lyCouponDown .ly_tit h4{ text-align: left; } #lyCouponDown .ly_tit p{ margin: 10px 0 0; font-size: 18px; } #lyCouponDown .ly_cont{ margin: 20px 0 0; } #lyCouponDown .ly_cont .scroll_box{ height: 345px; border-bottom: 1px solid #dbdbdb; overflow: hidden; overflow-y: auto; } #lyCouponDown .ly_cont .scroll_box table{ margin: 0; } #lyCouponDown .ly_cont .scroll_box table tbody tr:last-child td{ border-bottom: 0; } #lyCouponDown .ly_cont .scroll_box table th, #lyCouponDown .ly_cont .scroll_box table td{ text-align: center; } #lyCouponDown .ly_cont .scroll_box table th{ font-size: 14px; } #lyCouponDown .ly_cont .scroll_box table td{ font-size: 14px; color: #000; } #lyCouponDown .ly_cont .scroll_box table td.td_left{ text-align: left; } #lyCouponDown .ly_cont .scroll_box table td.td_left .txt_org{ display: inline-block; margin-top: 3px; font-size: 18px; } #lyCouponDown .ly_cont .scroll_box table td .txt_add{ margin-top: 4px; font-size: 16px; color: #000; } #lyCouponDown .ly_cont .scroll_box table td .txt_add.name{ display: block; } #lyCouponDown .ly_cont .scroll_box table td .list_dot{ margin: 10px 0 0; font-size: 14px; color: #777; } #lyCouponDown .ly_cont .scroll_box table td .list_dot li{ font-size: 14px; padding: 2px 0; margin: 0; } #lyCouponDown .ly_cont .scroll_box table td .list_dot li:last-child{ cursor: pointer; } #lyCouponDown .ly_cont .scroll_box table td .list_dot li.btn_down_box{ cursor: pointer; } #lyCouponDown .ly_cont .scroll_box table td .list_dot li .arr{ display: inline-block; margin: 1px 0 0 2px; width: 11px; height: 11px; background: url(../img/icon/ico_arr_bk.svg) center center / 100% no-repeat; } #lyCouponDown .ly_cont .scroll_box .btn_down_box span:not(.arr){ display: inline-block; padding-bottom: 2px; border-bottom: 1px solid #000; font-size: 14px; color: #000; } #lyCouponDown .ly_cont .scroll_box .btn_down_box span.btn_coupon_down{ border-bottom: 1px solid #777; color: #777; } #lyCouponDown .ly_cont .scroll_box .btn_down_box span.btn_coupon_down *{ color:inherit; } #lyCouponDown .ly_cont .btn_box{ margin: 10px 0 0; } #lyCouponDown .ly_cont .btn_box .btn_bd_bk{ width: calc(50% - 10px); margin: 0; margin-right: 10px; height: 60px; line-height: 60px; border: 1px solid #000; border-radius: 5px; font-size: 18px; color: #000; } #lyCouponDown .ly_cont .btn_box .btn_bk{ width: calc(50% - 10px); margin: 0; height: 60px; line-height: 60px; background: #000; border:none; border-radius: 5px; font-size: 18px; color: #fff; } #lyCouponDown .ly_cont .ban{ display: block; margin: 20px 0 0; min-height: 100px; } #lyCouponDown .ly_cont .ban img{ max-width: 100%; } #lyCouponDown .coupon_completed{ position: relative; padding-left: 0; background: none; font-size: 14px; } #lyCouponDown .coupon_completed::before{ content: ""; display: inline-block; width: 16px; height: 16px; margin-bottom: -3px; margin-right: 5px; box-sizing: border-box; border: none; background: #fb4c02; border-radius: 50%; } #lyCouponDown .coupon_completed::after{ display: inline-block; content: ""; position: absolute; top: 4px; left: 0px; width: 16px; height: 16px; background: url(../img/icon/ico_check_wh.svg) center center / 65% no-repeat; } #lyCouponDown .layer_coupon_goods{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); } #lyCouponDown .layer_coupon_goods .ly_wrap{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 500px; max-width: 600px; padding: 45px 40px 40px; } #lyCouponDown .layer_coupon_goods .ly_wrap .ly_tit{ padding: 0; text-align: center; } #lyCouponDown .layer_coupon_goods .ly_wrap .ly_close{ padding: 45px 40px; } #lyCouponDown .layer_coupon_goods .ly_cont.scroll_box{ height: auto; max-height: 600px; margin: 20px 0 0; padding: 0; border-bottom: 0; } #lyCouponDown .layer_coupon_goods .ly_cont.scroll_box .list_ul_box > li{ width: calc(50% - 10px) !important; margin-right: 20px; margin-bottom: 40px; padding: 0; } #lyCouponDown .layer_coupon_goods .ly_cont.scroll_box .list_ul_box > li:nth-child(2n){ margin-right: 0; } #lyCouponDown .layer_coupon_goods .ly_cont .list_ul_box li::before{ display: none; } /* 상품상세 : 반반구매 안내팝업 추가 */ #goodsView .banban_info + .layer_area .ly_wrap { max-width: 450px; width: 450px; } #goodsView .banban_info + .layer_area .ly_cont img { width: 100%; } #lyBanban .ly_wrap .ly_cont, #lyBanbanFloat .ly_wrap .ly_cont { padding: 0 20px 20px; } #goodsView .banban_info .ico_help { margin: 0 5px 0 0; }