/*-----------------------------------------------------------------*/ /* CSS Table of Contents /*-----------------------------------------------------------------*/ /* 1. Reset 2. Global 2-1. table 2-2. button 2-3. product 3. Layout 3-1. wrapper 3-2. header 3-3. content 3-4. footer 4. Page 4-1. 메인 4-2. 상점 4-3. 회원 4-4. 마이페이지 4-5. 추가페이지 5. ETC /*-----------------------------------------------------------------*/ /* 1. Reset /*-----------------------------------------------------------------*/ @import url('//fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap'); @import url('//fonts.googleapis.com/css?family=Montserrat:200,300,400,500&display=swap'); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; color:#181a1e; font-family:'Noto Sans KR', sans-serif; font-size:15px; line-height:1.6; vertical-align:baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} body {line-height:1.6;} ol, ul, li {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} table {border-collapse:collapse; border-spacing:0;} img {vertical-align:middle;} input[type=radio], input[type=checkbox] {vertical-align:middle;} input[type=text], input[type=email], input[type=password] {vertical-align:top;} a, a:hover, a:active, a:focus {text-decoration:none;} *, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /*-----------------------------------------------------------------*/ /* 2. Global /*-----------------------------------------------------------------*/ .dn {display:none !important;} .hidden {visibility:hidden; overflow:hidden; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; font-size:0; line-height:0;} .tac {text-align:center !important;} .tal {text-align:left !important;} .tar {text-align:right !important;} .empty {padding:100px 0 !important; text-align:center;} .fl {float:left !important;} .fr {float:right !important;} .clear {clear:both;} .bc {display:block; margin-left:auto; margin-right:auto;} .p_color {color:#d53838 !important;} .p_cursor {cursor:pointer;} .i_info {display:inline-block; position:relative; top:4px; width:16px; height:16px; background:url('../_skin/sw_kor_v2/img/common/icon_info.png') no-repeat center; font-style:normal; font-weight:normal; line-height:1;} html.layer-open, body.layer-open {height:100%; overflow:hidden;} /* input 기본 스타일 */ .form_input {height:34px; padding:4px 10px; border:1px solid #dcdcdc; background:#fff; color:#181a1e; font-family:'Noto Sans KR', sans-serif; font-size:13px; transition:all .3s ease;} .form_input:focus {/*border-color:#000;*/ outline:none !important;} .form_input.block {width:100%} .form_input:-ms-input-placeholder {color:#9d9d9d !important; font-family:'Noto Sans KR', sans-serif; font-size:14px;} .form_input::-webkit-input-placeholder {color:#9d9d9d !important; font-family:'Noto Sans KR', sans-serif; font-size:14px;} .form_input::-moz-placeholder {color:#9d9d9d !important; font-family:'Noto Sans KR', sans-serif; font-size:14px;} .form_input.readonly {background:#f7f7f7;} .form_input.gray {background:#fafafa;} .form_input.gray:focus {background:#fff;} textarea.form_input {height:auto; resize:none;} /* 셀렉트 */ select {-webkit-appearance: none; -moz-appearance: none; appearance: none; max-width:100%; height:50px; font-size:15px; background:url('../_skin/sw_kor_v2/img/button/select_drop.png') no-repeat right; padding:4px 48px 4px 20px; border:1px solid #888; color:#444; font:inherit; cursor:pointer;} select:focus {border-color:#888; outline:none !important;} select::-ms-expand {display: none;} /* 서브 페이지 타이틀 */ h2.subtitle {width:1100px; margin:0 auto; padding:15px 25px; font-style:normal; font-size:26px; font-weight:500; position:relative;} h2.subtitle:before{content:''; display:block; width:6px; height:10px; background-color:#181a1e; position:absolute; top:50%; left:10px; margin-top:-5px;} /* 페이지 내 타이틀 */ h3.title.first {padding-top:0;} h3.title {padding:40px 0 10px; font-size:18px; font-weight:normal;} /* 갯수 문단 */ .title_count {position:relative; top:-36px; height:0; color:#999; font-size:11px;} .title_count strong {color:#343434; font-size:11px;} /* 상품리스트 수량,정렬선택 */ .total_sort {clear:both; height:35px; margin:10px 0;} .total_sort .total {float:left; font-size:11px; line-height:35px;} .total_sort .sort {float:right;} /* 페이징 */ .paging * {vertical-align:middle;} .paging {margin-top:30px; font-size:0; text-align:center;} .paging li {display:inline; padding:0; color:#9e9e9e; vertical-align:middle;} .paging li strong {display:inline-block; width:30px; height:30px; color:#555; line-height:30px;} .paging li a {display:inline-block; width:30px; height:30px;color:#888; line-height:30px;} /* 박스 스타일 - 수량 */ .box_qty {display:inline-block; position:relative; vertical-align:top;} .box_qty .form_input {width:34px; max-height:32px; min-height:32px; height:inherit; font-family:'Montserrat', sans-serif; font-weight:bold; float:left; font-size:14px; padding:6px 4px; text-align:center; border:1px solid #d1d1d1; border-left:0; border-right:0;} .box_qty .btn_ea {/*position:absolute; right:0; top:0; width:24px; height:34px;*/ display:inline-block; float:left; cursor:pointer;} .box_qty .btn_ea a {display:block; width:34px; height:32px; background-repeat:no-repeat; background-position:center;} .box_qty .btn_ea a.ea_up {background-image:url('../_skin/sw_kor_v2/img/button/amount_plus.png');} .box_qty .btn_ea a.ea_down {background-image:url('../_skin/sw_kor_v2/img/button/amount_minus.png');} /* 컬러칩 리스트 */ .color_option {font-size:0;} .color_option:after {display:block; clear:both; content:'';} .color_option li {float:left;} .color_option li a {display:block; width:17px; height:17px; margin:1px; border:1px solid #fff;} .color_option li a.selected {border:1px solid #fff; outline:1px solid #ff1111;} .color_option li a img {width:15px; height:15px;} .text_option {font-size:0;} .text_option:after {display:block; clear:both; content:'';} .text_option li {float:left; text-align:left;} .text_option li a {overflow:hidden; display:block; height:20px; margin:1px; padding:0 6px; border:1px solid #d8d8d8; line-height:20px; text-align:center;} .text_option li a.selected {border:1px solid #ff1111;} .text_option li a.soldout {background:#ff1111; color:#fff;} /* 하단 줄 */ .underline {display:inline-block; position:relative;} .underline:after {position:absolute; left:50%; bottom:-3px; width:0; height:1px; background:#333; content:''; transition:all .3s ease;} .underline:before {position:absolute; right:50%; bottom:-3px; width:0; height:1px; background:#333; content:''; transition:all .3s ease;} .underline:hover:after, .underline:hover:before {width:50%;} /*-----------------------------------------------------------------*/ /* 2-1. table /*-----------------------------------------------------------------*/ /* 테이블 스타일 - 가로 */ .tbl_col {table-layout:fixed; clear:both; width:100%; border-collapse:collapse;} .tbl_col caption {display:none; padding-bottom:20px; font-weight:bold; text-align:left;} .tbl_col > thead > tr > th {padding:25px 0; border-top:1px solid #cecece; border-bottom:1px solid #e0e0e0; font-weight:normal; text-align:center; vertical-align:middle;} .tbl_col > tbody > tr > td {padding:25px 0; border-bottom:1px solid #cecece; text-align:center; vertical-align:middle;} .tbl_col > tbody > tr > td.question_con{border-bottom:0;} .tbl_col > tbody > tr > td * {color:#555;} .tbl_col > tbody > tr > td img {max-width:100%; height:auto; vertical-align:middle;} .tbl_col > tbody > tr > td.tal {padding-left:10px !important;} .tbl_col > tbody > tr > td.img img {width:100px; height:auto;} .tbl_col > tbody > tr > td.order_number a {font-weight:bold; text-decoration:underline;} .tbl_col > tbody > tr > td.stat > div{font-size:14px;} .tbl_col > tbody > tr > td.stat.ing a{font-size:14px; color: #DB114A;} /* 테이블 스타일 - 가로 - 장바구니 */ .tbl_col.prd {background-color:#fff;} .tbl_col.prd > thead > tr > th {font-size:14px; padding:13.5px 0; border:0; border-bottom:1px solid #a8a8a8; border-top:1px solid #a8a8a8;} .tbl_col.prd > thead > tr > th:first-child{border-left:1px solid #a8a8a8;} .tbl_col.prd > thead > tr > th:last-child{border-right:1px solid #a8a8a8;} .tbl_col.prd > tbody{border:1px solid #a8a8a8;} .tbl_col.prd > tbody > tr{border-bottom:1px solid #a8a8a8;} .tbl_col.prd > tbody > tr:last-child{border-bottom:0;} .tbl_col.prd > tbody > tr > td {padding:10px 0; border:0; position:relative;} .tbl_col.prd > tbody > tr > td.prd_item img{border:1px solid #eee;} .tbl_col.prd > tbody > tr > td.prd_price, .tbl_col.prd > tbody > tr > td.cart_prc > .before, .tbl_col.prd > tbody > tr > td.cart_prc > .after, .tbl_col.prd > tbody > tr > td.prd_point{font-size:18px; font-family:'Montserrat', sans-serif; font-weight:500; color:#333;} .tbl_col.prd > tbody > tr > td.prd_ea{font-size:14px; font-family:'Montserrat', sans-serif; font-weight:bold; color:#303031;} .tbl_col.prd > tbody > tr > td.prd_price span, .tbl_col.prd > tbody > tr > td.cart_prc > .before span, .tbl_col.prd > tbody > tr > td.cart_prc > .after span, .tbl_col.prd > tbody > tr > td.prd_point span{font-size:13px; font-family:'MalgunGothic', sans-serif; color:#333;} .tbl_col.prd > tbody > tr > td.tal .prd_i_name a{font-size:13px; color:#181a1e; font-family:'MalgunGothic', sans-serif;} .tbl_col.prd > tbody > tr > td.tal .prd_op_name{font-size:13px; color:#666; font-family:'MalgunGothic', sans-serif;} .tbl_col.prd > tbody > tr > td.qty > .box_qty input{font-family:'Montserrat', sans-serif; font-weight:bold;} .tbl_col.prd > tbody > tr > td.delete_wish a {display:inline-block; position:relative; font-size:13px; color:#181a1e;} .tbl_col.prd > tbody > tr > td.delete_wish a img{margin-right:5px;} /*.tbl_col.prd > tbody > tr > td.delete_wish a:first-child:after {position:absolute; right:0; top:8px; width:1px; height:15px; background:#e0e0e0; content:'';}*/ .tbl_col.prd > tbody > tr > td .btn_edit {display:inline-block; vertical-align:top;} .tbl_col.prd > tbody > tr > td .btn_edit a {display:inline-block; font-family:'MalgunGothic', sans-serif; width:50px; height:32px; line-height:32px; font-size:13px; color:#333; border:1px solid #d1d1d1;} .tbl_col.prd > tbody > tr > td .btn_delivery {margin:4px 0;} .tbl_col.prd > tbody > tr > td img {vertical-align:middle;} /* 테이블 스타일 - 가로 - qna, review */ .tbl_col.board > tbody > tr > td.notice_cnt {padding:0; border:0;} .tbl_col.board > tbody > tr > td.notice_cnt .notice_cnt_frame {display:none; padding:15px; border-bottom:1px solid #e0e0e0; background:#fafafa; text-align:left; word-break:break-all; word-wrap:break-word;} .tbl_col.board > tbody > tr > td.subject .prdname {padding-bottom:5px;} /* 테이블 스타일 - 세로 */ .tbl_row {table-layout:fixed; width:100%; border-top:1px solid #e0e0e0;} .tbl_row caption {padding-bottom:20px; font-weight:bold; text-align:left;} .tbl_row th {padding:15px 0 15px 30px; border-bottom:1px solid #e0e0e0; font-weight:normal; text-align:left; vertical-align:middle;} .tbl_row td {padding:15px 10px; border-bottom:1px solid #e0e0e0; text-align:left; vertical-align:middle; word-break:break-all; word-wrap:break-word;} /* 테이블 스타일 - 주문서, 주문상세조회 */ .tbl_order {table-layout:fixed; width:100%; margin:0 auto; border-top:1px solid #e0e0e0;} .tbl_order caption {padding-bottom:20px; font-weight:bold; text-align:left;} .tbl_order th {padding:20px; border:1px solid #e0e0e0; border-width:0 1px 1px 0; font-weight:normal; text-align:left; vertical-align:middle;} .tbl_order td {padding:20px; border-bottom:1px solid #e0e0e0; text-align:left; vertical-align:middle;} .tbl_order td .form_input {width:260px;} .tbl_order td .msg {color:#555; font-size:15px; vertical-align:middle;} .tbl_order td .own_mileage, .tbl_order td .own_deposit {color:#d53838; line-height:35px; font-family:'Montserrat', sans-serif; font-weight:500;} .tbl_order td.edit {line-height:30px;} .tbl_order td.address p {margin-top:10px;} .tbl_order td.address p:first-child {margin-top:0; position:relative; font-size:0;} .tbl_order td.address .zip .form_input {width:158px;} /* 테이블 스타일 - 주문서, 주문상세조회, 장바구니 */ .tbl_order2 {table-layout:fixed; width:100%; margin:0 auto;} .tbl_order2 caption {padding-bottom:20px; font-weight:bold; text-align:left;} .tbl_order2 th {padding:6px 0; font-weight:normal; text-align:left; vertical-align:middle;} .tbl_order2 td {padding:6px 0; text-align:right; vertical-align:middle;} .tbl_order2.sale {margin:5px 0; border:1px solid #dcdcdc; border-width:1px 0;} .tbl_order2 .total td {position:relative;} .tbl_order2 .total td .view_info {display:none; margin-top:5px;} .tbl_order2 .total_price, .tbl_order2 .total_price * {color:#d53838;} /* 테이블 스타일 - 상품정보고시 */ .tbl_prdinfo {table-layout:fixed; width:100%; margin-bottom:20px;} .tbl_prdinfo caption {padding-bottom:20px; font-weight:bold; text-align:left;} .tbl_prdinfo th {padding:10px; border:1px solid #e0e0e0; background-color:#fafafa; font-weight:normal; text-align:left; vertical-align:middle;} .tbl_prdinfo td {padding:10px; border:1px solid #e0e0e0; text-align:left; vertical-align:middle;} /*-----------------------------------------------------------------*/ /* 2-2. button /*-----------------------------------------------------------------*/ /* 버튼스타일 - 기본 */ .box_btn {display:inline-block; text-align:center; vertical-align:top;} .box_btn > * {display:inline-block; margin:0; padding:13px 12px; border:1px solid #212326; outline:none; background:#212326; color:#fff !important; font-size:15px; font-family:'Noto Sans KR', sans-serif; text-align:center; vertical-align:middle; line-height:1.4; white-space:nowrap; cursor:pointer; -webkit-appearance:none; transition:all .2s ease;} /*.box_btn > *:hover, .box_btn > *:active, .box_btn > *:focus {background:#333;}*/ /* 버튼스타일 - 크기 */ .box_btn.small > * {padding:4px 8px;} .box_btn.large > * {padding:18.5px 16px; font-size:15px;} .box_btn.huge > * {padding:18px 20px; margin-top:15px; font-size:16px; font-weight:normal;} /* 버튼스타일 - 가로길이 */ .box_btn.block {display:block;} .box_btn.block > * {width:100%;} .box_btn.w50 > * {width:50px;} .box_btn.w56 > * {width:56px; padding:7px 0; font-size:13px; color:#888 !important; border-color:#e0e0e0 !important;} .box_btn.w75 > * {width:75px;} .box_btn.w100 > * {width:100px;} .box_btn.w125 > * {width:125px;} .box_btn.w150 > * {width:150px;} .box_btn.w170 > * {width:170px; padding:10.5px 0;} .box_btn.w175 > * {width:175px;} .box_btn.w200 > * {width:200px;} .box_btn.w225 > * {width:225px;} .box_btn.w250 > * {width:250px;} .box_btn.w275 > * {width:275px;} .box_btn.w276 > * {width:276px; font-size:18px; font-weight:normal; padding:16.5px 0;} .box_btn.w278 > * {width:278px; font-size:18px; font-weight:normal; padding:16.5px 0; margin-right:6px;} .box_btn.w300 > * {width:300px;} .box_btn.w325 > * {width:325px;} .box_btn.w340 > * {width:340px;} .box_btn.w350 > * {width:350px;} /* 버튼스타일 - 색상 */ .box_btn.white * {border-color:#555; background:#fff; color:#212326 !important;} /*.box_btn.white:hover *, .box_btn.white:active *, .box_btn.white:focus * {background:#f5f5f5;}*/ .box_btn.gray * {border-color:#f5f5f5; background:#f5f5f5; color:#666 !important;} .box_btn.gray2 * {border-color:#c5c5c5; background:#c5c5c5;} .box_btn.f7f7f7 * {border-color:#000; background:#f7f7f7; color:#212326 !important;} .box_btn.db114a * {border-color:#db114a; background:#db114a; color:#f7f7f7 !important;} /*.box_btn.gray:hover *, .box_btn.gray:active *, .box_btn.gray:focus * {background:#dadada;}*/ .box_btn.pink *{border-color:#e2154a; background:#e2154a;} /* 버튼스타일 - 텍스트 */ .box_btn.strong * {font-weight:bold;} .box_btn.mt {margin-top:5px;} /* 체크박스 라디오 */ /*input[type="checkbox"]{-webkit-appearance:none; appearance:none; overflow:hidden; display:inline-block; width:18px; height:18px; margin:0; margin-right:10px; background:url('../_skin/sw_kor_v2/img/common/check_non.png') no-repeat center; vertical-align:middle;} input[type="checkbox"]:checked{background-image:url('../_skin/sw_kor_v2/img/common/check_on.png');}*/ #login .login_chk_con input[type="checkbox"]{display:none;} #login .login_chk_con input[type="checkbox"] + label{width:18px; height:18px; padding:0 0 2px 28px; background:url('../_skin/sw_kor_v2/img/common/check_non.png') no-repeat; background-position:left;} #login .login_chk_con input[type="checkbox"]:checked + label{background:url('../_skin/sw_kor_v2/img/common/check_on.png') no-repeat;} #cart input[name="all_cart_chek"]{position:absolute; left:50%; width:18px; height:18px; margin:0; margin-left:-9px; opacity:0;} #cart input[name="all_cart_chek"] + label{display:inline-block; width:18px; height:18px; background:url('../_skin/sw_kor_v2/img/common/check_non.png') no-repeat #fff;} #cart input[name="all_cart_chek"]:checked + label{display:inline-block; width:18px; height:18px; background:url('../_skin/sw_kor_v2/img/common/check_on.png') no-repeat #fff;} #cart input.cart_chek[type="checkbox"]{position:absolute; left:50%; width:18px; height:18px; margin:0; margin-left:-8px; opacity:0;} #cart input.cart_chek[type="checkbox"] + label{display:inline-block; width:18px; height:18px; background:url('../_skin/sw_kor_v2/img/common/check_non.png') no-repeat #fff;} #cart input.cart_chek[type="checkbox"]:checked + label{display:inline-block; width:18px; height:18px; background:url('../_skin/sw_kor_v2/img/common/check_on.png') no-repeat #fff;} #order #order1 input[name="reconfirm"], #order #order1 input[name="privacy_agree0"], #order #order1 input[name="privacy_agree1"], #order #order1 input[name="privacy_agree2"], #order #order1 input[name="privacy_agree3"]{width:18px; height:18px; position:absolute; top:3px; margin:0; z-index:1; opacity:0;} #order #order1 input[name="reconfirm"] + label, #order #order1 input[name="privacy_agree0"] + label, #order #order1 input[name="privacy_agree1"] + label, #order #order1 input[name="privacy_agree2"] + label, #order #order1 input[name="privacy_agree3"] + label{background:url('../_skin/sw_kor_v2/img/common/check_non.png') no-repeat; background-position:0px; padding:0 0 0 25px; line-height:normal; cursor:pointer;} #order #order1 input[name="reconfirm"]:checked + label, #order #order1 input[name="privacy_agree0"]:checked + label, #order #order1 input[name="privacy_agree1"]:checked + label, #order #order1 input[name="privacy_agree2"]:checked + label, #order #order1 input[name="privacy_agree3"]:checked + label{background:url('../_skin/sw_kor_v2/img/common/check_on.png') no-repeat; background-position:0px; padding:0 0 0 25px; line-height:normal; cursor:pointer;} #order input[name="coupon"]{position:absolute; left:0; width:20px; height:20px; margin:0; opacity:0; cursor:pointer;} #order input[name="coupon"] + label{display:inline-block; width:20px; height:20px; background:url('../_skin/sw_kor_v2/img/button/radio_off.png') no-repeat #fff; cursor:pointer;} #order input[name="coupon"]:checked + label{display:inline-block; width:20px; height:20px; background:url('../_skin/sw_kor_v2/img/button/radio_on.png') no-repeat #fff; cursor:pointer;} #order input[name="sms"]{display:none;} #order input[name="sms"] + label{background:url('../_skin/sw_kor_v2/img/common/check_non.png') no-repeat; background-position:0px; padding:0 30px 0 25px; line-height:normal;} #order input[name="sms"]:checked + label{background:url('../_skin/sw_kor_v2/img/common/check_on.png') no-repeat; background-position:0px; padding:0 30px 0 25px; line-height:normal;} #order input[name="agree_guest_order"]{display:none;} #order input[name="agree_guest_order"] + label{background:url('../_skin/sw_kor_v2/img/common/check_non.png') no-repeat; background-position:0px; padding:0 30px 0 25px; line-height:normal; cursor:pointer;} #order input[name="agree_guest_order"]:checked + label{background:url('../_skin/sw_kor_v2/img/common/check_on.png') no-repeat; background-position:0px; padding:0 30px 0 25px; line-height:normal; cursor:pointer;} #order input[name="copy_info"]{width:18px; height:18px; position:absolute; top:3px; margin:0; z-index:1; opacity:0;} #order input[name="copy_info"] + label{background:url('../_skin/sw_kor_v2/img/common/check_non.png') no-repeat; background-position:0px; padding:0 0 0 25px; line-height:normal; cursor:pointer;} #order input[name="copy_info"]:checked + label{background:url('../_skin/sw_kor_v2/img/common/check_on.png') no-repeat; background-position:0px; padding:0 0 0 25px; line-height:normal; cursor:pointer;} #search_result input[name="old_search_str"]{width:18px; height:18px; position:absolute; top:3px; margin:0; z-index:1; opacity:0;} #search_result input[name="old_search_str"] + label{background:url('../_skin/sw_kor_v2/img/common/check_non.png') no-repeat; background-position:0px; padding:0 0 0 25px; line-height:normal; cursor:pointer;} #search_result input[name="old_search_str"]:checked + label{background:url('../_skin/sw_kor_v2/img/common/check_on.png') no-repeat; background-position:0px; padding:0 0 0 25px; line-height:normal; cursor:pointer;} input[name="secret"]{width:18px; height:18px; margin:0; position:absolute; top:2px; left:0; opacity:0;} input[name="secret"] + label{background:url('../_skin/sw_kor_v2/img/common/check_non.png') no-repeat; background-position:0px; padding:0 0 0 25px; line-height:normal; cursor:pointer;} input[name="secret"]:checked + label{background:url('../_skin/sw_kor_v2/img/common/check_on.png') no-repeat; background-position:0px; padding:0 0 0 25px; line-height:normal; cursor:pointer;} /*-----------------------------------------------------------------*/ /* 2-3. product /*-----------------------------------------------------------------*/ /* 상품스타일 - 기본 */ .prd_basic {display:inline-block; width:100%; font-size:0; text-align:left !important;} .prd_basic > li {display:inline-block; padding:0 33px 60px 0; vertical-align:top;} .prd_basic > li:last-child{padding-right:0;} .prd_basic.col2 > li {width:50%;} .prd_basic.col3 > li {width:33.33%;} .prd_basic.col4 > li {width:25%;} .prd_basic.col5 > li {width:20%;} .prd_basic .box {position:relative; max-width:250px; min-width:250px;} .prd_basic .box .img {overflow:hidden; position:relative; z-index:1; width:100%; margin:0 auto; text-align:center;} .prd_basic .box .img .prdimg {transition:all .3s ease;} .prd_basic .box .img .prdimg img{border:1px solid #eee; width:100%;} /*.prd_basic .box .img:hover .prdimg {-ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}*/ .prd_basic .box .img .soldout {display:none;} .prd_basic .box.out .img .prdimg {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity:.3;} .prd_basic .box.out .img .soldout {display:block; position:absolute; left:0; top:50%; z-index:5; width:100%; color:#000; font-size:14px; font-weight:bold; text-align:center; cursor:pointer;} /* 품절시 soldout 출력 */ .prd_basic .box .info {padding-top:15px;} /*.prd_basic .box .quick {padding:20px 0 0 2px; padding-left:2px; font-size:0;} .prd_basic .box .quick li {display:inline-block; text-align:center; vertical-align:top;} .prd_basic .box .quick li a {display:block; width:32px; height:32px; margin-left:-1px; border:1px solid #dbdbdb; background-color:#fff; background-repeat:no-repeat; background-position:center; text-indent:-9999px; transition:all .3s ease;} .prd_basic .box .quick li a:hover {background-color:#f6f6f6;} .prd_basic .box .quick li.preview a {background-image:url('../_skin/sw_kor_v2/img/shop/icon_preview.png');} .prd_basic .box .quick li.cart a {background-image:url('../_skin/sw_kor_v2/img/shop/icon_cart.png');} .prd_basic .box .quick li.wish a {background-image:url('../_skin/sw_kor_v2/img/shop/icon_wish.png');} .prd_basic .box .quick li.wish a.wish_on {background-image:url('../_skin/sw_kor_v2/img/shop/icon_wish_on.png');}*/ .prd_basic .box .info .name{font-weight:bold; display:inline-block; vertical-align:middle;} .prd_basic .box .info .name a{font-size:13px; font-family:'MalgunGothic', sans-serif; font-weight:bold;} .prd_basic .box .info .item_name{min-height:45px; padding-top:5px;} .prd_basic .box .info .item_name a{display:inline-block; font-size:13px; font-family:'MalgunGothic', sans-serif;} .prd_basic .box .price_con:after{content:''; display:block; clear:both;} .prd_basic .box .price_con{padding:5px 0 0 1px;} .prd_basic .box .price_con .price {float:left;} .prd_basic .box .price_con .price .sell{word-break:break-all; word-wrap:break-word; font-family:'Montserrat', sans-serif; font-weight:500; font-size:18px; color:#333;} .prd_basic .box .price_con .price .sell span{color:#333; font-size:13px; font-family:'MalgunGothic', sans-serif;} .prd_basic .box .price_con .price .consumer {text-decoration:line-through; color:#888; font-size:13px; font-family:'Montserrat', sans-serif; padding-left:5px;} .prd_basic .box .price_con .price .consumer span{color:#888; font-size:11px; font-family:'MalgunGothic', sans-serif;} .prd_basic .box .price_con .rateDiscount{font-size:18px; font-family:'Montserrat', sans-serif; color:#ea3737; float:right;} .prd_basic .box .summary {padding-top:20px; color:#888; font-size:11px; word-break:break-all; word-wrap:break-word;} .prd_basic .box .count {padding-top:20px; font-size:0;} .prd_basic .box .count li {display:inline; position:relative; padding:0 10px; color:#888; font-size:11px;} .prd_basic .box .count li:after {position:absolute; left:0; top:3px; width:1px; height:10px; background:#d2d2d2; content:'';} .prd_basic .box .count li:first-child:after {display:none;} .prd_basic .box .icon {display:inline-block; vertical-align:middle;} .prd_basic .box .icon img {margin-bottom: 1px; vertical-align:middle; height:22px;} .prd_basic .box .icon img:first-child{margin-left: 1px;} /* 240109 추가 작업 */ .product_info_title{display: flex; align-items: center; justify-content: space-between;} .product_review_info{display: flex; align-items: center; justify-content: flex-end;} .product_review_info li{font-size: 13px; font-weight: 400;} .product_review_info li:nth-child(2){padding-left: 9px; position: relative;} .product_review_info li:nth-child(2)::after{display: block; content: ''; width: 1px; height: 8px; background-color: #ccc; position: absolute; top: 50%; left: 4px; transform: translateY(-50%);} .prd_basic .box .img .icon{position: absolute; bottom: 0; left: 0;} /* 상품스타일 - 기본 - 레이어 */ .prd_basic.mini {width:100%; text-align:center;} .prd_basic.mini .box .img .prdimg {transition:none;} .prd_basic.mini .box .img:hover .prdimg {-ms-transform:none; -webkit-transform:none; transform:none;} .prd_basic.mini .box .img .icon_best {position:absolute; left:10px; top:10px; width:40px; height:40px; border-radius:50%; background:#fff; line-height:40px;} .prd_basic.mini .box .info {display:none; position:absolute; left:50%; bottom:10px; z-index:5; width:100%; margin-left:-50%; background:transparent; text-align:center;} .prd_basic.mini .box:hover .info {display:block;} .prd_basic.mini .box:hover .img .prdimg {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity:.3;} .prd_basic.mini .box .price .consumer, .prd_basic.mini .box .summary, .prd_basic.mini .box .count, .prd_basic.mini .box .icon {display:none;} /* 상품스타일 - 기본 - 레이어 - new 5% dc */ .prd_basic.mini.new .box .img, .prd_basic.mini.new .box .info {width:175px;} .prd_basic.mini.new .box .info {margin-left:-87.5px;} /* 상품스타일 - 기본 - 레이어 - 카테고리 추천 */ .prd_basic.mini.best .box .img, .prd_basic.mini.best .box .info {width:205px;} .prd_basic.mini.best .box .info {margin-left:-102.5px;} /* 상품스타일 - 기본 - 슬라이드 */ .prd_basic.slide {display:none;} .prd_basic.slide.slick-initialized {display:block;} .prd_basic.slide .slick-prev {position:absolute; left:-44px; top:50%; width:24px; height:88px; margin-top:-44px; background:url('../_skin/sw_kor_v2/img/button/slide_prev.png') no-repeat center;} .prd_basic.slide .slick-next {position:absolute; right:-44px; top:50%; width:24px; height:88px; margin-top:-44px; background:url('../_skin/sw_kor_v2/img/button/slide_next.png') no-repeat center;} /* 상품스타일 - 관심상품, 관련상품 */ .prd_related {table-layout:fixed; clear:both; width:100%; border-top:1px solid #e0e0e0; border-collapse:collapse;} .prd_related > thead {display:none;} .prd_related > tbody > tr > td {border-bottom:1px solid #e0e0e0; vertical-align:middle; text-align:center;} .prd_related > tbody > tr > td.img img {width:120px; height:auto;} .prd_related > tbody > tr > td.tal, .prd_related > tbody > tr > td.opt {padding-left:15px; text-align:left;} .prd_related > tbody > tr > td.opt select {display:block; min-width:130px; margin:5px 0;} .prd_related > tbody > tr > td .soldout {display:none; color:#d53838;} .prd_related > tbody > tr > td .soldout.out {display:inline;} .prd_related > tbody > tr > td .summary {color:#888; font-size:11px;} /* 상품스타일 - 리스트타입 */ .prd_basic.list_vertical > li{width:100%; padding:0;} .prd_basic.list_vertical > li + li{margin-top: 20px;} .prd_basic.list_vertical > li .box{display:flex; min-width:0; max-width:none;} .prd_basic.list_vertical > li .box .img{width:122px;} .prd_basic.list_vertical > li .box .img .prdimg img{width:122px; height:122px;} .prd_basic.list_vertical > li .box .info{width:calc(100% - 122px); padding-left:20px; padding-top:0;} .prd_basic.list_vertical > li .box .info .info_inn{display:flex; height:100%; align-items:center;} .prd_basic.list_vertical > li .box .info .info_inn .rateDiscount{font-size:14px; line-height:14px; font-family:'Montserrat', sans-serif; color:#ea3737;} .prd_basic.list_vertical > li .box .info .info_inn .item_name{padding:5px 0 10px;} .prd_basic.list_vertical > li .box .info .info_inn .item_name a{line-height:20px;} .prd_basic.list_vertical > li .box .info .info_inn .price_con{padding:0;} /* 상품스타일 - 프로모션 리스트 */ .promote_list{display:flex; gap: 60px 30px; flex-flow:row wrap; padding-top:0;} .promote_list > li{width:calc((100% - 30px) / 2);} .promote_list .prd_basic{margin-top:25px;} /* 상품스타일 - 프로모션 상세 리스트 */ /*-----------------------------------------------------------------*/ /* 3. Layout /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* 3-1. wrapper /*-----------------------------------------------------------------*/ #wrapper {position:relative; min-width:1240px; text-align:left;} #container {overflow:hidden;} .wrap_inner {width:1100px; margin:0 auto;} /* 컨텐츠 사이즈 */ /*-----------------------------------------------------------------*/ /* 3-2. header /*-----------------------------------------------------------------*/ /*#header {border-bottom:1px solid #e0e0e0;} #header .gnb {position:absolute; top:0; height:30px;} #header .gnb:after {display:block; clear:both; content:'';} #header .gnb ul > li {float:left; position:relative; font-size:0;} #header .gnb ul > li > a {display:inline-block; padding:0 10px; color:#666; font-size:11px; line-height:30px;} #header .gnb ul > li > a:hover {color:#d53838;} #header .gnb ul > li.viewsub > a {padding-right:20px; background:url('../_skin/sw_kor_v2/img/common/bullet_arrow_down.png') no-repeat 90% center;} #header .gnb ul > li.viewsub > .list {display:none; position:absolute; left:0; top:30px; width:100%; padding:5px 0; background:#eeedec;} #header .gnb ul > li.viewsub > .list li {float:none;} #header .gnb ul > li.viewsub > .list li a {display:inline-block; padding:5px 12px; color:#888; font-size:11px; line-height:normal; word-break:break-all;} #header .gnb ul > li.viewsub:hover {background-color:#eeedec;} #header .gnb ul > li.viewsub:hover > a {background-image:url('../_skin/sw_kor_v2/img/common/bullet_arrow_up.png');} #header .gnb ul > li.viewsub:hover > .list {display:block;} #header .gnb ul.menu {float:right;} #header .gnb ul.menu > li .ea_cart {color:inherit; font-size:inherit;} #header .gnb ul.favorite {float:left;} #header .gnb ul.favorite > li:first-child > a {padding-left:0;} #header .gnb ul.favorite > li.viewsub {display:none; width:150px;} #header .gnb.fixed {position:fixed; top:0; z-index:20; border-bottom:1px solid #e0e0e0; background:rgba(255,255,255,0.9);} #header h1 {padding:85px 0 55px;} #header .lnb {position:relative; min-height:70px; padding-right:70px;} #header .lnb .category {font-size:0;} #header .lnb .category > li {display:inline; text-align:center;} #header .lnb .category > li a {display:inline-block; position:relative; padding:24px 19px; color:#333; font-family:'arial'; font-size:15px;} #header .lnb .category > li:last-child a:after {display:none;} #header .search {display:none; position:relative;} #header .search form {position:absolute; right:0; top:0; z-index:5; width:100%; padding:40px 0; background:#efeeed; text-align:center;} #header .search form .box {position:relative; padding-right:50px; text-align:left;} #header .search form .box .basic_search {border:0; background:transparent; font-size:14px;} #header .search form .box .btn {position:absolute; right:0; top:3px;} #header .search form .box:after {position:absolute; right:45px; top:4px; width:1px; height:25px; background:#c9c8c8; content:'';}*/ #header {width:100%; /*min-width:1903px;*/ border-bottom:0; background-color:#f7f7f7;} #top_bn{display:none;} #header .top_banner_area{position:relative;} #header .top_banner_area .top_banner {text-align:center; background:url('../_skin/sw_kor_v2/img/common/top_bg.png');} #header .top_banner_area .close{width:28px; height:28px; background:url('../_skin/sw_kor_v2/img/button/ic_close.png'); position:absolute; top:50%; right:20%; margin-top:-14px; cursor:pointer;} #header .gnb {position:absolute; top:20px; right:30px; z-index:20; border-bottom:0; background:none;} #header .gnb:after {display:block; clear:both; content:'';} #header .gnb ul > li {float:left; position:static; font-size:0;} #header .gnb ul > li > a {display:inline-block; padding:0; margin-left:34px; color:#666; font-size:11px;} #header .gnb ul > li > a:hover {color:#d53838;} #header .gnb ul > li.cart > a {margin-left:32px;} #header .gnb ul > li.viewsub > a {padding-right:0; background:none;} #header .gnb ul > li.viewsub > .list {display:none; position:absolute; left:0; top:30px; width:100%; padding:5px 0; background:#eeedec;} #header .gnb ul > li.viewsub > .list li {float:none;} #header .gnb ul > li.viewsub > .list li a {display:inline-block; padding:5px 12px; color:#888; font-size:11px; line-height:normal; word-break:break-all;} #header .gnb ul > li.viewsub:hover {background-color:#eeedec;} #header .gnb ul > li.viewsub:hover > a {background-image:url('../_skin/sw_kor_v2/img/common/bullet_arrow_up.png');} #header .gnb ul > li.viewsub:hover > .list {display:block;} #header .gnb ul.menu {float:inherit;} #header .gnb ul.menu:after{content:''; display:block; clear:both;} #header .gnb ul.menu > li.cart{position:relative;} #header .gnb ul.menu > li.cart .ea_cart{width:18px; height:18px; font-size:11px; background-color:#4a4a4a; border-radius:50%; color:#fff; position:absolute; top:-4px; right:0; text-align:center;} #header .gnb ul.favorite {float:inherit;} #header .gnb ul.favorite > li:first-child > a {padding-left:0;} #header .gnb ul.favorite > li.viewsub {display:none; width:150px;} #header .gnb_b.fixed {position:absolute; top:20px; right:0; z-index:20; border-bottom:0; background:none;} #header .lnb_inner{width:100%; background-color:#181a1e; position:relative; top:0; z-index:9999;} #header .lnb_inner.fix {position:fixed; left:0; top:-90px; right:0; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s;} #header .lnb_inner.fix.show {top:0;} #header .lnb_inner.ieFix {position:fixed; left:0; top:-90px; right:0;} #header .lnb_inner.ieFix.show {top:0;} #header .lnb {min-width:1100px; width:1100px; height:90px; min-height:90px; padding-right:0px; text-align:center; margin:0 auto; position:relative;} #header .menu_area {background-color:#181a1e; border-top:1px solid #2d3035;} #header .menu_area::after {content:""; clear:both;} #header .menu_area .category {width:1100px; margin:0 auto; height:70px; line-height:70px;} #header .menu_area .category>li {float:left; text-align:center; position:relative; padding:0 37px;} #header .menu_area .category>li:last-child{padding-right:0;} /* #header .menu_area .category>li:nth-child(1) {width:172px; text-align:left; cursor: pointer;} #header .menu_area .category>li:nth-child(2) {width:119px;} #header .menu_area .category>li:nth-child(3) {width:148px;} #header .menu_area .category>li:nth-child(4) {width:119px;} #header .menu_area .category>li:nth-child(5) {width:163px;} #header .menu_area .category>li:nth-child(6) {width:119px;} #header .menu_area .category>li:nth-child(7) {width:119px; } #header .menu_area .category>li:nth-child(8) {width:127px; text-align:right;} */ #header .menu_area .category>li:nth-child(1) {width:172px; text-align:left; cursor: pointer; padding:0;} /* #header .menu_area .category>li:nth-child(2) {width:155px;} #header .menu_area .category>li:nth-child(3) {width:146px;} #header .menu_area .category>li:nth-child(4) {width:145px;} #header .menu_area .category>li:nth-child(5) {width:192px;} #header .menu_area .category>li:nth-child(6) {width:145px;} #header .menu_area .category>li:nth-child(7) {width:145px; text-align:right;} */ #header .menu_area .category>li.all_category .category_line img {margin-right:10px; vertical-align:-2px;} #header .menu_area .category>li>a {color:#fff; font-size:16px; line-height:70px;} #header .menu_area .category>li>a.time_sale {color:#f6595b; font-weight:600; font-family:'Montserrat', sans-serif;} #header .menu_area .category>li:before {content:""; display:block; width:1px; height:13px; background-color:#f7f7f7; position:absolute; left:0; top:calc(50% - 6.5px); opacity:.2;} #header .menu_area .category>li:first-child:before {display:none;} #header .lnb h2{float:left;} #header .lnb h2 a img{position:absolute; top:50%; transform:translateY(-50%);} #header .lnb .category {font-size:0; width:840px; margin:0 auto; padding-right:14px;} #header .lnb .category > li {display:inline-block; text-align:center; box-sizing:border-box;} #header .lnb .category > li.all_category{position:relative; cursor:pointer;} #header .lnb .category > li.all_category.on {background-color:#212326;} #header .lnb .category > li.all_category.on > a.category_line:after {display:none;} /* 카테고리 개선 이전 css 주석처리 20220328 jh #header .menu_area .category>li.all_category .all_category_list{min-width:840px; width:auto; position:absolute; top:68px; left:0; z-index:99; background-color:#212326; text-align:left; height:480px; font-size:0; padding-top:22px; overflow:hidden; display:none;} #header .menu_area .category>li.all_category.on .all_category_list {display:block;} #header .menu_area .category>li.all_category .all_category_list>div {display:inline-block; vertical-align:top; box-sizing:border-box; width:168px; padding-left:26px; height:100%; position:relative;} #header .menu_area .category>li.all_category .all_category_list>div::before {content:""; display:block; position:absolute; left:0; top:22px; width:1px; height:100%; background-color:#5c5c5c; opacity:.3;} #header .menu_area .category>li.all_category .all_category_list>div:first-child::before {display:none;} #header .menu_area .category>li.all_category .all_category_list>div.col2 ul:first-child {height:220px;} #header .menu_area .category>li.all_category .all_category_list>div.col1 .col1_gift{display:block; margin:30px 0 0 -8px;} #header .menu_area .category>li.all_category .all_category_list ul li {font-size:14px; line-height:1em; margin-bottom:14px;} #header .menu_area .category>li.all_category .all_category_list ul li:first-child {padding-bottom:6px;} #header .menu_area .category>li.all_category .all_category_list ul li:first-child a {color:#fff; font-size:15px; font-weight:400; padding-bottom:3px; border-bottom:1px solid #fff; padding-right:30px;} #header .menu_area .category>li.all_category .all_category_list a {color:#a0a0a0; line-height:1em; font-size:14px;} #header .menu_area .category>li.all_category .all_category_list a:hover {color:#fff;} */ /* 카테고리 개선 20220328 jh */ /* #header .menu_area .category>li.all_category .all_category_list {display:none; position: absolute; top:70px; left:-20px; width:195px; background:#363636;} #header .menu_area .category>li.all_category.on .all_category_list {display:block;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul {width:195px; background:#212326; padding:6px 0 12px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul.resize {overflow-x:hidden; overflow-y:auto;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul.resize ul.depth2_wr {overflow-x:hidden; overflow-y:auto;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul > li > a {display:block; width:195px; line-height:14px; color:#999; font-size:14px; padding:6px 10px 6px 15px; box-sizing:border-box; position:relative;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul > li:first-child > a {padding: 14px 10px 7px 15px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul > li:last-child > a {padding: 8px 10px 13px 15px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul > li > a img {vertical-align: middle; margin-right:7px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul > li > a span {vertical-align: middle; font-size:14px; color:#999;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul > li.on > a {background:#363636;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul > li.on > a span{color:#fff; font-weight:500;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul > li > ul.depth2_wr {display:none; padding:10px 0 20px 20px; position:absolute; top:0; height:100%; left:175px;box-sizing: border-box;width:170px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul > li > ul.depth2_wr.on{display:block;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul > li > ul.depth2_wr > li > a {display:block; width:170px; padding:6px 25px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul > li > ul.depth2_wr > li > a span{font-size:14px; color:#bbb;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul > li > ul.depth2_wr > li > a:hover span{color:#fff; border-bottom:1px solid #fff;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul > li:not(.event) > a {padding:8px 10px 8px 14px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul > li:not(.event) > a .ico {display:inline-block; vertical-align:middle; width:26px; height:26px; background-image:url('../_skin/sw_kor_v2/img/common/pc_main_category_v1.png'); background-size:81px 476px; background-repeat:no-repeat; margin-right:10px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n0 a .ico {background:url('../_skin/sw_kor_v2/img/common/icon_chuseok.png') no-repeat 0 0;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n1 a .ico {background-position:0 0;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n2 a .ico {background-position:0 -45px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n3 a .ico {background-position:0 -90px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n4 a .ico {background-position:0 -135px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n5 a .ico {background-position:0 -185px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n6 a .ico {background-position:0 -225px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n7 a .ico {background-position:0 -270px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n8 a .ico {background-position:0 -315px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n9 a .ico {background-position:0 -360px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n10 a .ico {background-position:0 -405px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n11 a .ico {background-position:0 -450px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n1.on a .ico {background-position:-55px 0;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n2.on a .ico {background-position:-55px -45px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n3.on a .ico {background-position:-55px -90px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n4.on a .ico {background-position:-55px -135px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n5.on a .ico {background-position:-55px -185px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n6.on a .ico {background-position:-55px -225px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n7.on a .ico {background-position:-55px -270px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n8.on a .ico {background-position:-55px -315px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n9.on a .ico {background-position:-55px -360px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n10.on a .ico {background-position:-55px -405px;} #header .menu_area .category>li.all_category .all_category_list .lgt > ul li.n11.on a .ico {background-position:-55px -450px;} #header .lnb .category > li > a {display:inline-block; font-size:16px; position:relative; padding:21.5px 42px 21.5px 0; color:#fff;} #header .lnb .category > li:first-child > a {width:118px; padding:21.5px 0;} #header .lnb .category > li:nth-child(2)> a {padding-left:35px;} #header .lnb .category > li > a .ic_all{padding-right:10px; margin-top:-4px;} #header .lnb .category > li > a.time_sale{font-size:16px; color:#f6595b; font-weight:bold; padding:21.5px 19px 21.5px 35px;;} #header .lnb .category > li > a:hover {} #header .lnb .category > li > a.category_line:after {position:absolute; right:0; top:27px; width:1px; height:17px; background:#fff; opacity:0.3; content:'';} #header .lnb .category > li:last-child > a:after {display:none;} #header .lnb #box_search{position:absolute; top:22px; right:50%; padding:0; margin-right:-160px;} #header .lnb #box_search div.box{width:320px;} #header .lnb #box_search .box_s_input {width:100%; height:40px; border:0; border-bottom:1px solid #fff; padding:4px 40px 4px 10px; background-color:transparent !important; color:#fff; font-size:14px; -webkit-box-shadow:none; box-shadow:none;} #header .lnb #box_search input:-webkit-autofill{ -webkit-box-shadow:0 0 0 30px transparent inset; -webkit-text-fill-color:#fff;} #header .lnb #box_search input:-webkit-autofill, #header .lnb #box_search input:-webkit-autofill:hover, #header .lnb #box_search input:-webkit-autofill:focus, #header .lnb #box_search input:-webkit-autofill:active { transition:background-color 5000s ease-in-out 0s;} #header .lnb #box_search .box_search_btn{position:absolute; top:7px; right:11px;} #header .lnb .toggle_search{display:block; position:static; cursor:pointer;} #header .lnb_inner .lnb .gnb_b ul.menu > li{padding:16px 0;} #header .lnb_inner .lnb .gnb_b ul.menu > li.cart .ea_cart{width:17px; height:17px; font-size:11px; background-color:#fff; border-radius:50%; color:#181a1e; position:absolute; top:9px; right:-6px; text-align:center;} #header .search {display:block; position:relative;} #header .search form {position:relative; right:0; top:0; z-index:5; width:100%; padding:0; background:inherit; text-align:center;} #header .search form .box {width:340px; position:relative; padding-right:50px; text-align:left;} #header .search form .box .basic_search {width:340px; height:30px; border:0; background:transparent; font-size:14px; border-bottom:2px solid #181a1e; padding:4px 25px 4px 10px;} #header .search form .box .btn {position:absolute; right:3px; top:6px;} #header .search form .box:after {display:none; position:absolute; right:45px; top:4px; width:1px; height:25px; background:#c9c8c8; content:'';} */ /* 카테고리 개선 20230202 bok */ #header .lnb #box_search{position:absolute; top:22px; right:50%; padding:0; margin-right:-160px;} #header .lnb #box_search div.box{width:320px;} #header .lnb #box_search .box_s_input {width:100%; height:40px; border:0; border-bottom:1px solid #fff; padding:4px 40px 4px 10px; background-color:transparent !important; color:#fff; font-size:14px; -webkit-box-shadow:none; box-shadow:none;} #header .lnb #box_search input:-webkit-autofill{ -webkit-box-shadow:0 0 0 30px transparent inset; -webkit-text-fill-color:#fff;} #header .lnb #box_search input:-webkit-autofill, #header .lnb #box_search input:-webkit-autofill:hover, #header .lnb #box_search input:-webkit-autofill:focus, #header .lnb #box_search input:-webkit-autofill:active { transition:background-color 5000s ease-in-out 0s;} #header .lnb #box_search .box_search_btn{position:absolute; top:7px; right:11px;} #header .lnb .toggle_search{display:block; position:static; cursor:pointer;} .all_category_list{width: 1182px; position: absolute; left: -41px; z-index: 1; background-color: rgba(60, 62, 68, 0.8); -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); display: none;} .all_category_list .lgt > ul{display: flex;} .depth1{width: 16.66%; position: relative;} .depth1::after{display: block; content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #46484E;} .depth1 > a{display: flex; align-items: flex-end; justify-content: flex-start; height: 72px; background-position: center center; background-size: cover; padding-left: 15px; padding-bottom: 9px;} .depth1 > a img{margin-bottom: 6px; margin-left: 4px;} .depth1.n1 > a{background-image:url('../_skin/sw_kor_v2/img/common/pc_main_category_v2_1.png');} .depth1.n2 > a{background-image:url('../_skin/sw_kor_v2/img/common/pc_main_category_v2_2.png');} .depth1.n3 > a{background-image:url('../_skin/sw_kor_v2/img/common/pc_main_category_v2_3.png');} .depth1.n4 > a{background-image:url('../_skin/sw_kor_v2/img/common/pc_main_category_v2_4.png');} .depth1.n5 > a{background-image:url('../_skin/sw_kor_v2/img/common/pc_main_category_v2_5.png');} .depth1.n6 > a{background-image:url('../_skin/sw_kor_v2/img/common/pc_main_category_v2_6.png');} .depth1.n7 > a{background-image:url('../_skin/sw_kor_v2/img/common/pc_main_category_v2_7.png');} .depth1 > a span{font-size: 14px; font-weight: 700; color: #fff;} .depth2_wr{padding-bottom: 22px; box-sizing: border-box; height: calc(100% - 72px);} .depth2_wr li{padding: 8px 0; padding-left: 15px;} .depth2_wr li:hover{background-color: rgba(75, 78, 86, 0.8);} .depth2_wr li:hover span{color: #fff;} .depth2_wr li a{display: block;} .depth2_wr li span{font-size: 13px; font-weight: 300; line-height: 18px; letter-spacing: -0.5px; color: #BBBBBB;} /*-----------------------------------------------------------------*/ /* 3-3. content /*-----------------------------------------------------------------*/ #cnt {width:100%; /*min-width:1903px;*/ background-color:#f7f7f7; padding:45px 0 80px;} #cnt #main{width:100%; /*min-width:1903px;*/} #cnt .cntbody {width:100%;} #cnt .content {width:1100px; margin:0 auto;} /*-----------------------------------------------------------------*/ /* 3-4. footer /*-----------------------------------------------------------------*/ #footer{width:100%; text-align:center; background-color:#fff;} #footer .quick_area{border-top:1px solid #7d7d7d; border-bottom:1px solid #d6d6d6;} #footer .quick {max-width:1100px; margin: 0 auto; overflow:hidden; padding:15px 0; color:#555;} #footer .quick .about{float:left; margin-top:4px;} #footer .quick .about .about_list:after, #footer .quick .share .share_list:after{content:''; display:block; clear:both;} #footer .quick .about .about_list li{float:left; position:relative; padding:0 15px; line-height:0;} #footer .quick .about .about_list li:nth-child(1){padding-left:0;} #footer .quick .about .about_list li:last-child:after{display:none;} #footer .quick .about .about_list li:after{content:''; width:1px; height:10px; display:block; background:#a3a3a3; position:absolute; top:50%; right:-1px; margin-top:-5px;} #footer .quick .about .about_list li a{font-family:'MalgunGothic', sans-serif; font-size:12px;} #footer .quick .about .about_list li a.quick_s{font-size:12px; color:#a82626;} #footer .quick .about .about_list li a strong{font-family:'MalgunGothic', sans-serif; font-size:12px;} #footer .quick .share{float:right;} #footer .quick .share .share_list li{float:left; padding:0 10px;} #footer .shopinfo {position:relative; max-width:1100px; margin:0 auto; text-align:left; padding:25px 0 90px;} #footer .shopinfo .info, #footer .shopinfo .info * {color:#555; font-family:'MalgunGothic', sans-serif; font-size:12px; font-style:normal;} #footer .shopinfo .info span {font-family:'MalgunGothic', sans-serif; position:relative; padding-right:10px; line-height:1.83;} #footer .shopinfo .info span.info_s{display:block; color:#101010;} #footer .shopinfo .info span.info_call{font-size:24px; line-height:0.92; padding:5px 0 19px;} #footer .shopinfo .info span.info_chk_btn{display:inline-block; background-color:#fff; color:#000; line-height:inherit; padding-right:15px; border:1px solid #909090; cursor:pointer;} #footer .shopinfo .info span.info_chk_btn a{display:inline-block; line-height:normal; padding:1px 0 1px 5px;} #footer .shopinfo .info span.info_chk_btn:after{content:''; background: url('../_skin/sw_kor_v2/img/button/ic_f_arrow.png') no-repeat center; display:inline-block; width:4px; height:7px; vertical-align:middle; position:absolute; top:50%; right:5px; margin-top:-3px;} #footer .shopinfo .info span.last:after {display:none;} #footer .shopinfo .copyright {font-size:12px; font-family:'MalgunGothic', sans-serif; color:#555; margin-top:15px;} #footer .shopinfo .copyright strong {font-size:12px; font-family:'MalgunGothic', sans-serif; color:#555;} #footer .shopinfo .copyright a strong, #footer .shopinfo .copyright a:hover {color:#3fc0e5;} #footer .btn_scroll {display:none; position:fixed; right:30px; top:50%; z-index:20; margin-top:-48px;} #footer .btn_scroll a {display:block; background-repeat:no-repeat; background-position:center; background-color:#fff; cursor:pointer;} #footer .btn_scroll a:first-child{margin-bottom:5px;} #footer .shopinfo .escrow {position:absolute; top:90px; right:22px;} #footer .shopinfo .escrow ul li {display:block; border:1px solid #dedede; border-radius: 6px;} #footer .shopinfo .escrow ul li.woori_bank {margin-bottom:5px; background-image:url(../bank/woori_bank.png); background-position:10px 10px; background-repeat:no-repeat;} #footer .shopinfo .escrow ul li.isms {margin-bottom:0; background-image:url(../privacy/isms_mark.png); background-position:10px 9px; background-repeat:no-repeat;} #footer .shopinfo .escrow ul li a {display:block; width:200px; height:52px; padding:9px 14px 0 51px; font-size:12px; color:#666; line-height:17px;} #footer .shopinfo .escrow .arrow_right {vertical-align:middle; margin-left:3px;} /*-----------------------------------------------------------------*/ /* 4. Page /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* 4-1. 메인 /*-----------------------------------------------------------------*/ #main {padding:0; margin-top:-45px;} #main h2.subtitle{font-style:normal; font-size:30px; font-family:'Montserrat', sans-serif; font-weight:300; border:0; padding:80px 0 0; margin-bottom:0; } #main h2.subtitle:before{display:none;} #main h2.subtitle.white{color:#fff;;} #main h2.subtitle.white strong{color:#fff;} #main h2.subtitle.none{display:none;} #main h2.subtitle strong{font-size:30px; font-weight:600; font-family:'Montserrat', sans-serif;} #main h2.subtitle2{font-size:32px; letter-spacing:-0.8px;} #main h2.subtitle2 strong{font-size:32px;} #main .more_btn.white{width:57px; border:1px solid #fff; color:#fff; font-family:'MalgunGothic', sans-serif; font-size:11px; padding:0.5px 6px 0.5px 16px; display:inline-block; text-align:center; position:absolute; top:2px; left:auto; right:-64px; z-index:99; margin-left:0;} #main .more_btn.white:before{content:''; width:7px; height:1px; background-color:#fff; display:inline-block; position:absolute; top:50%; left:0; margin-left:6px;} #main .more_btn.white:after{content:''; width:1px; height:7px; background-color:#fff; display:inline-block; position:absolute; top:50%; left:0px; margin-left:9px; margin-top:-3px;} #main .more_btn{width:57px; border:1px solid #bcbcbc; color:#212326; font-size:11px; font-family:'MalgunGothic', sans-serif; padding:0.5px 6px 0.5px 16px; display:inline-block; text-align:center; position:absolute; top:130px; left:50%; margin-left:35px; z-index:99;} #main .more_btn:before{content:''; width:7px; height:1px; background-color:#212326; display:inline-block; position:absolute; top:50%; left:0; margin-left:6px;} #main .more_btn:after{content:''; width:1px; height:7px; background-color:#212326; display:inline-block; position:absolute; top:50%; left:0px; margin-left:9px; margin-top:-3px;} /*#main .visual_main:after{content:''; display:block; clear:both;}*/ /*#main .visual_main .slide {position:absolute; top:0; left:50%; margin-left:-1000px; width:2000px; height:564px;}*/ /*#main .visual_main .slide li {width:2000px; height:564px;}*/ /*#main .visual_main .button {width:33px; height:64px; margin-top:-32px; z-index:50;}*/ /*#main .visual_main .prev {position:absolute; top:50%; left:70px; z-index:5; cursor:pointer; background:url('../_skin/sw_kor_v2/img/button/prev_w.png')no-repeat center/contain;}*/ /*#main .visual_main .next {position:absolute; top:50%; right:70px; z-index:5; cursor:pointer; background:url('../_skin/sw_kor_v2/img/button/next_w.png')no-repeat center/contain;}*/ /*#main .visual_main .pagination {overflow:hidden; position:absolute; left:0; bottom:40px; z-index:10; width:100%; text-align:center;}*/ /*#main .visual_main .pagination li {display:inline-block; zoom:1; *display:inline; width:12px; height:12px; border:1px solid #fff; border-radius:50%; margin:0 4px; cursor:pointer;}*/ /*#main .visual_main .pagination .activeSlide {background:#fff;}*/ /*#main .visual_main .visual_container{width:100%; _height:740px; margin:0; float:left;}*/ /*#main .visual_main .visual_container img {display:block;}*/ /*#main .visual_main .visual_container .visual_pagination{top:inherit; bottom:40px; left:0;}*/ /*#main .visual_main .visual_container .visual_pagination .swiper-pagination-bullet{width:20px; opacity:0.4;}*/ /*#main .visual_main .visual_container .visual_pagination .swiper-pagination-bullet-active{width:80px; background-color:#fff; opacity:inherit;}*/ /*#main .visual_main .visualitem_container{float:right; vertical-align:top; width:35%;}*/ /*#main .visual_main .visualitem_container .prd_basic .box{min-width:auto; max-width:285px;}*/ /*#main .visual_main .visualitem_container .prd_basic > li{width:45%; padding:0; margin-left:5%;}*/ /*#main .visual_main .visualitem_container .prd_basic > li:nth-child(1), #main .visual_main .visualitem_container .prd_basic > li:nth-child(2){padding:0 0 20px 0;}*/ /*#main .visual_main .visualitem_container .prd_basic > li > .box .info{padding-top:0;}*/ /*#main .visual_main .visualitem_container .prd_basic > li > .box .info .name, #main .visual_main .visualitem_container .prd_basic > li > .box .info .icon{display:none;}*/ /*#main .visual_main .visualitem_container .prd_basic > li > .box .prdimg img{width:100%; height:auto; max-width:285px;}*/ /* (s) tlswlgml 2021-03-25 */ #main .visual_main {position:relative; overflow:hidden; height:480px; width:100%; text-align:center; clear:both;} #main #visualList{display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999999999999;} #main #visualList.on{display:flex; display:-webkit-flex; display:-ms-flexbox; display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start;-webkit-box-flex:1; -ms-flex:1; -webkit-appearance:none;} #main #visualList .content{width:1100px; margin:auto; position:relative; } #main #visualList .content .v_list{width:1100px; max-height:900px; margin: auto; position:relative; overflow-x:hidden; overflow-y:auto; -ms-overflow-style:none;} #main #visualList .content .v_list::-webkit-scrollbar{display:none;} #main #visualList .content .v_list ul {width:1100px; overflow-x:hidden;} #main #visualList .content ul::after{content:''; display:block; clear:both;} #main #visualList .content ul li{float:left; width:545px; overflow:hidden; margin:2.5px;} #main #visualList .content ul li:nth-child(1), #main #visualList .content ul li:nth-child(2){padding-top:0;} #main #visualList .content ul li a{display:block; width:545px; overflow:hidden;} #main #visualList .content ul li img{height:200px; transform:translateX(-140px);} #main #visualList .content .button{position:absolute; top:3px; right:-42.5px; cursor:pointer;} /* 메인배너 tlswlgml */ #main .visual_main .swiper-container {position:absolute; top:0; left:50%; width:1920px; height:480px; margin-left:-960px;} #main .kvStatus {display:none; position:absolute; top:426px; left:50%; z-index:10; margin-left:380px; text-align:right; font-size:0;} #main .kvStatus .kv_group {position:relative; display:inline-block; vertical-align: middle; width:126px; height:34px; text-align:right; line-height:34px; background:rgba(0,0,0,.3); border-radius:34px;} #main .kvStatus .kv_group .pageKv {width:50px; position:absolute; top:-1px; left:auto; right:48px; height:34px; color:#fff; text-align:center;} #main .kvStatus .kv_group .pageKv * {vertical-align: middle;} #main .kvStatus .kv_group .pageKv span {display:inline-block; color:#fff; font-size:13px; line-height: 34px; height:34px; vertical-align:0;} #main .kvStatus .kv_group .pageKv .swiper-pagination-current {font-weight: bold;} #main .kvStatus .kv_group .pageKv .swiper-pagination-total {color:#fff;} #main .kvStatus .kv_group .iconKv {position:absolute; top:0; height:34px; border:0; cursor: pointer; width:48px;} #main .kvStatus .kv_group .iconKv.prevKv {left:0; background:url('../_skin/sw_kor_v2/img/button/kv_swiper_prev.png'); background-repeat: no-repeat; background-position: 16px center;} #main .kvStatus .kv_group .iconKv.nextKv {right:32px; background:url('../_skin/sw_kor_v2/img/button/kv_swiper_next.png'); background-repeat: no-repeat; background-position: 38px center;} #main .kvStatus .kv_group .pause {display:inline-block; vertical-align: middle; width:30px; height:34px; border:0; background: url('../_skin/sw_kor_v2/img/button/kv_swiper_pause.png'); cursor: pointer; background-repeat: no-repeat; background-position:7px center;} #main .kvStatus .kv_group .play {display:none; vertical-align: middle; width:34px; height:34px; border:0; background: url('../_skin/sw_kor_v2/img/button/kv_swiper_play.png'); background-repeat: no-repeat; background-position: center; cursor: pointer;} #main .kvStatus .more {display:inline-block; vertical-align: middle; margin-left:5px; width:34px; height:34px; border-radius: 50%; border:0; background-color:rgba(0,0,0,.3); background-image: url('../_skin/sw_kor_v2/img/button/kv_swiper_more.png'); cursor: pointer; background-repeat: no-repeat; background-position: center;} #main .kvStatus.stop .pause {display:none;} #main .kvStatus.stop .play {display:inline-block;} /* (e) tlswlgml 2021-03-25*/ /* 오늘의개마추천상품 */ #main .today_con {padding:20px 0 40px;} #main .today_con h2.subtitle {padding-bottom:40px;} /* 메인 띠배너 */ #main .belt_bearer{padding-top:100px;} #main .belt_bearer ul:after{content:''; display:block; clear:both;} #main .belt_bearer ul li{float:left; width:50%; height:140px; overflow:hidden;} #main .belt_bearer ul li img{position:absolute; top:0; left:0; width:auto; height:auto; text-align:center; margin:0 auto;} #main .belt_bearer .swiper-pagination-bullet{width:10px; height:10px; display:inline-block; background:#a9a9a9; border-radius:50%; opacity:0.9;} #main .belt_bearer .swiper-pagination-bullet-active{width:10px; background:#fff;} #main .belt_bearer .swiper-pagination-bullets{display:none;} /* STEP BY STEP */ #main .step_by_step {padding:100px 0 40px;} #main .step_by_step h2.subtitle {font-size:38px; line-height:26px; padding:0; margin-top:-14px;} #main .step_by_step h2.subtitle strong{display:block; font-size:38px;} #main .step_by_step .content:after{content:''; display:block; clear:both;} #main .step_by_step .step_by_l_con{width:290px; float:left;} #main .step_by_step .step_by_l_con .step_tit{font-size:14px; color:#555; position:relative; padding-top:20px; margin-top:30px;} #main .step_by_step .step_by_l_con .step_tit:before{content:''; width:50px; height:2px; display:inline-block; background-color:#000; position:absolute; top:0; left:0;} #main .step_by_step .step_by_l_con .step_btn{padding:40px 0 0;} #main .step_by_step .step_by_l_con .step_btn > li{margin-bottom:15px;} #main .step_by_step .step_by_l_con .step_btn > li > ul > li{display:inline-block; height:30px; border:1px solid #6a6a6a; line-height:28px; border-radius:15px; padding:0 17px; margin:0 2px; cursor:pointer;} #main .step_by_step .step_by_l_con .step_btn > li.on > ul > li{border:1px solid #212326; background-color:#212326; color:#fefefe;} #main .step_by_step .step_by_r_con{width:810px; float:right;} #main .step_by_step .step_by_r_con .prd_view{display:none;} #main .step_by_step .step_by_r_con .prd_view.on{display:block;} /*#main .step_by_step .step_by_r_con .prd_view .prd_basic .box{position:relative; max-width:285px; min-width:220px;}*/ #main .step_by_step .step_by_r_con .prd_view .prd_basic > li{display:inline-block; padding:0; vertical-align:top; width:33.3333%; max-width:250px; min-width:250px; margin:0 30px 70px 0;} #main .step_by_step .step_by_r_con .prd_view .prd_basic > li:nth-child(3n){margin:0 0 70px 0;} #main .step_by_step .step_by_r_con .prd_view .prd_basic > li > .box .prdimg img{width:100%; height:auto; max-width:250px; min-width:250px;} /* NEW ITEM */ #main .newItem_con{background-color:#414f5e; position:relative;} #main .newItem_con .title{position:absolute; top:0; left:50%; margin-left:-550px;} #main .newItem_con .title .subtitle, .newItem_con .title .subtitle strong{color:#fff; padding:75px 0 0;} #main .newItem_con .newItem_b{width:1230px; padding:132px 0 55px;} #main .newItem_con .newItem_b .prd_basic{display:block; width:1100px; margin:0 auto;} #main .newItem_con .newItem_b .prd_basic::after{content:''; display:block; clear:both;} #main .newItem_con .newItem_b .prd_basic > li{float:left; padding:0; vertical-align:top; max-width:250px; min-width:250px; margin: 0 33.333px 0 0;} #main .newItem_con .newItem_b .prd_basic > li:nth-child(4){margin:0;} #main .newItem_con .newItem_b .prd_basic .box .info .name a{color:#d9a3a3;} #main .newItem_con .newItem_b .prd_basic .box .info .item_name a{color:#eee;} #main .newItem_con .newItem_b .prd_basic .box .price_con{display:none;} #main .newItem_con .newItem_b .prd_basic .box .img .prdimg img{border:0;} #main .newItem_con .swiper-wrapper .swiper-slide-active::before{} #main .newItem_con::before{content:''; display:block; background:#3a434e; opacity:0.6; width:50%; height:100%; position:absolute; top:0; left:-630px; z-index:9;} #main .newItem_con::after{content:''; display:block; background:#3a434e; opacity:0.6; width:50%; height:100%; position:absolute; top:0; right:-630px; z-index:9;} #main .newItem_con .btn_nav{left:50%; margin-left:-550px;} #main .newItem_con .btn_nav .swiper-button-next{width:23px; height:44px; background:url('../_skin/sw_kor_v2/img/button/arr_next.png') no-repeat; margin-top:-22px;} #main .newItem_con .btn_nav .swiper-button-prev{width:23px; height:44px; background:url('../_skin/sw_kor_v2/img/button/arr_prev.png') no-repeat; margin-top:-22px;} /* HOT THEMA */ #main .hotthema_con {position:relative; background-color:#d9dddd; padding-bottom:70px;} #main .hotthema_con h2.subtitle {padding-bottom:10px;} #main .hotthema_con .thema_b{width:800px;} #main .hotthema_con .swiper-wrapper .swiper-slide-prev::before{content:''; display:block; background:url('https://www.ggjmart.com/_skin/sw_kor_v2/img/main/gradation_l.png') rgba(000,000,000,0.4); height:100%; position:absolute; top:0; left:0; width:100%; z-index:9;} #main .hotthema_con .swiper-wrapper .swiper-slide-next::before{content:''; display:block; background:url('../_skin/sw_kor_v2/img/main/gradation_r.png') rgba(000,000,000,0.6); height:100%; position:absolute; top:0; left:0; width:100%; z-index:9;} #main .hotthema_con .thema_b img{width:100%;} #main .hotthema_con .swiper-button-next{background:url('../_skin/sw_kor_v2/img/button/ic_next.png') no-repeat; left:auto; width:33px; height:64px; margin-right:6%;} #main .hotthema_con .swiper-button-prev{background:url('../_skin/sw_kor_v2/img/button/ic_prev.png') no-repeat; right:auto; width:33px; height:64px; margin-left:6%;} #main .hotthema_con .swiper-container {padding-top:50px; /*width:1240px;*/} #main .hotthema_con .swiper-pagination {top:0;} #main .hotthema_con .swiper-container-horizontal > .swiper-pagination-bullets{left:-30px;} /* MD PICK */ #main .md_pick {padding-bottom:90px; width:100%; display:table; background-color:#f7f7f7;} #main .md_pick .content{width:1099px;} #main .md_pick h2.subtitle {padding-top:100px;} #main .md_pick .view_more {display:inline-block; margin-left:15px; height:30px; vertical-align: middle;} #main .md_pick .view_more img {vertical-align: baseline;} #main .md_pick .md_tit {text-align: center; font-size:20px; font-weight:300; line-height: 1;} #main .md_pick .md_pick_b{width:33%; display:table-cell; vertical-align:middle;} #main .md_pick .md_pick_b img{width:100%; max-width:628px; min-width:410px;} #main .md_pick .md_pick_item{position:relative; height:100%; vertical-align:middle; padding:20px 0 0;} #main .md_pick .md_pick_item .prd_basic > li{display:inline-block; padding:0; vertical-align:top;} #main .md_pick .md_pick_item .prd_basic > li > .box .prdimg img{width:100%; height:auto; max-width:250px; min-width:250px;} #main .md_pick .md_pick_item .mdpick_pagination{top:-24px; right:0;} #main .md_pick .md_pick_item .mdpick_pagination .swiper-pagination-bullet{width:10px; height:10px; background:#dedede; border-radius:50%; opacity:inherit; margin-left:10px;} #main .md_pick .md_pick_item .mdpick_pagination .swiper-pagination-bullet-active{background:#42454a;} #main .md_pick .btn_nav {margin-top:-80px;} /* 메인배너 */ #main .banner_con{background-color:#f1f1f1;} #main .banner_con .content > ul:after, #main .banner_con .content > ul > .right > .right_top:after{content:''; display:block; clear:both;} #main .banner_con .content > ul li.pointer{cursor:pointer;} #main .banner_con .content > ul > .right .right_top{margin-bottom:20px;} #main .banner_con .content > ul > .left, #main .banner_con .content > ul > .right .right_top .t_left{float:left;} #main .banner_con .content > ul > .right, #main .banner_con .content > ul > .right .right_top .t_right{float:right;} /* BEST BRAND */ #main .best_brand{width:100%; height:auto; background:url('../_skin/sw_kor_v2/img/main/best_b1_bg.jpg') no-repeat; background-size:cover; padding-bottom:70px;} #main .best_brand.b1{width:100%; height:auto; background:url('../_skin/sw_kor_v2/img/main/best_b1_bg.jpg') no-repeat; background-size:cover;} #main .best_brand.b2{width:100%; height:auto; background:url('../_skin/sw_kor_v2/img/main/best_b2_bg.jpg') no-repeat; background-size:cover;} #main .best_brand.b3{width:100%; height:auto; background:url('../_skin/sw_kor_v2/img/main/best_b3_bg.jpg') no-repeat; background-size:cover;} #main .best_brand.b4{width:100%; height:auto; background:url('../_skin/sw_kor_v2/img/main/best_b4_bg.jpg') no-repeat; background-size:cover;} #main .best_brand .bestB_btn_area{width:100%; text-align:center; padding-left:10px;} #main .best_brand .bestB_btn_area .bestB_btnList{display:inline-block; position:relative; margin-left:-50px;} #main .best_brand .bestB_btn_area .bestB_btnList .bestB_btn > li{display:inline-block; color:#fff; font-size:15px; font-weight:300; margin:0 10px; cursor:pointer;} #main .best_brand .bestB_btn_area .bestB_btnList .bestB_btn > li.on{border-bottom:2px solid #fff; font-weight:500;} #main .best_brand .bestB_view{padding:40px 0 0; text-align:right;} #main .best_brand .bestB_view .prd_view{display:none;} #main .best_brand .bestB_view .prd_view.on{display:block;} #main .best_brand .bestB_view .prd_basic{text-align: center;} #main .best_brand .bestB_view .prd_basic .box .info{background-color:#f7f7f7; padding:15px 20px; text-align:left;} #main .best_brand .bestB_view .prd_basic > li{display:inline-block; padding:0; vertical-align:top; width:23%; max-width:285px; min-width:220px; margin-right:2%;} #main .best_brand .bestB_view .prd_basic > li > .box .prdimg img{width:100%; height:auto; max-width:285px; min-width:220px;} .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {top:160px; left:0; width:100%;} /* HOT REVIEW */ #main .hotteview_con {padding-bottom:50px; background:#eaeaea;} #main .hotteview_con .review .list:after {display:block; clear:both; content:'';} #main .hotteview_con .review .list li {float:left; width:350px; min-height:415px; max-height:415px; padding:50px 15px; text-align:center;} #main .hotteview_con .review .list li .img {overflow:hidden; position:relative; width:186px; height:186px; margin:0 auto; border-radius:50%; border:1px solid #ddd;} #main .hotteview_con .review .list li .img img {width:186px; height:auto;} #main .hotteview_con .review .list li p {margin-top:10px;} #main .hotteview_con .review .list li p.prd a {font-size:13px; color:#555; font-weight:bold; font-family:'MalgunGothic', sans-serif;} #main .hotteview_con .review .list li p.contents {overflow:hidden; height:38px; margin-top:5px; padding:0 70px;} #main .hotteview_con .review .list li p.contents a {color:#888; font-size:12px; font-family:'MalgunGothic', sans-serif;} #main .hotteview_con .review .list li p.date {color:#666; font-size:12px; font-family:'MalgunGothic', sans-serif;} #main .hotteview_con .review .review_container {width:1240px;} #main .hotteview_con .swiper-pagination-bullets {top:134px;} #main .hotteview_con .review_swiper_con {position:relative; margin:0 auto; width:1240px;} /* EVENT */ #main .event_con {position:relative; padding:0 0 75px; background-color:#eaeaea;} #main .event_con h2.subtitle {padding-bottom:15px;} #main .event_con .event_container .swiper-slide .img img {width:535px; height:auto;} #main .event_con .event_container .swiper-slide .info {padding-top:8px;} #main .event_con .event_pagination{top:-38px; right:0;} #main .event_con .event_pagination .swiper-pagination-bullet{width:10px; height:10px; background:#dedede; border-radius:50%; opacity:inherit; margin-left:10px;} #main .event_con .event_pagination .swiper-pagination-bullet-active{background:#42454a;} #main .event_con .event_swiper_con {position:relative; margin:0 auto; width:1100px;} #main .event_con .event_swiper_con .btn_nav .swiper-button-next, #main .event_con .event_swiper_con .btn_nav .swiper-button-prev{margin-top:-26.5px;} /* btn nav */ #main .btn_nav {position: absolute; right: 0; top: 50%; width: 1100px; height: 0px; z-index: 10;} #main .btn_nav .swiper-button-next {display:inline-block; float:right; margin-top:0; margin-right: -62px; background:url('../_skin/sw_kor_v2/img/button/ic_next2.png') no-repeat; width:28px; height:53px; cursor:pointer;} #main .btn_nav .swiper-button-prev {display:inline-block; float:left; margin-top:0; margin-left: -62px; background:url('../_skin/sw_kor_v2/img/button/ic_prev2.png') no-repeat; width:28px; height:53px; cursor:pointer;} /* A TO Z */ #main .atoz_con {padding-bottom:10px;} #main .atoz_con h2.subtitle {padding-bottom:22px;} #main .atoz_con .prd_basic > li{display:inline-block; padding:0; vertical-align:top; margin-right:33px; margin-bottom:70px;} #main .atoz_con .prd_basic > li:nth-child(4n){margin-right:0;} /* PARTNERS */ #main .partners_con h2.subtitle{padding-bottom:15px;} #main .partners_con{background-color:#f7f7f7;} #main .partners_con .content{position:relative;} #main .partners_con .content .more_arrow{position:absolute; top:95px; right:0;} #main .partners_con .content .more_arrow a{font-size:13px; font-weight:bold;} #main .partners_con .content .more_arrow a img{padding-left:6px; vertical-align:baseline;} #main .partners_con .content .partners_list::after{content:''; display:block; clear:both;} #main .partners_con .content .partners_list{margin-bottom:120px;} #main .partners_con .content .partners_list li{float:left; width:220px; height:100px; line-height:100px; background-color:#fbfbfb; border:1px solid #e7e7e7; text-align:center;} #main .partners_con .content .partners_list li:nth-child(-n+5){border-bottom:0;} /* 우측 액션배너 */ .action_banner_wrap {position:relative;} .action_banner {position:absolute; top:73px; left:120px; z-index:19; cursor:pointer;} .action_banner.fixed {position:fixed; top:175px;} .action_banner .action_banner_small {opacity:0;} .action_banner .action_banner_small .btn_open {position:absolute; top:5px; right:5px; width:25px; height:25px; text-indent:-9999px; background:url(../_skin/sw_kor_v2/img/button/btn_wide.png); background-size:25px; cursor:pointer; opacity: inherit;} .action_banner .action_banner_big {overflow:hidden; position:fixed; bottom:0; left:50%; margin-left:-550px; border-radius:12px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.4);} .action_banner .action_banner_big .btn_close {position:absolute; top:10px; right:10px; width:40px; height:40px; text-indent:-9999px; background:url(../_skin/sw_kor_v2/img/button/new_close_ico.png); background-size:40px; cursor:pointer} /*-----------------------------------------------------------------*/ /* 4-2. 상점 /*-----------------------------------------------------------------*/ /* 상품목록(/shop/big_section.php) */ #big_section .titleImg{text-align:center;} #big_section .titleImg img{padding:0 0 30px;} #big_section.time .content{text-align:center;} #big_section.best .best_ico {background-image: url('../_skin/sw_kor_v2/img/shop/best_gray.png'); background-size:68px; display:inline-block; width:68px; height:68px; position:absolute; top:0; left:0; z-index:9;} #big_section.best li:nth-child(-n+3) .best_ico {background-image: url('../_skin/sw_kor_v2/img/shop/best_red.png'); background-size:72px; display:inline-block; width:72px; height:72px; position:absolute; top:0; left:0; z-index:9;} #big_section.best li:nth-child(n+11) .best_ico{background-image:none;} #big_section.best li:nth-child(1) .best_ico::before{content:"01"; color:#db114a; font-size:30px; font-family:'Montserrat', sans-serif; font-weight:bold; width:72px; height:72px; line-height:95px; display:inline-block; text-align:center;} #big_section.best li:nth-child(2) .best_ico::before{content:"02"; color:#db114a; font-size:30px; font-family:'Montserrat', sans-serif; font-weight:bold; width:72px; height:72px; line-height:95px; display:inline-block; text-align:center;} #big_section.best li:nth-child(3) .best_ico::before{content:"03"; color:#db114a; font-size:30px; font-family:'Montserrat', sans-serif; font-weight:bold; width:72px; height:72px; line-height:95px; display:inline-block; text-align:center;} #big_section.best li:nth-child(4) .best_ico::before{content:"04"; color:#888; font-size:26px; font-family:'Montserrat', sans-serif; font-weight:bold; width:68px; height:68px; line-height:92px; display:inline-block; text-align:center;} #big_section.best li:nth-child(5) .best_ico::before{content:"05"; color:#888; font-size:26px; font-family:'Montserrat', sans-serif; font-weight:bold; width:68px; height:68px; line-height:92px; display:inline-block; text-align:center;} #big_section.best li:nth-child(6) .best_ico::before{content:"06"; color:#888; font-size:26px; font-family:'Montserrat', sans-serif; font-weight:bold; width:68px; height:68px; line-height:92px; display:inline-block; text-align:center;} #big_section.best li:nth-child(7) .best_ico::before{content:"07"; color:#888; font-size:26px; font-family:'Montserrat', sans-serif; font-weight:bold; width:68px; height:68px; line-height:92px; display:inline-block; text-align:center;} #big_section.best li:nth-child(8) .best_ico::before{content:"08"; color:#888; font-size:26px; font-family:'Montserrat', sans-serif; font-weight:bold; width:68px; height:68px; line-height:92px; display:inline-block; text-align:center;} #big_section.best li:nth-child(9) .best_ico::before{content:"09"; color:#888; font-size:26px; font-family:'Montserrat', sans-serif; font-weight:bold; width:68px; height:68px; line-height:92px; display:inline-block; text-align:center;} #big_section.best li:nth-child(10) .best_ico::before{content:"10"; color:#888; font-size:26px; font-family:'Montserrat', sans-serif; font-weight:bold; width:68px; height:68px; line-height:92px; display:inline-block; text-align:center;} #big_section.best li:nth-child(1) .box, #big_section.best li:nth-child(2) .box, #big_section.best li:nth-child(3) .box{width:344px; max-width:344px; min-width:344px;} #big_section.best li:nth-child(1) .box .prdimg a img, #big_section.best li:nth-child(2) .box .prdimg a img, #big_section.best li:nth-child(3) .box .prdimg a img{width:344px; height:344px;} #big_section.best li:nth-child(3){padding-right:0;} #big_section.best .content .prd_basic > li:nth-child(4n){padding-right:33px;} #big_section.best .content .prd_basic > li:nth-child(4n+3){padding-right:0;} #big_section.best .sub_category li:first-child {display:none;} #big_section.best .box .time_ico{display:none;} #big_section .title_img{text-align:center;} #big_section .title_img img{padding:0 0 40px;} #big_section .sub_category_area{padding:0 0 25px;} #big_section .sub_category_area:first-child{padding-top:72px;} #thema .thema_sub_category_area{padding:30px 0 25px;} #big_section .sub_category {display:inline-block; text-align:center; margin-left:1px; margin-top:1px; width:100%;} #big_section .sub_category:after, #thema .sub_category:after{content:''; display:block; clear:both;} #big_section .sub_category li {float:left; width:221px; margin-left:-1px; margin-top:-1px; height:52.44px;} #big_section .sub_category li a, #thema .sub_category li a {display:inline-block; width:100%; font-size:16px; color:#555; padding:12.5px 0; background-color:#fff; border:1px solid #c8c8c8; height:52.44px;} #big_section .sub_category li:last-child a, #thema .sub_category li:last-child a{border-right:1px solid #c8c8c8;} #big_section .sub_category li a.on, #thema .sub_category li a.on{color:#181a1e; border:2px solid #181a1e; position:relative; top:0; left:0; padding:11.5px 0;} #big_section .content .prd_basic{width:auto; margin:0 auto; display:inline;} #big_section .content .prd_basic > li{position:relative;/*padding:0 16.5px 60px;*/} #thema {display:none; margin-top:-42px;} #thema .sub_category{display:inline-block; text-align:center;} #thema .sub_category li{float:left; width:249px; margin-left:-1px;} #thema .thema_container{background-color:#181818; padding:35px 0 75px;} #thema .thema_b{width:800px;} #thema .thema_pagination{bottom:40px; top:inherit;} #thema .swiper-button-next{background:url('../_skin/sw_kor_v2/img/button/ic_next.png') no-repeat; right:22%; left:auto; width:33px; height:64px; margin-top:-30px;} #thema .swiper-button-prev{background:url('../_skin/sw_kor_v2/img/button/ic_prev.png') no-repeat; right:auto; left:22%; width:33px; height:64px; margin-top:-30px;} #timeSale{width:100%; height:445px; margin-top:-147px; position:relative; overflow:hidden;} #big_section.time .content .prd_basic > li {padding:0 0 70px 33px;} #big_section.time .content .prd_basic > li:nth-child(2n){padding:0 0 70px 0;} #big_section.time .content .prd_basic > li:nth-child(4n){padding:0 0 70px 33px;} #big_section:not(.best, .time) .prd_basic > li{padding:0; width:250px; margin-left:calc((100% - 250px * 4) / 3);} #big_section:not(.best, .time) .prd_basic > li:nth-child(4n+1){margin-left:0;} #big_section:not(.best, .time) .prd_basic > li:nth-child(4) ~ li{margin-top:60px;} #big_section:not(.best, .time) .prd_basic .box .img .prdimg img{width:250px; height:250px;} @media all and (max-width:1600px){ #thema .swiper-button-prev{margin-right:18%;} #thema .swiper-button-next{margin-left:18%;} } /*#big_section .sub_category li a:hover {color:#333;}*/ /* 상품상세페이지(/shop/detail.php) */ #detail {margin-top:50px;} #detail .wrap_prd {overflow:hidden; position:relative; background-color:#fff; padding:30px 30px 50px; box-shadow:0px 2px 1px 0 rgba(0, 0, 0, 0.3);} #detail .wrap_prd > .prdimg {float:left; width:520px;} #detail .wrap_prd > .prdimg .img {overflow:hidden; width:520px; height:520px; text-align:center;} #detail .wrap_prd > .prdimg .img img {max-width:520px; max-height:520px; width:auto; height:auto;} #detail .wrap_prd > .prdimg .addimg {/*margin-top:10px;*/} #detail .wrap_prd > .prdimg .addimg .box_add_slide {overflow:hidden; width:600px;} #detail .wrap_prd > .prdimg .addimg .add_slide {/*width:510px;*/} #detail .wrap_prd > .prdimg .addimg .add_slide.slick-initialized {display:block;} #detail .wrap_prd > .prdimg .addimg .add_slide > div{display:inline-block; margin:10px 10px 0 0; cursor:pointer;} #detail .wrap_prd > .prdimg .addimg .add_slide > div:last-child{margin-right:0;} #detail .wrap_prd > .prdimg .addimg .add_slide > div img {width:112px; height:112px;} #detail .wrap_prd > .prdimg .addimg .add_slide > div img:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: .5;} #detail .wrap_prd > .prdimg .addimg .add_slide .slick-prev {position:absolute; left:0; top:0; z-index:5; height:92px; background:url('../_skin/sw_kor_v2/img/common/bullet_arrow_prev.png') no-repeat center; background-color:rgba(200,200,200,0.5)} #detail .wrap_prd > .prdimg .addimg .add_slide .slick-next {position:absolute; right:10px; top:0; z-index:5; height:92px; background:url('../_skin/sw_kor_v2/img/common/bullet_arrow_next.png') no-repeat center; background-color:rgba(200,200,200,0.5)} #detail .wrap_prd > .info {float:right; width:488px; padding:10px 0 0;} #detail .wrap_prd > .info .brand_name{display:inline-block; vertical-align:middle; font-size:17px;} #detail .wrap_prd > .info .brand_go{display:inline-block; margin-left:10px;} #detail .wrap_prd > .info .brand_go a{display:inline-block; width:69px; height:22px; background:url('https://www.ggjmart.com/_skin/sw_kor_v2/img/shop/brand_go.jpg') no-repeat; vertical-align:middle;} #detail .wrap_prd > .info > h3 {font-size:24px; padding:10px 0 5px; font-weight:500;} #detail .wrap_prd > .info > h3 > img {margin:0 2px; vertical-align:middle;} #detail .wrap_prd > .info > .price del {color:#9d9d9d; font-size:20px; font-family:'Montserrat', sans-serif;} #detail .wrap_prd > .info > .price del span{color:#9d9d9d; font-size:18px; font-family:'Noto Sans KR', sans-serif;} #detail .wrap_prd > .info > .price .sell, #detail .wrap_prd > .info > .price .sell * {color:#222; font-size:36px; font-family:'Montserrat', sans-serif;} #detail .wrap_prd > .info > .price .sell span{color:#222; font-size:24px; font-family:'Noto Sans KR', sans-serif;} #detail .wrap_prd > .info > .price .coupon {display:inline-block; padding-right:24px; background:url('../_skin/sw_kor_v2/img/shop/download_coupon.png') no-repeat 100%; cursor:pointer; margin-left:15px; vertical-align:text-bottom;} #detail .wrap_prd > .info > .price .coupon strong {display:inline-block; padding:0px 5px; color:#212326; font-size:14px; font-weight:normal; border:1px solid #212326; border-right:0;} #detail .wrap_prd > .info .pop_coupon {display:none; position:fixed; left:50%; top:100px; z-index:99999; width:568px; padding:40px; border:1px solid #d9d9d9; margin-left:-325px; background:#fff;} #detail .wrap_prd > .info .pop_coupon h2 {color:#000; font-size:22px;} #detail .wrap_prd > .info .pop_coupon .count {margin-top:20px; padding:15px 20px; background:#fafafa;} #detail .wrap_prd > .info .pop_coupon .list {overflow:auto; max-height:200px; margin-top:10px; border-top:1px solid #e0e0e0;} #detail .wrap_prd > .info .pop_coupon .list li {position:relative; padding:15px 100px 15px 15px; border-bottom:1px solid #e0e0e0; text-align:left;} #detail .wrap_prd > .info .pop_coupon .list a {position:absolute; right:15px; top:10px; padding:5px 10px; background:#363636; color:#fff; cursor:pointer;} #detail .wrap_prd > .info .pop_coupon .close {display:inline-block; position:absolute; right:20px; top:20px; width:21px; height:21px; background:url('../_skin/sw_kor_v2/img/button/hd_close.png') no-repeat center; text-indent:-9999px; cursor:pointer;} #detail .wrap_prd > .info > .summary {padding-top:20px; color:#888; word-break:break-all;} #detail .wrap_prd > .info > .list .list_line th, #detail .wrap_prd > .info > .list .list_line td{padding:20px 0; border-bottom:1px solid #cdcdcd;} #detail .wrap_prd > .info > .list {width:100%; margin-top:20px; border-top:2px solid #181a1e;} #detail .wrap_prd > .info > .list th {font-weight:normal; text-align:left; vertical-align:middle;} #detail .wrap_prd > .info > .list td {padding:5px 0; color:#888; text-align:left; vertical-align:middle;} #detail .wrap_prd > .info > .list td.list_info_s{color:#cf5f7c;} #detail .wrap_prd > .info > .list td.list_info_s span{color:#cf5f7c; font-family:'Montserrat', sans-serif;} #detail .wrap_prd > .info > .list td.point_s{font-family:'Montserrat', sans-serif; background:url('../_skin/sw_kor_v2/img/shop/ic_point.png')no-repeat left; font-weight:500; padding-left:23px; font-size:16px; background-size:18px;} #detail .wrap_prd > .info > .list td.point_s span{font-family:'Noto Sans KR', sans-serif; color:#cf5f7c; vertical-align:baseline; font-weight:normal;} #detail .wrap_prd > .info > .list td.singleProduct{background-color:#f7f7f7; border:1px solid #d3d3d3; padding:15px 20px;} #detail .wrap_prd > .info > .list td.singleProduct > div:first-child{padding-bottom:15px;} #detail .wrap_prd > .info > .list td.singleProduct > div.price{float:right;} #detail .wrap_prd > .info > .list td.singleProduct > div.price #singleProduct_price{color:#1c1c1c; font-family:'Montserrat', sans-serif; font-size:18px; font-weight:500;} #detail .wrap_prd > .info > .list td select {width:100%;} #detail .wrap_prd > .info > .list td select#option1{margin-top:5px;} #detail .wrap_prd > .info > .list .milage_info {display:inline-block; position:relative;} #detail .wrap_prd > .info > .list .milage_info .info {display:none; position:absolute; left:20px; top:-8px; z-index:10; width:150px; padding:5px 10px; border:1px solid #dcdcdc; background:#fff;} #detail .wrap_prd > .info > .list .milage_info:hover .info {display:block;} #detail .wrap_prd > .info > .multi_opt {margin-top:5px;} #detail .wrap_prd > .info > .multi_opt .selected_list > li {position:relative; padding:15px 20px; border:1px solid #d3d3d3; background:#f7f7f7; margin-bottom:5px;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .name {padding-bottom:15px; /*display:inline-block; width:270px; word-break:break-all;*/} #detail .wrap_prd > .info > .multi_opt .selected_list > li .price {float:right;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .price span.op_price{color:#555; font-size:15px; font-family:'MalgunGothic', sans-serif;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .price span.op_price span{color:#1c1c1c; font-size:18px; font-weight:500; font-family:'Montserrat', sans-serif;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .price span.del{margin-left:10px;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .price .del img {margin-top:-4px; vertical-align:middle;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .box_qty {/*position:absolute; left:300px; top:7px;*/} #detail .wrap_prd > .info > .multi_opt .opt_total {position:relative; padding:15px 20px 20px 0; border-bottom:2px solid #555; text-align:right;} #detail .wrap_prd > .info > .multi_opt .opt_total .title {position:absolute; left:0; top:50%; margin-top:-10px;} #detail .wrap_prd > .info > .multi_opt .opt_total strong, #detail .wrap_prd > .info > .multi_opt .opt_total strong * {color:#e2154a; font-size:18px; font-weight:normal;} #detail .wrap_prd > .info > .multi_opt .opt_total strong #detail_multi_option_prc, #detail .wrap_prd > .info > .multi_opt .opt_total strong .sell_prc_str_total{font-size:32px; padding-right:5px; font-family:'Montserrat', sans-serif; font-weight:600;} #detail .wrap_prd > .info > .multi_opt .opt_total .coupon {display:inline-block; margin-right:5px; padding:2px 20px 2px 5px; border:1px solid #c3c3c3; background:url('../_skin/sw_kor_v2/img/shop/apply_coupon.png') no-repeat 90% center; font-size:11px; cursor:pointer;} #detail .wrap_prd > .info > .multi_opt .opt_total .coupon:hover {background-color:#f5f5f5;} #detail .wrap_prd > .info > .btn {margin-top:20px; font-size:0;} #detail .wrap_prd > .info > .btn .box_btn {font-size:0;} #detail .wrap_prd > .info > .btn .buy * {width:225px; margin-right:5px; font-family:'MalgunGothic', sans-serif; font-weight:bold;} #detail .wrap_prd > .info > .btn .cart * {width:193px; margin-right:5px; color:#1c1c1c !important; font-family:'MalgunGothic', sans-serif; font-weight:bold;} #detail .wrap_prd > .info > .btn .wish * {width:60px; height:60px; background-image:url('../_skin/sw_kor_v2/img/button/wish.png'); background-repeat:no-repeat; background-position:center; text-indent:-9999px;} #detail .wrap_prd > .info > .btn .wish.on * {background-image:url('../_skin/sw_kor_v2/img/button/wish_on.png');} #detail .wrap_prd > .info > .btn .pay {text-align:right;} #detail .wrap_prd > .info > .btn .pay > div {margin-top:20px;} #detail .wrap_prd > .info > .count_share {margin-top:20px;} #detail .wrap_prd > .info > .count_share:after {display:block; clear:both; content:'';} #detail .wrap_prd > .info > .count_share .count {float:left; color:#888;} #detail .wrap_prd > .info > .count_share .count span {text-decoration:underline;} #detail .wrap_prd > .info > .count_share .sns {float:right;} #detail .wrap_prd > .info > .count_share .sns a {display:inline-block; width:20px; height:20px; background-repeat:no-repeat; background-position:center; text-indent:-9999px;} #detail .wrap_prd > .info > .count_share .sns a > span.kakao {display:block; height:100%; background:url('../_skin/sw_kor_v2/img/shop/icon_kakao.png') no-repeat center;} #detail .wrap_prd > .info > .count_share .sns a > span.kakaostory {display:block; height:100%; background:url('../_skin/sw_kor_v2/img/shop/icon_kakaostory.png') no-repeat center;} #detail .wrap_prd > .info > .count_share .sns a.facebook {background-image:url('../_skin/sw_kor_v2/img/shop/icon_facebook.png');} #detail .wrap_prd > .info > .count_share .sns a.twitter {background-image:url('../_skin/sw_kor_v2/img/shop/icon_twitter.png');} #detail .wrap_info {clear:both; margin-top:20px; background-color:#fff; box-shadow:0px 1px 2px 0 rgba(0, 0, 0, 0.15);} #detail .wrap_info .tab_area {} #detail .wrap_info .tab_area > .tab {text-align:center; font-size:0;} #detail .wrap_info .tab_area > .tab li {width:25%; display:inline-block; position:relative; vertical-align:top;} /*#detail .wrap_info .tab_area > .tab li:after {display:inline-block; position:absolute; left:0; top:3px; width:1px; height:10px; background:#dedede; content:'';}*/ #detail .wrap_info .tab_area > .tab li:first-child:after {display:none;} #detail .wrap_info .tab_area > .tab li a {width:100%; height:65px; line-height:65px; display:inline-block; color:#666; font-size:16px; transition:all .3s ease; border:1px solid #d9d9d9; border-bottom:2px solid #212326; border-right:0; cursor:pointer;} #detail .wrap_info .tab_area > .tab li:last-child a{border-right:1px solid #d9d9d9;} #detail .wrap_info .tab_area > .tab li a.on{color:#212326; border:2px solid #212326; border-bottom:0;} /*#detail .wrap_info .tab_area > .tab li a.active{border:2px solid #212326; border-bottom:0;}*/ #detail .wrap_info .tab_area > .tab li a .number_reviews{font-size:18px; font-family:'Montserrat', sans-serif; font-weight:500; color:#888; padding-left:5px;} #detail .wrap_info .tab_area > .tab li a.on .number_reviews{color:#db114a;} /*#detail .wrap_info .tab_area > .tab li a.active, #detail .wrap_info .tab_area > .tab li a:hover {color:#d53838; text-decoration:underline;}*/ #detail .wrap_info .tab_area > .tab.fixed {position:fixed; top:70px; z-index:10; width:100%; max-width:1100px; background:#fff;} #detail .wrap_info .tabcnt_detail {padding:40px 30px 80px;} #detail .wrap_info .tabcnt_detail.on{display:block;} #detail .wrap_info .tabcnt_detail.tabcnt_detail0{padding-top:60px;} #detail .wrap_info .tabcnt_detail .tbl_col > thead > tr > th{display:none;} #detail .wrap_info .tabcnt_detail .qnarev_write > div > form{border-top:0;} #detail .wrap_info .tabcnt_detail .review_con{padding:25px 0;} #detail .list_comment .content{width:100%;} #detail .list_comment > ul{border:0;} #detail .list_comment > ul > li{background:url('../_skin/sw_kor_v2/img/shop/ic_re_answer.png') no-repeat #fafafa; background-position:0 6px; padding:0 25px 50px; border:0;} #detail .list_comment > ul > li .date{display:none;} #detail .write_comment{margin-top:0;} #detail .tbl_col > tbody > tr > td.tal{padding-left:25px !important;} #detail .tbl_col > tbody > tr > td.name{font-size:14px; color:#888; font-family:'Montserrat', sans-serif;} #detail .tbl_col > tbody > tr > td.date{font-size:14px; color:#555; font-family:'Montserrat', sans-serif;} #detail .wrap_info .btn_bottom{text-align:right; padding-bottom:20px; border-bottom:1px solid #111318;} #detail .wrap_info .detail_info, #detail .wrap_info .common_info{word-break:break-all;} #detail .wrap_info .common_info{font-size:14px; color:#555; padding:0 55px;} #detail .wrap_info .detail_info {/*margin-bottom:30px;*/ text-align:center;} #detail .wrap_info .detail_info * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;} #detail .wrap_info .detail_info img, #detail .wrap_info .common_info img {max-width:100%; height:auto; font-size:0; line-height:0;} /* 상품상세 구매정보 */ #detail .common_info h4 {padding:30px 0 20px; font-size:21px; font-weight:400; line-height:1;} #detail .common_info table {margin-bottom:30px; width:100%; border-top:1px solid #e6e6e6;} #detail .common_info table tr {border-bottom:1px solid #e6e6e6;} #detail .common_info table th {width:170px; padding:15px 37px 15px 0; font-weight:700; font-size:13px; color:#666; text-align:left; word-break:keep-all;} #detail .common_info table td {padding:15px 20px 15px 0; font-size:13px; text-align:left; line-height:26px; word-break:keep-all;} #detail .wrap_info .title_related {padding:12px 0; font-style:italic; font-size:18px; font-weight:normal; text-align:center;} #detail .tbl_col > tbody > tr > td.tal .best img {vertical-align:-3px;} #detail .tbl_col > tbody > tr > td.tal .new img {vertical-align:-1px;} /* 퀵프리뷰 - 팝업(/shop/detail_popup.php) */ #detail_pop {position:relative; padding:30px;} #detail_pop #detail {margin-top:0;} #detail_pop .close {display:inline-block; position:absolute; right:20px; top:20px; z-index:10; width:21px; height:21px; background:url('../_skin/sw_kor_v2/img/button/hd_close.png') no-repeat center; text-indent:-9999px; cursor:pointer;} /* 상품이미지줌 - 팝업(/shop/zoom.php) */ #zoomimg {text-align:center;} #zoomimg h2 {padding:10px 60px 10px 20px; background:#676767; color:#fff; font-size:14px; text-align:left;} #zoomimg .img {margin:40px auto 10px;} #zoomimg .img img {max-width:500px; max-height:500px;} #zoomimg .list {width:500px; margin:10px auto 0;} #zoomimg .list li {float:left; margin:0 0 10px 10px;} #zoomimg .list li:nth-child(5n+1) {margin-left:0 !important;} #zoomimg .list li img {max-width:92px; max-height:92px;} #zoomimg .list:after {display:block; clear:both; content:'';} #zoomimg .box_btn {position:absolute; right:10px; top:7px;} /* 상품갯수 - 장바구니(/shop/cart.php), 주문서(/shop/order.php) */ .enterprise {padding-top:30px;} .enterprise.headY {padding-top:0;} .enterprise .msg_delivery {padding-bottom:10px;} .enterprise .msg_delivery strong{font-weight:normal;} .enterprise .msg_delivery strong span{color:#81505e;} /* 장바구니(/shop/cart.php) */ #cart .enterprise > .msg_delivery .c_line::before{content:''; display:inline-block; width:1px; height:12px; background-color:#60636a; margin:0 5px;} #cart .area_left {float:left; width:100%; margin-top:60px; text-align:center;} #cart .area_left .btn .naver{display:inline-block; vertical-align:top;} #cart .area_left .btn .naver div{display:inline-block;} #cart .area_left .msg {margin-top:70px; padding-top:30px; border-top:1px dotted #a1a1a1;} #cart .area_left .msg dt {padding-bottom:10px; font-weight:bold;} #cart .area_left .msg dd {color:#555; line-height:28px;} #cart .area_right {float:right; margin-top:30px;} #cart .area_right .box {width:100%; padding:30px 50px; background:#f8f8f8;} #cart .area_right .box.mim {border:2px solid #181a1e; background:#fff;} #cart .area_right .box .box_btn {margin-top:10px;} #cart .area_right .box.mim .tbl_order2 th{text-align:right; font-family:'MalgunGothic', sans-serif;} #cart .area_right .box.mim .tbl_order2 td div.title{display:inline-block; text-align:right; font-family:'MalgunGothic', sans-serif;} #cart .area_right .box.mim .tbl_order2 td, #cart .area_right .box.mim .tbl_order2 td span#dlv_prc_cart, #cart .area_right .box.mim .tbl_order2 td span#total_order_price_cartlist{text-align:left; font-size:24px; color:#333; font-weight:500; font-family:'Montserrat', sans-serif;} #cart .area_right .box.mim .tbl_order2 td.cart_p{font-size:20px; text-align:right;} #cart .area_right .box.mim .tbl_order2 td.cart_delivery{text-align:center;} #cart .area_right .box.mim .tbl_order2 td span.unit{color:#333; font-family:'MalgunGothic', sans-serif;} #cart .area_right .box.mim .tbl_order2 td.cart_icon{width:10%; text-align:center;} #cart .area_right .box.mim .tbl_order2 td.cart_total_price{text-align:right;} #cart .pay {clear:both; text-align:right;} #cart .pay > div {padding-top:10px;} #cart .tbl_col tbody tr td:first-child{position:relative;} /* 장바구니 옵션 변경 */ .cart_change_option {width:480px; padding:40px 50px;} .cart_change_option h3 {font-size:20px; font-weight:normal;} .cart_change_option .opt {margin-bottom:15px; padding:5px 0 15px; border-bottom:1px solid #e0e0e0;} .cart_change_option .opt span {display:inline-block; padding:5px; border-radius:5px; background:#eee; color:#666;} .cart_change_option table {width:100%; table-layout:fixed;} .cart_change_option table > thead {display:none;} .cart_change_option table > tbody > tr > th {padding:5px 0 5px 23px; background:url('../_skin/sw_kor_v2/img/common/bullet_check.png') no-repeat 7px center; font-weight:normal; text-align:left; line-height:34px;} .cart_change_option table > tbody > tr > td {padding:5px; vertical-align:middle;} .cart_change_option table > tbody > tr > td select {width:100%;} .cart_change_option table > tbody > tr > td .box_qty {width:100%;} .cart_change_option .total {position:relative; margin-top:15px; padding:15px 10px; border:1px solid #e0e0e0; border-width:1px 0;} .cart_change_option .total .price {position:absolute; right:15px; top:8px;} .cart_change_option .total .price strong {font-size:20px;} .cart_change_option .btns {margin-top:20px; text-align:center;} /* 장바구니 입점몰 계산 박스 */ #cart .cart_sum {position:relative; padding:20px 40px; border:1px solid #b2a6a6; border-top:0; background:#eee9e9; text-align:right;} #cart .cart_sum:after {display:block; clear:both; content:'';} #cart .cart_sum .delivery_msg {position:absolute; left:30px; top:50%; z-index:10; margin-top:-7px; text-align:left; font-weight:bold;} #cart .cart_sum table {width:inherit; float:right;} #cart .cart_sum table th {padding:5px 0; font-weight:normal; font-size:13px;} #cart .cart_sum table td, #cart .cart_sum table td span#dlv_prc_cart, #cart .cart_sum table td span#total_order_price_cartlist {padding:5px 0; color:#333; font-size:18px; font-family:'Montserrat', sans-serif;} #cart .cart_sum table td span.unit{font-size:13px; color:#333; font-family:'MalgunGothic', sans-serif;} /* 장바구니 개별상품 쿠폰적용 */ #cart .cart_prc > .after {display:none;} #cart .cart_prc.is_sale > .before {text-decoration:line-through;} #cart .cart_prc.is_sale > .after {display:block;} /* 주문서(/shop/order.php) */ #order:after {display:block; clear:both; content:'';} #order > form > input + div{padding-top:0;} #order .enterprise > .msg_delivery .od_c_line{font-size:14px; color:3555;} #order .enterprise > .msg_delivery .od_c_line::before{content:''; display:inline-block; width:1px; height:12px; background-color:#60636a; margin:0 5px;} #order .tbl_col.prd > tbody > tr > td.prd_item{padding:10px 0 10px 20px;} #order .guest {padding-bottom:40px;} #order .guest .agree_guest {padding-bottom:15px;} #order .guest .agree_guest label{vertical-align: middle;} #order .guest table.tbl_row{background-color:#fff; border:1px solid #dadada;} #order .guest table.tbl_row th, #order .guest table.tbl_row td{border-bottom:1px solid #dadada;} #order .guest table.tbl_row th{font-size:14px; color:#555;} #order .guest table.tbl_row td{font-size:13px; color:#555; padding:15px 10px 15px 0;} #order .guest .box_frame {border:1px solid #ebebeb;} #order .guest .box_frame iframe {width:100%; height:162px; border:0;} #order .print_receipt {padding-bottom:10px; text-align:right; line-height:30px;} #order .area_left {float:left; width:620px; padding-top:35px;} #order .area_left h3 .od_head_info{color:#212326; float:right; margin-top:6px; position:relative;} #order .area_left h3 span#sale_show{font-family:'Montserrat', sans-serif;} #order .area_left h3 span#sale_show span.unit{font-family:'MalgunGothic', sans-serif;} #order .area_left .tbl_order{border-top:1px solid #181a1e;} #order .area_left .tbl_order th{font-size:16px; color:#555; border:0; border-width:0; padding:10px 0 10px 5px;} #order .area_left .tbl_order td{width:100%; padding:5px 0; border:0;} #order .area_left .tbl_order th.line, #order .area_left .tbl_order td.line{border:1px solid #d1d1d1; border-width:0 0 1px 0;} #order .area_left .tbl_order th.s_cpn{vertical-align:top; padding:25px 0 10px 5px;} #order .area_left .tbl_order td.od_point{padding:15px 0;} #order .area_left .tbl_order td.od_cpn{padding:25px 0;} #order .area_left .tbl_order td .form_input{width:100%; height:50px; font-size:16px; color:#555; border:1px solid #d7d7d7; padding:4px 20px; margin-top:-1px;} #order .area_left .tbl_order td #order_dlv_memo{border-top:0;} #order .area_left .tbl_order td .form_input#order_buyer_name{margin-top:10px;} #order .area_left .tbl_order td .form_input#buyer_phone{margin-bottom:10px;} #order .area_left .tbl_order td .form_input.od_point_input{width:290px; padding:4px 5px 4px 20px;} #order .area_left .tbl_order td .form_input.input_zipcode{width:100px; float:left;} #order .area_left .tbl_order td .form_input.basiczip{display:inline-block; width:520px; border-left:0;} #order .area_left .tbl_order td .od_point_info{line-height:50px; padding-left:20px;} #order .area_left .tbl_order td #old_addr_sel{width:100%; border:1px solid #d7d7d7; background:url('../_skin/sw_kor_v2/img/button/s_droparrow.png') no-repeat #fff; background-position: 587px; margin-top:10px;} #order .area_left .tbl_order td #order_dlv_memo_sel{width:100%; border:1px solid #d7d7d7; background:url('../_skin/sw_kor_v2/img/button/s_droparrow.png') no-repeat #fff; background-position: 587px;} #order .area_left .tbl_order td.address .box_btn a{display:inline-block; background-color:#212326; color:#fff; position:absolute; right:0; top:0; width:110px; height:50px; line-height:50px; font-weight:300; padding:0; text-align:center;} #order .area_left .tbl_order td.address .box_btn a.none{display:none;} #order .area_right {float:right; margin-top:75px;} #order .area_right .inner.fixed {position:fixed; right:50%; top:0; margin-right:-550px;} #order .area_right .box {width:400px;} #order .area_right .right_order2{background-color:#fff; border:1px solid #181a1e;} #order .area_right .right_order2 table:nth-child(1){margin-top:15px;} #order .area_right .right_order2 .tbl_order2 th{color:#555; padding:10px 0 10px 30px;} #order .area_right .right_order2 .tbl_order2 td{font-size:24px; color:#333; font-family:'Montserrat', sans-serif; font-weight:500; padding:10px 30px 10px 0;} #order .area_right .right_order2 .tbl_order2 td span{font-size:24px; color:#333; font-family:'Montserrat', sans-serif; font-weight:500;} #order .area_right .right_order2 .tbl_order2 td span.unit{font-size:15px; font-family:'MalgunGothic', sans-serif;} #order .area_right .right_order2 .tbl_order2 td span#add_delivery_prc2{display:block; font-size:13px;} #order .area_right .right_order2 .tbl_order2 td span.total_milage{font-size:18px;} #order .area_right .right_order2 .tbl_order2.sale{border:0; border-width:0; margin:0; margin-bottom:15px;} #order .area_right .right_order2 .tbl_order2.total_price{border-top:1px solid #181a1e;} #order .area_right .right_order2 .tbl_order2.total_price th{padding:35px 0 25px 30px; vertical-align:top; color:#212326;} #order .area_right .right_order2 .tbl_order2.total_price td{padding:25px 30px 25px 0;} #order .area_right .right_order2 .tbl_order2.total_price td > strong > span.order_info_sale_prc{font-size:28px; font-weight:600; color:#db114a;} #order .area_right .right_order2 .tbl_order2.total_price td > strong > span.unit{font-size:15px; color:#db114a; font-family:'MalgunGothic', sans-serif;} #order .area_right .right_order2 .tbl_order2.total_price td > p{font-family:'MalgunGothic', sans-serif;} #order .area_right .right_order2 .tbl_order2.total_price td > p > strong, #order .area_right .right_order2 .tbl_order2.total_price td > p > strong > span.order_saleinfo_prd_milage{font-size:18px; font-family:'Montserrat', sans-serif; color:#333; font-weight:500;} #order .area_right .box .line {margin-top:25px; border-top:1px solid #dfdfdf;} #order .area_right .box .method{background-color:#fff; border:1px solid #181a1e; border-bottom:0; padding:24px 24px 15px;} #order .coupon_list li {position:relative; margin-top:10px; padding-left:30px;} #order .coupon_list li:first-child {margin-top:0;} #order .coupon_list li .check {position:absolute; left:0; top:3px;} #order .coupon_list li .name {font-size:16px; color:#555;} #order .coupon_list li .content {color:#555; padding-left:10px;} #order .offcpn #off_cpn_div2, #order .offcpn #off_cpn_img2 {display:none;} #order .offcpn #off_cpn_div2 p {margin-bottom:5px;} #order .offcpn #off_cpn_div2 .offbtn {text-align:right;} #order .offcpn .box_btn.small a {min-width:89px;} #order .method:after{content:''; display:block; clear:both;} #order .method > div {position:relative; /*padding:25px 0 10px 25px;*/ float:left; width:165px; height:60px; line-height:60px; margin:0 0 10px 0; background-color:#fff; cursor:pointer; border:1px solid #c8c8c8; border-radius:2px;} #order .method > div.on{background-color:#fff; border: 2px solid #525355;} #order .method > div.on > label{line-height: 58px;} #order .method > div:nth-child(even) {margin-left: 8px;} #order .method > div:nth-child(1) label::before{content:''; display:inline-block; background:url('../_skin/sw_kor_v2/img/shop/pay1.png') no-repeat; width:32px; height:24px; position:absolute; top:50%; left:30px; margin-top:-12px;} #order .method > div:nth-child(2) label::before{content:''; display:inline-block; background:url('../_skin/sw_kor_v2/img/shop/pay2.png') no-repeat; width:33px; height:25px; position:absolute; top:50%; left:25px; margin-top:-12.5px;} #order .method > div:nth-child(3) label::before{content:''; display:inline-block; background:url('../_skin/sw_kor_v2/img/shop/pay3.png') no-repeat; width:32px; height:24px; position:absolute; top:50%; left:30px; margin-top:-12px;} #order .method > div:nth-child(4) label::before{content:''; display:inline-block; background:url('../_skin/sw_kor_v2/img/shop/pay4.png') no-repeat; width:18px; height:26px; position:absolute; top:50%; left:32px; margin-top:-13px;} #order .method > div > label {/*position:absolute; left:0; top:0; cursor:pointer;*/ display:inline-block; width:100%; height:60px; line-height:60px; text-align:center; cursor:pointer; padding:0px;} #order .method > div > label.payment_kakao {background: url('../_skin/sw_kor_v2/img/button/icon_payment_kakao.png') center 16px no-repeat;} #order .method > div.on > label.payment_kakao {background: url('../_skin/sw_kor_v2/img/button/icon_payment_kakao_on.png') center 15px no-repeat;} #order .method > div > label.payment_toss {background: url('../_skin/sw_kor_v2/img/button/icon_payment_toss_20221102.png') center 16px no-repeat;} #order .method > div.on > label.payment_toss {background: url('../_skin/sw_kor_v2/img/button/icon_payment_toss_20221102_on.png') center 15px no-repeat;} #order .method > div > label.payment_naver {background: url('../_skin/sw_kor_v2/img/button/icon_payment_naver_20221102.png') center 20px no-repeat;} #order .method > div.on > label.payment_naver {background: url('../_skin/sw_kor_v2/img/button/icon_payment_naver_20221102_on.png') center 19px no-repeat;} #order .method > div label::before {background: none !important;} #order .method > div > label > input{display:none;} #order .method > div .msg_pay {display:none !important; padding:0 !important; color:#999 !important;} #order .method > div .bank_name {display:none;} #order .method > div #cash_reg {padding:5px 0 !important;} #order .method > div #cash_reg span {color:#999 !important;} #order .method > div select {width:100%; margin-bottom:5px;} #order .order_cancel_msg, #order .order_naverPay_msg {color:#555; font-size:13px; background-color:#fff; border:1px solid #181a1e; border-top:0; padding:0 30px 25px;} #order .order_naverPay_msg {display:none;} #order .order_naverPay_msg p{margin-bottom:10px; font-size:inherit; color:inherit;} #order .order_naverPay_msg p:last-child{margin-bottom:0;} #order #order1 {background-color:#fff; border:1px solid #181a1e; border-top:0;} #order #order1 > div {padding:15px 30px;} #order #order1 > div.od_allchek{border-bottom:1px solid #c7c7c7;} #order #order1 > div.od_allchek > div, #order #order1 > div.od_ag_chek > div{position:relative;} #order #order1 > div.od_ag_chek > div{padding-bottom:5px;} #order #order1 > div.od_ag_chek > div:last-child{padding-bottom:0;} #order #order1 > div.od_ag_chek > div .ag_viewBtn{font-size:13px; color:#000; border-bottom:1px solid #4a4a4a; cursor:pointer;} #order #order1 > div.od_ag_chek > div .ag_viewBtn:after{content:''; display:inline-block; width:4px; height:8px; background:url('../_skin/sw_kor_v2/img/common/arrow_rgt_bk.png') no-repeat right; background-size:4px; padding-left:8px; vertical-align:middle;} #order #order1 label {color:#555; /*display:block; position:relative; cursor:pointer; border:1px solid #181a1e; border-top:0;*/} #order #order1 > label > input {/*position:absolute; left:15px; top:15px;*/} #order #order1 .agree_cnt{display:none; position:absolute; bottom:0; right:120px; width:430px; background-color:#fff; border:1px solid #181a1e;} #order #order1 .agree_cnt > .agree_cnt_title_area{border-bottom:1px solid #181a1e; padding:20px 25px;} #order #order1 .agree_cnt > .agree_cnt_title_area:after{content:''; display:block; clear:both;} #order #order1 .agree_cnt > .agree_cnt_title_area > .agree_cnt_title{float:left; font-family:'MalgunGothic', sans-serif; font-size:14px; font-weight:bold; color:#000;} #order #order1 .agree_cnt > .agree_cnt_title_area > .agree_cnt_close{float:right;} #order #order1 .agree_cnt > .agree_cnt_title_area > .agree_cnt_close img{cursor:pointer;} #order #order1 .agree_cnt > .ag_textarea{height:300px; line-height:16px; font-family:'MalgunGothic', sans-serif; font-size:12px; color:#000; overflow:auto; padding:20px 25px 0;} #order #order1 .box_btn {margin-top:5px;} #order #order2 {display:none; clear:both; margin-top:30px; padding:50px 0; border:1px solid #dedede; text-align:center;} #order #order2 .total_info {font-size:16px; font-weight:bold;} #order #order2 .total_info strong, #order #order2 .total_info strong * {font-size:inherit;} #order #order2 .msg {padding:23px 0; color:#888;} /* 주문완료(/shop/order_finish.php) */ #orderfin {width:610px; margin:0 auto; text-align:center; padding:60px 0 0;} #orderfin h3 {display:none; padding-bottom:20px; text-align:left;} #orderfin .od_finish_title{padding:0 0 45px;} #orderfin .od_finish_title p{font-size:28px; font-weight:300; padding:20px 0 0;} #orderfin .od_finish_title p strong{font-size:28px; font-weight:500;} #orderfin .od_finish_title p span{display:block; color:#555;} #orderfin .box {background-color:#fff; border:1px solid #c8c8c8; border-bottom:0;} #orderfin .box .tbl_order2 th, #orderfin .box .tbl_order2 td{border-bottom:1px solid #c8c8c8;} #orderfin .box .tbl_order2 th{font-size:14px; color:#555; padding:16px 0 16px 25px;} #orderfin .box .tbl_order2 td{font-size:16px; color:#333; font-family:'Montserrat', sans-serif; font-weight:500; padding:16px 25px 16px 0; } #orderfin .box .tbl_order2 td .unit{font-size:14px;} #orderfin .box .tbl_order2 td div.bank_name{display:inline-block; vertical-align:text-bottom; padding-right:15px;} #orderfin .info {padding-bottom:30px;} /*#orderfin .info .bank {padding-bottom:20px; color:#888;}*/ #orderfin .info .email {color:#555; font-size:14px; background-color:#eaeaea; border:1px solid #c8c8c8; border-top:0; text-align:left; padding:25px;} #orderfin .info .email span{display:block; color:#555; font-size:14px; padding:10px 0 0;} #orderfin .tbl_col.prd > thead > tr > th{text-align:left; padding:11.5px 20px; font-size:15px; font-weight:400;} #orderfin .tbl_col.prd > tbody > tr > td{font-family:'Montserrat', sans-serif; font-size:14px;} #orderfin .tbl_col.prd > tbody > tr > td span.unit{font-family:'MalgunGothic', sans-serif; font-size:14px;} #orderfin .tbl_col.prd > tbody > tr > td.od_finish_item{padding:10px 0 10px 20px;} #orderfin .tbl_col.prd > tbody > tr > td.od_finish_item img{border:1px solid #eeeeee;} #orderfin .tbl_col.prd > tbody > tr > td.tal{font-size:13px; color:#666; font-family:'MalgunGothic', sans-serif; padding:10px 0 10px 20px !important;} #orderfin .tbl_col.prd > tbody > tr > td.tal a{font-size:13px; color:#181a1e; font-family:'MalgunGothic', sans-serif;} #orderfin .tbl_col.prd > tbody > tr > td.tal .od_finish_pr{padding-top:10px;} #orderfin .tbl_col.prd > tbody > tr > td.tal .od_finish_pr span{font-size:14px; color:#888; font-family:'Montserrat', sans-serif; font-weight:400;} #orderfin .tbl_col.prd > tbody > tr > td.tal .od_finish_pr span::before{content:'/'; display:inline-block; padding:0 5px;} #orderfin .tbl_col.prd > tbody > tr > td.tal .od_finish_pr span:first-child::before{display:none;} #orderfin .tbl_col.prd > tbody > tr > td.tal .od_finish_pr span .unit{font-family:'MalgunGothic', sans-serif;} #orderfin .tbl_col.prd > tbody > tr > td.tal .od_finish_pr span .unit::before{display:none;} #orderfin .box_gift .box_btn {margin-top:20px;} #orderfin .btn {padding-top:30px; text-align:center;} #orderfin .btn:after{content:''; display:block; clear:both;} #orderfin .btn span:first-child{float:left;} #orderfin .btn span:last-child{float:right;} #orderfin .btn span:first-child a, #orderfin .btn span:last-child a{font-size:18px; font-weight:normal; padding:16.5px 0;}{font-size:18px; font-weight:normal; padding:16.5px 0;} /* 상품검색(/shop/search_result.php) */ #search_result .re_search {position:relative; width:680px; height:55px; padding-right:55px; border:1px solid #181a1e; margin-left:40px;} #search_result .search_top:after{content:''; display:block; clear:both;} #search_result .search_top{padding:10px 0 50px} /*#search_result .re_search:after {display:inline-block; position:absolute; right:60px; top:17px; width:1px; height:25px; background:#d5d5d5; content:'';}*/ #search_result .old_search_str_con{padding:15.5px 0;} #search_result .re_search .form_input.search {height:55px; border-color:transparent; background:transparent; font-size:15px; padding:4px 10px 4px 20px;} #search_result .re_search .btn {position:absolute; right:0; top:0; padding:15px 20px 15px 10px;} #search_result .rank {position:relative; z-index:2; width:253px; cursor:pointer;} #search_result .rank ol {overflow:hidden; position:absolute; right:0; top:0; width:100%; height:55px; border:1px solid #f7f7f7; padding:10px 0; background:url('../_skin/sw_kor_v2/img/button/s_drop_arrow.png') no-repeat 95% center #f7f7f7;} #search_result .rank ol li .search_name{font-size:16px;} #search_result .rank ol li {overflow:hidden; padding:5px 10px 10px 25px; text-overflow:ellipsis; white-space:nowrap;} #search_result .rank ol li span {display:inline-block; width:18px; height:18px; line-height:18px; margin-right:15px; font-size:17px; font-weight:500; text-align:center; font-family:'Montserrat', sans-serif;} #search_result .rank ol:hover {height:auto; border:1px solid #181a1e; background-image:none;} #search_result .category {border:1px solid #c8c8c8; background:#fff; margin-bottom:40px;} #search_result .result_cate {overflow:hidden; padding:0 25px; border-top:1px solid #c8c8c8;} #search_result .result_cate:first-child {border-top:0;} #search_result .result_cate:after {clear:both;} #search_result .result_cate .kind {float:left; line-height:50px; font-size:16px; font-weight:normal;} #search_result .result_cate .list {width:85%; margin-left:15%; text-align:left;} #search_result .result_cate .list li {overflow:hidden; text-overflow:ellipsis; float:left; width:20%; height:50px; white-space:nowrap; line-height:50px;} #search_result .result_cate .list li a {color:#777; font-size:11px;} #search_result .result_cate .list li a.selected {font-weight:bold;} #search_result .result_cate .list li span {color:#aaa; font-size:11px;} #search_result .prd_basic > li{padding:0 33px 70px 0;} #search_result .prd_basic > li:nth-child(4n){padding-right:0;} /* 상품문의 & 상품후기 - 상품정보(/shop/product_review_list.php & /shop/product_qna_list.php) */ #qnarev_list_all > .btn {position:relative; bottom:-30px; height:0;} #qnarev_list_all > .btn .box_btn {position:absolute; right:0; top:0;} #qnarev_list_all .board_search {clear:both; text-align:center;} #qnarev_list_all .board_search form {display:inline-block; margin:30px auto 0; padding:5px; border:1px solid #dcdcdc; text-align:center;} #qnarev_list_all .board_search select {border:0;} #qnarev_list_all .board_search input.form_input.search {width:300px; border-width:0 1px;} #qnarev_list_all .board_search .btn_search {display:inline-block; width:34px; height:34px; border:0; background:url('../_skin/sw_kor_v2/img/button/search_s.png') no-repeat center; vertical-align:top; text-indent:-9999px; cursor:pointer;} /* 상품문의 & 상품후기 & 마이페이지 상품문의 & 마이페이지 상품후기 - 상품정보(/shop/product_review.php & /shop/product_qna.php) */ /* 원본 */ /*.qnarev_list .prd {overflow:hidden; position:relative; min-height:150px; padding:40px 50px; margin-bottom:32px; background:#fafbfb; color:#474645;} .qnarev_list .prd .img {float:left; width:150px;} .qnarev_list .prd .img img {width:150px; height:auto;} .qnarev_list .prd .info {float:left; padding-left:40px; text-align:left;} .qnarev_list .prd .info .name {padding-bottom:20px; font-weight:bold;} .qnarev_list .prd .info .name img {padding-right:5px; vertical-align:middle;} .qnarev_list .prd .info ul li {padding:5px 0; color:#666;} .qnarev_list .prd .info ul li .nprice {text-decoration:line-through;} .qnarev_list .prd .btn_related {padding-top:20px;} .qnarev_list .btn {text-align:right;} .qnarev_list .qnarev_cnt {padding:0; border:0;} .qnarev_list .qnarev_cnt > div {display:none; padding:15px 25px 0; border-bottom:1px solid #e1e1e1; text-align:left; word-break:break-all; word-wrap:break-word;} .qnarev_list .qnarev_cnt > div .filelist img{text-align:left; padding:10px 0 0;}*/ /* 상품문의 & 상품후기 & 마이페이지 상품문의 & 마이페이지 상품후기 - 상품정보(/shop/product_review.php & /shop/product_qna.php) - 수정 20190726 진희 */ #review_list{width:920px; margin:0 auto;} #review_list #revWriteDiv{width:750px; margin:0 auto; border-top:1px solid #bdbdbd;} #review_list .tbl_col.board{display:none; background-color:#fff; border:1px solid #bdbdbd; border-bottom:0;} #review_list .tbl_col.board > tbody > tr > td{/*border-bottom:1px solid #bdbdbd;*/} #review_list .tbl_col.board > tbody > tr > td.name, #review_list .tbl_col.board > tbody > tr > td.name a{font-size:14px; color:#888; font-family:'Montserrat', sans-serif;} #review_list .tbl_col.board > tbody > tr > td.tal{padding-left:25px !important;} #review_list .tbl_col.board > tbody > tr > td.date{font-size:14px; color:#555; font-family:'Montserrat', sans-serif;} #review_list .qnarev_cnt > div{padding:40px 25px 100px;} #qna_list .tbl_col.board{display:none;} .qnarev_list .prd_area{text-align:center;} .qnarev_list .box_btn.f7f7f7 *{width:100%; color:#555 !important; border-color:#a1a1a1; font-weight:normal; margin-bottom:5px;} .qnarev_list .prd {display:inline-block; overflow:hidden; position:relative; min-height:285px; margin-bottom:40px;} .qnarev_list .prd .img {float:left; width:285px;} .qnarev_list .prd .img img {width:285px; height:auto;} .qnarev_list .prd .info {width:270px; float:left; padding-left:45px; text-align:left; box-sizing:content-box;} .qnarev_list .prd .info .brandname a{font-size:13px; font-weight:bold; font-family:'MalgunGothic', sans-serif;} .qnarev_list .prd .info .name {padding:5px 0 10px; font-size:14px; font-family:'MalgunGothic', sans-serif;} .qnarev_list .prd .info .name img {padding-right:5px; vertical-align:middle;} .qnarev_list .prd .info ul li {color:#333; font-size:13px; font-family:'MalgunGothic', sans-serif;} .qnarev_list .prd .info ul li strong{font-size:18px; font-family:'Montserrat', sans-serif; font-weight:500;} .qnarev_list .prd .info ul li .nprice {text-decoration:line-through;} .qnarev_list .prd .btn_related {padding-top:20px;} .qnarev_list .prd .btn_related .box_btn{display:block;} .qnarev_list .btn {text-align:right;} .qnarev_list .btn.write{display:none;} .qnarev_list .qnarev_cnt {padding:0; border:0;} .qnarev_list .qnarev_cnt > div {display:none; background-color:#f8f8f8; padding:0 25px; border-bottom:1px solid #a7a7a7; text-align:left; word-break:break-all; word-wrap:break-word;} .qnarev_list .qnarev_cnt > div .filelist{display:table-cell;} .qnarev_list .qnarev_cnt > div .filelist:nth-child(1) img{padding-right:10px;} .qnarev_list .qnarev_cnt > div .filelist:nth-child(2){padding-right:0;} .qnarev_list .qnarev_cnt > div .filelist img{width:450px; text-align:left; padding-top:25px;} .qnarev_list .qnarev_cnt > div .tbl_col > tbody > tr > td.question_con{padding:0;} .qnarev_list .qnarev_cnt > div .tbl_col > tbody > tr > td.question_con .question_textarea{padding:25px 0;} .qnarev_list .qnarev_cnt .question, .qnarev_list .qnarev_cnt .answer {position:relative;} .qnarev_list .qnarev_cnt .answer .name{display:block; font-weight:500;} .qnarev_list .qnarev_cnt .question {text-align:left;} .qnarev_list .qnarev_cnt .question img {max-width:100%; height:auto;} .qnarev_list .qnarev_cnt .answer {position:relative; background:url('../_skin/sw_kor_v2/img/shop/ic_re_answer.png') no-repeat; background-position:0 6px; padding:0 25px 50px;} .qnarev_list .qnarev_cnt .icon {display:inline-block; position:absolute; left:0; top:0; width:28px; height:28px; border-radius:50%; background:#777474; color:#fff; font-family:'arial'; text-align:center; line-height:28px;} .qnarev_list .qnarev_cnt .answer .icon {background:#ef6363;} .qnarev_list .qnarev_cnt .btn {text-align:right;} /*.qnarev_list .qnarev_cnt .comment {padding-top:20px;}*/ /* 상품문의, 상품후기 - 비밀번호 확인 */ #pwbox {padding:40px 0; border:1px solid #e0e0e0; background:#fafafa; text-align:center !important;} #pwbox h3 {padding-bottom:15px; font-size:18px; color:#212326;} #pwbox p {margin-bottom:20px; color:#555;} #pwbox .form_input {width:330px; margin-bottom:20px;} /* 상품문의 & 상품후기 - 쓰기 */ .qnarev_write {/*background:#f5f5f5;*/ text-align:center;} .qnarev_write > div > form {display:inline-block; width:750px; margin:0 auto; padding:70px 0; text-align:left; border-top:1px solid #d6d6d6;} .qnarev_write fieldset > div {position:relative; margin-bottom:10px;} .qnarev_write fieldset > div.grade{text-align:center; margin-bottom:25px;} .qnarev_write fieldset > div:last-child {margin-bottom:0;} .qnarev_write fieldset > div > label {display:none;} .qnarev_write fieldset > div.name {min-height:34px; padding-right:100px; line-height:34px; font-weight:bold;} .qnarev_write fieldset > div.name .form_input {width:49%; height:42px; padding:4px 20px;} .qnarev_write fieldset > div.name .form_input#qna_name{width:208px; margin-right:-6px;} .qnarev_write fieldset > div.name .form_input.pw {width:435px; margin-left:5px;} .qnarev_write fieldset > div.name .check {position:absolute; right:0; top:5px;} .qnarev_write fieldset > div.name.nopd {padding-right:0;} .qnarev_write fieldset > div.contents {background:#fff;} .qnarev_write fieldset > div.grade > label {display:inline-block; vertical-align:middle; padding-right:25px;} .qnarev_write fieldset > div .form_input.block{border:1px solid #e0e0e0; padding:4px 20px;} .qnarev_write fieldset > div #qna_title{width:537px !important; height:42px; margin-left:5px;} .qnarev_write fieldset > div #reivew_title, .qnarev_write fieldset > div #reivew_title #qna_title{height:40px; font-size:14px; color:#888;} .qnarev_write fieldset > div textarea.form_input{height:260px;} .qnarev_write fieldset > div .btn_file{display:inline-block; width:100px; height:42px; background:url('../_skin/sw_kor_v2/img/button/btn_upfile.png') no-repeat; margin-left:-6px; cursor:pointer; vertical-align:middle;} .qnarev_write fieldset > div .upfile{display:none;} .qnarev_write fieldset > div .filename1, .qnarev_write fieldset > div .filename2{width:650px !important; height:42px;} .qnarev_write fieldset .qnarev_write_type{display:inline-block; margin-right:-6px;} .qnarev_write fieldset .qnarev_write_title{display:inline-block; vertical-align:top;} .qnarev_write fieldset select {width:208px; height:42px; background:url('../_skin/sw_kor_v2/img/button/droparrow.png') no-repeat #fff; border:1px solid #e0e0e0; background-position:178px;} .qnarev_write .btn {padding:30px 0 0; text-align:center !important;} .qnarev_write .btn .box_btn{padding:0 6px;} /* 상품문의 & 상품후기 - 수정 */ #qnarevmod .modi_pwd, #qnarevmod .modi_cnt {display:none;} #qnarevmod .modi_cnt .qnarev_write > form {display:inline-block; width:750px; margin:0 auto; padding:40px 0; text-align:left;} /* 설문조사(/shop/poll_list.php) */ #poll .subject {padding:15px 30px; border:1px solid #e0e0e0; border-width:1px 0; text-align:left;} #poll .subject strong {padding-left:40px;} #poll .box {padding:30px; border-bottom:1px solid #e0e0e0; background:#fbfbfb;} #poll .box .vote {margin-top:30px; padding:30px; border:1px solid #e0e0e0; background:#fff;} #poll .box .vote table {width:100%; margin:0 auto; table-layout:fixed;} #poll .box .vote table > thead {display:none;} #poll .box .vote table > tbody > tr > td {padding:2px 0;} #poll .box .vote table > tbody > tr > td .graph {height:5px; background:#b1b1b1;} #poll .btn {margin:10px 0 40px 0; text-align:right;} #poll .commentdel {padding:20px 0; border:1px solid #e0e0e0; border-bottom:0; background:#fff; text-align:center;} #poll .commentdel .msg {padding-top:5px;} /* 퀵카트 */ .quickcart {position:relative;} .quickcart > a {display:inline-block; padding:0 10px; color:#666; font-size:11px; line-height:30px;} .quickcart > a:hover {color:#d53838;} .quickcart .list {position:absolute; right:0; z-index:20; width:300px; padding:10px; border:1px solid #e0e0e0; background:#fff;} .quickcart .list .frame {overflow:auto; max-height:300px;} .quickcart .list .frame table {table-layout:fixed; clear:both; width:100%; border-collapse:collapse;} .quickcart .list .frame table caption {padding:10px 0; color:#181818; font-weight:bold; text-align:left;} .quickcart .list .frame table thead {display:none;} .quickcart .list .frame table td {position:relative; padding:10px 0; border-top:1px solid #e0e0e0; text-align:center; vertical-align:middle;} .quickcart .list .frame table td.info {padding:0 10px; text-align:left;} .quickcart .list .frame table td.info .mall {font-size:11px;} .quickcart .list .frame table td .del {position:absolute; right:0; top:10px;} .quickcart .list .box_price {padding:10px; border:1px solid #e0e0e0; border-width:1px 0; background:#f8f8f8;} .quickcart .list .btn > span {margin-top:10px;} /* 개별상품쿠폰 레이어 */ #prdCouponArea {margin-left:-325px !important;} #pop_coupon2 {position:relative; width:568px; padding:40px; border:1px solid #d9d9d9; background:#fff;} #pop_coupon2 h2 {padding-bottom:10px; border-bottom:1px solid #dbdbdb; color:#000; font-size:22px;} #pop_coupon2 .box {overflow:auto; max-height:400px; margin:-1px 0;} #pop_coupon2 .box .tbl_col .img img {width:60px; height:auto;} #pop_coupon2 .box .usable_cpn {padding:8px 0; text-align:left;} #pop_coupon2 .box .usable_cpn > li {position:relative; padding:2px 60px 2px 0;} #pop_coupon2 .box .usable_cpn > li > label {display:inline-block; cursor:pointer;} #pop_coupon2 .box .usable_cpn > li > label > span {color:#df7e7e;} #pop_coupon2 .box .usable_cpn > li > .expiry {position:absolute; right:0; top:2px; color:#888;} #pop_coupon2 .btn {padding-top:30px; border-top:1px solid #dbdbdb; text-align:center;} #pop_coupon2 .close {display:inline-block; position:absolute; right:20px; top:20px; width:21px; height:21px; background:url('../_skin/sw_kor_v2/img/button/hd_close.png') no-repeat center; text-indent:-9999px; cursor:pointer;} /* 프로모션 기획전(/shop/promotion.php) */ .speical_group {margin:1px 1px 0 0;} .speical_group > .menu {margin-bottom:20px; font-size:0;} .speical_group > .menu > li {display:inline-block; width:25%;} .speical_group > .menu > li > a {display:block; margin:-1px -1px 0 0; padding:10px; border:1px solid #d2d2d2; color:#666; text-align:center;} .speical_group > .menu > li > a:hover, .speical_group > .menu > li > a.active {position:relative; z-index:5; border:1px solid #535353; color:#333; font-weight:bold;} .speical_group > .intro > .title {position:relative; padding:15px 0; border-bottom:1px solid #d2d2d2;} .speical_group > .intro > .title > h3 {padding-right:160px; font-size:16px; font-weight:bold;} .speical_group > .intro > .title > span {position:absolute; right:0; top:50%; margin-top:-12px; color:#666; font-size:14px;} .speical_group > .intro > .summary {padding:30px 0; border-bottom:1px solid #d2d2d2;} .speical_group > .box {border-bottom:1px solid #d2d2d2; text-align:center;} .speical_group > .box > h4 {padding:40px 0 30px; font-size:20px;} .speical_group > .box > .img {padding-bottom:30px;} /* 최 본 상품(/shop/click_prd.php) */ #click_prd .prd_basic > li{padding:0 33px 60px 0;} #click_prd .prd_basic > li:nth-child(4n){padding-right:0;} /*-----------------------------------------------------------------*/ /* 4-3. 회원 /*-----------------------------------------------------------------*/ /* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 탭메뉴 */ .box_member_tab:after{content:''; display:block; clear:both;} .box_member_tab.full_tab li{width:100%; font-size:24px; cursor:default;} .box_member_tab li{float:left; width:50%; text-align:center; color:#888; font-size:20px; border-bottom:2px solid #b9b9b9; padding-bottom:20px; margin-bottom:20px; cursor:pointer;} .box_member_tab li.on{color:#212326; border-bottom:2px solid #212326;} .box_member_view .prd_view{display:none;} .box_member_view .prd_view.on{display:block;} /* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 */ .box_member {width:560px; margin:80px auto 20px;} .box_member fieldset {position:relative;} .box_member fieldset.login_field {} .box_member fieldset legend {padding:25px 0; font-weight:bold;} .box_member fieldset .fld {margin-bottom:10px;} .box_member fieldset .fld.find_pw_item_3 .box_btn {float:right;} .box_member fieldset .fld label {display:none;} .box_member fieldset .savessl {margin:5px 0 25px; display:inline-block;} .box_member fieldset .savessl label {color:#555; font-size:14px; vertical-align:middle;} .box_member fieldset .select {position:absolute; right:0; top:23px;} /* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 - 인풋 기본 스타일 */ .box_member .form_input.member {height:50px; padding:0 15px; font-size:16px; color:#555; border-color:#d7d7d7; background:#fff;} /*.box_member .form_input.member:focus {border-color:#000;}*/ .box_member .form_input.member.number_first {width:100%;} .box_member #find_pwd_cell{width:410px;} .box_member .form_input.member.number {width:33%; margin-left:1%;} .box_member .find_id_item_2, .box_member .find_id_item_3, .box_member .find_pw_item_2, .box_member .find_pw_item_3 {display:none;} .box_member .find_pw_item_3.msg{color:#a48181; background:url('../_skin/sw_kor_v2/img/member/pw_find_arrow.png') no-repeat left; padding-left:15px; margin-bottom:15px;} .box_member .find_pw_item_3 .athntNmbr{width:150px; height:50px; font-weight:normal;} /* 로그인(/member/login.php) */ #login .custom_check{display:inline-block; margin-right:10px; width:18px; height:18px; background:url('../_skin/sw_kor_v2/img/common/check_non.png') no-repeat; vertical-align:text-bottom;} #login .custom_check.on{background:url('../_skin/sw_kor_v2/img/common/check_on.png') no-repeat;} #login .guest_order {margin-bottom:30px;} #login .fail {position:relative; margin-bottom:20px; padding:18px 10px; border-radius:10px; background:#fae4e8; color:#d53838; text-align:center;} #login .fail:after {position:absolute; left:50%; bottom:-6px; width:0; height:0; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:6px solid #fae4e8; content:'';} #login .simple {padding:10px 0 0; color:#666; text-align:center;} #login .simple p {padding-bottom:20px; color:#666;} #login .simple p strong {} #login .simple ul{display: flex; align-items: center; justify-content: center;} #login .simple ul li{margin: 0 10px;} #login .simple ul li a{display:block; width:100%;} #login .simple a.facebook {background-color:#5e85bc; background-image:url('../_skin/sw_kor_v2/img/member/icon_facebook.png');} #login .simple a.facebook:hover {border-radius:0; background-color:#4f709f;} #login .simple a.payco {background-color:#e72a2d; background-image:url('../_skin/sw_kor_v2/img/member/icon_payco.png');} #login .simple a.payco:hover {border-radius:0; background-color:#d73a3c;} #login .simple a.wonder {background-color:#1a1a1c; background-image:url('../_skin/sw_kor_v2/img/member/icon_wonder.png');} #login .simple a.wonder:hover {border-radius:0; background-color:#000;} #login .joinfind {margin-bottom:25px; padding-bottom:25px; border-bottom:1px dashed #aaa;} #login .joinfind div p{text-align:center; color:#555; margin-top: 25px;} #login .joinfind div p span{color:#db114a; /*font-family:'Montserrat', sans-serif; font-weight:500;*/ vertical-align:baseline;} #login .joinfind p a {} #login .login_chk_con{padding:5px 0 10px;} #login .login_auto_box{display:inline-block;} #login #auto_login_chk .auto_login_title{padding-right:10px;} #login #auto_login_chk .auto_login_title, #login .login_id_save, #login .login_id_pw_find a{font-size:14px; color:#555; cursor:pointer; vertical-align:middle;} #login .login_id_pw_find{display:inline-block; float:right;} #login .login_banner {margin-top:44px; margin-bottom:55px;} /* 아이디/비밀번호 찾기 레이어 */ .pop_find_id {position:fixed; left:50%; top:100px; z-index:1001; width:400px; border:1px solid #dcdcdc; margin-left:-200px; background-color:#fff;} .pop_find_id h1 {height:49px; padding:0 10px; background-color:#676767; color:#fff; font-size:16px; font-weight:normal; line-height:49px;} .pop_find_id > .box {padding:30px;} .pop_find_id > .box > h2 {color:#333; font-size:20px; font-weight:normal;} .pop_find_id > .box > .msg {padding-top:15px;} .pop_find_id > .box > .input {position:relative; height:50px; margin-top:15px; padding-right:113px; background-color:#f5f5f5;} .pop_find_id > .box > .input:after {position:absolute; right:113px; top:50%; width:1px; height:22px; margin-top:-11px; background-color:#dbdbdb; content:'';} .pop_find_id > .box > .input > .input_number {width:100%; height:50px; padding:0 10px; border:0; background-color:transparent;} .pop_find_id > .box > .input > .btn {position:absolute; right:0; top:0; width:113px; height:50px; border:0; background-color:#f5f5f5; font-weight:bold; cursor:pointer;} .pop_find_id > .box > .form_input {height:50px; margin-top:10px;} .pop_find_id > .box > .box_btn {margin-top:20px;} .pop_find_id > .box > .pop_id_list {padding-top:25px;} .pop_find_id > .box > .pop_id_list .list {overflow:auto; max-height:100px; margin-top:10px; padding:5px 0; border:1px solid #d2d2d2; border-width:1px 0; background-color:#f5f5f5;} .pop_find_id > .box > .pop_id_list .list li {position:relative; padding:5px; text-align:left;} .pop_find_id > .box > .pop_id_list .btn {padding-top:20px; text-align:center;} .pop_find_id > .box > .close {display:inline-block; position:absolute; right:14px; top:14px; width:21px; height:21px; background:url('../_skin/sw_kor_v2/img/button/hd_close.png') no-repeat center; text-indent:-9999px; cursor:pointer;} /* 비밀번호 변경 */ #modify_pwd .modify_id {padding-bottom:20px; font-size:14px; font-weight:bold;} /* 회원가입 약관동의(/member/join_step1.php) */ #join_agree {padding:15px 0 0;} #join_agree .check {padding-bottom:17px; text-align:left;} #join_agree .check label {cursor:pointer;} #join_agree .check label input{display:none;} #join_agree iframe {width:100%; height:222px; margin-bottom:25px; border:1px solid #d7d7d7; background:#fff;} #join_agree .member_type {padding:20px 0 30px;} #join_agree .member_type label {margin:0 10px;} #join_agree .tbl_row{border-top:1px solid #dadada;} #join_agree .tbl_row th{font-size:14px; color:#555; background-color:#fff; border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:15px 0 15px 15px;} #join_agree .tbl_row td{font-size:13px; color:#555; background-color:#fff; border-right:1px solid #dadada; border-bottom:1px solid #dadada; padding:15px 15px 15px 40px; line-height:22px; letter-spacing:-0.33px;} #join_agree .btn {text-align:center;} #join_agree .simple {padding:30px 0; text-align:center;} #join_agree .simple a {display:inline-block; width:44px; height:44px; margin:0 5px; border-radius:50%; background-repeat:no-repeat; background-position:center; text-indent:-9999px; transition:all .3s ease;} #join_agree .simple a.naver {background-color:#5ebc67; background-image:url('../_skin/sw_kor_v2/img/member/icon_naver.png');} #join_agree .simple a.naver:hover {border-radius:0; background-color:#519c58;} #join_agree .simple a.facebook {background-color:#5e85bc; background-image:url('../_skin/sw_kor_v2/img/member/icon_facebook.png');} #join_agree .simple a.facebook:hover {border-radius:0; background-color:#4f709f;} #join_agree .simple a.kakao {background-color:#f4cf50; background-image:url('../_skin/sw_kor_v2/img/member/icon_kakao.png');} #join_agree .simple a.kakao:hover {border-radius:0; background-color:#ddbc4b;} #join_agree .simple a.payco {background-color:#e72a2d; background-image:url('../_skin/sw_kor_v2/img/member/icon_payco.png');} #join_agree .simple a.payco:hover {border-radius:0; background-color:#d73a3c;} #join_agree .simple a.wonder {background-color:#1a1a1c; background-image:url('../_skin/sw_kor_v2/img/member/icon_wonder.png');} #join_agree .simple a.wonder:hover {border-radius:0; background-color:#000;} /* 회원가입 정보입력(/member/join_frm.php) */ #join_input {} #join_input .form_input.member{padding:0 0 0 15px;} #join_input .form_input.member::placeholder {font-size: 16px;} #join_input .form_input.member.readonly{background:#f7f7f7;} #join_input fieldset {/*margin:30px 0;*/} #join_input fieldset.biz{display:none; margin:0;} #join_input fieldset legend {display:none; margin-bottom:20px; font-size:12px; font-weight:bold;} #join_input fieldset .box {} #join_input fieldset .box > div {position:relative; margin-bottom:10px;} #join_input fieldset .box > div:last-child {border-bottom:0;} #join_input fieldset .box > div > label {display:none;} #join_input fieldset .box > div .c_done {display:none !important;} /* 지우지말기 !!!! jh */ /*#join_input fieldset .box > div.done .check {display:none;} #join_input fieldset .box > div.done .check.c_done {display:block !important; background-color:#d9d9d9; color:#666; pointer-events:none;}*/ #join_input fieldset .box > div .c_done{display:none !important;} #join_input fieldset .box > div.grid_wr:after{content:''; display:block; clear:both;} #join_input fieldset .box > div.imp::before{content:'*'; display:block; color:#de263c; width:5px; height:5px; position:absolute; top:33px; left:10px; margin-top:-15px;} #join_input fieldset .box > div.business .box > .b_name:after, #join_input fieldset .box > div.business_m .box > .b_name:after{content:''; display:block; clear:both;} #join_input fieldset .box > div.business .box > .b_name > div, #join_input fieldset .box > div.business_m .box > .b_name > div{width:50%; float:left; position:relative;} #join_input fieldset .box > div.business .box > .imp::before, #join_input fieldset .box > div.business_m .box .imp::before{content:'*'; display:block; color:#de263c; width:5px; height:5px; position:absolute; top:33px; left:10px; margin-top:-15px;} #join_input fieldset .box > div.business_m .biz_msg{color:#a48181; background: url('../_skin/sw_kor_v2/img/member/pw_find_arrow.png') no-repeat left; padding:15px 0 15px 15px; margin-bottom:15px;} #join_input fieldset .box .warning {display:none; position:relative; padding:5px; border-radius:5px; background:#fae4e8; color:#d53838;} #join_input fieldset .box .warning:after {position:absolute; left:15px; top:-6px; width:0; height:0; margin-left:-8px; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #fae4e8; content:'';} #join_input fieldset .box input:focus+.warning {display:block;} #join_input fieldset .box .msg, #join_input fieldset .box .msg * {color:#999; font-size:11px;} #join_input fieldset .box .addbtn .check {display:inline-block; background-color:#212326; color:#fff; position:absolute; right:0; top:0; width:110px; height:50px; line-height:50px; font-weight:300; text-align:center;} /*#join_input fieldset .box .addbtn .check:hover {color:#d53838;}*/ /*#join_input fieldset .box .addbtn .check:after {position:absolute; left:0; top:6px; width:1px; height:22px; background:#e5e5e5; content:'';}*/ #join_input fieldset .box .addbtn .middle_address {margin:10px 0 0; border-bottom:0;} #join_input fieldset .box .email .form_input.first {width:175px;} #join_input fieldset .box .email .form_input.second {width:204px; margin-left:-6px; padding-left:20px;} #join_input fieldset .box .email span {line-height:50px; position:absolute; color:#212326;} #join_input fieldset .box .email select {position:absolute; right:0; top:0; width:calc(100% - 380px); background:url('../_skin/sw_kor_v2/img/button/s_droparrow.png') no-repeat #fff; border:1px solid #d7d7d7; background-position:150px;} #join_input fieldset .box .birth {position:relative; float:left;} #join_input fieldset .box .birth > label {display:none;} #join_input fieldset .box .birth .birth_con{margin-left:3px; display:inline-block;} #join_input fieldset .box .birth .birth_con.imp::before{content:'*'; display:block; color:#de263c; width:5px; height:5px; position:absolute; top:33px; left:10px; margin-top:-15px;} #join_input fieldset .box .birth .birth_con select:first-child{padding:4px 48px 4px 15px} #join_input fieldset .box .birth select {display:inline-block; width:125.3333px; background:url('../_skin/sw_kor_v2/img/button/s_droparrow.png') no-repeat #fff; background-position:96px; border:1px solid #d7d7d7; margin-left:-3px; padding:4px 48px 4px 15px;} #join_input fieldset .box .birth select:nth-child(2){border-left:0; border-right:0;} #join_input fieldset .box .birth .sl {position:absolute; right:0; top:5px; float:right;} #join_input fieldset .box .type2 {position:relative; float:right; background-color:#fff;} #join_input fieldset .box .type2.imp::before{content:'*'; display:block; color:#de263c; width:5px; height:5px; position:absolute; top:33px; left:10px; margin-top:-15px;} #join_input fieldset .box .type2 > label {display:none; padding-bottom:5px; font-weight:bold;} #join_input fieldset .box .type2 .select {position:inherit; top:0; left:0;} #join_input fieldset .box .type2 .select:after{content:''; display:block; clear:both;} #join_input fieldset .box .type2 .select label {display:inline-block; float:left; color:#888; font-size:16px; width:90px; height:50px; line-height:50px; border:1px solid #d7d7d7; text-align:center; cursor:pointer;} #join_input fieldset .box .type2 .select label.sex_female {border-left:0;} #join_input fieldset .box .type2 .select label.checked{border:2px solid #212326; color:#212326; position:inherit; vertical-align:bottom; line-height:48px;} #join_input fieldset .box .type2 .select #sex_male, #join_input fieldset .box .type2 .select #sex_female{display:none;} #join_input fieldset .box .line {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #dcdcdc;} #join_input fieldset .box .logout_recom.line{border-bottom:0;} #join_input fieldset .box .m_l_clear{margin-bottom:0;} #join_input fieldset .box .m_l_clear input{border-bottom:0;} #join_input fieldset .box #licensee_ceo{border-left:0;} #join_input .business{display:none;} #join_input .business.on{display:block;} #join_input fieldset.agree *{color:#555;} #join_input fieldset.agree{border-top:2px solid #212326;} #join_input fieldset.agree label{cursor:pointer;} #join_input fieldset.agree input{display:none;} #join_input fieldset.agree .box > div > label{display:block;} #join_input fieldset.agree .box > div.total{margin-bottom:15px; padding-top:15px;} #join_input fieldset.agree .box > div.total p{padding:0 0 5px;} #join_input fieldset.agree .box > div.total p:nth-of-type(1){padding:10px 0 5px;} #join_input fieldset.agree .box > div.total p:last-child{padding:0;} #join_input fieldset.agree .box > div.in_chk .choice .sub{font-style:inherit; font-size:13px; color:#888;} #join_input fieldset.agree .box > div.in_chk .toggle{background:url('../_skin/sw_kor_v2/img/button/ic_view_more.png') no-repeat right;} #join_input fieldset.agree .box > div.in_chk .toggle.on{background:url('../_skin/sw_kor_v2/img/button/s_droparrow.png') no-repeat; background-position:546px 28px;} #join_input fieldset.agree .box > div.in_chk .toggle .cnt{display:none;} #join_input fieldset.agree .box > div.in_chk .toggle.on .cnt{display:block; padding-bottom:20px;} #join_input fieldset.agree .box > div.in_chk .toggle .cnt iframe{width:100%;} #join_input fieldset.agree .box > div.in_chk .toggle p, #join_input fieldset.agree .box > div.in_chk .choice div{border-top:1px solid #bcbcbc; padding:20px 0;} #join_input fieldset.agree .box > div.in_chk .choice div:last-child{border-bottom:1px solid #bcbcbc;} #join_input .custom_check{display:inline-block; margin-right:10px; width:18px; height:18px; vertical-align:middle; background:url('../_skin/sw_kor_v2/img/common/check_non.png') no-repeat; background-size:18px;} #join_input label.on .custom_check{background:url('../_skin/sw_kor_v2/img/common/check_on.png') no-repeat;} .tab_tit.radio {text-align:center; margin:15px 0 5px;} .tab_tit.radio label{color:#212326; margin:0 30px; cursor:pointer;} .tab_tit.radio label input {display:none;} .tab_tit.radio label span {display:inline-block; vertical-align:-4px; width:20px; height:20px; background:url('../_skin/sw_kor_v2/img/button/radio_off.png')no-repeat center center; background-size:contain; margin-right:10px;} .tab_tit.radio label.on span {background:url('../_skin/sw_kor_v2/img/button/radio_on.png')no-repeat center center; background-size:contain;} .join-choice-sex{position: relative;} .join-choice-sex > .select {position: absolute;right: 0;top: -60px;width: 180px;} .join_select .join-choice-sex > .select {position: absolute;right: 0;top: -70px;width: 180px;} .join-choice-sex p{margin-bottom: 10px;} .join-choice-sex input {display:none;} .join-choice-sex >div {height:50px; font-size:0;} .join-choice-sex label {display:inline-block; vertical-align:middle; width:50%; box-sizing:border-box; height:50px; line-height:50px; text-align:center; border:1px solid #D7D7D7; background-color:#fff; color:#888; cursor: pointer;} .join-choice-sex label.sex_female {border-left:0;} .join-choice-sex label.checked {border:1px solid #212326; color:#212326;} .join-choice-sex label.sex_female {border-left:0;} .join-choice-sex label.checked {border:1px solid #212326; color:#212326;} #join_input .mypage_choice {margin-top: 20px; border-top: 2px solid #212326;} #join_input .mypage_choice > div {padding: 20px 0; border-bottom: 1px solid #BCBCBC;} #join_input .mypage_choice label {display: flex; align-items: center;} #join_input .mypage_choice label .txt_wr{color: #555; font-size: 15px;} #join_input .mypage_choice label .txt_wr .sub {color: #888; font-size: 13px;padding-left: 4px; font-style: normal;} #join_input .mypage_choice input {visibility: hidden; margin: 0 0 0 0; width: 0; height: 0;} #join_input .mypage_choice input:checked + .custom_check {background: url('../_skin/sw_kor_v2/img/common/check_on.png') no-repeat;} /* 회원가입 정보입력 - 기업회원추가입력 */ #join_input fieldset.biz .licensee_num .form_input {width:33.333%;} #join_input fieldset.biz .licensee_num .form_input.second {border-left:0; border-right:0;} /* 회원가입 정보입력 - 추가필드리스트 */ #join_input fieldset.addfd .box > div {margin-bottom:20px;} #join_input fieldset.addfd .box > div > label {display:block; font-weight:bold;} /* 회원가입 정보입력 - 버튼 */ #join_input .btn {margin-top:25px; text-align:center;} #join_input .btn:after{content:''; display:block; clear:both;} #join_input .btn span:nth-child(1){float:left;} #join_input .btn span:nth-child(2){float:right;} #join_input .btn input{font-size:18px; font-weight:normal;} /* 회원가입 정보입력 - sns회원가입 */ #join_input.simple fieldset .box .name {margin-bottom:10px;} #join_input.simple fieldset .box .name label {display:none;} #join_input.simple fieldset .box .type2.line {margin-bottom:0; padding-bottom:0; border-bottom:0;} /* 회원가입완료(/member/join_step3.php) */ #join_finish {} #join_finish h3 {margin-bottom:20px; font-size:13px;} #join_finish .box {color:#212326; text-align:center; background-color:#fff; padding:100px 0 110px; border:1px solid #e3e3e3;} #join_finish .box .join_point{padding:0 0 25px 0; position:relative;} #join_finish .box .join_point:after{content:''; display:block; width:114px; height:2px; background-color:#212326; text-align:center; position:absolute; bottom:0; left:50%; margin-left:-57px;} #join_finish .box .join_finish_m{font-size:32px; color:#212326; padding:25px 0 5px;} #join_finish .box .join_finish_mt{color:#555; line-height:26px;} #join_finish .box .join_finish_mt strong{color:#db114a; /*font-family:'Montserrat', sans-serif; font-weight:500;*/ font-weight:normal;} /*#join_finish .box > .agree {width:80%; margin:0 auto; padding:15px; color:#666; background-color:#f0f0f0;} #join_finish .box > .agree > span {display:block;}*/ #join_finish .btn {margin-top:25px; text-align:center;} /* 정보수정(/member/edit_step1.php), 정보수정완료(/member/edit_step3.php) */ .edit_info .box {padding:60px 0; background-color:#f5f5f5; text-align:center;} .edit_info .box > .msg {color:#666;} .edit_info .box > .agree {width:50%; margin:20px auto 0; padding:15px; color:#666; background-color:#fff;} .edit_info .box > .agree > span {display:block;} .edit_info .form_input {width:50%; margin-top:15px;} .edit_info .btn {padding-top:30px; text-align:center;} /* 우편번호 찾기(/common/zip_search.php) */ .zipcode {width:420px; padding:20px; text-align:center;} .zipcode h1 {padding-bottom:20px; font-size:20px; font-weight:bold;} .zipcode .tab {height:32px; text-align:center;} .zipcode .tab li {float:left; width:50%; vertical-align:bottom;} .zipcode .tab a {display:block; height:34px; margin:10px 0 0 -1px; border:1px solid #dcdcdc; background:#f8f8f8; color:#181818; line-height:34px;} .zipcode .tab a.selected {height:44px; margin-top:0; border-bottom:0; background:#fff; font-weight:bold; line-height:49px;} .zipcode .ex {clear:both; padding:20px 0; color:#666; text-align:left;} .zipcode .ex span {display:block; color:#888;} .zipcode .search {position:relative; padding-right:60px;} .zipcode .search input{height:49px;} .zipcode .search .box_btn {position:absolute; right:0; top:0;} .zipcode table {table-layout:fixed; width:100%; margin-top:20px; border-top:1px solid #e0e0e0;} .zipcode table th {font-size:0;} .zipcode table td {padding:10px 0; border-bottom:1px solid #d7d7d7; color:#888; text-align:center; vertical-align:middle;} .zipcode table td.addr {text-align:left;} .zipcode table td font {color:#d53838;} /*-----------------------------------------------------------------*/ /* 4-4. 마이페이지 /*-----------------------------------------------------------------*/ /* 마이페이지 공통 영역 */ .my_inner {margin:0 auto; width:1100px;} .my_inner:after {content:''; display:block; clear:both;} .my_left {display:table; float:left; width:210px;} .my_right {float:right; width:850px;} .my_left .my_top {display:table-row; height:100px; background:#34373b;} .my_left .my_top > div {display:table-cell; color:#f7f7f7; font-size:16px; padding:0 0 0 25px; vertical-align:middle;} .my_left .my_top > div .name{font-size:16px; color:#fff; font-weight:300; word-break:keep-all;} .my_left .my_top > div strong {color:#fff; font-size:16px; font-weight:500;} .my_left .my_top .member_g{display:block; padding:5px 0 0;} .my_left .my_top .member_g a{font-size:12px; color:#fff; font-weight:500; vertical-align:text-top;} .my_left .my_top .member_g a span{font-size:13px; color:#fff; font-weight:normal;} .my_left .my_list {padding:30px; height: 664px; background:#f1f1f1;} .my_left .my_list ul {position:relative; } .my_left .my_list ul li {position:relative; padding:8px 0;} .my_left .my_list ul li a {color:#555; font-size:15px; } .my_left .my_list ul li.on a {color:#181a1e; font-weight:500;} .my_left .my_list ul li.on a:after {content:''; margin-left:10px; display:inline-block; width:5px; height:10px; background:url(../_skin/sw_kor_v2/img/common/arrow_rgt_bk.png)} .my_left .my_list ul + ul {padding-top:40px;} .my_left .my_list ul + ul:before {content:''; position:absolute; top: 20px; left:0; width:45px; height:1px; background:#34373b; } .my_title {height:100px; background:#fff;} .my_title #member_g_view{display:block; cursor:pointer;} .my_title h3.title {display:inline-block; position:relative; padding:0 0 0 60px; line-height:100px;} .my_title h3.title:before {content:''; position:absolute; top:49px; left:30px; width:20px; height:2px; background:#34373b;} .my_title h3.title span {position:absolute; top:50%; margin-top:-7px; left:100%; margin-left:12px; width:500px; color:#787878; font-size:14px; line-height:14px;} .my_title h3.title .icon_member_g{margin:-3px 0 0 7px;} .my_title .member_g_info{float:right; padding:0 12px 0 0; margin:0 30px 0 0; height:100px; line-height:100px; font-size:15px; color:#666; background:url('../_skin/sw_kor_v2/img/button/member_g_arrow.png') no-repeat right; } .my_content {margin:50px 30px 0;} /* 마이페이지 탭 & 회원정보 */ .tbl_mypage {width:100%; margin-bottom:40px; border:1px solid #d7d7d7;} .tbl_mypage thead th {padding:16px 0; border-right:1px solid #dadada; border-bottom:1px solid #dadada; color:#181818; font-weight:bold; text-align:center;} .tbl_mypage tbody td {padding:13px 0 17px 0; border-right:1px solid #dadada; text-align:center;} .tbl_mypage tbody td ul li {padding:5px 0;} .tbl_mypage tbody td ul li a { color:#888;} .tbl_mypage tbody td ul li a:hover {color:#333;} .tbl_mypage .last {border-right:0;} /* 소셜쿠폰(/mypage/sccoupon.php) */ #sccoupon .box_mp .form_input {width:270px; margin-top:20px;} #sccoupon .btn {text-align:center;} /* 출석체크(/mypage/attend_list.php) */ #attend .date a {display:inline-block; width:7px; height:13px; background-repeat:no-repeat; background-position:center; background-size:contain; vertical-align:middle;}/**/ #attend .date a.prev {background-image:url('../_skin/sw_kor_v2/img/button/arrow_lgt_type2.png');}/**/ #attend .date a.next {background-image:url('../_skin/sw_kor_v2/img/button/arrow_rgt_type2.png');}/**/ #attend .date strong {padding:0 30px; color:#040404; font-family:'arial'; font-size:28px; line-height:28px; text-align:center; vertical-align:middle;}/**/ #attend #calendar table {width:100%;} #attend #calendar table thead th {padding:10px 0; border:1px solid #e0e0e0; background:#f8f8f8; color:#666; font-family:'arial'; font-weight:normal; text-align:center;}/**/ #attend #calendar table thead th.sun {background-color:#f1f1f1}/**/ #attend #calendar table tbody td {height:120px; padding:10px; border:1px solid #e0e0e0; color:#333; text-align:left; vertical-align:top; background-color:#fff; font-size:18px;}/**/ #attend #calendar table tbody td:first-child font {color:#f43131;} #attend #calendar .attenY.type1 {background:url('../_skin/sw_kor_v2/img/shop/attenY_type1.png') no-repeat center #fff; padding-bottom:25px;}/**/ #attend #calendar .attenY.type2 {background:url('../_skin/sw_kor_v2/img/shop/attenY_type2_v2.png') no-repeat center #fff; padding-bottom:25px;}/**/ #attend #calendar .attenR.type1 {background:url('../_skin/sw_kor_v2/img/shop/attenR_type1.png') no-repeat center #fff; padding-bottom:25px; border:2px solid #000;}/**/ #attend #calendar .attenR.type2 {background:url('../_skin/sw_kor_v2/img/shop/attenR_type2_v2.png') no-repeat center #fff; padding-bottom:25px; border:2px solid #000;}/**/ #attend .info {overflow:hidden; padding:30px 50px; border:1px solid #dbdbdb; border-top:0; background:#fbfbfb; text-align:left;} #attend .info .explain {float:left; text-align:left;} #attend .info .sum {float:right;} /* 마이페이지 메인(/mypage/mypage.php) */ #mypage .my_title ul:after {content:''; display:block; clear: both;} #mypage .my_title ul li {float:left; width:25%;} #mypage .my_title ul li a {display:block; font-size:14px; line-height: 100px; position:relative; text-align:center;} #mypage .my_title ul li a:after{content:''; display:block; width:1px; height:24px; background:#e6e6e6; position:absolute; top:50%; right:0; margin-top:-12px;} #mypage .my_title ul li a * {vertical-align: middle;} #mypage .my_title ul li a .icon {display:inline-block; margin: 0 8px 2px; background:url(../_skin/sw_kor_v2/img/mypage/my_ic_sp.png); background-repeat: no-repeat;} #mypage .my_title ul li a .icon.deliver {width:24px; height: 22px; background-position: -10px -52px;} #mypage .my_title ul li a .icon.coupon {width:24px; height: 22px; background-position: -10px -10px;} #mypage .my_title ul li a .icon.point {width:22px; height: 22px; background-position: -10px -94px;} #mypage .my_title ul li a .icon.wish {width:24px; height: 22px; background-position: -10px -136px;} #mypage .my_title ul li:last-child a:after {display:none;} #mypage .my_title ul li a span {display:inline-block; margin-bottom:6px; padding:0 12px 0 43px; color:#34373b; font-size:20px; font-family:'Montserrat', sans-serif;} #mypage .latest {overflow:hidden; width:100%; height:300px; font-size:0;} #mypage .latest li {display:inline-block; width:18.4%; margin-left:2%; margin-bottom:10px; text-align:center;} #mypage .latest li:first-child, #mypage .latest li:nth-child(6){margin-left:0;} #mypage .latest li img {width:100%; height:auto; border:1px solid #eee;} #mypage .my_content h3.title {padding-top:80px; padding-bottom:20px; font-size:16px;} #mypage .my_content h3.title.first{padding-top:0;} #mypage .my_content h3.title * {vertical-align: baseline;} #mypage .my_content h3.title a {margin-left:14px; padding-right:12px; color:#595c63; font-size:13px; background:url(../_skin/sw_kor_v2/img/common/arrow_rgt_686b71.png); background-size:7px 11px; background-position:100%; background-repeat:no-repeat;} #mypage .tbl_col > thead > tr > th {padding:17px 0; font-size:14px;} #mypage .tbl_col > thead > tr > th:first-child {border-left:1px solid #ddd} #mypage .tbl_col > thead > tr > th:last-child {border-right:1px solid #ddd} /* 관심상품(/mypage/wish_list.php) */ #wish_list .my_content {height:755px;} #wish_list p.count {margin-bottom:30px; padding-bottom:20px; font-size:15px; border-bottom: 1px solid #ddd;} #wish_list p.count strong {color:#db114a; font-size:15px;} #wish_list p.count .btn {float:right;} #wish_list p.count .btn a {position:relative; margin-left:32px; color:#555; font-size:14px;} #wish_list p.count .btn a:last-child:before {content:'';position:absolute; top:5px; left:-16px; width:1px; height:14px; background:#9a9a9a;} #wish_list .prd_basic .soldout {display:none; color:#d53838;} #wish_list .prd_basic .soldout.out {display:inline;} #wish_list .prd_basic li {width:auto; padding:0 19px 0 0; margin-bottom:30px;} #wish_list .prd_basic li:nth-child(4n){padding:0;} #wish_list .prd_basic .left_area {float:left; width:23px;} #wish_list .prd_basic .right_area {margin-left:23px;} #wish_list .prd_basic .right_area .img {width:160px; height:160px; border:1px solid #c8c8c8;} #wish_list .prd_basic .right_area .img a {display:block;} #wish_list .prd_basic .right_area .img a img {display:block; width:100%; height:100%;} #wish_list .prd_basic .right_area .tal {width:160px; padding:13px 0 15px;} #wish_list .prd_basic .right_area .tal a {font-size:13px;} #wish_list .prd_basic .right_area .prc strong {color:#333; font-size:13px; font-weight:normal;} #wish_list .prd_basic .right_area .prc strong span {color:#db114a; font-size:18px; font-weight:normal;} #wish_list .prd_basic .right_area .opt {margin-top:5px;} #wish_list input[type="checkbox"]{-webkit-appearance:none; appearance:none; overflow:hidden; display:inline-block; width:18px; height:18px; margin:0; margin-right:10px; background:url('../_skin/sw_kor_v2/img/common/check_non.png') no-repeat center; vertical-align:middle;} #wish_list input[type="checkbox"]:checked{background-image:url('../_skin/sw_kor_v2/img/common/check_on.png');} /* 마이페이지 공통 박스(적립금,쿠폰) */ .box_mp {padding:50px 0 30px; margin:0 30px; border-bottom:1px solid #ddd; text-align:center;} #milage .box_mp .have {margin:0 auto; width:243px; height:140px; background:url(../_skin/sw_kor_v2/img/mypage/point-bg.png);} #coupon .box_mp .have {margin:0 auto; width:243px; height:140px; background:url(../_skin/sw_kor_v2/img/mypage/coupon-bg.png);} #milage .box_mp .have span {display:block; padding-top: 69px; color:#fff; font-size:45px; font-family:'arial'; font-weight:bold; line-height:31px;} #coupon .box_mp .have {padding-top:32px; color:#fff; font-size:18px; font-weight:300;} #coupon .box_mp .have span {display:block; padding-top:10px; color:#fff; font-size:45px; font-family:'Montserrat'; font-weight:bold; line-height:31px;} /* 할인쿠폰 */ #coupon .my_content {padding:0; margin:30px 30px 0;} #coupon .coupon_list:after {content:''; display:block; clear:both;} #coupon .coupon_list > li {float:left; width:385px; margin-right:20px;} #coupon .coupon_list > li * {font-family: 'Montserrat','Noto Sans KR', sans-serif;} #coupon .coupon_list > li:nth-child(2n) {margin-right:0;} #coupon .coupon_list > li > .box {position: relative; width: 385px; min-height: 210px; margin: 0 auto 30px; padding: 0; overflow: hidden; background-color:#fff;} #coupon .coupon_list > li > .box:before {content:''; position:absolute; top:50%; left:0; z-index:10; margin-top:-12px; width:0; height:0; border-top:12px solid transparent; border-bottom:12px solid transparent; border-left:10px solid #000; border-right:10px solid transparent} #coupon .coupon_list > li > .box:after {content:''; position:absolute; top:50%; left:-1px; z-index:10; margin-top:-12px; width:0; height:0; border-top:12px solid transparent; border-bottom:12px solid transparent; border-left:10px solid #f7f7f7; border-right:10px solid transparent} #coupon .coupon_list > li > .box .info {min-height:210px; border: 1px solid #4B525C;} #coupon .coupon_list > li > .box.end .info:after {content:''; position: absolute; top: 0; left: 0; right: 0; z-index: 1; bottom: 0; background: rgba(0,0,0,0.3);} #coupon .coupon_list > li > .box.finish .info:after {content:''; position: absolute; top: 0; left: 0; right: 0; z-index: 1; bottom: 0; background: rgba(0,0,0,0.3);} #coupon .coupon_list > li > .box .info_top {background-color:#f1f1f1; padding:11px 26px 12px 26px; font-size: 0;} #coupon .coupon_list > li > .box .info_top:after {content:''; display:block; clear:both;} #coupon .coupon_list > li > .box .info_top .point {display:inline-block; width:35%; color:#DB114A; font-size:18px;} #coupon .coupon_list > li > .box .info_top .point span {color:inherit; font-size:26px; font-weight:500;} #coupon .coupon_list > li > .box .info_top .condition {display:inline-block; width:65%; text-align:right;} #coupon .coupon_list > li > .box .info_bottom {padding:15px 26px 0;} #coupon .coupon_list > li > .box .info_bottom .name {min-height:50px;} #coupon .coupon_list > li > .box .info_bottom .limit {margin-bottom:4px; color:#555;} #coupon .coupon_list > li > .box .info_bottom .limit * {color:#555;} #coupon .coupon_list > li > .box .info_bottom .period {color:#555;} #coupon .coupon_list > li > .box .link{display:block; position:absolute; bottom:30px; right:30px;} #coupon .my_title {position:relative;} #coupon .my_title .coupon_input_area {position:absolute; top:25px; right:30px; font-size:0;} #coupon .my_title .coupon_input_area .form_input {height:50px; line-height:50px; width:300px;} #coupon .my_title .coupon_input_area .chk_click {display:inline-block; width:80px; height:50px; color:#fff; line-height:50px; text-align:center; background-color:#000; cursor: pointer;} /* 적립금 */ #milage .tbl_col > thead > tr > th {padding:17px 0; font-size:14px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} #milage .tbl_col > thead > tr > th.date span {color:#888; font-size:14px;} #milage .tbl_col > thead > tr > th:first-child {border-left:1px solid #ddd} #milage .tbl_col > thead > tr > th:last-child {border-right:1px solid #ddd} #milage .tbl_col > tbody > tr > td {padding:20px 0; border-bottom:1px solid #ccc;} #milage .tbl_col > tbody > tr > td.date {font-size:15px;} #milage .tbl_col > tbody > tr > td.point strong {font-size:18px; font-weight:normal;} #milage .tbl_col > tbody > tr > td.tal {font-size:14px;} #milage .tbl_col > tbody > tr > td.subtotal {color:#db114a; font-size:18px;} #milage .tbl_col > tbody > tr.use td {color:#888;} #milage .tbl_col > tbody > tr.use td * {color:#888;} #milage .tbl_col > tbody > tr.use td.subtotal {color:#db114a;} #milage .paging {margin-top:30px;} #milage .my_content {max-height:451px; margin:30px 30px 0; overflow-y: auto;} /* 1:1문의 내역(/mypage/counsel_list.php & /mypage/order_detail.php) */ #counsel {clear:both;} #counsel .my_content {height:664px; overflow-y:auto;} #counsel .tbl_col {border-top:1px solid #34373b;} #counsel .tbl_col > tbody > tr > td.tal {padding-left:26px !important; color:#555;} #counsel .tbl_col > tbody > tr > td.tal * {vertical-align: baseline;} #counsel .tbl_col > tbody > tr > td.tal b {font-weight:normal;} #counsel .tbl_col > tbody > tr > td.stat {color:#888; background-image:url(../_skin/sw_kor_v2/img/mypage/answer_wait.png);background-repeat:no-repeat; background-position: 0 31px;} #counsel .tbl_col > tbody > tr > td.stat.done {color:#db114a; background-image:url(../_skin/sw_kor_v2/img/mypage/answer_finish.png); background-position: 3px 34px;} #counsel .none_style {margin:0 !important; padding:0 !important; border:0 !important;} #counsel .cnt_hidden {display:none; overflow:hidden; border-bottom:1px solid #d7d7d7;} #counsel .cnt_hidden .qna_subject {clear:both; float:left; width:10%; padding:10px 0; color:#181818; font-weight:bold; text-align:left; vertical-align:top;} #counsel .cnt_hidden .qna_cnt {text-align:left; vertical-align:top;} #counsel .qna_cnt.question {padding:20px;} #counsel .qna_cnt.question .img {display:inline-block; margin-bottom:30px; max-width:48%;} #counsel .qna_cnt.question .img+.img{margin-left:2%;} #counsel .qna_cnt.question .img img {width:100%; vertical-align: top;} #counsel .qna_cnt.answer {padding:20px; padding-left:36px; background:#fafafa url(../_skin/sw_kor_v2/img/mypage/answer_content.png); background-repeat: no-repeat; background-position: 12px 24px;} #counsel .btn {padding-top:30px; font-size:0; text-align:left;} #counsel .btn .box_btn.w180 * {width:180px;} #counsel .btn .box_btn {margin-right:5px;} #counsel .btn .box_btn.fr {margin-right:0;} #counsel .paging {margin-top:30px;} /* 1:1문의 글쓰기(/mypage/counsel_step1.php) */ #counsel_write {width:100%; margin:20px 0; background:#f5f5f5;} #counsel_write .my_content {height:664px; overflow-y:auto;} #counsel_write .form_input {border:1px solid #c8c8c8; height:42px;} #counsel_write > form {display:inline-block; width:72%; margin:0 auto; padding:40px 0; text-align:left;} #counsel_write fieldset {width:750px; margin:0 auto;} #counsel_write fieldset > table {margin-bottom:-1px;} #counsel_write fieldset > div {position:relative; margin-bottom:10px; text-align:left;} #counsel_write fieldset > div:last-child {margin-bottom:0;} #counsel_write fieldset > div > label {display:none;} #counsel_write fieldset textarea.form_input {height:250px;} #counsel_write .btn {padding:20px 0 40px; text-align:center !important;} /*#counsel_write fieldset > div.fileBox*/ #counsel_write fieldset > div .upfile{display:none;} #counsel_write fieldset > div .filename1, #counsel_write fieldset > div .filename2{width:650px !important; height:42px;} #counsel_write fieldset > div .btn_file{display:inline-block; width:100px; height:42px; background:url('../_skin/sw_kor_v2/img/button/btn_upfile.png') no-repeat; margin-left:-6px; cursor:pointer; vertical-align:middle;} #counsel_write .box_btn.b3b3b3 * {background:#b3b3b3; border:1px solid #b3b3b3; color:#fff;} /* 취소환불문의 */ #counsel_write.cancel fieldset {width:100%;} #counsel_write.cancel .my_content {padding:0; background:#f7f7f7;} #counsel_write.cancel .counsel_top {padding: 48px 50px 25px; font-size:20px; line-height:20px; background: #fff; border-bottom: 1px solid #e0e0e0;} #counsel_write.cancel .counsel_top .cancel_title {padding:15px 20px; border:1px solid #c8c8c8; border-bottom:0;} #counsel_write.cancel .counsel_top .cancel_list {position:relative; border:1px solid #c8c8c8; border-bottom:0;} #counsel_write.cancel .counsel_top .cancel_list:after {content:''; position:absolute; bottom:0; left:0; right:0; height:1px; background:#c8c8c8;} #counsel_write.cancel .counsel_top .cancel_list ul.tbl_col:after {content:''; display:block; clear: both;} #counsel_write.cancel .counsel_top .cancel_list ul.tbl_col li {float:left; width:50%; padding:20px; border-bottom:1px solid #c8c8c8;} #counsel_write.cancel .counsel_top .cancel_list ul.tbl_col li .left_area {float:left; width:130px;} #counsel_write.cancel .counsel_top .cancel_list ul.tbl_col li .left_area input[type=checkbox] {visibility: hidden} #counsel_write.cancel .counsel_top .cancel_list ul.tbl_col li .left_area img {width:105px;border:1px solid #eee;} #counsel_write.cancel .counsel_top .cancel_list ul.tbl_col li .left_area input[type=radio] {position:absolute; visibility:hidden;} #counsel_write.cancel .counsel_top .cancel_list ul.tbl_col li .right_area {float:left; width:60%;} #counsel_write.cancel .counsel_top .cancel_list ul.tbl_col li .right_area p {overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap;} #counsel_write.cancel .counsel_top .cancel_list ul.tbl_col li .right_area p.opt {overflow:hidden; color:#666; text-overflow:ellipsis; white-space:nowrap;} #counsel_write.cancel .counsel_top .cancel_list ul.tbl_col li .right_area p.stat {color:#db114a;} #counsel_write.cancel .counsel_bottom {width:750px; margin:20px auto 0;} #counsel_write.cancel .counsel_bottom > div {margin-bottom:10px;} #counsel_write.cancel .counsel_bottom > div label {display:none;} #counsel_write.cancel .counsel_bottom > div.fileBox label {display:inline-block;} /* 1:1문의 완료(/mypage/counsel_step2.php) */ #counsel_fin .my_content {padding:0; height:664px; background:#f5f5f5;} #counsel_fin .box {padding-top:150px; text-align: center;} #counsel_fin .box img {display:inline-block; padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #34373b} #counsel_fin .box .btn {margin-top:25px;} /* 마이페이지 공통 */ #mypage .receipt a, #order_detail .receipt a{display:block; width:68px; height:30px; line-height:30px; margin:6px auto 0; font-size:13px; color:#555; border:1px solid #999; text-align:center; cursor: pointer;} /* 나의 상품문의 */ #mypage_qna_list .qnarev_list .qnarev_cnt .question img {display: inline-block; margin-bottom: 30px; max-width: 48%;} /* 주문내역(/mypage/order_list.php) */ #order_list .tbl_col > thead > tr > th {padding:17px 0; font-size:14px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} #order_list .tbl_col > thead > tr > th:first-child {border-left:1px solid #ddd} #order_list .tbl_col > thead > tr > th:last-child {border-right:1px solid #ddd} #order_list .tbl_col > tbody > tr > td {padding:20px 0;} #order_list .tbl_col > tbody > tr > td.tal {font-size:14px;} #order_list .tbl_col > tbody > tr > td.stat.ing {color:#db114a;} #order_list .tbl_col > tbody > tr > td.stat a {font-size:14px; color:#db114a;} #order_list .tbl_col > tbody > tr > td.stat .receipt a{display:block; width:68px; height:30px; line-height:30px; margin:6px auto 0; font-size:13px; color:#555; border:1px solid #999; text-align:center; cursor: pointer;} #order_list .paging {margin-top:30px;} /* 주문상세조회(/mypage/order_detail.php) */ #order_detail .my_content {position:relative;} #order_detail .stat {padding-bottom:20px; font-size:0; text-align:center;} #order_detail .stat li {display:inline; padding:0 5px;} #order_detail .trace {padding-top:20px;} #order_detail .trace .number {padding-left:10px; line-height:35px;} #order_detail .area:after {content:''; display:block; clear:both;} #order_detail .area_buy .buyer {float:left; width:280px; margin-right:30px;} #order_detail .area_buy .buy_address {float:left; width:480px;} #order_detail .area_pay .pay_amount {float:left; width:280px; margin-right:30px;} #order_detail .area_pay .pay_method {float:left; width:480px;} #order_detail .area h3.title {font-size:15px; border-bottom:1px solid #34373b;} #order_detail .total_price {font-size:14px;} #order_detail .backtolist {padding:30px 0; text-align:center;} #order_detail .order_detail_title:after {content:''; display:block; clear:both;} #order_detail .order_detail_title {padding: 12px 24px; border:1px solid #c8c8c8; border-bottom:0;} #order_detail .order_detail_title p {line-height:30px;} #order_detail .order_detail_title .order_no {margin-right:15px; font-size:20px;} #order_detail .order_detail_title .cancel a {color:#888; line-height:30px; } #order_detail .tbl_col.prd {padding-bottom:8px;} #order_detail .tbl_col.prd > tbody {border-color:#c8c8c8;} #order_detail .tbl_col.prd > tbody > tr {border-bottom-color:#c8c8c8;} #order_detail .tbl_col.prd > tbody > tr > td {padding:18px 0;} #order_detail .tbl_col > tbody > tr > td.img img {width:88px;} #order_detail .tbl_col .tal * {color:#888; font-size:14px;} #order_detail .tbl_col .tal p a {color:#181a1e;} #order_detail .tbl_col .btn {border-left:1px solid #c8c8c8;} #order_detail .tbl_col .btn .box_btn * {padding:0; width:100px; height:40px; line-height:38px; text-align: center; font-size:14px; font-weight:normal; background:#fff;} #order_detail .tbl_col .btn .box_btn.deliver_check {margin-bottom:10px;} #order_detail .tbl_col .btn .box_btn.deliver_check * {color:#555 !important; border: 1px solid #ddd;} #order_detail .tbl_col .btn .box_btn.deliver_check.disabled * {cursor:default;} #order_detail .tbl_col .btn .box_btn.write_review * {color:#db114a !important; border: 1px solid #db114a;} #order_detail .tbl_col .btn .box_btn.write_review.disabled * {color:#f8f8f8 !important; border: 1px solid #bfbfbf; background:#bfbfbf; cursor:default;} #order_detail .tbl_order2 {margin-top:15px; border:1px solid #d7d7d7;} #order_detail .tbl_order2 th {padding:20px; border-top:1px solid #d7d7d7; font-size:14px; color:#555; line-height:1.2;} #order_detail .tbl_order2 tr:first-child th {border-top:0;} #order_detail .tbl_order2 td {padding:20px; border-top:1px solid #d7d7d7; font-size:15px; line-height:1.2; word-break:keep-all;} #order_detail .tbl_order2 tr:first-child td {border-top:0;} #order_detail .receipt a{margin:0 auto;} #order_detail .output{text-align:right;} #order_detail .output a{font-size:14px; height:40px; line-height:40px; padding:0; margin:10px 0 0;} /* 회원정보수정 */ #edit_fin{padding-bottom:100px;} #edit_pw .my_content {padding:0; height:664px; background:#f5f5f5;} #edit_fin .box > .msg{border-bottom:0; padding-bottom:0;} #edit_fin .box > .msg strong{font-weight:normal; color:#666;} .edit_info .box {padding:125px 0 20px;} .edit_info .box .edit_fin_t p{font-size:30px; padding:20px 0 0;} .edit_info .box > .msg {margin:0 auto 20px; padding-bottom:20px; width:560px; border-bottom:2px solid #212326;} .edit_info .form_input {margin-top:0; width:560px; height:50px;} .edit_info .btn {padding-top:0;} .edit_info .btn .box_btn.large * {width:276px; font-size:18px; font-weight:normal;} .edit_info .btn .box_btn.large:first-child {margin-right:4px;} .withdraw .box {padding:60px 0; background:#f5f5f5; text-align:center;} .withdraw .msg {margin-bottom:10px; color:#666;} .withdraw .frame {width:50%; margin:0 auto;} .withdraw .frame textarea {height:250px; margin-top:10px;} .withdraw .btn {padding-top:30px; text-align:center;} .withdraw_btn{margin:15px 0 0; text-align:right;} .withdraw_btn a{color:#999; font-size:13px; background:url('../_skin/sw_kor_v2/img/member/withdraw_arrow.png') no-repeat right; padding:0 10px 0 0;} /* 회원탈퇴(/mypage/withdraw_step1.php), 회원탈퇴완료(/mypage/withdraw_step2.php) */ #draw_input .my_content {width:560px; padding:0; margin:80px auto 20px; height:664px; background:#f5f5f5;} #draw_input .box {padding:0;} #draw_input .msg {margin:0 auto 20px; padding-bottom:18px; width:560px;} #draw_input .frame {width:560px;} #draw_input .form_input {height:40px;} #draw_input textarea.form_input {height:250px;} #draw_input .btn {padding-top:18px;} #draw_input .btn .box_btn.large * {width:276px; font-size:18px; font-weight:normal;} #draw_input .btn .box_btn.large:first-child {margin-right:4px;} /* 회원탈퇴완료 */ #draw_finish .my_content {width:560px; padding:0; margin:80px auto 20px; height:664px; background:#f5f5f5;} #draw_finish .box {padding-top:100px;} #draw_finish .box img {display:inline-block; padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #34373b} #draw_finish .msg strong {font-size:32px; font-weight:normal;} /* 상품후기 */ #mypage_review_list .my_content {height:664px; overflow-y:auto;} #mypage_review_list .paging {margin-top:30px;} #mypage_review_list .tbl_col.board .filelist {display:inline-block; max-width:49%; vertical-align: top;} #mypage_review_list.qnarev_list .qnarev_cnt > div {padding:25px 27px;} #mypage_review_list.qnarev_list .qnarev_cnt > div .filelist:empty {display:none;} #mypage_review_list.qnarev_list .qnarev_cnt > div .filelist img {padding: 0 0 10px;} #mypage_review_list.qnarev_list .qnarev_cnt > div .comment {margin-top:20px;} #mypage_review_list .tbl_col {border-top: 1px solid #34373b;} #mypage_review_list .tbl_col > tbody > tr > td.tal * {vertical-align: baseline;} /* 상품문의 */ #mypage_qna_list .my_content {height:664px; overflow-y:auto;} #mypage_qna_list .paging {margin-top:30px;} #mypage_qna_list .tbl_col.board .filelist {display:inline-block; max-width:45%; vertical-align: top;} #mypage_qna_list .tbl_col.board .filelist:first-child {margin-right:10px;} #mypage_qna_list.qnarev_list .qnarev_cnt > div {padding:0;} #mypage_qna_list.qnarev_list .qnarev_cnt .question {padding:0 0 0 27px;} #mypage_qna_list.qnarev_list .qnarev_cnt > div .filelist img {padding:0 0 10px;} #mypage_qna_list.qnarev_list .qnarev_cnt .btn {text-align: left;} #mypage_qna_list .tbl_col {border-top: 1px solid #34373b;} #mypage_qna_list .tbl_col > tbody > tr > td.tal * {vertical-align: baseline;} /*-----------------------------------------------------------------*/ /* 4-5. 추가페이지 /*-----------------------------------------------------------------*/ /* 이용약관(/content/content.php?cont=uselaw) */ #uselaw *{font-family:'Dotum', sans-serif;} #uselaw > ol > li > dl > dt {padding:20px 15PX 10px; font-weight:bold; font-family:'Dotum', sans-serif;} #uselaw > ol > li > dl > dd {font-family:'Dotum', sans-serif; font-size:12px; color:#181a1e; padding-left:15px;} #uselaw > ol > li > dl > dd > ul, #uselaw > ol > li > dl > dd > ol {font-family:'Dotum', sans-serif; font-size:12px; color:#181a1e; padding-left:15px;} #uselaw > ol > li > dl > dd > ul > li{font-size:12px;} /* 개인정보취급방침(/content/content.php?cont=privacy) */ #privacy *{font-family:'Dotum', sans-serif;} #privacy > ul > li > dl > dt {padding:20px 15PX 10px; font-weight:bold; font-family:'Dotum', sans-serif;} #privacy > ul > li > dl > dd {font-family:'Dotum', sans-serif; font-size:12px; color:#181a1e; padding-left:15px;} #privacy > ul > li > dl > dd > ul{padding:10px 0;} #privacy > ul > li > dl > dd > ul, #privacy > ul > li > dl > dd > ul > li, #privacy > ul > li > dl > dd > ol{font-family:'Dotum', sans-serif; font-size:12px; color:#181a1e;} #privacy > ul > li > dl > dd > dl{padding:10px 0 0;} #privacy > ul > li > dl > dd > ul > li strong{font-size:12px;} #privacy > ul > li > dl > dd > dl > dt{font-size:12px; padding-top:5px;} #privacy > ul > li > dl > dd > dl > dd{font-size:12px;} #privacy > ul > li > dl > dd > ol > li, #privacy > ul > li > dl > dd > ol > li a{font-size:12px;} /* 이용안내(/content/content.php?cont=guide) */ #guide .tab {text-align:center;} #guide .tab li {display:inline;} #guide .tab li a {padding:0 15px;} #guide .tab li a:hover {text-decoration:underline;} #guide > dl > dt {padding:30px 0 10px; font-weight:bold;} #guide > dl > dd {padding-left:10px; color:#666;} #guide > dl > dd > ul, #guide > dl > dd > ol {padding-left:10px; color:#666;} /* 회사소개(/content/content.php?cont=company) */ #company {text-align:center;} #company:after {display:block; clear:both; content:'';} #company > dl {float:left; width:30%;} #company > dl:nth-child(2) {margin:0 5%;} #company > dl > dt {padding:30px 0 10px; font-size:14px; font-weight:bold;} #company > dl.location {clear:both; float:none; width:100%;} /* 베스트(/content/content.php?cont=best) */ #best .prd_basic > li{position:relative; padding-bottom:60px;} #best .prd_basic > li:nth-child(1), #best .prd_basic > li:nth-child(2){padding-right:35px;} #best .prd_basic > li:nth-child(3), #best .prd_basic > li:nth-child(7){padding-right:0;} #best .prd_basic > li:nth-child(1):before{content:''; display:block; background:url('https://www.ggjmart.com/_skin/sw_kor_v2/img/etc/best-01.png') no-repeat; width:72px; height:72px; position:absolute; top:-15px; left:-15px; z-index:9;} #best .prd_basic > li:nth-child(2):before{content:''; display:block; background:url('https://www.ggjmart.com/_skin/sw_kor_v2/img/etc/best-02.png') no-repeat; width:72px; height:72px; position:absolute; top:-15px; left:-15px; z-index:9;} #best .prd_basic > li:nth-child(3):before{content:''; display:block; background:url('https://www.ggjmart.com/_skin/sw_kor_v2/img/etc/best-03.png') no-repeat; width:72px; height:72px; position:absolute; top:-15px; left:-15px; z-index:9;} #best .prd_basic > li:nth-child(4):before{content:''; display:block; background:url('https://www.ggjmart.com/_skin/sw_kor_v2/img/etc/best-04.png') no-repeat; width:72px; height:72px; position:absolute; top:-15px; left:-15px; z-index:9;} #best .prd_basic > li:nth-child(5):before{content:''; display:block; background:url('https://www.ggjmart.com/_skin/sw_kor_v2/img/etc/best-05.png') no-repeat; width:72px; height:72px; position:absolute; top:-15px; left:-15px; z-index:9;} #best .prd_basic > li:nth-child(6):before{content:''; display:block; background:url('https://www.ggjmart.com/_skin/sw_kor_v2/img/etc/best-06.png') no-repeat; width:72px; height:72px; position:absolute; top:-15px; left:-15px; z-index:9;} #best .prd_basic > li:nth-child(7):before{content:''; display:block; background:url('https://www.ggjmart.com/_skin/sw_kor_v2/img/etc/best-07.png') no-repeat; width:72px; height:72px; position:absolute; top:-15px; left:-15px; z-index:9;} #best .prd_basic > li:nth-child(8):before{content:''; display:block; background:url('https://www.ggjmart.com/_skin/sw_kor_v2/img/etc/best-08.png') no-repeat; width:72px; height:72px; position:absolute; top:-15px; left:-15px; z-index:9;} #best .prd_basic > li:nth-child(9):before{content:''; display:block; background:url('https://www.ggjmart.com/_skin/sw_kor_v2/img/etc/best-09.png') no-repeat; width:72px; height:72px; position:absolute; top:-15px; left:-15px; z-index:9;} #best .prd_basic > li:nth-child(10):before{content:''; display:block; background:url('https://www.ggjmart.com/_skin/sw_kor_v2/img/etc/best-10.png') no-repeat; width:72px; height:72px; position:absolute; top:-15px; left:-15px; z-index:9;} #best .prd_basic > li:nth-child(1) .box, #best .prd_basic > li:nth-child(2) .box, #best .prd_basic > li:nth-child(3) .box{width:390px; padding-bottom:30px;} #best .prd_basic > li .box .img .prdimg > a > img{width:285px; height:285px;} #best .prd_basic > li:nth-child(1) .box .img .prdimg > a > img, #best .prd_basic > li:nth-child(2) .box .img .prdimg > a > img, #best .prd_basic > li:nth-child(3) .box .img .prdimg > a > img{width:390px; height:390px;} /* 대회필수템(/content/content.php?cont=must) */ #must .prd_basic.must_list_con > li:nth-child(odd){width: calc(100% - 600px);} #must .prd_basic.must_list_con > li:nth-child(even){width: calc(100% - 640px);} #must .prd_basic.must_list_con > li.must_list > img{margin:60px 0 25px;} #must .prd_basic.must_list_con > li.must_list:nth-child(1) img, #must .prd_basic.must_list_con > li.must_list:nth-child(2) img{margin-top:0;} #must .prd_basic > li{padding:0;} #must .prd_basic > li.must_box:nth-child(odd){padding-right:30px;} #must .prd_basic > li.must_box > .box{padding-bottom:20px;} /* 브랜드(/content/content.php?cont=brand) */ #brand .brand_list table td{padding:0 32px 90px 0; text-align:center;} #brand .brand_list table td:nth-child(4n){padding-right:0;} #brand .brand_list table td .brandhall_brand_name{font-family:'MalgunGothic', sans-serif; font-weight:bold; font-size:16px; padding:30px 0 10px;} #brand .brand_list table td .brandhall_brand_info{font-size:14px; font-family:'MalgunGothic', sans-serif;} /*-----------------------------------------------------------------*/ /* 5. ETC /*-----------------------------------------------------------------*/ .boardview_comment_area{max-width:1180px; margin:0 auto; padding:50px 80px 80px; background-color:#fff; border:1px solid #e3e3e3;} .boardview_comment_area .boardview_notice{text-align:center; padding-bottom:20px;} .boardview_comment_area .boardview_notice p{color:#555; letter-spacing:-.05em;} .boardview_comment_area .boardview_notice p strong{font-size:36px; color:#212326; } .boardview_comment_area .boardview_comment .logIn{width:100%; background:url('../_skin/sw_kor_v2/img/etc/boardview_bg.png') no-repeat; text-align:center; padding:26px 0; margin-bottom:10px;} .boardview_comment_area .boardview_comment .logIn > a{background-color:#212326; color:#fff; display:inline-block; width:182px; text-align:center; padding:12px 0;} /* 댓글 - 리스트(게시판, 상품리뷰) */ .list_comment {position:relative; text-align:left;} .list_comment > ul {border:1px solid #e5e5e5; border-top:0;} .list_comment > ul > li {clear:both; overflow:hidden; padding:15px 30px; border-top:1px solid #e5e5e5; color:#474645; word-break:break-all; word-wrap:break-word;} .list_comment > ul > li .name {float:left; width:12%; font-weight:500;} .list_comment > ul > li .name a {color:inherit; font-size:inherit; font-weight:500;} .list_comment > ul > li .content {float:left; width:73%;} .list_comment > ul > li .date {float:right; width:15%; text-align:right;} .list_comment > ul > li .date span {padding:0 0 0 10px; color:#888; vertical-align:middle;} .boardview_comment_area .list_comment > ul{border:0;} .boardview_comment_area .list_comment > ul > li:first-child .name, .boardview_comment_area .list_comment > ul > li:first-child .date{padding-top:0;} .boardview_comment_area .list_comment > ul > li .name{font-size:16px; font-weight:normal; color:#555;} .boardview_comment_area .list_comment > ul > li .date{color:#555; font-family:'Montserrat', sans-serif;} .boardview_comment_area .list_comment > ul > li .name, .boardview_comment_area .list_comment > ul > li .date{padding:28px 0 7px;} .boardview_comment_area .list_comment > ul > li{padding:0; border-top:0;} #cnt .boardview_comment_area .list_comment > ul > li .content{width:100%; color:#555; border:1px solid #ddd; padding:20px;} #cnt .boardview_comment_area .list_comment > ul > li.answer .content{border-top:0; background:url('../_skin/sw_kor_v2/img/shop/ic_re_answer.png') no-repeat #fafafa; background-position:20px 25px; padding:20px 40px;} #boardwrite fieldset select {width:100%; font-size:14px; height:42px; background:url('../_skin/sw_kor_v2/img/button/droparrow.png') no-repeat #fff; border:1px solid #c8c8c8; background-position:177px;} #boardwrite fieldset > div .btn_file{display:inline-block; width:100px; height:42px; background:url('../_skin/sw_kor_v2/img/button/btn_upfile.png') no-repeat; float:right;} /* 댓글 - 쓰기(게시판, 상품리뷰) */ .write_comment {overflow:hidden; margin-top:-1px; padding:20px; border:1px solid #e5e5e5; background:#fff;} .write_comment .user {overflow:auto; padding-bottom:10px; text-align:left;} .write_comment .user span {float:left; width:50%;} .write_comment .user span.name {padding-right:5px;} .write_comment .user span.pw {padding-left:5px;} .write_comment .inputbox {position:relative; padding-right:70px; /*border:1px solid #e2e2e2; background:#fafafa;*/ text-align:left;} .write_comment .inputbox textarea.form_input {height:100px; padding:15px; border:1px solid #ddd; background:#fff; resize:none;} .write_comment .inputbox .btn_comment {display:inline-block; position:absolute; right:0; top:0; width:70px; height:100%; text-align:center; border:0; background:#fafafa; font-weight:bold; line-height:100%; cursor:pointer;} .boardview_comment_area .boardview_comment .write_comment{padding:0 0 37px; border:0;} .boardview_comment_area .boardview_comment .write_comment .inputbox{padding:0;} .boardview_comment_area .boardview_comment .write_comment .inputbox textarea.form_input{width:915px !important;} .boardview_comment_area .boardview_comment .write_comment .inputbox .btn_comment2{float:right;} /* 게시판 - 상품연동 - 검색 */ #product_search_frm {background:#fff;} #product_search_frm .frame {min-height:600px; margin:10px;} #product_search_frm .frame .search {padding-bottom:10px;} #product_search_frm .frame .btn {padding:15px 0 10px 0; text-align:center;} /* 게시판 - 상품연동 - 쓰기 */ .related_prd_write {padding:20px 0;} .related_prd_write > ul {margin:20px 0;} /* 게시판 - 상품연동 - 열람 */ .related_prd_view {border-bottom:1px solid #e0e0e0;} .related_prd_view .title {padding:60px 0 30px; font-size:22px; font-weight:500; text-align:center;} /* time - tlswlgml 2019-09-23 */ .prd_basic .box .info .timer {display:none;} .prd_basic .box .desc_btn {display:none;} #timeSale .bg {height:445px; overflow:hidden; min-height:445px;} #timeSale .bg img {width:100%; height:100%;} #timeSale .timeSale_inner {position:relative; width:1050px; margin:0 auto; height:100%; -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); -moz-transform:translateY(-100%); transform:translateY(-100%);} #timeSale .time_tit_area {padding-top:80px;} #timeSale .time_tit_area>p:first-child {margin-bottom:132px;} #big_section.time .prd_basic > li:first-child .box .timer {display:block; position:absolute; left:-720px; top:80px; width:402px; height:66px; text-align:center;} #big_section.time .prd_basic > li:first-child .box .timer>span {display:inline-block; width:70px; height:66px; line-height:70px; color:#fff; text-align:center; background-color:#ec4446; vertical-align:middle;} #big_section.time .prd_basic > li:first-child .box .timer>* {font-family: 'Montserrat', sans-serif !important; font-size:32px; font-weight:500;} #big_section.time .prd_basic > li:first-child .box .timer>span:first-child {width:120px; margin-right:14px;} #big_section.time .prd_basic > li:first-child .box .timer sub {color:#fff; font-weight:300; font-size:29px; font-style:normal; font-family: 'Montserrat', sans-serif !important;} #big_section.time .prd_basic > li:first-child .box .timer>em {width:18px; vertical-align:middle; font-style:normal; display:inline-block; height:66px; line-height:66px; text-align:center; color:#fff;} #big_section.time .content {position:relative;} #big_section.time .prd_basic {display:block;} #big_section.time .prd_basic > li:first-child {width:621px !important; height:316px; position:absolute; top:-411px; right:20px; border:3px solid #000; background-color:#e4e4e4; padding:30px; box-sizing:border-box;} #big_section.time .prd_basic > li:first-child .time_ico {display:none !important;} #big_section.time .prd_basic > li:first-child .box {max-width:100%; width:100%; font-size:0; height:250px;} #big_section.time .prd_basic > li:first-child .box>div {display:inline-block; vertical-align:middle; box-sizing:border-box; width:50%; height:100%;} #big_section.time .prd_basic > li:first-child .box>div.img{width:250px; text-align:left;} #big_section.time .prd_basic > li:first-child .box>div.info{width:305px; position:relative; padding:50px 0 0 20px;} #big_section .prd_basic > li .box .timer {display:none;} #big_section .prd_basic > li .box .desc_btn {display:none;} #big_section.time .prd_basic > li:first-child .box .desc_btn {display:block; width:285px; height:60px; background-color:#3e3e50; text-align:center; line-height:60px; color:#fff; font-size:15px; cursor:pointer; position:absolute; left:20px; bottom:0; right:0;} .timeSale_wr {display:none;} #today_timer {background-color:#ec4446; color:#fff; height:62px; line-height:62px; padding-left:10px; font-size:0; margin:30px auto -22px; box-sizing:border-box; position:relative;} #today_timer::before {content:""; display:inline-block; vertical-align:middle; width:28px; height:28px; background:url('../_skin/sw_kor_v2/img/shop/timeSale_ico.png')no-repeat center/contain; margin-right:9px;} #today_timer>strong {color:#fff; display:inline-block; font-size:20px; font-weight:500; font-family:'Montserrat', sans-serif; vertical-align:middle; margin-right:30px; line-height:62px;} #today_timer .rgt_bg {background-color:#2f303c; height:62px; display:inline-block; vertical-align:middle; width:322px; position:absolute; top:0; right:0; bottom:0; text-align:center; box-sizing:border-box; padding:0 30px;} #today_timer .rgt_bg * {display:inline-block; vertical-align:top; text-align:center; color:#fff; font-size:24px; font-weight:500; font-family:'Montserrat', sans-serif; height:62px; line-height:62px;} #today_timer .rgt_bg sub {font-weight:300; font-size:22px; color:#f78081; font-style:normal; font-family:'Montserrat', sans-serif; line-height:63px;} #today_timer .rgt_bg>em {font-style:normal; color:#f78081; margin-left:16px;} #today_timer .rgt_bg>span {color:#f78081; margin-left:16px;} #today_timer .rgt_bg>span:first-child {margin-left:0;} .prd_basic .box .time_ico {position:absolute; left:0; top:10px; z-index:10;} #big_section.time .content .prd_basic {text-align:center !important;} #big_section.time .content .prd_basic li {text-align:left;} /* 상품상세 후기 노티 -tlswlgml */ .tabcnt_detail2 .review_noti_wr {border:1px solid #707070; border-top-width:2px; border-top-color:#181818; padding:22px 24px; margin-bottom:34px; font-size:14px;} .tabcnt_detail2 .review_noti_wr p {line-height:26px; font-size:14px; color:#3e3e3e; } .tabcnt_detail2 .review_noti_wr p * {font-size:14px; font-weight:500;} .tabcnt_detail2 .review_noti_wr p strong span {color:#db114a;} #detail .wrap_info .btn_bottom {position:relative;} #detail .wrap_info .btn_bottom h2 {font-size:20px; color:#3e3e3e; font-weight:normal; position:absolute; left:4px; top:16px; line-height:1em;} /* 상품상세 포토후기만 보기 240125 */ #detail .wrap_info .btn_bottom .photo_review_check {position:absolute; left:90px; top:16px;} #detail .wrap_info .btn_bottom .photo_review_check label{cursor: pointer;} #detail .wrap_info .btn_bottom .photo_review_check input[type="checkbox"]{display: none;} #detail .wrap_info .btn_bottom .photo_review_check .custom_check {display: inline-block; width: 18px; height: 18px; background:url('../_skin/sw_kor_v2/img/common/check_non.png') no-repeat; vertical-align: text-bottom; margin-right: 8px;} #detail .wrap_info .btn_bottom .photo_review_check .custom_check.on{background:url('../_skin/sw_kor_v2/img/common/check_on.png') no-repeat;} /* 품절 옵션 */ #detail select[guswnl=tlswlgml] option:disabled {color:#aaa;} /* 이벤트 게시판 */ #boardlist.event {position:relative;} #boardlist.event .event_tab {position:absolute; top:-90px; right:0; z-index:30;} #boardlist.event .event_tab a {font-size:18px; color:#181a1e; font-weight:500; color:#a6a8ad;} #boardlist.event .event_tab a.on {color:#181a1e;} #boardlist.event .event_tab .bar {display:inline-block; vertical-align:middle; width:1px; height:16px; background-color:#666; margin:0 18px;} /* 출석체크 배너 S */ #attend_bn {position:fixed; width:180px; height:180px; left:calc(50% - 90px); top:calc(50% - 90px); z-index:888; display:none;} #attend_bn.show {display:block;} #attend_bn .inner {position:relative;} #attend_bn .close_bn {display:block; position:absolute; top:8px; right:-20px; width:34px; height:34px; cursor:pointer;} #attend_bn .close_bn img {width:100%;} /* 출석체크 배너 E */ /* 장바구니 상단, 체크박스 */ #cnt .content {position: relative;} #cart .chk_controller {position: absolute;top: -40px;right: 0;} #cart .chk_controller button {display: inline-block;vertical-align: top;width: 65px;height: 32px; background: #fff;border: 1px solid #A8A8A8;border-radius: 2px;font-size: 12px;color:#666;cursor: pointer;} #cart .tbl_col.prd.new_cart th .msg_delivery { text-align: left; padding: 0;} /* 2023-07-04 apijoin css edit */ .api-join #join_agree {margin-bottom: 10px;} .api-join #join_agree .tbl_row td[colspan="2"] {text-align: center; padding: 15px 15px; border-left: 1px solid #dadada;} .api-join .join-choice-sex > .select {top: auto;bottom: 0;}