/*-----------------------------------------------------------------*/ /* CSS Table of Contents /*-----------------------------------------------------------------*/ /* 1. Reset 2. Global 2-1. table 2-2. button 2-3. product 3. Layout 3-1. wrapper 3-2. header 3-3. content 3-4. footer 4. Page 4-1. 메인 4-2. 상점 4-3. 회원 4-4. 마이페이지 4-5. 추가페이지 5. ETC /*-----------------------------------------------------------------*/ /* 1. Reset /*-----------------------------------------------------------------*/ /* webfont - Poppins */ @font-face { font-family:'Poppins'; font-weight:300; src:url('https://www.figurefarm.net/_skin/figure_250509/img/etc/Poppins-Light.eot'); src:local(※), url('https://www.figurefarm.net/_skin/figure_250509/img/etc/Poppins-Light.woff') format('woff'); } @font-face { font-family:'Poppins'; font-weight:500; src:url('https://www.figurefarm.net/_skin/figure_250509/img/etc/Poppins-Medium.eot'); src:local(※), url('https://www.figurefarm.net/_skin/figure_250509/img/etc/Poppins-Medium.woff') format('woff'); } @font-face { font-family:'Poppins'; font-weight:600; src:url('https://www.figurefarm.net/_skin/figure_250509/img/etc/Poppins-SemiBold.eot'); src:local(※), url('https://www.figurefarm.net/_skin/figure_250509/img/etc/Poppins-SemiBold.woff') format('woff'); } /* webfont - NanumBarunGothic */ @font-face { font-family:'NanumBarunGothic'; font-weight:300; src:url('https://www.figurefarm.net/_skin/figure_250509/img/etc/NanumBarunGothicLight.eot'); src:local(※), url('https://www.figurefarm.net/_skin/figure_250509/img/etc/NanumBarunGothicLight.woff') format('woff'); } @font-face { font-family:'NanumBarunGothic'; font-weight:400; src:url('https://www.figurefarm.net/_skin/figure_250509/img/etc/NanumBarunGothic.eot'); src:local(※), url('https://www.figurefarm.net/_skin/figure_250509/img/etc/NanumBarunGothic.woff') format('woff'); } @font-face { font-family:'NanumBarunGothic'; font-weight:700; src:url('https://www.figurefarm.net/_skin/figure_250509/img/etc/NanumBarunGothicBold.eot'); src:local(※), url('https://www.figurefarm.net/_skin/figure_250509/img/etc/NanumBarunGothicBold.woff') format('woff'); } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; color:#333; font-family:'Poppins', 'NanumBarunGothic', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; font-size:12px; line-height:1.6; vertical-align:baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} body {line-height:1.6;} ol, ul, li {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} table {border-collapse:collapse; border-spacing:0;} img {vertical-align:top;} input[type=radio], input[type=checkbox] {vertical-align:middle;} input[type=text], input[type=email], input[type=password] {vertical-align:top;} a, a:hover, a:active, a:focus {text-decoration:none;} *, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /*-----------------------------------------------------------------*/ /* 2. Global /*-----------------------------------------------------------------*/ .dn {display:none !important;} .hidden {visibility:hidden; overflow:hidden; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; font-size:0; line-height:0;} .tac {text-align:center !important;} .tal {text-align:left !important;} .tar {text-align:right !important;} .empty {padding:100px 0 !important; text-align:center;} .fl {float:left !important;} .fr {float:right !important;} .clear {clear:both;} .bc {display:block; margin-left:auto; margin-right:auto;} .p_color {color:#ff6623 !important;} .p_cursor {cursor:pointer;} .i_info {display:inline-block; position:relative; top:4px; width:16px; height:16px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/common/icon_info.png') no-repeat center; font-style:normal; font-weight:normal; line-height:1;} /* input 기본 스타일 */ .form_input {height:34px; padding:4px 10px; border:1px solid #dcdcdc; background:#fff; color:#666; font-family:'Poppins', 'NanumBarunGothic', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; font-size:12px; transition:all .3s ease;} .form_input:focus {border-color:#000; outline:none !important;} .form_input.block {width:100% !important;} .form_input:-ms-input-placeholder {color:#666; font-family:'Poppins', 'NanumBarunGothic', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif;} .form_input::-webkit-input-placeholder {color:#666; font-family:'Poppins', 'NanumBarunGothic', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif;} .form_input::-moz-placeholder {color:#666; font-family:'Poppins', 'NanumBarunGothic', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif;} .form_input.readonly {background:#e0e0e0 !important;} .form_input.gray {background:#fafafa;} .form_input.gray:focus {background:#fff;} textarea.form_input {height:auto;} /* 셀렉트 */ select {max-width:100%; height:34px; padding:4px 6px; border:1px solid #dcdcdc; background:#fff; color:#666; font:inherit;} select:focus {border-color:#000; outline:none !important;} /* 서브 페이지 타이틀 */ h2.subtitle {padding:67px 0 48px; font-size:35px; font-weight:normal; text-align:center;} /* 페이지 내 타이틀 */ h3.title.first {padding-top:0;} h3.title {position:relative; padding:80px 0 20px; font-size:20px; font-weight:400;} h3.title .count, h3.title .count * {color:#999; font-size:13px;} h3.title .count {position:absolute; right:0; top:7px;} /* 갯수 문단 */ .title_count {position:relative; top:-36px; height:0; color:#999; font-size:11px;} .title_count strong {color:#343434; font-size:11px;} /* 상품리스트 수량,정렬선택 */ .total_sort {clear:both; height:33px; margin:40px 0 20px;} .total_sort .total {float:left; color:#999; font-size:13px; line-height:33px;} .total_sort .total span {font-size:13px; line-height:33px;} .total_sort .sort {float:right;} .total_sort .sort select {width:102px; height:33px; border:0; border-bottom:1px solid #333; color:#666; font-size:15px; line-height:33px;} /* 페이징 */ .paging * {vertical-align:middle;} .paging {margin-top:40px; font-size:0; text-align:center;} .paging li {display:inline-block; *display:inline; *zoom:1; padding:0 2px; color:#9e9e9e; vertical-align:middle;} .paging li strong {display:inline-block; *display:inline; *zoom:1; height:28px; color:#f0692e; font-size:15px; font-weight:400; line-height:28px;} .paging li a {display:inline-block; *display:inline; *zoom:1; height:28px; font-size:15px; line-height:28px;} /* 박스 스타일 - 수량 */ .box_qty {display:inline-block; position:relative; vertical-align:middle;} .box_qty .form_input {width:140px; height:30px; padding:0 50px; border:1px solid #ccc; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; text-align:center;} .box_qty .btn_ea a {display:block; position:absolute; top:0; width:50px; height:30px; background-repeat:no-repeat; background-position:center;} .box_qty .btn_ea a.ea_up {right:0; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/ea_up.png')} .box_qty .btn_ea a.ea_down {left:0; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/ea_down.png')} /* 컬러칩 리스트 */ .color_option {font-size:0;} .color_option:after {display:block; clear:both; content:'';} .color_option li {float:left;} .color_option li a {display:block; width:17px; height:17px; margin:1px; border:1px solid #fff;} .color_option li a.selected {border:1px solid #fff; outline:1px solid #ff1111;} .color_option li a img {width:15px; height:15px;} .text_option {font-size:0;} .text_option:after {display:block; clear:both; content:'';} .text_option li {float:left; text-align:left;} .text_option li a {overflow:hidden; display:block; height:20px; margin:1px; padding:0 6px; border:1px solid #d8d8d8; line-height:20px; text-align:center;} .text_option li a.selected {border:1px solid #ff1111;} .text_option li a.soldout {background:#ff1111; color:#fff;} /* 하단 줄 */ .underline {display:inline-block; position:relative;} .underline:after {position:absolute; left:50%; bottom:-3px; width:0; height:1px; background:#333; content:''; transition:all .3s ease;} .underline:before {position:absolute; right:50%; bottom:-3px; width:0; height:1px; background:#333; content:''; transition:all .3s ease;} .underline:hover:after, .underline:hover:before {width:50%;} /* 상품후기 평점 */ .gradebox {display:inline-block; position:relative; width:154px; height:24px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/grade.png') no-repeat left top/auto 100%; font-size:0;} .gradebox:after {display:block; position:absolute; left:0; top:0; height:100%; background:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/grade_over.png') no-repeat left top/auto 100%; content:'';} .gradebox.small {width:95px; height:15px;} .gradebox.point1:after {width:20%;} .gradebox.point2:after {width:40%;} .gradebox.point3:after {width:60%;} .gradebox.point4:after {width:80%;} .gradebox.point5:after {width:100%;} .gradebox.write label {display:inline-block !important; position:relative; z-index:10; width:30.8px; height:100%; opacity:0; font-size:0; cursor:pointer;} .gradebox.write input {cursor:pointer;} /* 네비게이터 */ .navi {width:1200px; margin:0 auto; padding:40px 0; color:#666; font-size:13px;} .navi.normal {position:absolute; left:50%; top:0; margin-left:-600px;} .navi > * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;} .navi > span:first-child {padding-left:15px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/common/navi_home.png') no-repeat left center; color:#999; font-size:13px;} .navi > strong {width:14px; height:14px; margin:0 6px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/common/navi_arrow_right.png') no-repeat center;} .navi > a {color:#666; font-size:13px;} /* 체크박스, 라디오 */ .check_chg input[type=checkbox] {display:none;} .check_chg input[type=checkbox] + label {display:inline-block; min-height:20px; padding-left:30px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/common/bullet_cb.png') no-repeat left center; font-size:14px; vertical-align:top; cursor:pointer;} .check_chg input[type=checkbox]:checked + label {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/common/bullet_cb_checked.png');} .check_chg.black input[type=checkbox]:checked + label {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/common/bullet_cb_checked_black.png');} .radio_chg input[type=radio] {display:none;} .radio_chg input[type=radio] + label {display:inline-block; min-height:20px; padding-left:30px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/common/bullet_radio.png') no-repeat left center; font-size:14px; vertical-align:top; cursor:pointer;} .radio_chg input[type=radio]:checked + label {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/common/bullet_radio_checked.png');} /*-----------------------------------------------------------------*/ /* 2-1. table /*-----------------------------------------------------------------*/ /* 테이블 스타일 - 가로 */ .tbl_col {table-layout:fixed; clear:both; width:100%; border-collapse:collapse;} .tbl_col caption {padding-bottom:20px; font-weight:bold; text-align:left;} .tbl_col > thead > tr > th {padding:15px 0; background:#f5f5f5; color:#999; font-size:13px; font-weight:400; text-align:center; vertical-align:middle;} .tbl_col > tbody > tr > td, .tbl_col > tbody > tr > td * {font-size:15px;} .tbl_col > tbody > tr > td {padding:18px 0 20px; border-bottom:1px solid #e6e6e6; text-align:center; vertical-align:middle;} .tbl_col > tbody > tr > td.tal {padding-left:15px !important;} .tbl_col > tbody > tr > td.img img {width:100px; height:auto;} .tbl_col > tbody > tr > td.order_number a {text-decoration:underline;} /* 테이블 스타일 - 가로 - 장바구니 */ .tbl_col.prd > tbody > tr > td {padding:30px 0;} .tbl_col.prd > tbody > tr > td.tal {padding-left:20px !important;} .tbl_col.prd > tbody > tr > td.delete_wish {font-size:0;} .tbl_col.prd > tbody > tr > td.delete_wish span {display:inline-block; *display:inline; *zoom:1;} .tbl_col.prd > tbody > tr > td.delete_wish span a {display:inline-block; *display:inline; *zoom:1; padding:0 7px; background-repeat:no-repeat; background-position:center; color:transparent; font-size:0; vertical-align:middle; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;} .tbl_col.prd > tbody > tr > td.delete_wish .wish a {width:18px; height:15px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/btn_wish.png');} .tbl_col.prd > tbody > tr > td.delete_wish .wish a.wish_on {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/btn_wish_on.png');} .tbl_col.prd > tbody > tr > td.delete_wish .del a {width:16px; height:17px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/btn_del.png');} .tbl_col.prd > tbody > tr > td .btn_edit {display:inline-block; vertical-align:middle;} .tbl_col.prd > tbody > tr > td .btn_optedit {margin-top:5px;} .tbl_col.prd > tbody > tr > td .btn_optedit a {display:block; height:25px; padding:0 15px; border:1px solid #ccc; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; color:#666; font-size:13px; text-align:center; line-height:23px;} .tbl_col.prd > tbody > tr > td .btn_apply {margin-left:15px;} .tbl_col.prd > tbody > tr > td .btn_apply a {display:block; padding-right:18px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/button/icon_apply.png') no-repeat right center;} .tbl_col.prd > tbody > tr > td .btn_delivery {margin:4px 0;} .tbl_col.prd > tbody > tr > td img {vertical-align:middle;} /* 테이블 스타일 - 가로 - qna, review */ .tbl_col.board {border-top:1px solid #e0e0e0;} /* .tbl_col.board > thead {display:none;} */ .tbl_col.board > tbody > tr > td, .tbl_col.board > tbody > tr > td * {color:#666; font-size:13px; font-weight:normal;} .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 img {vertical-align:middle;} .tbl_col.board > tbody > tr > td.subject .prd {padding-bottom:10px;} .tbl_col.board > tbody > tr > td.subject .title, .tbl_col.board > tbody > tr > td.subject .title * {color:#000; font-size:14px; font-weight:bold;} .tbl_col.board > tbody > tr > td.subject .title a {cursor:pointer;} .tbl_col.board > tbody > tr > td.subject .content {padding-top:10px;} .tbl_col.board > tbody > tr > td.subject .more {display:inline-block; padding-top:10px; color:#666; font-weight:bold;} .tbl_col.board > tbody > tr > td.name img {width:auto; height:20px;} .tbl_col.board > tbody > tr > td b {color:#333; font-weight:700;} .tbl_col.board > tbody > tr > td .best {display:inline-block; padding:0 3px; background:#f00; color:#fff !important;} .tbl_col.board .grade {padding-left:5px; font-size:16px; font-weight:bold;} /* 테이블 스타일 - 가로 - 마이페이지 */ .tbl_col.mypage > tbody > tr > td, .tbl_col.mypage > tbody > tr > td * {font-family:'NanumBarunGothic';} /* 테이블 스타일 - 세로 */ .tbl_row {table-layout:fixed; width:100%; border-top:1px solid #e0e0e0;} .tbl_row caption {padding-bottom:20px; font-weight:bold; text-align:left;} .tbl_row th {padding:15px 0 15px 30px; border-bottom:1px solid #e0e0e0; font-weight:normal; text-align:left; vertical-align:middle;} .tbl_row td {padding:15px 10px; border-bottom:1px solid #e0e0e0; text-align:left; vertical-align:middle; word-break:break-all; word-wrap:break-word;} /* 테이블 스타일 - 주문서, 주문상세조회 */ .tbl_order {table-layout:fixed; width:100%; margin:0 auto; border-top:1px solid #e0e0e0;} .tbl_order caption {padding-bottom:20px; font-weight:bold; text-align:left;} .tbl_order th {padding:20px; border:1px solid #e0e0e0; border-width:0 1px 1px 0; font-weight:normal; text-align:left; vertical-align:middle;} .tbl_order td {padding:20px; border-bottom:1px solid #e0e0e0; text-align:left; vertical-align:middle;} .tbl_order td .form_input {width:260px;} .tbl_order td .msg {color:#999; font-size:11px;} .tbl_order td .own_mileage, .tbl_order td .own_deposit {color:#d53838; line-height:35px;} .tbl_order td.edit {line-height:30px;} .tbl_order td.address p {margin-top:10px;} .tbl_order td.address p:first-child {margin-top:0;} .tbl_order td.address .zip .form_input {width:158px;} /* 테이블 스타일 - 주문서, 주문상세조회, 장바구니 */ .tbl_order2 {table-layout:fixed; width:100%; margin:0 auto;} .tbl_order2 caption {padding-bottom:20px; font-weight:bold; text-align:left;} .tbl_order2 th {padding:6px 0; font-weight:normal; text-align:left; vertical-align:middle;} .tbl_order2 td {padding:6px 0; text-align:right; vertical-align:middle;} .tbl_order2.sale {margin:5px 0; border:1px solid #dcdcdc; border-width:1px 0;} .tbl_order2 .total td {position:relative;} .tbl_order2 .total td .view_info {display:none; margin-top:5px;} .tbl_order2 .total_price, .tbl_order2 .total_price * {color:#d53838;} /*-----------------------------------------------------------------*/ /* 2-2. button /*-----------------------------------------------------------------*/ /* 버튼스타일 - 기본 */ .box_btn {display:inline-block; text-align:center; vertical-align:top;} .box_btn > * {display:inline-block; margin:0; padding:8px 12px; border:1px solid #333; outline:none; background:#333; color:#fff !important; font-size:12px; font-family:'Poppins', 'NanumBarunGothic', Malgun Gothic, '맑은 고딕', AppleGothic, 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 > *:hover, .box_btn > *:active, .box_btn > *:focus {background:#333;} /* 버튼스타일 - 크기 */ .box_btn.small > * {padding:4px 8px;} .box_btn.large > * {padding:12px 16px; font-size:14px;} .box_btn.huge > * {padding:16px 20px; font-size:16px;} /* 버튼스타일 - 가로길이 */ .box_btn.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.w120 > * {width:120px;} .box_btn.w125 > * {width:125px;} .box_btn.w146 > * {width:146px;} .box_btn.w150 > * {width:150px;} .box_btn.w175 > * {width:175px;} .box_btn.w176 > * {width:176px;} .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.h30 > * {height:30px; padding:0; line-height:28px;} .box_btn.h36 > * {height:36px; padding:0; line-height:34px;} .box_btn.h50 > * {height:50px; padding:0; line-height:48px;} /* 버튼스타일 - 색상 */ .box_btn.white * {border-color:#333; background:#fff; color:#333 !important;} .box_btn.white:hover *, .box_btn.white:active *, .box_btn.white:focus * {background:#fff;} .box_btn.gray * {border-color:#f5f5f5; background:#f5f5f5; color:#666 !important;} .box_btn.gray:hover *, .box_btn.gray:active *, .box_btn.gray:focus * {background:#dadada;} .box_btn.tp * {border-color:#ccc; background:transparent; color:#666 !important;} .box_btn.tp:hover *, .box_btn.tp:active *, .box_btn.tp:focus * {background:transparent;} /* 버튼스타일 - 모양 */ .box_btn.oval > * {-webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;} /* 버튼스타일 - 폰트사이즈 */ .box_btn.fs15 > * {font-size:15px;} .box_btn.fs16 > * {font-size:16px;} /* 버튼스타일 - 텍스트 */ .box_btn.strong * {font-weight:bold;} /*-----------------------------------------------------------------*/ /* 2-3. product /*-----------------------------------------------------------------*/ /* 상품스타일 - '기본 */ .prd_basic {display:table; width:100%; font-size:0; text-align:left !important;} .prd_basic > li {display:inline-block; padding-bottom:40px; vertical-align:top;} .prd_basic.col2 > li {width:50%;} .prd_basic.col3 > li {width:33.33%;} .prd_basic.col4 > li {width:25%;} .prd_basic.col5 > li {width:20%;} .prd_basic .box {position:relative; width:260px; margin:0 auto;} .prd_basic.col4 .box {width:280px;} .prd_basic.col5 .box {width:225px;} .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 .wish {position:absolute; right:0; top:0; z-index:5;} .prd_basic .box .img .wish a {display:block; width:18px; height:14px; padding:10px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/button/btn_wish.png') no-repeat center; color:transparent; font-size:0; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;} .prd_basic .box .img .wish a.wish_on {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/btn_wish_on.png');} .prd_basic .box .img .percent {display:none; position:absolute; right:0; top:0; height:26px; padding:0 7px; background:#ff6623; color:#fff; font-size:16px; line-height:26px;} .prd_basic .box .img .ranking {display:none; position:absolute; left:0; top:0; z-index:5; width:40px; height:40px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/bg_ranking.gif') no-repeat center; color:#fff; font-size:18px; font-weight:500; text-align:center; line-height:40px;} .prd_basic .box .img .prdDimmed {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5;} .prd_basic .box .img:hover .prdimg {-ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .prd_basic .box .img .soldout {display:none;} .prd_basic .box.out .img .prdimg {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity:.4;} .prd_basic .box.out .img .soldout {display:block; position:absolute; left:50%; top:50%; z-index:5; width:86px; height:24px; margin:-12px 0 0 -43px; border:1px solid #666; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; color:#000; font-size:14px; font-weight:600; text-align:center; line-height:24px; cursor:pointer;} /* 품절시 soldout 출력 */ .prd_basic .box .info {padding-top:26px;} .prd_basic .box .name, .prd_basic .box .name * {color:#666; font-family:'NanumBarunGothic'; font-size:15px; line-height:22px;} .prd_basic .box .name {padding-bottom:1px; text-align: center;} .prd_basic .box .price {font-size:0; text-align: center;} .prd_basic .box .price p {display:inline-block; *display:inline; *zoom:1; vertical-align:middle; word-break:break-all; word-wrap:break-word;} .prd_basic .box .price .sell, .prd_basic .box .price .sell * {font-size:15px; font-weight:700;} .prd_basic .box .price .consumer {padding-left:11px; color:#ccc; font-size:12px; text-decoration:line-through;} .prd_basic .box .deadline {text-align: center;} .prd_basic .box .icon {padding-top:17px; text-align: center;} .prd_basic .box .icon img {padding-left:2px; vertical-align:middle;} .prd_basic .box .icon img:first-child {padding-left:0;} /* 상품스타일 - 기본 - 메인 그리드 */ .prd_basic.grid .box .img {padding:9px; border:1px solid #e6e6e6;} /* .prd_basic.grid .box .img .prdimg {transition:none;} .prd_basic.grid .box .img:hover .prdimg {-ms-transform:none; -webkit-transform:none; transform:none;} */ .prd_basic.grid .box .img .wish {right:10px; top:10px;} /* 상품스타일 - 기본 - 메인 TIME SALE */ .prd_basic.time .box .img .percent {display:block;} .prd_basic.time .box .img .wish, .prd_basic.time .box .icon {display:none;} /* 상품스타일 - 기본 - 카테고리 추천 */ .prd_basic.best .box {width:205px;} /* 상품스타일 - 기본 - 테이블 */ .tbl_prd_basic td {padding:40px 26px; border:1px solid #e6e6e6; border-width:0 0 1px 1px;} .tbl_prd_basic tr:first-child td {padding-top:0;} .tbl_prd_basic td:first-child {padding-left:0; border-left:0;} .tbl_prd_basic td:last-child {padding-right:0;} /* 상품스타일 - 기본 - 레이어 */ .prd_basic.mini {width:100%; text-align:center;} .prd_basic.mini .box .img .prdimg {transition:none;} .prd_basic.mini .box .img:hover .prdimg {-ms-transform:none; -webkit-transform:none; transform:none;} .prd_basic.mini .box .img .icon_best {position:absolute; left:10px; top:10px; width:40px; height:40px; border-radius:50%; background:#fff; line-height:40px;} .prd_basic.mini .box .info {display:none; position:absolute; left:50%; bottom:10px; z-index:5; width:100%; margin-left:-50%; background:transparent; text-align:center;} .prd_basic.mini .box:hover .info {display:block;} .prd_basic.mini .box:hover .img .prdimg {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity:.3;} .prd_basic.mini .box .price .consumer, .prd_basic.mini .box .count, .prd_basic.mini .box .icon {display:none;} /* 상품스타일 - 기본 - 레이어 - new 5% dc */ .prd_basic.mini.new .box .img, .prd_basic.mini.new .box .info {width:175px;} .prd_basic.mini.new .box .info {margin-left:-87.5px;} /* 상품스타일 - 기본 - 슬라이드 */ .prd_basic.slide {display:none;} .prd_basic.slide.slick-initialized {display:block;} .prd_basic.slide .slick-prev {position:absolute; left:-44px; top:50%; z-index:5; width:44px; height:44px; margin-top:-22px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/button/slide_prev.png') no-repeat center;} .prd_basic.slide .slick-next {position:absolute; right:-44px; top:50%; z-index:5; width:44px; height:44px; margin-top:-22px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/button/slide_next.png') no-repeat center;} /* 상품스타일 - 기본 - 슬라이드 - 관련상품 */ .prd_basic.rel .box {width:205px; margin:0 22px;} .prd_basic.rel .slick-prev {left:-84px;} .prd_basic.rel .slick-next {right:-84px;} /* 상품스타일 - 기본 - 슬라이드 - 메인 BEST PRODUCT */ /* .prd_basic.bestproduct {padding:0 25px 74px;} */ .prd_basic.bestproduct {padding-bottom:75px;} .prd_basic.bestproduct .slick-arrow {top:auto; z-index:10; bottom:0; margin-top:0;} .prd_basic.bestproduct .slick-prev {left:50%; margin-left:-195px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/slide_prev_w.png');} .prd_basic.bestproduct .slick-prev:hover {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/slide_prev_w_over.png');} .prd_basic.bestproduct .slick-next {right:50%; margin-right:-195px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/slide_next_w.png');} .prd_basic.bestproduct .slick-next:hover {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/slide_next_w_over.png');} .prd_basic.bestproduct .slick-dots {position:absolute; left:50%; bottom:18px; z-index:5; width:auto; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);} .prd_basic.bestproduct .slick-dots li button {width:8px; height:8px; border:0; background:#fff; opacity:.5;} .prd_basic.bestproduct .slick-dots li.slick-active button {opacity:1;} .prd_basic.bestproduct .slick-slide {display:inline-block; *display:inline; *zoom:1; float:none; width:400px; margin:0 auto; vertical-align:middle;} .prd_basic.bestproduct .slick-slide .box {width:300px; margin:0 auto;} .prd_basic.bestproduct .slick-current .box {width:400px;} .prd_basic.bestproduct .box .img .prdimg {transition:none;} .prd_basic.bestproduct .box .img .prdimg img {width:100%; height:auto;} .prd_basic.bestproduct .box .img:hover .prdimg {-ms-transform:none; -webkit-transform:none; transform:none;} .prd_basic.bestproduct .box .info {display:none; position:absolute; left:0; bottom:0; z-index:5; width:100%; padding:20px; background:#fff;} .prd_basic.bestproduct .box .icon {display:none;} .prd_basic.bestproduct .box:hover .info {display:block;} /* 상품스타일 - 기본 - 슬라이드 - 메인 MDS PICK */ .prd_basic.md {width:100%; height:695px; margin:0 auto;} .prd_basic.md .item_group {width:100%; padding:0;} .prd_basic.md .item_group:after {display:block; clear:both; content:'';} .prd_basic.md .box {float:left; width:250px; margin-left:50px;} .prd_basic.md .box:first-child {margin-left:0;} .prd_basic.md .box_1, .prd_basic.md .box_5, .prd_basic.md .box_9 {margin-top:160px;} .prd_basic.md .box_3, .prd_basic.md .box_7, .prd_basic.md .box_11 {width:540px; margin-top:-75px;} .prd_basic.md .box_4, .prd_basic.md .box_8, .prd_basic.md .box_12 {position:absolute; left:300px; top:360px; margin-left:0;} .prd_basic.md .box .img .prdimg img {width:100%; height:auto;} .prd_basic.md .box .name {overflow:hidden; max-height:45px;} .prd_basic.md .box .price .consumer, .prd_basic.md .box .price .deadline, .prd_basic.md .box .icon {display:none;} /* 상품스타일 - 기본 - 슬라이드 - 메인 WEEKLY RANKING */ .prd_basic.ranking {width:100%; height:460px; margin:0 auto;} .prd_basic.ranking .item_group {width:100%; padding:0;} .prd_basic.ranking .item_group:after {display:block; clear:both; content:'';} .prd_basic.ranking .box {float:left; width:220px; margin:0 0 20px 20px;} .prd_basic.ranking .box_1, .prd_basic.ranking .box_6, .prd_basic.ranking .box_11 {width:460px; margin:0;} .prd_basic.ranking .box .img .prdimg {transition:none;} .prd_basic.ranking .box .img .prdimg img {width:100%; height:auto;} .prd_basic.ranking .box .img .ranking {display:block;} .prd_basic.ranking .box_1 .img .ranking {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/bg_ranking_first.gif');} .prd_basic.ranking .box .info {display:none; position:absolute; left:50%; top:50%; z-index:5; padding-top:0; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); text-align:center;} .prd_basic.ranking .box .name, .prd_basic.ranking .box .name * {color:#fff;} .prd_basic.ranking .box .price .sell, .prd_basic.ranking .box .price .sell * {color:#ff6623;} .prd_basic.ranking .box .img .wish, .prd_basic.ranking .box .price .consumer, .prd_basic.ranking .box .price .deadline, .prd_basic.ranking .box .icon {display:none;} .prd_basic.ranking .box .img:hover .prdimg {-ms-transform:none; -webkit-transform:none; transform:none;} .prd_basic.ranking .box:hover .img .prdDimmed {display:block;} .prd_basic.ranking .box:hover .info {display:block;} /* 상품스타일 - 관심상품 */ .prd_related {table-layout:fixed; clear:both; width:100%; border-top:1px solid #e0e0e0; border-collapse:collapse;} .prd_related > thead {display:none;} .prd_related > tbody > tr > td {border-bottom:1px solid #e0e0e0; vertical-align:middle; text-align:center;} .prd_related > tbody > tr > td.img img {width:120px; height:auto;} .prd_related > tbody > tr > td.tal, .prd_related > tbody > tr > td.opt {padding-left:15px; text-align:left;} .prd_related > tbody > tr > td.opt select {display:block; min-width:130px; margin:5px 0;} .prd_related > tbody > tr > td .soldout {display:none; color:#d53838;} .prd_related > tbody > tr > td .soldout.out {display:inline;} .prd_related > tbody > tr > td .summary {color:#888; font-size:11px;} /*-----------------------------------------------------------------*/ /* 3. Layout /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* 3-1. wrapper /*-----------------------------------------------------------------*/ #wrapper {position:relative; min-width:1200px; text-align:left;} #container {overflow:hidden;} .wrap_inner {width:1310px; margin:0 auto;} /* 컨텐츠 사이즈 */ /*-----------------------------------------------------------------*/ /* 3-2. header /*-----------------------------------------------------------------*/ #header .gnb {position:relative; border-bottom:1px solid #e6e6e6;} #header .gnb .wrap_inner {position:relative;} #header .gnb .wrap_inner .menu {position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); font-size:0;} #header .gnb .wrap_inner .menu li {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;} #header .gnb .wrap_inner .menu li a {display:block; position:relative; padding:0 7px; color:#666; font-size:13px;} #header .gnb .wrap_inner .menu li a .msg {position:absolute; right:7px; top:-12px; font-size:11px;} #header .gnb .wrap_inner .menu li a .ea_cart {display:inline-block; *display:inline; *zoom:1; width:16px; height:16px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#ff6623; color:#fff; font-size:11px; text-align:center; line-height:16px;} #header .gnb .left {left:0; margin-left:-7px;} #header .gnb .right {right:0; margin-right:-7px;} #header .search {position:absolute; right:20px; top:19px; width:230px; height:40px; border:1px solid #e6e6e6; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:#f5f5f5;} #header .search .box {position:relative; padding-right:50px; text-align:left;} #header .search .box .basic_search {height:38px; padding:0 0 0 20px; border:0; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:transparent; color:#999; font-size:15px; line-height:38px;} #header .search .box .btn {position:absolute; right:0; top:50%; width:17px; height:18px; margin-top:-9px; padding:0 17px; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;} #header .search .popular {display:none; position:absolute; left:-1px; top:38px; z-index:5; width:230px; border:1px solid #e6e6e6; border-top:0; -webkit-border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; border-radius:0 0 15px 15px; background:#fff;} #header .search .popular dl dt {padding:15px 20px 8px; font-size:15px;} #header .search .popular dl dd {padding:0 12px 22px; font-size:0;} #header .search .popular dl dd a {display:inline-block; *display:inline; *zoom:1; padding:4px 8px; color:#666; font-size:13px;} #header .search.active {-webkit-border-radius:20px 20px 0 0; -moz-border-radius:20px 20px 0 0; border-radius:20px 20px 0 0;} #header h1 {padding:15px 0; text-align:center;} #header .lnb {height:54px;} #header .lnb .lnb_box {width:100%; height:54px; border-bottom:1px solid #e6e6e6; background:#fff;} #header .lnb .wrap_inner:after {display:block; clear:both; content:'';} #header .lnb .wrap_inner > ul {position:relative; float:left; padding:0 13px; font-size:0;} #header .lnb .wrap_inner > ul:after {display:block; position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#e6e6e6; content:'';} #header .lnb .wrap_inner > ul.special0 {margin-left:-40px;} #header .lnb .wrap_inner > ul.special0:after {display:none;} #header .lnb .wrap_inner > ul.special0 > li.view_sub:hover > a:after {display:block; position:absolute; left:50%; bottom:0; width:76%; height:3px; margin-left:-38%; background:#ff6623; content:'';} #header .lnb .wrap_inner > ul.special1 {float:right; margin-right:-29px;} #header .lnb .wrap_inner > ul > li {display:inline-block; *display:inline; *zoom:1; position:relative; vertical-align:middle;} #header .lnb .wrap_inner > ul.category > li {padding:0 12px;} #header .lnb .wrap_inner > ul > li > a {display:block; position:relative; padding:17px 19px 21px; font-size:16px; font-weight:700; line-height:1;} #header .lnb .wrap_inner > ul.category > li > a {padding:17px 17px 21px;} #header .lnb .wrap_inner > ul.category > li > a:after {display:none; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#ff6623; content:'';} #header .lnb .wrap_inner > ul.category > li:hover > a:after {display:block;} #header .lnb .wrap_inner > ul.special1 > li > a {padding:17px 15px 21px; font-weight:400;} #header .lnb .wrap_inner > ul > li > a .icon {display:inline-block; *display:inline; *zoom:1; position:absolute; right:0; top:10px; width:14px; height:14px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/common/category_used.png') no-repeat center;} #header .lnb .view_sub .list {display:none; position:absolute; left:50%; top:54px; z-index:20; width:140px; margin-left:-70px; border-top:10px solid transparent;} #header .lnb .view_sub .list ul {padding:23px 0; background:#f2f2f2;} #header .lnb .view_sub .list ul li a {display:block; padding:3px 20px; color:#666; font-family:'NanumBarunGothic'; font-size:14px;} #header .lnb .view_sub .list ul li a:hover {color:#ff6623;} #header.fixed .lnb .lnb_box {position:fixed; left:0; top:0; z-index:25;} #header.fixed .lnb .wrap_inner > ul > li > a {color:#333 !important;} #header.fixed .lnb .wrap_inner > ul > li > a .icon {display:none;} /*-----------------------------------------------------------------*/ /* 3-3. content /*-----------------------------------------------------------------*/ #cnt {position:relative; min-height:500px;} #cnt .cntbody {width:1200px; margin:0 auto;} /*-----------------------------------------------------------------*/ /* 3-4. footer /*-----------------------------------------------------------------*/ #footer {margin-top:120px;} #footer .quick {padding-bottom:77px; background:#f5f5f5;} #footer .quick .wrap_inner > div {float:left;} #footer .quick .wrap_inner:after {display:block; clear:both; content:'';} #footer .quick .board {width:450px; margin-right:104px;} #footer .quick .board .title {position:relative; margin-top:24px; padding-bottom:5px; border-bottom:1px solid #ccc; font-size:18px;} #footer .quick .board .title.first {margin-top:64px;} #footer .quick .board .title a {display:block; position:absolute; right:0; top:0; height:11px; padding-left:21px; color:#666; font-size:13px; line-height:11px;} #footer .quick .board .title a:after {display:block; position:absolute; left:0; top:50%; width:11px; height:11px; margin-top:-5px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/common/icon_plus.png') no-repeat center; content:'';} #footer .quick .board .list {padding-top:15px;} #footer .quick .board .list li {position:relative; padding-left:8px;} #footer .quick .board .list li:after {display:block; position:absolute; left:0; top:50%; width:2px; height:2px; margin-top:-1px; background:#666; content:'';} #footer .quick .board .list li a {display:block; color:#666; font-family:'NanumBarunGothic'; font-size:15px;} #footer .quick .board .list li a img {vertical-align:middle;} #footer .quick .bnr_sns {width:300px;} #footer .quick .bnr_sns .bnr li {margin-top:10px; border:1px solid #e6e6e6; background:#fff;} #footer .quick .bnr_sns .bnr li.first {margin-top:70px;} #footer .quick .bnr_sns .bnr li dl {padding:0 25px 0 82px; background-repeat:no-repeat; background-position:left 25px center;} #footer .quick .bnr_sns .bnr li.membership dl {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/common/ft_membership.png');} #footer .quick .bnr_sns .bnr li.age dl {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/common/ft_age.png');} #footer .quick .bnr_sns .bnr li dl dt {padding-top:15px; font-size:15px; font-weight:700;} #footer .quick .bnr_sns .bnr li dl dd {padding-bottom:18px; color:#999; font-size:13px; line-height:18px;} #footer .quick .bnr_sns .sns {margin-top:30px; font-size:0; text-align:right;} #footer .quick .bnr_sns .sns dt {display:inline-block; *display:inline; *zoom:1; width:35%; color:#999; font-size:13px; text-align:center; vertical-align:middle;} #footer .quick .bnr_sns .sns dd {display:inline-block; *display:inline; *zoom:1; width:65%; vertical-align:middle;} #footer .quick .bnr_sns .sns dd a {display:inline-block; *display:inline; *zoom:1; padding:0 13px; background-repeat:no-repeat; background-position:center; color:transparent; font-size:0; vertical-align:middle; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;} #footer .quick .bnr_sns .sns dd a.kakao {width:20px; height:19px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/common/sns_kakao.png');} #footer .quick .bnr_sns .sns dd a.insta {width:19px; height:18px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/common/sns_instagram.png');} #footer .quick .bnr_sns .sns dd a.fb {width:10px; height:18px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/common/sns_facebook.png');} #footer .quick .bnr_sns .sns dd a.blog {width:21px; height:17px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/common/sns_blog.png');} #footer .quick .bank_cs {float:right !important; width:240px;} #footer .quick .bank_cs dl dt {color:#999; font-size:13px;} #footer .quick .bank_cs dl dd, #footer .quick .bank_cs dl dd * {line-height:normal;} #footer .quick .bank_cs .bank dt {margin:66px 0 14px;} #footer .quick .bank_cs .bank dd, #footer .quick .bank_cs .bank dd * {color:#666; font-family:'NanumBarunGothic'; font-size:13px;} #footer .quick .bank_cs .bank dd.account {margin-bottom:6px; font-family:'Poppins'; font-size:22px;} #footer .quick .bank_cs .bank dd {margin-bottom:3px;} #footer .quick .bank_cs .bank dd span {position:relative; margin-right:6px; padding-right:7px;} #footer .quick .bank_cs .bank dd span:after {display:block; position:absolute; right:0; top:50%; width:1px; height:12px; margin-top:-6px; background:#666; content:'';} #footer .quick .bank_cs .cs dt {margin:40px 0 15px;} #footer .quick .bank_cs .cs dd, #footer .quick .bank_cs .cs dd * {font-size:22px; line-height:1;} #footer .quick .bank_cs .cs dd {margin-bottom:4px;} #footer .quick .bank_cs .cs dd span {letter-spacing:1.5px;} #footer .quick .bank_cs .cs .time, #footer .quick .bank_cs .cs .time * {color:#666; font-size:13px; letter-spacing:-0.4px;} #footer .quick .bank_cs .cs .time {margin-top:12px;} #footer .quick .bank_cs .cs .time span {position:relative; margin-right:5px; padding-right:5px;} #footer .quick .bank_cs .cs .time span:after {display:block; position:absolute; right:0; top:50%; width:1px; height:12px; margin-top:-6px; background:#ccc; content:'';} #footer .shopinfo {padding-bottom:40px; background:#333; text-align:center;} #footer .shopinfo .menu {padding:53px 0 21px; font-size:0;} #footer .shopinfo .menu li {display:inline-block; *display:inline; *zoom:1;} #footer .shopinfo .menu li a {display:block; position:relative; padding:0 15px; color:#666; font-size:15px;} #footer .shopinfo .menu li a:after {display:block; position:absolute; left:0; top:50%; width:1px; height:12px; margin-top:-6px; background:#515151; content:'';} #footer .shopinfo .menu li:first-child a:after {display:none;} #footer .shopinfo .info, #footer .shopinfo .info * {color:#999; font-family:'NanumBarunGothic'; font-size:14px; font-style:normal; line-height:22px;} #footer .shopinfo .info span {padding-right:5px;} #footer .shopinfo .info span.last {padding-right:0;} #footer .shopinfo .escrow, #footer .shopinfo .escrow *, #footer .shopinfo .copyright, #footer .shopinfo .copyright * {color:#737373; font-family:'NanumBarunGothic'; font-size:13px;} #footer .shopinfo .copyright a:hover, #footer .shopinfo .copyright a .wisa {color:#3fc0e5;} #quick_menu {position:absolute; right:20px; top:384px; z-index:20;} #quick_menu .menu {width:40px; margin-bottom:10px; padding:5px 0; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:#333;} #quick_menu .menu > li {position:relative;} #quick_menu .menu > li > a {display:block; width:40px; height:40px; margin:5px 0; background-repeat:no-repeat; background-position:center; color:transparent; font-size:0;} #quick_menu .menu > li.member > a {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/q_member.png');} #quick_menu .menu > li.cart > a {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/q_cart.png');} #quick_menu .menu > li.recent > a {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/q_recent.png');} #quick_menu .menu > li.cs > a {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/q_cs.png');} #quick_menu .menu > li.event > a {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/q_event.png');} #quick_menu .menu .list {display:none; position:absolute; left:-90px; top:0; width:90px; border-right:10px solid transparent; text-align:center;} #quick_menu .menu .list ul {position:relative; width:80px; margin-right:6px; padding:10px 0; background:#f2f2f2;} #quick_menu .menu .list ul:after {display:block; position:absolute; right:-6px; top:10px; width:6px; height:12px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/common/q_sub.png') no-repeat right top; content:'';} #quick_menu .menu .list li a {display:block; padding:1px 0; color:#666;} #quick_menu .menu .list li a .msg {display:none;} #quick_menu .menu > li:hover .list {display:block;} #quick_menu .top {width:40px; height:40px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/button/top.png') no-repeat center; color:transparent; font-size:0; cursor:pointer;} #quick_menu.fixed .wrap_quick {position:fixed; right:20px; top:54px;} /*-----------------------------------------------------------------*/ /* 4. Page /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* 4-1. 메인 /*-----------------------------------------------------------------*/ #main .prd_basic .box .info {padding-top:15px;} #main .visual_main {overflow:hidden; height:600px; text-align:center;} #main .visual_main .slick-arrow {position:absolute; top:50%; z-index:5; width:50px; height:50px; margin-top:-25px; background-repeat:no-repeat; background-position:center; background-color:transparent;} #main .visual_main .slick-prev {left:50%; margin-left:-690px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/main/main_prev.png');} #main .visual_main .slick-prev:hover {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/main/main_prev_over.png');} #main .visual_main .slick-next {right:50%; margin-right:-690px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/main/main_next.png');} #main .visual_main .slick-next:hover {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/main/main_next_over.png');} #main .visual_main .slick-dots {position:absolute; left:0; bottom:40px; z-index:5;} #main .visual_main .slick-dots li button {width:8px; height:8px; border:0; background:#fff; opacity:.5;} #main .visual_main .slick-dots li.slick-active button {opacity:1;} #main .event_bnr {max-width:1900px; min-width:1450px; margin:0 auto;} #main .event_bnr:after {display:block; clear:both; content:'';} #main .event_bnr > li {float:left; width:33.26%;} #main .event_bnr > li.center {margin:0 0.1%;} #main .event_bnr > li img {width:100%; height:auto;} #main h3 {position:relative; padding:96px 0 39px; font-size:35px; font-weight:400; text-align:center;} #main h3 p {margin-bottom:4px; font-family:'NanumBarunGothic'; font-size:13px;} #main h3 .more {position:absolute; right:0; top:156px; padding-left:21px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/main/icon_more.png') no-repeat left center; color:#000; font-size:13px; line-height:1; opacity:.6;} #main h3.kor {font-weight:400;} #main h3.eng {font-weight:500;} #main h3.eng span {font-size:35px; font-weight:300;} #main .store {height:540px; margin-bottom:606px; background:#f0f1f2;} #main .store h3 {padding:88px 0 62px;} #main .store h3 span {font-size:inherit;} #main .store h3 p {margin:2px 0 0; font-size:20px; font-weight:300;} #main .store .promise {padding:0 13px; font-size:0; text-align:center;} #main .store .promise li {display:inline-block; *display:inline; *zoom:1; width:33.33%;} #main .store .promise li dl {min-height:100px; padding-left:120px; background-repeat:no-repeat; background-position:left top; text-align:left;} #main .store .promise li.origin dl {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/main/icon_origin.png');} #main .store .promise li.package dl {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/main/icon_package.png');} #main .store .promise li.delivery dl {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/main/icon_delivery.png');} #main .store .promise li dl dt {padding-bottom:5px; font-family:'NanumBarunGothic'; font-size:18px; font-weight:700;} #main .store .promise li dl dd, #main .store .promise li dl dd * {font-family:'NanumBarunGothic'; font-size:15px; line-height:22px;} #main .store .promise li dl dd {color:#666;} #main .store .btn {padding:50px 0 40px; text-align:center;} #main .store .btn .box_btn > * {padding-left:22px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/main/icon_more2.png') no-repeat left 27px center;} #main .store .store_slide {position:relative; width:1450px; margin:0 auto; text-align:center;} #main .store .store_slide .slide {width:1280px; margin:0 auto;} #main .store .store_slide .slick-arrow {position:absolute; top:50%; z-index:5; width:44px; height:44px; margin-top:-22px; background-repeat:no-repeat; background-position:center; background-color:transparent;} #main .store .store_slide .slick-prev {left:-84px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/slide_prev.png');} #main .store .store_slide .slick-next {right:-84px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/slide_next.png');} #main .store .store_slide .bottom_msg {position:absolute; left:50%; bottom:0; width:1280px; height:60px; margin-left:-640px; padding:0 30px; background-color:rgba(0,0,0,0.6);} #main .store .store_slide .bottom_msg:after {display:block; clear:both; content:'';} #main .store .store_slide .bottom_msg p {background-repeat:no-repeat; background-position:left center; color:#999; font-size:13px; line-height:60px;} #main .store .store_slide .bottom_msg .time {float:left; padding-left:18px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/main/icon_time.png');} #main .store .store_slide .bottom_msg .blog {float:right; padding-left:29px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/main/icon_blog.png');} #main .store .store_slide .bottom_msg .blog a {position:relative; color:#999; font-size:13px; line-height:60px;} #main .store .store_slide .bottom_msg .blog a:after {display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#999; content:'';} #main .store .btn_col {margin-top:30px; text-align:center;} #main .new {margin-bottom:100px;} #main .new h3 {padding-top:137px;} #main .best {height:860px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/main/bg_best.jpg') no-repeat left top/cover;} #main .best h3 {color:#fff;} #main .best h3 span {color:#fff;} #main .best .tab_bestprd {margin-bottom:50px; font-size:0; text-align:center;} #main .best .tab_bestprd li {display:inline-block; *display:inline; *zoom:1; padding:0 5px;} #main .best .tab_bestprd li a {display:inline-block; *display:inline; *zoom:1; height:40px; padding:0 30px; border:1px solid rgba(255,255,255,0.3); -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:transparent; color:#fff; font-size:15px; line-height:38px; cursor:pointer;} #main .best .tab_bestprd li a.active {border-color:rgba(255,255,255,1); background:#fff; color:#000;} #main .mdpick {position:relative; min-height:966px; padding:175px 0 100px;} #main .mdpick h3 {display:inline-block; *display:inline; *zoom:1; position:absolute; left:30px; top:0; padding:170px 52px 0 0; text-align:left;} #main .mdpick h3:after {display:block; position:absolute; right:0; bottom:10px; width:46px; height:46px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/main/icon_md.png') no-repeat center; content:'';} #main .mdpick .md_slides {position:relative; width:1140px; height:695px; margin:0 auto;} #main .mdpick .md_slides:after {display:block; clear:both; content:'';} #main .mdpick .md_slides .ctrl {position:absolute; top:50%; z-index:5; width:44px; height:44px; margin-top:-22px; background-repeat:no-repeat; background-position:center; cursor:pointer;} #main .mdpick .md_slides .prev {left:-114px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/slide_prev.png');} #main .mdpick .md_slides .next {right:-114px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/slide_next.png');} #main .review {padding-bottom:100px; background:#f2f2f2;} #main .review .slide_review {padding-bottom:75px;} #main .review .slide_review .box {position:relative; z-index:15; width:970px; margin:0 10px; padding:74px 60px; border:1px solid #e6e6e6; background:#fff;} #main .review .slide_review .box:after {display:block; clear:both; content:'';} #main .review .slide_review .box .bg {display:none; position:absolute; z-index:1; width:100%; height:100%; border:1px solid #e6e6e6; background:#fff;} #main .review .slide_review .box .bg0 {right:-2px; top:2px;} #main .review .slide_review .box .bg1 {right:-4px; top:4px;} #main .review .slide_review .box .img {float:left; width:260px; height:260px; margin-right:40px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/main/review_cover.jpg') no-repeat center/cover; box-shadow:0 0 16px 0 rgba(0,0,0,0.07);} #main .review .slide_review .box .img img {width:100%; height:100%;} #main .review .slide_review .box .info {float:left; width:546px;} #main .review .slide_review .box .grade_date {margin:14px 0 25px;} #main .review .slide_review .box .grade_date:after {display:block; clear:both; content:'';} #main .review .slide_review .box .grade_date p {float:left; width:50%;} #main .review .slide_review .box .grade_date .grade img {padding-left:3px;} #main .review .slide_review .box .grade_date .grade img:first-child {padding-left:0;} #main .review .slide_review .box .grade_date .date, #main .review .slide_review .box .grade_date .date * {color:#999; font-size:13px; font-weight:300;} #main .review .slide_review .box .grade_date .date {text-align:right;} #main .review .slide_review .box .grade_date .date span {position:relative; padding:0 6px 0 8px;} #main .review .slide_review .box .grade_date .date span:after {display:block; position:absolute; left:0; top:50%; width:1px; height:12px; margin-top:-6px; background:#999; content:'';} #main .review .slide_review .box .grade_date .date span:first-child:after {display:none;} #main .review .slide_review .box .name, #main .review .slide_review .box .name * {overflow:hidden; font-size:20px; white-space:nowrap; text-overflow:ellipsis;} #main .review .slide_review .box .name {margin-bottom:9px;} #main .review .slide_review .box .content, #main .review .slide_review .box .content * {color:#666; font-size:15px; font-weight:300; line-height:24px;} #main .review .slide_review .box .content {overflow:hidden; height:96px;} #main .review .slide_review .box .more {display:inline-block; *display:inline; *zoom:1; position:relative; margin-top:36px; font-size:15px;} #main .review .slide_review .box .more:after {display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#333; content:'';} #main .review .slide_review .slick-arrow {position:absolute; bottom:0; z-index:10; width:44px; height:44px; background-repeat:no-repeat; background-position:center; background-color:transparent;} #main .review .slide_review .slick-prev {left:50%; margin-left:-105px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/slide_prev.png');} #main .review .slide_review .slick-next {right:50%; margin-right:-105px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/slide_next.png');} #main .review .slide_review .slick-dots {position:absolute; left:0; bottom:17px; z-index:5;} #main .review .slide_review .slick-dots li button {width:8px; height:8px; border:0; background:#666; opacity:.3;} #main .review .slide_review .slick-dots li.slick-active button {opacity:1;} #main .timesale h3 span {padding-right:40px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/main/icon_timesale.png') no-repeat right center;} #main .weekly {position:relative; min-height:460px; margin:140px 0 80px;} #main .weekly:after {display:block; clear:both; content:'';} #main .weekly .title_area {position:absolute; left:0; top:0; width:260px;} #main .weekly h3 {padding:73px 0 55px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/main/icon_weekly.png') no-repeat left top; text-align:left; line-height:1;} #main .weekly h3 span {display:block; padding-top:5px; line-height:1;} #main .weekly .ctrl {display:inline-block; *display:inline; *zoom:1; width:44px; height:44px; background-repeat:no-repeat; background-position:center; cursor:pointer;} #main .weekly .prev {margin-right:5px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/slide_prev.png');} #main .weekly .next {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/slide_next.png');} #main .weekly .prd {padding-left:260px;} #main .weekly .weekly_slides {position:relative; width:100%; height:460px; margin:0 auto;} #main .weekly .weekly_slides:after {display:block; clear:both; content:'';} #main .instagram h3 .more {padding:0; background:none;} #main .instagram .insta_list:after {display:block; clear:both; content:'';} #main .instagram .insta_list li {float:left; width:195px; height:195px; margin:0 0 7px 6px;} #main .instagram .insta_list li:nth-child(6n+1) {clear:both; margin-left:0;} #main .instagram .insta_list li img {width:100%; height:100%;} #main .bottom_bnr {margin-top:110px; background:#8dafd6;} #main .bottom_bnr:after {display:block; clear:both; content:'';} #main .bottom_bnr li, #main .bottom_bnr li * {color:#fff; font-size:18px; line-height:85px;} #main .bottom_bnr li {position:relative; float:left; width:400px; height:85px; text-align:center;} #main .bottom_bnr li.point {padding-left:120px;} #main .bottom_bnr li.free {padding-left:194px;} #main .bottom_bnr li.today {padding-left:170px;} #main .bottom_bnr li span {font-weight:700;} #main .bottom_bnr li span.eng {font-weight:500;} #main .bottom_bnr li:before {display:block; position:absolute; left:0; top:50%; width:1px; height:30px; margin-top:-15px; background-color:rgba(255,255,255,0.2); content:'';} #main .bottom_bnr li:first-child:before {display:none;} #main .bottom_bnr li:after {display:block; position:absolute; left:55px; bottom:0; height:92px; background-repeat:no-repeat; background-position:center; content:'';} #main .bottom_bnr li.point:after {left:27px; width:72px; height:93px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/main/icon_point.png');} #main .bottom_bnr li.free:after {width:115px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/main/icon_free.png');} #main .bottom_bnr li.today:after {width:86px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/main/icon_today.png');} /*-----------------------------------------------------------------*/ /* 4-2. 상점 /*-----------------------------------------------------------------*/ /* 상품목록(/shop/big_section.php) */ #big_section > .wrap_inner > h3 {padding:67px 0 8px; font-size:35px; font-weight:400; text-align:center;} #big_section .best_area {clear:both; background:#f5f5f5;} #big_section .best_area h3 {padding:48px 0 50px; font-size:30px; font-weight:400; text-align:center;} #big_section .sub_category {padding:0 80px; font-size:0; text-align:center;} #big_section .sub_category li {display:inline-block; *display:inline; *zoom:1; position:relative; padding:5px 0; vertical-align:middle;} #big_section .sub_category li:after {display:block; position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#e6e6e6; content:'';} #big_section .sub_category li:first-child:after {display:none;} #big_section .sub_category li a {display:block; padding:0 15px 0 16px; color:#999; font-size:18px; line-height:normal;} #big_section .sub_category li.active a {color:#ff6623; font-weight:700;} #big_section .type2_category.mid {margin-top:30px;} #big_section .type2_category.mid li.active a {font-weight:500;} #big_section .type2_category.small {margin:10px 153px 0; padding:0; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background:#333; -webkit-box-shadow:0 0 17px 0 rgba(51,51,51,0.22); -moz-box-shadow:0 0 17px 0 rgba(51,51,51,0.22); box-shadow:0 0 17px 0 rgba(51,51,51,0.22);} #big_section .type2_category.small li {padding:0; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; } #big_section .type2_category.small li:after {height:16px; margin-top:-8px; background:#424242;} #big_section .type2_category.small li:before {display:block; position:absolute; left:1px; top:50%; width:1px; height:16px; margin-top:-8px; background:#262626; content:'';} #big_section .type2_category.small li:first-child:before {display:none;} #big_section .type2_category.small li a {padding:14px 29px; color:#ccc; font-size:15px;} #big_section .type2_category.small li.active {background:#ff6623;} #big_section .type2_category.small li.active a {color:#fff;} #big_section .type2_category.small li.active:after, #big_section .type2_category.small li.active:before {display:none;} /* 상품상세페이지(/shop/detail.php) */ #detail .wrap_prd {position:relative; margin-bottom:80px;} #detail .wrap_prd:after {display:block; clear:both; content:'';} #detail .wrap_prd > .prdimg {float:left; width:700px;} #detail .wrap_prd > .prdimg .img {overflow:hidden; width:700px; height:700px; padding:10px; border:1px solid #e6e6e6; text-align:center;} #detail .wrap_prd > .prdimg .img img {max-width:680px; max-height:680px;} #detail .wrap_prd > .prdimg .addimg {margin-top:10px;} #detail .wrap_prd > .prdimg .addimg .box_add_slide {overflow:hidden; width:700px;} #detail .wrap_prd > .prdimg .addimg .add_slide {display:none; width:700px;} #detail .wrap_prd > .prdimg .addimg .add_slide.slick-initialized {display:block;} #detail .wrap_prd > .prdimg .addimg .add_slide > div img {width:64px; height:64px;} #detail .wrap_prd > .prdimg .addimg .add_slide .slick-slide.slick-active {position:relative;} #detail .wrap_prd > .prdimg .addimg .add_slide .slick-slide.slick-active:hover:after {display:block; position:absolute; left:0; top:0; width:64px; height:64px; border:3px solid #ff6623; background:transparent; content:'';} #detail .wrap_prd > .prdimg .addimg .add_slide .slick-prev {position:absolute; left:0; top:0; z-index:5; height:92px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/common/bullet_arrow_prev.png') no-repeat center; background-color:rgba(200,200,200,0.5)} #detail .wrap_prd > .prdimg .addimg .add_slide .slick-next {position:absolute; right:10px; top:0; z-index:5; height:92px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/common/bullet_arrow_next.png') no-repeat center; background-color:rgba(200,200,200,0.5)} #detail .wrap_prd > .info {float:right; width:400px;} #detail .wrap_prd > .info > .summary {color:#f00; font-size:15px; font-weight:bold; word-break:break-all;} #detail .wrap_prd > .info > h3 {padding-bottom:11px; font-size:24px; line-height:32px;} #detail .wrap_prd > .info > h3 img {vertical-align:middle;} #detail .wrap_prd > .info > .price {position:relative; padding-bottom:32px; border-bottom:1px solid #e6e6e6;} #detail .wrap_prd > .info > .price del {color:#999; font-size:15px;} #detail .wrap_prd > .info > .price .sell, #detail .wrap_prd > .info > .price .sell * {font-size:20px;} #detail .wrap_prd > .info > .price .sell {display:block;} #detail .wrap_prd > .info > .price .milage {display:inline-block; *display:inline; *zoom:1; padding:0 7px; border:1px solid #ff6623; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; font-size:12px; font-weight:400; vertical-align:middle;} #detail .wrap_prd > .info > .price .milage strong {padding-right:2px; font-size:12px;} #detail .wrap_prd > .info > .price .coupon {display:inline-block; padding-right:20px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/download_coupon.png') no-repeat 90% center #676767; cursor:pointer;} #detail .wrap_prd > .info > .price .coupon strong {display:inline-block; padding:2px 5px; background:#363636; color:#fff; font-size:11px; font-weight:normal; letter-spacing:-1px;} #detail .wrap_prd > .info > .price .btn {position:absolute; right:0; bottom:40px; font-size:0;} #detail .wrap_prd > .info > .price .btn span {display:inline-block; *display:inline; *zoom:1; padding-left:12px; vertical-align:middle;} #detail .wrap_prd > .info > .price .btn span a {display:block; background-repeat:no-repeat; background-position:center; color:transparent; font-size:0; cursor:pointer;} #detail .wrap_prd > .info > .price .btn .btn_wish a {width:18px; height:15px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/btn_wish.png');} #detail .wrap_prd > .info > .price .btn .btn_share a {width:17px; height:16px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/icon_share.png');} #detail .wrap_prd > .info .pop_coupon {display:none; position:fixed; left:50%; top:100px; z-index:1001; width:568px; padding:40px; border:1px solid #d9d9d9; margin-left:-325px; background:#fff;} #detail .wrap_prd > .info .pop_coupon h2 {color:#000; font-size:22px;} #detail .wrap_prd > .info .pop_coupon .count {margin-top:20px; padding:15px 20px; background:#fafafa;} #detail .wrap_prd > .info .pop_coupon .list {overflow:auto; max-height:200px; margin-top:10px; border-top:1px solid #e0e0e0;} #detail .wrap_prd > .info .pop_coupon .list li {position:relative; padding:15px 100px 15px 15px; border-bottom:1px solid #e0e0e0; text-align:left;} #detail .wrap_prd > .info .pop_coupon .list a {position:absolute; right:15px; top:10px; padding:5px 10px; background:#363636; color:#fff; cursor:pointer;} #detail .wrap_prd > .info .pop_coupon .close {display:inline-block; position:absolute; right:20px; top:20px; width:21px; height:21px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/button/hd_close.png') no-repeat center; text-indent:-9999px; cursor:pointer;} #detail .wrap_prd > .info .sns {display:none; position:absolute; right:0; bottom:-46px; z-index:5; margin-top:5px; padding:0 20px; background:#fff; -webkit-box-shadow:0 0 14px 0 rgba(51,51,51,0.1); -moz-box-shadow:0 0 14px 0 rgba(51,51,51,0.1); box-shadow:0 0 14px 0 rgba(51,51,51,0.1);} #detail .wrap_prd > .info .sns:after {display:block; position:absolute; right:5px; top:-5px; width:8px; height:5px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/bullet_arrow_top.png') no-repeat center; content:'';} #detail .wrap_prd > .info .sns dl {padding:15px 0;} #detail .wrap_prd > .info .sns dl > * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;} #detail .wrap_prd > .info .sns dl dt {padding-right:20px; color:#999; font-size:13px;} #detail .wrap_prd > .info .sns a {display:inline-block; width:20px; height:20px; background-repeat:no-repeat; background-position:center; text-indent:-9999px;} #detail .wrap_prd > .info .sns a > span.kakao {display:block; height:100%; background:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/icon_kakao.png') no-repeat center;} #detail .wrap_prd > .info .sns a > span.kakaostory {display:block; height:100%; background:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/icon_kakaostory.png') no-repeat center;} #detail .wrap_prd > .info .sns a.facebook {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/icon_facebook.png');} #detail .wrap_prd > .info .sns a.twitter {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/icon_twitter.png');} #detail .wrap_prd > .info > .list {width:100%; margin:20px 0;} #detail .wrap_prd > .info > .list th {padding:7px 0; color:#999; font-size:13px; font-weight:400; text-align:left; vertical-align:middle;} #detail .wrap_prd > .info > .list td {padding:7px 0; font-size:13px; text-align:left; vertical-align:middle;} #detail .wrap_prd > .info > .list td select {width:100%; height:30px; padding:0; border:0; color:#333;} #detail .wrap_prd > .info > .list td .box_qty {width:100%;} #detail .wrap_prd > .info > .list td .box_qty .form_input {width:100%;} #detail .wrap_prd > .info > .list .milage_info {display:inline-block; position:relative;} #detail .wrap_prd > .info > .list .milage_info .info {display:none; position:absolute; left:20px; top:-8px; z-index:10; width:150px; padding:5px 10px; border:1px solid #dcdcdc; background:#fff;} #detail .wrap_prd > .info > .list .milage_info:hover .info {display:block;} #detail .wrap_prd > .info > .multi_opt {} #detail .wrap_prd > .info > .multi_opt .selected_list {} #detail .wrap_prd > .info > .multi_opt .selected_list > li {position:relative; padding-right:40px;} #detail .wrap_prd > .info > .multi_opt .selected_list > li:first-child {border-top:1px solid #414141;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .box {font-size:0;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .name_prc {display:inline-block; *display:inline; *zoom:1; width:300px; padding:5px 10px 5px 0; vertical-align:middle; word-break:break-all;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .name_prc p, #detail .wrap_prd > .info > .multi_opt .selected_list > li .name_prc p * {color:#666; font-size:13px; } #detail .wrap_prd > .info > .multi_opt .selected_list > li .box_qty .form_input {width:59px; height:17px; padding:0 17px; border:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .box_qty .btn_ea a {width:17px; height:17px;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .box_qty .btn_ea a.ea_up {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/ea_up2.png');} #detail .wrap_prd > .info > .multi_opt .selected_list > li .box_qty .btn_ea a.ea_down {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/ea_down2.png');} #detail .wrap_prd > .info > .multi_opt .selected_list > li .del {position:absolute; right:0; top:50%; margin-top:-4px; padding:0 12px;} #detail .wrap_prd > .info > .multi_opt .opt_total {position:relative; padding-top:30px; border-top:1px solid #414141; font-size:0;} #detail .wrap_prd > .info > .multi_opt .opt_total .title {display:inline-block; *display:inline; *zoom:1; width:50%; font-size:13px; vertical-align:middle;} #detail .wrap_prd > .info > .multi_opt .opt_total > p {display:inline-block; *display:inline; *zoom:1; width:50%; text-align:right; vertical-align:middle;} #detail .wrap_prd > .info > .multi_opt .opt_total > p strong {font-size:15px; font-weight:400;} #detail .wrap_prd > .info > .multi_opt .opt_total > p strong * {color:#ff6623; font-size:26px; font-weight:700;} #detail .wrap_prd > .info > .multi_opt .opt_total > p .coupon {display:inline-block; margin-left:5px; padding:2px 20px 2px 5px; border:1px solid #c3c3c3; background:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/apply_coupon.png') no-repeat 90% center; font-size:11px; vertical-align:middle; cursor:pointer;} #detail .wrap_prd > .info > .multi_opt .opt_total .coupon:hover {background-color:#f5f5f5;} #detail .wrap_prd > .info > .btn {margin-top:25px; font-size:0;} #detail .wrap_prd > .info > .btn .box_btn {margin-top:5px;} #detail .wrap_prd > .info > .btn .pay {margin-top:20px; text-align:right;} #detail .wrap_prd > .info > .btn .pay .npay {float:left;} #detail .wrap_prd > .info > .btn .pay .payco {float:right;} #detail .wrap_prd > .info > .btn .pay:after {display:block; clear:both; content:'';} #detail .wrap_prd > .info > .btn .kakao-talk-channel-chat-button {position:relative; padding-bottom:12px;} #detail .wrap_prd > .info > .count {padding-top:30px; border-top:1px solid #e6e6e6; font-size:0;} #detail .wrap_prd > .info > .count dl {display:inline-block; *display:inline; *zoom:1; position:relative; padding:0 18px 0 19px; vertical-align:middle;} #detail .wrap_prd > .info > .count dl:first-child {padding-left:0;} #detail .wrap_prd > .info > .count dl:after {display:block; position:absolute; left:0; top:50%; width:1px; height:12px; margin-top:-6px; background:#e6e6e6; content:'';} #detail .wrap_prd > .info > .count dl:first-child:after {display:none;} #detail .wrap_prd > .info > .count dl > * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;} #detail .wrap_prd > .info > .count dl dt {font-size:13px;} #detail .wrap_prd > .info > .count dl dd {color:#999; font-size:13px;} #detail .wrap_prd > .info > .count dl dd span {font-size:13px; font-weight:700;} #detail .related {padding-bottom:70px; background:#f5f5f5;} #detail .related h3 {padding:70px 0 50px; font-size:20px; font-weight:400; text-align:center;} #detail .wrap_info {clear:both;} #detail .wrap_info .tab_area {padding:79px 0 45px;} #detail .wrap_info .tab_area > .tab {border-bottom:1px solid #e6e6e6; font-size:0; text-align:center;} #detail .wrap_info .tab_area > .tab li {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;} #detail .wrap_info .tab_area > .tab li a {display:block; padding:14px 55px; color:#666; font-size:20px; transition:all .3s ease; cursor:pointer;} #detail .wrap_info .tab_area > .tab li a.active, #detail .wrap_info .tab_area > .tab li a:hover {position:relative; color:#333; font-weight:700;} #detail .wrap_info .tab_area > .tab li a.active:after, #detail .wrap_info .tab_area > .tab li a:hover:after {display:block; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#ff6623; content:'';} #detail .wrap_info .tab_area > .tab.fixed {position:fixed; left:0; top:0; z-index:10; width:100%; border-bottom:1px solid #e0e0e0; background:#fff;} #detail .wrap_info .reservation_msg {display:none;} #detail .wrap_info .reservation_msg dl {margin-top:36px;} #detail .wrap_info .reservation_msg dl dt {margin-bottom:6px; padding-left:37px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/icon_reservation.png') no-repeat left center; font-size:22px;} #detail .wrap_info .reservation_msg dl dd, #detail .wrap_info .reservation_msg dl dd * {font-size:15px; line-height:22px;} #detail .wrap_info .reservation_msg dl dd {position:relative; padding-left:8px; color:#666;} #detail .wrap_info .reservation_msg dl dd:after {display:block; position:absolute; left:0; top:10px; width:2px; height:2px; background:#666; content:'';} #detail .wrap_info .top_area {position:relative;} #detail .wrap_info .top_area .msg, #detail .wrap_info .top_area .msg * {font-size:13px;} #detail .wrap_info .top_area .msg {position:absolute; left:0; top:0; padding-left:23px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/icon_info.png') no-repeat left 1px center; color:#999;} #detail .wrap_info .btn_top {margin-top:20px; text-align:right;} #detail .wrap_info .tabcnt_detail2 .top_area .msg {padding-left:0; background:none;} #detail .wrap_info .tabcnt_detail3 .msg {margin-top:20px;} #detail .wrap_info .tabcnt_detail3 .msg li {padding:1px 0 1px 23px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/icon_info.png') no-repeat left center; color:#999; font-size:13px;} #detail .wrap_info .detail_info, #detail .wrap_info .common_info {word-break:break-all;} #detail .wrap_info .detail_info {margin-bottom:30px;} #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 > dl {padding:40px 0; border-bottom:1px solid #e6e6e6; font-size:0;} #detail .wrap_info .common_info > dl > dt {display:inline-block; *display:inline; *zoom:1; width:182px; font-size:18px; line-height:26px; vertical-align:top;} #detail .wrap_info .common_info > dl > dd {display:inline-block; *display:inline; *zoom:1; width:1018px; vertical-align:top;} #detail .wrap_info .common_info > dl > dd > p, #detail .wrap_info .common_info > dl > dd > p * {font-size:15px;} #detail .wrap_info .common_info > dl > dd > p {position:relative; padding-left:10px; color:#666;} #detail .wrap_info .common_info > dl > dd > p:after {display:block; position:absolute; left:0; top:10px; width:2px; height:2px; background:#666; content:'';} #detail .wrap_info .common_info .process > dd {font-size:0;} #detail .wrap_info .common_info .process dl {display:inline-block; *display:inline; *zoom:1; position:relative; width:190px; margin:0 9px 0 74px; font-size:0; text-align:center; vertical-align:top;} #detail .wrap_info .common_info .process dl:first-child {margin-left:0;} #detail .wrap_info .common_info .process dl:after {display:block; position:absolute; left:-74px; top:93px; width:65px; border-bottom:3px dotted #bababa; content:'';} #detail .wrap_info .common_info .process dl:first-child:after {display:none;} #detail .wrap_info .common_info .process dl dt {padding:200px 0 6px; background-repeat:no-repeat; background-position:center top;} #detail .wrap_info .common_info .process dl.accept dt {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/common_process0.png');} #detail .wrap_info .common_info .process dl.selection dt {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/common_process1.png');} #detail .wrap_info .common_info .process dl.package dt {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/common_process2.png');} #detail .wrap_info .common_info .process dl.start dt {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/common_process3.png');} #detail .wrap_info .common_info .process dl dt span {display:inline-block; *display:inline; *zoom:1; height:22px; padding:0 8px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#ff6623; color:#fff; font-size:15px; line-height:22px;} #detail .wrap_info .common_info .notreturn {border-color:#333;} #detail .wrap_info .common_info .process dl dd {color:#666; font-size:13px; line-height:20px;} /* 퀵프리뷰 - 팝업(/shop/detail_popup.php) */ #detail_pop {position:relative; padding:30px;} #detail_pop #detail {margin-top:0;} #detail_pop .close {display:inline-block; position:absolute; right:20px; top:20px; z-index:10; width:21px; height:21px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/button/hd_close.png') no-repeat center; text-indent:-9999px; cursor:pointer;} /* 상품이미지줌 - 팝업(/shop/zoom.php) */ #zoomimg {text-align:center;} #zoomimg h2 {padding:10px 60px 10px 20px; background:#676767; color:#fff; font-size:14px; text-align:left;} #zoomimg .img {margin:40px auto 10px;} #zoomimg .img img {max-width:500px; max-height:500px;} #zoomimg .list {width:500px; margin:10px auto 0;} #zoomimg .list li {float:left; margin:0 0 10px 10px;} #zoomimg .list li:nth-child(5n+1) {margin-left:0 !important;} #zoomimg .list li img {max-width:92px; max-height:92px;} #zoomimg .list:after {display:block; clear:both; content:'';} #zoomimg .box_btn {position:absolute; right:10px; top:7px;} /* 상품갯수 - 장바구니(/shop/cart.php), 주문서(/shop/order.php) */ .enterprise {padding-top:30px;} .enterprise.headY {padding-top:0;} .enterprise .msg_delivery {padding-bottom:10px;} /* 장바구니(/shop/cart.php) */ #cart .btn_top {margin-bottom:13px; font-size:0; text-align:right;} #cart .btn_top span {display:inline-block; *display:inline; *zoom:1; margin-left:20px; padding-left:16px; background-position:left center; background-repeat:no-repeat; font-size:13px;} #cart .btn_top span:first-child {margin-left:0;} #cart .btn_top .estimate {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/icon_estimate.png');} #cart .btn_top .alldel {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/icon_alldel.png');} #cart .area_right .box {margin-top:-1px; padding:51px 0 45px; border:1px solid #333; border-width:1px 0;} .list_cart {font-size:0; text-align:center;} .list_cart > li {display:inline-block; *display:inline; *zoom:1; position:relative; padding:0 60px 0 74px; vertical-align:top;} .list_cart > li.total {padding-right:67px;} .list_cart > li:after {display:block; position:absolute; left:0; top:50%; width:16px; height:16px; margin-top:-8px; background-repeat:no-repeat; background-position:left center; content:'';} .list_cart > li.minus:after {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/bullet_minus.png');} .list_cart > li.plus:after {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/bullet_plus.png');} .list_cart > li.equal:after {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/bullet_equal.png');} .list_cart > li dl {font-size:0;} .list_cart > li dl dt {padding-bottom:15px; color:#999; font-size:13px;} .list_cart > li.total dl dt {padding-bottom:7px;} .list_cart > li dl dd, .list_cart > li dl dd * {font-size:20px; line-height:1;} .list_cart > li dl dd {display:inline-block; *display:inline; *zoom:1; min-height:32px; vertical-align:middle;} .list_cart > li.total dl dd .price {font-size:30px; font-weight:700;} .list_cart > li.total .milage {position:absolute; right:0; bottom:0;} .list_cart > li.total .milage p {margin-top:5px; padding:0 7px; border:1px solid #ff6623; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} .list_cart > li.total .milage p:first-child {margin-top:0;} .list_cart > li.total .milage span {font-weight:700;} #cart .btn {position:relative; margin-top:40px; font-size:0;} #cart .btn .box_btn {margin:0 5px;} #cart .btn .continue {display:inline-block; *display:inline; *zoom:1; position:absolute; right:0; top:0; padding-left:21px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/icon_back.png') no-repeat left center; font-size:15px;} #cart .pay {clear:both; text-align:right;} #cart .pay > div {padding-top:10px;} /* 장바구니 옵션 변경 */ .cart_change_option {width:480px; padding:40px 50px;} .cart_change_option h3 {font-size:20px; font-weight:normal;} .cart_change_option .opt {margin-bottom:15px; padding:5px 0 15px; border-bottom:1px solid #e0e0e0;} .cart_change_option .opt span {display:inline-block; padding:5px; border-radius:5px; background:#eee; color:#666;} .cart_change_option table {width:100%; table-layout:fixed;} .cart_change_option table > thead {display:none;} .cart_change_option table > tbody > tr > th {padding:5px 0 5px 23px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/common/bullet_check.png') no-repeat 7px center; font-weight:normal; text-align:left; line-height:34px;} .cart_change_option table > tbody > tr > td {padding:5px; vertical-align:middle;} .cart_change_option table > tbody > tr > td select {width:100%;} .cart_change_option table > tbody > tr > td .box_qty {width:100%;} .cart_change_option .total {position:relative; margin-top:15px; padding:15px 10px; border:1px solid #e0e0e0; border-width:1px 0;} .cart_change_option .total .price {position:absolute; right:15px; top:8px;} .cart_change_option .total .price strong {font-size:20px;} .cart_change_option .btns {margin-top:20px; text-align:center;} /* 장바구니 입점몰 계산 박스 */ #cart .cart_sum {position:relative; padding:30px 60px; border-bottom:1px solid #dadada; background:#f8f8f8; text-align:right;} #cart .cart_sum:after {display:block; clear:both; content:'';} #cart .cart_sum .delivery_msg {position:absolute; left:30px; top:50%; z-index:10; margin-top:-7px; text-align:left; font-weight:bold;} #cart .cart_sum table {width:25%; float:right;} #cart .cart_sum table th {padding:5px 0; color:#666; font-weight:normal; text-align:left;} #cart .cart_sum table td {padding:5px 0; color:#666; text-align:right;} /* 장바구니 개별상품 쿠폰적용 */ #cart .cart_prc > .after {display:none;} #cart .cart_prc.is_sale > .before {text-decoration:line-through;} #cart .cart_prc.is_sale > .after {display:block;} /* 주문서(/shop/order.php) */ #order:after {display:block; clear:both; content:'';} #order .guest {padding-bottom:40px;} #order .guest .agree_guest {padding-bottom:20px;} #order .guest .box_frame {border:1px solid #ebebeb;} #order .guest .box_frame iframe {width:100%; height:162px; border:0;} #order .print_receipt {padding-bottom:10px; text-align:right; line-height:30px;} #order .area_left {float:left; width:63%;} #order .area_right {float:right; margin-top:30px;} #order .area_right .inner.fixed {position:fixed; right:50%; top:0; margin-right:-600px;} #order .area_right .box {width:360px; padding:40px; background:#f8f8f8;} #order .area_right .box .line {margin-top:25px; border-top:1px solid #dfdfdf;} #order .coupon_list li {position:relative; margin-top:10px; padding-left:25px;} #order .coupon_list li:first-child {margin-top:0;} #order .coupon_list li .check {position:absolute; left:0; top:-2px;} #order .coupon_list li .name {font-weight:bold;} #order .coupon_list li .content {font-size:11px;} #order .offcpn #off_cpn_div2, #order .offcpn #off_cpn_img2 {display:none;} #order .offcpn #off_cpn_div2 p {margin-bottom:5px;} #order .offcpn #off_cpn_div2 .offbtn {text-align:right;} #order .offcpn .box_btn.small a {min-width:89px;} #order .title_delivery h3.title {display:inline-block;} #order .method > div {position:relative; padding:25px 0 10px 25px;} #order .method > div > label {position:absolute; left:0; top:0; cursor:pointer;} #order .method > div .msg_pay {padding:0 !important; color:#999 !important;} #order .method > div .bank_name {display:none;} #order .method > div #cash_reg {padding:5px 0 !important;} #order .method > div #cash_reg span {color:#999 !important;} #order .method > div select {width:100%; margin-bottom:5px;} #order .order_cancel_msg {color:#666;} #order #order1 {margin-top:25px; padding-top:25px; border-top:1px solid #dfdfdf;} #order #order1 > label {display:block; position:relative; padding:15px 15px 15px 40px; background:#e7e7e7; cursor:pointer;} #order #order1 > label > input {position:absolute; left:15px; top:15px;} #order #order1 .box_btn {margin-top:10px;} #order #order2 {display:none; clear:both; margin-top:30px; padding:50px 0; border:1px solid #dedede; text-align:center;} #order #order2 .total_info {font-size:16px; font-weight:bold;} #order #order2 .total_info strong, #order #order2 .total_info strong * {font-size:inherit;} #order #order2 .msg {padding:23px 0; color:#888;} /* 주문 3.0 */ #order #order1 .box_btn {margin-top:10px;} #order #order1 .box_btn strong, #order #order1 .box_btn strong * {color:inherit; font-size:inherit;} #order #order2 {display:none; clear:both; margin-top:10px; padding:30px 10px; border:1px solid #dedede; text-align:center;} #order #order2 .paytype_gr1 {padding-bottom:23px; font-size:16px; font-weight:bold;} #order #order2 .paytype_gr1 strong, #order #order2 .paytype_gr1 strong * {font-size:inherit;} #order #order2 .msg {padding-bottom:23px; color:#888;} #order #order3 {clear:both; margin-top:10px; padding:30px 10px; border:1px solid #dedede; text-align:center;} #order #order3 .paytype_gr1 {padding-bottom:23px; font-size:16px; font-weight:bold;} #order #order3 .paytype_gr1 strong, #order #order3 .paytype_gr1 strong * {font-size:inherit;} #order #order3 .msg {padding-bottom:23px; color:#888;} /* 주문완료(/shop/order_finish.php) */ #orderfin {width:640px; margin:0 auto; text-align:center;} #orderfin h3 {padding:30px 0 20px; text-align:left;} #orderfin .box {margin-bottom:30px; padding:40px 80px; background:#f5f5f5;} #orderfin .info .bank {padding-bottom:20px; color:#888;} #orderfin .info .email {color:#888;} #orderfin .box_gift .box_btn {margin-top:20px;} #orderfin .btn {padding-top:20px; text-align:center;} /* 상품검색(/shop/search_result.php) */ #search_result .re_search {position:relative; height:60px; padding-right:60px; background:#fafafa;} #search_result .re_search:after {display:inline-block; position:absolute; right:60px; top:17px; width:1px; height:25px; background:#d5d5d5; content:'';} #search_result .re_search .form_input.search {height:60px; border-color:#fafafa; background:transparent; font-size:14px;} #search_result .re_search .btn {position:absolute; right:0; top:0; padding:17px;} #search_result .check {padding:10px 0;} #search_result .rank {position:relative; z-index:2; width:220px; padding:18px 0;} #search_result .rank ol {overflow:hidden; position:absolute; right:0; top:0; width:124px; height:45px; border:1px solid #fff; padding:10px 0; background:url('https://www.figurefarm.net/_skin/figure_250509/img/common/arrow_down.png') no-repeat 95% center #fff;} #search_result .rank ol li {overflow:hidden; padding:5px 8px; text-overflow:ellipsis; white-space:nowrap;} #search_result .rank ol li span {display:inline-block; width:18px; height:18px; margin-right:5px; border-radius:50%; background:#ebebeb; font-size:11px; font-weight:bold; text-align:center; line-height:18px;} #search_result .rank ol:hover {height:auto; border:1px solid #dcdcdc; background-image:none;} #search_result .category {border:1px solid #e0e0e0; background:#fff;} #search_result .result_cate {overflow:hidden; padding:0 25px; border-top:1px solid #e0e0e0;} #search_result .result_cate:first-child {border-top:0;} #search_result .result_cate:after {clear:both;} #search_result .result_cate .kind {float:left; line-height:38px;} #search_result .result_cate .list {width:85%; margin-left:15%; text-align:left;} #search_result .result_cate .list li {overflow:hidden; text-overflow:ellipsis; float:left; width:20%; height:40px; white-space:nowrap; line-height:38px;} #search_result .result_cate .list li a {color:#777; font-size:11px;} #search_result .result_cate .list li a.selected {font-weight:bold;} #search_result .result_cate .list li span {color:#aaa; font-size:11px;} /* 상품문의 & 상품후기 - 상품정보(/shop/product_review_list.php & /shop/product_qna_list.php) */ #qnarev_list_all .tbl_col.board {display:none;} #qnarev_list_all .photo_sort {position:relative; margin-bottom:20px;} #qnarev_list_all .photo_sort .check {display:none; position:absolute; top:0; left:0;} #qnarev_list_all .photo_sort .sort {display:none; text-align:right; font-size:0;} #qnarev_list_all .photo_sort .sort li {display:inline-block;} #qnarev_list_all .photo_sort .sort li:after {display:inline-block; width:1px; height:14px; margin:5px 10px 0 10px; background-color:#e5e5e5; vertical-align:top; content:'';} #qnarev_list_all .photo_sort .sort li:last-child:after {display:none;} #qnarev_list_all .photo_sort .sort li a {color:#666; font-size:14px;} #qnarev_list_all .photo_sort .sort li a.selected {padding-left:13px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/common/bullet_check.png') no-repeat left center; color:#333; font-weight:bold;} #qnarev_list_all > .btn {position:relative; bottom:-30px; height:0;} #qnarev_list_all > .btn .box_btn {position:absolute; right:0; top:0;} #qnarev_list_all .board_search {clear:both; text-align:center;} #qnarev_list_all .board_search form {display:inline-block; margin:30px auto 0; padding:5px; border:1px solid #dcdcdc; text-align:center;} #qnarev_list_all .board_search select {border:0;} #qnarev_list_all .board_search input.form_input.search {width:300px; border-width:0 1px;} #qnarev_list_all .board_search .btn_search {display:inline-block; width:34px; height:34px; border:0; background:url('https://www.figurefarm.net/_skin/figure_250509/img/button/search_s.png') no-repeat center; vertical-align:top; text-indent:-9999px; cursor:pointer;} #qnarev_list_all div.prdimg {overflow:hidden;} #qnarev_list_all div.prdimg.revyes {display:none;} #qnarev_list_all div.prdimg.prdno {display:none;} #qnarev_list_all div.prdimg.revno > a {pointer-events:none;} /* 상품문의 */ #qnarev_list_all.qna_list .tbl_col.board {display:table;} /* 상품문의 & 상품후기 & 마이페이지 상품문의 & 마이페이지 상품후기 - 상품정보(/shop/product_review.php & /shop/product_qna.php) */ .qnarev_list .prd {overflow:hidden; position:relative; min-height:150px; padding:40px 50px; margin-bottom:32px; background:#fafbfb; color:#474645;} .qnarev_list .prd .img {float:left; width:150px;} .qnarev_list .prd .img img {width:150px; height:auto;} .qnarev_list .prd .info {float:left; padding-left:40px; text-align:left;} .qnarev_list .prd .info .name {padding-bottom:20px; font-weight:bold;} .qnarev_list .prd .info .name img {padding-right:5px; vertical-align:middle;} .qnarev_list .prd .info ul li {padding:5px 0; color:#666;} .qnarev_list .prd .info ul li .nprice {text-decoration:line-through;} .qnarev_list .prd .btn_related {padding-top:20px;} .qnarev_list .btn {padding-top:20px; text-align:right;} .qnarev_list .qnarev_cnt {padding:0; border:0;} .qnarev_list .qnarev_cnt > div {display:none; padding:40px; border-bottom:1px solid #e0e0e0; text-align:left; word-break:break-all; word-wrap:break-word;} .qnarev_list .qnarev_cnt .question, .qnarev_list .qnarev_cnt .answer {position:relative; min-height:40px; padding-left:50px;} .qnarev_list .qnarev_cnt .question {padding:0 0 20px 50px; border-bottom:1px solid #e5e5e5;} .qnarev_list .qnarev_cnt .question img {max-width:100%; height:auto;} .qnarev_list .qnarev_cnt .answer {margin-top:20px;} .qnarev_list .qnarev_cnt .icon {display:inline-block; position:absolute; left:0; top:0; width:28px; height:28px; border-radius:50%; background:#777474; color:#fff; font-family:'arial'; text-align:center; line-height:28px;} .qnarev_list .qnarev_cnt .answer .icon {background:#ef6363;} .qnarev_list .qnarev_cnt .btn {text-align:left;} .qnarev_list .qnarev_cnt .comment {padding-top:20px;} /* 상품문의, 상품후기 - 비밀번호 확인 */ .pwbox_popup {position:fixed; left:50%; top:50%; z-index:100; margin:-131px 0 0 -570px; width:1140px; padding:0 60px;} #pwbox {padding:40px 0; border:1px solid #e0e0e0; background:#fafafa; text-align:center !important;} #pwbox h3 {padding-bottom:15px;} #pwbox p {margin-bottom:20px; color:#888;} #pwbox .form_input {width:330px; margin-bottom:20px;} /* 상품문의 & 상품후기 - 쓰기 */ .qnarev_write {width:100%; margin:20px 0; background:#f5f5f5; text-align:center;} .qnarev_write > div > form {display:inline-block; width:72%; margin:0 auto; padding:40px 0; text-align:left;} .qnarev_write fieldset > div {position:relative; margin-bottom:10px;} .qnarev_write fieldset > div:last-child {margin-bottom:0;} .qnarev_write fieldset > div > label {display:none;} .qnarev_write fieldset > div.name {min-height:34px; padding-right:100px; line-height:34px; font-weight:bold;} .qnarev_write fieldset > div.name .form_input {float:left; width:49%;} .qnarev_write fieldset > div.name .form_input.pw {float:right;} .qnarev_write fieldset > div.name .check {position:absolute; right:0; top:5px;} .qnarev_write fieldset > div.name.nopd {padding-right:0;} .qnarev_write fieldset > div.contents {background:#fff;} .qnarev_write fieldset > div.grade > label {display:inline-block; vertical-align:middle;} .qnarev_write fieldset select {width:100%;} .qnarev_write .btn {padding:20px 0; text-align:center !important;} /* 상품문의 & 상품후기 - 수정 */ #qnarevmod .modi_pwd, #qnarevmod .modi_cnt {display:none;} #qnarevmod .modi_cnt .qnarev_write > form {display:inline-block; width:72%; margin:0 auto; padding:40px 0; text-align:left;} /* 상품후기(포토) - 리스트 */ .total_review_list {display:block; margin-left:-30px; font-size:0;} .total_review_list > li {display:inline-block; width:25%; margin-bottom:30px; padding-left:30px; vertical-align:top;} .total_review_list .box {border:1px solid #dcdcdc;} .total_review_list .box .img_wrap {overflow:hidden; position:relative; height:252px; cursor:pointer;} .total_review_list .box .img_wrap img {position:absolute; top:50%; left:0; width:100%; height:auto; -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);} .total_review_list .box .info_wrap {padding:25px 20px 0;} .total_review_list .box .info_wrap .title {overflow:hidden; margin-bottom:7px; font-size:14px; font-weight:700; word-break:break-all; word-wrap:break-word; white-space:nowrap; text-overflow:ellipsis;} .total_review_list .box .info_wrap .title img {vertical-align:middle;} .total_review_list .box .info_wrap .content {overflow:hidden; height:42px; margin-bottom:20px; color:#666; font-size:13px; word-break:break-all; word-wrap:break-word;} .total_review_list .box .info_wrap .date {color:#888;} .total_review_list .box .info_wrap .prd_info {margin-top:20px; padding:20px 0; border-top:1px solid #eee; font-size:0;} .total_review_list .box .info_wrap .prd_info .img {display:inline-block; overflow:hidden; position:relative; width:50px; height:50px; vertical-align:middle;} .total_review_list .box .info_wrap .prd_info .img img {position:absolute; top:50%; left:0; width:100%; height:auto; -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);} .total_review_list .box .info_wrap .prd_info .name_star {display:inline-block; width:76%; padding-left:13px; vertical-align:middle;} .total_review_list .box .info_wrap .prd_info .name_star .name {overflow:hidden; margin-bottom:4px; word-break:break-all; word-wrap:break-word; white-space:nowrap; text-overflow:ellipsis;} .total_review_list .box .info_wrap .prd_info .name_star .name a {color:#666; font-size:13px;} .total_review_list .box .info_wrap .prd_info .name_star .star .grade {padding-left:7px; font-size:16px; font-weight:700;} /* 상품후기 - 열람 레이어 */ .layer_review_list {position:fixed; left:50%; top:50%; z-index:100; width:100%; max-width:1300px; height:95%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} .layer_review_list > .inner {position:relative; width:calc(100% - 110px); margin:0 auto; height:100%;} .layer_review_list > .inner:after {display:block; clear:both; content:'';} .layer_review_list.upfile_cnt0 > .inner > .img {display:none !important;} .layer_review_list.upfile_cnt0 > .inner > .info {width:100% !important;} .layer_review_list > .inner > .img {float:left; width:calc(100% - 400px); height:100%; background-color:#f1f2f3;} .layer_review_list > .inner > .img .box {display:flex; width:100%; height:100%; align-items:center; justify-content:center;} .layer_review_list > .inner > .img > .add_slide, .layer_review_list > .inner > .img > .add_slide .slick-list, .layer_review_list > .inner > .img > .add_slide .slick-track {height:100%;} .layer_review_list > .inner > .img > .add_slide img {max-width:100%; max-height:100%;} .layer_review_list > .inner > .img > .add_slide .slick-arrow {position:absolute; top:50%; z-index:10; width:40px; height:40px; margin:-20px 15px 0 15px; border-radius:50%;} .layer_review_list > .inner > .img > .add_slide .slick-arrow.slick-prev {left:0;} .layer_review_list > .inner > .img > .add_slide .slick-arrow.slick-prev:before {position:absolute; left:50%; top:50%; width:12px; height:2px; margin:-5px 0 0 -6px; background-color:#fff; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';} .layer_review_list > .inner > .img > .add_slide .slick-arrow.slick-prev:after {position:absolute; left:50%; top:50%; width:12px; height:2px; margin:3px 0 0 -6px; background-color:#fff; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:'';} .layer_review_list > .inner > .img > .add_slide .slick-arrow.slick-next {right:0;} .layer_review_list > .inner > .img > .add_slide .slick-arrow.slick-next:before {position:absolute; left:50%; top:50%; width:12px; height:2px; margin:-5px 0 0 -6px; background-color:#fff; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:'';} .layer_review_list > .inner > .img > .add_slide .slick-arrow.slick-next:after {position:absolute; left:50%; top:50%; width:12px; height:2px; margin:3px 0 0 -6px; background-color:#fff; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';} .layer_review_list > .inner > .img > .add_slide .slick-dots {position:absolute; left:0; bottom:20px; z-index:10;} .layer_review_list > .inner > .info {overflow:auto; float:left; width:400px; height:100%; padding:30px; background-color:#fff;} .layer_review_list > .inner > .info > .prd {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee;} .layer_review_list > .inner > .info > .prd:after {display:block; clear:both; content:'';} .layer_review_list > .inner > .info > .prd > h2 {float:right; width:calc(100% - 80px); padding-top:10px;} .layer_review_list > .inner > .info > .prd > .img {float:left; width:60px; margin-right:20px;} .layer_review_list > .inner > .info > .prd > .img img {width:60px; height:auto;} .layer_review_list > .inner > .info > .board {position:relative; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee;} .layer_review_list > .inner > .info > .board > .grade > .score {font-size:16px; font-weight:bold;} .layer_review_list > .inner > .info > .board > .name {margin-top:10px; color:#888;} .layer_review_list > .inner > .info > .board > .name img {width:auto; height:16px; margin-top:1px; vertical-align:top;} .layer_review_list > .inner > .info > .board > .subject {margin-top:20px; color:#333; font-size:14px; font-weight:bold;} .layer_review_list > .inner > .info > .board > .content {margin-top:10px; color:#666; line-height:1.6; word-break:break-all;} .layer_review_list > .inner > .info > .board > .recommend {margin-top:20px; color:#888; line-height:24px;} .layer_review_list > .inner > .info > .board > .recommend > span {float:right;} .layer_review_list > .inner > .info > .board > .recommend > span > a {display:inline-block; min-width:60px; min-height:24px; padding:0 10px 0 30px; border:1px solid #dcdcdc; border-radius:20px; background-repeat:no-repeat; background-position:7px center; background-color:#fff; color:#333; text-align:right; line-height:24px; cursor:pointer;} .layer_review_list > .inner > .info > .board > .recommend > span > a.yes {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/recommend_yes.png');} .layer_review_list > .inner > .info > .board > .recommend > span > a.no {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/shop/recommend_no.png');} .layer_review_list > .inner > .info > .board > .recommend > span > a:hover {background-color:#f1f2f3;} .layer_review_list > .inner > .info > .board > .btn {position:absolute; right:0; top:0; font-size:0;} .layer_review_list > .inner > .info > .board > .btn > a {display:inline-block; margin-left:-1px; padding:4px 8px; border:1px solid #dcdcdc; background-color:#fff; color:#888;} .layer_review_list > .inner > .info > .board > .btn > a:hover {background-color:#f1f2f3;} .layer_review_list > .inner > .info > .comment > .guest {padding:15px 20px; background-color:#fafafa; color:#666;} .layer_review_list > .inner > .info > .comment > .guest > a {float:right; color:#333; font-size:13px; font-weight:bold; text-decoration:underline;} .layer_review_list > .inner > .info > .comment > form .write {position:relative; padding-right:56px; border:1px solid #dcdcdc; background-color:#fff; text-align:left;} .layer_review_list > .inner > .info > .comment > form .write textarea.form_input {min-height:40px; border:0;} .layer_review_list > .inner > .info > .comment > form .write .btn_comment {display:inline-block; position:absolute; right:0; top:0; width:56px; height:100%; text-align:center; border:0; background-color:#fff; font-weight:bold; line-height:100%; cursor:pointer;} .layer_review_list > .inner > .info > .comment > form .write:after {display:inline-block; position:absolute; right:56px; top:50%; width:1px; height:20px; margin-top:-10px; background-color:#dcdcdc; content:'';} .layer_review_list > .inner > .info > .comment > .list {position:relative; margin-top:20px;} .layer_review_list > .inner > .info > .comment > .list:before {position:absolute; left:20px; top:-6px; width:10px; height:10px; border:1px solid #dcdcdc; border-width:1px 1px 0 0; background-color:#fff; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';} .layer_review_list > .inner > .info > .comment > .list > li {margin-top:-1px; padding:10px 15px; border:1px solid #dcdcdc;} .layer_review_list > .inner > .info > .comment > .list > li > .date {display:block; position:relative; height:0; top:-16px; color:#888; text-align:right;} .layer_review_list > .inner > .info > .comment > .list > li > .date img {vertical-align:middle;} .layer_review_list > .inner > .info > .comment > .list > li > .content {padding-top:5px; color:#666; line-height:1.6; word-break:break-all;} .layer_review_list > .inner > .move {position:absolute; top:50%; width:34px; height:34px; margin:-17px 12px 0 12px; text-indent:-9999px; cursor:pointer;} .layer_review_list > .inner > .move.prev {left:-60px;} .layer_review_list > .inner > .move.prev:before {position:absolute; left:50%; top:50%; width:25px; height:4px; margin:-9px 0 0 -13px; background-color:#fff; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';} .layer_review_list > .inner > .move.prev:after {position:absolute; left:50%; top:50%; width:25px; height:4px; margin:7px 0 0 -13px; background-color:#fff; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:'';} .layer_review_list > .inner > .move.next {right:-60px;} .layer_review_list > .inner > .move.next:before {position:absolute; left:50%; top:50%; width:25px; height:4px; margin:-9px 0 0 -13px; background-color:#fff; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:'';} .layer_review_list > .inner > .move.next:after {position:absolute; left:50%; top:50%; width:25px; height:4px; margin:7px 0 0 -13px; background-color:#fff; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';} .layer_review_list > .inner > .move.end:before, .layer_review_list > .inner > .move.end:after {background-color:#818181;} .layer_review_list > .inner > .close {position:absolute; top:0; right:-44px; width:32px; height:32px; text-indent:-9999px; cursor:pointer;} .layer_review_list > .inner > .close:before {position:absolute; left:0; top:16px; width:32px; height:3px; background-color:#b7b7b7; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';} .layer_review_list > .inner > .close:after {position:absolute; left:0; top:16px; width:32px; height:3px; background-color:#b7b7b7; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:'';} /* 설문조사(/shop/poll_list.php) */ #poll .subject {padding:15px 30px; border:1px solid #e0e0e0; border-width:1px 0; text-align:left;} #poll .subject strong {padding-left:40px;} #poll .box {padding:30px; border-bottom:1px solid #e0e0e0; background:#fbfbfb;} #poll .box .vote {margin-top:30px; padding:30px; border:1px solid #e0e0e0; background:#fff;} #poll .box .vote table {width:100%; margin:0 auto; table-layout:fixed;} #poll .box .vote table > thead {display:none;} #poll .box .vote table > tbody > tr > td {padding:2px 0;} #poll .box .vote table > tbody > tr > td .graph {height:5px; background:#b1b1b1;} #poll .btn {margin:10px 0 40px 0; text-align:right;} #poll .commentdel {padding:20px 0; border:1px solid #e0e0e0; border-bottom:0; background:#fff; text-align:center;} #poll .commentdel .msg {padding-top:5px;} /* 퀵카트 */ .quickcart {position:relative;} .quickcart > a {display:inline-block; padding:0 10px; color:#666; font-size:11px; line-height:30px;} .quickcart > a:hover {color:#d53838;} .quickcart .list {position:absolute; right:0; z-index:20; width:300px; padding:10px; border:1px solid #e0e0e0; background:#fff;} .quickcart .list .frame {overflow:auto; max-height:300px;} .quickcart .list .frame table {table-layout:fixed; clear:both; width:100%; border-collapse:collapse;} .quickcart .list .frame table caption {padding:10px 0; color:#181818; font-weight:bold; text-align:left;} .quickcart .list .frame table thead {display:none;} .quickcart .list .frame table td {position:relative; padding:10px 0; border-top:1px solid #e0e0e0; text-align:center; vertical-align:middle;} .quickcart .list .frame table td.info {padding:0 10px; text-align:left;} .quickcart .list .frame table td.info .mall {font-size:11px;} .quickcart .list .frame table td .del {position:absolute; right:0; top:10px;} .quickcart .list .box_price {padding:10px; border:1px solid #e0e0e0; border-width:1px 0; background:#f8f8f8;} .quickcart .list .btn > span {margin-top:10px;} /* 개별상품쿠폰 레이어 */ #prdCouponArea {margin-left:-325px !important;} #pop_coupon2 {position:relative; width:568px; padding:40px; border:1px solid #d9d9d9; background:#fff;} #pop_coupon2 h2 {padding-bottom:10px; border-bottom:1px solid #dbdbdb; color:#000; font-size:22px;} #pop_coupon2 .box {overflow:auto; max-height:400px; margin:-1px 0;} #pop_coupon2 .box .tbl_col .img img {width:60px; height:auto;} #pop_coupon2 .box .usable_cpn {padding:8px 0; text-align:left;} #pop_coupon2 .box .usable_cpn > li {position:relative; padding:2px 60px 2px 0;} #pop_coupon2 .box .usable_cpn > li > label {display:inline-block; cursor:pointer;} #pop_coupon2 .box .usable_cpn > li > label > span {color:#df7e7e;} #pop_coupon2 .box .usable_cpn > li > .expiry {position:absolute; right:0; top:2px; color:#888;} #pop_coupon2 .btn {padding-top:30px; border-top:1px solid #dbdbdb; text-align:center;} #pop_coupon2 .close {display:inline-block; position:absolute; right:20px; top:20px; width:21px; height:21px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/button/hd_close.png') no-repeat center; text-indent:-9999px; cursor:pointer;} /*-----------------------------------------------------------------*/ /* 4-3. 회원 /*-----------------------------------------------------------------*/ /* 회원가입 약관동의 & 로그인 */ .simple {font-size:0; text-align:center;} .simple a {display:inline-block; *display:inline; *zoom:1; position:relative; width:160px; height:50px; margin-left:10px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; background-repeat:no-repeat; background-position:left center; color:#fff; font-size:14px; line-height:50px; vertical-align:middle;} .simple a:first-child {margin-left:0;} .simple a.naver {padding-left:27px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/member/icon_naver.png'); background-position:left 29px center; background-color:#32b44a;} .simple a.kakao {padding-left:31px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/member/icon_kakao.png'); background-position:left 18px center; background-color:#fae100; color:#333;} .simple a.facebook {padding-left:21px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/member/icon_facebook.png'); background-position:left 23px center; background-color:#465e9a;} .simple a.payco {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/member/icon_payco.png');} .simple a.apple {padding-left:27px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/member/icon_apple.png'); background-position:left 10px center; background-color:#000;} /* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 */ .box_member {border:2px solid #f2f2f2;} .box_member:after {display:block; clear:both; content:'';} .box_member .left_area {float:left;} .box_member .right_area {float:right;} .box_member fieldset {position:relative;} .box_member fieldset legend {padding:52px 0 28px; font-size:20px; text-align:center;} .box_member fieldset .fld {margin-bottom:15px; font-size:0;} .box_member fieldset .fld label {display:none;} .box_member fieldset .wrap_save {margin:20px 0 50px;} .box_member fieldset .wrap_save:after {display:block; clear:both; content:'';} .box_member fieldset .savessl {float:left;} .box_member fieldset .savessl label {color:#666; font-size:13px;} .box_member fieldset .savessl label.ssl {color:#999;} .box_member fieldset .select {float:right;} .box_member fieldset .select label {color:#666; font-size:13px;} .box_member fieldset .find {float:right; font-size:0;} .box_member fieldset .find li {display:inline-block; *display:inline; *zoom:1; position:relative; padding:0 9px 0 11px;} .box_member fieldset .find li:after {display:block; position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#e6e6e6; content:'';} .box_member fieldset .find li:first-child:after {display:none;} .box_member fieldset .find li a {color:#666; font-size:13px;} .box_member fieldset .btn .box_btn {margin-bottom:10px;} /* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 - 인풋 기본 스타일 */ .box_member .form_input.member {height:45px; padding:0 10px; border:0; border-bottom:1px solid #666; background:transparent; font-size:15px; line-height:45px;} .box_member .form_input.member:-ms-input-placeholder {color:#ccc;} .box_member .form_input.member::-webkit-input-placeholder {color:#ccc;} .box_member .form_input.member::-moz-placeholder {color:#ccc;} .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 .left_area {width:796px;} #login .form_box {width:500px; margin:0 auto;} #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 {width:500px; margin:30px auto 0;} #login .simple:after {display:block; clear:both; content:'';} #login .simple dt {float:left; height:28px; font-family:'NanumBarunGothic'; font-size:15px; font-weight:700; line-height:28px;} #login .simple dd {float:right; font-size:0;} /* 아이디,비밀번호 찾기 (/member/find_step1.php) */ #find {padding-bottom:84px;} #find .left_area {position:relative; width:50%;} #find .left_area:after {display:block; position:absolute; right:0; top:98px; width:1px; height:300px; background:#e5e5e5; content:'';} #find .right_area {width:50%;} #find .form_box {width:400px; margin:0 auto;} /* 비밀번호 변경 */ #modify_pwd .modify_id {padding-bottom:20px; font-size:14px; font-weight:bold;} /* 회원가입 약관동의(/member/join_step1.php) */ #join_agree {width:640px; margin:0 auto; text-align:center;} #join_agree .check {padding-bottom:17px; text-align:left;} #join_agree .check label {font-weight:bold; cursor:pointer;} #join_agree iframe {width:100%; height:222px; margin-bottom:40px; border:1px solid #d9d9d9; background:#fff;} #join_agree .member_type {padding:20px 0 30px;} #join_agree .member_type label {margin:0 10px;} #join_agree .btn {text-align:center;} #join_agree .simple {padding:30px 0; text-align:center;} /* 회원가입 정보입력(/member/join_frm.php) */ #join_input {width:640px; margin:0 auto;} #join_input fieldset {margin-bottom:30px;} #join_input fieldset legend {margin-bottom:20px; font-size:12px; font-weight:bold;} #join_input fieldset .box {padding:50px 46px; background:#fafafa;} #join_input fieldset .box > div {position:relative; margin-bottom:10px;} #join_input fieldset .box > div:last-child {margin-bottom:0;} #join_input fieldset .box > div > label {display:none;} #join_input fieldset .box .warning {display:none; position:relative; padding:5px; border-radius:5px; background:#fae4e8; color:#d53838;} #join_input fieldset .box .warning:after {position:absolute; left:15px; top:-6px; width:0; height:0; margin-left:-8px; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #fae4e8; content:'';} #join_input fieldset .box input:focus+.warning {display:block;} #join_input fieldset .box .msg, #join_input fieldset .box .msg * {color:#999; font-size:11px;} #join_input fieldset .box .addbtn .check {display:inline-block; position:absolute; right:0; top:0; height:34px; padding:0 13px; font-weight:bold; line-height:35px;} #join_input fieldset .box .addbtn .check:hover {color:#d53838;} #join_input fieldset .box .addbtn .check:after {position:absolute; left:0; top:6px; width:1px; height:22px; background:#e5e5e5; content:'';} #join_input fieldset .box .addbtn .middle_address {margin:2px 0;} #join_input fieldset .box .email .form_input.first {width:35%;} #join_input fieldset .box .email .form_input.second {width:35%;} #join_input fieldset .box .email span {margin:0 3px; line-height:35px;} #join_input fieldset .box .email select {position:absolute; right:0; top:0; width:25%;} #join_input fieldset .box .birth {position:relative; margin-bottom:10px;} #join_input fieldset .box .birth > label {display:none;} #join_input fieldset .box .birth select {width:20%;} #join_input fieldset .box .birth .sl {position:absolute; right:0; top:5px;} #join_input fieldset .box .type2 {position:relative; margin-bottom:10px;} #join_input fieldset .box .type2 > label {display:block; padding-bottom:5px; font-weight:bold;} #join_input fieldset .box .type2 .select {position:absolute; right:0; top:0;} #join_input fieldset .box .type2 .select label {margin-left:10px;} #join_input fieldset .box .line {margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #dcdcdc;} /* 회원가입 정보입력 - 기업회원추가입력 */ #join_input fieldset.biz .licensee_num .form_input {width:32%;} #join_input fieldset.biz .licensee_num .form_input.second {margin:0 2%;} /* 회원가입 정보입력 - 추가필드리스트 */ #join_input fieldset.addfd .box > div {margin-bottom:20px;} #join_input fieldset.addfd .box > div > label {display:block; font-weight:bold;} /* 회원가입 정보입력 - 버튼 */ #join_input .btn {margin-top:30px; text-align:center;} /* 회원가입 정보입력 - sns회원가입 */ #join_input.join_simple fieldset .box .name {position:relative; margin-bottom:10px;} #join_input.join_simple fieldset .box .name label {display:none;} #join_input.join_simple fieldset .box .type2.line {margin-bottom:0; padding-bottom:0; border-bottom:0;} /* 회원가입완료(/member/join_step3.php) */ #join_finish {width:640px; margin:0 auto;} #join_finish h3 {margin-bottom:20px; font-size:13px;} #join_finish .box {padding:80px 0; border:1px solid #dedede; color:#888; text-align:center; line-height:3;} #join_finish .box strong {font-size:14px;} #join_finish .btn {margin-top:30px; text-align:center;} /* 정보수정(/member/edit_step1.php), 정보수정완료(/member/edit_step3.php) */ .edit_info .box {padding:60px 0; background:#f5f5f5; text-align:center;} .edit_info .msg {color:#666;} .edit_info .form_input {width:50%; margin-top:15px;} .edit_info .btn {padding-top:30px; text-align:center;} /* 우편번호 찾기(/common/zip_search.php) */ .zipcode {width:420px; padding:20px; text-align:center;} .zipcode h1 {padding-bottom:20px; font-size:20px; font-weight:bold;} .zipcode .tab {height:32px; text-align:center;} .zipcode .tab li {float:left; width:50%; vertical-align:bottom;} .zipcode .tab a {display:block; height:34px; margin:10px 0 0 -1px; border:1px solid #dcdcdc; background:#f8f8f8; color:#181818; line-height:34px;} .zipcode .tab a.selected {height:44px; margin-top:0; border-bottom:0; background:#fff; font-weight:bold; line-height:49px;} .zipcode .ex {clear:both; padding:20px 0; color:#666; text-align:left;} .zipcode .ex span {display:block; color:#888;} .zipcode .search {position:relative; padding-right:60px;} .zipcode .search .box_btn {position:absolute; right:0; top:0;} .zipcode table {table-layout:fixed; width:100%; margin-top:20px; border-top:1px solid #e0e0e0;} .zipcode table th {font-size:0;} .zipcode table td {padding:10px 0; border-bottom:1px solid #d7d7d7; color:#888; text-align:center; vertical-align:middle;} .zipcode table td.addr {text-align:left;} .zipcode table td font {color:#d53838;} /*-----------------------------------------------------------------*/ /* 4-4. 마이페이지 /*-----------------------------------------------------------------*/ /* 마이페이지 탭 & 회원정보 */ .my_menu {position:absolute; top:0; width:260px; margin-left:-320px;} .my_menu .memberinfo {padding:10px; background:#333;} .my_menu .memberinfo .inner {padding:0 18px 48px; border:1px solid #5c5c5c;} .my_menu .memberinfo .grade {padding:45px 0 6px; font-size:15px;} .my_menu .memberinfo .username, .my_menu .memberinfo .username * {color:#fff; line-height:1;} .my_menu .memberinfo .username {padding-bottom:46px; font-size:15px;} .my_menu .memberinfo .username strong { font-size:34px; font-weight:500;} .my_menu .memberinfo .edit a {display:inline-block; *display:inline; *zoom:1; padding-left:18px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/mypage/icon_edit.png') no-repeat left center; color:#999; font-size:13px;} .my_menu dl:first-of-type dt {padding-top:34px;} .my_menu dl dt {padding:15px 0 2px; font-size:15px; font-weight:700;} .my_menu dl dd, .my_menu dl dd * {color:#666; font-family:'NanumBarunGothic'; font-size:15px;} .my_menu dl dd {padding:3px 0;} .my_menu dl dd .count {color:#999; font-size:13px;} .my_shopping {margin-bottom:53px; border-top:1px solid #e6e6e6; border-bottom:1px solid #333;} .my_shopping ul {font-size:0;} .my_shopping ul li {display:inline-block; *display:inline; *zoom:1; position:relative; width:33.33%; padding:0 40px; background-repeat:no-repeat; text-align:right;} .my_shopping ul li.milage {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/mypage/icon_milage.png'); background-position:left 46px top 55px;} .my_shopping ul li.cpn {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/mypage/icon_coupon.png'); background-position:left 40px top 62px;} .my_shopping ul li.wish {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/mypage/icon_wish.png'); background-position:left 44px top 61px;} .my_shopping ul li:after {display:block; position:absolute; left:0; top:50%; width:1px; height:140px; margin-top:-70px; background:#e6e6e6; content:'';} .my_shopping ul li:first-child:after {display:none;} .my_shopping ul li dl dt {padding:128px 0 8px; color:#999; font-size:13px;} .my_shopping ul li dl dd {padding-bottom:47px; font-size:20px; font-weight:700;} /* 마이페이지 공통 박스 */ .box_mp {margin-bottom:30px; padding:30px; background:#f8f8f8; text-align:center; line-height:35px;} .box_mp:after {display:block; clear:both; content:'';} .box_mp .have {color:#666;} .box_mp .have span {display:block; padding-top:5px; color:#333; font-family:'arial'; font-size:24px; font-weight:bold;} /* 마이페이지 메인(/mypage/mypage.php) */ #mypage .title {position:relative;} #mypage .title .more {position:absolute; right:0; top:84px; padding-left:21px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/main/icon_more.png') no-repeat left center; color:#999; font-size:13px;} #mypage .prd_basic .box {width:168px;} #mypage .prd_basic .box .info {padding-top:8px;} /* 주문상세조회(/mypage/order_detail.php) */ #order_detail .stat {padding-bottom:20px; font-size:0; text-align:center;} #order_detail .stat li {display:inline; padding:0 5px;} #order_detail .trace {padding-top:20px;} #order_detail .trace .number {padding-left:10px; line-height:35px;} #order_detail .area_left {float:left; width:63%;} #order_detail .area_right {float:right; width:36%; margin-top:30px;} #order_detail .area_right .box {width:100%; padding:40px; background:#f8f8f8;} #order_detail .area_right .box .line {margin-top:25px; border-top:1px solid #dfdfdf;} #order_detail .total_price {font-size:14px;} #order_detail .backtolist {padding:30px 0; text-align:center;} /* 소셜쿠폰(/mypage/sccoupon.php) */ #sccoupon .box_mp .form_input {width:270px; margin-top:20px;} #sccoupon .btn {text-align:center;} /* 관심상품(/mypage/wish_list.php) */ #wish_list .btn {padding-top:30px; font-size:0; text-align:left;} #wish_list .btn .box_btn {margin-right:5px;} #wish_list .btn .box_btn.fr {margin-right:0;} /* 1:1문의 내역(/mypage/counsel_list.php & /mypage/order_detail.php) */ #counsel {clear:both;} #counsel .content {padding:30px; border-bottom:1px solid #aeaeae; text-align:left; word-break:break-all; word-wrap:break-word;} #counsel .content .question {padding-bottom:25px;} #counsel .none_style {margin:0 !important; padding:0 !important; border:0 !important;} #counsel .cnt_hidden {display:none; overflow:hidden; padding:20px; border-bottom:1px solid #d7d7d7;} #counsel .cnt_hidden .qna_subject {clear:both; float:left; width:10%; padding:10px 0; color:#181818; font-weight:bold; text-align:left; vertical-align:top;} #counsel .cnt_hidden .qna_cnt {float:left; width:90%; padding:10px 0; text-align:left; vertical-align:top;} #counsel .btn {padding-top:30px; font-size:0; text-align:left;} #counsel .btn .box_btn {margin-right:5px;} #counsel .btn .box_btn.fr {margin-right:0;} /* 1:1문의 글쓰기(/mypage/counsel_step1.php) */ #counsel_write {width:100%; margin:20px 0; background:#f5f5f5; text-align:center;} #counsel_write > form {display:inline-block; width:72%; margin:0 auto; padding:40px 0; text-align:left;} #counsel_write fieldset > table {margin-bottom:-1px;} #counsel_write fieldset > div {position:relative; margin-bottom:10px; text-align:left;} #counsel_write fieldset > div:last-child {margin-bottom:0;} #counsel_write fieldset > div > label {display:none;} #counsel_write fieldset textarea {height:250px;} #counsel_write .btn {padding:20px 0; text-align:center !important;} /* 1:1문의 완료(/mypage/counsel_step2.php) */ #counsel_fin {width:640px; margin:0 auto;} #counsel_fin h3 {margin-bottom:20px; font-size:13px;} #counsel_fin .box {padding:80px 0; border:1px solid #dedede; color:#888; font-size:14px; text-align:center; line-height:3;} #counsel_fin .box strong {font-size:inherit;} #counsel_fin .btn {margin-top:30px; text-align:center;} /* 출석체크(/mypage/attend_list.php) */ #attend .date {padding:25px 0; border:1px solid #dbdbdb; border-bottom:0; text-align:center; vertical-align:top;} #attend .date a {display:inline-block; width:18px; height:18px; border:1px solid #dbdbdb; background-repeat:no-repeat; background-position:center;} #attend .date a.prev {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/common/bullet_arrow_prev.png');} #attend .date a.next {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/common/bullet_arrow_next.png');} #attend .date strong {padding:0 5px; color:#040404; font-family:'arial'; font-size:20px; line-height:20px; text-align:center; vertical-align:top;} #attend #calendar table {width:100%;} #attend #calendar table thead th {padding:10px 0; border:1px solid #dbdbdb; background:#fbfbfb; color:#666; font-family:'arial'; font-weight:normal; text-align:center;} #attend #calendar table thead th.sun {color:#d53838;} #attend #calendar table thead th.sat {color:#7cb4d1;} #attend #calendar table tbody td {height:100px; padding:10px; border:1px solid #dbdbdb; color:#040404; text-align:left; vertical-align:top;} #attend #calendar .attenY {background:url('https://www.figurefarm.net/_skin/figure_250509/img/mypage/attend_ok.png') no-repeat center;} #attend #calendar .attenR {background:url('https://www.figurefarm.net/_skin/figure_250509/img/mypage/attend_today.png') no-repeat center #fbf9ed; font-weight:bold; text-decoration:underline;} #attend .info {overflow:hidden; padding:30px 50px; border:1px solid #dbdbdb; border-top:0; background:#fbfbfb; text-align:left;} #attend .info .explain {float:left; text-align:left;} #attend .info .sum {float:right;} /* 회원탈퇴(/mypage/withdraw_step1.php), 회원탈퇴완료(/mypage/withdraw_step2.php) */ .withdraw .box {padding:60px 0; background:#f5f5f5; text-align:center;} .withdraw .msg {margin-bottom:10px; color:#666;} .withdraw .frame {width:50%; margin:0 auto;} .withdraw .frame textarea {height:250px; margin-top:10px;} .withdraw .btn {padding-top:30px; text-align:center;} /*-----------------------------------------------------------------*/ /* 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=location) & 회사소개 (/content/content.php?cont=company) 상단타이틀 공통 스타일 */ .subcont .title_area {position:relative; height:800px; background-repeat:no-repeat; background-position:left top; background-size:cover;} .subcont .title_area .txt {position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); text-align:center;} .subcont .title_area h3 {padding-bottom:39px; color:#fff; font-weight:400;} .subcont .title_area h3 p {font-size:35px;} .subcont .title_area .txt > p {position:relative; color:#fff;} .subcont .title_area .txt > p:after {display:block; position:absolute; left:50%; top:0; width:1px; margin-left:-0.5px; background-color:rgba(255,255,255,0.2); content:'';} /* 매장안내 (/content/content.php?cont=location) */ #location .title_area {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/etc/location_title.jpg');} #location .title_area h3 {font-size:22px;} #location .title_area .txt > p {padding:109px 0 44px; font-size:18px; line-height:28px;} #location .title_area .txt > p:after {height:64px;} #location .bnr {position:relative; margin-top:-219px; text-align:center;} #location .bnr_slide {width:1000px; margin:0 auto; box-shadow:0 0 29px 0 rgba(0,0,0,0.2);} #location .slick-dots {position:absolute; left:0; bottom:30px; width:100%; text-align:center;} #location .slick-dots li button {width:8px; height:8px; border:0; background:#f5f5f5; opacity:.5;} #location .slick-dots li.slick-active button {opacity:1;} #location .slick-arrow {position:absolute; top:50%; width:44px; height:44px; margin-top:-22px; border:0; background-color:transparent;} #location .slick-prev {left:16px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/slide_prev.png');} #location .slick-next {right:16px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/button/slide_next.png');} #location > h3 {padding:138px 0 43px; font-size:35px; font-weight:400; text-align:center;} #location > h3 p {padding-top:24px; color:#666; font-family:'NanumBarunGothic'; font-size:18px;} #location .map dl, #location .map dl * {font-size:18px;} #location .map dl {padding:36px 0; border-bottom:1px solid #e6e6e6; font-size:0; text-align:center;} #location .map dl > * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;} #location .map dl dt {margin-right:70px; padding-left:29px; background:url('https://www.figurefarm.net/_skin/figure_250509/img/etc/location_time.png') no-repeat left center;} #location .map dl dd {position:relative; padding:0 31px;} #location .map dl dd:after {display:block; position:absolute; left:0; top:50%; width:1px; height:18px; margin-top:-9px; background:#e1e1e1; content:'';} #location .map dl dd:first-of-type:after {display:none;} /* 회사소개(/content/content.php?cont=company) */ /*-----------------------------------------------------------------*/ /* 5. ETC /*-----------------------------------------------------------------*/ /* 댓글 - 리스트(게시판, 상품리뷰) */ .list_comment {position:relative; text-align:left;} .list_comment > ul {border:1px solid #e5e5e5; border-top:0;} .list_comment > ul > li {clear:both; overflow:hidden; padding:15px 30px; border-top:1px solid #e5e5e5; color:#474645; word-break:break-all; word-wrap:break-word;} .list_comment > ul > li .name {float:left; width:12%;} .list_comment > ul > li .name a {color:inherit; font-size:inherit;} .list_comment > ul > li .content {float:left; width:73%;} .list_comment > ul > li .date {float:right; width:15%; text-align:right;} .list_comment > ul > li .date span {padding-right:5px; color:#888;} .list_comment > ul > li .date img {margin-top:3px;} /* 댓글 - 쓰기(게시판, 상품리뷰) */ .write_comment {overflow:hidden; margin-top:-1px; padding:20px; border:1px solid #e5e5e5; background:#fff;} .write_comment .user {overflow:auto; padding-bottom:10px; text-align:left;} .write_comment .user span {float:left; width:50%;} .write_comment .user span.name {padding-right:5px;} .write_comment .user span.pw {padding-left:5px;} .write_comment .inputbox {position:relative; padding-right:70px; border:1px solid #e2e2e2; background:#fafafa; text-align:left;} .write_comment .inputbox textarea.form_input {height:60px; border:0; border-right:1px solid #e2e2e2;} .write_comment .inputbox .btn_comment {display:inline-block; position:absolute; right:0; top:0; width:70px; height:100%; text-align:center; border:0; background:#fafafa; font-weight:bold; line-height:100%; cursor:pointer;} /* 게시판 - 상품연동 - 검색 */ #product_search_frm {background:#fff;} #product_search_frm .frame {min-height:600px; margin:10px;} #product_search_frm .frame .search {padding-bottom:10px;} #product_search_frm .frame .btn {padding:15px 0 10px 0; text-align:center;} /* 게시판 - 상품연동 - 쓰기 */ .related_prd_write {padding:20px 0;} .related_prd_write > ul {margin:20px 0;} /* 게시판 - 상품연동 - 열람 */ .related_prd_view {border-bottom:1px solid #e0e0e0;} .related_prd_view .title {padding:60px 0 30px; font-size:22px; font-weight:500; text-align:center;} /* 고객센터 상단 메뉴 */ .cs_top ul:after {display:block; clear:both; content:'';} .cs_top .cs_info {background:#333;} .cs_top .cs_info li {position:relative; float:left; width:50%;} .cs_top .cs_info li:after {display:block; position:absolute; left:0; top:50%; width:1px; height:100px; margin-top:-50px; background:#484848; content:'';} .cs_top .cs_info li:first-child:after {display:none;} .cs_top .cs_info li dl {padding:50px 0; font-size:0;} .cs_top .cs_info li dl > * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;} .cs_top .cs_info li dl dt {margin:0 60px 0 90px; background-repeat:no-repeat; background-position:center top; color:#808080; font-size:15px;} .cs_top .cs_info li.cscenter dl dt {padding-top:59px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/etc/icon_cs.png');} .cs_top .cs_info li.cscenter dl dd p {color:#fff; font-size:23px; line-height:1;} .cs_top .cs_info li.cscenter dl dd p span {color:#fff; font-size:23px; letter-spacing:1.5px;} .cs_top .cs_info li.cscenter dl dd p.time {padding-top:13px; color:#ccc; font-size:13px;} .cs_top .cs_info li.account dl dt {padding-top:56px; background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/etc/icon_account.png');} .cs_top .cs_info li.account dl dd p {color:#ccc; font-size:13px; line-height:20px;} .cs_top .cs_info li.account dl dd p.number {padding-bottom:22px; color:#fff; font-size:25px;} .cs_top .cs_menu li {float:left; width:236px; margin-left:5px; background:#fff; text-align:center;} .cs_top .cs_menu li:first-child {margin-left:0;} .cs_top .cs_menu li dl dt {padding:112px 0 10px; background-repeat:no-repeat; font-size:20px;} .cs_top .cs_menu li.notice dl dt {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/etc/icon_notice.png'); background-position:center top 40px;} .cs_top .cs_menu li.qna dl dt {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/etc/icon_qna.png'); background-position:center top 46px;} .cs_top .cs_menu li.review dl dt {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/etc/icon_review.png'); background-position:center top 46px;} .cs_top .cs_menu li.event dl dt {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/etc/icon_event.png'); background-position:center top 43px;} .cs_top .cs_menu li.private dl dt {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/etc/icon_private.png'); background-position:center top 42px;} .cs_top .cs_menu li dl dd {padding-bottom:41px; color:#999; font-size:13px; line-height:20px;} .cs_top .cs_menu li.active {position:relative;} .cs_top .cs_menu li.active:after {display:block; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#ff6623; content:'';} .cs_top .cs_menu li.active dl dt {color:#ff6623; font-weight:700;} .cs_top .cs_menu li.notice.active dl dt {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/etc/icon_notice_active.png');} .cs_top .cs_menu li.qna.active dl dt {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/etc/icon_qna_active.png');} .cs_top .cs_menu li.review.active dl dt {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/etc/icon_review_active.png');} .cs_top .cs_menu li.event.active dl dt {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/etc/icon_event_active.png');} .cs_top .cs_menu li.private.active dl dt {background-image:url('https://www.figurefarm.net/_skin/figure_250509/img/etc/icon_private_active.png');} .cs_top0 {position:relative; margin-bottom:-100px;} .cs_top1 {padding-bottom:70px; background:#f5f5f5;} .cs_top1 h3 {padding:161px 0 40px; font-size:20px; font-weight:400; text-align:center;} .cs_top2 {padding:52px 0 14px; font-size:20px;} /* 기존 이벤트 배너 완벽 숨김 처리 (파일명 및 고유 클래스 모두 적용) */ img[src*="7bb5ebb7911bda203d12fb9c34a16f08.jpg"], .img_obj_77232 { display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; }