/*-----------------------------------------------------------------*/ /* 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. nav 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.4; vertical-align:baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} body {min-width:320px; word-break:break-all; -webkit-text-size-adjust:none;} 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] {margin-top:-1px; vertical-align:top;} 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;} input[type=text], input[type=password], input[type=submit], input[type=button], input[type=search], input[type=tel], input[type=number], input[type=email], textarea {border-radius:0; -webkit-appearance:none;} /*-----------------------------------------------------------------*/ /* 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:20px 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;} .i_info {display:inline-block; position:relative; top:2px; width:15px; height:15px; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/icon_info.png') no-repeat center/15px; font-style:normal; font-weight:normal; line-height:1;} .i_info_cart {display:inline-block; position:relative; top:3px; width:15px; height:15px; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/i_info_cart.png') no-repeat center/13px; 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:1rem; 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; border-radius:0; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/button/down_icon.png') no-repeat center right 10px /auto 5px; color:#8a8a8a; font:inherit; -webkit-appearance:none;} select.block {width:100%;} select:focus {border-color:#000; outline:none !important;} /* 체크박스 */ input[type=checkbox] {width:13px; height:13px; border:1px solid #ddd; border-radius:0; background:transparent; appearance:none;} input[type=checkbox]:checked {border:none; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/check_box_on.png') no-repeat center/13px;} /* 서브 페이지 타이틀 */ .subtitle {padding:34px 0 25px; color:#404040; font-size:1.167rem; font-weight:500; text-align:center;} .subtitle.join {padding:27px 0 15px; color:#444; font-size:1.292rem; font-weight:400;} /* 페이징 */ .paging * {vertical-align:middle;} .paging {margin-top:40px; font-size:0; text-align:center;} .paging li {display:inline; color:#9e9e9e; vertical-align:middle;} .paging li strong {display:inline-block; height:25px; margin:0 2px; padding:0 3px; border-bottom:1px solid #333; color:#333; font-size:1.083rem; font-weight:200; line-height:25px;} .paging li a {display:inline-block; height:25px; margin:0 2px; padding:0 3px; color:#b2b2b2; font-size:1.083rem; font-weight:200; line-height:25px;} /* 박스 스타일 - 수량 */ .box_qty {display:inline-block; position:relative; width:100px;} .box_qty .form_input {padding:0 30px;} .box_qty .form_input:hover {border-color:#dcdcdc;} .box_qty .minus {display:inline-block; position:absolute; left:0; top:0; width:34px; height:34px; border:1px solid #dcdcdc; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/bullet_minus.png') no-repeat center/12px;} .box_qty .plus {display:inline-block; position:absolute; right:0; top:0; width:34px; height:34px; border:1px solid #dcdcdc; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/bullet_plus.png') no-repeat center/12px;} /* 컬러칩 리스트 */ .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:19px; height:19px; margin:0 10px 0 0; padding:3px; border:none;} .color_option li a.on {border:1px solid #ddd;} .color_option li a.selected:after {display:block; width:25px; height:25px; margin:-5.5px 0 0 -6.5px; background:transparent; border:1px solid #373737; content:'';} .color_option li a.on:after {margin:-6.5px 0 0 -7.5px; content:'';} .color_option li a > span {display:none;} .color_option li a.selected > span {display:block; position:absolute; top:50%; right:0; color:#373737; font-size:1rem; font-weight:300; transform:translateY(-50%);} .color_option li a.img_chip {padding:0;} .color_option li a.img_chip.selected:after {margin:-21.5px 0 0 -3.5px;} .color_option li a img {width:100%; max-width:none; 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; min-width:39px; height:23px; margin-right:6px; padding:0 6px; border:1px solid #ddd; line-height:21px; text-align:center;} .text_option li a.selected {border:1px solid #373737;} .text_option li a.soldout {background:#ff1111; color:#fff;} /* 글쓰기 - 주문서,1:1문의 */ .write > div {margin-bottom:10px; text-align:left;} .write > div:last-child {margin-bottom:0;} .write > div.line {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dcdcdc;} .write > div > label {display:none;} .write > .msg {margin-bottom:10px; line-height:34px;} .write > .msg * {vertical-align:middle;} /* 상단 셀렉트 메뉴 */ .top_select_menu {width:100%; height:54px; padding:0 4.16%; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/select_down.png') no-repeat center right 4.16%/auto 5px #373737; border:none; color:#fff; font-size:1.083rem; appearance:none;} /* 상품리스트 정렬 */ .sort_line {} .sort_line .sort select {width:100%;} .sort_line .type {float:left; width:50%; height:34px; border:1px solid #dcdcdc; border-left:0; color:#666;} .sort_line .type a {display:block; width:100%; height:100%; padding:0 10px; background-repeat:no-repeat; background-position:right center; background-size:32px; color:inherit; line-height:34px;} .sort_line .type a.type1 {background-image:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/shop/type1.png');} .sort_line .type a.type2 {background-image:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/shop/type2.png');} .sort_line .type a.type3 {background-image:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/shop/type3.png');} .sort_line .type a.type4 {background-image:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/shop/type4.png');} .sort_line .type a.type5 {background-image:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/shop/type5.png');} /* 엔진 - 레이어 딤드(게시판 상품 선택, 퀵프리뷰 팝업) */ #qdBackground {position:fixed !important; width:100% !important; height:100% !important;} /*-----------------------------------------------------------------*/ /* 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:15px 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; font-weight:normal; text-align:center; vertical-align:middle;} .tbl_col > tbody > tr > td {padding:15px 0; border-bottom:1px solid #e0e0e0; text-align:center; vertical-align:middle;} .tbl_col > tbody > tr > td * {color:#666;} .tbl_col > tbody > tr > td.tal {padding-left:15px !important;} .tbl_col > tbody > tr > td.img img {width:100px; height:auto;} /* 테이블 스타일 - 가로 - 장바구니, 주문조회 */ .tbl_col.prd > tbody > tr > td {padding:0;} .tbl_col.prd > tbody > tr > td.order_number a {font-weight:bold; text-decoration:underline;} .tbl_col.prd > tbody > tr > td.delete_wish a {display:inline-block; position:relative;} .tbl_col.prd > tbody > tr > td.delete_wish a:first-child:after {position:absolute; right:0; top:8px; width:1px; height:15px; background:#e0e0e0; content:'';} .tbl_col.prd > tbody > tr > td .btn_edit {display:inline-block; vertical-align:top;} .tbl_col.prd > tbody > tr > td .btn_edit a {font-size:0.917rem; text-decoration:underline; line-height:35px;} /* 테이블 스타일 - 가로 - 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 .best {display:inline-block; margin-right:5px; padding:3px 5px; background:#f00; color:#fff;} /* 테이블 스타일 - 세로 */ .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:10px; border-bottom:1px solid #e0e0e0; font-weight:normal; text-align:left; vertical-align:middle;} .tbl_row td {padding: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;} .tbl_order caption {padding-bottom:20px; font-weight:bold; text-align:left;} .tbl_order th {padding:6px 0; font-weight:normal; text-align:left; vertical-align:middle;} .tbl_order td {padding:6px 0; text-align:right; vertical-align:middle;} .tbl_order.sale {margin:5px 0; border:1px solid #dcdcdc; border-width:1px 0;} .tbl_order .total td .view_info {display:none; margin-top:5px;} .tbl_order .total_price, .tbl_order .total_price * {color:#d53838; font-size:1.333rem;} /*-----------------------------------------------------------------*/ /* 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:1rem; 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:9.5px 16px; font-size:1.167rem;} .box_btn.large2 > * {padding:9.5px 16px; font-size:0.917rem;} /* 버튼스타일 - 가로길이 */ .box_btn.block {display:block;} .box_btn.block > * {width:100%;} .box_btn.w50 > * {width:50px;} .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.w161 > * {width:161px;} .box_btn.w175 > * {width:175px;} .box_btn.w200 > * {width:200px;} .box_btn.w225 > * {width:225px;} .box_btn.w250 > * {width:250px;} .box_btn.w275 > * {width:275px;} .box_btn.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:#ddd; background:#fff; color:#8a8a8a !important;} .box_btn.white5 * {border-color:#ddd; background:#fff; color:#1c1b1b !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.red * {border-color:#C90000; background:#C90000; color:#fff !important;} .box_btn.gray2 * {border-color:#434343; background:#434343; color:#fff !important;} .box_btn.gray3 * {border-color:#656565; background:#656565; color:#fff !important;} .box_btn.gray4 * {border-color:#656565; background:#fff; color:#656565 !important;} .box_btn.black * {border-color:#1c1b1b; background:#1c1b1b; color:#fff !important;} /* 버튼스타일 - 텍스트 */ .box_btn.strong * {font-weight:bold;} /* 나열 버튼 */ .btn_col {width:100%;} .btn_col:after {display:block; clear:both; content:'';} .btn_col span {float:left; width:49%;} .btn_col span:last-child {float:right;} .btn_col.col3 span {float:left; width:32%;} .btn_col.col3 span:nth-child(3n-1) {margin:0 2%;} .btn_col2 {width:100%;} .btn_col2:after {display:block; clear:both; content:'';} .btn_col2 span {float:left; width:50%;} .btn_col2 span:last-child {float:right; position:relative; left:-1px;} /*-----------------------------------------------------------------*/ /* 2-3. product /*-----------------------------------------------------------------*/ /* 상품스타일 - 기본 */ .prd_basic {display:block; width:100%; text-align:left !important; font-size:0;} .prd_basic > li {display:inline-block; padding-bottom:47px; text-align:center; vertical-align:top;} .prd_basic .box {position:relative; width:100%; margin:0 auto;} .prd_basic .box .btn_wish {display:none; position:absolute; top:0; right:0;} .prd_basic .box .btn_wish a {display:block; width:16.5px; height:15.5px; padding:10px; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/shop/icon_wish.png') no-repeat center; background-size:16.5px 15.5px; -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 .best_icon {display:none; position:absolute; top:0; left:0; width:60px; height:30px; padding:0 5px; background-color:rgba(0,0,0,0.5); color:#fff; font-size:0.917rem; text-align:center; line-height:30px;} .prd_basic .box .img .prdimg {transition:all .3s ease;} .prd_basic .box .img .prdimg img {width:100%; height:auto;} .prd_basic .box .img .subimg {display:none;} .prd_basic .box .img .subimg img {width:100%; height:auto;} .prd_basic .box .img .soldout {display:none;} .prd_basic .box.out .img .prdimg {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity:.3;} .prd_basic .box.out .img .soldout {display:block; position:absolute; left:0; top:50%; z-index:5; width:100%; color:#000; font-size:1.167rem; font-weight:bold; text-align:center; cursor:pointer;} /* 품절시 soldout 출력 */ .prd_basic .box .info {padding-top:0; text-align:center;} .prd_basic .box .chip_box {padding-top:15px; font-size:0;} .prd_basic .box .chip_box .color_box {display:inline-block; width:18px; height:18px; margin:0 3px; vertical-align:top;} .prd_basic .box .chip_box .color_box.on {border:1px solid #ddd;} .prd_basic .box .chip_box .color_box img {width:100%; height:auto;} .prd_basic .box .name {padding:23px 0 0;} .prd_basic .box .name a {color:#373737; font-size:1.083rem;} .prd_basic .box .summary {display:none; overflow:hidden; height:30px; margin-bottom:5px; color:#999; font-size:0.833rem; line-height:14px; word-break:break-all; word-wrap:break-word;} .prd_basic .box .price {padding:12px 0 0;} .prd_basic .box .price span {color:#373737; font-size:1.083rem; font-weight:400; word-break:break-all; word-wrap:break-word;} .prd_basic .box .price span * {color:inherit;font-size:1.083rem;} .prd_basic .box .price .consumer {color:#8c8c8c; font-size:1rem; text-decoration:line-through;} .prd_basic .box .price .retail span {color:#c4c4c4; font-size:1rem;} .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 .icon {padding-top:3px;} .prd_basic .box .icon img {height:12px; margin-left:4.5px;} .prd_basic .box .icon img:first-child {margin-left:0;} /* 상품스타일 - 보기갯수 */ .prd_basic.col1 > li {width:100%;} .prd_basic.col2 {display:block; width:auto; margin-right:-1.38%;} .prd_basic.col2 > li {width:50%; padding-right:1.38%;} /* .prd_basic.col2 > li:nth-child(2n) {padding:0 0 30px 5px;} */ .prd_basic.col3 > li {width:32%;} .prd_basic.col3 > li:nth-child(3n-1) {margin:0 2%;} .prd_basic.col_img > li {width:50%; padding-right:5px;} .prd_basic.col_img > li:nth-child(2n) {padding:0 0 0 5px;} .prd_basic.col_img .box .info {display:none;} .prd_basic.col_list > li {width:100%;} .prd_basic.col_list > li {margin-bottom:10px; border-bottom:1px solid #ebebeb;} .prd_basic.col_list > li .box:after {display:block; clear:both; content:'';} .prd_basic.col_list > li .box .img {float:left; width:30%;} .prd_basic.col_list > li .box .info {float:left; width:70%; padding-left:10px; text-align:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .prd_basic.col_list > li .box .name {padding-top:0;} .prd_basic.spc_list li:nth-child(14n+5), .prd_basic.spc_list li:nth-child(14n+6), .prd_basic.spc_list li:nth-child(14n+11), .prd_basic.spc_list li:nth-child(14n+14) {width:100%; padding-right:1.38%;} .prd_basic.spc_list li:nth-child(14n+6) .img, .prd_basic.spc_list li:nth-child(14n+14) .img {font-size:0;} /* .prd_basic.spc_list li:nth-child(14n+6) .prdimg, .prd_basic.spc_list li:nth-child(14n+6) .subimg, .prd_basic.spc_list li:nth-child(14n+14) .prdimg, .prd_basic.spc_list li:nth-child(14n+14) .subimg {display:inline-block; width:50%; vertical-align:top;} */ .prd_basic.spc_list li:nth-child(14n+6) .prdimg, .prd_basic.spc_list li:nth-child(14n+14) .prdimg {display:none;} .prd_basic.spc_list li:nth-child(14n+6) .subimg, .prd_basic.spc_list li:nth-child(14n+14) .subimg {display:block;} /* 첫 번째 아이템 (1개) */ .prd_basic.big_list li:nth-child(6n+1) { width:100%; padding-right:1.38%; } /* 두 번째와 세 번째 아이템 (2개) */ .prd_basic.big_list li:nth-child(6n+2), .prd_basic.big_list li:nth-child(6n+3) { /* 2번째, 3번째, 8번째, 9번째... */ } /* 네 번째 아이템 (1개) */ .prd_basic.big_list li:nth-child(6n+4) { width:100%; padding-right:1.38%; } .prd_basic.big_list li:nth-child(6n+4) .prdimg, .prd_basic.big_list li:nth-child(6n+4) .prdimg {display:none;} .prd_basic.big_list li:nth-child(6n+4) .subimg, .prd_basic.big_list li:nth-child(6n+4) .subimg {display:block;} /* 다섯 번째와 여섯 번째 아이템 (2개) */ .prd_basic.big_list li:nth-child(6n+5), .prd_basic.big_list li:nth-child(6n+6) { /* 5번째, 6번째, 11번째, 12번째... */ } /*-----------------------------------------------------------------*/ /* 3. Layout /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* 3-1. wrapper /*-----------------------------------------------------------------*/ .wrap_inner {padding:15px;} /* 컨텐츠 사이즈 */ .wrap_inner2 {padding:15px 4.68%;} .wrap_inner3 {padding:0 4.16%;} .wrap_inner4 {padding:0 1.38%;} .wrap_inner5 {padding:0 5.5%;} .bnr_img img {width:100%; height:auto;} body.view_nav {overflow:hidden;} body.view_nav #dimmed {display:block;} #bottom_menu {position:fixed; bottom:0; left:0; z-index:10; width:100%; height:44px; background:#fff;} #bottom_menu > ul {font-size:0;} #bottom_menu > ul li {display:inline-block; width:20%; text-align:center; vertical-align:top;} #bottom_menu > ul li > a {display:block; line-height:44px; text-indent:-9999px;} #bottom_menu > ul li.category > a {background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/button/fix_menu.png') no-repeat center/18px auto;} #bottom_menu > ul li.search > a {background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/button/fix_srch.png') no-repeat center/16px auto;} #bottom_menu > ul li.home > a {background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/button/fix_home.png') no-repeat center/21px auto;} #bottom_menu > ul li.mypage > a {background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/button/fix_my.png') no-repeat center/20px auto;} #bottom_menu > ul li.order > a {background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/button/fix_order.png') no-repeat center/28px auto;} #btn_top {position:fixed; bottom:60px; right:1.38%; z-index:35; cursor:pointer;} #btn_top .ft_sns {width:40px; height:40px;} #btn_top .ft_sns > a {display:block; width:40px; height:40px; background-size:100% auto; background-repeat:no-repeat; background-position:center; text-indent:-9999px;} #btn_top .ft_kakao {margin-top:5px;} #btn_top .ft_insta > a {background-image:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/button/scroll_insta.png');} #btn_top .ft_kakao > a {background-image:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/button/scroll_kakao.png');} #btn_top .scroll_btn {width:40px; height:30px;} #btn_top .scroll_btn > a {display:block; width:40px; height:30px; background-size:24px auto; background-repeat:no-repeat; background-position:center; text-indent:-9999px;} #btn_top .btn_up {margin:4px 0 8px;} #btn_top .btn_up > a {background-image:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/button/scroll_up.png');} #btn_top .btn_down > a {background-image:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/button/scroll_down.png');} #box_search {display:none; position:fixed; bottom:44px; left:0; z-index:40; width:100%; height:60px; background:#fff;} #box_search .box {padding:12px 0 0;} #box_search .basic_search {padding-right:30px; border:1px solid #373737;} #box_search .basic_search::placeholder {color:#c4c4c4; font-size:1rem;} #box_search .btn {position:absolute; top:20px; right:19px; width:16px; height:17px;} /*-----------------------------------------------------------------*/ /* 3-2. header /*-----------------------------------------------------------------*/ #top_bnr {text-align:center;} #top_bnr img {width:100%; height:auto;} header {display:block; width:100%; height:55px; background:#fff;} header .gnb {position:relative; width:100%; height:inherit; background:inherit;} header .gnb h1 {displaY:inline-block; padding-left:15px; margin-top:20px;} header .gnb h1 img {width:143px; height:auto;} header .gnb .hd_menu {position:absolute; top:0; right:9px; height:100%; font-size:0;} header .gnb .hd_menu li {display:inline-block; vertical-align:top;} header .gnb .hd_menu li a {display:block; width:20px; margin:0 4px; background-repeat:no-repeat; background-position:center; background-size:auto 16px; line-height:55px; text-indent:-9999px;} header .gnb .hd_menu li.hd_mypage a {background-image:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/my_hd.png');} header .gnb .hd_menu li.hd_cart {position:relative;} header .gnb .hd_menu li.hd_cart a {background-image:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/cart_hd.png');} header .gnb .hd_menu li.hd_cart span {position:absolute; top:17px; right:0; width:13px; height:13px; border-radius:50%; background:#333; color:#fff; font-size:0.833rem; line-height:15px; text-align:center; } header .gnb .hd_menu li.hd_category a {background-image:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/menu_hd.png');} header .box_search {display:none; position:absolute; left:0; top:63px; z-index:10; width:100%; padding:12px 15px 17px; background:#fff; text-align:center;} header .box_search .box {position:relative; height:26px; padding-right:29px; border-bottom:1px solid #333; text-align:left;} header .box_search .box .basic_search {height:25px; padding:0; border:0; background:transparent; color:#353535; font-size:0.917rem; font-weight:200; line-height:25px;} header .box_search .box .btn {position:absolute; right:0; top:0; width:16px; height:17px; padding:1px 1.5px 7.5px 1.5px; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;} /*-----------------------------------------------------------------*/ /* 3-3. nav /*-----------------------------------------------------------------*/ nav.lnb {visibility:hidden; overflow:auto; position:fixed; top:0; left:-100%; z-index:20; width:100%; height:100%; background: #fff; transition:all 0.3s ease-in-out; -webkit-overflow-scrolling:touch;} nav.lnb .close {display:block; position:absolute; top:4px; right:6px; width:30px; height:30px; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/nav_close.png') no-repeat center/12px; text-indent:-9999px;} nav.lnb .log_out {display:block; position:absolute; top:4px; right:38px; width:30px; height:30px; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/button/nav_out.png') no-repeat center/15px; text-indent:-9999px;} nav.lnb .lnb_top {height:36px; padding-left:15px;} nav.lnb .lnb_top .login_txt, nav.lnb .lnb_top .login_txt a {color:#373737; font-size:1.083rem; line-height:36px; letter-spacing:0.04rem;} nav.lnb .lnb_top .login_txt a {border-bottom:1px solid #373737;} nav.lnb .lnb_my_menu {background:#fafafa; border-top:1px solid #ededed; font-size:0;} nav.lnb .lnb_my_menu li {display:inline-block; position:relative; width:50%; vertical-align:top; text-align:center;} nav.lnb .lnb_my_menu li:after {display:block; position:absolute; top:0; right:0; width:1px; height:100%; background:#ddd; content:'';} nav.lnb .lnb_my_menu li:last-child:after {display:none;} nav.lnb .lnb_my_menu li > a {display:block; color:#8a8a8a; font-size:0.917rem; line-height:39px;} nav.lnb .lnb_my_menu li.lnb_mileage > a {background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/nav_mileage.png') no-repeat center left 24%/15px auto;} nav.lnb .lnb_my_menu li.lnb_coupon > a {background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/nav_coupon.png') no-repeat center left 24%/18px auto;} nav.lnb .cate_wrap {padding:0 13px;} nav.lnb .cate_wrap .lnb_cate_top {padding-top:31px;} nav.lnb .cate_wrap .lnb_cate_top li {margin-bottom:14px;} nav.lnb .cate_wrap .lnb_cate_top li > a {color:#373737; font-size:1.25rem; font-weight:700;} nav.lnb .cate_wrap .cate_list {padding-top:13px;} nav.lnb .cate_wrap .cate_list li {margin-bottom:12px;} nav.lnb .cate_wrap .cate_list li.look_book {margin:16px 0 41px;} nav.lnb .cate_wrap .cate_list li > a {color:#1c1b1b; font-size:1rem; font-weight:400;} nav.lnb .cate_wrap .cate_list li.look_book > a {color:#454545; font-size:1.083rem; font-weight:700;} nav.lnb .cate_wrap .link_cont {padding-bottom:29px;} nav.lnb .cate_wrap .link_cont.lnb_vip {margin-top:10px;} nav.lnb .cate_wrap .link_cont > p {padding-bottom:3px;} nav.lnb .cate_wrap .link_cont > p, nav.lnb .cate_wrap .link_cont > p span {color:#454545; font-size:1.250rem; font-weight:700;} nav.lnb .cate_wrap .link_cont > p span {color:#b5a17e;} nav.lnb .cate_wrap .link_cont > span a {color:#1c1b1b;} nav.lnb.is_show {visibility:visible; left:0;} /*-----------------------------------------------------------------*/ /* 3-4. footer /*-----------------------------------------------------------------*/ footer {margin-top:60px; padding-bottom:60px;} footer .ft_box {border-top:1px solid #ededed;} footer .ft_box.ft_cs h4, footer .ft_box.ft_cs .tel {color:#1c1b1b; font-size:0.917rem; font-weight:400;} footer .ft_box.ft_cs .tel {letter-spacing:0.4rem;} footer .ft_box.ft_cs h4 {padding:23px 0 20px; font-weight:400;} footer .ft_box.ft_cs .time {padding:9px 0 20px; color:rgba(28,27,27,0.5); font-size:0.917rem; font-weight:400;} footer .ft_quick .quick_menu {position:relative; padding:23px 0 12px; font-size:0;} footer .ft_quick .quick_menu:after {position:absolute; top:0; left:50%; width:1px; height:100%; background:#ededed; content:'';} footer .ft_quick .quick_menu li {display:inline-block; width:50%; margin-bottom:11px; padding-left:4.16%; vertical-align:top;} footer .ft_quick .quick_menu li a {display:block; color:#1c1b1b; font-size:0.917rem; font-weight:400;} footer .ft_quick .quick_menu li.app_down a {display:none;} footer .ft_info .copyright {padding:16px 0 12px;} footer .ft_info .copyright, footer .ft_info .copyright > a, footer .ft_info .copyright > a > span, footer .ft_info .pg {color:#1c1b1b; font-size:0.917rem; line-height:1.6;} footer .ft_info .copyright > a > span {color:#3fc0e5; font-weight:700;} footer .ft_info .copyright > a {display:block; padding-top:15px;} footer .ft_info .pg a {display:block; padding-top:11px; color:#1c1b1b; font-size:0.917rem; font-weight:400;} footer .ft_info .information {padding-top:19px;} footer .ft_info .information .info span {padding-bottom:18px;} footer .ft_info .information .info span.bar {position:relative; padding-left:3px;} footer .ft_info .information .info span.bar:after {position:absolute; top:5px; left:0; width:1px; height:6px; background:#ddd; content:'';} footer .ft_info .information .info span, footer .ft_info .information .info span a {color:rgba(28,27,27,0.5); font-size:0.917rem; line-height:1.6; font-style:normal;} #dimmed {display:none; position:fixed; left:0; top:0; z-index:15; width:100%; height:100%; background:rgba(0,0,0,0.5);} /* 북마크 메시지 */ #bookmarkmsg {display:none; position:fixed; left:50%; bottom:0; z-index:9999; width:180px; margin-left:-90px; padding:10px; border-radius:3px 3px 0 0; box-shadow:0 0 5px rgba(30,30,30,0.5); background:#fff;} #bookmarkmsg strong {display:block; padding-bottom:5px; font-size:12px; font-weight:400; color:#5d5d5d; line-height:140%; text-align:center;} #bookmarkmsg span {display:block; width:40px; height:40px; margin:0 auto; border-radius:26px; border:solid 1px #ccc; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/bg_bookmark.png') no-repeat 50% 40%; background-size:45%;} /*-----------------------------------------------------------------*/ /* 4. Page /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* 4-1. 메인 /*-----------------------------------------------------------------*/ #main .main_prd {padding-top:50px;} /* #main .main_prd .prd_basic li:nth-child(6n), #main .main_prd .prd_basic li:nth-child(6n-1), #main .main_prd .prd_basic li:nth-child(14n) {width:100%; padding-right:1.38%;} #main .main_prd .prd_basic li:nth-child(12n) {width:50%;} #main .main_prd .prd_basic li:nth-child(12n+1) {width:50%;} #main .main_prd .prd_basic li:nth-child(14n+5), #main .main_prd .prd_basic li:nth-child(14n+6), #main .main_prd .prd_basic li:nth-child(14n+11), #main .main_prd .prd_basic li:nth-child(14n+14) {width:100%; padding-right:1.38%;} #main .main_prd .prd_basic li:nth-child(14n+6) .subimg, #main .main_prd .prd_basic li:nth-child(14n+14) .subimg {display:block;}*/ #main .main_visual .swiper-pagination {bottom:17px;} #main .main_visual .swiper-pagination .swiper-pagination-bullet {width:25px; height:2px; opacity:0.3; margin:0 5px; background:#fff; border-radius:0;} #main .main_visual .swiper-pagination .swiper-pagination-bullet-active {opacity:1;} #main .main_prd .box_btn a {font-size:1.083rem; line-height:12px;} /*-----------------------------------------------------------------*/ /* 4-2.상점 /*-----------------------------------------------------------------*/ /* 주문배송비메세지 - 장바구니(/shop/cart.php), 주문서(order.php) */ .msg_delivery {position:relative; padding:15px;} .msg_delivery.check {padding-left:45px;} .msg_delivery.check input[type=checkbox] {position:absolute; left:15px; top:17px;} .msg_delivery span, .msg_delivery span * {font-size:0.917rem;} /* 상품리스트 - 장바구니(/shop/cart.php), 주문서(order.php), 주문완료(order_finish.php) */ .list_cart > li {position:relative; padding:15px 15px 15px 45px; border-bottom:1px solid #dbdbdb;} .list_cart.order > li {padding-left:15px;} .list_cart.orderfin > li {padding-left:0; padding-right:0;} .list_cart > li:first-child {border-top:1px solid #dbdbdb;} .list_cart > li:after {display:block; clear:both; content:'';} .list_cart > li > .check {position:absolute; left:15px; top:15px;} .list_cart > li > .box:after {display:block; clear:both; content:'';} .list_cart > li > .box .img {float:left; width:80px} .list_cart > li > .box .img img {width:80px; height:auto;} .list_cart > li > .box .info {margin-left:90px;} .list_cart > li > .box .info > p, .list_cart > li > .box .info > div {padding-top:5px;} .list_cart > li > .box .info > p:first-child, .list_cart > li > .box .info > div:first-child {padding-top:0;} .list_cart > li > .total {margin-top:10px; padding:15px; border:1px solid #dbdbdb; border-width:1px 0; background:#f8f8f8;} .list_cart > li > .total strong {float:right; font-size:1.083rem;} .list_cart > li > .stat {padding:10px 15px; border-bottom:1px solid #dbdbdb; background:#f8f8f8; line-height:34px;} .list_cart > li > .stat .box_btn {float:right; margin-top:4px;} .list_cart > li > .stat:after {display:block; clear:both; content:'';} .list_cart > li > .trace {margin-top:10px;} .list_cart > li > .trace > p {padding-top:5px;} .list_cart > li > .btn {margin-top:10px;} .list_cart > li > .btn .box_btn {position:relative;} .list_cart > li > .btn .box_btn a {padding-left:30px;} .list_cart > li > .btn .wish:before {display:inline-block; position:absolute; left:50%; top:50%; width:13px; height:13px; margin:-7px 0 0 -30px; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/icon_wish.png') no-repeat; background-size:cover; content:'';} .list_cart > li > .btn .del:before {display:inline-block; position:absolute; left:50%; top:50%; width:13px; height:13px; margin:-7px 0 0 -30px; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/icon_delete.png') no-repeat; background-size:cover; content:'';} /* 상품목록(/shop/big_section.php) */ .swiper_namu {display:none;} .swiper_namu .swiper-slide img {width:100%; height:auto;} .swiper_namu .ctrl {position:absolute; top:50%; z-index:10; width:27px; height:52px; margin-top:-26px; background-repeat:no-repeat; background-size:14px auto; background-position:center;} .swiper_namu .ctrl.prev {left:15px; background-image:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/main/bnr_prev.png');} .swiper_namu .ctrl.next {right:15px; background-image:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/main/bnr_next.png');} .cate_title_img {font-size:0; line-height:0;} .cate_title_img img {width:100%; height:auto;} #big_section .best_area .swiper-wrapper {padding-bottom:30px;} #big_section .best_area .prd_basic .box .summary {display:none;} #big_section .midcate {display:none;} #big_section {border-top:1px solid #ededed;} #big_section .sort_line {display:flex; justify-content:space-between; align-items:center; padding:18px 0 15px;} #big_section .list_name {padding-left:8px; color:#373737; font-size:1rem; font-weight:400;} #big_section .sort_line .sort {padding-right:8px;} #big_section .sort_line .sort select {padding-left:0; padding-right:18px; border:none; color:#373737;} #big_section .sort_line .sort select option {background:rgba(255,255,255,0.86);} #search_result .sort_line {display:flex; justify-content:space-between; align-items:center; padding:18px 0 15px;} #search_result .list_name {padding-left:8px; color:#373737; font-size:1rem; font-weight:400;} #search_result .sort_line .sort {padding-right:8px;} #search_result .sort_line .sort select {padding-left:0; padding-right:18px; border:none; color:#373737;} #search_result .sort_line .sort select option {background:rgba(255,255,255,0.86);} /* 상품상세페이지(/shop/detail.php) */ #detail .detail_header {position:absolute; top:0; left:0; z-index:10; width:100%; height:55px;} #detail .detail_header > span {position:absolute; top:0; width:40px; height:100%;} #detail .detail_header > span > a {display:block; line-height:55px; text-indent:-9999px;} #detail .detail_header > span.back_btn {left:0;} #detail .detail_header > span.wish {right:6px;} #detail .detail_header > span.back_btn > a {background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/button/hd_back.png') no-repeat center/11px auto;} #detail .detail_header > span.wish > a {background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/button/detail_wish.png') no-repeat center/21px auto;} #detail .prdimg {overflow:hidden; position:relative; text-align:center;} #detail .prdimg img {width:100%; height:auto;} #detail .prdimg .addimg {display:none;} #detail .prdimg .swiper-pagination {bottom:17px;} #detail .prdimg .swiper-pagination .swiper-pagination-bullet {width:25px; height:2px; opacity:0.3; margin:0 5px; background:#fff; border-radius:0;} #detail .prdimg .swiper-pagination .swiper-pagination-bullet-active {opacity:1;} #detail .info {padding:47px 0 0;} #detail .info .name {color:#373737; font-size:1.25rem; font-weight:700;} #detail .info .price {padding-top:6px;} #detail .info .price .consumer {color:#c4c4c4; font-size:1rem; text-decoration:line-through;} #detail .info .price .sell_mileage {display:flex; justify-content:flex-start; align-items:center; margin-bottom:8px;} #detail .info .price .sell_mileage * {line-height:1;} #detail .info .price .sell_mileage .sell {color:#373737; font-size:1.167rem;} #detail .info .price .sell_mileage .det_mileage {margin:1px 0 0 8px; color:#373737; font-size:0.917rem;} #detail .info .price .sell_mileage .det_mileage.on {display:none;} #detail .info .price .member_price {color:#eb0004; font-size:1rem;font-weight:600;} #detail .info .code_share {display:flex; justify-content:space-between; align-items:center; margin-top:11px;} #detail .info .code_share * {line-height:23px;} #detail .info .code_share .code, #detail .info .code_share .code span {color:#656565;} #detail .info .code_share .code span {border-bottom:1px solid #656565;} #detail .info .code_share .share_link {display:inline-block; padding-top:20px; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/button/det_share.png') no-repeat top center/15px auto; color:#656565;} #detail .info .pop_coupon {display:none; position:fixed; left:0; top:50%; z-index:5; width:100%; border:1px solid #d9d9d9; background:#fff;} #detail .info .pop_coupon .box {position:relative; z-index:15; padding:30px; background:#fff;} #detail .info .pop_coupon h2 {color:#000; font-size:1.167rem;} #detail .info .pop_coupon .count {margin-top:20px; padding:15px 20px; background:#fafafa;} #detail .info .pop_coupon .list {overflow:auto; max-height:200px; margin-top:10px; border-top:1px solid #e0e0e0;} #detail .info .pop_coupon .list li {position:relative; padding:15px 100px 15px 15px; border-bottom:1px solid #e0e0e0; text-align:left;} #detail .info .pop_coupon .list a {position:absolute; right:15px; top:10px; padding:5px 10px; background:#363636; color:#fff; cursor:pointer;} #detail .info .pop_coupon .close {display:inline-block; position:absolute; right:20px; top:20px; width:21px; height:21px; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/button/close.png') no-repeat center / 16px; text-indent:-9999px; cursor:pointer;} #detail .info .btn {display:block; padding:5px 0 33px; font-size:0;} #detail .info .btn .box_btn {display:inline-block; width:50%; vertical-align:top;} #detail .info .btn .box_btn a {display:block; height:50px; padding:0; font-size:1.25rem; font-weight:700; line-height:48px;} #detail .info .opt_wrap {position:relative; } #detail .info .opt_wrap .box_qty {display:flex; justify-content:space-between; position:absolute; bottom:13px; left:4.16%; z-index:10; width:100px; height:25px; border:1px solid #ddd; font-size:0;} #detail .info .opt_wrap .box_qty input[type=number], #detail .info .opt_wrap .box_qty .plus, #detail .info .opt_wrap .box_qty .minus {display:inline-block; vertical-align:top;} #detail .info .opt_wrap .box_qty input[type=number] {width:98px !important; height:23px; padding:0 23px; border:none; text-align:center;} #detail .info .opt_wrap .box_qty .plus, #detail .info .opt_wrap .box_qty .minus {position:absolute; top:0; width:23px; height:23px; border:none;} #detail .info .opt_wrap .box_qty .plus {right:0; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/shop/ea_up3.gif') no-repeat center/auto 23px;} #detail .info .opt_wrap .box_qty .minus {left:0; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/shop/ea_down3.gif') no-repeat center/auto 23px;} #detail .info .list_opt {padding:0 4.16% 30px; } #detail .info .list_opt > li {margin-bottom:20px; font-size:0;} #detail .info .list_opt > li:last-child {margin:0; padding-top:0px;} #detail .info .list_opt li .opt_name, #detail .info .list_opt li .opt_cont {display:inline-block; vertical-align:middle;} #detail .info .list_opt li .opt_name {width:15%; color:#373737; } #detail .info .list_opt li .opt_cont {width:85%;} #detail .info .list_opt li .opt_cont select {width:100%;} #detail .info .multi_opt {position:relative;} #detail .info .multi_opt .selected_list > li:after {display:block; clear:both; content:'';} #detail .info .multi_opt .selected_list > li {} #detail .info .multi_opt .selected_list > li .name_qty {display:flex; justify-content:flex-end; position:relative;} #detail .info .multi_opt .selected_list > li .box_qty {position:relative; bottom:auto; left:auto; width:100px; height:25px; border:1px solid #ddd; font-size:0;} #detail .info .multi_opt .selected_list > li .box_qty input[type=number], #detail .info .multi_opt .selected_list > li .box_qty .plus, #detail .info .multi_opt .selected_list > li .box_qty .minus {display:inline-block; vertical-align:top;} #detail .info .multi_opt .selected_list > li .box_qty input[type=number] {width:98px !important; height:23px; padding:0 23px; border:none; text-align:center;} #detail .info .multi_opt .selected_list > li .name_qty strong {min-width:67.5px;} #detail .info .multi_opt .selected_list > li .box_qty .plus, #detail .info .multi_opt .selected_list > li .box_qty .minus {position:absolute; top:0; width:23px; height:23px; border:none;} #detail .info .multi_opt .selected_list > li .box_qty .plus {right:0; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/shop/ea_up3.gif') no-repeat center/auto 23px;} #detail .info .multi_opt .selected_list > li .box_qty .minus {left:0; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/shop/ea_down3.gif') no-repeat center/auto 23px;} #detail .info .multi_opt .selected_list > li .name_del {display:flex; justify-content:flex-end; padding:0 4.16%;} #detail .info .multi_opt .selected_list > li .name_multi {position:absolute; top:0; left:0; color:#373737; line-height:25px;} #detail .info .multi_opt .selected_list > li .del {} #detail .info .multi_opt .selected_list > li .del img {width:10px; height:10px; margin-top:3px; vertical-align:top;} #detail .info .multi_opt .opt_total {clear:both; position:relative; min-height:25px; padding:7px 4.16% 14px; text-align:right;} #detail .info .multi_opt .opt_total strong, #detail .info .multi_opt .opt_total strong * {color:#373737; font-size:1rem; font-weight:400; line-height:25px;} #detail .info .multi_opt .opt_total .price_title {position:absolute; top:calc(50% - 5px); left:4.16%; transform:translateY(-50%);} #detail .info .multi_opt .opt_total.opt_wrap strong, #detail .info .multi_opt .opt_total.opt_wrap strong * {color:#373737; font-size:1rem; font-weight:400; line-height:38px;} #detail .info .multi_opt .opt_total.opt_wrap {height:38px; margin-bottom:30px; padding:0 4.16% 0 0; background:#f5f5f5; border:1px solid #ededed; border-width:1px 0;} #detail .info .multi_opt .opt_total.opt_wrap .price_title {position:absolute; top:50%; left:4.16%; color:#333; font-size:1.083rem; transform:translateY(-50%);} #detail .info .summary_box {padding-top:10px; background:#f6f6f6;} #detail .info .summary_box > .wrap_inner3 {padding-top:28px; background:#fff;} #detail .info .summary_box .summary {padding:20px; background:#f2f2f2; border-radius:15px; color:#373737; font-size:1.083rem; line-height:1.6;} #detail .info .summary_box .sub_info {padding:22px 0 0; } #detail .info .summary_box .sub_info p {color:#707070; font-size:1.083rem;} #detail .info .summary_box .sub_info_title {padding:0 0 4px 15px;} #detail .info .summary_box .sub_info_cont {padding:0 0 0 20px;} #detail .info .summary_box .more_info {margin-top:17px; border:1px solid #ddd;} #detail .info .summary_box .more_info a {display:block; height:36px; padding-left:14px; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/shop/info_plus.png') no-repeat center right 14px/14px;; color:#373737; line-height:36px;} #detail .info .summary_box .more_info a.active {background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/shop/info_minus.png') no-repeat center right 14px/14px;} #detail .info .summary_box .more_info_cont {padding:15px 14px; border:1px solid #ddd; border-width:0 1px 1px; color:#8a8a8a; font-size:0.917rem;} #detail .info .summary_box .more_info_cont p {} #detail .wrap_info .detail_info, #detail .wrap_info .common_info {word-break:break-all;} #detail .wrap_info .detail_info {margin-top:20px;} #detail .wrap_info .detail_info * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;} #detail .wrap_info .detail_info img, #detail .wrap_info .common_info img {max-width:100%; height:auto; font-size:0; line-height:0;} #detail .wrap_info .detail_qnarev .title_btn {padding-bottom:15px;} #detail .wrap_info .detail_qnarev .title_btn:after {display:block; clear:both; content:'';} #detail .wrap_info .detail_qnarev .title_btn h3 {float:left; padding-top:7px; font-size:1.167rem;} #detail .wrap_info .detail_qnarev .title_btn h3 span {color:#888; font:inherit;} #detail .wrap_info .detail_qnarev .title_btn .btn {float:right;} #detail .wrap_info .detail_qnarev .more {margin-top:10px;} #detail .wrap_info .detail_related .title {padding:12px 0; font-style:normal; font-size:1.25rem; font-weight:normal; text-align:center;} #detail .wrap_info .detail_related .title.style_reaper {display:none; font-style:normal;} #detail.reaper .wrap_info .detail_related .title {display:none;} #detail.reaper .wrap_info .detail_related .title.style_reaper {display:block;} #detail .wrap_info .detail_related .box_btn {margin-top:10px;} #detail .detail_related .btn {display:block; padding:5px 0 33px; font-size:0;} #detail .detail_related .btn .box_btn {display:inline-block; width:50%; vertical-align:top;} #detail .detail_related .btn .box_btn a {display:block; height:50px; padding:0; font-size:1.25rem; font-weight:700; line-height:48px;} #detail .wrap_info .info_btn {height:56px; padding-left:4.16%; border-top:1px solid #ededed; } #detail .wrap_info .info_btn.last {border-bottom:1px solid #ededed;} #detail .wrap_info .info_btn a {display:block; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/button/down_icon.png') no-repeat center right 4.16%/auto 5px; color:#373737; font-size:1.25rem; font-weight:700; line-height:56px;} #detail .wrap_info .info_btn a.active {background-image:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/button/up_icon.png');} #detail .wrap_info .detail_txt_info {display:none; padding:0 4.16% 20px; text-align:center;} #detail .wrap_info .detail_txt_info .info_cont img {width:100%; height:auto;} #detail .wrap_info .detail_txt_info3, #detail .wrap_info .detail_txt_info4 {padding:10px 4.16%;} #detail .wrap_info .detail_txt_info .qna_info {padding-bottom:30px; color:#373737; font-size:1.083rem;} #detail .wrap_info .detail_txt_info .write_btn {margin:18px 0 30px;} #detail .wrap_info .detail_txt_info3 .write_btn {margin:0 0 17px;} #detail .wrap_info .detail_txt_info .write_btn * {font-size:1.25rem; line-height:26px;} #detail .wrap_info .detail_txt_info .list_qnarev {border-top:1px solid #373737; border-width:1px 0 0; text-align:left;} #detail .wrap_info .detail_txt_info .list_qnarev > li {border-bottom:1px solid #ededed; border-width:0 0 1px;} #detail .wrap_info .detail_txt_info .list_qnarev > li > .prdimg {float:left; width:72px;} #detail .wrap_info .detail_txt_info .list_qnarev > li > .prdimg img {width:72px; height:auto;} #detail .wrap_info .detail_txt_info .list_qnarev > li > .subject {position:relative; padding:18px 0 17px;} #detail .wrap_info .detail_txt_info .list_qnarev > li > .subject > p.title img {width:auto; height:13px; margin-top:2px; vertical-align:top;} #detail .wrap_info .detail_txt_info .list_qnarev > li > .subject > p.title, #detail .wrap_info .detail_txt_info .list_qnarev > li > .subject > p.title a {color:#373737; font-size:1.083rem;} #detail .wrap_info .detail_txt_info .list_qnarev > li > .subject > p.stat, #detail .wrap_info .detail_txt_info .list_qnarev > li > .subject > p.stat * {color:#8a8a8a; font-size:0.917rem;} #detail .wrap_info .detail_txt_info .list_qnarev > li > .subject > p.stat img {width:auto; height:9px; margin-top:3px; vertical-align:top;} #detail .wrap_info .detail_txt_info .list_qnarev > li > .subject > p.state {display:inline-block; position:absolute; bottom:15px; right:0; padding:0;} #detail .wrap_info .detail_txt_info .list_qnarev > li > .subject > p.state img {width:43px; height:auto;} #detail .wrap_info .detail_txt_info .list_qnarev > li > .content {display:none; padding:15px; border-top:1px solid #dbdbdb; background:#fafafa;} #detail .wrap_info .detail_txt_info .list_qnarev > li > .content .question {position:relative; min-height:0; padding:0 0 15px 0; border-bottom:1px solid #ededed; color:#8a8a8a; font-size:0.917rem;} #detail .wrap_info .detail_txt_info .list_qnarev > li > .content .answer {position:relative; min-height:30px; margin:15px 0; padding-left:0;} #detail .wrap_info .detail_txt_info .list_qnarev > li > .content .answer:before, #detail .wrap_info .detail_txt_info .list_qnarev > li > .content .question:before {display:none;} #detail .wrap_info .detail_txt_info .list_qnarev > li > .content .question img, #detail .wrap_info .detail_txt_info .list_qnarev > li > .content .answer img {max-width:100%; height:auto;} #detail .wrap_info .detail_txt_info .list_qnarev > li > .content .btn {padding-top:10px; text-align:right;} #detail .wrap_info .detail_txt_info .list_qnarev > li > .content .btn .edit_btn a {border:none; background:transparent; color:#8a8a8a !important; font-size:0.917rem;} #detail .wrap_info .detail_txt_info .list_qnarev > li > .content .btn .del_btn a {border:none; background:transparent; color:#373737 !important; font-size:0.917rem;} #detail .wrap_info .detail_txt_info .list_qnarev > li > .content .comment {padding-top:10px;} #detail .wrap_info .detail_txt_info .paging {margin-top:20px;} #detail .wrap_info .detail_txt_info4 .write_btn {margin:0 0 20px;} #detail .wrap_info .detail_txt_info4 .rev_title {padding-bottom:6px;} #detail .wrap_info .detail_txt_info4 .rev_title, #detail .wrap_info .detail_txt_info4 .rev_title span {color:#373737; font-size:1.083rem; font-weight:400;} #detail .wrap_info .detail_txt_info4 .rev_title span {color:#8a8a8a;} #detail .wrap_info .detail_txt_info4 .list_qnarev > li > .subject > p.title {padding-right:50px;} #detail .wrap_info .detail_txt_info4 .list_qnarev > li > .subject > p.icon {position:absolute; top:15px; right:10px;} #detail .wrap_info .detail_txt_info4 .list_qnarev > li > .subject > p.icon img {width:auto; height:9px; margin-top:3px; vertical-align:top;} #detail .info .store_pickup {position:relative; margin-top:20px;} #detail .info .store_pickup img {width:100%; height:auto; cursor:pointer;} #detail .info .store_pickup .pickup_pop {display:none; position:absolute; top:108%; left:0; z-index:10; width:100%;} #detail .info .store_pickup .pickup_pop h1 {position:relative; padding:14px 0; background:#f7f7f7; color:#404040; font-size:1.250rem; font-weight:normal; text-align:center;} #detail .info .store_pickup .pickup_pop h1 .colse {position:absolute; top:0; right:0; z-index:11; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/shop/pickup_pop_close.png') no-repeat center/11.5px; width:49px; height:49px; cursor:pointer;} #detail .info .store_pickup .pop_inner {padding:15px 15px 25px; border:1px solid #e6e6e6; border-top:0; background:#fff;} #detail .info .store_pickup .pop_inner table {width:100%;} #detail .info .store_pickup .pop_inner table th {padding-top:14px; color:#404040; font-weight:normal; text-align:left; vertical-align:top;} #detail .info .store_pickup .pop_inner table td {padding:5px 0;} #detail .info .store_pickup .pop_inner table td .calendar_wrap {position:relative; width:100%; height:35px; padding:0 35px; border:1px solid #e6e6e6; text-align:center; line-height:35px;} #detail .info .store_pickup .pop_inner table td .calendar_wrap .calendar_icon {position:absolute; top:0; right:0; width:35px; height:35px; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/shop/calendar_icon.gif') no-repeat center/20.5px 18.5px; cursor:pointer;} #detail .info .store_pickup .pop_inner table td .shop_info {width:100%; padding:10px; border:1px solid #e6e6e6;} #detail .info .store_pickup .pop_inner table td select {width:100%; height:35px; padding:0 10px; line-height:35px;} #detail .info .store_pickup .pop_inner .msg {margin:5px 0 13px; padding-left:20px; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/shop/pickup_pop_msg.gif') no-repeat left center/15.5px; color:#404040; font-size:0.917rem;} #detail .info .store_pickup .pop_inner .pop_btn {font-size:0;} #detail .info .store_pickup .pop_inner .pop_btn .box_btn {width:49%;} #detail .info .store_pickup .pop_inner .pop_btn .box_btn a {width:100%; padding:9px 0; color:#fff;} #detail .info .store_pickup .pop_inner .pop_btn .box_btn:nth-child(1) a {border-color:#404040; background:#404040;} #detail .info .store_pickup .pop_inner .pop_btn .box_btn:nth-child(2) {float:right;} #detail .info .store_pickup .pop_inner .pop_btn .box_btn:nth-child(2) a {border-color:#999; background:#999;} #naver_checkout_buttons, #payco_detail_btn {margin:0 0 15px;} /* reaper */ #detail.reaper .info .btn, #detail.reaper .info .opt_wrap, #detail.reaper .info .price .sell_mileage {display:none;} /* 퀵프리뷰 - 팝업(/shop/detail_popup.php) */ #detail_pop {position:relative; padding:0;} #detail_pop #detail > .name {} #detail_pop #detail > .name .close {display:block; overflow:hidden; position:absolute; right:0; top:0; z-index:5; width:46px; height:100%; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/button/close.png') no-repeat center / 16px; text-indent:-9999px; cursor:pointer;} /* 장바구니(/shop/cart.php) */ #cart .empty {padding:70px 0 !important; text-align:center;} #cart .cart_tab {margin:5px 0 20px; font-size:0; text-align:center;} #cart .cart_tab li {display:inline-block;} #cart .cart_tab li a {display:block; width:130px; padding:8px 0; border:1px solid #ddd;} #cart .cart_tab li:first-child a {border-right:none;} #cart .cart_tab li.active a {background:#fafafa;} #cart .msg_delivery {padding:0 0 10px 33px; border-bottom:1px solid #ededed;} #cart .msg_delivery.check input[type=checkbox]{top:3px; left:10px;} #cart .msg_delivery strong {color:#333; font-size:1rem; font-weight:400;} #cart .list_cart {margin-bottom:10px;} #cart .list_cart > li:first-child {padding-top:20px; border:none;} #cart .list_cart > li > .check {top:13px; left:10px;} #cart .list_cart > li:first-child > .check {top:21px;} #cart .list_cart > li {padding:12px 4.16% 0; border:none;} #cart .list_cart > li > .box {padding-left:17px;} #cart .list_cart > li > .box .img {width:88px;} #cart .list_cart > li > .box .img img {width:88px; height:auto;} #cart .list_cart > li > .box .info {margin-left:100px;} #cart .list_cart > li > .box .info > p, #cart .list_cart > li > .box .info > div {padding-top:0;} #cart .list_cart > li > .box .info > .price_mileage {padding-top:2px;} #cart .list_cart > li > .box .info > .cart_opt {padding-top:5px;} #cart .list_cart > li > .box .info > p.cart_name a, #cart .list_cart > li > .box .info > .price_mileage strong, #cart .list_cart > li > .box .info > .price_mileage span, #cart .list_cart > li > .box .info > .cart_opt {color:#333; font-size:0.917rem; font-weight:400;} #cart .list_cart .box_qty {width:61px; height:22px; margin-top:11px;} #cart .list_cart .box_qty .minus, #cart .list_cart .box_qty .plus {width:20px; height:22px; border:0;} #cart .list_cart .box_qty .minus {background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/button/qty_minus.png') no-repeat center/7px auto;} #cart .list_cart .box_qty .plus {background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/button/qty_plus.png') no-repeat center/7px auto;} #cart .list_cart .box_qty .form_input {height:22px; padding:0; border:1px solid #f5f5f5; color:#333; font-size:0.917rem; font-weight:400; line-height:22px;} #cart .list_cart .chg_qty {display:block; width:61px; height:22px; margin-top:5px; background:#f5f5f5; color:#333; font-size:0.917rem; line-height:22px; text-align:center;} #cart .list_cart > li > .total {padding:10px 18px 10px 16px; border:1px solid #ededed; border-width:1px 0; background:#f5f5f5; color:#333; font-size:1.083rem;} #cart .list_cart > li > .total strong {color:#333; font-size:1.083rem; font-weight:400;} #cart .list_cart .cart_btn {margin-top:7px; border:1px solid #ddd; font-size:0;} #cart .list_cart .cart_btn span {display:inline-block; position:relative; width:50%; vertical-align:top;} #cart .list_cart .cart_btn span:first-child:After {position:absolute; top:0; right:0; width:1px; height:100%; background:#ddd; content:'';} #cart .list_cart .cart_btn span > a {border:0; color:#373737; font-size:1rem;} #cart .sum {padding:6px 0; border-top:1px solid #ddd; border-width:1px 0; background:#f2f2f2;} #cart .tbl_order th {padding-left:4.16%;} #cart .tbl_order td {padding-right:4.16%;} #cart .tbl_order th .vip_price {color:#8f834b;} #cart .tbl_order tr.total th, #cart .tbl_order tr.total td {padding-bottom:12px;} #cart .tbl_order.non_vip {border-top:1px solid #ddd;} #cart .tbl_order.non_vip tr:first-child th, #cart .tbl_order.non_vip tr:first-child td {padding-top:12px;} #cart .sum.total {border-top:1px solid #bdbdbd; background:#e4eaed;} #cart .title_total {padding:20px 0; font-size:1.167rem; font-style:italic; text-align:center;} #cart .title_total:before {display:inline-block; width:12px; height:9px; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/shop/bullet_check.png') no-repeat left center/12px 9px; content:'';} #cart .vip_join a {padding:0; border:none; background:#3d3d31; color:#aa9a79 !important; line-height:35px;} #cart .btn_bottom {margin:15px 0 10px;} #cart .msg {margin-top:10px;} #cart .msg dt {padding-bottom:10px; color:#373737; font-size:1rem;} #cart .msg dd {position:relative; padding-left:9px; color:#888; font-size:0.917rem;} #cart .msg dd:after {position:absolute; top:-2px; left:0; color:#888; font-size:0.917rem; content:'-';} #cart .member_discount {display:none; position:relative; padding-left:4.16%; color:#8a8a8a; font-size:0.917rem; text-align:left;} #cart .member_discount:after {position:absolute; top:1px; left:6px; color:#8a8a8a; font-size:0.917rem; content:'*';} #cart .npay {margin-top:10px;} /* 장바구니 옵션 변경 */ .cart_change_option .img {width:100%;} .cart_change_option .img img {width:100%; height:auto;} .cart_change_option .info {margin:10px;} .cart_change_option .info .opt {padding-top:5px;} .cart_change_option .info .price {padding:10px 0; font-family:'Verdana';} .cart_change_option .info .price strong {color:#000; font-family:inherit; font-size:1.667rem;} .cart_change_option .info .ea {position:relative; height:40px; border:1px solid #d8d8d8;} .cart_change_option .info .ea a {display:block; position:absolute; top:0; width:40px; height:40px; font-size:2em; text-align:center; line-height:40px;} .cart_change_option .info .ea a.plus {left:0; border-right:1px solid #d8d8d8;} .cart_change_option .info .ea a.minus {right:0; border-left:1px solid #d8d8d8;} .cart_change_option .info .ea .box_input {margin:0 40px;} .cart_change_option .info .ea .box_input .input {border:0; text-align:center;} .cart_change_option .info .list_opt li {padding-bottom:10px;} .cart_change_option .info .list_opt li select {width:100%;} .cart_change_option .info .total_prc {padding:10px; text-align:right;} .cart_change_option .info .total_prc span {margin-left:3px; color:#000; font-family:'Verdana';} .cart_change_option .info .total_prc span .sell_prc_str_total {color:inherit; font-family:inherit; font-size:1.667rem; font-weight:bold;} /* 주문서(/shop/order.php) */ #order .price {padding:15px; font-size:1.167rem; text-align:right;} #order .price span {float:left; font-size:inherit;} #order .price strong {font-size:1.333rem;} #order h3.title {position:relative; padding:15px; border-bottom:1px solid #e0e0e0; background:#e9e9e9; font-size:1.167rem;} #order h3.title:before {position:absolute; right:25px; top:22px; width:15px; height:1px; background:#454545; content:''; -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); transition:all .3s ease;} #order h3.title:after {position:absolute; right:15px; top:22px; width:15px; height:1px; background:#454545; content:''; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); transition:all .3s ease;} #order h3.title.active:before {-ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} #order h3.title.active:after {-ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg);} #order .box_hidden {display:none;} #order .part_fourteen .agree_fourteen {padding: 15px;} #order .part_guest .scroll {overflow-x:hidden; overflow-y:scroll; position:relative; width:100%; height:160px; border:1px solid #d9d9d9; border-width:1px 0; background:#fff; -webkit-overflow-scrolling:touch;} #order .part_guest .scroll iframe {position:absolute; top:0; left:0; width:100%; height:100%;} #order .part_guest .agree_guest {padding:15px;} #order .part_prd .msg {padding:10px 15px; color:#888; font-size:0.917rem;} #order .part_gift .tbl_col thead {display:none;} #order .part_discount > div {padding:15px 0; border-bottom:1px solid #e0e0e0;} #order .part_discount > div:first-child {padding-top:0;} #order .part_discount > div h4 {padding-bottom:5px; text-align:left;} #order .part_discount > div h4 span {float:right; color:#888; font-size:0.917rem; font-weight:normal;} #order .part_discount > div .msg {padding-top:5px; color:#888; font-size:0.917rem;} #order .part_discount > div.coupon .name {display:block; padding:10px 5px; background:#f5f5f5;} #order .part_discount > div.coupon .list > li > ul {padding:10px;} #order .part_discount > div.coupon .list > li > ul > li {color:#888;} #order .part_discount > div.coupon .list > li > ul > li > span {color:#333;} #order .part_discount > div.offcoupon .offbtn {padding-top:10px;} #order .part_discount > div.offcoupon #off_cpn_div2, #order .part_discount > div.offcoupon #off_cpn_img2 {display:none;} #order .part_delivery .country {padding-bottom:10px;} #order .part_delivery .country:after {display:block; clear:both; content:'';} #order .part_delivery .country label {display:inline-block; float:left; width:50%; padding:10px; border:1px solid #dcdcdc; text-align:center;} #order .part_delivery .country label:last-child {border-left:0;} #order .part_delivery .select_place select, #order .part_delivery .select_country select {width:100%;} #order .part_delivery .tel_area {position:relative; padding-left:90px;} #order .part_delivery .tel_area select {position:absolute; left:0; top:0; width:80px;} #order .part_delivery .address_area > div {padding-top:10px;} #order .part_delivery .address_area > div:first-child {padding-top:0;} #order .part_delivery .address_area .code {position:relative; padding-right:110px;} #order .part_delivery .address_area .code .box_btn {position:absolute; right:0; bottom:0;} #order .part_method > div {position:relative; padding:25px 0 10px 25px;} #order .part_method > div > label {position:absolute; left:0; top:0; cursor:pointer;} #order .part_method > div .msg_pay {padding:0 !important; color:#999 !important;} #order .part_method > div .bank_name {display:none;} #order .part_method > div #cash_reg {padding:5px 0 !important;} #order .part_method > div #cash_reg span {color:#999 !important;} #order .part_method > div select {width:100%; margin-bottom:5px;} #order .order_cancel_msg {color:#666;} #order #order1 {border-top:1px solid #dfdfdf;} #order #order2 {display:none; border-top:1px solid #dfdfdf; text-align:center;} #order #order2 .total_info {font-size:1.333rem; 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:5%; left:0; z-index:10; width:100%;} #order .order_pop_inner {padding:0 15px; background:#fff;} #order .order_pop h1 {overflow:hidden; padding:14px 15px; background:#f7f7f7; color:#404040; font-size:1.250rem;} #order .order_pop h1 a {float:right; margin-top:2px; font-weight:300;} #order .order_pop .pop_box_wrap {padding:15px 15px 25px; 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;} #order .order_pop .pop_box p {padding-top:20px; color:#999;;} #order .order_pop .policy_check {padding:12px 0 28px; font-size:0; text-align:center;} #order .order_pop .policy_check p {display:inline-block;} #order .order_pop .policy_check p:first-child {margin-right:10px;} #order .order_pop .policy_check p label {padding-left:1px; font-size:0.917rem;} #order .order_pop .policy_check p input {vertical-align:middle;} #order .order_pop .pop_btn {overflow:hidden; font-size:0;} #order .order_pop .pop_btn .box_btn {float:left; width:48%;} #order .order_pop .pop_btn .box_btn a {width:100%;} #order .order_pop .pop_btn .white {float:right;} #order .shop_select > label, #order .shop_select > label > input {vertical-align:middle;} #order .shop_select > div > select {width:100%; margin-top:13px;} #order .shop_select .select2-container {margin-top:13px;} #order .shop_pop {width:270px; height:auto; padding:32px 16px 0 16px; } #order .shop_pop {position:fixed; top:50%; left:50%; z-index:30; width:270px; height:auto; margin:-128.5px 0 0 -135px; padding:32px 16px; 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:27px; letter-spacing:0.1rem;} #order .shop_pop > .answerY {margin-top:19px;} #order_dimmed {display:block; position:fixed; left:0; top:0; z-index:10; width:100%; height:100%; background:rgba(255,255,255,0.8);} #order .member_discount {color:#999;} #order .member_discount > span {padding-right:5px; color:#999;} /* 주문완료(/shop/order_finish.php) */ #orderfin h3 {padding-bottom:15px;} #orderfin > .box {margin-bottom:15px; padding:15px; background:#f5f5f5;} #orderfin .info {padding-bottom:15px;} #orderfin .info .bank {padding-bottom:15px; color:#888;} #orderfin .info .email {color:#888;} #orderfin .title_gift {padding-top:10px;} #orderfin .btn_col {margin-top:15px;} /* 상품검색(/shop/search_result.php) */ #search_result .research {width:100%; text-align:left;} #search_result .research .box {position:relative; padding:5px 50px 5px 0; background:#efeeed;} #search_result .research .box .basic_search {border:0; background:transparent;} #search_result .research .box .btn {position:absolute; right:15px; top:13px; width:18px; height:18px;} #search_result .research .box:after {position:absolute; right:45px; top:13px; width:1px; height:18px; background:#c9c8c8; content:'';} #search_result .research label {display:inline-block; padding:10px 15px 0 15px; color:#888;} #search_result .rank {background:#f1f1f1;} #search_result .rank .title {padding:5px; border:1px solid #dcdcdc; background:#fff; color:#666; text-align:center;} #search_result .rank ol {display:none;} #search_result .rank ol li {float:left; overflow:hidden; width:50%; padding:5px; text-align:left; text-overflow:ellipsis; white-space:nowrap;} #search_result .rank ol li span {display:inline-block; width:18px; height:18px; border-radius:50%; background:#fff; color:#000; text-align:center; font-weight:bold; line-height:18px;} #search_result .rank:after {display:block; clear:both; content:'';} #search_result .result_cate {margin-top:10px;} #search_result .result_cate h3 {padding:5px;} #search_result .result_cate ul {border-top:1px solid #dcdcdc;} #search_result .result_cate ul li {position:relative; float:left; width:33.33%; border:1px solid #dcdcdc; border-width:0 1px 1px 0; font-size:0.917rem;} #search_result .result_cate ul li:nth-child(3n+1) {border-width:0 1px 1px 1px;} #search_result .result_cate ul li a {display:block; overflow:hidden; padding:10px 20px 10px 10px; font-size:inherit; text-overflow:ellipsis; white-space:nowrap;} #search_result .result_cate ul li span {position:absolute; right:10px; top:10px; font-size:inherit;} #search_result .result_cate:after {display:block; clear:both; content:'';} #search_result .prd_normal {margin-top:15px;} /* 상품문의 & 상품후기 - 상품정보(/shop/product_review_list.php & /shop/product_qna_list.php) */ #qnarev_list_all .board_search {clear:both; margin-bottom:15px; padding:7px 0; border:1px solid #dcdcdc;} #qnarev_list_all .board_search form {position:relative; padding:0 38px 0 75px; text-align:center;} #qnarev_list_all .board_search select {position:Absolute; lefT:0; top:0; border:0; width:70px;} #qnarev_list_all .board_search input.form_input.search {border-width:0 1px;} #qnarev_list_all .board_search .btn_search {position:absolute; right:0; top:0; display:inline-block; width:38px; height:34px; border:0; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/icon_search.png') no-repeat center/18px; vertical-align:top; text-indent:-9999px; cursor:pointer;} #qnarev_list_all > .box_btn {margin-bottom:15px;} #qnarev_list_all > .box_btn.more {margin:15px 0 0 0;} /* 상품문의 & 상품후기 & 마이페이지 상품문의 & 마이페이지 상품후기 - 상품정보(/shop/product_review.php & /shop/product_qna.php) */ .qnarev_list > .prd {overflow:hidden; position:relative; padding-bottom:15px;} .qnarev_list > .prd .img {float:left; width:128px;} .qnarev_list > .prd .img img {width:128px; height:auto;} .qnarev_list > .prd .info {float:left; padding-left:10px; text-align:left;} .qnarev_list > .prd .info .name {padding:20px 0 10px; font-weight:bold;} .qnarev_list > .prd .info .name img {padding-right:5px; vertical-align:middle;} .qnarev_list > .prd .info ul li {color:#666;} .qnarev_list > .prd .info ul li .nprice {text-decoration:line-through;} .qnarev_list > .prd .btn_related {clear:both; padding-top:15px;} .qnarev_list > .btn_col {padding-top:15px;} .list_qnarev {border:1px solid #dbdbdb;} .list_qnarev > li {border-top:1px solid #dbdbdb;} .list_qnarev > li:first-child {border-top:0;} .list_qnarev > li:after {display:block; clear:both; content:'';} .list_qnarev > li > .prdimg {float:left; width:72px;} .list_qnarev > li > .prdimg img {width:72px; height:auto;} .list_qnarev > li > .subject {padding:15px;} .list_qnarev > li > .subject.prd {padding-left:82px;} .list_qnarev > li > .subject > p {overflow:hidden; padding-top:5px; text-overflow:ellipsis; white-space:nowrap;} .list_qnarev > li > .subject > p:first-child {padding-top:0;} .list_qnarev > li > .subject > p.prdname a {color:#666;} .list_qnarev > li > .subject > p.title img {width:auto; height:6px; margin-top:4px; vertical-align:top;} .list_qnarev > li > .subject > p.stat, .list_qnarev > li > .subject > p.stat * {color:#666; font-size:0.917rem;} .list_qnarev > li > .subject > p.stat img {width:auto; height:9px; margin-top:3px; vertical-align:top;} .list_qnarev > li > .content {display:none; padding:15px; border-top:1px solid #dbdbdb; background:#fafafa;} .list_qnarev > li > .content .question {position:relative; min-height:45px; padding:0 0 15px 43px; border-bottom:1px solid #e1e1e1;} .list_qnarev > li > .content .question:before {display:inline-block; position:absolute; left:0; top:0; width:29px; height:29px; border-radius:50%; background-color:#777474; color:#fff; font-family:'arial'; font-size:1.167rem; text-align:center; line-height:29px; content:'Q';} .list_qnarev > li > .content .answer {position:relative; min-height:30px; margin:15px 0; padding-left:43px;} .list_qnarev > li > .content .answer:before {display:inline-block; position:absolute; left:0; top:0; width:29px; height:29px; border-radius:50%; background-color:#ef6363; color:#fff; font-family:'arial'; font-size:1.167rem; text-align:center; line-height:29px; content:'A';} .list_qnarev > li > .content .question img, .list_qnarev > li > .content .answer img {max-width:100%; height:auto;} .list_qnarev > li > .content .btn {padding-top:10px; text-align:left;} .list_qnarev > li > .content .comment {padding-top:10px;} /* 상품문의, 상품후기 - 비밀번호 확인 */ #pwbox {padding:20px; border:1px solid #e0e0e0; background:#fafafa; text-align:center !important;} #pwbox h3 {padding-bottom:15px;} #pwbox p {margin-bottom:10px; color:#888;} #pwbox .form_input {margin-bottom:10px;} /* 상품문의 & 상품후기 - 쓰기 */ .qnarev_write fieldset > div {margin-bottom:10px; text-align:left;} .qnarev_write fieldset > div:last-child {margin-bottom:0;} .qnarev_write fieldset > div > label {display:none;} .qnarev_write fieldset > div.grade > label {display:inline-block;} .qnarev_write fieldset > div.name {position:relative; min-height:20px; padding-right:100px; 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:8px;} .qnarev_write fieldset > div.name.nopd {padding-right:0;} .qnarev_write fieldset > div.name:after {display:block; clear:both; content:'';} .qnarev_write fieldset select {width:100%;} .qnarev_write .btn {padding:10px 0 20px;} /* 상품문의 & 상품후기 - 수정 */ #qnarevmod .modi_pwd, #qnarevmod .modi_cnt {display:none;} /* 설문조사(/shop/poll_list.php) */ #poll > .subject {padding:15px 30px; border:1px solid #e0e0e0; border-width:1px 0; text-align:center;} #poll > .box {padding:15px; border-bottom:1px solid #e0e0e0; background:#fbfbfb;} #poll > .box .vote {margin-top:15px; paDding:15px; border:1px solid #e0e0e0; background:#fff;} #poll > .box .vote > ul > li {padding:5px 0;} #poll > .box .vote > ul > li .graph {margin:3px 0; height:5px; background:#b1b1b1;} #poll > .btn {margin:10px 0 20px 0; text-align:right;} #poll .commentdel {padding:20px 0; border:1px solid #e0e0e0; border-width:0 1px; background:#fff; text-align:center;} #poll .commentdel .msg {padding-top:5px;} #poll > .list {border-top:1px solid #dbdbdb;} #poll > .list li {padding:10px 0; border-bottom:1px solid #dbdbdb;} #poll > .list li .no {float:left; width:50px; text-align:center;} #poll > .list li .subject {padding-left:50px; text-align:left;} #poll > .list li .subject .title {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #poll > .list li .subject .stat {padding:5px 0; font-size:0.917rem;} #poll > .list li .subject .stat * {font-size:0.917rem;} /*-----------------------------------------------------------------*/ /* 4-3. 회원 /*-----------------------------------------------------------------*/ /* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 */ .box_member {width:100%; padding:0 30px;} .box_member fieldset {position:relative;} .box_member fieldset.login_field {padding-bottom:20px; border-bottom:1px solid #e0e0e0;} .box_member fieldset legend {padding:25px 0; font-weight:bold;} .box_member fieldset .fld {margin-bottom:10px; 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:0.917rem;} .box_member fieldset .select {position:absolute; right:0; top:23px;} /* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 - 인풋 기본 스타일 */ .box_member .form_input.member {height:40px; 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 {margin-top:30px;} #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:20px 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:1.167rem;} #login .simple a {display:inline-block; width:38px; height:38px; margin:0 5px; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:23px; text-indent:-9999px; transition:all .3s ease;} #login .simple a.naver {background-color:#5ebc67; background-image:url('https://m.na-mu.co.kr/_skin/m_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://m.na-mu.co.kr/_skin/m_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://m.na-mu.co.kr/_skin/m_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://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/member/icon_payco.png');} #login .simple a.payco:hover {border-radius:0; background-color:#d73a3c;} #login .joinfind {padding-top:20px;} #login .joinfind p {position:relative; margin:7px 0; color:#666; font-size:0.917rem;} #login .joinfind p a {position:absolute; right:0; top:0; font-size:0.917rem; text-decoration:underline;} /* 비밀번호 변경 */ #modify_pwd .modify_id {padding-bottom:20px; font-size:1.167rem; font-weight:bold;} /* 회원가입 약관동의(/member/join_step1.php) */ #join_agree {text-align:center;} #join_agree .join_info {padding-bottom:18px; color:#444; letter-spacing:-0.025rem; line-height:18px;} #join_agree .join_step {padding:0 20px 19px; font-size:0;} #join_agree .join_step li {display:inline-block; width:33.33%; 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 {padding:0 20px;} #join_agree .agree_area .all_check {padding-bottom:10px; 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:1rem; font-weight:bold;} #join_agree .agree_area .agree_list {margin-bottom:34px; padding:8px 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 3px; color:#f90000; font-size:0.917rem;} #join_agree .agree_area .agree_list .check_wrap .check a {display:inline-block; float:right; padding-right:8px; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/agree_open.png') no-repeat right 0 center/5px 12px; color:#444; font-size:0.917rem; cursor:pointer;} #join_agree .agree_area .agree_list .check_wrap .check a.active {background-image:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/agree_close.png');} #join_agree .agree_area .agree_list .check_wrap .scroll {display:none; overflow-x:hidden; overflow-y:scroll; position:relative; width:100%; height:80px; margin-top:10px; border:1px solid #d9d9d9; background:#fff; -webkit-overflow-scrolling:touch;} #join_agree .agree_area .agree_list .check_wrap .scroll iframe {position:absolute; top:0; left:0; width:100%; height:100%;} #join_agree .agree_area .agree_list .check_wrap #privacy_box {display: none; margin-top: 10px; padding: 8px 15px; border: 1px solid #d9d9d9;} #join_agree .member_type {padding:20px 0;} #join_agree .member_type label {margin:0 10px;} #join_agree .btn {text-align:center;} #join_agree .btn .box_btn * {padding:14.5px 16px; font-size:1.167rem;} #join_agree .simple {padding:20px 0; text-align:center;} #join_agree .simple a {display:inline-block; width:38px; height:38px; margin:0 5px; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:23px; text-indent:-9999px; transition:all .3s ease;} #join_agree .simple a.naver {background-color:#5ebc67; background-image:url('https://m.na-mu.co.kr/_skin/m_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://m.na-mu.co.kr/_skin/m_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://m.na-mu.co.kr/_skin/m_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://m.na-mu.co.kr/_skin/m_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 3px 0 4px; outline:0; border-radius:0; border:0; background:no-repeat left center/13px; background-image:url('https://m.na-mu.co.kr/_skin/m_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://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/join_check_on.png');} /* 회원가입 정보입력(/member/join_frm.php) */ #join_input {overflow:hidden;} #join_input .join_info {padding-bottom:18px; color:#444; text-align:center; letter-spacing:-0.025rem; line-height:18px;} #join_input .join_step {padding:0 20px 33px; font-size:0; text-align:center;} #join_input .join_step li {display:inline-block; width:33.33%; 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 {padding:0 20px;} #join_input .member_info {margin-bottom:20px;} #join_input .member_info > h3 {margin-bottom:20px; padding-bottom:5px; border-bottom:1px solid #c3c3c3; color:#444; font-size:1.083rem; 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 > .info_area {padding:8px 10px; background:#e7e7e7;} #join_input .member_info > .info_area .top_info {position:relative; padding-left:100px;} #join_input .member_info label, #join_input .member_info input {vertical-align:middle;} #join_input .member_info label {position:absolute; top:0; left:0; color:#595959; line-height:34px;} #join_input .member_info input {width:100%; 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:1.083rem; font-weight:400; letter-spacing:-0.025rem;} #join_input .member_input .input_area .input_tab {position:relative; margin-bottom:10px;} #join_input .member_input .input_area .input_tab > label {overflow:hidden; display:block; margin-bottom:2px; 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://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/join_input_open.png') no-repeat right center/5px 11.5px; color:#bbb; font-size:0.833rem; cursor:pointer;} #join_input .member_input .input_area .input_tab > label a.active {background-image:url('https://m.na-mu.co.kr/_skin/m_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:11px; 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/14px; background-image:url('https://m.na-mu.co.kr/_skin/m_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://m.na-mu.co.kr/_skin/m_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/14px; background-image:url('https://m.na-mu.co.kr/_skin/m_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://m.na-mu.co.kr/_skin/m_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://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/join_input_open.png') no-repeat right center/5px 11.5px; color:#bbb; letter-spacing:-0.025rem; cursor:pointer;} #join_input .member_select > h3 a.active {background-image:url('https://m.na-mu.co.kr/_skin/m_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:10px;} #join_input .member_select .select_area .select_tab > label {overflow:hidden; display:block; margin-bottom:2px; 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://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/join_input_select.png'); background-size:15px; -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:48%;} #join_input .member_select .select_area .select_tab.adr_tab select.add1 {margin-right:4%;} #join_input fieldset legend {display:none; width:100%; padding:15px; background:#f8f8f8; font-size:1.083rem;} #join_input fieldset .box {padding:15px;} #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;} #join_input fieldset .box .msg {padding-top:10px;} #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:4px 0;} #join_input fieldset .box .address > div {padding-top:10px;} #join_input fieldset .box .address .code {position:relative; padding-right:110px;} #join_input fieldset .box .address .code .box_btn {position:absolute; right:0; bottom:0;} #join_input fieldset .box .email {position:relative;} #join_input fieldset .box .email span {position:absolute; left:50%; top:7px; margin-left:-5px;} #join_input fieldset .box .email .form_input.first {width:48%;} #join_input fieldset .box .email .form_input.second {float:right; width:48%;} #join_input fieldset .box .email select {width:100%; margin-top:10px;} #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:15%;} #join_input fieldset .box .birth .sl {padding-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 .line {margin-bottom:20px; padding-bottom:20px; 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; padding-bottom:5px; font-weight:bold;} /* 회원가입 정보입력 - 버튼 */ #join_input .btn {padding:35px 0 0; text-align:center;} #join_input .btn .box_btn * {padding:14.5px 16px; font-size:1.167rem;} /* 회원가입 정보입력 - 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 p strong {font-size:1.167rem;} #join_finish {width:100%; margin:0 auto;} #join_finish h3.title {margin-bottom:10px; margin-top:30px; font-size:25.34px; text-align:center;} #join_finish .box {padding:30px 0 18px 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:45px 0 18px 0;} #join_finish .info_box p {margin-bottom:15px; 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_box {text-align:center;} #join_finish .btn_box:after {display:block; clear:both; content:'';} #join_finish .btn_box .btn {margin-top:30px; text-align:center; float:left; width:49%;} #join_finish .btn_box .btn .box_btn > a {width:100%; padding:13.5px 16px;} #join_finish .btn_box .btn * {border:none; display:block;} #join_finish .btn_box .btn a {font-size:13.34px;} #join_finish .btn_box .btn:last-child * {background:#b2b2b2; margin-left:2%;} /* 정보수정(/member/edit_step1.php), 정보수정완료(/member/edit_step3.php) */ .edit_info .box {text-align:left;} .edit_info .msg {color:#666;} .edit_info .form_input {margin-top:15px;} .edit_info .btn {padding-top:15px; text-align:center;} /* 우편번호 레이어 */ .layer_zip_addr_list {width:100%;} .layer_zip_addr_list .title {position:relative; padding:20px; background:#676767;} .layer_zip_addr_list .title h1 {color:#000; font-size:1.4rem; font-weight:bold; text-align:left;} .layer_zip_addr_list .title .btn {position:absolute; right:15px; top:15px; padding:0 10px;} .layer_zip_addr_list .title .close {display:block; position:relative; z-index:10; width:2px; height:25px; background:#b7b7b7; transform:rotate(45deg);} .layer_zip_addr_list .title .close:after {position:absolute; z-index:20; top:11px; left:-11px; width:25px; height:2px; background:#b7b7b7; content:"";} .layer_zip_addr_list table {table-layout:fixed;} .layer_zip_addr_list caption {display:none;} .layer_zip_addr_list thead th {display:none; padding:10px 0; text-align:center;} .layer_zip_addr_list tbody th {height:34px; padding:10px 0; border-top:1px solid #ddd; color:#000; text-align:center; vertical-align:middle;} .layer_zip_addr_list tbody td {height:34px; padding:10px; border-top:1px solid #ddd; color:#666; text-align:left; vertical-align:middle;} .layer_zip_addr_list tbody td * {color:#666;} .layer_zip_addr_list tbody tr:last-child th, .layer_zip_addr_list tbody tr:last-child td {border-bottom:1px solid #ddd;} .layer_zip_paging * {vertical-align:middle;} .layer_zip_paging {margin:10px 0 20px; text-align:center;} .layer_zip_paging li {display:inline; padding:0 2px; color:#9e9e9e; vertical-align:middle;} .layer_zip_paging li strong {display:inline-block; width:28px; height:28px; border:1px solid #676767; background:#676767; color:#fff; line-height:30px;} .layer_zip_paging li a {display:inline-block; width:28px; height:28px; border:1px solid #ccc; background:#fff; color:#6e6e6e; line-height:30px;} /*-----------------------------------------------------------------*/ /* 4-4. 마이페이지 /*-----------------------------------------------------------------*/ #mypage {} #mypage .member_info {position:relative; padding:18px 5.5% 17px; text-align: center;} #mypage .member_info .member_name_section {text-align:center;} #mypage .member_info .member_name_section .member_name, #mypage .member_info .member_name_section .member_name span {color:#373737; font-size:1rem; font-weight:400;} #mypage .member_info.vip_member .member_name_section .member_name span {color:#7d7d43;} #mypage .member_info.premium_member .member_name_section .member_name span {color:#7d7d43;} #mypage .member_info .period1 {display: none;} #mypage .member_info .period1.active {display: block;} #mypage .member_info .period1 {margin-top: 10px;} #mypage .member_info .period1 > a {background-color: #7d7d43; border: 0;} #mypage .member_info .period2 {display: none;} #mypage .member_info .period2.active {display: block; margin-top: 10px; padding: 10px 5px; border: 1px solid #000; font-size: 11px} #mypage .my_quick {padding:10px 0; background:#f8f8f8; font-size:0;} #mypage .my_quick li {display:inline-block; position:relative; width:33.333%; padding:10px 0; vertical-align:middle; text-align:center;} #mypage .my_quick li:after {position:absolute; top:50%; right:0; width:1px; height:48px; margin-top:-24px; background:#ededed; content:'';} #mypage .my_quick li:nth-child(3n):after {display:none;} #mypage .my_quick li:nth-child(n+4) {padding-top:18px;} #mypage .my_quick li:nth-child(n+4):after {top:56%;} #mypage .my_quick li > a {color:#373737; font-size:1rem;} #mypage .my_quick li > .date_link {color:#8a8a8a; font-size:0.833rem; border-bottom:1px solid #8a8a8a;} #mypage .my_quick li > a > span {display:block; padding-top:4px; color:#373737; font-size:1rem;} #mypage .ord_list {padding:70px 0 0;} #mypage .ord_list.vip_ord {padding:37px 0 0;} #mypage .ord_list .ord_title a {display:block; color:#373737; font-size:1rem; font-weight:700; } #mypage .ord_list .ord_title a > span {color:#373737; font-size:1rem; font-weight:400;} #mypage .ord_list .list {margin-top:9px; border-top:1px solid #373737;} #mypage .ord_list .list li {border-bottom:1px solid #ededed;} #mypage .ord_list .list li .no {height:40px; background:#f8f8f8; border-bottom:1px solid #ededed;} #mypage .ord_list .list li .no > .wrap_inner3 {display:flex; justify-content:space-between;} #mypage .ord_list .list li .no > .wrap_inner3 > a, #mypage .ord_list .list li .no > .wrap_inner3 > span, #mypage .ord_list .list li .no > .wrap_inner3 > p {line-height:40px;} #mypage .ord_list .list li .no > .wrap_inner3 > a {color:#373737; font-size:1rem;} #mypage .ord_list .list li .no > .wrap_inner3 > span {color:#8a8a8a; font-size:0.917rem;} #mypage .ord_list .list li .info {position:relative; padding:12px 0 13px;} #mypage .ord_list .list li .info .prd_name {padding-bottom:6px; color:#333; font-size:1.083rem;} #mypage .ord_list .list li .info .price {color:#8a8a8a; font-size:1rem;} #mypage .ord_list .list li .info .price:last-of-type {padding-top:2px;} #mypage .ord_list .list li .info .ord_state {position:absolute; bottom:14px; right:5.5%;} #mypage .ord_list .ord_step {padding:10px 0 0 4.16%; font-size:0;} #mypage .ord_list .ord_step li {display:inline-block; position:relative; padding-right:25px; color:#8a8a8a; vertical-align:top;} #mypage .ord_list .ord_step li:after {position:absolute; top:50%; right:12px; color:#8a8a8a; font-size:1rem; transform:translateY(-50%); content:'/';} #mypage .ord_list .ord_step li:last-child:after {display:none;} #mypage .ord_list .ord_step li span {color:#373737; font-size:1.250rem;} /* 마이페이지 공통 박스 */ .box_mp {margin-bottom:15px; padding:15px; 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:2rem; font-weight:bold;} /* 마이페이지 공통 리스트 */ .list_common {padding-bottom:15px;} .list_common > li {padding:15px; border:1px solid #dbdbdb; border-width:0 0 1px 0;} .list_common > li:first-child {border-top:1px solid #dbdbdb;} .list_common > li:after {display:block; clear:both; content:'';} .list_common > li .left_area {float:left; width:85px; color:#888; text-align:left;} .list_common > li .right_area {margin-left:85px; color:#666; text-align:left;} .list_common > li .right_area * {color:inherit;} .list_common > li .right_area > p, .list_common > li .right_area > div {padding-top:5px;} .list_common > li .right_area > p:first-child, .list_common > li .right_area > div:first-child {padding-top:0;} .list_common > li .right_area > div select {margin-bottom:5px;} /* 리퍼제품 */ .reaper .list_common > li .left_area {width:50%;} .reaper .list_common > li .left_area a {display:inline-block; width:calc(100% - 30px);} .reaper .list_common > li .left_area a img {display:inline-block; width:100%;} .reaper .list_common.prd .right_area {margin-left:calc(50% + 22px);} .reaper .list_common > li .right_area > div input {margin-bottom:11px;} .reaper .list_common > li .right_area > div select {margin-bottom:5px;} .list_common > li .right_area .number {display:none;} .reaper .list_common > li .right_area .number {display:block; font-size:12.5px;} .reaper .list_common > li .right_area .name * {font-size:14px;} .reaper .list_common > li .right_area .price * {font-size:15px; font-weight:400;} .reaper .list_common > li .right_area .price .consumer {display:inline-block; margin-left:8px; color:#989898; text-decoration:line-through;} .reaper_total {display:none;} .reaper .reaper_total {display:block; font-size:0;} .reaper .reaper_total > * {display:inline-block; width:50%; vertical-align:middle;} .reaper .reaper_total dd {text-align:right;} /* 마이페이지 공통 리스트 - 쿠폰,소셜쿠폰 */ .list_common .left_area .point {font-size:1.333rem;} /* 마이페이지 공통 리스트 - 관심상품, 관련상품 */ .list_common.prd > li {padding-left:0;} .list_common.prd .left_area {width:130px;} .list_common.prd .left_area .check {float:left; margin-right:10px;} .list_common.prd .left_area img {width:80px; height:auto;} .list_common.prd .right_area {margin-left:130px;} .list_common.prd .right_area select {width:100%;} /* 마이페이지 공통 리스트 - 주문조회 */ .list_common.orderlist .left_area {width:130px;} .list_common.orderlist .right_area {margin-left:130px;} /* 마이페이지 메인(/mypage/mypage.php) */ /* 주문내역(/mypage/order_list.php) */ #order_list .msg {padding:15px;} #order_list > .list {border-bottom:1px solid #dbdbdb;} #order_list > .list .no {padding:10px 15px; background:#e9e9e9; color:#333; font-size:1.167rem;} #order_list > .list .no a {color:#333; font-size:1.167rem; font-weight:bold;} #order_list > .list .no span {float:right; color:#888;} #order_list > .list .info {padding:15px;} /* VIP 할인내역 (/mypage/vip_discount_list.php) */ #vip_order_list .msg {padding:15px;} #vip_order_list > .list {border-bottom:1px solid #dbdbdb;} #vip_order_list > .list .no {padding:10px 0; background:#e9e9e9; color:#333; font-size:1.167rem;} #vip_order_list > .list .no a {color:#333; font-size:1.167rem; font-weight:bold;} #vip_order_list > .list .no span {float:right; color:#888;} #vip_order_list > .list .info {padding:15px;} /* 주문상세조회(/mypage/order_detail.php) */ #order_detail .order_no {padding:15px; font-size:1.333rem; font-weight:bold; text-align:center;} #order_detail .stat_img {padding:10px 0;} #order_detail .stat_img li {float:left; width:20%; padding:0 2px;} #order_detail .stat_img li img {width:100%; height:auto;} #order_detail .stat_img:after {display:block; clear:both; content:'';} #order_detail h3.title {position:relative; padding:15px; border-bottom:1px solid #e0e0e0; background:#e9e9e9; font-size:1.167rem;} #order_detail h3.title:before {position:absolute; right:25px; top:22px; width:15px; height:1px; background:#454545; content:''; -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); transition:all .3s ease;} #order_detail h3.title:after {position:absolute; right:15px; top:22px; width:15px; height:1px; background:#454545; content:''; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); transition:all .3s ease;} #order_detail h3.title.active:before {-ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} #order_detail h3.title.active:after {-ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg);} #order_detail .tab {} #order_detail .tab li {float:left; width:50%; text-align:center;} #order_detail .tab li a {display:block; padding:10px 5px; border:1px solid #ddd; border-width:0 1px 1px 0;} #order_detail .tab li:nth-child(odd) a {border-left-width:1px;} #order_detail .tab li:nth-child(1) a, #order_detail .tab li:nth-child(2) a {border-top-width:1px;} #order_detail .tab:after {display:block; clear:both; content:'';} #order_detail .ord_det_cancel {width:100%; height:45px; margin:2px 0 15px; text-align:center;} #order_detail .ord_det_cancel > * {display:block; background:#666; color:#fff; font-size:1.250rem; line-height:45px; letter-spacing:-0.025rem;} #order_detail .cancel_notice {color:#000; font-size:0.917rem; letter-spacing:-0.025rem; text-align:center;} /* 소셜쿠폰(/mypage/sccoupon.php) */ #sccoupon .box_mp .form_input {margin-top:10px;} /* 관심상품(/mypage/wish_list.php) */ #wish_list .count {padding-bottom:10px;} #wish_list .count strong {font:inherit;} #wish_list .btn {margin-bottom:10px;} /* 1:1문의 내역(/mypage/counsel_list.php & /mypage/order_detail.php) */ #counsel .box_btn {margin-bottom:15px;} .list_counsel {border:1px solid #dbdbdb; margin-bottom:15px;} .list_counsel > li {border-top:1px solid #dbdbdb;} .list_counsel > li:first-child {border-top:0;} .list_counsel > li .subject {padding:15px;} .list_counsel > li .subject > p {padding-top:5px;} .list_counsel > li .subject > p:first-child {padding-top:0;} .list_counsel > li .subject > p.stat, .list_counsel > li .subject > p.stat * {color:#666; font-size:0.917rem;} .list_counsel > li .content {display:none; padding:15px; border-top:1px solid #dbdbdb; background:#fafafa;} .list_counsel > li .content .question {position:relative; min-height:45px; padding:0 0 15px 43px; border-bottom:1px solid #e1e1e1;} .list_counsel > li .content .question img {margin-top: 10px; width: 100%;} .list_counsel > li .content .question:before {display:inline-block; position:absolute; left:0; top:0; width:29px; height:29px; border-radius:50%; background-color:#777474; color:#fff; font-family:'arial'; font-size:1.167rem; text-align:center; line-height:29px; content:'Q';} .list_counsel > li .content .answer {position:relative; min-height:30px; margin-top:15px; padding-left:43px;} .list_counsel > li .content .answer:before {display:inline-block; position:absolute; left:0; top:0; width:29px; height:29px; border-radius:50%; background-color:#ef6363; color:#fff; font-family:'arial'; font-size:1.167rem; text-align:center; line-height:29px; content:'A';} /* 1:1문의 글쓰기(/mypage/counsel_step1.php) */ #counsel_write .btn {margin-top:15px;} /* 1:1문의 완료(/mypage/counsel_step2.php) */ #counsel_fin .box {padding:15px; border:1px solid #dedede; color:#888; font-size:1.167rem; text-align:center;} #counsel_fin .box strong {font-size:inherit;} #counsel_fin .btn {margin-top:15px; text-align:center;} /* 출석체크(/mypage/attend_list.php) */ #attend .date {padding:25px 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://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/bullet_arrow_prev.png');} #attend .date a.next {background-image:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/bullet_arrow_next.png');} #attend .date strong {padding:0 5px; color:#040404; font-family:'arial'; font-size:1.667rem; 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 {border-left:0; color:#d53838;} #attend #calendar table thead th.sat {border-right:0; color:#7cb4d1;} #attend #calendar table tbody td {height:50px; padding:5px; border:1px solid #dbdbdb; color:#040404; text-align:left; vertical-align:top;} #attend #calendar table tbody td:first-child {border-left:0;} #attend #calendar table tbody td:last-child {border-right:0;} #attend #calendar .attenY {background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/mypage/attend_ok.png') no-repeat center/18px;} #attend #calendar .attenR {background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/mypage/attend_today.png') no-repeat center/18px #fbf9ed; font-weight:bold; text-decoration:underline;} #attend .info {background:#fbfbfb; text-align:center;} #attend .info .explain {padding:15px; border-bottom:1px solid #dbdbdb;} #attend .info .sum {padding:15px; border-bottom:1px solid #e0e0e0;} #attend .info .sum:after {display:block; clear:both; content:'';} #attend .info .sum span {float:left;} #attend .info .sum strong {float:right;} /* 회원탈퇴(/mypage/withdraw_step1.php), 회원탈퇴완료(/mypage/withdraw_step2.php) */ .withdraw .box {text-align:left;} .withdraw .msg {margin-bottom:10px; color:#666;} .withdraw .frame textarea {height:150px; margin-top:10px;} .withdraw .btn {padding-top:15px; text-align:center;} /*-----------------------------------------------------------------*/ /* 4-5. 추가페이지 /*-----------------------------------------------------------------*/ #membership .inbox {margin-top:55px;} #membership .inbox .title {text-align:center; font-size:1.167rem; letter-spacing:-0.025em;} #membership .inbox .title img {width:100px; height:auto;} #membership .inbox .title h3 {font-size:2.5rem; 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:50px 0 18px 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:0.8333rem; color:#bbb;} #membership .inbox .info ul li {font-size:0.9167rem; line-height:21.34px; color:#969696; word-break:keep-all; text-indent:-7px; padding-left:18px;} #membership .inbox .member_join {text-align:center; margin-top:55px;} #membership .inbox .member_join h3 {font-size:1.5rem; line-height:22px;} #membership .inbox .member_join a {display:inline-block; font-weight:600; text-decoration:underline; margin-top:30px; font-size:1rem;} #membership img {width: 100%;} /* 유료멤버십 약관동의(/member/join_step1.php) */ #memberjoin {text-align:center;} #memberjoin h3.title {font-size:1.5rem; margin-bottom:8px;} #memberjoin .join_info {padding-bottom:10px; color:#444; letter-spacing:-0.025rem; line-height:18px;} #memberjoin .join_step {padding:0 20px 19px; font-size:0;} #memberjoin .join_step li {display:inline-block; width:33.33%; 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 .info_box {padding:10px 0; border:1px solid #e5e5e5; margin-bottom:5px;} #memberjoin .info_box h3 {font-size:1.167rem; color:#c20000; margin-top:10px;} #memberjoin .info_box ul {margin:15px 0;} #memberjoin .info_box ul li {font-weight:bold;} #memberjoin .info_box a {display:inline-block; text-decoration:underline; color:#898989; margin-bottom:5px;} #memberjoin .agree_area {padding:0 20px;} #memberjoin .agree_area .all_check {padding-bottom:10px; text-align:left;} #memberjoin .agree_area .all_check input {margin-top:-2px; vertical-align:middle;} #memberjoin .agree_area .all_check label {color:#595959; font-size:1rem; font-weight:bold;} #memberjoin .agree_area .agree_list {margin-bottom:14px; padding:8px 0; border:1px solid #dfdfdf; border-width:1px 0;} #memberjoin .agree_area .agree_list .check_wrap {padding:5px 0; 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 3px; color:#f90000; font-size:0.917rem;} #memberjoin .agree_area .agree_list .check_wrap .check a {display:inline-block; float:right; padding-right:8px; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/agree_open.png') no-repeat right 0 center/5px 12px; color:#444; font-size:0.917rem; cursor:pointer;} #memberjoin .agree_area .agree_list .check_wrap .check a.active {background-image:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/agree_close.png');} #memberjoin .agree_area .agree_list .check_wrap .scroll {display:none; overflow-x:hidden; overflow-y:scroll; position:relative; width:100%; height:80px; margin-top:10px; border:1px solid #d9d9d9; background:#fff; -webkit-overflow-scrolling:touch;} #memberjoin .agree_area .agree_list .check_wrap .scroll iframe {position:absolute; top:0; left:0; width:100%; height:100%;} #memberjoin .member_type {padding:20px 0;} #memberjoin .member_type label {margin:0 10px;} #memberjoin .btn {text-align:center;} #memberjoin .btn .box_btn a {font-size:1.25rem;} #memberjoin .btn .box_btn span {font-size:1rem;} /* input 체크박스 */ #memberjoin input[type=checkbox] {width:13px; height:13px; margin:0 3px 0 4px; outline:0; border-radius:0; border:0; background:no-repeat left center/13px; background-image:url('https://m.na-mu.co.kr/_skin/m_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://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/join_check_on.png');} #memberjoin .shop_reco {text-align:left; padding-bottom:15px; border-bottom:1px solid #e5e5e5;} #memberjoin .shop_reco span {font-size:1rem;} #memberjoin .shop_reco span .color {color:red; padding-left:2px; vertical-align:middle;} #memberjoin .shop_reco label input {vertical-align:-3px;} #memberjoin .input_tab {position:relative; margin-bottom:10px; text-align:left; padding-top:10px;} #memberjoin .input_tab > label {overflow:hidden; display:block; margin-bottom:2px; 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://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/common/join_input_open.png') no-repeat right center/5px 11.5px; color:#bbb; font-size:0.833rem; cursor:pointer;} #memberjoin .input_tab > label a.active {background-image:url('https://m.na-mu.co.kr/_skin/m_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:0.9167rem; 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/14px; background-image:url('https://m.na-mu.co.kr/_skin/m_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://m.na-mu.co.kr/_skin/m_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/14px; background-image:url('https://m.na-mu.co.kr/_skin/m_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://m.na-mu.co.kr/_skin/m_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;} #member_join_finish {width:100%; margin:0 auto;} #member_join_finish h3.title {margin-bottom:10px; margin-top:30px; font-size:1.5rem; text-align:center;} #member_join_finish .box {padding:30px 0 28px 0; border-bottom:1px solid #dedede; color:#888; text-align:center; line-height:3;} #member_join_finish .box strong {font-size:1.167rem;} #member_join_finish .info_box {text-align:center; padding:45px 0 18px 0;} #member_join_finish .info_box p {margin-bottom:15px; font-weight:bold; font-size:1.083rem; 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_box {text-align:center;} #member_join_finish .btn_box:after {display:block; clear:both; content:'';} #member_join_finish .btn_box .btn {margin-top:30px; text-align:center; float:left; width:49%;} #member_join_finish .btn_box .btn .box_btn > a {width:100%; padding:13.5px 16px;} #member_join_finish .btn_box .btn * {border:none; display:block;} #member_join_finish .btn_box .btn a {font-size:1.083rem;} #member_join_finish .btn_box .btn:last-child * {background:#b2b2b2; margin-left:2%;} /* 이용약관(/content/content.php?cont=uselaw) */ #uselaw > ol > li > dl > dt {padding:15px 0;} #uselaw {padding:8px 15px !important;} #uselaw dd {color:#bbbcb9;} #memberjoin #uselaw > ol > li > dl > dt {padding:0 !important;} #join_pay, #join_privacy, #join_rull {padding:8px 15px !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_m) */ #brand_info .img img {width:100%; height:auto;} #brand_info .txt {padding-top:35px; text-align:center;} #brand_info .txt .title {padding:15px 0 24.5px; background:url('https://m.na-mu.co.kr/_skin/m_namugrim_renewal_250715/img/etc/brand_title.gif') no-repeat top center; background-size:20px 1px; color:#333; font-family:"Malgun Gothic","맑은 고딕","Dotum","돋움", AppleGothic,sans-serif; font-size:1.083rem; font-weight:500;} #brand_info .txt p {color:#8c8c8c; font-weight:200; line-height:19px;} #brand_info .area0 .txt {padding-bottom:31.5px; background:#f7f7f7;} #brand_info .area1 {margin-top:34.5px;} #brand_info .area1 .img {padding:0 40px;} /*-----------------------------------------------------------------*/ /* 5. ETC /*-----------------------------------------------------------------*/ /* 댓글 - 리스트(게시판, 상품리뷰) */ .list_comment {position:relative; background:#fff; text-align:left;} .list_comment > ul {border:1px solid #e5e5e5; border-top:0;} .list_comment > ul > li {clear:both; overflow:hidden; padding:10px; border-top:1px solid #e5e5e5; color:#474645; word-break:break-all; word-wrap:break-word;} .list_comment > ul > li .name {float:left; width:40%;} .list_comment > ul > li .name a {color:inherit; font-size:inherit;} .list_comment > ul > li .date {float:right; width:60%; text-align:right;} .list_comment > ul > li .date span {padding-right:5px; color:#888;} .list_comment > ul > li .date img {margin-top:3px; width:9px; height:9px;} .list_comment > ul > li .content {clear:both; padding-top:5px;} /* 댓글 - 쓰기(게시판, 상품리뷰) */ .write_comment {overflow:hidden; margin-top:-1px; padding:10px; 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; font-size:0; text-align:left;} .write_comment .inputbox textarea.form_input {height:50px; 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%;} /* 게시판 - 상품연동 - 검색 */ #product_search_frm {width:100% !important; background:#fff;} #product_search_frm .frame {min-height:350px; margin:10px;} #product_search_frm .frame .search {display:flex; display:-webkit-flex; width:100%; padding-bottom:10px;} #product_search_frm .frame .btn {padding:20px 0 5px 0; text-align:center;} /* 게시판 - 상품연동 - 쓰기 */ .related_prd_write {padding:10px 0;} .related_prd_write .swiper-wrapper {margin:10px 0; padding-bottom:30px;} /* 게시판 - 상품연동 - 열람 */ .related_prd_view {border-bottom:1px solid #e0e0e0;} .related_prd_view h3.title {padding:30px 0 15px; font-size:1.167rem; text-align:center;} .related_prd_view .swiper-wrapper {padding-bottom:30px;} .related_prd_view .prd_basic .box .summary {display:none;} /* 프로모션기획전 */ .speical_group {margin:1px 1px 0 0;} .speical_group > .menu {margin-bottom:20px; font-size:0;} .speical_group > .menu > li {display:inline-block; width:50%;} .speical_group > .menu > li > a {display:block; overflow:hidden; margin:-1px -1px 0 0; padding:10px; border:1px solid #d2d2d2; color:#666; text-align:center; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap;} .speical_group > .menu > li > a:hover, .speical_group > .menu > li > a.active {position:relative; z-index:2; 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-bottom:5px; font-size:1.167rem; font-weight:bold;} .speical_group > .intro > .title > span {color:#666; font-size:1rem;} .speical_group > .intro > .summary {padding:15px 0; border-bottom:1px solid #d2d2d2;} .speical_group > .intro > .summary img {max-width:100%;} .speical_group > .box {border-bottom:1px solid #d2d2d2; text-align:center;} .speical_group > .box > h4 {padding:20px 0 15px; font-size:1.333rem;} .speical_group > .box > .img {padding-bottom:30px;} .speical_group > .box > .img img {max-width:100%;} /* 장바구니 담기 성공 다이얼로그 */ ._dialogConfirm_custom {width: 90% !important;} ._dialogConfirm_custom .ui-dialog-titlebar {display: none;} ._dialogConfirm_custom .ui-widget-content {border: 0;} ._dialogConfirm_custom .ui-dialog-content {padding: 73px 30px 27.5px !important; ; font-size: 15px; font-weight: 600;} ._dialogConfirm_custom .ui-dialog-buttonpane {padding: 0 !important;} ._dialogConfirm_custom .ui-widget-content .ui-dialog-buttonset {display: flex; width: 100%; gap: 6px; padding: 0 12.5px 50px 12.5px; font-size: 15px;} ._dialogConfirm_custom .ui-widget-content .ui-dialog-buttonset > button {width: 50%; height: 41px; margin: 0; font-size: 15px; border-color: #373737; border-radius: 0;} ._dialogConfirm_custom .ui-widget-content .ui-dialog-buttonset > button:nth-of-type(1) {background: #fff; color: #333; outline:none; box-shadow:none;} ._dialogConfirm_custom .ui-widget-content .ui-dialog-buttonset > button:nth-of-type(2) {background: #373737; color: #fff;}