/*-----------------------------------------------------------------*/ /* 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 /*-----------------------------------------------------------------*/ /* font (나눔스퀘어) */ @font-face { font-family: 'NanumSquare'; font-style: normal; font-weight: 400; src: url(http://m.tubangoods.com/_skin/m_tuban/img/etc/NanumSquareR.eot); src: local(※), url(http://m.tubangoods.com/_skin/m_tuban/img/etc/NanumSquareR.eot?#iefix) format('embedded-opentype'), url(http://m.tubangoods.com/_skin/m_tuban/img/etc/NanumSquareR.woff2) format('woff2'), url(http://m.tubangoods.com/_skin/m_tuban/img/etc/NanumSquareR.woff) format('woff'), url(http://m.tubangoods.com/_skin/m_tuban/img/etc/NanumSquareR.ttf) format('truetype'); } @font-face { font-family: 'NanumSquare'; font-style: normal; font-weight: 700; src: url(http://m.tubangoods.com/_skin/m_tuban/img/etc/NanumSquareB.eot); src: local(※), url(http://m.tubangoods.com/_skin/m_tuban/img/etc/NanumSquareB.eot?#iefix) format('embedded-opentype'), url(http://m.tubangoods.com/_skin/m_tuban/img/etc/NanumSquareB.woff2) format('woff2'), url(http://m.tubangoods.com/_skin/m_tuban/img/etc/NanumSquareB.woff) format('woff'), url(http://m.tubangoods.com/_skin/m_tuban/img/etc/NanumSquareB.ttf) format('truetype'); } 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:'NanumSquare', dotum,'돋움',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=radio] {width:17px; height:17px; border:1px solid #666; border-radius:50%; outline:0; border:1px solid #363636; background:no-repeat center / 15px #fff; -webkit-appearance:none; -moz-appearance:none; vertical-align:middle; transition:all 0.4s; -webkit-transition:all 0.4s;} input[type=radio]:checked {border-color:#fc5000; background-image:url('http://m.tubangoods.com/_skin/m_tuban/img/bg/bg_radio_checked.png');} input[type=checkbox] {width:17px; height:17px; border:1px solid #666; border-radius:0; outline:0; background:no-repeat center / 15px #fff; -webkit-appearance:none; -moz-appearance:none; vertical-align:middle; transition:all 0.4s; -webkit-transition:all 0.4s;} input[type=checkbox]:checked {background-image:url('http://m.tubangoods.com/_skin/m_tuban/img/bg/bg_checkbox_checked.png');} 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:#00afaa !important;} .i_info {display:inline-block; position:relative; top:4px; width:15px; height:15px; background:url('http://m.tubangoods.com/_skin/m_tuban/img/common/icon_info.png') no-repeat center/15px; 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:sans-serif; font-size:1rem; transition:all .3s ease;} .form_input:focus {border-color:#666 !important; outline:none !important;} .form_input.block {width:100% !important;} .form_input:-ms-input-placeholder {color:#666; font-family:sans-serif;} .form_input::-webkit-input-placeholder {color:#666; font-family:sans-serif;} .form_input::-moz-placeholder {color:#666; font-family: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 14px 4px 6px; border:1px solid #aaa; border-radius:0; background:url('http://m.tubangoods.com/_skin/m_tuban/img/common/select_arrow.png') no-repeat center right 5px / 7.5px 5.5px #fff; color:#666; font:inherit; -webkit-appearance:none;} select.block {width:100%;} select:focus {border-color:#666 !important; outline:none !important;} /* 서브 페이지 타이틀 */ .subtitle {padding:30px 0 15px;} .subtitle h2 {font-size:1.750rem; font-weight:700; text-align:center; line-height:1;} .subtitle.btm_bar {margin-bottom:15px; border-bottom:1px solid #333;} /* 상단 탭메뉴 */ .h_tab {margin-bottom:-5px; padding-top:28px;} .h_tab ul {font-size:0; text-align:center;} .h_tab ul > li {display:inline-block; margin:0 15px; vertical-align:top} .h_tab ul > li a {display:block; color:#8c8c8c;} .h_tab ul > li a:hover {color:#363636;} .h_tab ul > li.selected a {color:#363636; font-weight:700;} /* 총갯수 카운트 문구 */ .total_count {padding:20px 0; color:#8c8c8c; font-size:0.917rem; text-align:center;} .total_count.first {padding-top:0;} .total_count strong {font-size:inherit;} /* 페이징 */ .paging {clear:both; margin:20px 0; font-size:0; text-align:center;} .paging li {display:inline-block; font-size:0; vertical-align:top;} .paging li:after {display:blcok; clear:both; content:'';} .paging li strong {float:left; width:25px; height:25px; margin:0 1px; border-radius:50%; background:#363636; color:#fff; font-size:0.667rem; line-height:25px;} .paging li a {float:left; width:25px; height:25px; margin:0 1px; background:#fff; color:#666; font-size:0.667rem; line-height:25px;} /* 박스 스타일 - 수량 */ .box_qty {display:inline-block; position:relative; width:100px;} .box_qty .form_input {padding:0 30px;} .box_qty .form_input:focus {border-color:#dcdcdc !important;} .box_qty .minus {display:inline-block; position:absolute; left:0; top:0; width:34px; height:34px; border:1px solid #dcdcdc; background:url('http://m.tubangoods.com/_skin/m_tuban/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('http://m.tubangoods.com/_skin/m_tuban/img/common/bullet_plus.png') no-repeat center/12px;} .box_qty2 {display:inline-block; position:relative; width:69px; vertical-align:middle; text-align:center;} .box_qty2 .form_input {padding:0; width:29px; height:24px; border:0; font-size:1rem; text-align:center; line-height:24px;} .box_qty2 .minus {display:inline-block; position:absolute; left:0; top:0; width:20px; height:24px; background:url('http://m.tubangoods.com/_skin/m_tuban/img/common/bullet_minus2.png') no-repeat center / 8px 8.5px;} .box_qty2 .plus {display:inline-block; position:absolute; right:0; top:0; width:20px; height:24px; background:url('http://m.tubangoods.com/_skin/m_tuban/img/common/bullet_plus2.png') no-repeat center / 8px 8.5px;} /* 컬러칩 리스트 */ .color_option {font-size:0;} .color_option:after {display:block; clear:both; content:'';} .color_option li {float:left;} .color_option li a {display:block; width:17px; height:17px; margin:1px; border:1px solid #fff;} .color_option li a.selected {border:1px solid #fff; outline:1px solid #ff1111;} .color_option li a img {width:15px; height:15px;} .text_option {font-size:0;} .text_option:after {display:block; clear:both; content:'';} .text_option li {float:left; text-align:left;} .text_option li a {overflow:hidden; display:block; height:20px; margin:1px; padding:0 6px; border:1px solid #d8d8d8; line-height:20px; text-align:center;} .text_option li a.selected {border:1px solid #ff1111;} .text_option li a.soldout {background:#ff1111; color:#fff;} /* 글쓰기 - 주문서,1:1문의 */ /* 상단 셀렉트 메뉴 */ .top_select_menu {height:40px; border-top:1px solid transparent; border-right:1px solid transparent; border-left:1px solid transparent; background-color:#f1f1f1;} /* 상품리스트 정렬 */ .sort_line {padding-bottom:15px;} .sort_line:after {display:block; clear:both; content:'';} .sort_line .sort {float:left; width:50%;} .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('http://m.tubangoods.com/_skin/m_tuban/img/shop/type1.png');} .sort_line .type a.type2 {background-image:url('http://m.tubangoods.com/_skin/m_tuban/img/shop/type2.png');} .sort_line .type a.type3 {background-image:url('http://m.tubangoods.com/_skin/m_tuban/img/shop/type3.png');} .sort_line .type a.type4 {background-image:url('http://m.tubangoods.com/_skin/m_tuban/img/shop/type4.png');} .sort_line .type a.type5 {background-image:url('http://m.tubangoods.com/_skin/m_tuban/img/shop/type5.png');} /* 엔진 - 레이어 딤드(게시판 상품 선택, 퀵프리뷰 팝업) */ #qdBackground {position:fixed !important; width:100% !important; height:100% !important;} /* 상품평 bg처리 */ .rev_star {display:inline-block; overflow:hidden; width:49px; height:9px; background:url('http://m.tubangoods.com/_skin/m_tuban/img/shop/star_off.gif') no-repeat left top / 100% auto; font-size:0; text-align:left; vertical-align:top;} .rev_star:after {display:block; clear:both; content:'';} .rev_star img {float:left; width:auto; height:inherit; vertical-align:top;} .rev_star img ~ img {margin:0 0 0 1px;} .rev_star.big {display:inline-block; overflow:hidden; width:83px; height:15px; background:url('http://m.tubangoods.com/_skin/m_tuban/img/shop/star_big_off.gif') no-repeat left top / 100% auto; font-size:0; text-align:left; vertical-align:top;} .rev_star.big img ~ img {margin:0 0 0 2px;} /*-----------------------------------------------------------------*/ /* 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:7px 0; border-top:1px solid #e1e1e1; background:#f9f9f9; font-size:0.833rem; font-weight:normal; text-align:center; vertical-align:middle;} .tbl_col > tbody > tr > td {padding:13px 0; border-bottom:1px solid #e1e1e1; font-size:0.833rem; 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:0;} .tbl_row caption {padding-bottom:20px; font-weight:bold; text-align:left;} .tbl_row tr.non_border th, .tbl_row tr.non_border td {padding:10px 0; border:0} .tbl_row th {padding:15px; border-bottom:1px solid #e1e1e1; color:#8c8c8c; font-size:0.917rem; font-weight:normal; text-align:left; vertical-align:middle;} .tbl_row td {padding:15px 0; border-bottom:1px solid #e1e1e1; font-size:0.917rem; text-align:left; vertical-align:middle; word-break:break-all; word-wrap:break-word;} .tbl_row th label, .tbl_row td label {color:inherit; font-size:inherit;} .tbl_row td.total {color:#fc5000;} .tbl_row td.total strong {color:inherit;} .tbl_row td .basics {display:inline-block; margin-left:5px; padding:0 6px; border:1px solid #00afaa; border-radius:20px; color:#00afaa; font-size:0.917rem;} /* 테이블 스타일 - 주문서, 주문완료, 주문상세조회, 장바구니 */ .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 #363636; border-radius:3px; outline:none; background:#363636; color:#fff !important; font-size:1rem; font-family:'NanumSquare', dotum,'돋움', 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.small > * {padding:4px 8px;} .box_btn.large > * {padding:9.5px 16px; font-size:1.167rem;} /* 버튼스타일 - 가로길이 */ .box_btn.block {display:block;} .box_btn.block > * {width:100%;} .box_btn.w50 > * {width:50px;} .box_btn.w75 > * {width:75px;} .box_btn.w100 > * {width:100px;} .box_btn.w125 > * {width:125px;} .box_btn.w150 > * {width:150px;} .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:#d1d1d1; background:#fff; color:#666 !important;} .box_btn.gray * {border-color:#f5f5f5; background:#f5f5f5; color:#666 !important;} .box_btn.darkgray * {border-color:#8c8c8c; background:#8c8c8c; color:#fff !important;} .box_btn.mint * {border-color:#00afaa; background:#00afaa; color:#fff !important;} .box_btn.mint_line * {border-color:#00afaa; background:#fff; color:#00afaa !important;} /* 버튼스타일 - 텍스트 */ .box_btn.strong * {font-weight:bold;} /* 나열 버튼 */ .btn_col {width:100%; margin-bottom: 15px; } .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:table; width:100%; font-size:0; text-align:left !important;} .prd_basic > li {display:inline-block; padding-bottom:10px; text-align:center; vertical-align:top;} .prd_basic .box {position:relative; width:100%; margin:0 auto;} .prd_basic .box .img {overflow:hidden; position:relative; z-index:1; width:100%; margin:0 auto; text-align:center;} .prd_basic .box .img .prdimg {transition:all .3s ease;} .prd_basic .box .img .prdimg img {width:100%; height:auto;} .prd_basic .box .img:hover .prdimg {-ms-transform:scale(1.1,1.1); /* IE 9 */ -webkit-transform:scale(1.1,1.1); /* Safari */ transform:scale(1.1,1.1); /* Standard syntax */} .prd_basic .box .img .soldout {display:none;} .prd_basic .box .img .wish {position:absolute; right:0; top:0;} .prd_basic .box .img .wish a {display:block; width:32px; height:32px; background:url('http://m.tubangoods.com/_skin/m_tuban/img/shop/icon_wish.png') no-repeat center/32px;} .prd_basic .box .img .wish.active a {background-image:url('http://m.tubangoods.com/_skin/m_tuban/img/shop/icon_wish_active.png')} .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 {text-align:center;} .prd_basic .box .name {padding-top:10px;} .prd_basic .box .price {padding-top:5px;} .prd_basic .box .price p {word-break:break-all; word-wrap:break-word;} .prd_basic .box .price .consumer {text-decoration:line-through;} .prd_basic .box .summary {padding-top:10px; color:#888; font-size:0.917rem; word-break:break-all; word-wrap:break-word;} .prd_basic .box .icon {padding-top:10px;} .prd_basic .box .icon img {margin:0 2px;} /* 상품스타일 - 보기갯수 */ .prd_basic.col1 > li {width:100%;} .prd_basic.col2 > li {width:50%; padding-right:5px;} .prd_basic.col2 > li:nth-child(2n) {padding:0 0 0 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_grid_wrap {padding:0 10px 10px;} .prd_grid {display:block; position:relative; font-size:0; text-align:left !important;} .prd_grid .grid-item {display:inline-block; width:50%; margin-bottom:10px; padding:0 5px; vertical-align:top;} .prd_grid .grid-item.bnr img {width:100%;} .prd_grid .prdbox {overflow:hidden; position:relative; background:#fff;} .prd_grid .prdbox .img {overflow:hidden; position:relative; z-index:1; width:100%; margin:0 auto; text-align:center;} .prd_grid .prdbox .img img {width:100%; height:auto;} .prd_grid .prdbox .img .soldout {display:none;} .prd_grid .prdbox.out .img .soldout {display:block; position:absolute; right:0; bottom:0; z-index:5; padding:7px; background:#7a7a78; color:#fff; font-size:1rem; font-weight:bold; text-align:center; line-height:12px; cursor:pointer;} /* 품절시 soldout 출력 */ .prd_grid .prdbox .info {padding:8px; text-align:left;} .prd_grid .prdbox .brand {padding-bottom:10px; color:#363636; font-size:0.917rem; font-weight:700; line-height:18px;} .prd_grid .prdbox .brand img {width:18px; height:18px; margin:-2px 5px 0 0; vertical-align:middle;} .prd_grid .prdbox .name, .prd_grid .prdbox .name a {color:#8c8c8c; font-size:0.833rem; font-weight:400; line-height:1.4;} .prd_grid .prdbox .price {padding-top:10px; line-height:1;} .prd_grid .prdbox .price .sell {color:#363636; font-size:1rem; font-weight:700;} .prd_grid .prdbox .price .consumer {margin-left:5px; color:#8c8c8c; font-size:0.917rem; text-decoration:line-through;} .prd_grid .prdbox .icon {padding:10px 0 0; font-size:0; text-align:left;} .prd_grid .prdbox .icon img {height:6px; margin:3px 4px 0 0; vertical-align:middle;} /* 상품리스트 공통 슬라이드 배너(상단) */ .swiper_cnt_banner {} .swiper_cnt_banner .swiper-slide {text-align:center;} .swiper_cnt_banner .swiper-slide img {width:100%; height:auto;} .swiper_cnt_banner .swiper-pagination .swiper-pagination-bullet {background-color:#e1e1e1; opacity:1;} .swiper_cnt_banner .swiper-pagination .swiper-pagination-bullet-active {background-color:#363636;} /*-----------------------------------------------------------------*/ /* 3. Layout /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* 3-1. wrapper /*-----------------------------------------------------------------*/ .wrap_inner {padding:15px;} /* 컨텐츠 사이즈 */ .wrap_inner:after {display:block; clear:both; content:'';} body.view_nav {overflow:hidden;} /*body.view_nav #dimmed {display:block;}*/ body.bg1 {background:#f7f5f4;} /*-----------------------------------------------------------------*/ /* 3-2. header /*-----------------------------------------------------------------*/ header {width:100%; height:50px; background:#fff; text-align:center;} header .hgroup {position:relative; width:100%; height:50px; border-bottom:1px solid #e1e1e1; background:inherit;} header .hgroup.fix {position:fixed; z-index:100; top:0px; left:0px;} header h1 a {display:inline-block; padding:9px 0; vertical-align:top;} header h1 img {height:32px;} header .gnb li a {display:block; position:absolute; top:0; width:37px; height:50px; background-repeat:no-repeat; background-position:center; color:transparent; text-align:center;} header .gnb li.category a {left:0; background-image:url('http://m.tubangoods.com/_skin/m_tuban/img/common/icon_category.png'); background-size:18px 16px;} header .gnb li.search a {right:37px; background-image:url('http://m.tubangoods.com/_skin/m_tuban/img/common/icon_search.png'); background-size:18px 17.5px;} header .gnb li.search a.active {background-image:url('http://m.tubangoods.com/_skin/m_tuban/img/button/close.png');} header .gnb li.cart a {right:0; background-image:url('http://m.tubangoods.com/_skin/m_tuban/img/common/icon_cart.png'); background-size:13.5px 18px;} header .gnb li.cart a .count {position:absolute; left:0; top:3px; width:100%; color:#00afaa; font-size:0.833rem; text-align:center; line-height:16px;} header .box_search {display:none; position:absolute; left:0; top:50px; z-index:10; width:100%; padding:6px 10px; border-bottom:1px solid #e1e1e1; background:#fff; text-align:center;} header .box_search .box {position:relative; padding-left:32px; border-radius:3px; background:#f7f7f7; text-align:left;} header .box_search .box .basic_search {height:35px; border:0; background:transparent; color:#8c8c8c; font-size:0.917rem; line-height:35px;} header .box_search .box .btn {position:absolute; left:9px; top:11px; width:14px; height:14px;} /*-----------------------------------------------------------------*/ /* 3-3. nav /*-----------------------------------------------------------------*/ nav#lnb {visibility:hidden; overflow:auto; position:fixed; top:0; z-index:120; width:100%; height:100%; background:#fff; text-align:left; opacity:0; transition:all 0.3s ease-in-out; -webkit-overflow-scrolling:touch;} nav#lnb .loginoff {padding:0 15px; border-bottom:1px solid #e1e1e1; text-align:left;} nav#lnb .loginoff .msg {line-height:40px;} nav#lnb .loginoff .msg strong {color:#00afaa;} nav#lnb .my_menu {padding:18px 0;} nav#lnb .my_menu ul {font-size:0; text-align:center;} nav#lnb .my_menu ul > li {display:inline-block; width:33%; vertical-align:top;} nav#lnb .my_menu ul > li a {display:block; min-width:45px; padding-top:50px; background:no-repeat center top / 45px; color:#00afaa; font-size:0.833rem; line-height:1;} nav#lnb .my_menu ul > li.mypage a {background-image:url('http://m.tubangoods.com/_skin/m_tuban/img/common/lnb_mypage.png');} nav#lnb .my_menu ul > li.myord a {background-image:url('http://m.tubangoods.com/_skin/m_tuban/img/common/lnb_myord.png');} nav#lnb .my_menu ul > li.cs a {background-image:url('http://m.tubangoods.com/_skin/m_tuban/img/common/lnb_cs.png');} nav#lnb .line_top {border-top:5px solid #f7f6f5;} nav#lnb .cate_menu ul {font-size:0; text-align:center;} nav#lnb .cate_menu ul > li {display:inline-block; position:relative; width:25%; vertical-align:top;} nav#lnb .cate_menu ul > li:before {display:block; position:absolute; width:2px; height:2px; left:-1px; top:50%; margin-top:-1px; background:#363636; content:'';} nav#lnb .cate_menu ul > li a {display:block; height:50px; font-size:0.917rem; line-height:50px;} nav#lnb .cate_menu ul > li:first-of-type:before {display:none;} nav#lnb .cate_list .title {height:36px; padding:0 15px; font-weight:bold; line-height:36px;} nav#lnb .cate_list ul.depth1 > li {border-bottom:1px solid #e1e1e1;} nav#lnb .cate_list ul.depth1 > li > a {display:block; height:50px; padding:0 23px 0 15px; background:url('http://m.tubangoods.com/_skin/m_tuban/img/common/bullet_cate_arr_down.png') no-repeat center right 15px / 7.5px 5.5px; color:#363636; line-height:50px;} nav#lnb .cate_list ul.depth1 > li.active > a {background-image:url('http://m.tubangoods.com/_skin/m_tuban/img/common/bullet_cate_arr_up.png');} nav#lnb .cate_list ul.depth2 {display:none; border-top:1px solid #e1e1e1; background:#f7f6f5;} nav#lnb .cate_list ul.depth2 > li > a {display:block; height:43px; padding:0 15px; color:#8c8c8c; font-size:0.917rem; line-height:43px;} nav#lnb .cate_list ul.depth2.brand {padding:20px 10px; font-size:0; text-align:left;} nav#lnb .cate_list ul.depth2.brand > li {display:inline-block; width:25%; padding:10px; text-align:center; vertical-align:top;} nav#lnb .cate_list ul.depth2.brand > li > a {display:block; height:auto; padding:0;} nav#lnb .cate_list ul.depth2.brand > li img {min-width:42px; width:100%; max-width:84px; height:auto;} nav#lnb .cate_list ul.depth2.brand > li .name {display:block; padding:7px 0 0; color:#8c8c8c; font-size:0.750rem; font-weight:bold; line-height:1;} nav#lnb .btn_bottom {display:flex; display:-webkit-flex; width:100%; background:#f7f6f5;} nav#lnb .btn_bottom > a {flex:1; -webkit-flex:1; position:relative; height:40px; color:#8c8c8c; font-size:0.917rem; text-align:center; line-height:40px;} nav#lnb .btn_bottom > a + a:before {display:block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background:#8c8c8c; content:'';} nav#lnb .close {display:inline-block; position:absolute; right:0; top:0; z-index:10; width:40px; height:40px; background:url('http://m.tubangoods.com/_skin/m_tuban/img/button/lnb_close.png') no-repeat center; background-size:12.5px; text-indent:-9999px;} nav#lnb.is_show {visibility:visible; opacity:1;} /*-----------------------------------------------------------------*/ /* 3-4. footer /*-----------------------------------------------------------------*/ footer {padding:10px 15px; background:#eee; margin-top:20px;} footer .quick {overflow:hidden;} footer .quick > div {padding:10px 0; color:#8c8c8c; font-size:0.750rem; text-align:center;} footer .quick > div * {color:inherit; font-size:inherit;} footer .quick > div dl dt {margin-bottom:8px; color:#666; font-size:0.833rem; font-weight:700; line-height:1;} footer .quick > div dl dd {line-height:1.6;} footer .quick > div dl dd span { position:relative; display:inline-block; padding-right:10px; word-break: keep-all;} footer .quick > div dl dd span:after { content:""; display:block; position:absolute; right:3px; top:50%; width:1px; height:10px; margin-top:-6px; background:#bfbfbf; } footer .quick > div dl dd span.nobd:after { content:none; } footer .quick > div dl dd span.ftb { font-weight:600;} footer .quick > div ul.menu > li {line-height:2;} footer .quick > div.sns ul {font-size:0; text-align:center;} footer .quick > div.sns ul > li {display:inline-block; margin:0; vertical-align:top;} footer .quick > div.sns ul > li a {display:block; padding:7px;} footer .quick > div.sns ul > li img {width:18px; height:18px;} footer .quick > div.project sup {font-size:0.417rem; vertical-align:super;} footer .shopinfo {overflow:hidden; clear:both; color:#8c8c8c; text-align:center; letter-spacing:-0.25px;} footer .shopinfo .info {display:none !important;} footer .shopinfo .info, footer .shopinfo .info * {color:#888; font-size:0.750rem; font-style:normal;}gggg footer .shopinfo .info span {position:relative; margin-right:5px; padding:0 5px 0 0;} footer .shopinfo .info span:after {display:block; position:absolute; right:-3px; top:3px; width:1px; height:5px; background:#d5d5d5; content:'';} footer .shopinfo .info span.last {margin-right:0;} footer .shopinfo .info span.last:after {display:none;} footer .shopinfo .copyright {color:#8c8c8c; font-size:0.750rem;} footer .shopinfo .copyright * {color:inherit; font-size:inherit;} footer .shopinfo .copyright strong {color:#888;} footer .btn_scroll {display:none; position:fixed; right:15px; bottom:15px; z-index:10; width:35px; border:1px solid #dbdbdb;} footer .btn_scroll a {display:block; height:35px; background-repeat:no-repeat; background-position:center; background-color:rgba(255,255,255,0.8); background-size:16px auto; font-size:0; text-align:center; cursor:pointer;} footer .btn_scroll a.up {background-image:url('http://m.tubangoods.com/_skin/m_tuban/img/common/bullet_scrollup.png');} #dimmed {display:none; position:fixed; left:0; top:0; z-index:15; width:100%; height:100%; background:rgba(0,0,0,0.5);} /*-----------------------------------------------------------------*/ /* 4. Page /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* 4-1. 메인 /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* 4-2.상점 /*-----------------------------------------------------------------*/ /* 주문배송비메세지 - 장바구니(/shop/cart.php), 주문서(order.php) */ .msg_delivery {position:relative; padding:10px 15px; color:#8c8c8c; font-size:0.917rem; text-align:left; line-height:1;} .msg_delivery.check {} .msg_delivery.check input[type=checkbox] {vertical-align:middle;} .msg_delivery label {color:inherit; font:inherit;} .msg_delivery span, .msg_delivery span * {font-size:0.917rem;} /* 상품리스트 - 장바구니(/shop/cart.php), 주문서(order.php), 주문완료(order_finish.php) */ .list_cart > li { position:relative; width:100%; border-bottom:1px solid #e1e1e1;} .list_cart > li:first-child {border-top:1px solid #e1e1e1;} .list_cart > li > .box {display:flex; display:-webkit-flex; width:100%; padding:15px;} .list_cart > li > .box .check {margin-right:15px;} .list_cart > li > .box .img {width:75px;} .list_cart > li > .box .img img {width:75px; height:auto;} .list_cart > li > .box .info {flex:1; -webkit-flex:1; margin-left:15px;} .list_cart > li > .box .info > p, .list_cart > li > .box .info > div {padding-bottom:5px; font-size:0.833rem;} .list_cart > li > .box .info .name {font-size:1.083rem; font-weight:bold;} .list_cart > li > .box .info .name a {font:inherit;} .list_cart > li > .box .info .price {color:#8c8c8c;} .list_cart > li > .box .info .opt {position:relative; margin:0 0 5px; padding:5px 70px 5px 0;} .list_cart > li > .box .info .opt .opt_cnt {font:inherit;} .list_cart > li > .box .info .opt .option_add_prc {font:inherit;} .list_cart > li > .box .info .opt .btn_opt {position:absolute; right:0; top:0;} .list_cart.ord > li > .ord_title {overflow:hidden; width:100%; padding:10px 15px; background:#f7f7f7; font-size:0.917rem; text-align:right;} .list_cart.ord > li > .ord_title * {color:inherit; font:inherit;} .list_cart.ord > li > .ord_title .ono {float:left; color:#fc5000; font-weight:bold;} .list_cart.ord > li > .ord_title .ono a {display:block; text-decoration:underline;} .list_cart.ord > li > .box {flex-wrap:wrap;} .list_cart.ord > li > .box .info ul.info_detail {padding:5px 0; font-size:0; text-align:left;} .list_cart.ord > li > .box .info ul.info_detail > li {display:inline-block; width:50%; padding:2px 0; font-size:0; vertical-align:top;} .list_cart.ord > li > .box .info ul.info_detail > li .fld_title {display:inline-block; max-width:35%; color:#8c8c8c; font-size:0.833rem; vertical-align:top;} .list_cart.ord > li > .box .info ul.info_detail > li .fld_cnt {display:inline-block; max-width:65%; font-size:0.833rem; vertical-align:top;} .list_cart.ord > li > .box .info ul.info_detail > li * {color:inherit; font:inherit;} .list_cart.ord > li > .box .btn_bottom {width:100%; padding-top:10px;} .list_cart.ord > li > .box .btn_bottom .trace {display:block; padding:0 0 5px; font-size:0.833rem;} /* 상품리스트 - 장바구니, 주문상품 합계 */ .list_cart_sum table {table-layout:fixed; width:100%;} .list_cart_sum table tr:first-of-type th, .list_cart_sum table tr:first-of-type td {padding-top:10px;} .list_cart_sum table tr:nth-last-of-type(2) th, .list_cart_sum table tr:nth-last-of-type(2) td {padding-bottom:10px;} .list_cart_sum table th {padding:5px 15px; color:#666; font-size:0.917rem; font-weight:normal; text-align:left;} .list_cart_sum table td {padding:5px 15px; font-size:0.917rem; text-align:right;} .list_cart_sum table td * {color:inherit; font-size:inherit;} .list_cart_sum table .row_total th {padding:10px 15px; background:#fff6f2;} .list_cart_sum table .row_total td {padding:10px 15px; background:#fff6f2; color:#fc5000;} /* 상품목록(/shop/big_section.php) */ .total_sort {margin:13px 0;} .total_sort select {height:27px; border:1px solid #aaa; background-color:transparent; text-align:center;} .total_sort .sort {display:flex; display:-webkit-flex; width:100%; text-align:center;} .total_sort .sort select {flex:1; -webkit-flex:1; font-size:1rem;} .total_sort .sort select + select {margin-left:-1px;} .total_sort .sort_brand {display:none;} .total_sort .sort_brand select {width:100%;} .total_sort .total {padding:23px 10px 10px; color:#8c8c8c; font-size:0.750rem; text-align:center;} .total_sort .total strong {color:#363636; font-size:inherit;} #big_section .swiper_cate .swiper-wrapper {font-size:0; text-align:center;} #big_section .swiper_cate .swiper-slide {display:inline-block; width:auto; vertical-align:top;} #big_section .swiper_cate .swiper-slide a {display:block; padding:5px 15px; color:#8c8c8c; font-size:1rem; line-height:1;} #big_section .swiper_cate .swiper-slide.selected a {color:#363636; font-weight:bold;} /* 상품상세페이지(/shop/detail.php) */ #detail .wrap_prd {position:relative;} #detail .wrap_prd:after {display:block; clear:both; content:'';} #detail .wrap_prd .location_nav {position:absolute; left:0; top:0; z-index:20; padding:15px; color:#8c8c8c; font-size:0.833rem; text-align:left; line-height:1;} #detail .wrap_prd .location_nav * {color:inherit; font:inherit;} #detail .wrap_prd > .prdimg .img {overflow:hidden; text-align:center;} #detail .wrap_prd > .prdimg .img img {width:100%; height:auto;} #detail .wrap_prd > .prdimg .addimg {display:none;} #detail .wrap_prd > .prdimg .addimg .swiper-slide img {width:100%;} #detail .wrap_prd > .info {position:relative; padding:15px;} #detail .wrap_prd > .info > .info_top {padding-bottom:15px; text-align:left;} #detail .wrap_prd > .info > .info_top:after {display:block; clear:both; content:'';} #detail .wrap_prd > .info > .info_top .share {font-size:0;} #detail .wrap_prd > .info > .info_top .share .icon {float:left;} #detail .wrap_prd > .info > .info_top .share .icon a {display:inline-block; width:25px; height:25px; margin-right:5px; background:no-repeat center / cover; vertical-align:top;} #detail .wrap_prd > .info > .info_top .share .icon.kakao a {background-image:url('http://m.tubangoods.com/_skin/m_tuban/img/shop/icon_kakaostory.png');} #detail .wrap_prd > .info > .info_top .share .icon.facebook a {background-image:url('http://m.tubangoods.com/_skin/m_tuban/img/shop/icon_facebook.png');} #detail .wrap_prd > .info > .info_top .share .icon.twitter a {background-image:url('http://m.tubangoods.com/_skin/m_tuban/img/shop/icon_twitter.png');} #detail .wrap_prd > .info > .info_top .addwish {float:right;} #detail .wrap_prd > .info > .info_top .addwish a {display:block; width:25px; height:25px; background:url('http://m.tubangoods.com/_skin/m_tuban/img/button/wish_no.png') no-repeat center / cover; cursor:pointer;} #detail .wrap_prd > .info > h3 {font-size:1.500rem;} #detail .wrap_prd > .info > .price {text-align:left; line-height:26px;} #detail .wrap_prd > .info > .price > span {vertical-align:middle;} #detail .wrap_prd > .info > .price .sell {font-size:1.250rem; font-weight:700;} #detail .wrap_prd > .info > .price .customer {margin-left:10px; color:#555; font-size:1.250rem; font-weight:700; text-decoration:line-through;} #detail .wrap_prd > .info > .price .sale {color:#fc5000; font-size:1.250rem; font-weight:700;} #detail .wrap_prd > .info > .price .coupon {display:inline-block; width:75px; height:25px; margin-left:10px; padding:0 21.5px 0 2.5px; border:1px solid #d1d1d1; border-radius:3px; background:url('http://m.tubangoods.com/_skin/m_tuban/img/shop/download_coupon.png') no-repeat center right 10px / 11px 9.5px #fff; color:#8c8c8c; font-size:0.833rem; text-align:center; line-height:25px; cursor:pointer; vertical-align:top;} #detail .wrap_prd > .info .pop_coupon {display:none; position:absolute; z-index:110;} #detail .wrap_prd > .info .pop_coupon .layer {position:fixed; left:35px; top:50px; z-index:10; width:calc(100% - 70px); padding:15px; background:#fff; text-align:center;} #detail .wrap_prd > .info .pop_coupon .layer h2 {color:#363636; font-size:1.083rem; text-align:center; line-height:31px;} #detail .wrap_prd > .info .pop_coupon .layer .count {padding:20px 0 15px; color:#2d2a26; font-size:0.917rem; line-height:1;} #detail .wrap_prd > .info .pop_coupon .layer .list {margin:-10px 0 0 -10px; font-size:0; text-align:left;} #detail .wrap_prd > .info .pop_coupon .layer .list li {display:inline-block; width:50%; padding:10px 0 0 10px; text-align:center; vertical-align:top;} #detail .wrap_prd > .info .pop_coupon .layer .list li img {max-width:100%; height:auto;} #detail .wrap_prd > .info .pop_coupon .layer .close {display:inline-block; position:absolute; right:15px; top:15px; width:31px; height:31px; background:url('http://m.tubangoods.com/_skin/m_tuban/img/button/pop_close.png') no-repeat center / 50%; cursor:pointer;} #detail .wrap_prd > .info .pop_coupon .dimmed {position:fixed; left:0; top:0; z-index:5; width:100%; height:100%; background:rgba(0,0,0,0.5);} #detail .wrap_prd > .info > .summary {padding-top:10px; color:#8c8c8c; font-size:0.917rem; word-break:break-all;} #detail .wrap_prd > .info > .info_list > table.basic {width:100%; margin:10px 0; border:1px solid #e0e0e0; border-width:1px 0;} #detail .wrap_prd > .info > .info_list > table.basic th {padding:5px 0; font-size:0.917rem; text-align:left; vertical-align:middle;} #detail .wrap_prd > .info > .info_list > table.basic td {padding:5px 0; color:#888; font-size:0.833rem; text-align:left; vertical-align:middle;} #detail .wrap_prd > .info > .info_list > table.basic tr:first-child th, #detail .wrap_prd > .info > .info_list > table.basic tr:first-child td {padding-top:10px;} #detail .wrap_prd > .info > .info_list > table.basic tr:last-child th, #detail .wrap_prd > .info > .info_list > table.basic tr:last-child td {padding-bottom:10px;} #detail .wrap_prd > .info > .info_list > table.basic td select {width:100%;} #detail .wrap_prd > .info > .info_list > table.basic .milage_info {display:inline-block; position:relative;} #detail .wrap_prd > .info > .info_list > table.basic .milage_info .info {display:none; position:absolute; left:20px; top:-8px; width:150px; padding:5px 10px; border:1px solid #dcdcdc; background:#fff;} #detail .wrap_prd > .info > .info_list > table.basic .milage_info:hover .info {display:block;} #detail .wrap_prd > .info > .info_list .box_qty {width:100%;} #detail .wrap_prd > .info > .info_list .list_opt > li {padding-top:5px;} #detail .wrap_prd > .info > .info_list .list_opt > li select {width:100%; border-width:0 0 1px;} #detail .wrap_prd > .info > .multi_opt {margin-top:5px;} #detail .wrap_prd > .info > .multi_opt .selected_list > li {display:flex; display:-webkit-flex; position:relative; padding:3px 5px 3px 15px; border-radius:3px; background:#f7f7f7; align-items:center;} #detail .wrap_prd > .info > .multi_opt .selected_list > li + li {margin-top:3px;} #detail .wrap_prd > .info > .multi_opt .selected_list > li span {font-size:0.917rem;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .name {flex:2; -webkit-flex:2; word-break:break-all;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .box_qty2 .form_input {background:none;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .price {flex:1; -webkit-flex:1; text-align:right;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .del a {display:block; padding:9px; text-align:center;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .del img {width:6px; height:6px; vertical-align:middle;} #detail .wrap_prd > .info > .multi_opt .opt_total {clear:both; position:relative; padding-top:14px; text-align:right;} #detail .wrap_prd > .info > .multi_opt .opt_total .title {position:absolute; left:0; bottom:0; font-size:0.917rem; line-height:1.5;} #detail .wrap_prd > .info > .multi_opt .opt_total .prc_total, #detail .wrap_prd > .info > .multi_opt .opt_total .prc_total * {font-size:1.500rem; line-height:1;} #detail .wrap_prd > .info > .btn_wrap {margin-top:26px; text-align:center;} #detail .wrap_info > .tab_area {overflow:hidden; height:32px;} #detail .wrap_info > .tab_area > .tab {display:flex; display:-webkit-flex; position:relative; width:100%; height:32px; border:1px solid #aaa;} #detail .wrap_info > .tab_area > .tab > li {flex:1; -webkit-flex:1; border-left:1px solid #aaa; background:#fff; text-align:center;} #detail .wrap_info > .tab_area > .tab > li:first-of-type {border-left:0;} #detail .wrap_info > .tab_area > .tab > li a {display:block; height:30px; line-height:30px;} #detail .wrap_info > .tab_area > .tab > li.active {background:#fff;} #detail .wrap_info > .tab_area > .tab > li.active a {color:#000; font-weight:bold;} #detail .wrap_info > .tab_area > .tab.fixed {position:fixed; left:0; top:50px; z-index:99; width:100%; background:#fff;} #detail .wrap_info .tabcnt_detail {padding:30px 0;} #detail .wrap_info .detail_info {margin-bottom:15px;word-break:break-all;text-align:center;} #detail .wrap_info .detail_info * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;} #detail .wrap_info .detail_info img {max-width:100%; height:auto; font-size:0; line-height:0;} #detail .wrap_info .common_info {padding:15px; text-align:left;} #detail .wrap_info .common_info .box_cnt {display:block; color:#8c8c8c; font-size:0.917rem; line-height:1.6; vertical-align:top; word-break:break-all;} #detail .wrap_info .common_info .box_cnt h3 {margin-bottom:8px; color:#363636; font-size:1.083rem; font-weight:700; line-height:1;} #detail .wrap_info .common_info .box_cnt * {color:inherit; font-size:inherit; line-height:inherit;} #detail .wrap_info .common_info .box_cnt + .box_cnt {margin-top:30px;} #detail .wrap_info .common_info .detail_fdinfo_list:after {display:block; clear:both; content:'';} #detail .wrap_info .common_info .detail_fdinfo_list dt {clear:both; float:left;} #detail .wrap_info .common_info .detail_fdinfo_list dd {float:left;} #detail .wrap_info .common_info img {max-width:100%; height:auto; font-size:0; line-height:0;} #detail .wrap_info .detail_title {position:relative; padding:0 15px; text-align:center;} #detail .wrap_info .detail_title h3 {font-size:1.500rem; line-height:34px;} #detail .wrap_info .detail_title .average {padding:10px 0;} #detail .wrap_info .detail_title .average .rev_grade {display:inline-block; color:#555; font-size:1rem; line-height:15px;} #detail .wrap_info .detail_title .count {height:34px; margin:17px 0 0; font-size:1.5rem; text-align:left; line-height:34px;} /* 퀵프리뷰 - 팝업(/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('http://m.tubangoods.com/_skin/m_tuban/img/button/close.png') no-repeat center / 16px; text-indent:-9999px; cursor:pointer;} /* 장바구니(/shop/cart.php) */ #cart .btn_bottom .btn_col {margin-bottom: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 .form_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 h3.title {overflow:hidden; margin:35px 0 10px; padding:0 15px; font-size:1.333rem;} #order h3.title span {float:right;} #order h3.title.first {margin-top:0;} #order h3.title + .sub_msg {margin-top:-10px; padding:0 15px 5px; color:#666; font-size:0.833rem;} #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_gift .tbl_col thead {display:none;} #order .part_discount {padding:0 15px;} #order .part_discount > div.coupon {padding:5px 0;} #order .part_discount > div.coupon h4 {padding-bottom:5px; text-align:left;} #order .part_discount > div.coupon h4 span {float:right; color:#888; font-size:0.917rem; font-weight:normal;} #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.coupon .msg {padding-top:5px; color:#888; font-size:0.917rem;} #order .part_discount > div.offcoupon {padding:5px 0;} #order .part_discount > div.offcoupon .offbtn {padding-top:5px;} #order .part_discount > div.offcoupon #off_cpn_div2, #order .part_discount > div.offcoupon #off_cpn_img2 {display:none;} #order .part_discount .msg {margin-top:5px;} #order .order_used {padding:10px 15px 10px; border-bottom:1px solid #e1e1e1;} #order .order_used + .order_used {margin-top:10px;} #order .order_used h4 {padding:0 0 10px; font-size:1.083rem; line-height:1;} #order .order_used ul > li {display:flex; display:-webkit-flex; width:100%; padding:0 115px 5px 0;} #order .order_used ul > li .fld_title {position:relative; width:50%; padding-right:5px; color:#8c8c8c; font-size:0.833rem; text-align:left;} #order .order_used ul > li .fld_cnt {display:block; width:50%; color:#363636; font-size:0.917rem; font-weight:700; text-align:right;} #order .order_used ul > li .fld_cnt .prc {font-size:0.917rem;} #order .order_used ul > li.input_use {position:relative; padding-top:5px;} #order .order_used ul > li.input_use .fld_title {line-height:26px;} #order .order_used ul > li.input_use .fld_cnt .input {display:inline-block; color:#666; font-size:0.917rem; text-align:right; line-height:26px;} #order .order_used ul > li.input_use .fld_cnt .input .form_input {width:75px; height:26px; border:0; padding:0 5px 0 0; color:#363636; font-size:0.917rem; font-weight:700; line-height:26px; vertical-align:top;} #order .order_used ul > li.input_use .btn_apply {position:absolute; right:0; bottom:5px; font-size:0; vertical-align:top;} #order .order_used ul > li.input_use .btn_apply .box_btn:first-of-type {margin-right:5px;} #order .country_select {padding-bottom:10px;} #order .country_select:after {display:block; clear:both; content:'';} #order .country_select label {display:inline-block; float:left; width:50%; padding:10px; border:1px solid #dcdcdc; text-align:center;} #order .country_select label:last-child {border-left:0;} #order .part_delivery .select_place select, #order .part_delivery .select_country select {width:100%;} #order .tbl_row th .terms_necessary {color:#ff6b00 !important;} #order .tbl_row td input[type=text], #order .tbl_row td input[type=password], #order .tbl_row td input[type=tel] {height:27px; border:0; background:#fff; font-size:0.917rem;} #order .tbl_row td select {height:27px; border:0; border-radius:0; font-size:0.917rem;} #order .tbl_row td.email > div {font-size:0;} #order .tbl_row td.email input[type=text] {width:30%;} #order .tbl_row td.email select {width:30%; margin-left:2%; border-radius:0;} #order .tbl_row td.email span {display:inline-block; width:8%; text-align:center;} #order .tbl_row td .msg {color:#8c8c8c; font-size:0.833rem;} #order .tbl_row td.find_zip {position:relative; padding-right:85px;} #order .tbl_row td.find_zip input {width:100%;} #order .tbl_row td.find_zip .box_btn {position:absolute; top:15px; right:15px;} #order .tbl_row td.find_zip .box_btn a {width:70px; padding:5px 12px; font-size:0.917rem;} #order .tbl_row td.tar {padding-right:15px;} #order .tbl_row .phone td {font-size:0;} #order .tbl_row .phone td select {width:35%;} #order .tbl_row .phone td input {width:60%; margin-left:5%; vertical-align:top;} #order .tbl_row .total td {position:relative;} #order .tbl_row .total td .view_info {} #order .tbl_row .total td .view_info > div {color:#8c8c8c; font-size:0.833rem;} #order .tbl_row .total td .view_info > div * {color:inherit; font-size:inherit;} #order .delivery_option {padding:0 15px 10px;} #order .delivery_option:after {display:block; clear:both; content:'';} #order .delivery_option ul {float:left; padding:5px 0 0; font-size:0; text-align:left;} #order .delivery_option ul > li {display:inline-block; margin-left:5px; vertical-align:top;} #order .delivery_option ul > li:first-child {margin:0;} #order .delivery_option .select label {margin-right:3px;} #order .delivery_option .select label {display:inline-block; position:relative; width:70px; height:27px; font-size:0.917rem;} #order .delivery_option .select label input[type=radio] {width:70px; height:27px; margin:0; border-radius:2px; background-image:none; border-color:#d1d1d1;} #order .delivery_option .select label input[type=radio]:checked {background-image:none; border-color:#00afaa;} #order .delivery_option .select label span {display:block; position:absolute; left:0; top:50%; width:70px; height:27px; margin-top:-13.5px; font-size:0.917rem; text-align:center; line-height:27px;} #order .delivery_option .select label input[type=radio]:checked + span {color:#00afaa;} #order .delivery_option .box_btn {float:right;} #order .delivery_option_layer {position:fixed; z-index:100;} #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; text-align:center;} #order #order1 {} #order #order2 {display:none; margin:15px; border:1px solid #e1e1e1; 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 .delivery_list {display:none; position:relative; z-index:200;} #order .delivery_list .layer {position:fixed; left:0; top:10%; z-index:10; width:100%; height:80%; margin:0; padding:30px; background:#fff;} #order .delivery_list .layer .layer_title {position:relative; padding-bottom:40px; text-align:center;} #order .delivery_list .layer .layer_title h2 {font-size:1.333rem;} #order .delivery_list .layer .list {overflow-y:auto; max-height:360px; margin-right:-30px; padding-right:30px;} #order .delivery_list .layer .list ul {cursor:pointer; } #order .delivery_list .layer .list ul > li {border:1px solid #e1e1e1; margin-top:40px; } #order .delivery_list .layer .list ul > li:first-of-type {margin:0;} #order .delivery_list .layer .list ul > li .dlv_title {display:block; position:relative; padding:12px 20px; font-size:1.333rem;} #order .delivery_list .layer .list ul > li .dlv_title .i_selected {display:block; position:absolute; right:13px; top:9px; width:30px; height:30px; background:url('http://m.tubangoods.com/_skin/m_tuban/img/shop/chk_prd.png') no-repeat center; opacity:1;} #order .delivery_list .layer .list ul > li .dlv_info {padding:15px 20px; border-top:1px solid #e1e1e1; background:#f9f9f9; font-size:1.333rem; line-height:1.4;} #order .delivery_list .layer .list ul > li.selected .dlv_title .i_selected {opacity:1;} #order .delivery_list .layer .close {position:absolute; right:0; top:0; width:31px; height:31px; background:url('http://m.tubangoods.com/_skin/m_tuban/img/button/pop_close.png') no-repeat center; cursor:pointer;} #order .delivery_list .dimmed {position:fixed; left:0; top:0; z-index:5; width:100%; height:100%; background:rgba(0,0,0,0.5);} /* 주문완료(/shop/order_finish.php) */ #orderfin .bank_info_box {margin:10px 0 30px; padding:15px; background:#f4f4f4; font-size:0.917rem; text-align:center;} #orderfin .bank_info_box p {color:#00afaa; font-size:1.167rem; font-weight:bold;} #orderfin .order_no {overflow:hidden; padding:10px 15px; border-top:1px solid #e1e1e1; background:#f7f7f7;} #orderfin .order_no span {font-size:0.833rem;} #orderfin .order_no span.fl {color:#fc5000; font-size:0.917rem;} #orderfin h3.title {padding:34px 15px 10px; border-bottom:none; background:none; font-size:1.167rem;} #orderfin .tbl_row td {padding-right: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:'';} /* 상품문의 & 상품후기 - 상품정보(/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('http://m.tubangoods.com/_skin/m_tuban/img/common/icon_search.png') no-repeat center/18px; vertical-align:top; text-indent:-9999px; cursor:pointer;} #qnarev_list_all > .btn {position:relative; padding-bottom:5px; text-align:right;} /* 상품문의 & 상품후기 & 마이페이지 상품문의 & 마이페이지 상품후기 - 상품정보(/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 {display:block; padding-left:138px; text-align:left;} .qnarev_list > .prd .info .name {padding:20px 0 10px; font-weight:bold;} .qnarev_list > .prd .info .name img {max-height:6px; margin-left: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;} .qnarev_list .btn_qnarev {position:relative; z-index:5; margin-top:-34px; padding:0 15px 5px; text-align:right;} .qnarev_list .btn_qnarev.block {margin:0;} .list_qnarev {border:1px solid #e1e1e1; border-width:1px 0;} .list_qnarev > li {display:flex; display:-webkit-flex; width:100%; flex-wrap:wrap; -webkit-flex-wrap:wrap; border-top:1px solid #e1e1e1;} .list_qnarev > li:first-child {border-top:0;} .list_qnarev > li > .prdimg {flex:none; -webkit-flex:none; width:85px; padding:5px;} .list_qnarev > li > .prdimg img {width:75px; height:auto;} .list_qnarev > li > .subject {flex:1; -webkit-flex:1; flex-wrap:wrap; padding:10px 15px;} .list_qnarev > li > .subject.prd {padding-left:82px;} .list_qnarev > li > .subject a {color:inherit; font:inherit;} .list_qnarev > li > .subject .info_top {display:flex; display:-webkit-flex; width:100%;} .list_qnarev > li > .subject .info_top .review {margin-right:10px;} .list_qnarev > li > .subject .info_top .review.detail {flex:1; -webkit-flex:1;} .list_qnarev > li > .subject .info_top .review .rev_prd {display:block; margin-top:5px; color:#8c8c8c; font-size:0.833rem;} .list_qnarev > li > .subject .info_top .name {margin-right:10px;} .list_qnarev > li > .subject .name {color:#8c8c8c; font-size:0.833rem;} .list_qnarev > li > .subject .date {color:#8c8c8c; font-size:0.750rem;} .list_qnarev > li > .subject .reply {font-size:0.917rem; font-weight:bold;} .list_qnarev > li > .subject .reply img {height:11px; vertical-align:top;} .list_qnarev > li > .subject .title {position:relative; width:100%; padding-right:70px;} .list_qnarev > li > .subject .title > p {color:#363636; font-size:0.917rem; font-weight:700;} .list_qnarev > li > .subject .title > p * {color:inherit; font:inherit;} .list_qnarev > li > .subject .title > p img {max-height:13px; margin:-1px 0 0 3px; vertical-align:middle;} .list_qnarev > li > .subject .title > p.prdname {display:block; margin-bottom:5px; font-size:0.833rem; font-weight:bold;} .list_qnarev > li > .subject .title .stat {position:absolute; right:-15px; top:0;} .list_qnarev > li > .subject .title .stat .row_arr {display:inline-block; width:38px; height:10px; background:url('http://m.tubangoods.com/_skin/m_tuban/img/common/board_down_arrow.gif') no-repeat center #fff / 7.5px 5px; vertical-align:middle;} .list_qnarev > li.active > .subject .title .stat .row_arr {background-image:url('http://m.tubangoods.com/_skin/m_tuban/img/common/board_up_arrow.gif');} .list_qnarev > li > .content {display:none; flex:none; -webkit-flex:none; width:100%; padding:15px; background:#f7f7f7;} .list_qnarev > li > .content > div {word-break:break-all; word-wrap:break-word;} .list_qnarev > li > .content .question {position:relative; padding:0 0 10px 0; border-bottom:1px solid #e1e1e1;} .list_qnarev > li > .content .answer {position:relative; margin:10px 0;} .list_qnarev > li > .content .answer .a_title {display:block; padding:0 0 5px; color:#00afaa;} .list_qnarev > li > .content .question img, .list_qnarev > li > .content .answer img {max-width:100%; height:auto;} .list_qnarev > li > .content .btn {margin-top:10px; text-align:left;} .list_qnarev > li > .content .comment {padding-top:10px;} .list_qnarev > li > .content .comment .list_comment + #pwbox {margin-top:5px;} .list_qnarev .qnarev_write .comment .list_comment + #pwbox {margin-top:5px;} /* 상품문의, 상품후기 - 비밀번호 확인 */ #pwbox {padding:20px; border:1px solid #e0e0e0; background:#fff; text-align:center !important;} #pwbox h3 {padding-bottom:15px;} #pwbox p {margin-bottom:10px; color:#888;} #pwbox .form_input {width:100%; margin-bottom:10px; text-align:center;} /* 상품문의 & 상품후기 - 쓰기 */ .qnarev_write > div > form {display:block; padding:15px;} .qnarev_write fieldset > div {margin-bottom:5px; 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; margin:0 5px 5px 0; vertical-align:middle; line-height:0;} .qnarev_write fieldset > div.grade .rev_star {margin-top:-2px; vertical-align:middle;} .qnarev_write fieldset > div.name {position:relative; min-height:20px; 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.nopd {padding-right:0;} .qnarev_write fieldset > div.name:after {display:block; clear:both; content:'';} .qnarev_write fieldset > div.rev_prd {color:#8c8c8c;} .qnarev_write fieldset > div.contents textarea.form_input {height:150px; padding:15px; background:#f7f7f7; font-size:1rem;} .qnarev_write fieldset select {width:100%;} .qnarev_write .msg_check {padding:10px 0 5px; color:#8c8c8c; font-size:0.917rem;} .qnarev_write .msg_check .check {display:block; padding-bottom:5px;} .qnarev_write .msg_check .check label {color:#8c8c8c;} .qnarev_write .msg_check input[type=checkbox]:checked {background-image:url('http://m.tubangoods.com/_skin/m_tuban/img/bg/bg_checkbox2_checked.png');} .qnarev_write .btn_bottom {padding:10px 0 20px;} /* 상품문의 & 상품후기 - 수정 */ #qnarevmod .modi_pwd, #qnarevmod .modi_cnt {display:none;} #qnarevmod .modi_cnt .qnarev_write > form {display:block; padding:15px;} /* 설문조사(/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('http://m.tubangoods.com/_skin/m_tuban/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('http://m.tubangoods.com/_skin/m_tuban/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('http://m.tubangoods.com/_skin/m_tuban/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('http://m.tubangoods.com/_skin/m_tuban/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 .check {padding:15px; text-align:left;} #join_agree .check label {font-size:1.167rem; font-weight:bold;} #join_agree .check a {float:right; text-decoration:underline;} #join_agree .scroll {overflow-x:hidden; overflow-y:scroll; position:relative; width:100%; height:80px; border:1px solid #d9d9d9; border-width:1px 0; background:#fff; -webkit-overflow-scrolling:touch;} #join_agree .scroll iframe {position:absolute; top:0; left:0; width:100%; height:100%;} #join_agree .member_type {padding:20px 0;} #join_agree .member_type label {margin:0 10px;} #join_agree .btn {padding:0 15px; text-align:center;} #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('http://m.tubangoods.com/_skin/m_tuban/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('http://m.tubangoods.com/_skin/m_tuban/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('http://m.tubangoods.com/_skin/m_tuban/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('http://m.tubangoods.com/_skin/m_tuban/img/member/icon_payco.png');} #join_agree .simple a.payco:hover {border-radius:0; background-color:#d73a3c;} /* 회원가입 정보입력(/member/join_frm.php) */ #join_input .box {padding-top:32px;} #join_input .box .title {overflow:hidden; margin-bottom:10px; padding:0 15px; font-size:1.333rem;} #join_input .box .title span {float:right;} #join_input .tbl_row td input[type=text], #join_input .tbl_row td input[type=password], #join_input .tbl_row td input[type=tel] {height:27px; border:0; background:#fff; font-size:0.917rem;} #join_input .tbl_row td select {height:27px; border:0; border-radius:0; font-size:0.917rem;} #join_input .tbl_row td .select label {margin-right:3px;} #join_input .tbl_row td .select label {display:inline-block; width:70px; height:27px; position:relative;} #join_input .tbl_row td .select label input[type=radio] {width:70px; height:27px; margin:0; border-radius:2px; background-image:none; border-color:#d1d1d1;} #join_input .tbl_row td .select label input[type=radio]:checked {background-image:none; border-color:#00afaa;} #join_input .tbl_row td .select label span {display:block; position:absolute; left:0; top:50%; width:70px; height:27px; margin-top:-13.5px; font-size:0.917rem; text-align:center; line-height:27px;} #join_input .tbl_row td .select label input[type=radio]:checked + span {color:#00afaa;} #join_input .tbl_row td.email > div {font-size:0;} #join_input .tbl_row td.email input[type=text] {width:30%;} #join_input .tbl_row td.email select {width:30%; margin-left:2%; border-radius:0;} #join_input .tbl_row td.email span {display:inline-block; width:8%; text-align:center;} #join_input .tbl_row td.find_zip {position:relative; padding-right:80px;} #join_input .tbl_row td.find_zip input {width:100%;} #join_input .tbl_row td.find_zip .box_btn {position:absolute; top:15px; right:10px;} #join_input .tbl_row td.find_zip .box_btn a {width:70px; padding:5px 12px; font-size:0.917rem;} #join_input .tbl_row .phone td, #join_input .tbl_row .birth td {font-size:0;} #join_input .tbl_row .phone td select {width:35%;} #join_input .tbl_row .phone td input {width:60%; margin-left:5%; vertical-align:top;} #join_input .tbl_row .birth td select {width:30%; margin-left:2%;} #join_input .tbl_row .birth td select:first-child {width:36%; margin:0;} #join_input .delivery_basics .btn, #join_input .delivery_add .btn {margin-top:10px; margin-bottom:10px;} #join_input .delivery_add {margin-top:25px;} #join_input .last {margin:30px 0;} #join_input .last input {border-radius:3px;} #join_input .btn {padding:0 15px;} /* 회원가입완료(/member/join_step3.php) */ #join_finish p {padding:40px 0; color:#888; text-align:center; line-height:2;} #join_finish p strong {font-size:1.167rem;} /* 정보수정(/member/edit_step1.php), 정보수정완료(/member/edit_step3.php) */ .edit_info .title {padding:15px 0 20px; font-size:1.333rem; text-align:center;} .edit_info .box {text-align:center;} .edit_info .msg {color:#363636;} .edit_info .form_input {height:35px; margin-top:25px; border:1px solid #e1e1e1; background:#f9f9f9; text-align:center;} .edit_info .btn {padding-top:30px; text-align:center;} .edit_info .btn input {border-radius:3px;} /* 우편번호 레이어 */ .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_info {padding:10px 0; background:#f7f7f7;} .mypage_info .inner {border:1px solid #e1e1e1; border-width:1px 0; background:#fff;} .mypage_info .member_name {display:table;} .mypage_info .member_name {width:100%;} .mypage_info .member_name ul {display:table-row;} .mypage_info .member_name ul li {display:table-cell; width:50%; padding:12px 0; vertical-align:middle; text-align:center;} .mypage_info .member_name ul li:first-child {border-right:1px solid #e1e1e1;} .mypage_info .member_name ul li h1 a {font-size:1.333rem; font-weight:400;} .mypage_info .member_name ul li h1 a span {padding-right:12px; background:url('http://m.tubangoods.com/_skin/m_tuban/img/member/member_name_arrow.gif') no-repeat right center/5px 7.5px; font-size:inherit; font-weight:700; text-decoration:underline;} .mypage_info .member_name ul li h3 {padding-bottom:5px; color:#666; font-size:0.750rem; font-weight:400;} .mypage_info .member_name ul li p {padding-bottom:10px; font-size:1.167rem; font-weight:700;} .mypage_info .member_info ul {border-top:1px solid #e1e1e1; font-size:0;} .mypage_info .member_info ul li {display:inline-block; width:33.33%; padding:12px 0; border-left:1px solid #e1e1e1; text-align:center;} .mypage_info .member_info ul li:nth-child(1) {width:33.34%; border-left:0;} .mypage_info .member_info ul li div {display:inline-block; padding-left:30px; text-align:left;} .mypage_info .member_info ul li div.milage {background:url('http://m.tubangoods.com/_skin/m_tuban/img/member/member_milage.png') no-repeat left center/23.5px;} .mypage_info .member_info ul li div.point {background:url('http://m.tubangoods.com/_skin/m_tuban/img/member/member_point.png') no-repeat left center/23.5px;} .mypage_info .member_info ul li div.coupon {background:url('http://m.tubangoods.com/_skin/m_tuban/img/member/member_coupon.png') no-repeat left center/23.5px;} .mypage_info .member_info ul li h3 {color:#666; font-size:0.750rem; font-weight:400;} .mypage_info .member_info ul li p {font-size:1.167rem; font-weight:700;} /* 마이페이지 탭 메뉴 */ .my_cate {margin-bottom:30px; border-bottom:1px solid #363636;} .my_cate .swiper-slide {width:auto; text-align:center;} .my_cate .swiper-slide a {display:block; height:42px; padding:0 18px; color:#8c8c8c; font-size:1rem; line-height:42px;} .my_cate .swiper-slide.selected a {color:#363636; font-weight:700;} /* 내가쓴글 */ .myboard .tab_select {margin-bottom:20px;} .myboard .tab_select select {width:100% !important; height:27px; border:1px solid #aaa; background-color:transparent; text-align:center;} .myboard .total {padding:0 0 20px; color:#8c8c8c; font-size:0.917rem; text-align:center;} .myboard .total strong {font-size:inherit;} /* 공통 팝업 (마이페이지 회원등급 안내, 쿠폰 적용안내) */ .layer_pop {display:none; position:fixed; top:0; left:0; z-index:110; width:100%; height:100%; background:rgba(0,0,0,0.5);} .layer_pop .pop_inner {position:absolute; top:50%; left:15px; width:calc(100% - 30px); margin-top:-180px; padding:16px 15px 35px; background:#fff;} .layer_pop .pop_inner h1 {overflow:hidden; padding-bottom:25px; font-size:1.083rem; text-align:center;} .layer_pop .pop_inner .close {display:block; position:absolute; top:10px; right:10px; width:31px; height:31px; background:url('http://m.tubangoods.com/_skin/m_tuban/img/button/pop_close.png') no-repeat center / 50%; color:transparent;} .layer_pop .pop_inner ul {padding-bottom:8px;} .layer_pop .pop_inner ul li {padding:5px 0; font-size:0.917rem;} .layer_pop .pop_inner ul li span {display:inline-block; overflow:hidden; width:55px; padding-left:5px; background:url('http://m.tubangoods.com/_skin/m_tuban/img/member/grade_pop_dot.gif') no-repeat left center/2px; color:#8c8c8c; font-size:inherit; vertical-align:middle;} .layer_pop .pop_inner ul li span em {color:inherit; font-size:inherit; font-style:normal;} .layer_pop .pop_inner .tbl_col td.color {font-weight:700;} .layer_pop .pop_inner .tbl_col td.green {color:#6fba38;} .layer_pop .pop_inner .tbl_col td.purple {color:#51489b;} .layer_pop .pop_inner .tbl_col td.yellow {color:#fdd105;} .layer_pop .pop_inner .tbl_col td.red {color:#fc5000;} .layer_pop .pop_inner .tbl_col td.tal {padding-left:0 !important;} .layer_pop .pop_inner p.t1 {font-size:1rem; font-weight:normal;} .layer_pop .pop_inner p.t1 span {font-size:inherit; font-weight:700; text-decoration:underline;} .layer_pop .pop_inner p.t2 {padding-top:20px; color:#666; font-size:0.917rem;} /* 마이페이지 공통 박스 */ .box_mp {margin:15px 0 40px; text-align:left;} .box_mp .title {margin-bottom:11px; padding-left:22px; color:#363636; font-size:1.333rem;} .box_mp .title.milage {background:url('http://m.tubangoods.com/_skin/m_tuban/img/mypage/my_title_milage.png') no-repeat left center/17px;} .box_mp .title.coupon {background:url('http://m.tubangoods.com/_skin/m_tuban/img/mypage/my_title_coupon.png') no-repeat left center/17px;} .box_mp .title.point {background:url('http://m.tubangoods.com/_skin/m_tuban/img/mypage/my_title_point.png') no-repeat left center/17px;} .box_mp table {width:100%;} .box_mp table th {padding:11px 0; border-bottom:1px solid #e1e1e1; color:#8c8c8c; font-size:0.917rem;} .box_mp table td {padding:11px 0; border-bottom:1px solid #e1e1e1; font-size:1.083rem; font-weight:700; text-align:right;} .box_mp table td.non_board {padding-top:20px; border-bottom:0;} .box_mp table td span {font-size:1.250rem;} .box_mp table td .point_inner .form_input {width:50%; height:40px; vertical-align:middle;} .box_mp table td .point_inner span {margin-left:3px; vertical-align:middle;} .box_mp table td .point_inner button {height:40px; margin-left:5px; background:#fff; border:1px solid #d1d1d1; font-size:0.917rem; vertical-align:middle;} .box_mp table td .notice_str {padding-top:5px; color:#ff6666; font-size:0.833rem;} .mp_detail_title {margin-bottom:10px; font-size:1.333rem;} .mp_msg {padding-top:15px;} .mp_msg li {position:relative; margin-bottom:4px; padding-left:5px; color:#8c8c8c; font-size:0.917rem;} .mp_msg li:before {position:absolute; left:0; top:6px; width:2px; height:2px; background:#8c8c8c; content:'';} /* 마이페이지 공통 리스트 */ .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 .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;} /* 마이페이지 내역 리스트 */ .list_mypage > li {padding:10px 0; border-top:1px solid #e1e1e1; text-align:left;} .list_mypage > li .title p {padding:3px 0 5px; font-size:1rem; font-weight:700;} .list_mypage > li .title .date {display:block; color:#8c8c8c; font-size:0.833rem; line-height:1;} .list_mypage > li .cnt dl:after {display:block; clear:both; content:'';} .list_mypage > li .cnt dl dt {clear:both; float:left; width:30%; padding-bottom:3px; color:#8c8c8c; font-size:0.833rem;} .list_mypage > li .cnt dl dd {float:right; width:70%; padding-bottom:3px; font-size:0.833rem; font-weight:700; text-align:right;} .list_mypage > li .cnt dl dd * {font:inherit;} /* 마이페이지 메인(/mypage/mypage.php) */ #mypage .my_info {background:#f8f8f8;} #mypage .my_info ul {display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; width:100%; padding:15px 0;} #mypage .my_info ul li {display:block; position:relative; width:33%; margin:15px 0; color:#666; text-align:center;} #mypage .my_info ul li:after {position:absolute; left:0; top:0; width:1px; height:100%; background:#e5e5e5; content:'';} #mypage .my_info ul li:nth-child(3n+1):after {display:none;} #mypage .my_info ul li a {display:block;} #mypage .my_info ul li span {display:block; margin-top:10px; font-size:1.250rem; font-weight:bold; line-height:100%;} #mypage h3 {padding:10px 0; font-size:1.250rem; text-align:left;} #mypage h3 + .title_count { margin:-28px 0 16px; text-align:right;} #mypage .prd_latest {padding-top:5px;} #mypage .list {margin:0 -15px; border-bottom:1px solid #dbdbdb;} #mypage .list .no {padding:10px 15px; background:#e9e9e9; color:#333; font-size:1.167rem;} #mypage .list .no a {color:#333; font-size:1.167rem; font-weight:bold;} #mypage .list .no span {float:right; color:#888;} #mypage .list .info {padding:15px;} #mypage .latest {margin-left:-10px; font-size:0;} #mypage .latest li {float:left; width:20%; padding:0 0 10px 10px; text-align:center;} #mypage .latest li img {width:100%; height:auto;} /* 주문내역(/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;} /* 주문상세조회(/mypage/order_detail.php) */ #order_detail .order_no {overflow:hidden; padding:10px 15px; border-top:1px solid #e1e1e1; background:#f7f7f7;} #order_detail .order_no span {font-size:0.833rem;} #order_detail .order_no span.fl {color:#fc5000; font-size:0.917rem;} #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 .bill {padding:10px 15px 0;} #order_detail .bill a {padding:5px 12px; font-size:0.917rem;} #order_detail > .box {padding-top:40px;} #order_detail h3.title {padding:0 15px 10px; border-bottom:none; background:none; font-size:1.167rem;} #order_detail .tbl_row td {padding-right:15px;} #order_detail .cancel {overflow:hidden; margin-bottom:30px;} #order_detail .cancel .msg {width:60%; padding-left:9px;} #order_detail .cancel .msg span {display:inline-block; margin-left:-9px;} #order_detail .cancel .box_btn {width:70px;} #order_detail .cancel .box_btn a {padding:5px 12px; font-size:0.917rem;} /* 소셜쿠폰(/mypage/sccoupon.php) */ #sccoupon .box_mp .form_input {margin-top:10px;} /* 관심상품(/mypage/wish_list.php) */ #wish_list .all_checkbox {padding:0 15px 15px;} #wish_list .all_checkbox input {vertical-align:top;} #wish_list .all_checkbox span { margin-left:3px; color:#8c8c8c; font-size:0.917em;} #wish_list .list_cart li:last-child:not(:first-child) {border:0;} #wish_list .list_cart li .box .info > div select {width:100%; margin-bottom:3px} #wish_list .btn {margin-bottom:10px;} /* 1:1문의 내역(/mypage/counsel_list.php & /mypage/order_detail.php) */ #counsel .btn {margin-bottom:8px; text-align:right;} /* 1:1문의 글쓰기(/mypage/counsel_step1.php) */ #counsel_write h3 {padding:25px 0; font-size:1.333rem; text-align:center;} #counsel_write .box ul.write > li {padding-bottom:16px; text-align:left;} #counsel_write .box ul.write > li > p {padding-bottom:6px; color:#8c8c8c; font-size:0.917rem;} #counsel_write .box ul.write > li > p label {color:inherit; font:inherit;} #counsel_write .box ul.write > li input, #counsel_write .box ul.write > li select {border-color:#e1e1e1; background-color:#f9f9f9;} #counsel_write .box ul.write > li textarea {height:100px; background:#f9f9f9;} #counsel_write .box ul.msg {text-align:left;} #counsel_write .box ul.msg > li {margin-top:5px; padding-left:5px; background:url('http://m.tubangoods.com/_skin/m_tuban/img/member/grade_pop_dot.gif') no-repeat left 6px / 2px; color:#8c8c8c; font-size:0.917rem;} #counsel_write .box ul.write > li.email .row_wrap {display:flex; display:-webkit-flex; width:100%; align-items:center;} #counsel_write .box ul.write > li.email input {flex:1; -webkit-flex:1; width:100%;} #counsel_write .box ul.write > li.email select {flex:1; -webkit-flex:1; width:100%; margin-left:10px;} #counsel_write .box ul.write > li.email span {display:inline-block; padding:0 5px;} #counsel_write .btn {margin-top:25px;} /* 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('http://m.tubangoods.com/_skin/m_tuban/img/common/bullet_arrow_prev.png');} #attend .date a.next {background-image:url('http://m.tubangoods.com/_skin/m_tuban/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('http://m.tubangoods.com/_skin/m_tuban/img/mypage/attend_ok.png') no-repeat center/18px;} #attend #calendar .attenR {background:url('http://m.tubangoods.com/_skin/m_tuban/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 .title {padding:15px 0 20px; font-size:1.333rem; text-align:center;} .withdraw .box {text-align:center;} .withdraw .msg {margin-bottom:10px; color:#363636;} .withdraw .msg_info {margin-bottom:30px; padding:18px 20px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; color:#8c8c8c; text-align:left; line-height:1.6;} .withdraw .frame textarea {height:150px; margin-top:0; background:#f9f9f9;} .withdraw .btn {padding-top:29px; text-align:center;} .withdraw .btn input {border-radius:3px;} /*-----------------------------------------------------------------*/ /* 4-5. 추가페이지 /*-----------------------------------------------------------------*/ /* 이용약관(/content/content.php?cont=uselaw) */ #uselaw > ol > li > dl > dt {padding:30px 0 10px; font-weight:bold;} #uselaw > ol > li > dl > dd {padding-left:10px; color:#666;} #uselaw > ol > li > dl > dd > ul, #uselaw > ol > li > dl > dd > ol {padding-left:10px; color:#666;} /* 개인정보취급방침(/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;} /* 본인인증 공통 css(/content/content.php?cont=identity_step1_m), (/content/content.php?cont=identity_step2_m), (/content/content.php?cont=identity_step3_m) */ .identity .title {padding:30px 0 20px; background:#00afaa; color:#fff; font-size:1.750rem; text-align:center;} .identity .setp {position:relative; width:270px; margin:30px auto 0; text-align:center;} .identity .setp:after {position:absolute; right:15px; top:10px; z-index:-1; width:230px; height:1px; background:#e5e5e5; content:'';} .identity .setp li {display:inline-block; text-align:center;} .identity .setp li:nth-child(2) {margin:0 44px 0 36px;} .identity .setp li p {padding-top:7px; color:#8c8c8c;} .identity .setp li span {display:block; width:20px; height:20px; margin:0 auto; border-radius:100%; background:#e5e5e5; color:#fff; font-size:0.917rem; font-weight:700; text-align:center; line-height:20px;} .identity .setp li.active span {background:#00afaa; color:#fff;} .identity .setp li.active p {color:#00afaa; font-weight:700;} .identity .setp_info {padding-top:25px;} .identity .setp_info li {padding-bottom:20px;} .identity .setp_info li p {padding-bottom:10px;} .identity .setp_info li p label {color:#8c8c8c;} .identity .setp_info li input, .identity .setp_info li select {height:40px; border-color:#e6e6e6; border-radius:0; background-color:#f9f9f9;} .identity .setp_info li.email {padding-bottom:24px; font-size:0; vertical-align:middle;} .identity .setp_info li.email input {width:100%;} .identity .setp_info li.email select {width:27%; margin-left:3%; border-radius:0; font-size:1rem;} .identity .setp_info li.email span {display:inline-block; width:6%; text-align:center;} .identity .setp_info li dd {margin-bottom:10px; padding-left:6px; background:url('http://m.tubangoods.com/_skin/m_tuban/img/member/grade_pop_dot.gif') no-repeat left 6px/2px; color:#8c8c8c; font-size:0.917rem;} .identity .step_finish {padding:25px 0 30px; text-align:center;} .identity .btn {overflow:hidden; text-align:center;} /*-----------------------------------------------------------------*/ /* 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;} /* 상품 상세, 프로모션, 이벤트 페이지 하단 css (관련상품, 브랜드사이트) */ .related_brand {background:#f7f7f7;} .related_brand .title {padding:30px 0 20px; font-size:1.333rem; text-align:center;} .brand_site ul li {padding-bottom:5px;} .brand_site ul li img {width:100%;} /*제휴제안(content/content.php?cont=alliance_m) */ .redStar { color:#ff6666; margin:0 2px } #alliance_write h3 {padding:30px 0 20px; font-size:1.4rem;} #alliance_write h3.pt0 { padding-top:0;} #alliance_write h3 div {float:right; font-size:10px;} #alliance_write .box ul.write > li {padding-bottom:16px; text-align:left;} #alliance_write .box ul.write > li > p {padding-bottom:6px; color:#8c8c8c; font-size:0.917rem;} #alliance_write .box ul.write > li > p label {color:inherit; font:inherit;} #alliance_write .box ul.write > li input, #alliance_write .box ul.write > li select {height:40px; border-color:#e1e1e1; background-color:#f9f9f9;} #alliance_write .box ul.write > li textarea {height:100px; background:#f9f9f9;} #alliance_write .box ul.msg {text-align:left;} #alliance_write .box ul.msg > li { padding-left:5px; background:url('http://m.tubangoods.com/_skin/m_tuban/img/member/grade_pop_dot.gif') no-repeat left 6px / 2px; color:#8c8c8c; font-size:0.917rem;} #alliance_write .box ul.write > li.email .row_wrap {display:flex; display:-webkit-flex; width:100%; align-items:center;} #alliance_write .box ul.write > li.email input {flex:1; -webkit-flex:1; width:100%;} #alliance_write .box ul.write > li.email select {flex:1; -webkit-flex:1; width:100%; margin-left:10px;} #alliance_write .box ul.write > li.email span {display:inline-block; padding:0 5px;} #alliance_write .btn {margin-top:25px;} #allian_file2 { padding:8px 10px} #alliance_write .agreeBox { height:160px; padding:10px; border:1px solid #e1e1e1; background:#f9f9f9; overflow-y:auto; } #alliance_write .chk1Box { margin:10px 0;} /* 로더 */ .loader-ellips_div { padding-top:40px; display:none; } .loader-ellips { font-size: 20px; /* change size here */ position: relative; width: 2.5em; height: 1em; margin: 10px auto; } .loader-ellips__dot { display: block; width: 1em; height: 1em; border-radius: 0.5em; background: #555; /* change color here */ position: absolute; animation-duration: 0.5s; animation-timing-function: ease; animation-iteration-count: infinite; } .loader-ellips__dot:nth-child(1), .loader-ellips__dot:nth-child(2) { left: 0; } .loader-ellips__dot:nth-child(3) { left: 1.5em; } .loader-ellips__dot:nth-child(4) { left: 3em; } @keyframes reveal { from { transform: scale(0.001); } to { transform: scale(1); } } @keyframes slide { to { transform: translateX(1.5em) } } .loader-ellips__dot:nth-child(1) { animation-name: reveal; } .loader-ellips__dot:nth-child(2), .loader-ellips__dot:nth-child(3) { animation-name: slide; } .loader-ellips__dot:nth-child(4) { animation-name: reveal; animation-direction: reverse; }