/*-----------------------------------------------------------------*/ /* 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 /*-----------------------------------------------------------------*/ /* webfont - open sans */ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'); /* corbel */ @font-face { font-family:'Corbel'; font-weight:700; src:url('https://namu7836.wisacdn.com/font/Corbel-Bold.eot'); src:local(※), url('https://namu7836.wisacdn.com/font/Corbel-Bold.woff') format('woff'); } /* NanumBarunGothic */ @font-face { font-family:'NotoSansKR'; font-weight:300; src:url('https://namu7836.wisacdn.com/font/NotoSansKR-Light.eot'); src:local(※), url('https://namu7836.wisacdn.com/font/NotoSansKR-Light.woff') format('woff'); } @font-face { font-family:'NotoSansKR'; font-weight:400; src:url('https://namu7836.wisacdn.com/font/NotoSansKR-Regular.eot'); src:local(※), url('https://namu7836.wisacdn.com/font/NotoSansKR-Regular.woff') format('woff'); } @font-face { font-family:'NotoSansKR'; font-weight:700; src:url('https://namu7836.wisacdn.com/font/NotoSansKR-Bold.eot'); src:local(※), url('https://namu7836.wisacdn.com/font/NotoSansKR-Bold.woff') format('woff'); } /* NanumBarunGothic */ @font-face { font-family:'NanumBarunGothic'; font-weight:400; src:url('https://namu7836.wisacdn.com/font/NanumBarunGothicLight.eot'); src:local(※), url('https://namu7836.wisacdn.com/font/NanumBarunGothicLight.woff') format('woff'); } @font-face { font-family:'NanumBarunGothic'; font-weight:400; src:url('https://namu7836.wisacdn.com/font/NanumBarunGothic.eot'); src:local(※), url('https://namu7836.wisacdn.com/font/NanumBarunGothic.woff') format('woff'); } @font-face { font-family:'NanumBarunGothic'; font-weight:700; src:url('https://namu7836.wisacdn.com/font/NanumBarunGothicBold.eot'); src:local(※), url('https://namu7836.wisacdn.com/font/NanumBarunGothicBold.woff') format('woff'); } /* NunitoSans */ @font-face { font-family:'NunitoSans'; font-weight:300; src:url('https://namu7836.wisacdn.com/font/NunitoSans-Light.eot'); src:local(※), url('https://namu7836.wisacdn.com/font/NunitoSans-Light.woff') format('woff'); } @font-face { font-family:'NunitoSans'; font-weight:400; src:url('https://namu7836.wisacdn.com/font/NunitoSans-SemiBold.eot'); src:local(※), url('https://namu7836.wisacdn.com/font/NunitoSans-SemiBold.woff') format('woff'); } @font-face { font-family:'NunitoSans'; font-weight:700; src:url('https://namu7836.wisacdn.com/font/NunitoSans-Bold.eot'); src:local(※), url('https://namu7836.wisacdn.com/font/NunitoSans-Bold.woff') format('woff'); } /* MyriadHebrew */ @font-face { font-family:'MyriadHebrew'; font-weight:400; src:url('https://namu7836.wisacdn.com/font/MyriadHebrew-Regular.eot'); src:local(※), url('https://namu7836.wisacdn.com/font/MyriadHebrew-Regular.woff') format('woff'); } @font-face { font-family:'MyriadHebrew'; font-weight:700; src:url('https://namu7836.wisacdn.com/font/MyriadHebrew-Bold.eot'); src:local(※), url('https://namu7836.wisacdn.com/font/MyriadHebrew-Bold.woff') format('woff'); } 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:#333; font-family:"Malgun Gothic","맑은 고딕","Dotum","돋움", AppleGothic,sans-serif; font-size:12px; 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:top;} 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 /*-----------------------------------------------------------------*/ .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('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/icon_info.png') no-repeat center; font-style:normal; font-weight:normal; line-height:1;} /* input 기본 스타일 */ .form_input {height:34px; padding:4px 10px; border:1px solid #dcdcdc; background:#fff; color:#666; font-family:"Malgun Gothic","맑은 고딕","Dotum","돋움", AppleGothic,sans-serif; font-size:12px; transition:all .3s ease;} .form_input:focus {border-color:#000; outline:none !important;} .form_input.block {width:100% !important;} .form_input:-ms-input-placeholder {color:#666; font-family:"Malgun Gothic","맑은 고딕","Dotum","돋움", AppleGothic,sans-serif;} .form_input::-webkit-input-placeholder {color:#666; font-family:"Malgun Gothic","맑은 고딕","Dotum","돋움", AppleGothic,sans-serif;} .form_input::-moz-placeholder {color:#666; font-family:"Malgun Gothic","맑은 고딕","Dotum","돋움", AppleGothic,sans-serif;} .form_input.readonly {background:#e0e0e0 !important;} .form_input.gray {background:#fafafa;} .form_input.gray:focus {background:#fff;} textarea.form_input {height:auto;} /* 셀렉트 */ select {max-width:100%; height:34px; padding:4px 6px; border:1px solid #dcdcdc; background:#fff; color:#666; font:inherit; background:transparent;} select:focus {border-color:#000; outline:none !important;} /* 체크박스 */ input[type=checkbox] {width:18px; height:18px; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/check_box.png') no-repeat center; appearance:none;} input[type=checkbox]:checked {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/check_box_on.png');} /* 서브 페이지 타이틀 */ h2.subtitle {padding:59px 0 28px; color:#404040; font-family:'NunitoSans', 'NotoSansKR'; font-size:26px; font-weight:400; text-align:center;} h2.subtitle.join {padding:112px 0 23px; color:#444; font-size:15.5px;} /* 페이지 내 타이틀 */ h3.title.first {padding-top:0;} h3.title {padding:30px 0 20px;} /* 갯수 문단 */ .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:40px; font-size:0; text-align:center;} .paging li {display:inline; vertical-align:middle;} .paging li strong {display:inline-block; width:38px; height:38px; margin:0 5px; background:#ededed; color:#373737; line-height:38px;} .paging li a {display:inline-block; width:38px; height:38px; margin:0 5px; color:#373737; font-size:14px; line-height:38px;} /* 박스 스타일 - 수량 */ .box_qty {display:inline-block; position:relative; vertical-align:top;} .box_qty .form_input {width:59px; padding-right:22px;} .box_qty .btn_ea {position:absolute; right:0; top:0; width:24px; height:34px;} .box_qty .btn_ea a {display:block; width:24px; height:17px; background-repeat:no-repeat; background-position:center;} .box_qty .btn_ea a.ea_up {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/bullet_arrow_up.png')} .box_qty .btn_ea a.ea_down {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/bullet_arrow_down.png')} /* 컬러칩 리스트 */ .color_option {position:relative; font-size:0;} .color_option:after {display:block; clear:both; content:'';} .color_option li {float:left;} .color_option li a {display:block; width:48px; height:48px; margin-right:13px; border:7px solid #fff;} .color_option li a > span {display:none; position:absolute; top:50%; right:0; color:#8a8a8a; font-size:16px; transform:translateY(-50%);} .color_option li a.on:before {display:block; width:34px; height:34px; background:transparent; border:1px solid #ddd; content:'';} .color_option li a.selected:after {display:block; width:48px; height:48px; margin:-7px 0 0 -7px; background:transparent; border:1px solid #373737; content:'';} .color_option li a.selected.img_chip:after {margin-top:-41px;} .color_option li a.on:after {margin:-41px 0 0 -7px; content:'';} .color_option li a.selected > span {display:block;} .color_option li a img {width:100%; height:auto;} .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:48px; margin-right:10px; padding:0 25px; border:1px solid #ddd; color:#8a8a8a; font-size:16px; line-height:46px; text-align:center;} .text_option li a.selected {border:1px solid #373737; color:#373737;} .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 {padding-bottom:20px; font-weight:bold; text-align:left;} .tbl_col > thead > tr > th {padding:9px 0; background:#f5f5f5; color:#333; font-size:14px; font-weight:400; text-align:center; vertical-align:middle;} .tbl_col > tbody > tr > td {padding:10px 0 8px; border-bottom:1px solid #e6e6e6; color:#333; font-size:13px; font-weight:300; text-align:center; vertical-align:middle;} .tbl_col > tbody > tr > td * {color:inherit;} .tbl_col > tbody > tr > td img {vertical-align:middle;} .tbl_col > tbody > tr > td.tal {padding-left:15px !important;} .tbl_col > tbody > tr > td.img img {width:100px; height:auto;} .tbl_col > tbody > tr > td.order_number a {text-decoration:underline;} /* 테이블 스타일 - 가로 - 장바구니 */ .tbl_col.prd > tbody > tr > td {padding:15px 0 14px; color:#808080;} .tbl_col.prd > tbody > tr > td.tal, .tbl_col.prd > tbody > tr > td.total {color:#333;} .tbl_col.prd > tbody > tr > td .btn_edit {display:block; width:80px; height:25px; margin:9px auto 0; border:1px solid #e6e6e6; text-align:center;} .tbl_col.prd > tbody > tr > td .btn_edit a {display:block; color:#1a1a1a; font-size:13px; line-height:23px;} .tbl_col.prd > tbody > tr > td.qty .btn_edit {margin-top:4px; border-color:#f2f2f2; background:#f2f2f2;} .tbl_col.prd > tbody > tr > td.qty .box_qty {width:80px; height:25px; border:1px solid #e6e6e6;} .tbl_col.prd > tbody > tr > td.qty .box_qty .form_input {width:78px; height:23px; padding:0 23px; border:0; color:#1a1a1a; font-size:13px; text-align:center; line-height:23px;} .tbl_col.prd > tbody > tr > td.qty .box_qty .ea_ctrl {position:absolute; top:0; width:23px; height:23px; background-repeat:no-repeat; background-position:center;} .tbl_col.prd > tbody > tr > td.qty .box_qty .ea_up {right:0; background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/button/ea_up2.gif');} .tbl_col.prd > tbody > tr > td.qty .box_qty .ea_down {left:0; background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/button/ea_down2.gif');} .tbl_col.prd > tbody > tr > td.delete_wish p {width:80px; height:25px; margin:5px auto 0; border:1px solid #e6e6e6;} .tbl_col.prd > tbody > tr > td.delete_wish p:first-child {margin-top:0;} .tbl_col.prd > tbody > tr > td.delete_wish p a {display:block; color:#333; line-height:23px;} .tbl_col.prd > tbody > tr > td .btn_delivery {margin:4px 0;} /* 테이블 스타일 - 가로 - 마이페이지 */ .tbl_col.my > thead > tr > th {padding:13px 0; background:#f5f5f5; color:#373737; font-size:16px; font-weight:600;} .tbl_col.my > tbody > tr > td, .tbl_col.my > tbody > tr > td * {color:#333; font-size:14px; text-decoration:none; font-weight:400;} .tbl_col.my > tbody > tr > td {padding:14px 0; border-bottom:1px solid #ededed;} .tbl_col.my > tbody > tr > td.empty {color:#8a8a8a;} /* 테이블 스타일 - 가로 - 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_col.board > tbody > tr > td.subject img {vertical-align:middle;} .tbl_col.board > tbody > tr > td .best {display:inline-block; margin-right:5px; padding:3px 5px; background:#f00; color:#fff;} .tbl_col.board > tbody > tr > td.writer img {height:20px; vertical-align:middle;} .tbl_col.board > tbody > tr > td.qnarev_cnt img {max-width:300px !important;} /* 테이블 스타일 - 세로 */ .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:#999; font-size:11px;} .tbl_order td .own_mileage, .tbl_order td .own_deposit {color:#d53838; line-height:35px;} .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;} .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;} /*-----------------------------------------------------------------*/ /* 2-2. button /*-----------------------------------------------------------------*/ /* 버튼스타일 - 기본 */ .box_btn {display:inline-block; text-align:center; vertical-align:top;} .box_btn > * {display:inline-block; margin:0; padding:8px 12px; border:1px solid #676767; outline:none; background:#666; color:#fff !important; font-size:12px; font-family:"Malgun Gothic","맑은 고딕","Dotum","돋움", AppleGothic,sans-serif; font-weight:normal; 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:12px 16px; font-size:14px;} .box_btn.huge > * {padding:16px 20px; font-size:16px;} .box_btn.huge2 > * {padding:13px 20px; font-size:16px;} .box_btn.huge3 > * {padding:23px 20px; font-size:16px;} /* 버튼스타일 - 가로길이 */ .box_btn.block {display:block;} .box_btn.block > * {width:100%;} .box_btn.w50 > * {width:50px;} .box_btn.w60 > * {width:60px;} .box_btn.w75 > * {width:75px;} .box_btn.w80 > * {width:80px;} .box_btn.w100 > * {width:100px;} .box_btn.w125 > * {width:125px;} .box_btn.w150 > * {width:150px;} .box_btn.w160 > * {width:160px;} .box_btn.w161 > * {width:161px;} .box_btn.w170 > * {width:170px;} .box_btn.w175 > * {width:175px;} .box_btn.w175.large > * {padding:12px 0;} .box_btn.w181 > * {width:181px;} .box_btn.w190 > * {width:190px;} .box_btn.w200 > * {width:200px;} .box_btn.w206 > * {width:206px;} .box_btn.w220 > * {width:220px;} .box_btn.w225 > * {width:225px;} .box_btn.w250 > * {width:250px;} .box_btn.w275 > * {width:275px;} .box_btn.w300 > * {width:300px;} .box_btn.w325 > * {width:325px;} .box_btn.w350 > * {width:350px;} /* 버튼스타일 - 색상 */ .box_btn.white * {border-color:#c3c3c3; background:#fff; color:#666 !important;} .box_btn.white2 * {border-color:#434343; background:#fff; color:#000 !important;} .box_btn.white3 * {border-color:#fff; background:#fff; color:#666 !important;} .box_btn.white4 * {border-color:#c9c9c9; background:#fff; color:#333 !important;} .box_btn.white5 * {border-color:#ededed; background:#fff; color:#333 !important;} .box_btn.white6 * {border-color:#1c1b1b; background:#fff; color:#1c1b1b !important;} .box_btn.white7 * {border-color:#ddd; background:#fff; color:#333 !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.gray:hover *, .box_btn.gray:active *, .box_btn.gray:focus * {background:#dadada;} .box_btn.gray2 * {border-color:#434343; background:#434343; color:#fff !important;} .box_btn.gray3 * {border-color:#f2f2f2; background:#f2f2f2; color:#8a8a8a !important;} .box_btn.red * {border-color:#C90000; background:#C90000; color:#fff !important;} .box_btn.red:hover *, .box_btn.red:active *, .box_btn.red:focus * {background:#a90000;} .box_btn.black * {border-color:#404040; background:#404040; color:#fff !important;} .box_btn.black2 * {border-color:#373737; background:#fff; color:#373737 !important;} .box_btn.black3 * {border-color:#373737; background:#373737; color:#fff !important;} .box_btn.black4 * {border-color:#1c1b1b; background:#1c1b1b; color:#fff !important;} /* 버튼스타일 - 텍스트 */ .box_btn.strong * {font-weight:bold;} /*-----------------------------------------------------------------*/ /* 2-3. product /*-----------------------------------------------------------------*/ /* 상품스타일 - 기본 */ .prd_basic {display:table; width:100%; font-size:0; text-align:left !important;} .prd_basic > li {display:inline-block; padding-bottom:56px; text-align:center; vertical-align:top;} .prd_basic.col3 {display:block; width:auto; margin-right:-55px;} .prd_basic.col2 > li {width:50%;} .prd_basic.col3 > li {width:33.33%; padding-right:55px;} .prd_basic.col4 > li {width:25%;} .prd_basic.col5 > li {width:20%;} .prd_basic.col6 > li {width:16.66%;} .prd_basic .box {position:relative; width:100%; margin:0 auto;} .prd_basic .box .btn_wish {display:none; position:absolute; top:0; right:0; z-index:15;} .prd_basic .box .btn_wish a {display:block; width:17px; height:16px; padding:20px 21px; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/shop/icon_wish.png') no-repeat center; color:transparent; font-size:0; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;} .prd_basic .box .img {overflow:hidden; position:relative; z-index:1; width:100%; margin:0 auto; text-align:center;} .prd_basic .box .img .prdimg img {width:100%; height:auto;} .prd_basic .box .img .best_icon {display:none; position:absolute; top:0; left:0; width:60px; height:40px; padding:0 5px; background-color:rgba(0,0,0,0.5); color:#fff; text-align:center; line-height:40px;} .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; padding:0;} .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 {text-align:center;} .prd_basic .box .info .chip_box {padding-top:20px; font-size:0;} .prd_basic .box .info .chip_box .color_box {display:inline-block; width:16px; height:16px; margin-right:4px; vertical-align:top;} .prd_basic .box .info .chip_box .color_box img {width:100%; height:auto;} .prd_basic .box .info .chip_box .color_box.on {border:1px solid #333;} .prd_basic .box .name {padding:20px 0 7px;} .prd_basic .box .name a {color:#333; font-size:17px; font-weight:400;} .prd_basic .box .price {padding-bottom:4px;} .prd_basic .box .price span {color:#373737; font-size:17px; font-weight:400; word-break:break-all; word-wrap:break-word;} .prd_basic .box .price span * {color:inherit;font-size:17px;} .prd_basic .box .price .sell {color:#373737; font-size:17px; font-weight:400; word-break:break-all; word-wrap:break-word;} .prd_basic .box .price .consumer {color:#8c8c8c; font-size:14px; text-decoration:line-through;} /* .prd_basic .box .price .retail span {color:#c4c4c4; font-size:14px;} .prd_basic .box .price .retail {display:none;} .prd_basic .box .price .retail * {color:#8c8c8c; text-decoration:line-through;} .prd_basic .box .price.Y .retail, .prd_basic .box .price .retail.type1 {display:block;} .prd_basic .box .price .retail.type1 .type0_prc {display:none;} .prd_basic .box .price .retail.type1 .type1_prc {display:block;} .prd_basic .box .price.Y .retail.type1 .type0_prc {display:none !important;} .prd_basic .box .price.Y .retail.type1 .type1_prc {display:block !important;} .prd_basic .box .price.Y .retail .type0_prc {display:block !important;} .prd_basic .box .price.Y .retail .type1_prc {display:none !important;} */ .prd_basic .box .summary {display:none; padding:22px 0 9px; color:#999; line-height:18px; 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 {padding-top:2px;} .prd_basic .box .icon img {margin-left:8px;} .prd_basic .box .icon img:first-child {margin-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;} /* 상품스타일 - 기본 - 슬라이드 */ .prd_basic.slide {display:none;} .prd_basic.slide.slick-initialized {display:block;} .prd_basic.slide .slick-arrow {position:absolute; top:50%; width:24px; height:88px; margin-top:-44px; background-color:transparent; background-repeat:no-repeat; background-position:center;} .prd_basic.slide .slick-prev {left:-44px; background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/button/slide_prev.png');} .prd_basic.slide .slick-next {right:-44px;background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/button/slide_next.png');} /* 상품스타일 - 관심상품, 관련상품 */ .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 {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient: vertical; color:#888; font-size:11px;} /*-----------------------------------------------------------------*/ /* 3. Layout /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* 3-1. wrapper /*-----------------------------------------------------------------*/ #wrapper {overflow:hidden; position:relative; min-width:1280px; text-align:left;} #container {overflow:hidden;} .wrap_inner {width:1280px; margin:0 auto;} /* 컨텐츠 사이즈 */ .wrap_inner2 {min-width:1200px; width:100%; max-width:1400px; margin:0 auto;} .wrap_inner3 {min-width:1200px; width:100%; max-width:1600px; margin:0 auto;} /*-----------------------------------------------------------------*/ /* 3-2. header /*-----------------------------------------------------------------*/ #top_bnr {text-align:center;} #top_bnr img {width:100%; height:auto;max-width:1920px;} #header {width:100%; max-width:1920px; height:100px; margin:0 auto; background:#fff;} #header .gnb {position:relative; width:inherit; height:inherit; background:inherit;} #header .gnb > .wrap_inner2 {position:relative;} #header .gnb h1, #header .gnb .gnb_menu {display:inline-block; vertical-align:top;} #header .gnb h1 {margin-top:40px; text-align:left;} #header .gnb .gnb_menu {padding-left:80px; font-size:0;} #header .gnb .gnb_menu > li {display:inline-block; padding-right:40px; vertical-align:top;} #header .gnb .gnb_menu > li a {display:block; color:#333; font-size:14px; font-weight:700; letter-spacing:0.06rem; line-height:100px;} /* my_menu */ #header .gnb .my_menu {display:inline-block; float:right; font-size:0; vertical-align:top;} #header .gnb .my_menu > li {display:inline-block; position:relative; margin-right:40px; vertical-align:top;} #header .gnb .my_menu > li > a {display:block; padding-right:16px; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/hd_down.png') no-repeat center right; color:#333; font-size:14px; font-weight:400; letter-spacing:0.06rem; line-height:100px;} #header .gnb .my_menu > li.cart {position:relative; margin:0;} #header .gnb .my_menu > li.cart a {min-width:22px; padding:0; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/hd_cart.png') no-repeat center right; text-indent:-9999px;} #header .gnb .my_menu > li.cart span {position:absolute; top:35px; right:-11px; width:19px; height:19px; border-radius:50%; background:#333; color:#fff; font-size:13px; line-height:17px; text-align:center;} #header .gnb .my_menu > li .my_sub {display:none; position:absolute; top:101px; left:50%; z-index:30; min-width:135px; padding:26px 0 18px 30px; background:rgba(255,255,255,0.88); transform:translateX(-50%);} #header .gnb .my_menu > li .my_sub:after {position:absolute; top:-1px; width:100%; height:1px; background:transparent; content:'';} #header .gnb .my_menu > li .my_sub > li a {display:block; padding-bottom:9px; color:#666; letter-spacing:0.06rem;} /* hover */ #header .gnb .my_menu > li:hover > .my_sub {display:block;} /* menu srch */ #header .gnb .all_menu {display:block; position:absolute; width:20px; height:16px; top:130px; left:0; z-index:30;} #header .gnb .all_menu > a {display:block; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/hd_menu.png') no-repeat center; text-indent:-9999px;} #header .gnb .all_menu > a.active {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/hd_close.png');} #header .gnb .search {position:absolute; top:122px; right:0; z-index:20; width:230px; } #header .gnb .search input {display:inline-block; vertical-align:top;} #header .gnb .search .basic_search {max-width:196px; background:transparent; border:1px solid #333; border-width:0 0 1px; color:#000; font-size:13px;} #header .gnb .search .btn {padding:7px 0 0 8px;} #header .gnb.fixed {position:fixed; top:0; left:0; z-index:100; width:100%; height:inherit; background:inherit;} /* lnb */ #header .gnb .lnb {display:none; overflow:hidden; position:fixed; overflow-y:scroll; top:100px; left:0; z-index:20; min-width:566px; height:100%; padding:0 0 140px 260px; background:rgba(255,255,255,0.88); } #header .gnb .lnb::-webkit-scrollbar {display:none;} #header .gnb .lnb .lnb_menu {padding:130px 0 0;} #header .gnb .lnb .lnb_menu li {padding-bottom:15px;} #header .gnb .lnb .lnb_menu li.collection a {cursor:default;} #header .gnb .lnb .lnb_menu li > a {color:#454545; font-size:22px; font-weight:700;} /* cate_list */ #header .gnb .lnb .cate_list {padding:8px 0 14px;} #header .gnb .lnb .cate_list li {padding-bottom:12px;} #header .gnb .lnb .cate_list li > a {color:#1c1b1b; font-size:14px;} #header .gnb .lnb .cate_list li.look_book {padding-top:20px;} #header .gnb .lnb .cate_list li.look_book > a {color:#454545; font-size:15px; font-weight:700;} /* link_cont */ #header .gnb .lnb .lnb_vip {padding:32px 0 21px;} #header .gnb .lnb .link_cont > p, #header .gnb .lnb .link_cont > p > span {font-size:22px; font-weight:700;} #header .gnb .lnb .link_cont > p {padding-bottom:3px; color:#454545;} #header .gnb .lnb .link_cont > p > span {color:#b5a17e;} #header .gnb .lnb .link_cont > span > a {color:#1c1b1b; font-size:14px; font-weight:300;} /*-----------------------------------------------------------------*/ /* 3-3. content /*-----------------------------------------------------------------*/ #cnt {padding-bottom:50px; min-height:500px;} #cnt .cntbody {min-width:1200px; width:100%; max-width:1400px; margin:0 auto;} .bnr_img img {width:100%; height:auto;} /*-----------------------------------------------------------------*/ /* 3-4. footer /*-----------------------------------------------------------------*/ #footer {margin:100px 0 50px; border-top:1px solid #e9e9e9; text-align:center;} #footer .ft_menu {padding-top:45px; font-size:0;} #footer .ft_menu li {display:inline-block; padding:0 17px; vertical-align:top;} #footer .ft_menu li a {color:#333; font-size:13px; font-weight:400;} #footer .copyright {padding-top:30px;} #footer .copyright.bottom {padding-top:8px;} #footer .copyright, #footer .copyright a {color:#333; font-size:13px;} #footer .copyright a:hover {color:#3fc0e5;} #footer .copyright strong {color:#3fc0e5; font-size:13px;} #footer .escrow, #footer .escrow a {color:#333; font-size:13px;} #footer .escrow {padding-top:2px;} #footer .information {padding-top:18px;} #footer .information .info span {padding:0 7px; color:#8d8d8d; font-size:13px; font-style:normal;} #footer .information .info span a {color:#8d8d8d; font-size:13px; font-style:normal;} #btn_top {position:fixed; bottom:100px; right:10px; z-index:35; cursor:pointer;} #btn_top .ft_sns {width:50px; height:50px;} #btn_top .ft_sns > a {display:block; width:50px; height:50px; background-size:100% auto; background-repeat:no-repeat; background-position:center; text-indent:-9999px;} #btn_top .ft_kakao {margin-top:8px;} #btn_top .ft_insta > a {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/button/scroll_insta.png');} #btn_top .ft_kakao > a {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/button/scroll_kakao.png');} #btn_top .scroll_btn {width:50px; height:30px;} #btn_top .scroll_btn > a {display:block; width:50px; height:30px; background-repeat:no-repeat; background-position:center; text-indent:-9999px;} #btn_top .btn_up {margin:9px 0 12px;} #btn_top .btn_up > a {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/button/scroll_up.png');} #btn_top .btn_down > a {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/button/scroll_down.png');} /*-----------------------------------------------------------------*/ /* 4. Page /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* 4-1. 메인 /*-----------------------------------------------------------------*/ #main {width:100%; max-width:1920px; margin:0 auto;} #main .main_visual {width:100%; margin-bottom:140px;} #main .main_visual .slick-dots {position:absolute; bottom:30px; left:0; width:100%; font-size:0; text-align:center;} #main .main_visual .slick-dots li {display:inline-block; *display:inline; *zoom:1; margin:0 6.5px; border-radius:0;} #main .main_visual .slick-dots li button {width:55px; height:1px; padding:0; border:0; border-radius:0; background:transparent; background-color:rgba(255,255,255,0.3); color:transparent; font-size:0;} #main .main_visual .slick-dots li.slick-active button {background-color:rgba(255,255,255,1);} #main .btn {text-align:center;} #main .btn .box_btn a {font-size:18px; line-height:39px;} /*-----------------------------------------------------------------*/ /* 4-2. 상점 /*-----------------------------------------------------------------*/ /* 상품목록(/shop/big_section.php) */ .cate_title_img {margin-top:90px;} .cate_title_img img {width:100%; height:auto;} .namu_visual {7display:none;} .namu_visual .slick-arrow {position:absolute; top:50%; z-index:5; width:22px; height:42px; margin-top:-21px; background-repeat:no-repeat; background-position:center; background-color:transparent;} .namu_visual .slick-prev {left:50px; background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/main/bnr_prev.png');} .namu_visual .slick-next {right:50px; background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/main/bnr_next.png');} #big_section .best_area {clear:both; margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #e0e0e0;} #big_section .sub_category {text-align:center;} #big_section .sub_category li {display:inline; padding:0 10px;} #big_section .sub_category li a {color:#aaa; font-family:'NunitoSans', 'NotoSansKR'; font-size:14px;} #big_section .sub_category li a:hover, #big_section .sub_category li.active a {color:#444;} /* 상품상세페이지(/shop/detail.php) */ #detail {margin-top:90px;} #detail .wrap_prd {position:relative;} #detail .wrap_prd:after {display:block; clear:both; content:'';} #detail .wrap_prd > .prdimg {float:left; width:720px;} #detail .wrap_prd > .prdimg .img {overflow:hidden; width:720px; height:auto; text-align:center;} #detail .wrap_prd > .prdimg .img img {width:100%; height:auto;} #detail .wrap_prd > .prdimg .addimg {margin-top:10px;} #detail .wrap_prd > .prdimg .addimg .box_add_slide {overflow:hidden; width:720px;} #detail .wrap_prd > .prdimg .addimg .add_slide {display:none; width:720px;} #detail .wrap_prd > .prdimg .addimg .add_slide.slick-initialized {display:block;} #detail .wrap_prd > .prdimg .addimg .add_slide > div img {width:92px; height:92px;} #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('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/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('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/bullet_arrow_next.png') no-repeat center; background-color:rgba(200,200,200,0.5)} #detail .wrap_prd > .info {float:right; width:calc(100% - 720px); padding-left:100px;} #detail .wrap_prd > .info .name .code, #detail .wrap_prd > .info .name {color:#373737; font-size:26px; font-weight:400; line-height:1;} #detail .wrap_prd > .info .icon {padding-top:5px;} #detail .wrap_prd > .info .icon img {margin-left:8px;} #detail .wrap_prd > .info .icon img:first-child {margin-left:0;} #detail .wrap_prd > .info > .price {padding-top:21px;} #detail .wrap_prd > .info > .price p {line-height:1;} #detail .wrap_prd > .info > .price .consumer {padding-bottom:10px; color:#c4c4c4; font-size:16px; font-weight:400; text-decoration:line-through;} #detail .wrap_prd > .info > .price .sell_mileage {display:flex; align-items:center; font-size:0;} #detail .wrap_prd > .info > .price .sell_mileage .sell, #detail .wrap_prd > .info > .price .sell_mileage .det_mileage {display:inline-block;} #detail .wrap_prd > .info > .price .sell {color:#373737; font-size:26px; font-weight:700;} #detail .wrap_prd > .info > .price .det_mileage {padding-left:10px; color:#373737; font-size:16px;} #detail .wrap_prd > .info > .price .det_mileage.on {display:none;} #detail .wrap_prd > .info > .price .member_price {padding:14px 0 10px; color:#eb0004; font-size:16px; font-weight:600;} #detail .wrap_prd > .info > .price .icon {padding:12px 0 16px;} #detail .wrap_prd > .info > .price .coupon {display:inline-block; padding-right:20px; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/shop/download_coupon.png') no-repeat 90% center #676767; cursor:pointer;} #detail .wrap_prd > .info > .price .coupon strong {display:inline-block; padding:2px 5px; background:#363636; color:#fff; font-size:11px; font-weight:normal; letter-spacing:-1px;} #detail .wrap_prd > .info .pop_coupon {display:none; position:fixed; left:50%; top:200px; z-index:5; 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('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/button/hd_close.png') no-repeat center; text-indent:-9999px; cursor:pointer;} #detail .wrap_prd > .info > .summary {position:relative; padding:25px 39px; background:#f2f2f2; border-radius:20px; color:#8a8a8a; font-size:16px;} #detail .wrap_prd > .info > .sub_info {padding:26px 0 15px 40px; border-bottom:1px solid #e6e6e6; color:#8a8a8a; font-size:16px;} #detail .wrap_prd > .info > .wrap_tbl_list {margin-top:20px;} #detail .wrap_prd > .info > .more_info {margin:27px 0 13px;} #detail .wrap_prd > .info > .more_info a {display:block; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/shop/down_icon.png') no-repeat center right; color:#373737; font-size:16px; } #detail .wrap_prd > .info > .more_info a.active {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/shop/up_icon.png');} #detail .wrap_prd > .info > .more_info_cont {padding:20px 21px; background:#f2f2f2; color:#8a8a8a; font-size:14px;} #detail .wrap_prd > .info > .more_info_cont p {padding-bottom:3px; color:#8a8a8a; font-size:14px;} #detail .wrap_prd > .info > .more_info_cont p:last-child {padding:0;} #detail .wrap_prd > .info .list {width:100%;} #detail .wrap_prd > .info .list th {padding-bottom:20px; color:#373737; font-size:16px; font-weight:normal; text-align:left; vertical-align:middle;} #detail .wrap_prd > .info .list td {padding-bottom:20px; font-size:16px; text-align:left; vertical-align:middle;} #detail .wrap_prd > .info .list td select {width:100%; height:48px; padding:0 16px; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/shop/down_icon.png') no-repeat center right 16px; border:1px solid #ddd; color:#8a8a8a; font-size:16px; appearance:none;} #detail .wrap_prd > .info .list td select option:disabled {color:#b2b2b2; font-weight:normal;} #detail .wrap_prd > .info .list td .box_qty {position:relative; width:143px; height:48px; border:1px solid #ddd; background:#fff;} #detail .wrap_prd > .info .list td .box_qty .form_input {width:141px; height:46px; padding:0 48px; border:0; color:#373737; font-size:16px; text-align:center;} #detail .wrap_prd > .info .list td .box_qty .ea_ctrl {position:absolute; top:0; width:48px; height:48px; background-repeat:no-repeat; background-position:center;} #detail .wrap_prd > .info .list td .box_qty .ea_up {right:0; background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/button/ea_up3.gif');} #detail .wrap_prd > .info .list td .box_qty .ea_down {left:0; background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/button/ea_down3.gif');} #detail .wrap_prd > .info .list tr.prd_price td.active {text-decoration:line-through;} #detail .wrap_prd > .info .list .color_option .color_box {display:inline-block; width:20px; height:20px; margin-right:5px;} #detail .wrap_prd > .info .list .color_option .color_box a {display:block; width:100%; height:100%;} #detail .wrap_prd > .info .list .color_option .color_box a.selected {border:1px solid #343434;} #detail .wrap_prd > .info > .multi_opt .selected_list > li {position:relative; height:70px; padding:0; background:#f2f2f2; font-size:0;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .name {display:inline-block; position:absolute; overflow:hidden; top:50%; left:22px; width:190px; min-height:25px; margin-top:-12.5px; color:#8a8a8a; font-size:14px; line-height:25px; word-break:break-all; text-overflow:ellipsis; white-space:nowrap; } #detail .wrap_prd > .info > .multi_opt .selected_list > li .qty_price {position:absolute; top:50%; right:17px; margin-top:-15px; font-size:0;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .qty_price .box_qty, #detail .wrap_prd > .info > .multi_opt .selected_list > li .qty_price .price {display:inline-block; vertical-align:top;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .box_qty {position:relative; width:80px; height:30px; margin-right:20px; border:1px solid #ddd; background:#fff;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .box_qty .form_input {width:78px; height:28px; padding:0 30px; border:0; color:#373737; font-size:14px; text-align:center;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .box_qty .ea_ctrl {position:absolute; top:0; width:30px; height:27px; background-repeat:no-repeat; background-position:center;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .box_qty .ea_up {right:0; background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/button/ea_up2.gif');} #detail .wrap_prd > .info > .multi_opt .selected_list > li .box_qty .ea_down {left:0; background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/button/ea_down2.gif');} #detail .wrap_prd > .info > .multi_opt .selected_list > li .price {position:relative; height:30px; padding-right:24px; text-align:right;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .price .prc {min-width:66px;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .price .prc, #detail .wrap_prd > .info > .multi_opt .selected_list > li .price .prc * {color:#373737; font-size:16px; line-height:30px;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .price .del {position:absolute; top:50%; right:0; margin-top:-5px;} #detail .wrap_prd > .info > .multi_opt .opt_total {position:relative; margin-top:30px; padding:20px 0 26px; border-top:1px solid #ededed; text-align:right;} #detail .wrap_prd > .info > .multi_opt .opt_total .title {position:absolute; left:0; top:50%; color:#373737; font-size:20px; transform:translateY(-50%);} #detail .wrap_prd > .info > .multi_opt .opt_total span, #detail .wrap_prd > .info > .multi_opt .opt_total span * {color:#373737; font-size:24px;} #detail .wrap_prd > .info > .btn {display:flex; justify-content:space-between; font-size:0;} #detail .wrap_prd > .info > .btn .box_btn {display:inline-block; vertical-align:top;} #detail .wrap_prd > .info > .btn .box_btn * {font-size:20px; line-height:42px;} #detail .wrap_prd > .info > .btn .box_btn.wish a {display:block; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/shop/detail_wish.png') no-repeat center; text-indent:-9999px;} #detail .wrap_prd > .info > .btn .pay {margin-top:20px; text-align:right;} #detail .wrap_prd > .info > .btn .pay .npay {float:left;} #detail.reaper .wrap_prd > .info > .btn .pay .npay {display:none;} #detail .wrap_prd > .info > .btn .pay .payco {float:left;} #detail .wrap_prd > .info > .btn .pay:after {display:block; clear:both; content:'';} #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.facebook {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/shop/icon_facebook.png');} #detail .wrap_prd > .info > .count_share .sns a.twitter {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/shop/icon_twitter.png');} #detail .wrap_prd > .info > .store_pickup {position:relative; text-align:center; margin-top:20px;} #detail .wrap_prd > .info > .store_pickup > img {cursor:pointer;} #detail .wrap_prd > .info > .store_pickup .pickup_pop {display:block; position:absolute; top:-350px; left:-540px; z-index:10; width:528px;} #detail .wrap_prd > .info > .store_pickup .pickup_pop h1 {position:relative; padding:25px 0; background:#f7f7f7; color:#404040; font-size:18px; font-weight:normal; text-align:center;} #detail .wrap_prd > .info > .store_pickup .pickup_pop h1 .colse {position:absolute; top:30px; right:32px; z-index:11; cursor:pointer;} #detail .wrap_prd > .info > .store_pickup .pop_inner {padding:25px 40px 40px; border:1px solid #e6e6e6; border-top:0; background:#fff;} #detail .wrap_prd > .info > .store_pickup .pop_inner table {width:100%;} #detail .wrap_prd > .info > .store_pickup .pop_inner table th {padding-top:18px; color:#404040; font-size:16px; font-weight:normal; text-align:left; vertical-align:top;} #detail .wrap_prd > .info > .store_pickup .pop_inner table td {padding:5px 0;} #detail .wrap_prd > .info > .store_pickup .pop_inner table td .calendar_wrap {position:relative; width:100%; height:50px; border:1px solid #e6e6e6; font-size:15px; text-align:center; line-height:50px;} #detail .wrap_prd > .info > .store_pickup .pop_inner table td .calendar_wrap .calendar_icon {position:absolute; top:14px; right:11px; cursor:pointer;} #detail .wrap_prd > .info > .store_pickup .pop_inner table td .shop_info {width:100%; padding:20px; border:1px solid #e6e6e6; font-size:15px;} #detail .wrap_prd > .info > .store_pickup .pop_inner table td select {width:100%; height:50px; padding:0 16px; font-size:15px; line-height:50px;} #detail .wrap_prd > .info > .store_pickup .pop_inner .msg {margin:23px 0 40px; padding-left:30px; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/shop/pickup_pop_msg.gif') no-repeat left center; color:#404040; font-size:15px;} #detail .wrap_prd > .info > .store_pickup .pop_inner .pop_btn {font-size:0;} #detail .wrap_prd > .info > .store_pickup .pop_inner .pop_btn .box_btn {width:49%;} #detail .wrap_prd > .info > .store_pickup .pop_inner .pop_btn .box_btn a {width:100%; padding:21px 0; color:#fff; font-size:18px;} #detail .wrap_prd > .info > .store_pickup .pop_inner .pop_btn .box_btn:nth-child(1) a {border-color:#404040; background:#404040;} #detail .wrap_prd > .info > .store_pickup .pop_inner .pop_btn .box_btn:nth-child(2) {float:right;} #detail .wrap_prd > .info > .store_pickup .pop_inner .pop_btn .box_btn:nth-child(2) a {border-color:#999; background:#999;} #detail .wrap_info {clear:both; margin-top:90px;} #detail .wrap_info .tab_area {height:42px;} #detail .wrap_info .tab_area > .tab {font-size:0;} #detail .wrap_info .tab_area > .tab.fixed {position:fixed; top:100px; left:50%; width:100%; max-width:1400px; height:inherit; z-index:40; background:#fff; transform:translateX(-50%);} #detail .wrap_info .tab_area > .tab li {display:inline-block; width:25%; vertical-align:top; text-align:center;} #detail .wrap_info .tab_area > .tab li a {display:block; padding-bottom:14px; border-bottom:1px solid #ededed; color:#8a8a8a; font-size:17px; cursor:pointer;} #detail .wrap_info .tab_area > .tab li a.active {color:#373737; } #detail .wrap_info .detail_info {padding-top:40px;} #detail .wrap_info .info_btn {border-bottom:1px solid #ededed; } #detail .wrap_info .info_btn.last {} #detail .wrap_info .info_btn a {display:block; padding:23px 0 20px; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/shop/detail_down.png') no-repeat bottom 37px right; color:#1c1b1b; font-size:20px;} #detail .wrap_info .info_btn a.active {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/shop/detail_up.png');} #detail .wrap_info .detail_txt_info {display:none; padding:60px 0; text-align:center;} #detail .wrap_info .qna_title {position:relative; margin:0 0 20px; text-align:left;} #detail .wrap_info .qna_title p, #detail .wrap_info .qna_title p > strong {color:#373737; font-size:20px;} #detail .wrap_info .qna_title .box_btn {position:absolute; bottom:0;} #detail .wrap_info .qna_title .box_btn.child0 {right:90px;} #detail .wrap_info .qna_title .box_btn.child1 {right:0;} #detail .wrap_info .qna_title .box_btn * {padding:6px 12px;} #detail .wrap_info .tabcnt_detail1 {padding-top:10px;} #detail .wrap_info .detail_txt_info {max-width:1000px; margin:0 auto;} #detail .wrap_info .detail_txt_info3 .tbl_col {border-top:1px solid #373737;} #detail .wrap_info .detail_txt_info3 .tbl_col thead tr > th {display:none;} #detail .wrap_info .detail_txt_info3 .tbl_col tbody tr > td {border-bottom:1px solid #ededed; text-align:left;} #detail .wrap_info .detail_txt_info3 .tbl_col tbody tr.cont_tr > td {padding:17px 0;} #detail .wrap_info .detail_txt_info3 .tbl_col tbody tr > td .sub_title, #detail .wrap_info .detail_txt_info3 .tbl_col tbody tr > td .sub_title a {color:#373737; font-size:16px; font-weight:400;} #detail .wrap_info .detail_txt_info3 .tbl_col tbody tr > td .sub_date {color:#8a8a8a; font-size:14px; font-weight:400;} #detail .wrap_info .detail_txt_info3 .paging {margin-top:40px;} #detail .wrap_info .detail_txt_info .qnarev_list .qnarev_cnt {padding:0; border:0;} #detail .wrap_info .detail_txt_info .qnarev_list .qnarev_cnt > div {display:none; position:relative; padding:40px; background:#f7f7f7; border-bottom:1px solid #ededed; text-align:left; word-break:break-all; word-wrap:break-word;} #detail .wrap_info .detail_txt_info .qnarev_list .qnarev_cnt .question, #detail .wrap_info .detail_txt_info .qnarev_list .qnarev_cnt .answer {position:relative; min-height:40px; padding-left:20px;} #detail .wrap_info .detail_txt_info .qnarev_list .qnarev_cnt .question {padding:0 0 20px 0; border-bottom:1px solid #e5e5e5; color:#8a8a8a; font-size:14px; font-weight:400;} #detail .wrap_info .detail_txt_info .qnarev_list .qnarev_cnt .question img {max-width:100%; height:auto;} #detail .wrap_info .detail_txt_info .qnarev_list .qnarev_cnt .answer {margin-top:20px; color:#373737; font-size:14px; font-weight:400;} #detail .wrap_info .detail_txt_info .qnarev_list .qnarev_cnt .icon {display:none;} #detail .wrap_info .detail_txt_info .qnarev_list .qnarev_cnt .answer .icon {background:#ef6363;} #detail .wrap_info .detail_txt_info .qnarev_list .qnarev_cnt .comment {padding-top:20px;} #detail .wrap_info .detail_txt_info .qnarev_list .qnarev_cnt .btn {position:absolute; top:0px; right:150px; } #detail .wrap_info .detail_txt_info .qnarev_list .qnarev_cnt .btn.edit_submit {top:7px; right:40px;} #detail .wrap_info .detail_txt_info .qnarev_list .qnarev_cnt .btn .box_btn, #detail .wrap_info .detail_txt_info .qnarev_list .qnarev_cnt .btn .box_btn input {text-align:center;} #detail .wrap_info .detail_txt_info .qnarev_list .qnarev_cnt .btn .box_btn a {width:auto; padding:0; background:transparent; border:none; font-size:14px;} #detail .wrap_info .detail_txt_info .qnarev_list .qnarev_cnt .btn .box_btn.qna_edit a {color:#8a8a8a;} #detail .wrap_info .detail_txt_info .qnarev_list .qnarev_cnt .btn .box_btn.qna_del a {margin-left:25px; color:#373737;} #detail .wrap_info .detail_txt_info4 .tbl_col {border-top:1px solid #373737; } #detail .wrap_info .detail_txt_info4 .tbl_col * {text-align:left;} #detail .wrap_info .detail_txt_info4 .tbl_col thead > tr > th {display:none;} #detail .wrap_info .detail_txt_info4 .tbl_col tbody > tr.rev_cont > td {padding:26px 0;} #detail .wrap_info .detail_txt_info4 .tbl_col tbody > tr > td .rev_box {position:relative;} #detail .wrap_info .detail_txt_info4 .tbl_col tbody > tr > td .rev_box .rev_title {padding-bottom:3px;} #detail .wrap_info .detail_txt_info4 .tbl_col tbody > tr > td .rev_box .rev_title a {color:#333; font-size:16px; font-weight:400;} #detail .wrap_info .detail_txt_info4 .tbl_col tbody > tr > td .rev_box .file {position:absolute; top:50%; right:34px; transform:translateY(-50%);} #detail .wrap_info .detail_txt_info4 .qnarev_list .qnarev_cnt .btn {padding-top:10px;} #detail .wrap_info .detail_txt_info4 .qna_title {min-height:30px; margin-bottom:20px;} #detail .wrap_info .detail_info, #detail .wrap_info .common_info {word-break:break-all;} #detail .wrap_info .detail_info {} #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;} /* reaper */ #detail .wrap_info .title_related {padding-bottom:40px; color:#333; font-size:20px; font-weight:normal; text-align:center;} #detail .wrap_info .ref_prd {padding-top:20px;} #detail .wrap_info .ref_prd .prd_basic > li {padding-bottom:50px;} #detail .wrap_info .ref_prd .prd_basic .box {width:200px;} #detail .wrap_info .ref_prd .prd_basic .info {padding-top:22px;} #detail .wrap_info .ref_prd .prd_basic .info .number {display:none;} #detail .wrap_info .ref_prd .prd_basic .name {padding-top:0;} #detail .wrap_info .ref_prd .prd_basic .prd_opt {display:none;} #detail .wrap_info .ref_prd .prd_basic .buy {display:none;} #detail .reaper_total {display:none;} #detail.reaper .wrap_info .ref_prd .title_related {display:none;} #detail.reaper .wrap_info .ref_prd .title_related.reaper_name {display:block;} #detail.reaper .wrap_info .ref_prd .prd_basic > li {display:block; width:50%; text-align:left; float:left;} #detail.reaper .wrap_info .ref_prd .prd_basic:after {display:block; content:''; clear:both;} #detail.reaper .wrap_info .ref_prd .prd_basic .box {float:left; width:100%; padding:38px 0; border-bottom:1px solid #ececec; margin:0 !important;} #detail.reaper .wrap_info .ref_prd .prd_basic .box .img {display:inline-block; width:300px; text-align:left; vertical-align:middle;} #detail.reaper .wrap_info .ref_prd .prd_basic .box .img img {width:100%; height:auto;} #detail.reaper .wrap_info .ref_prd .prd_basic .info {display:inline-block; margin-left:28px; padding:0; vertical-align:middle; text-align:left;} #detail.reaper .wrap_info .ref_prd .prd_basic .info .number {display:block; font-size:15px;} #detail.reaper .wrap_info .ref_prd .prd_basic .info .number span {font-size:15px;} #detail.reaper .wrap_info .ref_prd .prd_basic .info .code {display:inline-block; font-size:13px;} #detail.reaper .wrap_info .ref_prd .prd_basic .name {display:inline-block;} #detail.reaper .wrap_info .ref_prd .prd_basic .name a {font-size:13px;} #detail.reaper .wrap_info .ref_prd .prd_basic .price {} #detail.reaper .wrap_info .ref_prd .prd_basic .price .sell strong {font-size:15px;} #detail.reaper .wrap_info .ref_prd .prd_basic .price .consumer {display:inline-block; margin-left:10px; font-size:15px; color:#989898; text-decoration:line-through;} #detail.reaper .wrap_info .ref_prd .prd_basic .prd_opt {display:block;} #detail.reaper .wrap_info .ref_prd .prd_basic .prd_opt th {padding-bottom:20px; text-align:left; vertical-align:middle;} #detail.reaper .wrap_info .ref_prd .prd_basic .prd_opt select {display:block; width:170px; margin-bottom:20px; background-position:right 10px; color:#333;} #detail.reaper .wrap_info .ref_prd .prd_basic .buy {display:inline-block;} #detail.reaper .wrap_info .ref_prd .prd_basic .buy h3 {width:108px;} #detail.reaper .wrap_info .ref_prd .prd_basic .buy > * {display:inline-block; vertical-align:middle;} #detail.reaper .wrap_info .ref_prd .prd_basic .buy .box_qty {margin-right:18px;} #detail.reaper .btn_bottom {margin-bottom:50px; text-align:right;} #detail.reaper .btn_bottom .box_btn a {font-size:20px; line-height:42px;} #detail.reaper .reaper_total {display:block; width:100%; padding:30px 0; text-align:right;} #detail.reaper .reaper_total dl {display:inline-block; width:420px; font-size:0;} #detail.reaper .reaper_total dl > * {display:inline-block; width:50%; font-size:15px; vertical-align:middle;} #detail.reaper .reaper_total dl dt {text-align:left;} #detail.reaper .reaper_total dl dd {font-size:20px;} #detail.reaper .list, #detail.reaper .btn .cart, #detail.reaper .btn .buy, #detail.reaper .wrap_prd > .info > .multi_opt .opt_total, #detail.reaper .wrap_prd > .info > .price .sell_mileage {display:none !important;} /* 퀵프리뷰 - 팝업(/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('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/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;} /* 장바구니(/shop/cart.php) */ #cart .cart_tab {margin:20px 0 40px; font-size:0; text-align:center;} #cart .cart_tab li {display:inline-block;} #cart .cart_tab li a {display:block; width:200px; padding:10px 0; border:1px solid #ddd;} #cart .cart_tab li:first-child a {border-right:none;} #cart .cart_tab li.active a {background:#fafafa;} /* tbl */ #cart .tbl_col > thead > tr > th {padding:12px 0; border-top:1px solid #373737; border-bottom:1px solid #ededed; background:#fff; color:#373737; font-size:16px; font-weight:400;} #cart .tbl_col > tbody > tr > td {padding:20px 0 19px; border-bottom:1px solid #ededed;} #cart .tbl_col > tbody > tr > td, #cart .tbl_col > tbody > tr > td * {color:#333; font-size:14px; font-weight:400;} #cart .tbl_col > tbody > tr > td .btn_edit {height:30px; margin:14px 0 0; border:1px solid #ddd;} #cart .tbl_col > tbody > tr > td .btn_edit a {line-height:30px;} #cart .tbl_col > tbody > tr > td .btn_edit.child0 {margin:8px auto 0; border:none;} #cart .tbl_col > tbody > tr > td .btn_edit.child0 a {background:#f2f2f2;} #cart .tbl_col > tbody > tr > td .cart_vip_mile {color:#aa9a79; font-size:14px;} #cart .tbl_col > tbody > tr > td.qty .box_qty {height:30px;} #cart .tbl_col > tbody > tr > td.qty .box_qty .form_input {height:28px;} #cart .tbl_col > tbody > tr > td.qty .box_qty .ea_ctrl {height:28px;} #cart .tbl_col > tbody > tr > td.delete_wish p {height:30px; border:none;} #cart .tbl_col > tbody > tr > td.delete_wish p:last-child {margin-top:8px;} #cart .tbl_col > tbody > tr > td.delete_wish p > a {border:1px solid #ddd; color:#8a8a8a; font-size:14px; line-height:30px;} #cart .total_box {padding:50px 0 55px; border-bottom:1px solid #373737; text-align:center;} #cart .total_box .order_price {width:100%; font-size:0;} #cart .total_box .order_price li {display:inline-block; position:relative; padding-right:107px; vertical-align:top;} #cart .total_box .order_price li:last-child {padding-right:0;} #cart .total_box .order_price li .box {text-align:center;} #cart .total_box .order_price li .box .txt, #cart .total_box .order_price li .box .prc {display:inline-block; vertical-align:middle;} #cart .total_box .order_price li .box .txt {padding-right:20px; color:#333; font-size:14px;} #cart .total_box .order_price li .box .prc, #cart .total_box .order_price li .box .prc > span {color:#333; font-size:25px; font-weight:700;} #cart .total_box .order_price li.plus:after {position:absolute; top:50%; right:40px; width:27px; height:27px; margin-top:-13.5px; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/shop/cart_plus.png') no-repeat center; content:'';} #cart .total_box .order_price li.plus_vip:after {position:absolute; top:50%; left:-67px; width:27px; height:27px; margin-top:-13.5px; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/shop/cart_minus.png') no-repeat center; content:'';} #cart .total_box .order_price li.equal:after {position:absolute; top:50%; left:-67px; width:27px; height:27px; margin-top:-13.5px; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/shop/cart_total.png') no-repeat center; content:'';} #cart .total_box .order_price li.equal.vip_equal:after {position:absolute; top:35%; left:-67px; width:27px; height:27px; margin-top:-13.5px; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/shop/cart_total.png') no-repeat center; content:'';} #cart .total_box .order_price li .cart_vip_total {display:inline-block; color:#8a8a8a; font-size:14px;} #cart .total_box .order_price li .cart_vip_total span {color:#8a8a8a; font-size:14px;} #cart .total_box .order_price li .cart_vip_total span.check_minus {display:none;} #cart .total_box .order_price li .cart_vip_total span.check_minus.active {display:inline-block;} #cart .total_box .order_price li .cart_vip_total > a {padding:3px 12px; background:#3d3d31; color:#a39475; } #cart .total_box .order_price li .dlv_box {display:none;} #cart .btn {padding-top:20px; } #cart .btn:after {display:block; clear:both; content:'';} #cart .btn .box_btn * {height:44px; padding:0 12px; font-size:16px; line-height:44px;} #cart .btn .box_btn.white * {color:#333 !important;} #cart .area_left {float:left;} #cart .area_right {float:right;} #cart .pay {clear:both; text-align:right;} #cart .pay > div {padding-top:10px;} /* 장바구니 옵션 변경 */ .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('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/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_sum {position:relative; padding:30px 60px; border-bottom:1px solid #dadada; background:#f8f8f8; text-align:right;} .cart_sum:after {display:block; clear:both; content:'';} .cart_sum .delivery_msg {position:absolute; left:30px; top:50%; z-index:10; margin-top:-7px; text-align:left; font-weight:bold;} .cart_sum table {width:25%; float:right;} .cart_sum table th {padding:5px 0; color:#666; font-weight:normal; text-align:left;} .cart_sum table td {padding:5px 0; color:#666; text-align:right;} /* 주문서(/shop/order.php) */ #order:after {display:block; clear:both; content:'';} #order .guest {padding-bottom:40px;} #order .guest .agree_fourteen {padding-bottom:20px;} #order .guest .agree_guest {padding-bottom:20px;} #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:63%;} #order .area_right {float:right; margin-top:30px;} #order .area_right .box {width:360px; padding:40px; background:#f8f8f8;} #order .area_right .box .line {margin-top:25px; border-top:1px solid #dfdfdf;} #order .coupon_list li {position:relative; margin-top:10px; padding-left:25px;} #order .coupon_list li:first-child {margin-top:0;} #order .coupon_list li .check {position:absolute; left:0; top:0;} #order .coupon_list li .name {font-weight:bold;} #order .coupon_list li .content {font-size:11px;} #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 .title_delivery h3.title {display:inline-block;} #order .method > div {position:relative; padding:25px 0 10px 25px;} #order .method > div > label {position:absolute; left:0; top:0; cursor:pointer;} #order .method > div .msg_pay {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 input[type=radio] {margin-top:0;} #order .method > div select {width:100%; margin-bottom:5px;} #order .order_cancel_msg {color:#666;} #order #order1 {margin-top:25px; padding-top:25px; border-top:1px solid #dfdfdf;} #order #order1 .box_btn {margin-top:10px;} #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;} #order .order_pop {display:none; position:fixed; top:50%; left:50%; z-index:10; width:528px; margin:-255px 0 0 -264px; background:#fff;} #order .order_pop h1 {overflow:hidden; padding:24px 35px; background:#f7f7f7; color:#404040; font-size:18px;} #order .order_pop h1 a {float:right; margin-top:2px; font-size:16px; font-weight:300;} #order .order_pop .pop_box_wrap {padding:40px 36px 49px; border:1px solid #e6e6e6; border-top:0;} #order .order_pop .pop_box {padding:19px; border:1px solid #e6e6e6;} #order .order_pop .pop_box h2 {color:#404040; font-size:15px;} #order .order_pop .pop_box p {padding-top:20px; color:#999; font-size:15px;} #order .order_pop .policy_check {padding:30px 0 25px; font-size:0; text-align:center;} #order .order_pop .policy_check p {display:inline-block; margin:0 20px;} #order .order_pop .policy_check p label {padding-left:3px; font-size:15px; vertical-align:middle;} #order .order_pop .pop_btn {font-size:0;} #order .order_pop .pop_btn .white {margin-left:14px;} #order .shop_pop {position:fixed; top:50%; left:50%; z-index:30; width:310px; height:372px; margin:-186px 0 0 -155px; padding:65px 32px 0 32px; background:#aeaeae; text-align:center;} #order .shop_pop h3 {padding-bottom:36px; color:#fff; font-size:16px; font-weight:400; line-height:1.5; letter-spacing:0.1rem;} #order .shop_pop > .box_btn > a {color:#666; font-size:16px; line-height:47px; letter-spacing:0.1rem;} #order .shop_pop > .answerY {margin-top:29px;} #order .shop_reco {margin:30px 0 0 0; padding-bottom:13px; border-bottom:1px solid #e0e0e0;} #order .shop_reco .title {padding-right:93px; color:#333; font-size:12px; font-weight:700; letter-spacing:0.025rem;} #order .shop_reco label {color:#333; font-size:13px; font-weight:700; letter-spacing:0.05rem; vertical-align:middle;} #order .shop_reco label.shop_N {padding-right:13px;} #order .shop_reco input {margin-top:0; margin-bottom:2px; vertical-align:middle;} #order_dimmed {display:block; position:fixed; left:0; top:0; z-index:20; width:100%; height:100%; background:rgba(255,255,255,0.8);} .tbl_order.shop_tbl {border-top:none;} #order .member_discount {color:#666; } #order .member_discount > span {padding-right:5px; color:#666;} /* 주문완료(/shop/order_finish.php) */ #orderfin {width:640px; margin:0 auto; text-align:center;} #orderfin h3 {padding-bottom:20px; text-align:left;} #orderfin .box {margin-bottom:30px; padding:40px 80px; background:#f5f5f5;} #orderfin .info {padding-bottom:30px;} #orderfin .info .bank {padding-bottom:20px; color:#888;} #orderfin .info .email {color:#888;} #orderfin .box_gift .box_btn {margin-top:20px;} #orderfin .btn {padding-top:20px; text-align:center;} /* 상품검색(/shop/search_result.php) */ #search_result .re_search {position:relative; height:60px; padding-right:60px; background:#fafafa;} #search_result .re_search:after {display:inline-block; position:absolute; right:60px; top:17px; width:1px; height:25px; background:#d5d5d5; content:'';} #search_result .re_search .form_input.search {height:60px; border-color:#fafafa; background:transparent; font-size:14px;} #search_result .re_search .btn {position:absolute; right:0; top:0; padding:17px;} #search_result .check {padding:10px 0;} #search_result .rank {position:relative; z-index:2; width:220px; padding:18px 0;} #search_result .rank ol {overflow:hidden; position:absolute; right:0; top:0; width:124px; height:45px; border:1px solid #fff; padding:10px 0; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/arrow_down.png') no-repeat 95% center #fff;} #search_result .rank ol li {overflow:hidden; padding:5px 8px; text-overflow:ellipsis; white-space:nowrap;} #search_result .rank ol li span {display:inline-block; width:18px; height:18px; margin-right:5px; border-radius:50%; background:#ebebeb; font-size:11px; font-weight:bold; text-align:center; line-height:18px;} #search_result .rank ol:hover {height:auto; border:1px solid #dcdcdc; background-image:none;} #search_result .category {border:1px solid #e0e0e0; background:#fff;} #search_result .result_cate {overflow:hidden; padding:0 25px; border-top:1px solid #e0e0e0;} #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:38px;} #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:40px; white-space:nowrap; line-height:38px;} #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;} /* 상품문의 & 상품후기 - 상품정보(/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('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/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 {padding-top:20px; text-align:right;} .qnarev_list .qnarev_cnt {padding:0; border:0;} .qnarev_list .qnarev_cnt > div {display:none; padding:40px; border-bottom:1px solid #e0e0e0; text-align:left; word-break:break-all; word-wrap:break-word;} .qnarev_list .qnarev_cnt .question, .qnarev_list .qnarev_cnt .answer {position:relative; min-height:40px; padding-left:50px;} .qnarev_list .qnarev_cnt .question {padding:0 0 20px 50px; border-bottom:1px solid #e5e5e5;} .qnarev_list .qnarev_cnt .question img {max-width:100%; height:auto;} .qnarev_list .qnarev_cnt .answer {margin-top:20px;} .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:left;} .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;} #pwbox p {margin-bottom:20px; color:#888;} #pwbox .form_input {width:330px; margin-bottom:20px;} /* 상품문의 & 상품후기 - 쓰기 */ .qnarev_write {width:100%; margin:20px 0; background:#f5f5f5; text-align:center;} .qnarev_write > div > form {display:inline-block; width:72%; margin:0 auto; padding:40px 0; text-align:left;} .qnarev_write fieldset > div {position:relative; margin-bottom:10px;} .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 {float:left; width:49%;} .qnarev_write fieldset > div.name .form_input.pw {float:right;} .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;} .qnarev_write fieldset select {width:100%;} .qnarev_write .btn {padding:20px 0; text-align:center !important;} /* 상품문의 & 상품후기 - 수정 */ #qnarevmod .modi_pwd, #qnarevmod .modi_cnt {display:none;} #qnarevmod .modi_cnt .qnarev_write > form {display:inline-block; width:72%; 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;} /*-----------------------------------------------------------------*/ /* 4-3. 회원 /*-----------------------------------------------------------------*/ /* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 */ .box_member {width:320px; margin:0 auto;} .box_member fieldset {position:relative;} .box_member fieldset.login_field {padding-bottom:30px; border-bottom:1px solid #e0e0e0;} .box_member fieldset legend {padding:25px 0; font-weight:bold;} .box_member fieldset .fld {clear:both; margin-bottom:20px; font-size:0;} .box_member fieldset .fld label {display:none;} .box_member fieldset .savessl {margin-bottom:20px;} .box_member fieldset .savessl label {color:#999; font-size:11px;} .box_member fieldset .select {float:right; margin-bottom:15px;} /* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 - 인풋 기본 스타일 */ .box_member .form_input.member {height:50px; padding:0 10px; border-color:#f5f5f5; background:#f5f5f5;} .box_member .form_input.member:focus {border-color:#000;} .box_member .form_input.member.number_first {width:32%;} .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;} /* 로그인(/member/login.php) */ #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:30px 0; border-bottom:1px solid #e0e0e0; color:#666; text-align:center;} #login .simple p {padding-bottom:20px; color:#666;} #login .simple p strong {font-size:14px;} #login .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;} #login .simple a.naver {background-color:#5ebc67; background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/member/icon_naver.png');} #login .simple a.naver:hover {border-radius:0; background-color:#519c58;} #login .simple a.facebook {background-color:#5e85bc; background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/member/icon_facebook.png');} #login .simple a.facebook:hover {border-radius:0; background-color:#4f709f;} #login .simple a.kakao {background-color:#f4cf50; background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/member/icon_kakao.png');} #login .simple a.kakao:hover {border-radius:0; background-color:#ddbc4b;} #login .simple a.payco {background-color:#e72a2d; background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/member/icon_payco.png');} #login .simple a.payco:hover {border-radius:0; background-color:#d73a3c;} #login .joinfind {padding-top:30px;} #login .joinfind p {position:relative; margin:7px 0; color:#666; font-size:12px;} #login .joinfind p a {position:absolute; right:0; top:0; text-decoration:underline;} /* 비밀번호 변경 */ #modify_pwd .modify_id {padding-bottom:20px; font-size:14px; font-weight:bold;} /* 회원가입 약관동의(/member/join_step1.php) */ #join_agree {width:640px; margin:0 auto; text-align:center;} #join_agree .join_info {padding-bottom:32px; color:#444; letter-spacing:-0.025rem; line-height:21px;} #join_agree .join_info2 {padding-bottom:34px;} #join_agree .join_step {padding-bottom:40px; font-size:0;} #join_agree .join_step li {display:inline-block; width:106.6px; height:38px; border:1px solid #e5e5e5; border-left:0; color:#c3c3c3; line-height:38px;} #join_agree .join_step li:first-child {border-left:1px solid #e5e5e5;} #join_agree .join_step li.active {background:#f6f6f6; color:#000;} #join_agree .agree_area {width:320px; margin:0 auto;} #join_agree .agree_area .all_check {padding-bottom:20px; text-align:left;} #join_agree .agree_area .all_check input {margin-top:-2px; vertical-align:middle;} #join_agree .agree_area .all_check label {color:#595959; font-size:14px; cursor:pointer;} #join_agree .agree_area .agree_list {margin-bottom:40px; padding:14px 0; border:1px solid #dfdfdf; border-width:1px 0;} #join_agree .agree_area .agree_list .check_wrap {padding:11px 0; text-align:left;} #join_agree .agree_area .agree_list .check_wrap .check {overflow:hidden;} #join_agree .agree_area .agree_list .check_wrap .check label {letter-spacing:-0.1rem; cursor:pointer;} #join_agree .agree_area .agree_list .check_wrap .check .color {padding:0 5px 0 2px; color:#f90000;} #join_agree .agree_area .agree_list .check_wrap .check a {display:inline-block; float:right; padding-right:19px; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/agree_open.png') no-repeat right 6px center; color:#444; font-size:10px; cursor:pointer;} #join_agree .agree_area .agree_list .check_wrap .check a.active {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/agree_close.png');} #join_agree .agree_area .agree_list .check_wrap #privacy_box {display: none; margin-top: 10px; padding: 15px 30px; border: 1px solid #e5e5e5;} #join_agree .agree_area .iframe {display:none; padding-top:10px;} #join_agree .agree_area .iframe iframe {width:100%; height:222px; border:1px solid #e5e5e5; background:#fff;} #join_agree .member_type {padding-bottom:30px;} #join_agree .member_type label {margin:0 10px;} #join_agree .btn {padding-top:30px; text-align:center;} #join_agree .btn .huge2 a {padding:15px 20px; font-size:14px;} #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('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/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('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/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('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/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('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/member/icon_payco.png');} #join_agree .simple a.payco:hover {border-radius:0; background-color:#d73a3c;} /* input 체크박스 */ #join_agree input[type=checkbox] {width:13px; height:13px; margin:0 6px 0; outline:0; border-radius:0; border:0; background:no-repeat left center/13px; background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/join_check.png'); cursor:pointer; vertical-align:middle; transition:all 0.3s; -webkit-transition:all 0.3s; -webkit-appearance:none; -moz-appearance:none;} #join_agree input[type=checkbox]::-ms-check {display:none;} #join_agree input[type=checkbox]:checked {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/join_check_on.png');} /* 회원가입 정보입력(/member/join_frm.php) */ #join_input {width:640px; margin:0 auto;} #join_input .join_info {padding-bottom:32px; color:#444; text-align:center; letter-spacing:-0.025rem; line-height:21px;} #join_input .join_step {padding-bottom:40px; font-size:0; text-align:center;} #join_input .join_step li {display:inline-block; width:106.6px; height:38px; border:1px solid #e5e5e5; border-left:0; color:#c3c3c3; line-height:38px;} #join_input .join_step li:first-child {border-left:1px solid #e5e5e5;} #join_input .join_step li.active {background:#f6f6f6; color:#000;} #join_input .join_input_wrap {width:320px; margin:0 auto;} #join_input .member_info {margin-bottom:36px;} #join_input .member_info > h3 {margin-bottom:20px; padding-bottom:5px; border-bottom:1px solid #c3c3c3; color:#444; font-size:13px; font-weight:400; letter-spacing:-0.025rem;} #join_input .member_info > .msg {padding-bottom:10px; color:#444; letter-spacing:-0.025rem;} #join_input .member_info > div.info_area {padding:8px 10px; background:#e7e7e7;} #join_input .member_info > div.info_area .top_info {position:relative;} #join_input .member_info label, #join_input .member_info input {vertical-align:middle;} #join_input .member_info label {color:#595959; line-height:32px;} #join_input .member_info input {position:absolute; top:0; left:107px; border-color:#e7e7e7; background:#e7e7e7; color:#a2a2a2;} #join_input .member_input > h3 {margin-bottom:20px; padding-bottom:5px; border-bottom:1px solid #c3c3c3; color:#444; font-size:13px; font-weight:400; letter-spacing:-0.025rem;} #join_input .member_input .input_area .input_tab {position:relative; margin-bottom:15px;} #join_input .member_input .input_area .input_tab > label {overflow:hidden; display:block; margin-bottom:1px; letter-spacing:-0.025rem;} #join_input .member_input .input_area .input_tab > label .color {padding-left:2px; color:#ff0000; vertical-align:middle;} #join_input .member_input .input_area .input_tab > label a {display:inline-block; float:right; margin-top:2px; padding-right:11px; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/join_input_open.png') no-repeat right center; color:#bbb; font-size:10px; cursor:pointer;} #join_input .member_input .input_area .input_tab > label a.active {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/join_input_close.png');} #join_input .member_input .input_area .input_tab .form_input {width:100%; height:30px; border-color:#e7e7e7; background:#e7e7e7;} #join_input .member_input .input_area .input_tab .addbtn {position:relative; padding-right:73px} #join_input .member_input .input_area .input_tab .addbtn .check {display:inline-block; position:absolute; top:0; right:0; width:66px; height:30px; border:1px solid #e7e7e7; background:#fff; vertical-align:top; color:#a1a1a1; line-height:30px; text-align:center;} #join_input .member_input .input_area .input_tab .warning {padding-top:4px; color:#919191; font-size:10px; letter-spacing:-0.025rem;} #join_input .member_input .input_area .input_tab ul {padding-top:10px;} #join_input .member_input .input_area .input_tab ul > li {padding-bottom:20px;} #join_input .member_input .input_area .input_tab ul > li label {display:inline-block; min-width:105px; color:#444; letter-spacing:-0.025rem;} #join_input .member_input .input_area .input_tab ul > li.chkbox label {font-weight:800;} #join_input .member_input .input_area .input_tab ul > li label input[type=checkbox] {width:14px; height:14px; margin:-3px 9px 0 0; outline:0; border-radius:0; border:0; background:no-repeat left center; background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/join_check2.png'); cursor:pointer; vertical-align:middle; transition:all 0.3s; -webkit-transition:all 0.3s; -webkit-appearance:none; -moz-appearance:none;} #join_input .member_input .input_area .input_tab ul > li label input[type=checkbox]::-ms-check {display:none;} #join_input .member_input .input_area .input_tab ul > li label input[type=checkbox]:checked {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/join_check2_on.png');} #join_input .member_input .input_area .input_tab ul > li label input[type=radio] {display:inline-block; overflow:hidden; width:14px; height:14px; margin:-3px 9px 0 0; border:0; background:no-repeat center; background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/join_radio.png'); vertical-align:middle; outline:0; -webkit-appearance:none; appearance:none; transition:all 0.3s; -webkit-transition:all 0.3s;} #join_input .member_input .input_area .input_tab ul > li label input[type=radio]:checked {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/join_radio_on.png');} #join_input .member_input .input_area .input_tab .marketing_view {display:none; padding:5px 0 10px;} #join_input .member_input .input_area .input_tab .marketing_view table {width:100%; border:1px solid #e7e7e7;} #join_input .member_input .input_area .input_tab .marketing_view table th {padding:5px 0; background:#f6f6f6; font-weight:400; text-align:center;} #join_input .member_input .input_area .input_tab .marketing_view table td {padding:15px 0 15px 17px; text-align:left; vertical-align:middle;} #join_input .member_input .input_area .input_tab .marketing_view table td.line {border-bottom:1px solid #e7e7e7;} #join_input .member_input .input_area .input_tab .marketing_view table td.last {padding-left:24px;} #join_input .member_select {margin-top:35px;} #join_input .member_select > h3 {overflow:hidden;padding-bottom:5px; border-bottom:1px solid #c3c3c3; color:#8f8f8f; font-size:13px; font-weight:400; letter-spacing:-0.025rem;} #join_input .member_select > h3 a {display:inline-block; float:right; margin-top:1px; padding-right:11px; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/join_input_open.png') no-repeat right center; color:#bbb; letter-spacing:-0.025rem; cursor:pointer;} #join_input .member_select > h3 a.active {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/join_input_close.png');} #join_input .member_select .select_area {display:none; padding-top:20px;} #join_input .member_select .select_area .select_tab {margin-bottom:15px;} #join_input .member_select .select_area .select_tab > label {overflow:hidden; display:block; margin-bottom:1px; color:#8f8f8f; letter-spacing:-0.025rem;} #join_input .member_select .select_area .select_tab .form_input, #join_input .member_select .select_area .select_tab select {width:100%; height:30px; padding-left:10px; border-color:#e7e7e7; background-color:#e7e7e7; color:#8f8f8f; font-size:12px; } #join_input .member_select .select_area .select_tab select {background-repeat:no-repeat; background-position:right 5px center; background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/join_input_select.png'); -webkit-appearance:none; appearance:none;} #join_input .member_select .select_area .select_tab select::-ms-expand {display:none;} #join_input .member_select .select_area .select_tab.adr_tab {font-size:0;} #join_input .member_select .select_area .select_tab.adr_tab select {width:150px;} #join_input .member_select .select_area .select_tab.adr_tab select.add1 {margin-right:20px;} #join_input fieldset {margin-bottom:30px;} #join_input fieldset legend {margin-bottom:20px; font-size:12px; font-weight:bold;} #join_input fieldset .box {padding:50px 46px; background:#fafafa;} #join_input fieldset .box > div {position:relative; margin-bottom:10px;} #join_input fieldset .box > div:last-child {margin-bottom:0;} #join_input fieldset .box > div > label {display:none;} #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; position:absolute; right:0; top:0; height:34px; padding:0 13px; font-weight:bold; line-height:35px;} #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:2px 0;} #join_input fieldset .box .email .form_input.first {width:35%;} #join_input fieldset .box .email .form_input.second {width:35%;} #join_input fieldset .box .email span {margin:0 3px; line-height:35px;} #join_input fieldset .box .email select {position:absolute; right:0; top:0; width:25%;} #join_input fieldset .box .birth {position:relative; margin-bottom:10px;} #join_input fieldset .box .birth > label {display:none;} #join_input fieldset .box .birth select {width:20%;} #join_input fieldset .box .birth .sl {position:absolute; right:0; top:5px;} #join_input fieldset .box .type2 {position:relative; margin-bottom:10px;} #join_input fieldset .box .type2 > label {display:block; padding-bottom:5px; font-weight:bold;} #join_input fieldset .box .type2 .select {position:absolute; right:0; top:0;} #join_input fieldset .box .type2 .select label {margin-left:10px;} #join_input fieldset .box .line {margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #dcdcdc;} /* 회원가입 정보입력 - 기업회원추가입력 */ #join_input fieldset.biz .licensee_num .form_input {width:32%;} #join_input fieldset.biz .licensee_num .form_input.second {margin:0 2%;} /* 회원가입 정보입력 - 추가필드리스트 */ #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:70px; text-align:center;} #join_input .btn .box_btn * {padding:15px 12px; font-size:14px;} #join_input .btn .box_btn.gray2 {margin-right:15px;} /* 회원가입 정보입력 - sns회원가입 */ #join_input.simple fieldset .box .name {position:relative; 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 {width:485px; margin:0 auto;} #join_finish h3 {margin-bottom:20px; font-size:13px;} #join_finish .box {padding:60px 0 50px 0; border-bottom:1px solid #dedede; color:#888; text-align:center; line-height:3;} #join_finish .box strong {font-size:14px;} #join_finish .info_box {text-align:center; padding:60px 0 25px 0;} #join_finish .info_box p {margin-bottom:30px; font-weight:bold; font-size:13.34px; line-height:21.34px; letter-spacing:-0.025em;} #join_finish .info_box a {text-decoration:underline; letter-spacing:-0.025em;} #join_finish .btn_col {text-align:center;} #join_finish .btn_col .btn {margin-top:30px; text-align:center; display:inline-block;} #join_finish .btn_col .btn .box_btn > a {padding:13.5px 16px;} #join_finish .btn_col .btn * {border:none;} #join_finish .btn_col .btn a {font-size:13.34px;} #join_finish .btn_col .btn:last-child * {background:#b2b2b2; margin-left:5px;} /* 정보수정(/member/edit_step1.php), 정보수정완료(/member/edit_step3.php) */ .edit_info .box {padding:60px 0; background:#f5f5f5; text-align:center;} .edit_info .msg {color:#666;} .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 .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. 마이페이지 /*-----------------------------------------------------------------*/ /* 마이페이지 탭 & 회원정보 */ .mypage_menu {background:#f5f5f5; border:1px solid #ededed; border-width:1px 1px 0;} .mypage_menu ul {font-size:0;} .mypage_menu ul li {position:relative; display:inline-block; width:12.5%; text-align:center; vertical-align:top;} .mypage_menu.vip_menu ul li {width:11.11%;} .mypage_menu ul li:after {display:block; position:absolute; top:50%; right:0; width:1px; height:11px; margin-top:-5.5px; background:#ddd; content:'';} .mypage_menu ul li:last-child:after {display:none;} .mypage_menu ul li a {displaY:block; color:#373737; font-size:16px; line-height:50px;} .mypage_info {position:relative; margin-bottom:50px; border:1px solid #ededed; border-width:0 1px 1px; font-size:0;} .mypage_info .member_info, .mypage_info .member_menu {display:inline-block; vertical-align:top;} .mypage_info .member_info {position: relative; width:875px; border-right:1px solid #ededed; font-size:0;} .mypage_info .member_info .info_section {width:100%; padding:33px 250px 40px 40px;} .mypage_info .member_info .info_section .member_name, .mypage_info .member_info .info_section .member_name span {color:#333; font-size:22px;} .mypage_info .member_info.member_vip .info_section .member_name span {color:#a4946f; font-weight:700;} .mypage_info .member_info .info_section .membership_date {padding:3px 0 10px; color:#8a8a8a; font-size:15px;} .mypage_info .member_info .info_section .period1 {display: none;} .mypage_info .member_info .info_section .period1.active {display: block;} .mypage_info .member_info .info_section > a {display:inline-block; margin-top: 5px; border-bottom:1px solid #a4946f; color:#a4946f; margin-right: 20px; font-size:13px; line-height: 27px;} .mypage_info .member_info .info_section .period1 > a {display:inline-block; margin-top: 5px; border-bottom:1px solid #a4946f; color:#a4946f; margin-right: 20px; font-size:13px; line-height: 27px;} .mypage_info .member_info .info_section .period1 > .box_btn.beige * {height:37px; background:#3d3d31; padding: 0 20px; color:#a39475 !important; font-size:15px; line-height:37px;} .mypage_info .member_info .info_section .period2 {display: none;} .mypage_info .member_info .info_section .period2.active {display: inline-block; border: 1px solid; padding: 20px; margin-top: 10px;} .mypage_info .member_info .info_section .period2 > p {font-size: 15px;} .mypage_info .member_info .btn_section {position:absolute; top:40px; left:647px;} .mypage_info .member_info .btn_section .box_btn a {padding:7px 12px; font-size:15px;} .mypage_info .member_info .btn_section .benefit, .mypage_info .member_info .btn_section .benefit a {width:170px; height:37px; margin-top:8px; background:#3d3d31; color:#a39475; font-size:15px; line-height:37px; text-align:center;} .mypage_info .member_menu {width:calc(100% - 875px); padding-top:47px; text-align:center;} .mypage_info .member_menu > ul {font-size:0;} .mypage_info .member_menu > ul li {display:inline-block; position:relative; width:33.333%; vertical-align:middle;} .mypage_info .member_menu > ul li:after {position:absolute; top:50%; right:0; width:1px; height:11px; margin-top:-5.5px; background:#ddd; content:'';} .mypage_info .member_menu > ul li.counsel:after {display:none;} .mypage_info .member_menu > ul li .detail span, .mypage_info .member_menu > ul li .detail strong {displaY:inline-block; vertical-align:middle;} .mypage_info .member_menu > ul li .detail strong {color:#373737; font-size:30px; font-weight:700;} .mypage_info .member_menu > ul li .detail span, .mypage_info .member_menu > ul li .txt, .mypage_info .member_menu > ul li.counsel a {color:#373737; font-size:15px;} .mypage_info .member_menu > ul li.coupon .detail span {margin-top:7px;} /* 마이페이지 공통 박스 */ .box_mp {margin-bottom:30px; padding:30px; background:#f8f8f8; text-align:center; line-height:35px;} .box_mp:after {display:block; clear:both; content:'';} .box_mp .have {color:#666;} .box_mp .have span {display:block; padding-top:5px; color:#333; font-family:'arial'; font-size:24px; font-weight:bold;} /* 마이페이지 메인(/mypage/mypage.php) */ #mypage h3.title {padding-bottom:15px; color:#333; font-size:21px; font-weight:700;} #mypage h3.title.vip_sale {margin-top:39px;} #mypage h3.title span {color:#333; font-size:21px; font-weight:700;} #mypage .title_count {top:-44px; color:#333; font-size:15px; font-weight:400;} #mypage .title_count strong {color:#333; font-size:inherit; font-weight:700;} #mypage .latest {width:100%; font-size:0;} #mypage .latest li {display:inline-block; width:12.5%; margin-bottom:10px; text-align:center;} #mypage .latest li img {width:96%; height:auto;} #mypage .msg {padding-top:16px; color:#c4c4c4; font-size:14px;} /* 주문상세조회(/mypage/order_detail.php) */ #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_left {float:left; width:63%;} #order_detail .area_right {float:right; margin-top:30px;} #order_detail .area_right .box {width:360px; padding:40px; background:#f8f8f8;} #order_detail .area_right .box .line {margin-top:25px; border-top:1px solid #dfdfdf;} #order_detail .total_price {font-size:14px;} #order_detail .backtolist {padding:30px 0; text-align:center;} #order_detail .ord_det_cancel {width:360px; height:60px; text-align:center;} #order_detail .ord_det_cancel > * {display:block; background:#000; color:#fff; font-size:16px; line-height:60px; letter-spacing:-0.025rem;} #order_detail .cancel_notice {padding-top:10px; color:#000; letter-spacing:-0.025rem;} /* 소셜쿠폰(/mypage/sccoupon.php) */ #sccoupon .box_mp .form_input {width:270px; margin-top:20px;} #sccoupon .btn {text-align:center;} /* 관심상품(/mypage/wish_list.php) */ #wish_list .btn {padding-top:30px; font-size:0; text-align:left;} #wish_list .btn .box_btn {margin-right:5px;} #wish_list .btn .box_btn.fr {margin-right:0;} /* 1:1문의 내역(/mypage/counsel_list.php & /mypage/order_detail.php) */ #counsel {clear:both;} #counsel .content {padding:30px; border-bottom:1px solid #aeaeae; text-align:left; word-break:break-all; word-wrap:break-word;} #counsel .content .question {padding-bottom:25px;} #counsel .none_style {margin:0 !important; padding:0 !important; border:0 !important;} #counsel .cnt_hidden {display:none; overflow:hidden; padding:20px; 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 {float:left; width:90%; padding:10px 0; text-align:left; vertical-align:top;} #counsel .cnt_hidden .qna_cnt img {margin-top: 10px;} #counsel .btn {padding-top:30px; font-size:0; text-align:left;} #counsel .btn .box_btn {margin-right:5px;} #counsel .btn .box_btn.fr {margin-right:0;} /* 1:1문의 글쓰기(/mypage/counsel_step1.php) */ #counsel_write form {text-align: left !important;} #counsel_write form > label {display: block; padding: 10px 0 10px 30px;} #counsel_write textarea {height:250px;} #counsel_write .btn {margin-top:30px; text-align:center;} /* 1:1문의 완료(/mypage/counsel_step2.php) */ #counsel_fin {width:640px; margin:0 auto;} #counsel_fin h3 {margin-bottom:20px; font-size:13px;} #counsel_fin .box {padding:80px 0; border:1px solid #dedede; color:#888; font-size:14px; text-align:center; line-height:3;} #counsel_fin .box strong {font-size:inherit;} #counsel_fin .btn {margin-top:30px; text-align:center;} /* 출석체크(/mypage/attend_list.php) */ #attend .date {padding:25px 0; border:1px solid #dbdbdb; border-bottom:0; text-align:center; vertical-align:top;} #attend .date a {display:inline-block; width:18px; height:18px; border:1px solid #dbdbdb; background-repeat:no-repeat; background-position:center;} #attend .date a.prev {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/bullet_arrow_prev.png');} #attend .date a.next {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/bullet_arrow_next.png');} #attend .date strong {padding:0 5px; color:#040404; font-family:'arial'; font-size:20px; line-height:20px; text-align:center; vertical-align:top;} #attend #calendar table {width:100%;} #attend #calendar table thead th {padding:10px 0; border:1px solid #dbdbdb; background:#fbfbfb; color:#666; font-family:'arial'; font-weight:normal; text-align:center;} #attend #calendar table thead th.sun {color:#d53838;} #attend #calendar table thead th.sat {color:#7cb4d1;} #attend #calendar table tbody td {height:100px; padding:10px; border:1px solid #dbdbdb; color:#040404; text-align:left; vertical-align:top;} #attend #calendar .attenY {background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/mypage/attend_ok.png') no-repeat center;} #attend #calendar .attenR {background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/mypage/attend_today.png') no-repeat center #fbf9ed; font-weight:bold; text-decoration:underline;} #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/withdraw_step1.php), 회원탈퇴완료(/mypage/withdraw_step2.php) */ .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;} /* 유료멤버쉽 - 멤버쉽혜택 */ /* #membership {width:660px; margin:0 auto;} */ #membership {width: 100%;} #membership .inbox {margin-top:100px;} #membership .inbox .title {text-align:center; font-size:14px; letter-spacing:-0.025em;} #membership .inbox .title img {width:auto; height:auto;} #membership .inbox .title h3 {font-size:45px; font-weight:bold; margin-bottom:10px; font-family:'MyriadHebrew'; letter-spacing:-0.01em;} #membership .inbox table {width:100%; text-align:center; border:1px solid #e4e4e4; margin:75px 0 25px 0;} #membership .inbox table * {vertical-align:middle;} #membership .inbox table th, #membership .inbox table td {padding:15px 0;} #membership .inbox table th {background:#e4e4e4;} #membership .inbox table th:last-child {background:#4b4b4b; color:#fff; border:1px solid #4b4b4b;} #membership .inbox table td {border:1px solid #e4e4e4;} #membership .inbox table td:first-child {border-left:0;} #membership .inbox table td:last-child {border-right:0; background:#f8f8f8;} #membership .inbox table td span {font-size:10px; color:#bbb;} #membership .inbox .info {padding:0 10px;} #membership .inbox .info ul li {font-size:11px; line-height:21.34px; color:#969696;} #membership .inbox .member_join {text-align:center; margin-top:80px;} #membership .inbox .member_join h3 {font-size:25px; line-height:28px;} #membership .inbox .member_join a {display:inline-block; font-weight:600; text-decoration:underline; margin-top:50px; font-size:13px;} #membership img {width: 80%;} /* 유료멤버쉽가입 - 멤버쉽가입 */ #memberjoin {width:425px; margin:0 auto; text-align:center;} #memberjoin .title {margin-top:30px; font-size:21px;} #memberjoin .join_info {padding-bottom:27px; color:#444; letter-spacing:-0.025rem; line-height:21px;} #memberjoin .info_box {padding:30px 0 25px 0; margin-bottom:45px; border:1px solid #e5e5e5;} #memberjoin .info_box h3 {color:#c20000; font-size:14.67px; margin-bottom:15px;} #memberjoin .info_box li {font-weight:bold; font-size:13.34px; line-height:20px;} #memberjoin .info_box a {display:inline-block; margin-top:18px; font-size:11.34px; color:#898989; text-decoration:underline;} #memberjoin .join_step {padding-bottom:40px; font-size:0;} #memberjoin .join_step li {display:inline-block; width:106.6px; height:38px; border:1px solid #e5e5e5; border-left:0; color:#c3c3c3; line-height:38px;} #memberjoin .join_step li:first-child {border-left:1px solid #e5e5e5;} #memberjoin .join_step li.active {background:#f6f6f6; color:#000;} #memberjoin .agree_area {width:415px; margin:0 auto;} #memberjoin .agree_area .all_check {padding-bottom:20px; padding-left:18px; text-align:left;} #memberjoin .agree_area .all_check input {margin-top:-2px; vertical-align:middle;} #memberjoin .agree_area .all_check label {color:#444; font-size:14.67px; cursor:pointer; font-weight:bold;} #memberjoin .agree_area .agree_list {padding:14px 0; border:1px solid #dfdfdf; border-width:1px 0; margin-bottom:15px;} #memberjoin .agree_area .agree_list .check_wrap {padding:10px 22px 10px 18px; text-align:left;} #memberjoin .agree_area .agree_list .check_wrap .check {overflow:hidden;} #memberjoin .agree_area .agree_list .check_wrap .check label {letter-spacing:-0.1rem; cursor:pointer;} #memberjoin .agree_area .agree_list .check_wrap .check .color {padding:0 5px 0 2px; color:#f90000;} #memberjoin .agree_area .agree_list .check_wrap .check a {display:inline-block; float:right; padding-right:19px; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/agree_open.png') no-repeat right 6px center; color:#444; font-size:12px; cursor:pointer; letter-spacing:-0.1rem;} #memberjoin .agree_area .agree_list .check_wrap .check a.active {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/agree_close.png');} #memberjoin .agree_area .iframe {display:none; padding-top:10px;} #memberjoin .agree_area .iframe iframe {width:100%; height:222px; border:1px solid #e5e5e5; background:#fff;} #memberjoin .agree_area .iframe.style2 iframe {padding:10px 20px;} #memberjoin .shop_reco {text-align:left; padding-bottom:15px; border-bottom:1px solid #e5e5e5;} #memberjoin .shop_reco span {font-size:12px;} #memberjoin .shop_reco span .color {color:red; padding-left:2px; vertical-align:middle;} #memberjoin .shop_reco label input {vertical-align:-3px;} #memberjoin .input_tab {width:415px; margin:0 auto; text-align:left; padding-top:15px;} #memberjoin .input_tab > label {overflow:hidden; display:block; margin-bottom:1px; letter-spacing:-0.025rem;} #memberjoin .input_tab > label .color {padding-left:2px; color:#ff0000; vertical-align:middle;} #memberjoin .input_tab > label a {display:inline-block; float:right; margin-top:2px; padding-right:11px; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/join_input_open.png') no-repeat right center; color:#bbb; font-size:10px; cursor:pointer;} #memberjoin .input_tab > label a.active {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/join_input_close.png');} #memberjoin .input_tab .form_input {width:100%; height:30px; border-color:#e7e7e7; background:#e7e7e7;} #memberjoin .input_tab .addbtn {position:relative; padding-right:73px} #memberjoin .input_tab .addbtn .check {display:inline-block; position:absolute; top:0; right:0; width:66px; height:30px; border:1px solid #e7e7e7; background:#fff; vertical-align:top; color:#a1a1a1; line-height:30px; text-align:center;} #memberjoin .input_tab .warning {padding-top:4px; color:#919191; font-size:10px; letter-spacing:-0.025rem;} #memberjoin .input_tab ul {padding-top:10px;} #memberjoin .input_tab ul > li {padding-bottom:20px;} #memberjoin .input_tab ul > li label {display:inline-block; min-width:105px; color:#444; letter-spacing:-0.025rem;} #memberjoin .input_tab ul > li.chkbox label {font-weight:800;} #memberjoin .input_tab ul > li label input[type=checkbox] {width:14px; height:14px; margin:-3px 9px 0 0; outline:0; border-radius:0; border:0; background:no-repeat left center; background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/join_check2.png'); cursor:pointer; vertical-align:middle; transition:all 0.3s; -webkit-transition:all 0.3s; -webkit-appearance:none; -moz-appearance:none;} #memberjoin .input_tab ul > li label input[type=checkbox]::-ms-check {display:none;} #memberjoin .input_tab ul > li label input[type=checkbox]:checked {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/join_check2_on.png');} #memberjoin .input_tab ul > li label input[type=radio] {display:inline-block; overflow:hidden; width:14px; height:14px; margin:-3px 9px 0 0; border:0; background:no-repeat center; background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/join_radio.png'); vertical-align:middle; outline:0; -webkit-appearance:none; appearance:none; transition:all 0.3s; -webkit-transition:all 0.3s;} #memberjoin .input_tab ul > li label input[type=radio]:checked {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/join_radio_on.png');} #memberjoin .input_tab .marketing_view {display:none; padding:5px 0 10px;} #memberjoin .input_tab .marketing_view table {width:100%; border:1px solid #e7e7e7;} #memberjoin .input_tab .marketing_view table th {padding:5px 0; background:#f6f6f6; font-weight:400; text-align:center;} #memberjoin .input_tab .marketing_view table td {padding:15px 0 15px 17px; text-align:left; vertical-align:middle;} #memberjoin .input_tab .marketing_view table td.line {border-bottom:1px solid #e7e7e7;} #memberjoin .input_tab .marketing_view table td.last {padding-left:24px;} #memberjoin .member_type {padding-bottom:30px;} #memberjoin .member_type label {margin:0 10px;} #memberjoin .btn {padding-top:25px; text-align:center;} #memberjoin .btn .huge2 a {padding:8.5px 20px; font-size:14px;} /* input 체크박스 */ #memberjoin input[type=checkbox] {width:13px; height:13px; margin:0 6px 0; outline:0; border-radius:0; border:0; background:no-repeat left center/13px; background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/join_check.png'); cursor:pointer; vertical-align:middle; transition:all 0.3s; -webkit-transition:all 0.3s; -webkit-appearance:none; -moz-appearance:none;} #memberjoin input[type=checkbox]::-ms-check {display:none;} #memberjoin input[type=checkbox]:checked {background-image:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/common/join_check_on.png');} #member_join_finish {width:485px; margin:0 auto;} #member_join_finish h3.title {margin-bottom:10px; margin-top:30px; font-size:25.34px; text-align:center;} #member_join_finish .box {padding:60px 0 50px 0; border-bottom:1px solid #dedede; color:#888; text-align:center; line-height:3;} #member_join_finish .box strong {font-size:14px;} #member_join_finish .info_box {text-align:center; padding:60px 0 25px 0;} #member_join_finish .info_box p {margin-bottom:15px; font-weight:bold; font-size:13.34px; line-height:21.34px; letter-spacing:-0.025em;} #member_join_finish .info_box a {text-decoration:underline; letter-spacing:-0.025em;} #member_join_finish .btn_col {text-align:center;} #member_join_finish .btn_col .btn {margin-top:30px; text-align:center; display:inline-block;} #member_join_finish .btn_col .btn .box_btn > a {padding:13.5px 16px;} #member_join_finish .btn_col .btn * {border:none;} #member_join_finish .btn_col .btn a {font-size:13.34px;} #member_join_finish .btn_col .btn:last-child * {background:#b2b2b2; margin-left:5px;} /*-----------------------------------------------------------------*/ /* 4-5. 추가페이지 /*-----------------------------------------------------------------*/ /* 이용약관(/content/content.php?cont=uselaw) */ #uselaw > ol > li > dl > dt {padding:15px 0;} #uselaw {padding:15px 30px !important;} #uselaw dd {color:#bbbcb9;} #memberjoin #uselaw > ol > li > dl > dt {padding:0 !important;} #join_pay, #join_privacy, #join_rull {padding:15px 30px !important;} #join_pay dd, #join_privacy dd, #join_rull dd {color:#bbbcb9;} #join_pay dt, #join_privacy dt, #join_rull dt {padding:15px 0;} /* 개인정보취급방침(/content/content.php?cont=privacy) */ #privacy > ul > li > dl > dt {padding:30px 0 10px; font-weight:bold;} #privacy > ul > li > dl > dd {padding-left:10px; color:#666;} #privacy > ul > li > dl > dd > ul, #privacy > ul > li > dl > dd > ol {padding-left:10px; color:#666;} /* 이용안내(/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;} /* 브랜드소개 (/content/content.php?cont=brand_info) */ #brand_info {text-align:center;} #brand_info .content_info:after {display:block; clear:both; content:'';} #brand_info .left {float:left; width:50%;} #brand_info .right {float:right; width:50%;} #brand_info .txt .title {padding:12px 0 17px; background:url('https://www.na-mu.co.kr/_skin/namugrim_renewal_250715/img/etc/brand_info_title.png') no-repeat top center; color:#333; font-size:20px; font-weight:500;} #brand_info .txt .summary {color:#8c8c8c; font-size:15px; font-weight:300; line-height:26px;} #brand_info .company_info {margin-bottom:80px; background:#f7f7f7;} #brand_info .company_info .inner {max-width:1920px; min-width:1280px; margin:0 auto;} #brand_info .company_info .txt {float:right; width:640px;} #brand_info .company_info .txt .title {margin-top:119px;} #brand_info .spa_info .txt .title {margin-top:210px;} /*-----------------------------------------------------------------*/ /* 5. ETC /*-----------------------------------------------------------------*/ /* 댓글 - 리스트(게시판, 상품리뷰) */ .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%;} .list_comment > ul > li .name a {color:inherit; font-size:inherit;} .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-right:5px; color:#888;} .list_comment > ul > li .date img {margin-top:3px;} /* 댓글 - 쓰기(게시판, 상품리뷰) */ .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:60px; border:0; border-right:1px solid #e2e2e2;} .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;} /* 게시판 - 상품연동 - 검색 */ #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;} /* 퀵카트 */ .quickcart {position:relative;} .quickcart .toggle {display:block; padding:10px 0; border:1px solid #000; background:#000; color:#fff;} .quickcart .toggle:hover {color:#fff !important;} .quickcart .list {position:absolute; right:0; z-index:20; width:250px; padding:10px; border:1px solid #000; 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-bottom:1px solid #d7d7d7; color:#837d81; text-align:center; vertical-align:middle;} .quickcart .list .frame table td.info {padding-left:15px; text-align:left;} .quickcart .list .frame table td.info .opt {font-size:11px;} .quickcart .list .frame table td.info .price {padding-top:5px; font-weight:bold;} .quickcart .list .frame table td.info .price span {font-size:11px; font-weight:normal;} .quickcart .list .frame table td.info .mall {padding-top:5px; font-size:11px;} .quickcart .list .frame table td .del {position:absolute; right:0; top:10px;} .quickcart .list .tbl_price {padding:10px;} .quickcart .list .tbl_price table th {text-align:left;} .quickcart .list .btn {padding-top:6px;} /* 프로모션기획전 */ .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;}