/* 영카트 CSS 채용 { */ /* 상단 레이아웃 */ #tabs_con {height:100%;text-align:left} /* 쇼핑몰 회원가입 */ #container .register{margin-bottom:30px} #register_form .register_form_inner{background:#fff} .register #register_form{background-color:initial} /* 쇼핑몰 비회원 주문조회 */ #mb_login_od_wr {margin:20px auto 0;border:1px solid #dde7e9;width:360px;background:#fff;text-align:center} #mb_login_od_wr h2 {font-size:1.25em;margin:20px 0 10px} /*#mb_login_od_wr #mb_login_od {padding:0 35px}*/ #mb_login_od_wr .frm_input {width:100%;margin:10px 0 0} #mb_login_od_wr .btn_submit {width:100%;margin:10px 0 0;height:45px;font-weight:bold;font-size:1.25em} #mb_login_od_wr p {background:#f3f3f3;margin:20px 0 0;padding:15px 20px;line-height:1.5em} #mb_login #sns_login {margin-top:0;border-color:#edeaea;padding:25px} #mb_login #sns_login:after {display:block;visibility:hidden;clear:both;content:""} #mb_login #sns_login h3 {position:absolute;font-size:0;line-height:0;overflow:hidden} #mb_login #sns_login .sns-wrap {margin:0 !important} #mb_login #sns_login .sns-icon {width:49% !important;float:left !important} #mb_login #sns_login .sns-icon:nth-child(odd) {margin-right:2%} #mb_login #sns_login .txt {font-size:0.95em;padding-left:5px !important;border-left:0 !important} /*쇼핑몰 비회원 구매*/ #mb_login_notmb {width:360px;margin:30px auto;padding:20px 30px;background:#fff;border:1px solid #dde7e9} #mb_login_notmb h2 {font-size:1.25em;margin:10px 0;text-align:center} #mb_login_notmb p {text-align:left} #mb_login_notmb label {text-align:left} #guest_privacy {border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto} #mb_login_notmb .btn_submit {display:block;text-align:center;margin-top:10px;line-height:45px} /* 쇼핑몰 로그인 */ .mb_log_cate h2 {width:50%;float:left;padding:20px 0;text-align:center} .mb_log_cate .join {width:50%;float:left;padding:20px 0;text-align:center;background:#f7f7f7;color:#6e6e6e} .mb_log_cate:after {display:block;visibility:hidden;clear:both;content:""} .mbskin .chk_box input[type="checkbox"] + label span{position:relative} /* 새글 */ .is_community .tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;border-left:0 none;line-height:1.4em;height:60px;word-break:break-all} /* 글쓰기 및 글보기 */ .is_community .chk_box input[type="checkbox"] + label span{top:2px;left:0} .is_community .bo_fx{margin-bottom:20px} /* 이미지 등비율 리사이징 */ .img_fix {width:100%;height:auto} /* 캡챠 자동등록(입력)방지 기본 -pc */ #captcha {display:inline-block;position:relative} #captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0} #captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px} #captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px} #captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top} #captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} /* ckeditor 단축키 */ .cke_sc {margin:0 0 5px;text-align:right} .btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle} .cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center} .cke_sc_def dl {margin:0 0 5px;text-align:left} .cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""} .cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9} .cke_sc_def dt {width:20%;font-weight:bold} .cke_sc_def dd {width:30%} /* ckeditor 태그 기본값 */ #bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} #bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} #bo_v_con li {display:list-item} /* 콘텐츠별 스타일 */ .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold} /* 버튼 */ a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em; -webkit-transition:background-color 0.3s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out; transition:background-color 0.3s ease-out} a.btn01 {display:inline-block;padding:7px;border:1px solid #bababa;border-radius:3px;background:#fff;color:#717171;text-decoration:none;vertical-align:middle} a.btn01:focus, a.btn01:hover {text-decoration:none} button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none} a.btn02 {display:inline-block;padding:7px;background:#3a8afd;color:#fff;border-radius:3px;text-decoration:none;vertical-align:middle} a.btn02:focus, .btn02:hover {text-decoration:none} button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none} .btn_confirm {text-align:center} /* 서식단계 진행 */ .btn_submit {border:1px solid #1c70e9;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px} .btn_submit:hover {background:#2375eb} .btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff} a.btn_close {text-align:center;line-height:50px} a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} .btn_cancel:hover {background:#aaa} a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */ a.btn_frmline {} button.btn_frmline {font-size:1em} a.btn_frmline {line-height:24px} /* 게시판용 버튼 */ a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent} .btn_b01:hover, .btn_b01:hover {color:#000} a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle} a.btn_b02:hover, .btn_b02:hover {background:#0025eb} a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle} a.btn_b03:hover, .btn_b03:hover {background:#ebedf6} a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle} a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9} a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */ .btn_admin:hover, a.btn_admin:hover {color:#ff3746} /* 선택수정 버튼 */ .btn_list {margin:0 auto;width:93%} .btn_list input, .btn_list button {background:none repeat scroll 0 0 #617D46;border:0 none;color:#FFFFFF;height:28px;line-height:2.2em;padding:0 15px;vertical-align:middle} /* 기본테이블 */ .tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0} .tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left} .tbl_head01 {margin:0 0 10px} .tbl_head01 table {} .tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head01 thead th {padding:12px 0;border-top:2px solid #000;border-bottom:1px solid #d3d3d3;background:#fff;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} .tbl_head01 thead a {color:#383838} .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head01 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head01 td {padding:15px 5px;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3;line-height:1.5em;word-break:break-all} .tbl_head01 td:first-child {border-left:0} .tbl_head01 a {} .tbl_head02 {margin:0 0 10px} .tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head02 thead th {padding:7px;background:#f3f3f3;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3} .tbl_head02 thead a {color:#383838} .tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head02 td {padding:5px 3px;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all} .tbl_head02 a {} .tbl_head03 {margin:0 0 10px} .tbl_head03 table {border-bottom:1px solid #eee} .tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head03 thead th {padding:20px 0;border-top:2px solid #eee;border-bottom:1px solid #eee;color:#383838;font-size:1.2em;text-align:center;letter-spacing:-0.1em} .tbl_head03 thead a {color:#383838} .tbl_head03 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head03 tfoot th, .tbl_head03 tfoot td {padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#d7e0e2;text-align:center} .tbl_head03 tbody th {padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee} .tbl_head03 td {background:#fff;background-clip:padding-box;padding:25px 15px;border-top:1px solid #eee;border-left:1px solid #eee;line-height:1.5em;word-break:break-all} .tbl_head03 td:first-child {border-left:0} .tbl_head03 a {} /* 폼 테이블 */ .tbl_frm01 {margin:0 0 20px} .tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0} .tbl_frm01 th {width:90px;padding:5px 10px;background:none;text-align:right;font-weight:normal} .tbl_frm01 td {padding:5px 10px;background:transparent} .wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px; box-sizing: border-box;} .tbl_frm01 textarea {padding:2px 2px 3px} .frm_input {height:45px} .full_input, .frm_address {width:100%} .half_input {width:49.5%} .tbl_frm01 textarea {width:100%;height:100px} .tbl_frm01 a {text-decoration:none} .tbl_frm01 .frm_address {margin-top:5px} .tbl_frm01 .frm_file {display:block;margin-bottom:5px} .tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em} /*기본리스트*/ .list_01 li {position:relative;border:1px solid #dbdbdb;border-radius:3px;margin:8px 0;padding:10px 15px;list-style:none} .list_01 li:after {display:block;visibility:hidden;clear:both;content:""} .list_01 li:hover {background:#f9f9f9} .list_02 ul:after {display:block;visibility:hidden;clear:both;content:""} .list_02 li {float:left;width:225px;margin:10px 0 20px 18px} .list_02 li:nth-child(5n+1) {clear:both;margin-left:0} /*폼 리스트*/ .form_01 h2 {margin:0 0 10px;font-size:1.25em} .form_01 li {margin:10px 0} .form_01 li:after {display:block;visibility:hidden;clear:both;content:""} .form_01 li .right_input {float:right} .form_01 textarea {height:100px;width:100%} .form_01 .frm_label {display:inline-block;width:130px} .form_01 .form_left {float:left;width:49.5%} .form_01 .form_right {float:right;width:49.5%} /* 자료 없는 목록 */ .empty_table {padding:50px 0 !important;text-align:center;color:#777 !important} .empty_list, .empty_li {padding:20px 0 !important;text-align:center !important;color:#777 !important} /* 테이블 그리드 padding 0 5px 고려한 넓이 */ .grid_1 {width:40px} .grid_2 {width:90px} .grid_3 {width:140px} .grid_4 {width:190px} .grid_5 {width:240px} .grid_6 {width:290px} .grid_7 {width:340px} .grid_8 {width:390px} .grid_9 {width:440px} .grid_10 {width:490px} .grid_11 {width:540px} .grid_12 {width:590px} .grid_13 {width:640px} .grid_14 {width:690px} .grid_15 {width:740px} .grid_16 {width:790px} .grid_17 {width:840px} .grid_18 {width:890px} /* 테이블 항목별 정의 */ .td_board {width:120px;text-align:center} .td_chk {width:30px;text-align:center} .td_date {width:60px;text-align:center} .td_datetime {width:110px;text-align:center} .td_default {width:60px;text-align:center} .td_dvr {width:100px;text-align:center} .td_group {width:100px;text-align:center} .td_imgsmall {width:60px;text-align:center} .td_num {width:80px;text-align:center} .td_numbig {width:100px;text-align:center} .td_nick {width:100px;text-align:center} .td_name {width:100px;text-align:left} .td_namesmall {width:50px;text-align:left} .td_mb_id {width:100px;text-align:center} .td_mng {width:80px;text-align:center} .td_mngsmall {width:100px;text-align:center} .td_statsmall {width:50px;text-align:center} .text_left {text-align:left !important} .text_center {text-align:center !important} .text_right {text-align:right !important} /* ########## 쇼핑몰 컨텐츠 ########## */ /* 상품 메일 추천하기 */ #sit_rec_new {} #sit_rec_new th, #sit_rec_new td {display:block;width:100%} #sit_rec_new th {text-align:left;margin-top:20px;margin-bottom:5px} #sit_rec_new textarea {width:100%;min-height:100px} #sit_rec_new .win_btn {margin:20px 0} /* 마이페이지 */ #smb_my {position:relative;margin-bottom:30px} #smb_my:after {display:block;visibility:hidden;clear:both;content:""} /* 마이페이지 aside */ #smb_my_ov {position:relative;float:left;margin:0 10px 0 0;width:265px;border:1px solid #e8e8e8;background:#fff;margin-right:20px} #smb_my_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #smb_my_ov .smb_me {display:block;background:#fff;border-bottom:1px solid #e8e8e8;padding:20px;text-align:center;font-size:1.167em} #smb_my_ov .smb_me img {width:45px;border-radius:50%} #smb_my_ov .smb_me .my_ov_name {display:inline-block;margin-bottom:10px;line-height:28px} #smb_my_ov .smb_me a {display:inline-block;font-size:0.85em;height:28px;line-height:22px;border:1px solid #d5d9dd;color:#8a8a8a;border-radius:2px;padding:2px 5px} #smb_my_ov .smb_me a.smb_info {color:#3a8afd} #smb_private:after {display:block;visibility:hidden;clear:both;content:""} #smb_private {padding:10px 0} #smb_private li {text-align:left;position:relative;text-align:left} #smb_private a {display:block;background:#fff;color:#465168;line-height:20px;padding:10px 20px 10px 25px} #smb_private a strong {display:inline-block;float:right;max-width:87px;overflow:hidden;white-space:nowrap;text-overflow:clip;color:#3a8afd;padding:0 5px;border-radius:15px;font-size:0.92em} #smb_private a:hover strong {background:#4b8bff} #smb_private li a:hover {color:#4b8bff} #smb_private li a:hover:after {position:absolute;left:0;top:0;width:2px;height:100%;background:#3a8afd;content:""} #smb_private li i {width:25px;color:#8c9eb0;margin-right:5px} #smb_private li:hover i {color:#3a8afd} #smb_private .win_point strong {background:#37bc9b;color:#fff} #smb_private .win_memo strong {background:#ff8b77;color:#fff} #smb_private .win_scrap strong {background:#8cc152;color:#fff} #smb_private .win_coupon strong {background:#a352c1;color:#fff} #smb_my_ov h3 {font-size:1.2em;padding:20px 20px 10px;border-top:1px solid #e8e8e8} #smb_my_ov .op_area {border-top:0;padding:0 20px;line-height:18px;color:#555} #smb_my_ov .op_area:after {display:block;visibility:hidden;clear:both;content:""} #smb_my_ov .op_area dt {margin:5px 0;padding-top:5px;font-weight:bold;color:#8c9eb0;line-height:20px} #smb_my_ov .op_area dd {margin:5px 0;padding-bottom:10px;border-bottom:1px dashed #e5e5e5} #smb_my_ovaddt {border-bottom:0 !important} #smb_my_ovaddd {border-bottom:0 !important} .withdrawal {display:block;padding:10px 20px;border-top:1px solid #e8e8e8;color:#c7c7c7} /* 마이페이지 list */ #smb_my_list {float:left;width:915px} #smb_my_od h2 {margin:0 0 10px;font-size:1.25em} #smb_my_od {position:relative;margin:0 0 50px} .smb_my_od {background:#fff} .smb_my_od li {padding:15px;border-bottom:1px solid #ececec} .smb_my_od li:last-child {border-bottom:0} .smb_my_od li:after {display:block;visibility:hidden;clear:both;content:""} .smb_my_od li:hover {background:#fff6f6} .smb_my_od .smb_my_od_li {float:left;line-height:18px} .smb_my_od .smb_my_od_li1 {width:140px;text-align:center} .smb_my_od .smb_my_od_li2 {width:75%;padding:0 20px} .smb_my_od .smb_my_od_li3 {width:80px;float:right;text-align:center} .smb_my_od .ord_num, .smb_my_od .ord_name {font-size:1.2em;font-weight:bold;letter-spacing:-0.5px} .smb_my_od .date {color:#b5b5b5} .smb_my_od .cost {color:#3a8afd;font-weight:bold} .smb_my_od .misu {color:#6d6d6d} #smb_my_wish {position:relative;margin-bottom:30px} #smb_my_wish h2 {font-size:1.25em;padding:0 0 20px;border-bottom:1px solid #d9dde2} #smb_my_wish li {position:relative;background:#fff;border-bottom:1px solid #ececec;padding:15px} #smb_my_wish li:after {display:block;visibility:hidden;clear:both;content:""} #smb_my_wish .smb_my_chk {display:inline-block;float:left;margin-right:10px;color:red} #smb_my_wish .smb_my_img {float:left;margin-right:20px} #smb_my_wish .smb_my_tit {margin:5px 0;font-size:1.167em;font-weight:bold} #smb_my_wish .smb_my_price {font-weight:bold;font-size:1.2em;margin-bottom:30px} #smb_my_wish .smb_my_date {font-size:1em;color:#777} .smb_my_more {position:absolute;top:0;right:0} .smb_my_more a {display:block;background:url('../img/more-btn.gif') no-repeat 0 2px;padding-left:20px;height:30px} #smb_my_wish li .wish_del {position:absolute;right:20px;top:50px;font-size:1.4em;color:#b2b2b2} #smb_ws_act {text-align:center;margin:20px 0 30px} #smb_ws_act .btn01 {width:180px;height:50px;font-weight:bold;font-size:1.167em;border:1px solid #98a3b3;border-radius:3px} #smb_ws_act .btn02 {width:180px;height:50px;font-weight:bold;font-size:1.167em;border:1px solid #1c70e9;border-radius:3px;background:#3a8afd} /* 장바구니 주문서 공통 */ .od_prd_list .td_chk {} .od_prd_list .td_prd {border-left:0;position:relative;padding-left:120px;min-height:100px} .od_prd_list .td_prd .sod_img {position:absolute;top:25px;left:20px} .od_prd_list .td_prd .sod_name {min-height:80px} .od_prd_list .td_prd .prd_name {font-size:1.4em} .od_prd_list .total_prc {color:#000;font-weight:bold;font-size:1.4em} .sod_opt {margin:5px 0} .sod_opt ul {display:inline-block;margin:0;padding:0;list-style:none} .sod_opt li {color:#000;padding:3px 0;line-height:1.3em} .sod_opt li:before {content:"옵션";display:inline-block;margin:1px 5px 2px 0;padding:3px;border-radius:3px;background:#e2eaf6;line-height:1em;color:#3a8afd} .sod_option_btn .mod_options {height:30px;margin:5px 0 0;padding:0 5px;border:1px solid #d4d6db;color:#606060;background:#fff;border-radius:3px} .cp_btn {padding:0 10px;border:1px solid #d4d6db;color:#3a8afd;background:#fff;height:26px;border-radius:3px} .cp_cancel {padding:0 10px;border:1px solid #aaa;color:#666;background:#fff;height:26px;border-radius:3px} /* 장바구니 */ #sod_bsk {margin-bottom:30px} .btn_cart_del {padding:20px 0;border-bottom:1px solid #ccd2d9} .btn_cart_del button {height:30px;padding:0 10px;border:1px solid #d4d6db;border-radius:5px;background:#fff;color:#666} #sod_bsk_list {position:relative} #sod_bsk #sod_bsk_tot {border:1px solid #212a37;margin:20px 0} #sod_bsk #sod_bsk_tot ul:after {display:block;visibility:hidden;clear:both;content:""} #sod_bsk #sod_bsk_tot li {float:left;width:33.333%;background:#4a505a;color:#fff;border-left:1px solid #212a37;text-align:right;padding:25px;font-size:1.167em} #sod_bsk #sod_bsk_tot li:first-child {border:0} #sod_bsk #sod_bsk_tot li span {display:inline-block;float:left} #sod_bsk #sod_bsk_tot .sod_bsk_cnt {width:33.335%;background:#212a37} #sod_bsk_act {text-align:center;margin-bottom:30px} #sod_bsk_act .btn_submit {height:50px;padding:0 10px;width:160px;font-weight:bold;font-size:1.25em} #sod_bsk_act .btn01 {height:50px;line-height:50px;padding:0 10px;width:160px;font-weight:bold;font-size:1.25em} #sod_bsk_act p {margin:0 0 10px} /* 장바구니 선택사항수정 */ #sod_bsk_list #mod_option_frm {z-index:10000;position:fixed;top:50%;left:50%;width:540px;height:auto !important;height:500px;max-height:500px;margin-left:-280px; margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit} #sod_bsk_list .mod_option_bg {content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.1);display:block;z-index:9999} #mod_option_frm h2 {border-bottom:1px solid #e8e8e8;padding:0 20px;line-height:50px;font-size:1.25em} .option_wr {padding:20px 20px 0} .option_wr h3 {font-size:1.167em;margin-bottom:10px} .option_wr .get_item_options, .option_wr .get_item_supply {margin-bottom:10px} .option_wr label {display:block;margin:10px 0 5px} .option_wr select {width:100%;border:1px solid #d4d4d4;height:48px} #sit_opt_added .num_input {float:left;border:0;height:30px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center} #sit_opt_added .sit_opt_prc {display:block;float:right;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold} #mod_option_frm #sit_sel_option {margin:20px 20px 10px} #mod_option_frm #sit_tot_price {float:left;display:inline-block;margin:0 20px 20px} #mod_option_frm #sit_opt_added {} #mod_option_frm .btn_confirm {float:right;display:inline-block;margin:0 20px 20px;background:yellow} #mod_option_frm .btn_confirm .btn_submit {width:100px;height:40px;font-size:1.167em;font-weight:bold;cursor:pointer} #mod_option_frm .btn_confirm .btn_close {position:absolute;top:0;right:0;width:50px;height:50px;border:0;background:none;font-size:1.25em;border-radius:0} #mod_option_frm .btn_confirm .btn_close:hover {background:#f3f3f3} /* 주문서 작성 */ #sod_frm {} #sod_frm p {margin:0 0 10px} #sod_frm .od_prd_list {margin-bottom:20px} #sod_list {position:relative} #sod_list #cp_frm {z-index:10000;position:absolute;top:50%;left:50%;width:540px;height:auto !important;height:500px;max-height:500px;margin-left:-270px;margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit} .od_coupon h3{border-bottom: 1px solid #cdcdcd;padding: 0 20px;line-height: 50px;margin: 0 0 15px;font-size: 1.25em;text-align:left; -webkit-box-shadow: 1px 2px 2px #eee; -moz-box-shadow: 1px 2px 2px #eee; box-shadow: 1px 2px 2px #eee;} .od_coupon .btn_close {position: absolute;top: 0;right: 0;width: 50px;height: 50px;border: 0;background: none;border-left: 1px solid #cdcdcd;font-size: 1.25em;} .od_coupon .btn_close:hover{background:#f3f3f3} .od_coupon .tbl_head02{margin:20px} .od_coupon .cp_apply{padding: 0 5px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;} .od_coupon td,#sod_frm_pay .od_coupon td{text-align:left;border-left:0;padding:7px} #sod_frm_pay .od_coupon th{width:auto;text-align:center;padding: 7px;background: #f3f3f3;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;} .od_coupon .td_numbig,#sod_frm_pay .od_coupon .td_numbig{text-align:center;} .od_coupon .td_mngsmall{width:60px} /* 주문서 작성 - 왼쪽 */ .sod_left {display:inline-block;float:left;width:840px;margin-right:20px;vertical-align:top} /* 주문서 작성 - 주문하시는 분 */ #sod_frm .tbl_frm01 {padding:20px 10px} #sod_frm .tbl_frm01 th,#sod_frm .tbl_frm01 td {text-align:left;padding:10px;vertical-align:top} #sod_frm .tbl_frm01 th{padding:0px 10px} #sod_frm .tbl_frm01 td input {width:100%} #sod_frm .tbl_frm01 td .addr input {width:20%} #sod_frm .tbl_frm01 td .addr button {background:#434a54;color:#fff;width:128px;height:45px;border:0;border-radius:3px} /* 주문서 작성 - 받으시는 분 */ #sod_frm_taker .tbl_frm01 {padding:20px 10px} #sod_frm_taker .tbl_frm01 .choice_place {display:block;background:#edf3fc;padding:10px 15px;border:1px solid #d1ddee;margin:0 10px 10px} #sod_frm_taker .tbl_frm01 .choice_place:after {display:block;visibility:hidden;clear:both;content:""} #sod_frm_taker .tbl_frm01 .choice_place .chk_box {float:left;display:inline-block;width:85%;line-height:30px} #sod_frm_taker .tbl_frm01 .choice_tit {float:left;display:inline-block;width:15% !important;line-height:30px} #sod_frm_taker .tbl_frm01 .choice_place input[type="radio"] + label span {top:7px} #sod_frm_taker .tbl_frm01 .choice_place input, #sod_frm_taker .tbl_frm01 .choice_place label {margin-left:10px} #sod_frm_taker .tbl_frm01 .btn_frmline {padding:0;width:80px;height:30px;line-height:28px;background:#fff;border:1px solid #d4d6db;color:#606060;text-align:center;float:right} #sod_frm_taker .tbl_frm01 td input {width:100%} #sod_frm_taker .tbl_frm01 td .addr input {width:20%} #sod_frm_taker .tbl_frm01 td .addr button {background:#434a54;color:#fff;width:128px;height:45px;border:0;border-radius:3px} #sod_frm_taker .tbl_frm01 td .ad_choice {padding:5px 0} #sod_frm_taker .tbl_frm01 td .ad_choice input {width:auto} #sod_frm_orderer, #sod_frm_taker {margin:0 0 30px;border:1px solid #e3e5e8;background:#fff} #sod_frm section h2 {border-bottom:1px solid #e2e4e7;font-size:1.167em;padding:20px} #sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {display:inline-block;margin:5px 0 0} /* 5.4.1.3 버전이후 추가 css */ #sod_frm div.tbl_frm01, #sod_frm_taker div.tbl_frm01{padding:0px 10px !important} #sod_frm .tbl_frm01 th, #sod_frm .tbl_frm01 td{padding:10px;line-height:45px} #sod_frm .tbl_frm01 th{width:94px} #sod_frm #od_name,#sod_frm #od_tel,#sod_frm #od_hp,#sod_frm #od_pwd,#sod_frm #od_b_name,#sod_frm #od_b_tel,#sod_frm #od_b_hp,#sod_frm #ad_subject,#sod_frm #od_hope_date{width:40%} #sod_frm #od_zip,#sod_frm #od_b_zip{width:90px} #sod_frm .tbl_frm01 td .btn_address {background:#434a54;color:#fff;width:128px;height:45px;border:0;border-radius:3px} #sod_frm #od_memo{min-height:100px} #sod_frm_taker .order_choice_place{position:relative;background:#edf3fc;border:1px solid #d1ddee;padding-left:10px} #sod_frm_taker .tbl_frm01 .btn_frmline{float:none;position:absolute;top:8px;right:10px} #sod_frm_pay {position:relative;margin:10px 0} #sod_frm #sod_frm_pay h2 {position:absolute;border:0;font-size:0;line-height:0;content:""} #sod_frm_pay .pay_tbl table{width:100%;border-collapse:collapse} #sod_frm_pay .pay_tbl th{text-align:left;padding:10px;width:80px;border-bottom:1px solid #e7ebf1;background:#fff;font-weight:bold;color:#777} #sod_frm_pay .pay_tbl td{text-align:right;padding: 10px;height:30px;border-bottom:1px solid #e7ebf1;background:#fff} #sod_frm_pay .pay_tbl td .cp_cancel{margin:0 0 0 2px} #sod_frm_pay .pay_tbl td .btn_frmline{padding: 0 7px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;margin: 0;} #od_tot_price{margin:10px 0;background:#fff;line-height:40px;text-align:right;padding:0 10px} #od_tot_price span{float:left;font-weight:bold} #od_tot_price strong{font-size:1.5em;color:#ff006c} #sod_frm #sod_frm_pt_alert {margin:5px 0;color:#38b2bb } #od_pay_sl h3{font-size:1.167em;margin:20px 0 5px} #od_pay_sl input[type="radio"]{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left: 0;z-index: -1px;} #od_pay_sl .lb_icon {display: inline-block;float:left;width:50%;background:#fff;border:1px solid #eceff4;margin:-1px 0 0 -1px;cursor: pointer;height:60px;position:relative;padding-left:65px;padding-top:20px;z-index:1} #od_pay_sl input[type="radio"]:checked+.lb_icon {border:1px solid #ff006c;z-index:3} #sod_frm_paysel {} #sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_frm_paysel .KPAY{background:url('../image/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .PAYNOW{background:url('../image/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .PAYCO{background:url('../image/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .inicis_lpay{background:url('../image/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .inicis_kakaopay{position:relative;overflow:hidden;text-indent:-999px} #sod_frm_paysel .inicis_kakaopay em{position:absolute;top:15px;left:45px;width:70px;height:30px;background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00;overflow:hidden;text-indent:-999px;border-radius:30px} #sod_frm_paysel .kakaopay_icon{background:url('../image/kakao.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .naverpay_icon{background:url('../image/ico-default-naverpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .bank_icon{background:url('../image/pay_icon1.png') no-repeat 15px 50% #fff} #sod_frm_paysel .vbank_icon{background:url('../image/pay_icon2.png') no-repeat 15px 50% #fff} #sod_frm_paysel .iche_icon{background:url('../image/pay_icon2.png') no-repeat 15px 50% #fff} #sod_frm_paysel .hp_icon{background:url('../image/pay_icon3.png') no-repeat 24px 50% #fff} #sod_frm_paysel .card_icon{background:url('../image/pay_icon4.png') no-repeat 17px 50% #fff} #forderform .sod_right #sod_bsk_tot {border:1px solid #e3e5e8} #forderform .od_pay_buttons_el{margin-top:20px;border:1px solid #e3e5e8;background:#fff;padding:10px} #forderform .od_pay_buttons_el h3{font-size:1.167em;margin:0px 0 5px} #forderform #sod_frm_pt{border-top:1px solid #e3e5e8} .sod_right .pay_tbl{border:1px solid #e3e5e8;border-bottom:0 none} .sod_right #od_tot_price{border:1px solid #e3e5e8} #sod_frm_pay .od_pay_buttons_el:after{display:block;visibility:hidden;clear:both;content:""} #sod_frm_pay .sod_frm_point{margin-top:20px;border:1px solid #e3e5e8} #sod_frm_pay .sod_frm_point div{background:#fff;padding:10px;text-align:left;text-align:right} #sod_frm_pay .sod_frm_point div:after {display:block;visibility:hidden;clear:both;content:''} #sod_frm_pay .sod_frm_point div label{float:left;line-height:30px;font-weight:bold} #sod_frm_pay .sod_frm_point div span{display:block} #sod_frm_pay .sod_frm_point div span:after {display:block;visibility:hidden;clear:both;content:''} #sod_frm_pay .sod_frm_point div strong{float:left;color:#666} #sod_frm_pay .sod_frm_point .max_point_box em{font-style:normal !important} #sod_frm_pay .sod_frm_point #od_temp_point{height:30px;text-align:right;padding:0 5px;border:1px solid #ccc;} /* 주문서 작성 - 오른쪽 */ .sod_right {display:inline-block;float:left;width:340px;height:100%;vertical-align:top} .sod_right #sod_bsk_tot {border:1px solid #3a8afd} .sod_right #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""} .sod_right .sod_info li {position:relative;float:left;background:#fff;width:33.333%;height:70px;text-align:center;border-bottom:1px solid #e7ebf1;padding:15px 0} .sod_right .sod_info li:after {display:block;visibility:hidden;clear:both;content:""} .sod_right .sod_info li span {display:block;color:#777;margin-bottom:5px;font-weight:bold;color:#000} .sod_right .sod_info .sod_bsk_sell, .sod_right .sod_info .sod_bsk_coupon {border-right:1px solid #e7ebf1} .sod_right .sod_info .sod_bsk_coupon:before {display:block;content:"-";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#9da6c9;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size:16px;line-height:14px} .sod_right .sod_info .sod_bsk_dvr:before {display:block;content:"+";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#9da6c9;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size:16px;line-height:14px} .sod_right .sod_info .sod_bsk_cnt strong {font-size:1.25em} .sod_right .sod_info_bt {clear:both;padding:10px 15px;background:#fff} .sod_right .sod_info_bt:after {display:block;visibility:hidden;clear:both;content:""} .sod_right .sod_info_bt li {} .sod_right .sod_info_bt li:after {display:block;visibility:hidden;clear:both;content:""} .sod_right .sod_info_bt li span {display:inline-block;float:left;width:50%;line-height:28px;text-align:left;font-weight:bold;color:#000} .sod_right .sod_info_bt li strong {display:inline-block;float:left;width:50%;line-height:28px;text-align:right} .sod_right .sod_info_option {clear:both;border-top:1px solid #e7ebf1} .sod_right .sod_info_option h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .sod_right .sod_info_option ul {padding:10px 15px;background:#fff} .sod_right .sod_info_option li {margin-bottom:5px} .sod_right .sod_info_option li:after {display:block;visibility:hidden;clear:both;content:""} .sod_right .sod_info_option .sod_ifop_tit {display:inline-block;float:left;width:50%;line-height:28px;text-align:left;font-weight:bold} .sod_right .sod_info_option .sod_ifop_tit .btn_frmline {width:auto;height:30px;color:#3a8afd;background:#fff;border:1px solid #d4d6db} .sod_right .sod_info_option .sod_ifop_tit .cp_cancel {width:auto;height:30px;border:1px solid #d4d6db;padding:0 5px;margin-left:5px;color:#b1b1b1;vertical-align:baseline} .sod_right .sod_info_option .sod_ifop_tit .od_coupon {z-index:10000;position:absolute;top:50%;left:50%;min-width:300px;height:auto !important;height:500px;max-height:500px;margin-left:-200px;margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit} .sod_right .sod_info_option .sod_ifop_tit .od_coupon>td {text-align:left} .sod_right .sod_info_option>td, .sod_right .sod_info_option .sod_ifop_t {display:inline-block;float:left;width:50%;line-height:28px;text-align:right} .sod_right .sod_info_option>td {text-align:right;padding:10px;height:30px} .sod_right .sod_info_option>td .cp_cancel {margin:0 0 0 2px} .sod_right .sod_info_option>td .btn_frmline {padding:0 7px;border:1px solid #38b2b9;color:#38b2b9;background:#fff;height:23px;line-height:21px;margin:0} /* 주문서 작성 - 포인트사용 */ #sod_point {clear:both;background:#fff;margin-top:10px;border:1px solid #e3e5e8} #sod_point h2 {font-size:1.167em;padding:15px;border-bottom:1px solid #e3e5e8} #sod_point h2:after {display:block;visibility:hidden;clear:both;content:''} #sod_point .point_tit {vertical-align:baseline;float:left;line-height:28px} #sod_point .point_tit label {vertical-align:baseline} #sod_point .point_ipt {float:right;display:inline-block;margin-left:35px;text-align:left;text-align:right;font-weight:normal} #sod_point .point_ipt:after {display:block;visibility:hidden;clear:both;content:''} #sod_point .point_ipt #od_temp_point {width:100px;height:30px;text-align:right;padding:0 5px;border:1px solid #d0d3db;border-radius:3px} #sod_frm_pt {padding:20px} /* #sod_frm_pt strong {display:inline-block;width:45%;color:#000;line-height:28px;text-align:left} #sod_frm_pt span {display:inline-block;width:55%;color:#000;text-align:right} #sod_frm_pt span:after {display:block;visibility:hidden;clear:both;content:''} */ #sod_frm_pt .max_point_box em {font-style:normal !important} /* 주문서 작성 - 결제수단 */ /* #sod_frm_pay {position:relative;margin:10px 0 0;background:#fff;border:1px solid #e3e5e8} */ #sod_frm_pay {position:relative;margin:10px 0 0} #sod_frm_pay h2 {font-size:1.167em;padding:15px;border-bottom:1px solid #e3e5e8} #sod_frm_pay .tooltip_txt {height:auto;line-height:18px;font-weight:normal;font-size:1em;padding:10px 20px;margin:10px} #sod_frm_pay .tooltip_txt i {float:left;line-height:36px;font-size:2em;margin-right:15px} #sod_frm_pay .tooltip_txt:before {height:100%} #sod_frm_pay input[type="radio"] {} #sod_frm_pay .lb_icon {display:inline-block;position:relative;cursor:pointer;z-index:1; box-sizing: border-box;} #sod_frm_pay input[type="radio"]:checked+.lb_icon {color:#3a8afd;z-index:3} #sod_frm_pay input[type="radio"] + label span {top:7px} #sod_frm_paysel {} #sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden} /* #sod_frm_paysel .PAYCO {display:inline-block;width:75px;background:url('../../../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #fa1417} #sod_frm_paysel .PAYNOW {display:inline-block;width:75px;background:url('../../../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #c01734} #sod_frm_paysel .kakaopay_icon {display:inline-block;width:60px;background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00;overflow:hidden;text-indent:-999px;border-radius:30px} #sod_frm_paysel .KPAY {display:inline-block;width:58px;background:url('../../../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #22096a} #sod_frm_paysel .inicis_lpay {display:inline-block;width:50px;background:url('../../../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #009bd7} */ #sod_frm_paysel ul.pay_way {margin:0;padding:15px} #sod_frm_paysel ul.pay_way input[type="radio"] + label span {top:7px} #sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""} #sod_frm_paysel li {position:relative;line-height:28px;text-align:left;list-style:none} #settle_bank {border:1px solid #e3e5e8;border-top:0 none;background:#fff;padding:10px;clear:both;line-height:32px} #settle_bank:after {display:block;visibility:hidden;clear:both;content:''} #settle_bank label {float:left;width:30%;line-height:30px} #settle_bank select, #settle_bank input {width:70%;height:32px;margin:0 0 5px;border:1px solid #e3e5e8;border-radius:3px;text-align:left} #settle_bank option {padding:3px 0} #settle_bank #od_deposit_name {height:32px;padding:0 5px;border:1px solid #e3e5e8} #display_pay_button {background:#fff;padding:20px;border:1px solid #e3e5e8;border-top:0} #display_pay_button .btn_submit {width:100%;height:50px;font-weight:bold;font-size:1.25em;cursor:pointer;border:1px solid #3a8afd} #display_pay_button .btn01 {width:100%;height:50px;line-height:38px;font-weight:bold;font-size:1.25em;margin:5px 0;border:1px solid #ccd1d9; box-sizing: border-box;} .display_setup_message {margin:0 0 10px;padding:15px;border:1px solid #fccdff;background:#ffeef9} .display_setup_message strong {display:block;margin:0 0 10px} #sod_frm_taker td input[type="radio"], #sod_frm_taker td input[type="checkbox"]{width:auto;-webkit-appearance:radio;-webkit-border-radius:initial} #sod_frm_taker label {display:inline-block;font-weight:normal;margin-right:1em} #sod_frm_same {margin:0 0 10px} #sod_frm #display_pay_process {text-align:center} #sod_frm #display_pay_process span {display:block;margin:5px 0 0} #od_tot_price {background:#e5f0ff;line-height:20px;text-align:right;padding:15px} #od_tot_price span {float:left;font-weight:bold} #od_tot_price strong {font-size:1.5em;color:#ff006c} #sod_frm_pay_info {margin:0 0 10px} #sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm {z-index:10000;position:absolute;top:0;right:0;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#fff;overflow-y:auto} #sod_frm_deli {position:relative;line-height:2em} #sod_frm_escrow {margin:30px 0 0} #sod_frm #sod_frm_escrow h2 {margin:0;border:0} #sod_frm #sod_frm_escrow p {margin:5px 0} #display_pay_process {padding:20px;text-align:center} /* 위시리스트 */ #sod_ws {} .sod_ws_img {width:90px;text-align:center} #sod_ws_act {text-align:center;margin:20px 0 30px} #sod_ws_act button {height:50px;width:180px;font-weight:bold;font-size:1.167em;border-radius:3px} #sod_ws_act .btn01 {border:1px solid #98a3b3} #sod_ws_act .btn02 {border:1px solid #1c70e9;background:#3a8afd} #sod_ws li .info_link {display:block;margin:10px 0 5px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#646464;font-weight:bold} #sod_ws li .info_date {color:#646464;font-size:0.92em} #sod_ws li .wish_chk {position:absolute;top:0;left:0;width:30px;text-align:center;line-height:35px;color:#f00} #sod_ws li .wish_info {padding:0 35px 10px 30px;position:relative;border-bottom:1px solid #e0e0e0;margin-top:10px;height:45px} #sod_ws li .wish_del {position:absolute;top:0;right:0;width:35px;height:35px;line-height:35px;text-align:center;background:#e6e6e6;display:block;font-size:1.25em;color:#777} #sod_ws li .wish_del:hover {background:#777;color:#fff} /* 배송지 목록 */ #sod_addr .tbl_wrap {margin:30px} #sod_addr .td_mng .sel_address {color:#fff;background:#fff;border:1px solid #19bc9b;color:#19bc9b;padding:0 5px;height:26px;border-radius:3px} #sod_addr .td_mng .del_address {display:inline-block;border:1px solid #aaa;color:#888;padding:0 5px;height:26px;line-height:24px;vertical-align:middle;border-radius:3px} #sod_addr input[type="radio"] {position:absolute;left:0;z-index:-1;visibility:hidden;width:0;height:0;overflow:hidden;text-indent:-999px} #sod_addr .default_lb {display:inline-block;background:#fff;border:1px solid #1c70e9;color:#3a8afd;cursor:pointer;position:relative;padding:0 5px;height:26px;line-height:24px;border-radius:3px} #sod_addr input[type="radio"]:checked+.default_lb {background:#3476be;color:#fff} #sod_addr td {height:40px;vertical-align:top} #sod_addr .td_name {width:100px} #sod_addr .frm_input {height:30px} #sod_addr .td_sbj {width:155px;text-align:left} #sod_addr .td_sbj .chk_box {display:inline-block;float:left} #sod_addr .td_sbj .chk_box input[type="checkbox"]:checked + label span {background:url(../img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px} #sod_addr .ad_tel {display:block;color:#666} #sod_addr .td_mng {width:100px;padding:10px} #sod_addr .td_mng .mng_btn {width:100%;margin:2px 0} /* 주문내역 */ #sod_v {margin-bottom:30px} #sod_v:after {display:block;visibility:hidden;clear:both;content:''} #sod_v td {text-align:center} #sod_v td a {font-weight:bold} #sod_v .basic_tbl {text-align:center} .status_01 {display:inline-block;background:#edfbde;color:#8cc152;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px} .status_02 {display:inline-block;background:#84c93a;color:#fff;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px} .status_03 {display:inline-block;background:#e2f6f2;color:#16b494;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px} .status_04 {display:inline-block;background:#e2eaf6;color:#3a8afd;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px} .status_05 {display:inline-block;background:#3a8afd;color:#fff;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px} .status_06 {display:inline-block;background:#fff;color:red;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px} /* 주문상세내역 */ #sod_fin {} #sod_fin_no {margin:0 0 20px;padding:15px;border:1px solid #d6e2f4;background:#edf3fc;font-size:1.2em;border-radius:5px;color:#3a8afd} #sod_sts_wrap {margin:0 0 10px;text-align:right} #sod_sts_explan {display:none} #sod_fin_legend {padding:20px;line-height:20px;background:#fff;margin:10px 0;border:1px solid #e9e9e9;text-align:left} #sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:''} #sod_fin_legend dt {clear:both;float:left;margin:0 0 5px;width:50px;font-weight:bold} #sod_fin_legend dd {float:left;margin:0} #sod_fin #sod_bsk_tot li {background:#fff;border-bottom:1px solid #e7ebf1;height:40px;padding:0 15px;line-height:40px;text-align:right} #sod_fin #sod_bsk_tot li span {float:left;clear:both;color:#777} #sod_fin #sod_bsk_tot li strong {} #sod_fin #sod_bsk_tot .sod_bsk_cnt strong {color:#ff006c;font-size:1.25em} #sod_bsk_tot2 {border:1px solid #3a8afd;margin-bottom:20px} #sod_bsk_tot2 li {background:#fff;padding:0 15px;line-height:40px;text-align:right} #sod_bsk_tot2 li span {float:left;clear:both;font-size:1em} #sod_bsk_tot2 li strong {font-size:1em} #sod_bsk_tot2 li.sod_fin_tot {background:#e5f0ff;border-top:1px solid #c6d7ef} #sod_bsk_tot2 li#alrdy {border-bottom:0 !important} #sod_bsk_tot2 li#alrdy div {padding:5px 0 15px;text-align:right} #sod_bsk_tot2 li#alrdy div p {position:relative;background:#d6e3f3;padding:0 10px;margin-bottom:1px} #sod_bsk_tot2 li.sod_fin_tot strong {color:#3a8afd;font-size:1.2em} #request_form {position:relative} #request_form div {display:none;z-index:10000;position:absolute;top:23px;left:0;padding:20px 0;width:520px;border:1px solid #000;background:#f2f5f9;text-align:center} #request_form .frm_input {width:300px;background:#fff !important} #request_form .btn_frmline, #request_form .btn_cancel {vertical-align:middle !important} #request_form .btn_frmline {padding:0 10px;line-height:1.6em} #sod_req_btn {margin:0 0 10px} #sod_req_btn button {background:#626870} #sod_req_log {margin:0 0 20px} #sod_req_log ul {margin:0;padding:0;border-top:1px solid #e9e9e9;background:#f2f5f9;list-style:none} #sod_req_log li {padding:10px 10px 20px;border:1px solid #e9e9e9;border-top:0} #sod_req_log h3 {margin:20px 0 10px} .sod_req_log_view table {margin:0} .sod_req_log_view caption {padding:10px 0;font-size:1em;font-weight:bold;text-align:left;line-height:1em} .sod_req_log_view caption span {color:#ff3061} .sod_req_log_view th {border-top:1px solid #e9e9e9;background:#f7f7f7 !important;color:#000 !important;text-align:center} .sod_req_log_view td {background:#fff;color:#000} .sod_req_log_view p {padding:10px 15px;border-bottom:1px solid #e9e9e9;background:#fff;color:#000} .sod_req_log_view .sod_req_it {width:270px} .sod_req_log_view button {margin:0;padding:0;border:0;background:transparent;color:#ff3061;text-decoration:underline;vertical-align:middle;cursor:pointer} #sod_fin_list h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_fin_list .td_prd {border-left:0;position:relative;padding-left:90px;min-height:100px} #sod_fin_list .sod_img {position:absolute;top:25px;left:20px} #sod_fin_list .sod_name a {font-weight:bold;line-height:1.5em} #sod_fin_list .sod_name .sod_opt:before {content:"옵션";display:inline-block;margin:1px 5px 2px 0;padding:3px;border-radius:3px;background:#e2eaf6;line-height:1em;color:#3a8afd} #sod_fin_list #th_itst {width:80px} #sod_fin_view {border:1px solid #e9e9e9} #sod_fin_view h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_fin_view h3 {margin:0 0 10px} #sod_fin_view .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left} #sod_fin_pay {margin:0 0 20px;background:#fff;border:1px solid #e3e5e8} #sod_fin_pay h3 {background:#fff;font-size:1.167em;padding:15px 20px;border-bottom:1px solid #e3e5e8} #sod_fin_pay ul {margin:0;padding:15px 20px} #sod_fin_pay li {line-height:24px;padding:5px 0} #sod_fin_pay li:after {display:block;visibility:hidden;clear:both;content:""} #sod_fin_pay li>span, #sod_fin_pay li>strong {display:inline-block;float:left} #sod_fin_pay li>strong {margin-right:10px;width:50px} #sod_fin_pay li>span {width:238px} #sod_fin_pay li .letter-2px{letter-spacing:-2px} a.btn_frmline.is-long-text{height:auto;width:160px} #sod_fin_orderer, #sod_fin_receiver, #sod_fin_dvr {margin:0 0 20px} #sod_fin_orderer .tbl_wrap, #sod_fin_receiver .tbl_wrap, #sod_fin_dvr .tbl_wrap {padding:20px} #sod_fin_dvr .tbl_wrap {padding:20px} #sod_fin .sod_left h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_fin .sod_left h3 {background:#fff;font-size:1.167em;padding:15px 20px;border:1px solid #e3e5e8;border-bottom:0} #sod_fin .sod_left .tbl_head01 {background:#fff;border:1px solid #e3e5e8} #sod_fin .sod_left th {padding:10px 0;border:0;text-align:left;width:100px;color:#666;background:#fff} #sod_fin .sod_left td {padding:10px 0;border:0;background:#fff} #sod_fin_dvr .dvr_link {color:#ff3061;text-decoration:underline} #sod_fin_tot {margin:10px 0} #sod_fin_tot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_fin_tot ul {margin:0;padding:0;list-style:none} #sod_fin_tot li {padding:10px;background:#38b2b9;border-bottom:1px solid #5ec2c7;color:#fff;zoom:1} #sod_fin_tot li:after {display:block;visibility:hidden;clear:both;content:""} #sod_fin_tot #alrdy {border-bottom:0 !important} #sod_fin_tot #alrdy .right{margin-top:10px;text-align:right;color:#f3f3f3;font-size:0.9em} #sod_fin_tot #alrdy .right p{position:relative} #sod_fin_tot #alrdy .right .title{position:absolute;left:0;padding-left:8px} #sod_fin_tot strong {float:right} #sod_fin_cancel {text-align:center} #sod_fin_cancel .sod_fin_c_btn {height:50px;border:1px solid #bababa;border-radius:3px;font-weight:bold;width:100%;background:none;color:#5e6b6f} #sod_fin_cancel .sod_fin_c_btn:hover {background:#fff} #sod_fin_cancel h2 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left} #sod_fin_cancel p {text-align:center;background:#ffe0e0;border:2px solid #d50c0c;padding:15px;color:#d50c0c;font-size:1.167em;font-weight:bold} #sod_cancel_pop {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999} #sod_fin_cancelfrm {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px} #sod_fin_cancelfrm form {padding:20px} .sod_fin_bg {background:rgba(0,0,0,0.1);width:100%;height:100%} .sod_cls_btn {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff} #sod_fin_cancelfrm .frm_input {background:#fff;margin:0 0 5px;width:100%} #sod_fin_cancelfrm .btn_frmline {background:#5e6b6f;color:#fff;border:0;padding:10px;width:100%;cursor:pointer} #sod_fin_test {padding:10px} /* 주문상세내역 중 현금영수증 발급 */ #scash {} #scash section {padding:10px 0} #scash h2 {margin:0 0 10px;text-align:center} #scash .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left} #scash_apply {padding:10px 0 20px;text-align:center} #scash_apply button {padding:10px;border:0;background:#565e60;color:#fff} #scash_copy {text-align:center} /* 배너 인덱스 출력 */ #sbn_idx {} /* 쇼핑몰 이벤트 */ #sev {} .sev_admin {margin:0 0 10px;text-align:right} .sev_admin a {line-height:35px;padding:0 10px} /* 쿠폰 */ #coupon {text-align:center} #coupon h1 {text-align:left} #coupon ul:after {display:block;visibility:hidden;clear:both;content:""} #coupon li {padding:15px;border-bottom:1px solid #ececec;text-align:left} #coupon .cou_top {margin-bottom:10px} #coupon .cou_tit {font-size:1.25em;font-weight:bold} #coupon .cou_pri {font-size:1.25em;color:#3a8afd;font-weight:bold;float:right} #coupon .cou_target {color:#8cc152;background:#edfbde;padding:5px;line-height:20px;font-size:0.92em;border-radius:5px} #coupon .cou_date {float:right;color:#888d92} #coupon .btn_close {margin:20px auto} /* 모바일일때 피시버전 주문폼 */ .sod_frm_mobile .sod_list{margin:30px 0} .sod_frm_mobile .sod_list .sod_li{background:#fff;border-bottom:1px solid #e5e5e5;margin:10px 0} .sod_frm_mobile .sod_list .li_name{font-size:1.083em} .sod_frm_mobile .sod_list .li_op_wr{position:relative;padding:10px 10px 0 110px;min-height:75px} .sod_frm_mobile .sod_list .li_op_wr .chk_box{position:absolute;top:10px;left:10px} .sod_frm_mobile .sod_list .total_img{position:absolute;top:10px;left:35px} .sod_frm_mobile .sod_list .mod_options{padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#606060;background:#fff;line-height:24px;margin:5px 0 0;font-size:.923em} .sod_frm_mobile .sod_list .li_prqty{padding:10px;border-top:1px solid #f8f8f8} .sod_frm_mobile .sod_list .li_prqty:after{display:block;visibility:hidden;clear:both;content:''} .sod_frm_mobile .sod_list .li_prqty_sp{float:left;width:50%;display:block;line-height:20px;padding:0 5px;text-align:right} .sod_frm_mobile .sod_list .li_prqty_sp span{float:left;color:#696969} .sod_frm_mobile .sod_list .prqty_sc,.sod_frm_mobile .sod_list .prqty_price{border-right:1px solid #e5e5e5} .sod_frm_mobile .sod_opt{padding:5px 10px 5px 35px} .sod_frm_mobile .sod_opt li{color:#777;margin:3px 0;line-height:1.3em} .sod_frm_mobile .sod_opt li:before{content:"옵션";display:inline-block;margin:1px 5px 2px 0;font-size:11px;padding:0 5px;border-radius:3px;background:#e2eaf6;line-height:20px;color:#3a8afd} .sod_frm_mobile .sod_opt .opt_name:before{content:"옵션";display:inline-block;margin:1px 5px 2px 0;font-size:11px;padding:0 5px;border-radius:3px;background:#e2eaf6;line-height:20px;color:#3a8afd} .sod_frm_mobile #m_sod_bsk_tot{background:#4a505a;color:#fff} .sod_frm_mobile #m_sod_bsk_tot:after{display:block;visibility:hidden;clear:both;content:""} .sod_frm_mobile #m_sod_bsk_tot dt{float:left;width:40%;padding:10px;line-height:20px;clear:both} .sod_frm_mobile #m_sod_bsk_tot dd{float:left;width:60%;padding:10px;text-align:right;line-height:20px} .sod_frm_mobile #m_sod_bsk_tot .sod_bsk_cnt{font-weight:700;margin-top:5px;line-height:25px;background:#212a37} .sod_frm_mobile #m_sod_bsk_tot .sod_bsk_cnt strong{color:#3a8afd;font-size:1.25em} .sod_frm_mobile .sod_list .li_op_wr{padding-left:100px} .sod_frm_mobile .sod_list .total_img{left:10px} .sod_frm_mobile .sod_opt{padding-left:10px} .sod_frm_mobile #m_sod_frm_paysel{margin:10px 0} .sod_frm_mobile #m_sod_frm_paysel h3{background:#fff;padding:15px 10px;border:1px solid #e3e5e8;border-bottom:0} .sod_frm_mobile #m_sod_frm_paysel ul{margin:0;background:#fff;padding:10px;border:1px solid #e3e5e8} .sod_frm_mobile #m_sod_frm_paysel ul:after{display:block;visibility:hidden;clear:both;content:""} .sod_frm_mobile #m_sod_frm_paysel li{float:left;padding:5px;width:46%;height:25px} .sod_frm_mobile #m_sod_frm_paysel .KPAY{background:url(../../../img/kpay.png) no-repeat;width:37px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%} .sod_frm_mobile #m_sod_frm_paysel .PAYNOW{background:url(../../../img/paynow.png) no-repeat;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%} .sod_frm_mobile #m_sod_frm_paysel .PAYCO{background:url(../../../img/payco.png) no-repeat 1px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%} .sod_frm_mobile #m_sod_frm_paysel .inicis_lpay{background:url(../../../img/lpay_logo.png) no-repeat;width:35px;height:12px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%} .sod_frm_mobile #m_sod_frm_paysel .inicis_kakaopay{background:url(../../../img/kakao.png) no-repeat 50% 50% #f4dc34;border-radius:30px;height:22px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto} .sod_frm_mobile #m_sod_frm_paysel .kakaopay_icon{background:url(../../../img/kakao.png) no-repeat 50% 50% #f4dc34;border-radius:30px;height:22px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto} .sod_frm_mobile #m_sod_frm_paysel .naverpay_icon{background:url(../../../img/ico-default-naverpay.png) no-repeat 50% 50% #fff;border-radius:30px;height:22px;width:50px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto} .sod_frm_mobile #m_sod_frm_paysel .samsung_pay{margin-left:-23px;background:url(../../../img/samsungpay.png) no-repeat 24px 3px;height:25px;width:106px;display:inline-block;overflow:hidden;text-indent:-999px} .sod_frm_mobile #sod_frm_pay h2{margin:10px 0;font-size:1.25em} .sod_frm_mobile #sod_frm_pay .cp_btn1,.sod_frm_mobile #sod_frm_pay .cp_cancel1{margin-top:0} .sod_frm_mobile .odf_tbl{position:relative} .sod_frm_mobile .odf_tbl table{background:#fff;width:100%;border-collapse:collapse;border-bottom:1px solid #ccc} .sod_frm_mobile .odf_tbl table th{border-top:1px solid #eceff4;padding:10px;text-align:left;width:120px;font-weight:400} .sod_frm_mobile .odf_tbl table td{border-top:1px solid #eceff4;padding:7px 10px;text-align:right} .sod_frm_mobile#sod_frm #sod_frm_pt_alert{margin:10px 0;text-align:left;color:#fff;line-height:18px;background:#f2838f;padding:10px 10px 10px 13px;border-radius:5px;position:relative} .sod_frm_mobile #sod_frm_pt_alert::before{content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453;height:100%} .sod_frm_mobile#sod_frm .sod_frm_point{padding:10px 0;clear:both;border:0 none} .sod_frm_mobile .sod_frm_point div{background:#fff;border:1px solid #e3e5e8;padding:10px;text-align:right} .sod_frm_mobile .sod_frm_point div:after{display:block;visibility:hidden;clear:both;content:''} .sod_frm_mobile .sod_frm_point div label{float:left;line-height:30px} .sod_frm_mobile .sod_frm_point div span{display:block;margin:5px 0} .sod_frm_mobile .sod_frm_point div span:after{display:block;visibility:hidden;clear:both;content:''} .sod_frm_mobile .sod_frm_point .max_point_box em{font-style:normal!important} .sod_frm_mobile .sod_frm_point div strong{float:left;color:#666;font-weight:400} .sod_frm_mobile .sod_frm_point #od_temp_point{height:30px;border:1px solid #d0d3db;text-align:right;background:#fff;border-radius:3px;-webkit-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1)} .sod_frm_mobile #sod_frm_pt_info{border-top:0} .sod_frm_mobile .cp_apply{padding:0 5px;border:1px solid #3a8afd;color:#3a8afd;background:#fff;height:23px;line-height:21px} .sod_frm_mobile #sod_frm_escrow{margin:10px} .sod_frm_mobile #sod_frm_escrow h2{font-size:1.25em} .sod_frm_mobile #od_pay_sl h3{font-size:1.25em} .sod_frm_mobile .sod_list .li_name{border-bottom:1px solid #dcdcdc;line-height:1.3em;padding:10px;font-size:1.083em} #sod_frm.sod_frm_mobile .odf_list .frm_input{width:100%!important} #sod_frm.sod_frm_mobile input[type="radio"],.sod_frm_mobile #sod_frm.sod_frm_mobile input[type="checkbox"]{width:auto;-webkit-appearance:radio;-webkit-border-radius:initial} #sod_frm.sod_frm_mobile #od_memo{min-height:50px} .sod_frm_mobile .od_prd_list{margin:10px;background:#fff;padding:15px} .sod_frm_mobile .od_prd_list .td_chk{border-left:0} .sod_frm_mobile .od_prd_list .td_prd{border-left:0;position:relative;padding-left:90px;min-height:100px} .sod_frm_mobile .od_prd_list .td_prd .sod_img{position:absolute;top:15px;left:0} .sod_frm_mobile .od_prd_list .td_prd .sod_name{min-height:80px} .sod_frm_mobile .od_prd_list .td_prd .prd_name{font-size:1.167em} .sod_frm_mobile .od_prd_list .total_prc{color:#ff006c;font-weight:700;font-size:1.167em} .sod_frm_mobile #sod_frm_taker{padding:10px;border-top:1px solid #f3f3f3} .sod_frm_mobile #sod_frm_taker h2,.sod_frm_mobile #sod_frm_orderer h2{margin:10px 0;font-size:1.25em} .sod_frm_mobile .odf_list label,.sod_frm_mobile .odf_list strong{display:block;margin:7px 0 5px;color:#444;font-weight:400} .sod_frm_mobile .odf_list .frm_input{width:100%;margin:0 0 5px} .sod_frm_mobile .odf_list .dlv_slt{background:#edf3fc;position:relative;border:1px solid #d1ddee;margin:5px 0;padding:10px} .sod_frm_mobile .odf_list .dlv_slt strong{margin:0;font-weight:700;line-height:30px} .sod_frm_mobile .odf_list .dlv_slt div label{display:inline-block;margin:3px 0;color:#000} .sod_frm_mobile #order_address{display:block;position:absolute;top:5px;right:5px;text-align:center;border:1px solid #d4d6db;background:#fff;border-radius:3px;color:#606060;height:30px;line-height:28px;margin:5px 0 0;padding:0 5px} .sod_frm_mobile .odf_list .ad_default{display:inline-block;margin:0} .sod_frm_mobile .odf_list .btn_addsch{position:absolute;top:5px;right:5px;border-radius:3px;height:30px} .sod_frm_mobile .odf_list .add_num{position:relative;display:block} .sod_frm_mobile .odf_list textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:70px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)} .sod_frm_mobile .sod_ta_wr{background:#fff;margin-bottom:1em} .sod_frm_mobile .btn_confirm{margin:0 0 10px} .sod_frm_mobile .btn_submit{width:100%;height:45px;font-size:1.167em;font-weight:700;margin:5px 0;border-radius:4px} .sod_frm_mobile #sod_frm_escrow{margin:10px} .sod_frm_mobile #sod_frm_escrow h2{font-size:1.25em} .sod_frm_mobile #od_pay_sl h3{font-size:1.25em} html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */ #sod_frm_pay_info {margin:0 0 10px} /* 네이버페이 */ .itemform-naverpay {margin:15px 0;clear:both} .cart-naverpay {margin-top:15px} /* theme.config.php 파일에서 G5_COMMUNITY_USE 를 false로 한 경우 1:1 문의와 게시판 css 처리 */ #bo_v_top .btn_admin, #bo_list .btn_admin {padding-top:0} /* 개인결제 */ .pesonal {background:#fff;border:1px solid #e3e5e8;margin-bottom:30px} .pesonal h2 {border-bottom:1px solid #e2e4e7;font-size:1.167em;padding:20px} .pesonal .tbl_frm01 {padding:20px 10px;margin:0} .pesonal th {text-align:left} .pesonal td {text-align:left;font-weight:bold} .pesonal td input {width:100%} .pesonal .half_tr {width:50%} #personal_pay {background:#fff;border:1px solid #e3e5e8} #personal_pay h2 {background:#fff;border-bottom:1px solid #e2e4e7;font-size:1.167em;padding:20px} #personal_pay input[type="radio"] {} #personal_pay .lb_icon {position:relative;display:inline-block;cursor:pointer;z-index:1} #personal_pay input[type="radio"]:checked+.lb_icon {z-index:3} #personal_pay legend {position:absolute;font-size:0;line-height:0;overflow:hidden} #personal_pay .KPAY {width:58px;background:url('../../../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #personal_pay .PAYNOW {width:75px;background:url('../../../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px} #personal_pay .PAYCO {width:75px;background:url('../../../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px} #personal_pay .kakaopay_icon {width:60px;background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00;overflow:hidden;text-indent:-999px;border-radius:30px} #personal_pay .pay_way {border-bottom:1px solid #e2e4e7} #personal_pay #display_pay_button {border:0} /* input, radio */ .selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden} .chk_box {position:relative} .chk_box input[type="checkbox"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden} .chk_box input[type="checkbox"] + label {position:relative;padding-left:20px;color:#676e70} .chk_box input[type="checkbox"] + label:hover{color:#2172f8} .chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px} .chk_box input[type="checkbox"]:checked + label {color:#000} .chk_box input[type="checkbox"]:checked + label span {background:url('../img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px} .chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden} .chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70} .chk_box input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#fff;border:1px solid #cdd6df;border-radius:50%} .chk_box input[type="radio"]:checked + label {color:#305af9} .chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#305af9;content:'';position:absolute;top:3px;left:3px;border-radius:50%} /* 리스트 공통 */ .lists-row{margin-right:-10px;margin-left:-10px} .lists-row .col-row-0,.lists-row .col-row-1,.lists-row .col-row-2,.lists-row .col-row-3,.lists-row .col-row-4,.lists-row .col-row-5,.lists-row .col-row-6,.lists-row .col-row-7,.lists-row .col-row-8,.lists-row .col-row-9,.lists-row .col-row-10{position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0;} .lists-row .col-row-0,.lists-row .col-row-1{width:100%} .lists-row .col-row-2{width:50%} .lists-row .col-row-3{width:33.33333333%} .lists-row .col-row-4{width:25%} .lists-row .col-row-5{width:20%} .lists-row .col-row-6{width:16.66666667%} .lists-row .col-row-7{width:14.28571428%} .lists-row .col-row-8{width:12.5%} .lists-row .col-row-9{width:11.11111111%} .lists-row .col-row-10{width:10%} .row-clear{clear:both!important} .lists-row .sct_img img{max-width:100%;height:auto} /* aside:gnb */ #gnb {margin-bottom:15px;background:#fff;border:1px solid #e8e8e8;border-top:0} #gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .gnb_1dli {position:relative;word-wrap:break-word} .gnb_1dli_on {color:#fff;text-decoration:none} .gnb_1da {display:block;padding:0 20px;line-height:48px;color:#010101;text-decoration:none;font-size:1.167em} .gnb_1da i {position:absolute;right:0;top:0;display:inline-block;color:#c4c4c4;padding:15px;font-size:1.45em} .gnb_1dam {background:url('img/gnb_bg.png') center right no-repeat} .gnb_1dli_on .gnb_1da {background-color:#f5f5f5;color:#3a8afd;font-weight:bold;text-decoration:none} .gnb_1dli_on .gnb_1da:after {position:absolute;left:-1px;top:0;content:"";background:#3a8afd;width:3px;height:100%} .gnb_1dli_on .gnb_1dam {text-decoration:none} .gnb_2dul {display:none;z-index:1000;position:absolute;border:1px solid #e8e8e8;padding:10px} .gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {display:inline-block;top:0;left:263px;width:200px;background:#fff} .gnb_1dli_over .gnb_2dul:after, .gnb_1dli_over2 .gnb_2dul:after {content:"";position:absolute;top:10px;left:-6px;display:inline-block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #fff} .gnb_1dli_over .gnb_2dul:before, .gnb_1dli_over2 .gnb_2dul:before {content:"";position:absolute;top:9px;left:-7px;display:inline-block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #e8e8e8} .gnb_2da {} .gnb_1dli_over .gnb_2da {display:block;padding:5px 10px;line-height:20px;font-size:1.083em} .gnb_2da:focus, .gnb_2da:hover {text-decoration:none;color:#3a8afd} /* 오늘 본 상품 */ #stv {position:relative;height:100%} #stv .li_empty {text-align:center;line-height:100px} #stv_pg {display:block;position:fixed;right:0;bottom:0;width:229px;text-align:center;margin:10px 0 0;padding:15px;line-height:20px;background:#fff} .stv_item {display:none;padding:15px;word-break:break-all;border-bottom:1px solid #f6f6f6} .stv_item:after {display:block;visibility:hidden;clear:both;content:""} .stv_item .prd_img {display:inline-block;float:left;margin-right:10px} .stv_item .prd_cnt {display:inline-block;float:left} .stv_item .prd_cnt span {display:block;max-width:105px} .stv_item .prd_cnt .prd_name {font-weight:bold;margin-bottom:3px} #stv_btn {position:absolute;top:10px;right:10px;width:60px;height:50px} #up {position:absolute;top:0;left:0;background:url('img/btn_sb_prev.png') no-repeat 50% 50%;width:30px;height:30px;text-indent:-999px;overflow:hidden;border:0} #down {position:absolute;top:0;right:0;background:url('img/btn_sb_next.png') no-repeat 50% 50%;width:30px;height:30px;text-indent:-999px;overflow:hidden;border:0} /* 이벤트 링크 */ #sev {margin:20px 0;text-align:center} #sev header {margin:0 0 20px} #sev header:after {display:block;visibility:hidden;clear:both;content:""} #sev h2 {float:left;font-size:1.5em;margin:0 0 10px 0;display:inline-block;line-height:1em} #sev h2:after {display:block;visibility:hidden;clear:both;content:""} #sev ul:after {display:block;visibility:hidden;clear:both;content:""} #sev>ul {margin:0 -10px} #sev .ev_li {float:left;padding:0 10px;width:33.333%} #sev .ev_li:first-child {margin-left:0} #sev .ev_li .sev_img img {width:100%;height:auto} #sev .ev_prd {border:1px solid #ddd;text-align:center;background:#fff} #sev .ev_prd li {position:relative;display:block;padding:15px;text-align:left;vertical-align:top;border-bottom:1px solid #f6f6f6} #sev .ev_prd li:last-child {border-bottom:0} #sev .ev_prd li:after {display:block;visibility:hidden;clear:both;content:""} #sev .ev_prd .ev_prd_tit {display:block;color:#000;font-size:1.1em;margin-bottom:5px} #sev .ev_prd .ev_prd_img {float:left;display:inline-block} #sev .ev_prd .ev_txt_wr {float:left;max-width:139px;margin-left:10px} #sev .ev_prd .ev_prd_price {font-weight:bold;display:block;margin:5px 0 10px;font-size:1.25em;font-weight:bold} #sev .ev_prd .sev_more {color:#3a8afd;background:#fff;display:block;text-align:center} /* 커뮤니티 링크 */ #scomm {padding:20px} #scomm h2 {margin:0 0 5px} #scomm li {display:block;margin:3px} #scomm li a {line-height:25px;color:#555} #scomm li a:hover {color:#be334a} /* 메인배너 */ #main_bn {border:1px solid #e3e5e8;position:relative;margin:19px 0 30px} #main_bn:after {display:block;visibility:hidden;clear:both;content:""} #main_bn .slide-wrap {padding:0;margin:0} #main_bn .slide-wrap img {max-width:100%;height:auto} #main_bn .main_image_area{position:relative} #main_bn .owl_pager {position:relative;width:100%;background:#fff;border-top:1px solid #e3e5e8} #main_bn .owl_pager ul:after {display:block;visibility:hidden;clear:both;content:""} #main_bn .owl_pager li {float:left;position:relative;width:20%;border-left:1px solid #e3e5e8;text-align:center;line-height:45px;height:45px;font-size:1.2em} #main_bn .owl_pager li:first-child, #main_bn .owl_pager li:nth-child(5n+1) {border-left:0} #main_bn .owl_pager li a {display:block} #main_bn .owl_pager li a:after {content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#e3e5e8} #main_bn .owl_pager li.active a {color:#3a8afd} #main_bn .owl_pager li.active a:after {background:#3a8afd;top:-1px} .btn_wr {background:rgba(0,0,0,0.5);display:inline-block;position:absolute;right:20px;bottom:65px;border-radius:30px;padding:3px 5px} #main_bn .btn_wr{z-index:2} .btn_wr .pager-prev {margin-left:5px;font-weight:bold} .btn_wr .pager-next {margin-right:5px;font-weight:bold} .btn_wr .pager-prev, .btn_wr .pager-next, #slide-counter {float:left;display:inline-block;padding:5px;color:#fff} #slide-counter {margin:0 5px} /*서브배너*/ #sbn_side {position:relative;width:100%;margin-bottom:20px} .sb_bn {} .sb_bn img {width:100%;height:auto} #sbn_side h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #sbn_side .bx-controls {position:absolute;bottom:10px;left:15px} #sbn_side .bx-pager-item {display:inline-block} #sbn_side .bx-pager-item a {float:left;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#fff;text-indent:-9999px;opacity:0.5} #sbn_side .bx-pager-item a.active {opacity:1} #sbn_side .bx-controls-direction {display:none} /*장바구니*/ #sbsk {position:relative} #sbsk li {position:relative;border-bottom:1px solid #f6f6f6;padding:15px} #sbsk li:after {display:block;visibility:hidden;clear:both;content:""} #sbsk .go_cart {position:absolute;top:11px;right:15px;display:inline-block;height:28px;line-height:22px;border:1px solid #d5d9dd;color:#3a8afd;border-radius:2px;background:#fff;padding:2px 5px} #sbsk .btn_buy {padding:15px;font-weight:bold;text-align:center} #sbsk .btn_buy .btn_submit {width:100%;height:40px} #sbsk .li_empty {text-align:center;line-height:100px} #sbsk .prd_img {display:inline-block;float:left;margin-right:10px} #sbsk .prd_cnt {display:inline-block;float:left} #sbsk .prd_cnt a, #sbsk .prd_cnt span {display:block;max-width:105px} #sbsk .prd_cnt .prd_name {font-weight:bold;margin-bottom:3px} #sbsk .cart_del {border:0;width:35px;height:35px;text-align:center;position:absolute;right:0;bottom:0;color:#c5c8ca;background:#fff;font-size:1.25em} /*위시리스트*/ #wish {} #wish li {position:relative;border-bottom:1px solid #f6f6f6;padding:15px} #wish li:after {display:block;visibility:hidden;clear:both;content:""} #wish .li_empty {text-align:center;line-height:100px} #wish .prd_img {display:inline-block;float:left;margin-right:10px} #wish .prd_cnt {display:inline-block;float:left} #wish .prd_cnt a {display:block;max-width:105px} #wish .prd_cnt .prd_name {font-weight:bold;margin-bottom:3px} /* ##### main(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */ /* 공통 */ .sct_wrap {position:relative;margin:0 0 20px} .sct_wrap .sctrl {position:absolute;top:0;right:0} /* 애니메이션 효과 사용 시 재생 정지 버튼 등 */ .sct_wrap:after {display:block;visibility:hidden;clear:both;content:""} .sct_wrap header {padding:10px 0 20px} .sct_wrap header:after {display:block;visibility:hidden;clear:both;content:""} .sct_wrap h2 {float:left;font-size:1.5em;margin:0 0 10px 0;display:inline-block;line-height:1em} .sct_wrap h2:after {display:block;visibility:hidden;clear:both;content:""} .sct_wrap h2 a {text-decoration:none} #sct {clear:both} .sct {clear:both;margin:0;padding:0;list-style:none} .sct:after {display:block;visibility:hidden;clear:both;content:""} .sct_li {position:relative} .sct_noitem {padding:100px 0;text-align:center} .sct img {position:relative} /* 리스트뷰 갤러리뷰 변경 시 ie6,7 에서 이미지 사라지는 문제 해결하기 위해 */ .shop_icon {display:inline-block;color:#fff;line-height:20px;padding:0 5px;font-size:0.92em;margin:1px;border-radius:2px} .shop_icon_1 {background:#3ec1d3} .shop_icon_2 {background:#ffb722} .shop_icon_3 {background:#2dd49f} .shop_icon_4 {background:#556ee6} .shop_icon_5 {background:#ff5081} .shop_icon_soldout {position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,0.5);text-align:center;line-height:215px;color:#fff;font-size:18px;font-weight:bold;letter-spacing:1px} .shop_icon_soldout.h160{line-height:160px} .shop_icon_coupon {background:#d45959} /* 재생/정지/이전/다음 버튼 */ .sctrl {margin:0;padding:0;list-style:none} .sctrl:after {display:block;visibility:hidden;clear:both;content:""} .sctrl li {position:relative;float:left} .sctrl button {position:relative;margin:0;padding:0;width:20px;height:20px;border:0;cursor:pointer;overflow:hidden} .sctrl button span {position:absolute;top:0;left:0;width:20px;height:20px;border:0;background:url('img/is_button.gif') no-repeat} .sctrl button.sctrl_play span {background-position:-60px 0} .sctrl button.sctrl_play span.sctrl_on {background-position:-60px -30px} .sctrl button.sctrl_stop span {background-position:-90px 0} .sctrl button.sctrl_stop span.sctrl_on {background-position:-90px -30px} .sctrl button.sctrl_prev span {background-position:-120px 0} .sctrl button.sctrl_prev span.sctrl_on {background-position:-120px -30px} .sctrl button.sctrl_next span {background-position:-150px 0} .sctrl button.sctrl_next span.sctrl_on {background-position:-150px -30px} /* 메인리스트 별점 공통 */ .sct_li .sct_star img, .sct_li img.sit_star{width:72px !important;height:auto} /* 상품 목록 스킨 10 */ .sct_10 {margin:25px 0} .sct_10.lists-row{margin-right:-10px;margin-left:-10px} .sct_10 .sct_li {position:relative;float:left;margin-bottom:40px;text-align:left} .sct_10 .sct_last {margin-right:0} .sct_10 .sct_clear {clear:both} .sct_10 .sct_a {text-decoration:none} .sct_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none} .sct_10 .sct_img {position:relative;text-align:center} .sct_10 .sct_img a {display:block} .sct_10 .sct_cart {display:none;position:absolute;left:0;bottom:0;border:0;width:100%;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold} .sct_10 .sct_img:hover .sct_cart {display:block} .sct_10 .sct_cart i {display:inline-block;margin-right:5px;font-size:1.2em} .sct_10 .sct_disc {position:absolute;right:15px;bottom:15px;background:red;color:#fff;padding:0 8px;line-height:24px;font-weight:bold;font-size:1.2em;background:#000;background:rgba(0,0,0,0.5)} .sct_10 .sct_ct_wrap {position:relative} .sct_10 .sct_ct_wrap:after {display:block;visibility:hidden;clear:both;content:""} .sct_10 .sct_star {margin: 10px 0 5px} .sct_10 .sct_txt {border-bottom:1px solid #d9dde2;font-size:1.1em;margin:10px 0;padding-bottom:10px} .sct_10 .sct_basic {margin-bottom:5px;color:#6e7f88} .sct_10 .sct_bottom {position:relative;min-height:20px} .sct_10 .sct_cost {margin:5px 0 10px;font-size:1.25em;font-weight:bold} .sct_10 .sct_dict {display:block;text-decoration:line-through;font-weight:normal;font-size:0.85em;color:#858a8d} .sct_10 .sct_sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999} .sct_10 .sct_sns {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 18px rgba(0,0,0,0.2);box-shadow: 1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px} .sct_10 .sct_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left} .sct_10 .sct_sns a {display:inline-block;border-radius:50%;width:50px;height:50px;line-height:25px;text-align:center;padding:10px 0;margin:20px 5px} .sct_10 .sct_sns .share-facebook {background:#415b92} .sct_10 .sct_sns .share-twitter {background:#35b3dc} .sct_10 .sct_sns .share-googleplus {background:#ea3838} .sct_10 .sct_sns img {width:24px} .sct_10 .sct_sns_bg {background:rgba(0,0,0,0.1);width:100%;height:100%} .sct_10 .sct_sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff} .sct_10 .sct_op_btn {position:absolute;right:5px;bottom:0} .sct_10 .sct_op_btn>button {border:0;width:25px;height:20px;font-size:1.25em;text-align:center;color:#949494;background:transparent} /* 상품 목록 스킨 20 */ .sct_20 .sct_li {position:relative;float:left;margin:0 25px 15px 0} .sct_20 .sct_last {margin:0 0 15px !important} .sct_20 .sct_clear {clear:both} .sct_20 .sct_a {display:block;position:relative;text-decoration:none} .sct_20 .sct_a:focus, .sct_20 .sct_a:hover {text-decoration:none} .sct_20 .sct_img {} .sct_20 .sct_icon {position:absolute;top:10px;left:-5px;margin:0 !important} .sct_20 .sct_icon img {display:block;margin:0 0 3px} .sct_20 .sct_id {display:block;padding:5px 10px 0;background:#f2f5f9} .sct_20 .sct_txt {padding:10px;background:#f2f5f9} .sct_20 .sct_basic {padding:0 10px 5px;background:#f2f5f9;line-height:1.5em} .sct_20 .sct_cost {display:block;padding:0 10px 10px;background:#f2f5f9;font-weight:bold} .sct_20 .sct_dict {text-decoration:line-through;display:block;margin:0 0 5px;color:#999;font-weight:normal} .sct_20 .sct_sns {position:absolute;bottom:10px;right:10px} /* 상품 목록 스킨 30 */ .sct_30 .sct_li {position:relative;float:left;margin:0 16px 15px 0;border:1px solid #e9e9e9;background:#f5f6fa} .sct_30 .sct_last {margin:0 0 15px !important} .sct_30 .sct_clear {clear:both} .sct_30 .sct_arw_toleft {display:block;z-index:2;position:absolute;top:20px;left:221px;width:10px;height:19px;background:url('img/icon_arw_toleft.gif') no-repeat} .sct_30 .sct_a {text-decoration:none} .sct_30 .sct_img {position:absolute;top:0;left:0} .sct_30 .sct_icon {position:absolute;bottom:25px;left:-5px;margin:0 !important} .sct_30 .sct_icon img {display:block;margin:0 0 3px} .sct_30 .sct_txt {display:inline-block;margin:0 0 20px} .sct_30 .sct_basic {margin:0 0 15px;padding:0;line-height:1.5em} .sct_30 .sct_cost {display:block;margin:0 0 10px;font-weight:bold} .sct_30 .sct_dict {text-decoration:line-through;display:block;margin:0 0 5px;color:#999;font-weight:normal} .sct_30 .sct_sns {position:absolute;bottom:20px;right:10px} /* 상품 목록 스킨 40 */ .sct_40 {margin:20px 0} .sct_40 .sct_clear {border-top:1px solid #dadada} .sct_40 .sct_li {position:relative;padding:15px 0;border-bottom:1px solid #dadada} .sct_40 .sct_li:after {display:block;visibility:hidden;clear:both;content:""} .sct_40 .sct_a {text-decoration:none} .sct_40 .sct_a:focus, .sct_40 .sct_a:hover {text-decoration:none} .sct_40 .sct_img {text-align:center;float:left;margin-right:20px} .sct_40 .sct_img a {display:block;position:relative;z-index: 9999;} .sct_40 .sct_cart {position:absolute;right:0;bottom:0;border:0;width:150px;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold;z-index:99999} .sct_40 .list-10-btn .sct_cart{z-index:1;top:40px;right:10px;bottom:initial;padding:8px 0;width:140px;border:1px solid #1c70e9;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px} .sct_40 .list-10-btn .sct_cart:hover {background:#2375eb} .sct_40 .list-10-btn .sct_cart i{display:none} .sct_40 .sct_img:hover .sct_cart {display:block} .sct_40 .sct_cart i {display:inline-block;margin-right:5px;font-size:1.2em} .sct_40 .sct_disc {position:absolute;right:15px;bottom:15px;background:red;color:#fff;padding:0 8px;line-height:24px;font-weight:bold;font-size:1.2em;background:#000;background:rgba(0,0,0,0.5)} .sct_40 .sit_icon_li{margin-top:10px} .sct_40 .sct_ct_wrap {position:relative} .sct_40 .sct_ct_wrap:after {display:block;visibility:hidden;clear:both;content:""} .sct_40 .sct_star {margin:10px 0 5px} .sct_40 .sct_txt {font-size:1.1em;margin:10px 0;padding-bottom:10px} .sct_40 .sct_txt a{font-weight:600;font-size:1.2em} .sct_40 .sct_basic {margin-bottom:5px;color:#6e7f88} .sct_40 .sct_cost {position:absolute;right:200px;top:15px;font-size:1.35em;font-weight:bold} .sct_40 .sct_dict {text-decoration:line-through;font-weight:normal;display:block;font-size:0.85em;color:#858a8d} .sct_40 .sct_sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999} .sct_40 .sct_sns {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 18px rgba(0,0,0,0.2);box-shadow: 1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px} .sct_40 .sct_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left} .sct_40 .sct_sns a {display:inline-block;border-radius:50%;width:50px;height:50px;line-height:25px;text-align:center;padding:10px 0;margin:20px 5px} .sct_40 .sct_sns .share-facebook {background:#415b92} .sct_40 .sct_sns .share-twitter {background:#35b3dc} .sct_40 .sct_sns .share-googleplus {background:#ea3838} .sct_40 .sct_sns img {width:24px} .sct_40 .sct_sns_bg {background:rgba(0,0,0,0.1);width:100%;height:100%} .sct_40 .sct_sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff} .sct_40 .sct_op_btn {position:absolute;right:20px;bottom:20px} .sct_40 .sct_op_btn>button {border:0;width:25px;height:20px;font-size:1.25em;text-align:center;color:#949494;background:transparent} /* 개인결제 목록 */ .sct_pv .sct_li {position:relative;float:left;margin:0 18px 15px 0} .sct_pv .sct_last {margin:0 0 15px !important} .sct_pv .sct_clear {clear:both} .sct_pv .sct_a {display:inline-block;position:relative;text-decoration:none;font-size:1.1em} .sct_pv .sct_a:focus, .sct_pv .sct_a:hover {text-decoration:none} .sct_pv .sct_img {margin:0 0 10px} .sct_pv .sct_txt {margin:0 0 5px} .sct_pv .sct_icon {margin:0 0 10px} .sct_pv .sct_id {display:block;margin:0 0 5px} .sct_pv .sct_basic {margin:0 0 10px} .sct_pv .sct_cost {display:block;margin:5px 0 10px;font-size:1.25em;font-weight:bold} .sct_pv .sct_dict {text-decoration:line-through;display:block;margin:0 0 5px;color:#999;font-weight:normal} .sct_pv .sct_sns {} /* 메인 상품 목록 스킨 10 */ .smt_10 {margin:0 -5px} .smt_10 .sct_li {position:relative;float:left;width:215px;margin-right:15px;margin-bottom:15px;text-align:left} .smt_10 .sct_last {margin-right:0} .smt_10 .sct_clear {clear:both} .smt_10 .sct_a {text-decoration:none} .smt_10 .sct_a:focus, .smt_10 .sct_a:hover {text-decoration:none} .smt_10 .sct_ct_wrap {position:relative} .smt_10 .sct_ct_wrap:after {display:block;visibility:hidden;clear:both;content:""} .smt_10 .sct_img {position:relative;text-align:center} .smt_10 .sct_img a {display:block} .smt_10 .sct_cart {display:none;position:absolute;left:0;bottom:0;border:0;width:100%;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold} .smt_10 .sct_img:hover .sct_cart {display:block} .smt_10 .sct_li.overlay .sct_cart{display:none !important} .smt_10 .sct_cart i {display:inline-block;margin-right:5px;font-size:1.2em} .smt_10 .sct_disc {position:absolute;right:15px;bottom:15px;background:red;color:#fff;padding:0 8px;line-height:24px;font-weight:bold;font-size:1.2em;background:#000;background:rgba(0,0,0,0.5)} .smt_10 .sct_star {margin: 10px 0 5px} .smt_10 .sct_txt {border-bottom:1px solid #d9dde2;font-size:1.1em;margin:10px 0;padding-bottom:10px} .smt_10 .sct_basic {margin-bottom:5px;color:#6e7f88} .smt_10 .sct_cost {margin:5px 0 10px;font-size:1.25em;font-weight:bold} .smt_10 .sct_dict {text-decoration:line-through;font-weight:normal;display:block;font-size:0.85em;color:#858a8d} .smt_10 .sct_sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999} .smt_10 .sct_sns {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 18px rgba(0,0,0,0.2);box-shadow: 1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px} .smt_10 .sct_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left} .smt_10 .sct_sns a {display:inline-block;border-radius:50%;width:50px;height:50px;line-height:25px;text-align:center;padding:10px 0;margin:20px 5px} .smt_10 .sct_sns .share-facebook {background:#415b92} .smt_10 .sct_sns .share-twitter {background:#35b3dc} .smt_10 .sct_sns .share-googleplus {background:#ea3838} .smt_10 .sct_sns img {width:24px} .smt_10 .sct_sns_bg {background:rgba(0,0,0,0.1);width:100%;height:100%} .smt_10 .sct_sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff} .smt_10 .sct_op_btn {position:absolute;right:5px;bottom:0} .smt_10 .sct_op_btn>button {border:0;width:25px;height:20px;font-size:1.25em;text-align:center;color:#949494;background:transparent} .sct_cartop_wr {position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;padding:10px;text-align:left;background:rgba(0,0,0,0.5);opacity:0.98} .sct_cartop_wr .it_option {width:100%;height:35px;margin-bottom:5px;} .sct_cartop_wr .cartopt_cart_btn {width:100%;border:1px solid #1c70e9;padding:8px 5px;margin-bottom:5px;background:#3a8afd;color:#fff;border-radius:3px} .sct_cartop_wr .cartopt_close_btn {width:100%;border:1px solid #1c70e9;padding:8px 5px;background:#fff;color:#1c70e9;border-radius:3px} /* 메인 상품 목록 스킨 20 */ .smt_20 {position:relative;overflow-y:hidden;margin:0 -5px} .smt_20 .sct_ul {width:100%;position:absolute;top:0;left:0;margin:0;padding:0;list-style:none} .smt_20 .sct_ul_first {display:block;top:0} .smt_20 .sct_li {position:relative;float:left;width:215px;margin-right:15px;margin-bottom:15px;text-align:left} .smt_20 .sct_last {margin:0 0 15px !important} .smt_20 .sct_clear {clear:both} .smt_20 .sct_a {display:inline-block;position:relative;text-decoration:none} .smt_20 .sct_a:focus, .smt_20 .sct_a:hover {text-decoration:none} .smt_20 .sct_img {position:relative;text-align:center} .smt_20 .sct_img a {display:block} .smt_20 .sct_cart {display:none;position:absolute;left:0;bottom:0;border:0;width:100%;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold} .smt_20 .sct_img:hover .sct_cart {display:block} .smt_20 .sct_txt {border-bottom:1px solid #d9dde2;font-size:1.1em;margin:10px 0;padding-bottom:10px} .smt_20 .sct_basic {margin-bottom:5px;color:#6e7f88} .smt_20 .sct_cost {margin:5px 0 10px;font-size:1.25em;font-weight:bold} .smt_20 .sct_dict {text-decoration:line-through;display:block;font-size:0.85em;color:#858a8d} .smt_20 .sct_sns {margin-bottom:10px} .smt_20 .sct_sns a {display:inline-block;border-radius:50%;width:30px;height:30px;line-height:28px;margin-right:5px;text-align:center} .smt_20 .sct_sns .share-facebook {background:#415b92} .smt_20 .sct_sns .share-twitter {background:#35b3dc} .smt_20 .sct_sns .share-googleplus {background:#ea3838} .smt_20 .sct_sns img {width:20px} .smt_20 .sct_icon {margin:0 0 10px} .smt_20 .sct_id {display:block;margin:0 0 5px} /* 메인 상품 목록 스킨 30 */ .smt_30 {position:relative} .smt_30 li {position:relative;min-height:50px;padding:10px 15px;background:#fff} .smt_30 li:after {display:block;visibility:hidden;clear:both;content:""} .smt_30 .sct_clear {clear:both} .smt_30 .sct_img {float:left;width:80px;margin-right:10px} .smt_30 .sct_img img {width:100%;height:auto} .smt_30 .sct_cnt {display:inline-block;float:left;max-width:143px;line-height:20px} .smt_30 .sct_txt a {display:block;font-size:1em;color:#000;max-height:40px;overflow:hidden;text-overflow:ellipsis;list-style:none} .smt_30 .sct_cost {font-weight:bold;font-size:1.2em} /* 메인 상품 목록 스킨 40 */ .smt_40 {background:#fff;padding:20px;border:1px solid #e3e5e8} .smt_40 .sct_li {position:relative;float:left;width:20%;margin:0 8px} .smt_40 .sct_last {} .smt_40 .sct_clear {clear:both} .smt_40 .sct_img {position:relative;text-align:center} .smt_40 .sct_star {margin:10px 0 5px} .smt_40 .sct_txt {display:block;margin:5px 0;font-size:1.1em} .smt_40 .sct_cost {margin:5px 0;font-size:1.25em;font-weight:bold} /* 관련상품 목록 스킨 10 */ #sit_rel {position:relative;border:1px solid #e8e8e8;padding:35px;margin-top:20px;background:#fff} #sit_rel:after {display:block;visibility:hidden;clear:both;content:""} #sit_rel h2 {font-size:1.6em;margin:0 0 30px;text-align:center} #sit_rel .bx-wrapper {margin:0 auto} #sit_rel .bx-controls-direction {position:absolute;top:25px;right:35px} #sit_rel .bx-prev {display:inline-block;width:30px;height:30px;border:1px solid #dee3eb;border-right:0;text-indent:-999px;overflow:hidden;background:url('img/select_arrow_left.png') no-repeat 50% 50%} #sit_rel .bx-next {display:inline-block;width:30px;height:30px;border:1px solid #dee3eb;text-indent:-999px;overflow:hidden;background:url('img/select_arrow_right.png') no-repeat 50% 50%} .scr_10 li img {width:100%;height:auto} .scr_10 .sct_txt {display:block;margin:5px 0;font-size:1.1em} .scr_10 .sct_cost {margin:5px 0;font-size:1.25em;font-weight:bold} /* ##### main(nn).skin.php, list.(nn).skin..php 공통 적용 끝 ##### */ /* 상품 목록 */ #sct {margin:0} .sct_admin {text-align:right} .sct_admin a {} /* 상품 목록 현재 위치 */ #sct_location {display:inline-block;float:right;padding:12px 0;position:absolute;right:0;top:12px} #sct_location .go_home {display:inline-block;font-size:1.4em;color:#a2a2a2;line-height:17px;text-decoration:none;vertical-align:top;padding:0 12px} #sct_location i.dividing-line {vertical-align:top;font-size:1.2em;color:#a2a2a2;display:inline-block;margin:0;line-height:17px} #sct_location select {float:left;border:1px solid #d3d3d3;height:26px;padding:0 5px;margin:0 12px} #sct_location.is_right select{float:right} #sct_location.view_location{display:block;float:none!important;position:relative;top:0;left:0} #sct_location.view_location:after{display:block;visibility:hidden;clear:both;content:""} .view_location .go_home{float:left} .view_location i.dividing-line{float:left} .view_location .shop_select_to_html.shop_hover_selectbox{float:left} .shop_select_to_html{position:relative;display:inline-block} .shop_select_to_html span{padding:10px 20px 15px} .shop_select_to_html .menulist{position:absolute;top:20px;display:none;opacity:0;transition:all .2s ease-in-out} .view_location .shop_select_to_html .menulist{left:0} .is_right .shop_select_to_html .menulist{right:0} .shop_select_to_html:hover .category_title,.shop_select_to_html:hover .category_title i{color:#69aa6f} .shop_select_to_html:hover .menulist{display:block;opacity:1;transition:all .2s ease-in-out} .shop_select_to_html .menulist{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,88,112,0.11);box-sizing:border-box;margin-top:4px;overflow:hidden;padding:6px 0;-webkit-transition:all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out;z-index:9;white-space:nowrap;width:auto} .shop_select_to_html .menulist ul.wide{display:inline-block!important;width:146px;vertical-align:top;min-height:360px} .shop_select_to_html .menulist ul.left-border{border-left:1px dashed #e6e9ed} .shop_select_to_html .option{font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:none;text-align:left;-webkit-transition:all .2s;transition:all .2s} .shop_select_to_html .option:hover,.shop_select_to_html .option.focus,.shop_select_to_html .option.selected.focus{background-color:#f6f7f9} .shop_select_to_html .option.selected,.shop_select_to_html .option.selected a{font-weight:700;color:#69aa6f} .shop_select_to_html .option.disabled{background-color:transparent;color:#90a1b5;cursor:default} .shop_select_to_html .option a{display:block;padding-left:28px;padding-right:49px} .shop_select_to_html .category_title{color:#4F4F4F;font-size:1.1em} .shop_select_to_html .category_title i{margin-left:5px;color:#a2a2a2} .sct_here {font-weight:bold} .sct_bg {padding-right:15px !important;background:url('img/sct_bg_toright.gif') right 50% no-repeat} /* 상품 목록 카테고리 목록 */ .sct_ct {clear:both;margin:10px 0 20px;background:#fff;border:1px solid #d3d3d3;border-top:2px solid #000;padding:10px} .sct_ct h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .sct_ct ul:after {display:block;visibility:hidden;clear:both;content:""} .sct_ct a {text-decoration:none} .sct_ct_parent {font-weight:bold} .sct_ct_here {color:#ff3600 !important} #sct_ct_1 li {float:left;width:20%;border-right:1px solid #f6f6f6} #sct_ct_1 li:nth-child(5n) {border-right:0} #sct_ct_1 li a {display:block;padding:0 10px;line-height:40px;font-weight:bold} #sct_ct_1 li a:hover {color:#3a8afd} #sct_ct_2 li {margin:0 0 10px} #sct_ct_2 a {display:inline-block;width:120px} #sct_ct_3 li {float:left;margin:0 10px 10px 0;width:120px} /* 상품 정렬 리스트 스타일 선택 공통 */ #sct_sortlst {clear:both;background:#fff;border:1px solid #e3e5e8} #sct_sortlst:after {display:block;visibility:hidden;clear:both;content:""} /* 상품 정렬 */ #sct_sort {float:left;width:80%} #sct_sort:after {display:block;visibility:hidden;clear:both;content:""} #sct_sort h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #sct_sort ul {margin:0;padding:0 0 0 1px;list-style:none} #sct_sort ul:after {display:block;visibility:hidden;clear:both;content:""} #sct_sort li {float:left;position:relative;margin-left:-1px;height:45px;padding:15px 0;line-height:15px} #sct_sort li a {border-left:1px solid #ddd;display:block;padding:0 10px} #sct_sort li a:hover {color:#be334a} #sct_sort li:first-child a {border:0} /* 상품 리스트 스타일 선택 */ #sct_lst {float:right;margin:0 0;padding:0;list-style:none} #sct_lst:after {display:block;visibility:hidden;clear:both;content:""} #sct_lst li {position:relative;float:left} #sct_lst button {position:relative;margin:0;padding:0;width:45px;height:45px;border:0;cursor:pointer;background:#fff;color:#adadad;font-size:15px} #sct_lst button:hover {color:#000} #sct_lst button.sct_lst_list {} #sct_lst button .icon {display:block} /* 상품 상세보기 */ #sit {margin:0 0 10px} .sit_admin {position:absolute;right:0;top:2px;text-align:right} .sit_admin a {line-height:35px;padding:0 10px} .sit_empty {padding:60px 0;text-align:center} .is_search #wrapper_title, .is_item #wrapper_title{display:none} /* 상품 상세보기 - 개요 */ /* #sit_ov_from {background:#fff;border-bottom:1px solid #e3e3e3;clear:both} #sit_ov_wrap {width:1200px;margin:0 auto;padding:45px;border-top:1px solid #e3e3e3} #sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""} */ /* 상품 상세보기 - 이미지 미리보기 */ #sit_pvi {float:left;position:relative} #sit_pvi_big {float:right;text-align:center} #sit_pvi_big a {display:none} #sit_pvi_big a.visible {display:block} #sit_pvi_big #popup_item_image {display:inline-block;position:absolute;bottom:0;right:0;width:43px;height:43px;line-height:43px;background:#fff;color:#8c9195;border:1px solid #e0e0e0;font-size:1.4em} #sit_pvi_big img {width:500px;height:auto} #sit_pvi_thumb {float:left;margin:0;padding:0;list-style:none;text-align:center} #sit_pvi_thumb:after {display:block;visibility:hidden;clear:both;content:""} #sit_pvi_thumb li {margin:0 15px 15px 0} #sit_pvi_thumb img {border:1px solid #dbdbdb} #sit_pvi_thumb img:hover {border:1px solid #010101} #sit_pvi_nwbig {padding:10px 0;text-align:center} #sit_pvi_nwbig span {display:none} #sit_pvi_nwbig span.visible {display:inline} #sit_pvi_nw ul {margin:0 0 20px;text-align:center;padding:0 10px;list-style:none} #sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""} #sit_pvi_nw li {display:inline-block;margin:0 0 1px 1px} #sit_pvi_nw li img {width:60px;height:60px} /* 상품 상세보기 - 간략정보 및 구매기능 #sit_ov {position:relative;float:right;width:448px;height:auto !important;height:355px;min-height:355px;padding-bottom:20px} #sit_ov h3 {margin:0 0 10px} */ #sit_title {margin:0 0 10px;font-size:2.4em} #sit_desc {margin:0 0 10px;padding:0;color:#474747;font-size:1.167em} #sit_opt_info {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #sit_star_sns {position:relative} #sit_star_sns span {display:inline-block;margin:0 5px 0 0;color:#666;letter-spacing:0} #sit_star_sns .sit_star {position:relative;top:-2px;margin:0 5px 0 0} #sit_star_sns a {display:inline-block;vertical-align:middle} #sit_star_sns .btn_sns_share {float:left;background:transparent;width:35px;height:25px;border:0;color:#4b5259;font-size:1.6em;font-weight:bold} #sit_star_sns .btn_sns_share:hover {color:#3a8afd} #sit_star_sns .sns_area {display:none;position:absolute;top:45px;right:0;max-width:175px;text-align:center;background:#fff;border:1px solid #e2e2e2;padding:10px;z-index:10} #sit_star_sns .sns_area:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #e2e2e2 transparent} #sit_star_sns .sns_area:after {content:"";position:absolute;top:-7px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent} #sit_star_sns .sns_area a {display:inline-block;width:35px;height:35px;line-height:35px;margin-bottom:5px;background:#eee;text-align:center;border-radius:50%} #sit_star_sns .sns_area a img {width:24px;height:auto} #sit_star_sns .sns_area #sit_btn_rec {font-size:15px} #sit_star_sns .sns_area .share-googleplus {background:#ea3838} #sit_star_sns .sns_area .share-facebook {background:#415b92} #sit_star_sns .sns_area .share-twitter {background:#35b3dc} #sit_btn_opt {position:absolute;right:0;bottom:0} #btn_wish {float:left;position:relative;display:inline-block;padding-right:5px;color:#4b5259;width:35px;height:25px;text-align:center;font-size:1.25em;font-weight:bold} #btn_wish i {font-size:1.6em;font-weight:bold} #btn_wish .btn_wish_num {position:absolute;right:0;bottom:-2px;margin:0;padding:0 2px;height:17px;line-height:15px;border-radius:30px;background:#fff;color:#4b5259;font-size:0.75em} .sit_info {padding:10px 0;border-top:1px solid #e2e2e2;margin:10px 0 0;border-bottom:1px solid #e2e2e2} .sit_info .tr_price {border-bottom:1px solid #e2e2e2} .sit_info .tr_price th, .sit_info .tr_price td {padding-bottom:15px} .sit_ov_tbl {width:100%;border:0;border-collapse:collapse;color:#666} .sit_ov_tbl th {font-weight:normal;text-align:left} .sit_ov_tbl td {padding:10px 0} .sit_ov_tbl td strong {color:#000;line-height:5px;vertical-align:top;font-size:1.25em} .sit_ov_ro {padding:2px 2px 3px;border:0;background:transparent;text-align:right;vertical-align:middle} .sit_ov_opt {padding:2px 2px 3px;border:0;background:transparent;vertical-align:middle} .sit_ov_input {margin:0 1px 0 0;padding:2px 2px 3px;border:1px solid #b8c9c2;background:transparent;vertical-align:middle} #sit_ov_tbl button {margin:0 1px 0 0} /* .sit_option {padding:10px 0;margin:10px 0 0} .sit_option label {display:block;margin:0 0 5px;color:#666} .sit_option label.label-title{display:none} .sit_option select {width:100%;margin:0 0 10px;height:50px;padding:0 10px;border:1px solid #cdcdcd; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('img/select_arrow.png') no-repeat 96% 50% } .sit_option select::-ms-expand {display:none} .sit_option h3 {font-size:1.083em} */ .sit_sel_btn {position:relative} /* 선택옵션용 추가 버튼 */ .sit_sel_btn button {position:absolute;top:-51px;right:0 !important;right:15px} #sit_sel_option h3 {position:absolute;font-size:0;line-height:0;overflow:hidden} #sit_tot_price {font-size:1.167em;line-height:45px;font-weight:bold;text-align:right} #sit_tot_price:after {display:block;visibility:hidden;clear:both;content:""} #sit_tot_price span {float:left} #sit_tot_price strong {font-size:1.5em;margin-left:15px} #sit_ov_soldout {padding:20px 0;margin:10px 0;color:#ff3061;background:#fff6f6;font-weight:bold;text-align:center} /* #sit_ov_btn:after {display:block;visibility:hidden;clear:both;content:""} #sit_ov_btn button {width:186px;float:left;margin-right:5px;height:50px;margin-bottom:10px;font-weight:bold;font-size:1.25em} */ .sit_btn_buy {background:#3a8afd;border-radius:3px;border:1px solid #1c70e9;color:#fff} .sit_btn_buy:hover {background:#2176f1} .sit_btn_cart {background:#fff;border-radius:3px;border:1px solid #98a3b3;color:#000} .sit_btn_cart:hover {background:#f3f3f3} #sit_btn_alm {float:left;display:inline-block;width:186px;height:50px;margin-left:5px;line-height:50px;margin-bottom:10px;font-weight:bold;font-size:1.25em;background:#d50c0c;border-radius:3px;color:#fff;border:0;text-align:center} .sit_btn_wish {float:left;display:inline-block;width:65px;height:50px;margin-bottom:10px;line-height:50px;color:#8c9195;font-size:1.6em;border:1px solid #98a3b3;text-align:center;border-radius:3px;font-weight:bold} .sit_btn_wish:hover {color:red} /* 상품 상세보기 - 다른 상품 보기 */ #sit_siblings {clear:both;width:100%;border-top:1px solid #f1f3f6;background:#fff;text-align:center;position:relative} #sit_siblings:after {display:block;visibility:hidden;clear:both;content:""} #sit_siblings h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #sit_siblings a {display:block;position:relative;padding:0;margin: 15px;line-height:35px;color:#999} #sit_siblings a#siblings_prev {float:left;padding-left:20px} #sit_siblings a#siblings_prev:after {content:"";background:url('img/sit_siblings.jpg') no-repeat;position:absolute;left:0;top:10px;width:10px;height:15px;display:inline-block} #sit_siblings a#siblings_next {float:right;padding-right:20px} #sit_siblings a#siblings_next:after {content:"";background:url('img/sit_siblings.jpg') -14px 0px no-repeat;position:absolute;right:0;top:10px;width:10px;height:15px;display:inline-block} #sit_siblings a span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #sit_info {display:inline-flex;position:relative;width:100%;min-height:600px;margin-top:20px;margin-bottom:30px;border:1px solid #e8e8e8;background:#fff} #sit_info:after {display:block;visibility:hidden;clear:both;content:""} #sit_tab {width:928px;display:table-cell} #sit_tab:after {display:block;visibility:hidden;clear:both;content:""} #sit_tab .tab_tit {border-bottom:1px solid #e8e8e8;background:#fff;padding:0 10px} #sit_tab .tab_tit:after {display:block;visibility:hidden;clear:both;content:""} #sit_tab .tab_tit li {display:inline-block;float:left} #sit_tab .tab_tit li button {display:block;width:100%;position:relative;font-size:1.2em;padding:10px 15px;border:0;color:#666;background:#fff;line-height:38px;text-align:center;z-index:1} #sit_tab .tab_tit li .selected {background:#fff;z-index:2;border-bottom-color:#fff;color:#000;font-weight:bold} #sit_tab .tab_tit li .selected:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#3a8afd;display:inline-block} #sit_tab .tab_con {background:#fff;padding:15px} #sit_tab .item_use_count, #sit_tab .item_qa_count {display:inline-block;min-width:20px;height:20px;font-size:0.75em;line-height:20px;padding:0 5px;background:#eee;border-radius:10px;color:#777} #sit_buy {display:table-cell;width:270px;border-left:1px solid #e8e8e8;vertical-align:top} .sit_buy_inner {position:relative;top:0 !important;vertical-align:top} .sit_side_option {padding:15px 15px 10px;border-bottom:1px solid #ebeff3} .sit_side_option h3 {margin-bottom:10px} .sit_side_option label {display:block;margin:0 0 5px;color:#666} .sit_side_option label.label-title{display:none} .sit_side_option select {width:100%;margin:0 0 10px;height:50px;padding:0 10px;border:1px solid #cdcdcd; -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none; /* 화살표 없애기 공통*/ background:url('img/select_arrow.png') no-repeat 96% 50%/* 화살표 아이콘 추가 */} .sit_side_option select::-ms-expand {display:none/* 화살표 없애기 for IE10, 11*/} .sit_sel_option {overflow-y:auto;height:300px} .sit_sel_option h3 {position:absolute;font-size:0;line-height:0;overflow:hidden} .sit_sel_option:after {display:block;visibility:hidden;clear:both;content:""} .sit_sel_option li {position:relative;padding:15px;border-bottom:1px solid #e6e9ed} .sit_sel_option li:after {display:block;visibility:hidden;clear:both;content:""} .sit_sel_option .sit_opt_del {position:absolute;top:0;right:0;width:30px;height:30px;font-size:15px;border:0;border-left:1px solid #e6e9ed;border-bottom:1px solid #e6e9ed;background:#fff;color:#c6c8ca} .sit_sel_option .opt_name {font-weight:bold;line-height:28px} .sit_sel_option .num_input {float:left;border:0;height:30px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center} .sit_sel_option .sit_opt_prc {display:block;float:right;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold} .sit_sel_option button {float:left;width:30px;height:30px;border:1px solid #bdc9dc;border-radius:0;background:#fff;color:#666;font-size:0.92em} .sit_sel_option button:hover {color:#000} .sum_section {padding:15px;z-index:3} .sum_section:after {display:block;visibility:hidden;clear:both;content:""} .sit_tot_price {font-weight:bold;padding-bottom:10px;line-height:25px;font-size:1.167em;text-align:right} .sit_tot_price strong {font-size: 1.5em;margin-left:15px} .sit_tot_price span {float:left} .sit_order_btn button {display:block;width:100%;padding:15px 0;font-size:1.25em;font-weight:bold} .sit_order_btn .sit_btn_cart {margin-bottom:5px} /* 상품 재입고 알림 (SMS) */ #sit_sms_new {} #sit_sms_new .form_01 {padding:20px} #sit_sms_new #sms_agree {padding:5px 0 20px} #sit_sms_new li strong {display:inline-block;margin:10px 0} #sit_sms_new textarea {line-height:1.5em;color:#555} #sit_sms_new .prd_name {background:#f3f3f3;padding:15px 20px;font-weight:bold;font-size:1.167em} #sit_sms_new .chk_box input[type="checkbox"]:checked + label span {background:url('img/chk.png') no-repeat 50% 50% #3a8afd} /* 상품 상세보기 - 상품정보 */ #sit_inf {margin:20px 0} #sit_inf h2 {position:absolute;font-size:0;line-height:0;content:""} #sit_inf h3 {position:absolute;font-size:0;line-height:0;content:""} #sit_inf_basic {margin:0 0 20px;line-height:1.7em} #sit_inf_explan {margin:0 0 10px;width:auto !important;line-height:1.7em;overflow:hidden} /* ie6 미대응시 #sit_inf_explan {margin:0 0 10px} 만으로 충분 */ #sit_inf_explan img {max-width:100%;height:auto} #sit_inf_open {width:100%;border:0;border-top:1px solid #777;border-collapse:collapse} #sit_inf_open th {padding:10px;border-bottom:1px solid #e5e5e5;background:#f3f3f3;vertical-align:top;text-align:left} #sit_inf_open td {padding:10px;border-bottom:1px solid #e5e5e5;background:#fff;vertical-align:top} /* 상품 상세보기 - 사용후기 */ #sit_use {} #sit_use h2 {position:absolute;font-size:0;line-height:0;content:""} #sit_use h3 {position:absolute;font-size:0;line-height:0;content:""} .sit_use_top {position:relative;background:#fff;border:2px solid #efeff1;margin:0 0 15px;padding:15px;min-height:90px;vertical-align:middle} .sit_use_top h4 {font-size:1.2em;margin-bottom:10px} .sit_use_top h4 span {color:#aaa;font-size:0.85em;font-weight:normal} .sit_use_top .sit_star {height:20px} .sit_use_top .st_bg {background:#666} #sit_use_wbtn {position:absolute;top:20px;right:30px} #sit_use_wbtn a {padding:0 20px;line-height:45px;font-weight:bold;font-size:1.167em} #sit_use_ol {margin:0 0 5px;padding:0;border-top:1px solid #e0e0e0;list-style:none} .sit_use_li {position:relative;padding:10px 0;padding-left:110px;min-height:120px;border-bottom:1px solid #e0e0e0} .sit_use_li:after {display:block;visibility:hidden;clear:both;content:""} /* .sit_use_li_title {position:absolute;right:20px;bottom:20px;border:1px solid #ddd;padding:8px 10px;border-radius:3px;color:#666;font-size:0.92em;background:#fff} .sit_use_li_title:hover {background:#6b99ee;border-color:#6b99ee;color:#fff} */ .sit_thum {margin:0;position:absolute;top:10px;left:0} .sit_use_dl:after {display:block;visibility:hidden;clear:both;content:""} .sit_use_dl dt {position:absolute;font-size:0;line-height:0;content:""} .sit_use_dl dd {color:#7f7f7f;line-height:1.5em} .sit_use_dl .sit_use_star {margin:0 0 5px} .sit_use_dl .sit_use_tit {font-weight:bold;font-size:1.167em;color:#000 !important} .sit_use_con {display:none;} .sit_use_p {margin:10px 0;padding:10px 0} .sit_use_cmd {} .sit_use_reply {position:relative;border-top:1px dotted #bbb;margin:10px 0 0;padding:10px 0 0 40px} .use_reply_icon {position:absolute;top:10px;left:5px;background:url('./img/use_reply.png') no-repeat 0 0;width:28px;height:17px;text-indent:-999px;overflow:hidden} .use_reply_tit {font-weight:bold;line-height:1.5em;padding-right:100px} .use_reply_name {font-size:0.92em;color:#777;margin:5px;position:absolute;top:10px;right:0} .use_reply_p {padding:10px 0;background:#fff;line-height:1.5em} #sit_use_write_star:after {display:block;visibility:hidden;clear:both;content:""} #sit_use_write_star li {float:left;width:33.333%} #sit_use_write_star li img {width:100px} /* 상품 상세보기 - 상품문의 */ #sit_qa {margin:20px 0} #sit_qa h2 {position:absolute;font-size:0;line-height:0;content:""} #sit_qa h3 {position:absolute;font-size:0;line-height:0;content:""} #sit_qa_ol {margin:0 0 5px;padding:0;border-top:1px solid #f0f0f0;list-style:none} .sit_qa_li:after {display:block;visibility:hidden;clear:both;content:""} .sit_qa_li {position:relative;border-bottom:1px solid #f0f0f0;padding:15px 10px} /* .sit_qa_li_title {display:block;float:left;width:80%;text-align:left;background:none;border:0;line-height:25px;font-weight:bold;font-size:1.167em} */ .sit_qa_dl {float:right;width:20%;line-height:30px;color:#7f7f7f;text-align:right;margin:0} .sit_qa_dl:after {display:block;visibility:hidden;clear:both;content:""} .sit_qa_dl dt {position:absolute;font-size:0;line-height:0;content:""} .sit_qa_dl dd {display:inline-block;margin-left:10px} .sit_qaa_done {display:inline-block;height:30px;line-height:30px;background:#f6bb42;color:#fff;padding:0 8px;margin-right:10px;font-size:12px;font-weight:normal;border-radius:3px} .sit_qaa_yet {display:inline-block;height:30px;line-height:30px;background:#ccd1d9;color:#fff;padding:0 8px;margin-right:10px;font-size:12px;font-weight:normal;border-radius:3px} .sit_qa_con {display:none;clear:both} .sit_qa_p {margin:10px 0;background:#f3f3f3;line-height:1.5em} .sit_qa_p .qa_alp {position:absolute;top:13px;left:15px;font-size:2em;color:#000} .sit_qa_qaa {padding:15px 20px;padding-left:50px;position:relative;min-height:50px;border-top:1px solid #fff} .sit_qa_qaq {padding:15px 20px;padding-left:50px;position:relative;min-height:50px} .sit_qa_con textarea {display:none} .sit_qa_cmd {text-align:right} .sit_qa_pw {display:none;position:absolute;top:30px;left:175px;padding:10px;width:348px;border:1px solid #000;background:#fff;text-align:center} .sit_qa_pw span {display:block;margin:0 0 5px} #sit_qa_wbtn {text-align:right;margin:0 0 20px} #sit_qa_wbtn a {padding:0 20px;line-height:45px;font-weight:bold;font-size:1.167em} #sit_qa_write {} #sit_qa_write #iq_subject {width:100%} #sit_qa_write .chk_box input[type="checkbox"]:checked + label span {background:url('img/chk.png') no-repeat 50% 50% #3a8afd} /* 상품 상세보기 - 배송정보 */ #sit_dvr {margin:20px 0} #sit_dvr h2 {position:absolute;font-size:0;line-height:0;content:""} /* 상품 상세보기 - 교환정보 */ #sit_ex {margin:20px 0} #sit_ex h2 {position:absolute;font-size:0;line-height:0;content:""} /* 사용후기 모음 */ #sps_sch {margin:0 0 10px} #sps_sch a {display:inline-block;padding:0 8px;height:40px;line-height:40px;vertical-align:top;border-radius:3px;background:#434a54;color:#fff;font-weight:bold;text-decoration:none} #sps_sch .sch_wr {width:300px;border:1px solid #d0d3db;border-radius:3px;display:inline-block;background:#fff} #sps_sch:after {display:block;visibility:hidden;clear:both;content:""} #sps_sch select {float:left;border:0;width:175px;height:40px;margin-right:5px;border:1px solid #d0d3db;border-radius:3px} #sps_sch .sch_input {width:258px;height:38px;border:0;padding:0;background-color:transparent;float:left} #sps_sch .sch_btn {height:38px;float:left;background:none;border:0;width:40px;font-size:15px} #sps {} #sps ol {margin:0;padding:0;list-style:none} #sps li {position:relative;padding:15px;border-bottom:1px solid #f0f0f0;background:#fff} #sps li:after {display:block;visibility:hidden;clear:both;content:""} .sps_img {position:absolute;top:15px;left:15px} .sps_img_inner {float:left;position:relative} .sps_img a span {position:absolute;font-size:0;line-height:0;overflow:hidden} .sps_img .prd_detail {position:absolute;right:0;bottom:0;border:0;color:#fff;background:#078601;width:34px;height:34px;text-align:center;opacity:0.8} .sps_img .prd_detail:hover {opacity:1} .review_detail_cnt {display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;background:rgba(0,0,0,0.1)} .review_detail_in {position:absolute;top:50%;left:50%;width:590px;max-height:450px;background:#fff;text-align:left;margin-left:-300px;margin-top:-180px;overflow-y:auto;border-radius:3px;border:1px solid #dde7e9;background:#fff;border-radius:3px} .review_detail_in h3 {padding:15px;border-bottom:1px solid #e8e8e8;font-size:1.4em} .review_cnt {padding:25px} .rd_cls {position:absolute;top:0;right:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff} .review_tp_cnt {position:relative;padding:0 0 10px;margin-bottom:15px;border-bottom:1px solid #f1f1f1} .review_tp_cnt>span {font-size:1.2em;display:block} .review_tp_cnt:after {display:block;visibility:hidden;clear:both;content:""} .review_tp_cnt .sps_opt_btn_more {position:absolute;top:0;right:0;border:0;padding:5px 5px 5px 10px;background:#fff;color:#c4c8cb;font-size:1.4em} .review_tp_cnt .sps_opt_li {display:none;position:absolute;top:40px;right:0;border:1px solid #b8bfc4} .review_tp_cnt .sps_opt_li:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent} .review_tp_cnt .sps_opt_li:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent} .review_tp_cnt .sps_opt_li li {border-bottom:1px solid #f1f1f1;padding:10px !important;color:#6b757c} .review_summ {background:#fcfcfc;border:2px solid #efeff1;padding:10px} .review_bt_cnt {margin:15px 0} .sps_reply {margin-top:10px;padding-top:10px;border-top:1px dotted #bbb} .sps_reply .sps_img {text-align:right;width:70px} .sps_reply .sps_section h2 {background:url('./img/use_reply.png') no-repeat 0 0;text-indent:30px;line-height:1.5em} #sps dl {margin:5px 0} #sps dl:after {display:block;visibility:hidden;clear:both;content:""} #sps dt {float:left} #sps dd {float:left;margin:0 10px 0 0;color:#999} #sps dd img {position:relative;top:-2px} .sps_section {float:left;width:100%;padding-left:115px} .sps_section .sps_pd_name {display:block;color:#3a8afd;padding:10px 0 5px} .sps_section .sps_rv_tit {display:block;font-size:1.2em;font-weight:bold} .sps_section .sps_rv_thum {position:absolute;top:15px;right:15px} .sps_section p {padding:0;width:100%} .sps_con_full {padding:0;height:auto !important} .sps_con_btn {clear:both;margin:5px 0} .sps_con_btn:after {display:block;visibility:hidden;clear:both;content:""} .sps_con_btn .sps_dl {float:left} .sps_con_btn button.review_detail {float:right;border-radius:3px;border:1px solid #d4d6db;color:#666;font-size:0.92em;padding:5px 7px;background:#fff} .sps_con_btn button.review_detail:hover {background:#6b99ee;border-color:#6b99ee;color:#fff} /* 상품문의 모음 */ #sqa_sch {margin:0 0 10px} #sqa_sch a {display:inline-block;padding:0 8px;height:40px;line-height:40px;vertical-align:top;border-radius:3px;background:#434a54;color:#fff;font-weight:bold;text-decoration:none} #sqa_sch .sch_wr {width:300px;border:1px solid #d0d3db;border-radius:3px;display:inline-block;background:#fff} #sqa_sch:after {display:block;visibility:hidden;clear:both;content:""} #sqa_sch select {float:left;border:0;width:175px;height:40px;margin-right:5px;border:1px solid #d0d3db;border-radius:3px} #sqa_sch .sch_input {width:258px;height:38px;border:0;padding:0;background-color:transparent;float:left} #sqa_sch .sch_btn {height:38px;float:left;background:none;border:0;width:40px;font-size:15px} #sqa {margin-bottom:20px} #sqa ol {margin:0;padding:0;list-style:none} #sqa li {position:relative;padding:15px 20px 15px 15px;border-bottom:1px solid #f0f0f0;background:#fff} #sqa li:after {display:block;visibility:hidden;clear:both;content:""} #sqa li .sit_qaa_yet {position:absolute;right:20px;top:20px;margin-right:0} #sqa li .sit_qaa_done {position:absolute;right:20px;top:20px;margin-right:0} .sqa_img {float:left;margin:0 10px 0 0} .sqa_img span {position:absolute;font-size:0;line-height:0;overflow:hidden} #sqa dl {margin:5px 0} #sqa dl:after {display:block;visibility:hidden;clear:both;content:""} #sqa dt {float:left} #sqa dd {float:left;margin:0 10px 0 0;color:#999} #sqa dd img {position:relative;top:-2px} .sqa_con {margin:10px 0;background:#f3f3f3;line-height:1.5em} .sqa_con .qa_alp {position:absolute;top:13px;left:15px;font-size:2em;color:#000} .sqa_section {float:left;width:1100px} .sqa_section h2 {padding-right:70px;font-size:1.2em;font-weight:bold} .sqa_section .sqa_con {line-height:1.7em} .sqa_section p {padding:0;width:100%} .sqa_con_full {padding:0;height:auto !important} .sqa_con_btn button {border:1px solid #ddd;padding:5px 8px;color:#666;font-size:0.92em;margin:5px 0;background:#fff} .sqa_con_btn button:hover {background:#6b99ee;border-color:#6b99ee;color:#fff} /* 상품검색 */ #ssch {margin:20px 0} #ssch h2 {font-size:1.8em;line-height:30px;margin:10px 0} #ssch h2 .ssch_result_total {float:right;color:#6f6f6f;font-size:0.55em;font-weight:normal} #ssch h2 strong {color:#ff005a} #ssch_frm {background:#fff;border:1px solid #e3e5e8} #ssch_frm .ssch_scharea {padding:15px;border-bottom:1px solid #e3e5e8} #ssch_frm .ssch_scharea:after {display:block;visibility:hidden;clear:both;content:""} #ssch_frm .ssch_scharea label {display:inline-block;margin:0 8px 0 0} #ssch_frm .ssch_scharea .ssch_input {height:45px;padding:0 10px;margin-right:5px;border:1px solid #d0d3db;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)} #ssch_frm .ssch_scharea .btn_submit {width:90px;height:45px;margin-right:5px;padding:0 5px;font-weight:bold;border:1px solid #2e3745;background:#434a54} #ssch_frm .ssch_left {} #ssch_frm .ssch_option {padding:15px;border-bottom:1px solid #e3e5e8} #ssch_frm .ssch_option .ssch_input {height:32px;padding:0 10px;margin-right:5px;border:1px solid #d0d3db;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)} #ssch_frm p {padding:15px;color:#737373;border-bottom:1px solid #e3e5e8} #ssch_cate {background:#fff;border-bottom:1px solid #e3e5e8;padding:15px} #ssch_cate ul:after {display:block;visibility:hidden;clear:both;content:""} #ssch_cate li {float:left;width:20%;border-right:1px solid #f6f6f6} #ssch_cate li:nth-child(5n) {border-right:0} #ssch_cate li span {font-weight:normal} #ssch_cate a {display:block;padding:0 10px;line-height:40px} #ssch_cate a:hover {color:#3a8afd} #ssch_sort {float:left;width:80%} #ssch_sort:after {display:block;visibility:hidden;clear:both;content:""} #ssch_sort h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #ssch_sort ul {margin:0;padding:0 0 0 1px;list-style:none} #ssch_sort ul:after {display:block;visibility:hidden;clear:both;content:""} #ssch_sort li {float:left;position:relative;margin-left:-1px;height:45px;padding:15px 0;line-height:15px} #ssch_sort li a {border-left:1px solid #ddd;display:block;padding:0 10px} #ssch_sort li:hover:after {content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#3a8afd} #ssch_sort li:hover a {color:#3a8afd} #ssch_sort li:first-child a {border:0} #ssch_sort_all {margin:0;padding:0 15px;list-style:none} #ssch_sort_all:after {display:block;visibility:hidden;clear:both;content:""} #ssch_sort_all li {float:left;position:relative;margin-left:-1px;height:45px;padding:15px 0;line-height:15px} #ssch_sort_all li a {display:block;padding:0 10px} #ssch_sort_all li:hover:after {content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#3a8afd} #ssch_sort_all li:hover a {color:#3a8afd} #ssch_sort_all li:first-child a {border:0} /*쿠폰존 리스트*/ .couponzone_list {margin:0 0 20px;position:relative} .couponzone_list h2 {padding:15px 20px;font-size:1.25em;border:1px solid #e3e5e8;background:#fff} .couponzone_list p {position:absolute;top:5px;right:0;margin:15px 20px;color:#666} .couponzone_list ul {padding:30px;margin:0;list-style:none;background:#fff;border:1px solid #e3e5e8;border-top:0} .couponzone_list ul:after {display:block;visibility:hidden;clear:both;content:""} .couponzone_list ul li {float:none;width:100%;background:#fff} .couponzone_list ul li img {width:100%;height:auto;line-height:1.2em;border-radius:5px 5px 0 0} .couponzone_list ul li .cp_inner {border:1px solid #ddd;border-radius:5px; -webkit-box-shadow:0px 1px 6px 0 #dedede; -moz-box-shadow:0px 1px 6px 0 #dedede; box-shadow:0px 1px 6px 0 #dedede } .couponzone_list ul li .coupon_img {position:relative;height:98px;overflow:hidden;border-bottom:1px dashed #ccc} .couponzone_list ul li .coupon_tit {position:absolute;top:0;left:0;width:100%;height:98px;padding-top:30px;text-align:center;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .couponzone_list ul li .coupon_tit strong {display:inline-block;font-size:1.3em} .couponzone_list ul li .coupon_tit .cp_evt, .couponzone_list ul li .coupon_tit .cp_evt b {font-size:1.4em} .couponzone_list ul li .cp_cnt {padding:10px} .couponzone_list ul li .coupon_date {display:inline-block;float:right;padding:2px 3px;margin:5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777} .couponzone_list ul li .coupon_target {display:inline-block;margin:5px 0px} .couponzone_list ul li .coupon_target>button {display:inline-block;max-width:125px;padding:2px 3px;font-size:0.92em;border:0;border-radius:3px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .couponzone_list ul li .coupon_target .cp_1 {background:#edfbde;color:#8cc152}/*카테고리할인*/ .couponzone_list ul li .coupon_target .cp_2 {background:#fbdef3;color:#c15293}/*개별상품할인*/ .couponzone_list ul li .coupon_target .cp_3 {background:#fbf1de;color:#c18b52}/*주문금액할인*/ .couponzone_list ul li .coupon_target .cp_4 {background:#f2defb;color:#7c52c1}/*배송비할인*/ .couponzone_list ul li .coupon_info {display:none;position:absolute;min-width:235px;background:#fff;border:1px solid #000;padding:15px} .couponzone_list ul li .coupon_info:after {display:block;visibility:hidden;clear:both;content:""} .couponzone_list ul li .coupon_info h4 {font-size:1.2em;margin-bottom:10px} .couponzone_list ul li .coupon_info ul {padding:0;margin:0;position:relative;border:0} .couponzone_list ul li .coupon_info li {width:auto;margin:0;float:inherit;color:#5e5e5e;line-height:18px} .couponzone_list ul li .coupon_info li a {text-decoration:underline;color:#5e5e5e} .couponzone_list ul li .coupon_info .coupon_info_cls {position:absolute;right:0;top:0;color:#c7c9cc;border:0;background:#fff;padding:10px;font-size:1.2em} .couponzone_list ul li .coupon_btn {text-align:center} .couponzone_list ul li .coupon_btn .btn02 {width:100%;height:42px;line-height:28px;margin-top:15px;border:0;color:#fff;background:#3a8afd;border-radius:5px;font-weight:bold} .couponzone_list ul li .coupon_btn .btn02:hover {background:#2176f1;color:#fff} .couponzone_list ul li .coupon_btn .disabled {background:#c6c6c6;border:1px;color:#fff;border-color:#c6c6c6} .couponzone_list ul li .coupon_btn .disabled:hover {background:#c6c6c6;border:1px;color:#fff;border-color:#c6c6c6} .couponzone_list .no_coupon {position:relative;padding:100px 0;text-align:center;color:#999} /* } */ /* 상품 { */ .swiper-slide-list1 {width: 440px !important;} .main_list_img {position: relative} .main_list_img a:hover img {filter: brightness(90%);} .btn_wish {background-color: transparent; border:0px; position: absolute; bottom:10px; right: 15px;} .main_list_img img {width: 100%; height:auto; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1); border:1px solid rgba(0,0,0,0.05); box-sizing: border-box;} .main_list_tit {font-size: 18px; margin-top: 20px;} .main_list_sub {font-size: 13px; color:#999; margin-top: 5px;} .main_list_cat {margin-top: 20px;} .main_list_price {margin-top: 20px;} .main_list_ico {margin-top: 15px;} .main_list_cat_li0 {color:#888; margin-top: 3px; font-size: 13px; margin-bottom: 3px;} .main_list_cat_li1 {float:left; color:#888; margin-top: 3px; font-size: 13px;} .main_list_cat_li1 a {color:#000;} .main_list_cat_li2 {float:right;} .main_list_cat_li2 img {border-radius: 0px !important;} .main_list_price_li1 {float:left; font-size: 16px; margin-right: 10px; color:#ff6666; letter-spacing: -0.5px;} .main_list_price_li2 {float:left; font-size: 16px; margin-right: 10px; letter-spacing: -0.5px;} .main_list_price_li3 {float:left; font-size: 13px; color:#888; letter-spacing: -0.5px; margin-top: 2px;} .list_ico_1 {border:2px solid #ddd; display: inline-block; border-radius: 4px; padding: 5px 10px 5px 10px; font-size: 10px; color:#888; background-color: #fff; display: inline-block; margin-right: 0px; line-height: 100%; cursor: pointer; margin-bottom: 2px;} .list_ico_2 {border:2px solid #D2B68E; display: inline-block; border-radius: 4px; padding: 5px 10px 5px 10px; font-size: 10px; color:#D2B68E; background-color: #fff; display: inline-block; margin-right: 0px; line-height: 100%; cursor: pointer; margin-bottom: 2px;} .list_ico_3 {border:2px solid #ff6666; display: inline-block; border-radius: 4px; padding: 5px 10px 5px 10px; font-size: 10px; color:#ff6666; background-color: #fff; display: inline-block; margin-right: 0px; line-height: 100%; cursor: pointer; margin-bottom: 2px;} .list_ico_4 {border:2px solid #333; display: inline-block; border-radius: 4px; padding: 5px 10px 5px 10px; font-size: 10px; color:#333; background-color: #fff; display: inline-block; margin-right: 0px; line-height: 100%; cursor: pointer; margin-bottom: 2px;} .list_ico_5 {border:2px solid #333; display: inline-block; border-radius: 4px; padding: 5px 12px 5px 12px; font-size: 12px; color:#333; background-color: #fff; display: inline-block; margin-right: 0px; line-height: 100%; cursor: pointer; margin-bottom: 2px;} .type_30_help {background-color: #f9f9f9; border-radius: 10px; text-align: center; padding: 20px; line-height: 150%; font-size: 13px; margin-bottom: 30px; word-break: keep-all; margin-top: 20px;} .end_date_10 {background-color: #f0f0f0; color:#000; font-size: 10px; padding: 7px 10px 7px 10px; border-radius: 15px; position: absolute; left:15px; top: 13px;} /* } */ .main_wrap {width: 100%; padding-top: 79px;} .inner {width: 1400px; margin: 0 auto;} .hd {padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; position: fixed; top:0px; left: 0px; width: 100%; background-color: #fff; z-index: 98} .hd_ci {float:left; padding-left: 60px; padding-top: 20px;} .hd_tnb {float:left; margin-left: 100px; padding-top: 29px;} .hd_tnb a {font-size: 16px; color:#000; margin-right: 50px;} .hd_tnb a:hover {color:#D2B68E;} .hd_tnb a.on {color:#D2B68E;} .hd_tnb a {position: relative;} .hd_trnb {float:right; padding-right: 60px; padding-top: 30px;} .hd_trnb a {font-size: 14px !important;} .hd_trnb li {float:left;} .hd_trnb_li1 {margin-right: 20px;} .hd_trnb_li2 {margin-right: 40px; color:#888;} .hd_trnb_li3 {} .hd_trnb_li3 a {margin-left: 15px;} .d_banner8.s3{position:relative;margin:250px 0 0 0} .d_banner8.s3 .img {position:relative;height:830px;overflow:hidden} .d_banner8.s3 .img li{position:absolute;left:0;top:0;width:100%;height:100%} .d_banner8.s3 .btn{position:absolute;z-index:10;width:100%;bottom:40px;text-align:center} .d_banner8.s3 .btn li{display:inline-block;position:relative;width:12px;height:12px;border-radius:50%;background:#fff;opacity:0.5;margin:0 8px;text-indent:-9999px;cursor:pointer;} .d_banner8.s3 .btn li.on{opacity:1} .d_banner8.s3 .prev, .d_banner8.s3 .next{position:absolute;z-index:10;top:50%;transform:translateY(-50%);width:60px;height:60px;border-radius:50%;cursor:pointer; color:#fff;} .d_banner8.s3 .prev{left:50px;} .d_banner8.s3 .next{right:50px;} .tbg {position: absolute; top:0px; left: 0px; height:165px; width: 100%; background-image: url('../image/tbg.png'); z-index: 11; background-repeat: no-repeat; background-position: center top;} .tbg_ul1 {font-size: 36px; letter-spacing: -1px; margin-bottom: 50px; margin-top: -135px; line-height: 130%;} .tbg_ul1 .colors {color:#D2B68E;} .tbg_ul2 {font-size: 18px; line-height: 150%;} .bt_line {box-shadow: inset 0 -10px 0 rgba(210,182,142, 0.2);} .tgb_more_btn {position: absolute; top:-2px; right:0px;} .po_rel {position: relative;} .tgb_more_btn {background-color: transparent; padding-left:0px; padding-right: 0px; border:0px;} .tgb_more_btn span {float:left; line-height: 100%; font-size: 18px; margin-top: 4px;} .tgb_more_btn i {float:right; margin-left: 20px; margin-right: -8px;} .res_wrap {margin-top: 100px; border-bottom: 1px solid #eee; padding-bottom: 100px;} .res_tits {} .res_tits_l {float:left;} .res_tits_r {float:right;} .res_tits_txt {font-size: 36px; letter-spacing: -1px; margin-bottom: 50px; line-height: 130%;} .res_tits_txt .colors {color:#D2B68E;} .res_tits_sub {font-size: 18px; line-height:150%;} .res_btn {border:1px solid #D2B68E; background-color: transparent; color:#D2B68E; height:50px; padding-left: 23px; padding-right: 30px; border-radius: 50px;} .res_btn i {float:left; margin-right: 10px;} .res_btn span {float:right; margin-top: 6px;} .res_btn:hover {color:#000; border-color:#000;} .res_r_btn {background-color: transparent;border:0px; padding: 0px; margin-right: 20px; margin-left: 30px;} .res_n_btn {background-color: transparent;border:0px; padding: 0px; margin-right: -12px;} .swiper-slide-list1 {width:auto !important;} .res_p_l {float:left;} .res_p_r {float:right; margin-left: 40px;} .res_p_l img {border-radius: 50%;} .res_p_r_li1 {font-size: 20px; margin-top: 10px;} .res_p_r_li2 {font-size: 14px; color:#666; margin-top: 20px;} .res_p_r_li3 {font-size: 13px; color:#999; margin-top: 5px;} .res_p_r_li4 {margin-top: 20px;} .bg_btn {background-color: #D2B68E; color:#fff; height:50px; border-radius: 50px; padding-left: 40px; padding-right: 40px; border:0px; font-size: 16px;} .bg_btn:hover {background-color: #000;} .swiper-container-list1 {margin-top: 100px;} .pro_wrap {padding-top: 100px;} .pro_d_ul1 {} .pro_d_ul1 img {border-radius: 20px;} .pro_d_ul2 {margin-top: 30px;} .pro_d_ul2 a {font-size: 18px; line-height: 150%; word-break: keep-all;} .pro_d_ul3 {margin-top: 15px; color:#999; line-height: 150%; word-break: keep-all;} .pro_d_ul4 {margin-top: 15px;} .pro_d_ul4 span {color:#D2B68E; font-size: 18px;} .pro_d_ul4 strike {color:#999;} .swiper-container-list2 {padding-top: 60px !important;} .pro_btn_wrap {text-align: center; margin-top: 70px;} .pro_btm_btn {background-color: #D2B68E; color:#fff; border:0px; padding-left: 50px; padding-right: 50px; height:70px; border-radius: 70px; font-size: 16px;} .pro_btm_btn.bg2 {background-color: #BBBBBB;} .pro_btm_btn:hover {background-color: #000;} .bbs_wrap {background-color: #f9f9f9; padding-top: 100px; padding-bottom: 100px; margin-top: 100px;} .bbs_news {float:left; width:30%;} .bbs_gall {float:right; width: 65%;} .bbs_latest {} .bbs_tit {float:left; font-size: 24px;} .bbs_more_btn {float:right} .bbs_more {background-color: transparent; border:0px; margin-right: -10px; margin-top: -10px;} .bbs_titles_ul {} .bbs_con {margin-top: 0px;} .bbs_con2 {margin-top: 50px;} .bbs_con div {border-top:1px solid #ddd; padding-top: 50px; padding-bottom: 50px;} .bbs_con div:nth-child(1) {border-top:0px;} .bbs_con div:nth-child(2) {padding-bottom: 0px;} .bbs_news_list a {font-size: 18px; display: block;} .bbs_news_sub { margin-top: 15px; line-height: 150%; color:#888; font-size: 14px; display: block; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .bbs_news_date {font-size: 13px; color:#999; margin-top: 20px; display: block;} .swiper-slide-list3 img {border:1px solid #ddd; box-sizing: border-box;} .swiper-slide-list3 .pro_d {padding-top: 0px; padding-bottom: 0px;} .tail_wrap {padding-top: 100px; padding-bottom: 100px; border-top:1px solid #eee;} .tail_ul1 {float:left;} .tail_ul2 {float:right;} .tail_div_ul1 {float:left; margin-right: 70px;} .tail_div_ul2 {float:left; margin-top: 12px;} .tail_div_ul2 a {padding-right: 20px;} .tail_div1 {} .tail_div2 {margin-top: 20px; color:#999; font-size: 13px; line-height: 150%;} .tail_div3 {font-size:11px; margin-top: 20px; color:#999;} .tail_div3 a {color:#999;} .tail_div3 a:hover {color:#000;} .tail_ul2_li1 {font-size: 16px; line-height: 150%;} .tail_ul2_li1 span {color:#999;} .tail_ul2_li2 {color:#999; font-size: 12px; margin-top: 20px;} .tail_ul2_li3 {margin-top: 20px;} .tail_ul2_li3 a img {width: 30px; height:auto;} .tail_ul3 {float:right; margin-left: 10%;} .pop_wrap {padding: 30px;} .up_btn {background-color: transparent; padding: 0px; margin-right: -5px; border:0px; margin-top: -0px;} .res_tits_subs .bt_line {padding-right: 20px;} .snb {background-color: #f9f9f9; padding-top: 20px; padding-bottom: 20px; padding-left: 285px; position: fixed; top:79px; left: 0px; width: 100%; z-index: 97;} .snb a {padding-right: 20px;} .sub_gab {height:80px;} .res_content {padding-top: 100px; padding-bottom: 100px;} .recs_tit_ul1_li1 {font-size: 20px;} .recs_tit_ul1_li2 {font-size: 14px; color:#999; margin-top: 5px;} .recs_tit_ul1 {float:left;} .recs_tit_ul2 {float:right;} .res_content_ul1 {float:left; width: 35%;} .res_content_ul2 {float:left; width: 30%; padding-left: 60px; padding-right: 60px; box-sizing: border-box;} .res_content_ul3 {float:right; width: 35%; border-left: 1px solid #eee; padding-left: 60px; box-sizing: border-box;} .recs_date_prev {background-color: transparent; padding: 0px; border:0px; padding-right: 10px;} .recs_date_next {background-color: transparent; padding: 0px; border:0px; margin-right: -5px; padding-left: 10px;} .recs_inp {border:0px; font-size: 16px; text-align: center; width: 100px;} .recs_dates_set_days {text-align: center; font-size: 12px; background-color: #f9f9f9; color:#999; border-radius: 10px; padding-top: 25px; padding-bottom: 25px;} .recs_dates_set_days.today {background-color: #eee;} .recs_dates_set_days.on {color:#000; font-family:'NaverBD-H',sans-serif; font-weight:900;} .recs_dates_set_days.sel {background-color: #D2B68E; color:#fff;} .recs_dates {margin-top: 50px;} .recs_times {margin-top: 50px;} .times_box {background-color: #f9f9f9; border-radius: 10px; padding: 20px; box-sizing: border-box; margin-bottom: 5px;} .times_box.off {color:#999;} .recs_info {margin-top: 50px;} .recs_info_inp_wrap {margin-bottom: 10px;} .recs_info_inp {border:1px solid #eee; height:55px; border-radius: 10px; padding-left: 20px; padding-right: 20px; font-size: 14px; box-sizing: border-box;} .recs_info_inp:focus {border-color:#D2B68E} .recs_info_inp::placeholder {color:#999;} .recs_info_area {border:1px solid #eee; height:150px; border-radius: 10px; padding: 20px; font-size: 14px; resize: none; box-sizing: border-box;} .recs_info_area:focus {border-color:#D2B68E} .recs_info_area::placeholder {color:#999;} .recs_submit_wrap {margin-top: 50px;} .submits {font-size: 18px; height:70px; padding-left: 30px; padding-right: 30px;} .submits i {margin-right: 40px; margin-top: 3px;} .sw_btn {float:right; margin-top: 8px;} .sw_btn button {float:left;} .swiper-button-prev {position: inherit !important; left: inherit !important; right:inherit !important; top:inherit !important; display: inherit !important; width: inherit !important; height: inherit !important; margin-top:0px !important;} .swiper-button-next {position: inherit !important; left: inherit !important; right:inherit !important; top:inherit !important; display: inherit !important; width: inherit !important; height: inherit !important; margin-top:0px !important;} .res_add_wrap {padding-top: 100px; padding-bottom: 100px;} /* 모듈 { */ #sns_login {border-top:0px; margin-top: 0px; padding-bottom: 0px;} #sns_login .sns-icon {width: 40px !important;} #sns_login .sns-wrap {text-align: center; margin-top: 0px;} #sns_login .sns-wrap a {display: inline-block; float:none !important;} #sns_login a {border-bottom: 0px !important; margin-left: 3px !important; margin-right: 3px !important;} #sns_login .txt {display: none;} #sns_login .sns-icon {width: 40px;} #sns_login h3 {display: none;} #sns_login .sns-icon {margin-bottom: 0px;} .box_wrap {width:100%; margin: 0 auto; padding-top: 100px; padding-bottom: 100px;} .box_wrap_inner {padding: 50px; box-sizing: border-box; border:1px solid #eee; width: 480px; margin: 0 auto;} .box-inp {border:0px; border-bottom: 2px solid #eee; height:50px; font-size: 14px; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; color:#000;} .box-inp:focus {border-bottom: 2px solid #000;} .box-inp-area {border:0px; border: 2px solid #eee !important; height:80px; font-size: 13px; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; color:#000; resize: none; padding: 20px;} .box-inp-area:focus {border: 2px solid #000;} .box-inp-file {border:0px; border-bottom: 2px solid #eee; height:50px; font-size: 14px; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; color:#000; padding-top: 15px; float:none !important;} .box-inp-file:focus {border-bottom: 2px solid #000 !important;} .box_left {float:left; width: 80%;} .box_right {float:right; width: 20%;} .u_img {float:right; margin-top: 15px;} .u_img img {width:60px; height: 60px; border-radius: 0;} .box_wrap_inner ul {width: 100%;} .box_ci {margin-bottom: 30px; text-align: center;} .box_ul {margin-bottom: 10px; position: relative;} .box_r_ico {position: absolute; top:13px; right: 0px; color:#999;} .box_ul_chk {margin-top: 25px;} .box_submit_btn {background-color: #D2B68E; color:#fff; font-size: 14px; text-align: center; height:50px; width: 100%; border:0px; border-radius: 4px;} .text-center {text-align: center;} .box_a_link a {padding-left: 15px; margin-left: 15px; border-left: 2px solid #eee;} .box_a_link a:first-child {border:0px; padding: 0px; margin: 0px;} .box_tit {font-size: 20px;} .box_sub_txt {color:#888; font-size: 14px; margin-top: 10px; line-height: 150%; word-break: keep-all;} .box_r_ico_join {position: absolute; top:6px; right: 0px; color:#999;} .box_ul_chk .frm_label {display: none;} .box_ul_chk .sns-wrap {text-align: left;} .line_or { position: relative; display: block; width: 100%; padding: 30px 0; font-size: 0; line-height: 0; } .line_or:before, .line_or:after { display: inline-block; width: calc(50% - 20px); height: 1px; margin: 8px 0; background-color: rgba(0,0,0,0.06); vertical-align: top; content: ''; } .line_or .txt_or { display: inline-block; width: 40px; font-size: 12px; line-height: 18px; text-align: center; color: rgba(0,0,0,0.3); } .gap40 {height:40px;} .gap20 {height:20px;} #guest_privacy {border:0px; margin-top: 25px;} .box_wrap_inner_join {padding: 50px; box-sizing: border-box; border:1px solid #eee; width: 550px; margin: 0 auto;} .join_area {resize: none; background-color: #f9f9f9 !important; border:0px; border-radius: 0px !important;} .center_btn_divs_box {text-align: center; width: 100%; margin-top: 40px;} .center_btn_divs_box a {line-height: 50px;} .center_btn_divs_box_c {text-align: center; width: 30%; margin: 0 auto; margin-top: 40px;} .center_btn_divs_box_c a {line-height: 50px;} .login-sns h2 {display: none !important;} #sns_register .sns-wrap { display: inline-block; float: none; width: 100%; height: 56px; line-height: 53px; margin: 0; text-align: center; padding: 0 0px; } .login-sns {border:0px;} #sns_register .sns-icon { display: inline-block; height: 40px; line-height: 40px; width: 40px; margin: 0 3px; text-align: center; color: #fff; border-radius: 3px; } .sns-wrap .sns-icon {background-position: center center !important;} .switch {position: relative; display: inline-block; height: 110px; width: 49%; text-align: center; box-sizing: border-box; margin-bottom: 5px;} .switch input {opacity: 0; width: 0; height: 0;} /* input 숨김 */ .tog_txt {display: block; margin-top: 5px;} .toggle_btn { transition: all 350ms cubic-bezier(0.87, 1, 0.07, 1); position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; border:2px solid #eee; width:100%; font-size: 16px; color:#999; padding-top: 25px; border-radius: 10px; } input:checked + .toggle_btn {background-color: #fff; color:#D2B68E; border-color:#D2B68E; opacity: 1;} /* 활성화시 */ .help_st1 {font-size: 12px; background-color: #fff; box-sizing: border-box; padding: 20px; border-radius: 10px; line-height: 150%; border:2px solid #eee; color:#888; margin-top: 3px;} .help_st2 {font-size: 12px; background-color: #fff; box-sizing: border-box; padding: 20px; border-radius: 10px; line-height: 150%; border:2px solid #eee; color:#888; margin-top: 3px;} .help_st1 span {color:#D2B68E;} .help_st2 span {color:#D2B68E;} .help_text {font-size: 12px; color:#999; margin-top: 8px; line-height: 140%; display: block;} .box_ul .required { background-position: right center !important; } .w50 {width: 50% !important;} .w70 {width: 70% !important;} .join_r_btn {padding-left: 15px !important; padding-right: 15px !important; box-sizing: border-box; height:35px !important; border-radius: 4px !important;} .top_ons {font-family:'NaverBD-EB',sans-serif; font-weight:800; color:#000 !important;} .on_bt {float:left; width: 49%; background-color: #D2B68E; color:#fff; border:0px; height:50px; border-radius: 10px;} .off_bt {float:right; width:49%; background-color: #f1f1f1; color:#000; border:0px; height:50px; border-radius: 10px;} .sl_btn {margin-top: 20px;} .on_bt_center {width: 49%; background-color: #D2B68E; color:#fff; border:0px; height:50px; border-radius: 10px;} .off_bt_center {width: 49%; background-color: #f1f1f1; color:#000; border:0px; height:50px; border-radius: 10px; display: block; margin:0 auto;} .on_bt2 {float:none; width: 100%; background-color: #f9f9f9; color:#D2B68E; border:0px; height:50px; border-radius: 10px; margin-top: 10px; font-size: 13px;} .on_bt3 {float:none; width: 100%; background: linear-gradient(to left, #979FB1, #979FB1); color:#fff; border:0px; height:50px; border-radius: 10px; margin-top: 10px; font-size: 13px;} .join_area { resize: none; background-color: #f9f9f9 !important; box-sizing: border-box; display: block; padding: 20px; width: 100%; height: 150px; background: #fff; border: 0; line-height: 1.6em; } .join_r_btn {border:0px;} .tbl_head03 {margin:0 0 10px} .tbl_head03 table {border-bottom:1px solid #eee; width: 100%;} .tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head03 thead th {padding:20px 0;border-top:2px solid #eee;border-bottom:1px solid #eee;color:#383838;font-size:1.2em;text-align:center;letter-spacing:-0.1em} .tbl_head03 thead a {color:#383838} .tbl_head03 thead th input {vertical-align:top} .tbl_head03 tfoot th, .tbl_head03 tfoot td {padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#d7e0e2;text-align:center} .tbl_head03 tbody th {padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee} .tbl_head03 td {background-clip:padding-box;padding:25px 15px;border-top:1px solid #eee;border-left:1px solid #eee;line-height:1.5em;word-break:break-all;background-color: transparent;} .tbl_head03 td:first-child {border-left:0} .tbl_head03 a {word-break: keep-all;} .tbl_head03 tfoot th {} .tbl_head03 tfoot td {background-color: #f9f9f9; border-top:1px solid #ddd; border-bottom: 1px solid #eee; color:#000; padding-top: 20px; padding-bottom: 20px;} .status_01 {display:inline-block;background:#f9f9f9;color:#666;padding:0 5px;line-height:20px;border-radius:4px; font-size: 11px;} .status_02 {display:inline-block;background:#ffc482;color:#fff;padding:0 5px;line-height:20px;border-radius:4px; font-size: 11px;} .status_03 {display:inline-block;background:#a8c4eb;color:#fff;padding:0 5px;line-height:20px;border-radius:4px; font-size: 11px;} .status_04 {display:inline-block;background:#e7ccff;color:#fff;padding:0 5px;line-height:20px;border-radius:4px; font-size: 11px;} .status_05 {display:inline-block;background:#aaa;color:#fff;padding:0 5px;line-height:20px;border-radius:4px; font-size: 11px;} .status_06 {display:inline-block;background:#ffa3a4;color:#fff;padding:0 5px;line-height:20px;border-radius:4px; font-size: 11px;} .tbl_head03 thead th {border-top:1px solid #eee; border-bottom:1px solid #eee; font-size: 14px; color:#000;} .tbl_head03 td {border-top:1px solid #eee; font-size: 13px; color:#888;} .tbl_head03 td a {color:#D2B68E;} .tbl_head03 table {border-bottom: 1px solid #eee;} .conts {margin-top: 50px;} .conts td { text-align: center; } .tbl_wrap table { width: 100%; border-collapse: collapse; border-spacing: 0; } #DB_navi35 {} #DB_navi35 a{text-decoration:none; font-size: 16px;} #DB_navi35 {z-index:98;height:79px; position: fixed; width: 100%; top:0px; left: 0px;} #DB_navi35 .DB_mask{position:absolute;background:url('../image/menu_bg.png') repeat-x; overflow:hidden;width:100%;height:100%} #DB_navi35 .DB_wrap{height:100%} #DB_navi35 .DB_wrap .DB_1d{position:relative;float:left;padding:0 0px;} #DB_navi35 .DB_wrap .DB_1d a::before {content: ""; position: absolute; width:10px; height:10px; border-radius: 50%; background-color:#D2B68E; bottom: -37px; left: 40%; transform: translateX(-50%); opacity: 0; transition: all 350ms cubic-bezier(0.6, 0.04, 0.2, 1);} #DB_navi35 .DB_wrap .DB_1d.DB_select a::before {left: 50%; transform: translateX(-50%); opacity: 1;} #DB_navi35 .DB_wrap .DB_1d .DB_2d{position:absolute;left:0;top:50px/*위치*/;width:999px;display:none;height:50px/*필수*/} #DB_navi35 .DB_wrap .DB_1d .DB_2d.d2_1{left:-10px}/*하위메뉴x위치*/ #DB_navi35 .DB_wrap .DB_1d .DB_2d.d2_2{left:-10px} #DB_navi35 .DB_wrap .DB_1d .DB_2d.d2_3{left:-35px} #DB_navi35 .DB_wrap .DB_1d .DB_2d.d2_4{left:-170px} #DB_navi35 .DB_wrap .DB_1d .DB_2d li{position:relative;float:left;} #DB_navi35 .DB_wrap .DB_1d .DB_2d li a{color:#666;display:block;line-height:50px;padding:0 10px; font-size: 14px; margin: 0px;} #DB_navi35 .DB_wrap .DB_1d .DB_2d li a:hover{color:#000;} #DB_navi35 .DB_wrap .DB_1d .DB_2d li a.on{color:#000;} #DB_navi35 .DB_wrap .DB_1d .DB_2d .DB_3d{position:absolute;left:0;top:50px/*위치*/;width:999px;display:none;height:50px/*필수*/} #DB_navi35 .DB_wrap .DB_1d .DB_2d .DB_3d.d3_1_1{left:0px}/*하위메뉴위치*/ #DB_navi35 .DB_wrap .DB_1d .DB_2d .DB_3d li{float:left;} #DB_navi35 .DB_wrap .DB_1d .DB_2d .DB_3d li a{color:#000000;display:block;line-height:45px;padding:0 10px;background:none} #DB_navi35 .DB_wrap .DB_1d .DB_2d .DB_3d li a:hover{color:#ff0000;background:none} .adds {height:129px !important;} /* } */ /* 히든 슬라이더 { */ .sh-side-options { position: fixed; top: 0; bottom: 0; right: 0; z-index: 9999999999; padding: 0 0; width: 420px; transform: translateX(420px); transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); letter-spacing: -0.5px; background-color: #fff; } .sh-side-options.open {transform: translateX(0px);box-shadow: 0 0px 39px 10px rgba(0, 0, 0, 0.2);transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);} .sh-side-demos-container { top: 0; left: 0; right: -17px; bottom: 0; position: absolute; overflow-y: scroll; background-color: #fff; background-repeat: no-repeat; background-position: right top; padding: 22px; padding-bottom: 35px; } .close_r { position: absolute; top: 30px; right: 40px; cursor: pointer; z-index: 99; } .sh-side-demos-loop-container {position: relative; margin: 0 -10px;margin-top: 10px;} .sh-side-options {width: 350px;transform: translateX(350px);} .sh-side-options-container {bottom: 30px;left: -95px;margin-right: 15px;} .bgs {background-color: rgba(0,0,0,0.7); position: fixed; top:0px; left:0px; width: 100%; height:100%; display: none; z-index: 999;} .cs_div {margin-top:40px;} .cs_tel_ul1_m {box-sizing: border-box; padding-top: 5px; padding-bottom: 15px; cursor: pointer; border-bottom: 0.1px solid rgba(0,0,0,0.1);} .cs_tel_ul1_m li {} .cs_txt2 {text-align: left; padding-top: 15px; padding-bottom: 15px;} /* } */ /* 메뉴 { */ #DB_navi42{position:relative;width:100%; letter-spacing: -0.5px;} #DB_navi42 a{text-decoration:none;display:block;} #DB_navi42 .DB_1D{position:relative;width:100%;background:#fff;border:1px solid #eee;border-width:0 0px 1px 0;text-align:left} #DB_navi42 .DB_1D a{font-size:16px;color:#000;height:50px;line-height:50px;} #DB_navi42 .DB_1D a:hover{color:#D2B68E} #DB_navi42 .DB_1D.DB_select a{color:#D2B68E} #DB_navi42 .DB_1D .DB_2D_wrap{display:none;text-align:left; padding-bottom: 20px;} #DB_navi42 .DB_1D .DB_2D_wrap .DB_2D{position:relative;} #DB_navi42 .DB_1D .DB_2D_wrap .DB_2D a{font-size:14px;color:#999;height:30px;line-height:30px;text-indent:0px;} #DB_navi42 .DB_1D .DB_2D_wrap .DB_2D a:hover{color:#000} #DB_navi42 .DB_1D .DB_2D_wrap .DB_2D.DB_select a{color:#000} #DB_navi42 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap{display:none;position:relative;background:#f1f1f1;left:0px;top:0px;text-align:left;padding:15px 0px 15px 0px; border-bottom: 1px solid #eee;} #DB_navi42 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap .DB_3D{} #DB_navi42 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap .DB_3D a{font-size:13px;color:#666;background:#f1f1f1;height:30px;line-height:30px;text-indent:25px} #DB_navi42 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap .DB_3D a:hover{color:#000;} #DB_navi42 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap .DB_3D.DB_select a{color:#000;} /* } */ /* 상품 { */ .fund_gap_wraps {margin-bottom: 50px;} #sit_opt_added .sit_opt_prc {text-align: left;} .seller_p_div_d1 {float:left; margin-top: -2px;} .seller_p_div_d2 {float:left; margin-left: 8px; font-size: 13px;} .seller_p_div_d3 {float: right; font-size: 13px;} #sct_location {display:none !important;} .sit_admin {display: none;} .pro_f_l {float:left; width: 55%;} .pro_f_r {float:right; width: 45%; padding-left: 5%; box-sizing: border-box;} .swiper-button-next-bn {width: 70px !important; margin-right: 3%;} .swiper-button-prev-bn {width: 70px !important; margin-left: 3%;} .gallery-thumbs {margin-top: 10px;} .pro_tit {margin-bottom: 10px; margin-top: 10px; font-size: 26px; letter-spacing: -0.5px;} .pro_top_ico_l {float:left;} .pro_top_ico_r {float:right; position: relative;} .pro_sub {margin-bottom: 10px; font-size: 14px; color:#888; line-height: 150%;} .sns_pop_wrap {} .sns_pop_wrap img {width:20px;} .sns_pop_wrap a {} .sns_pop_wrap li .sns_f {display:block;background:#3b5997} .sns_pop_wrap li .sns_t {display:block;background:#09aeee} .sns_pop_wrap li .sns_g {display:block;background:#ea4026} .sns_pop_wrap li .sns_k {display:block;background:#fbe300} .sns_pop_wrap li {width:35px; text-align: center; float: right; margin-left: 3px;} .sns_pop_wrap {margin-top: 0px;} .sns_pop_wrap li img {margin-right: 0px} .sns_pop_wrap li .sns_nb { display: block; background: #00c300; } .sns_pop_wrap li .sns_link { display: block; background: #D2B68E; } .sns_pop_wrap li .sns_link img {width: 13px !important;} .sns_pop_wrap li a { height: 35px; line-height: 30px; text-align: center; border-radius: 3px; color: #fff; font-size: 0.95em; } .sns_l_btn_x { border: 0px; background-color: #fff; margin-top: 2px; } .opt_ext {padding: 20px; border:1px solid #eee; border-bottom: 0px; font-size: 13px; line-height: 150%; color:#888;} .it_option {border-color:#D2B68E !important;} .opt_ext span {display: block; margin-bottom: 15px; font-size: 14px; color:#000;} .pro_price {margin-top: 20px; margin-bottom: 30px;} .pro_price_per {color:#ff6666; font-size: 30px; float:left; margin-right: 20px;} .pro_price_p {color:#000; font-size: 30px; float:left;} .pro_price_st {color:#999; font-size: 20px; float:left; margin-left: 20px; margin-top: 6px;} .seller_p_div {background-color: #f6f6f6; border-radius: 10px; padding: 20px; padding-bottom: 15px;} .seller_p_div_dd1 {float:left; width: 70%;} .seller_p_div_dd2 {float:right; width: 30%;} .seller_txt {font-size: 12px; color:#888; margin-top: 5px; line-height: 140%; word-break: keep-all;} .seller_txt span {color:#000;} .seller_p_link_btn {border:0px; background-color: transparent; font-size: 13px;} .btn_inner_left {float:left; margin-right: 5px;} .btn_inner_right {float:right; margin-top: 1px;} .pro_txt {} .pro_txt_div {padding-top: 20px; padding-bottom: 0px; box-sizing: border-box;} .pro_txt_div_ul {float:left; width: 50%; padding-top: 7px; padding-bottom: 7px; font-size: 13px;} .pro_txt_div_ul_li1 {float:left; width: 30%; color:#888;} .pro_txt_div_ul_li2 {float:left; width: 70%;} .pro_txt_div_ul2 {width: 100%; padding-top: 7px; padding-bottom: 7px; font-size: 13px;} .pro_txt_div_ul2_li1 {float:left; width: 15%; color:#888; line-height: 150%;} .pro_txt_div_ul2_li2 {float:left; width: 85%; color:#D2B68E; line-height: 150%; word-break: keep-all;} .option_select_wrap {border-top:1px solid #eee; margin-top: 20px; padding-top: 30px;} .option_s { border: 1px solid #eee; font-size: 14px; padding: 20px; width: 100%; background: url(../image/chevron-down.svg) no-repeat right 15px center; background-size: 25px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 5px; } .option_s:focus { outline: none; border: 1px solid #D2B68E; } .opt_sel_div {margin-top: 30px; padding-top: 30px; border-top:1px solid #eee;} .opt_sel_div_ul1 {float:left;} .opt_sel_div_ul2 {float:right; width: 20%;} .opt_sel_div_ul3 {float:right; width: 8%; margin-top: 10px; text-align: right} .opt_sel_div_ul1_txt {color:#888; font-size: 13px;} .opt_sel_div_ul1_pri {color:#000; font-size: 18px; margin-top: 10px;} .ops_nums {width: 100%; position: relative; float: right;} .ops_nums_inp {width: 100%; height:45px; background-color: #f9f9f9; border-radius: 6px; border:0px; text-indent: 15px;} .ops_nums_btn-up {position: absolute; top:3px; right: 5px; border:0px; background-color: transparent;} .ops_nums_btn-down {position: absolute; bottom:0px; right: 5px; border:0px; background-color: transparent;} .ops_nums_btn-del {border:0px; background-color: transparent;} .buy_wrap {margin-top: 30px; padding-top: 30px; border-top:1px solid #eee;} .buy_wrap_ul1 {float:left; width: 60%;} .buy_wrap_ul2 {float:right; width: 40%; text-align: right;} .buy_btn_main {background-color: #D2B68E; color:#fff; text-align: center; border:0px; border-radius: 10px; height: 70px; width: 100%; font-size: 18px;} .cart_btn_main {width: 120px; height:70px; border:2px solid #eee; border-radius: 10px; background-color: #fff; padding-top: 1px; box-sizing: border-box; font-size: 16px;} .wish_btn_main {width: 70px; height:70px; border:2px solid #eee; border-radius: 10px; background-color: #fff;} .cart_btn_main:hover {border-color: #ccc;} .wish_btn_main:hover {border-color: #ccc;} .share_btns {border:0px; background-color: transparent;} .share_btns:hover {color:#D2B68E;} .review_wrap {margin-top:60px;} .rev_tit {margin-bottom: 30px; border-bottom: 1px solid #eee; padding-bottom: 30px;} .rev_tit_txt {float:left; font-size: 20px;} .rev_tit_num {float:right; font-size: 14px; margin-top: 3px;} .rev_con {} .rev_con_wrap {border-bottom: 1px solid #eee; padding-bottom: 30px; margin-bottom: 30px; position: relative} .rev_view_btn_pos {position: absolute; top:0px; right:0px;} .rev_con_wrap_div {} .rev_con_wrap_div_ul1 {float:left; width: 70%;} .rev_con_wrap_div_ul1_li1 {} .rev_con_wrap_div_ul1_li1_dl {} .rev_con_wrap_div_ul1_li1_dl_dd1 {float:left; margin-top: -3px; margin-right: 15px;} .rev_con_wrap_div_ul1_li1_dl_dd1 img {height:14px;} .rev_con_wrap_div_ul1_li1_dl_dd2 {float:left; font-size: 13px;} .rev_con_wrap_div_ul1_li1_dl_dd2 span {color:#888;} .rev_con_wrap_div_ul1_li2 {margin-top: 10px; color:#888; font-size: 13px;} .rev_con_wrap_div_ul2 {float:right; width: 20%; text-align: right;} .rev_view_btn {border:2px solid #eee; border-radius: 4px; background-color: transparent; font-size: 12px; padding-left: 15px; padding-right: 35px; box-sizing: border-box; height:38px;} .rev_view_btn {background: url(../image/chevron-down.svg) no-repeat right 10px center; background-size: 15px;} .rev_view_btn:hover {color:#000; border-color: #ccc;} .rev_view_btn_up {background: url(../image/chevron-up.svg) no-repeat right 10px center; background-size: 15px;} .rev_view_btn_qa_on {border:0px; background-color: transparent; font-size: 13px; margin-top: -2px; color:#D2B68E;} .rev_view_btn_qa {border:0px; background-color: transparent; font-size: 13px; margin-top: -2px; color:#999; padding-left: 0px;} .rev_re_wrap {padding-top: 20px; font-size: 13px; line-height: 150%;} .rev_btn_ul {margin-top: 10px;} .rev_btn_tiny {border:2px solid #ddd; display: block; border-radius: 4px; padding: 2px 10px 0px 10px; font-size: 10px; color:#888; background-color: #fff; margin-right: 2px; float:left;} .rev_btn_tiny:hover {color:#000; border-color: #ccc;} .rev_re_wrap_ul1 {float:left; width:5%;} .rev_re_wrap_ul2 {float:right; width:95%;} .rev_re_re {margin-top: 30px;} .rev_re_wrap_ul2_li1 {font-size: 13px; color:#888;} .rev_re_wrap_ul2_li2 {font-size: 13px; color:#000; margin-top: 10px;} .rev_re_wrap_ul2_li2 img {max-width: 100%;} .rev_cont ul {color:#888;} .r_btm_bts_li1 {float:left;} .r_btm_bts_li2 {float:right;} .r_btm_btn_on {background-color: #D2B68E; color:#fff; font-size: 14px; border-radius: 10px; border:0px; text-align: center; padding-left: 20px; padding-right: 20px; height:50px; box-sizing: border-box; line-height: 50px; display: inline-block;} .r_btm_btn {background-color: #fff; color:#000; font-size: 14px; border-radius: 10px; border:0px; text-align: center; padding-left: 20px; padding-right: 20px; height:52px; box-sizing: border-box; border:2px solid #eee; line-height: 50px; display: inline-block;} .rev_con_wrap_div_ul1_li2 a {color:#888;} .rev_con_wrap_div_ul1_li2 a:hover {color:#000;} .partner_info_wrap {margin-top: 20px; margin-bottom: 30px;} .partners {background-color: #fff; border-radius: 10px; padding: 20px; border:2px solid #eee; box-sizing: border-box;} .partners_ul0 {float:left; margin-left: 0px; margin-top: 3px;} .partners_ul0 img {border-radius: 10%; height:60px;} .partners_ul1 {float:left; margin-left: 20px; margin-top: 5px; width: 60%;} .partners_ul2 {float:right; margin-top: 15px; margin-right: 6px;} .partners_ul3 {float:right; margin-top: 15px; margin-right: 6px;} .partners_ul1_li1 span {color:#999;} .partners_ul1_li2 {font-size: 12px; color:#888; margin-top: 5px;} .partners_ul1_li3 {font-size: 11px; color:#888; margin-top: 10px;} .partner_shop_btn {background-color: #f5f5f5; color:#000; border-radius: 6px; font-size: 13px; text-align: center; padding-left: 20px; padding-right: 20px; height:35px; border:0px;} .gallery-top img {width: 100%; height:auto; border:1px solid rgba(0,0,0,0.05); box-sizing: border-box;} .gallery-thumbs img {height:auto; border:1px solid rgba(0,0,0,0.05); box-sizing: border-box;} .qa_noma {margin-top:-2px;} .pro_ca30_img {margin-top: 0px; margin-bottom: 30px;} .pro_ca30_img img {width:100%; height:auto; border-radius: 10px; border:1px solid rgba(0,0,0,0.05); box-sizing: border-box;} .star_av_wrap {background-color: #f9f9f9; border-radius: 10px; padding: 30px; margin-top:30px; padding-bottom: 5px;} .star_av_wrap_ul1 {float:left; width: 40%; text-align: center;} .star_av_wrap_ul1 img {margin-top: 20px;} .star_av_wrap_ul2 {float:right; width: 60%; text-align: center;} .star_av_wrap_ul1_li1 {font-size: 16px; text-align: center; margin-bottom: 15px;} .star_av_wrap_ul1_li2 {font-size: 22px; text-align: center; margin-top: 15px;} .star_av_wrap_ul2_li1 {font-size: 16px; text-align: center; margin-bottom: 15px;} #bar {margin-top: -30px; margin-left: -10px;} #bar .apexcharts-yaxistooltip {display: none;} #bar .apexcharts-legend {display: none;} #bar tspan {font-family:'NaverBD-B',sans-serif; } #bar .apexcharts-tooltip-title {font-family:'NaverBD-EB',sans-serif !important; font-size: 11px !important; } #bar .apexcharts-tooltip-text {font-family:'NaverBD-EB',sans-serif !important; font-size: 11px !important; } #bar .apexcharts-tooltip-marker {margin-right: 0px !important;} #chart tspan {font-family:'NaverBD-B',sans-serif; font-size: 11px;} #chart .apexcharts-tooltip-title {font-family:'NaverBD-EB',sans-serif !important; font-size: 11px !important; } #chart .apexcharts-tooltip-text {font-family:'NaverBD-EB',sans-serif !important; font-size: 11px !important; } #chart .apexcharts-tooltip-marker {margin-right: 5px !important;} /* } */ /* 상품 탭 { */ .c_tabs { width: 100%; margin-top: 60px; } /* 탭의 가로크기 */ .contabroll dl { display: none; width: 100%; height: auto; border: 0px; margin-top: 0px; box-sizing: border-box; } .contabroll dl.on { display: block; } .contabroll dd { float: left; margin: 0px; font-size: 18px; cursor: pointer; box-sizing: border-box; padding-right: 40px; color:#888; } .contabroll dd.on { color:#000; } .tab_cont_area { padding-top: 40px; box-sizing: border-box; border-radius: 10px; line-height: 150%; word-break: keep-all; } .tab_cont_area img {max-width:100%;} .pro_new_images_l {float:left; width: 85%;} .pro_new_images_l img {width: 100% !important;} .pro_new_images_r {float:right; width: 12%; margin-top: 0px; height:655px;} .pro_new_images_r .swiper-wrapper {width: 100% !important;} .pro_new_images_r .swiper-slide {height:auto !important;} .pro_new_images_r img {width: 100% !important; height:auto;} #sit_rel h2 {text-align: left;} #sit_rel {border:0px; padding: 0px;} #sit_rel .bx-controls-direction {top:0px; right: 0px;} /* } */ /* 기존 스타일 커스텀 { */ .option_select_wrap label {display: none;} .option_select_wrap select { border: 1px solid #eee; font-size: 14px; padding: 20px; width: 100%; background: url(../image/chevron-down.svg) no-repeat right 15px center; background-size: 25px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 5px; } .option_select_wrap select:focus { outline: none; border: 1px solid #D2B68E; } #sit_tot_price dd {margin-top: 30px; background-color: #f9f9f9; border-radius: 10px; font-size: 18px; padding: 20px; box-sizing: border-box; line-height: 150%;} #sit_tot_price span {font-size: 18px;} #sit_tot_price strong {font-size: 18px; color:#D2B68E;} #sit_inf_open {width:100%;border:0;border-top:1px solid #777;border-collapse:collapse} #sit_inf_open th {padding:15px 20px 15px 20px;border-bottom:1px solid #ddd;background:#f9f9f9;vertical-align:top;text-align:left} #sit_inf_open td {padding:15px 20px 15px 20px;border-bottom:1px solid #ddd;background:#f0f0f0;vertical-align:top} .no_data {width: 100%; padding-top: 50px; padding-bottom: 50px; text-align: center; background-color: #f9f9f9; border-radius: 10px; margin-bottom: 20px; color:#999} .no_data2 {width: 100%; padding-top: 50px; padding-bottom: 50px; text-align: center; background-color: #f1f1f1; border-radius: 10px; margin-bottom: 20px; color:#999} .no_data3 {width: 100%; text-align: center; color:#999; font-size: 13px !important;} .supp_wrap {margin-top: 30px;} .supp_wrap img {border-radius: 30%;} .shop_icon_1, .shop_icon_2, .shop_icon_3, .shop_icon_4, .shop_icon_5, .shop_icon_coupon { border: 2px solid #ddd; border-radius: 4px; padding: 5px 10px 5px 10px; font-size: 10px; color: #888; background-color: #fff; display: inline-block; margin-left: 0px; margin-right: 0px; line-height: 100%; margin-bottom: 2px; } .tbl_head03 thead th { padding: 20px 0; border-top: 2px solid #959da6; border-bottom: 1px solid #d3d3d3; color: #383838; font-size: 16px; text-align: center; letter-spacing: -0px; } .sod_opt {font-size: 13px; color:#888;} .sod_opt li:before {font-size: 11px; padding-top: 5px; padding-left: 5px; padding-right: 5px;} #sod_fin_list .sod_opt:before { content: "옵션"; display: inline-block; margin: 1px 5px 2px 0; padding: 3px; border-radius: 3px; background: #e2eaf6; line-height: 1em; color: #3a8afd; font-size: 11px; padding-top: 5px; padding-left: 5px; padding-right: 5px; } .sod_left {width: 65%; margin-right: 0px;} .sod_right {width: 33.5%; float:right;} .sod_opt li {font-size: 13px; color:#888;} .sod_img img {border-radius: 10px;} #sod_frm_pay .pay_tbl th {width: 100px; padding-left: 15px;} #sod_frm_pay .pay_tbl td {padding-right: 15px;} #forderform .od_pay_buttons_el h3 {margin-bottom: 15px;} #sod_frm_paysel .bank_icon {background-image:none; text-align: center;} #sod_frm_paysel .card_icon {background-image:none; text-align: center;} #sod_frm_pay .vbank_icon {background-image:none; text-align: center;} #sod_frm_paysel .iche_icon {background-image:none; text-align: center;} #od_pay_sl .lb_icon {padding-left: 0px;} .sod_right #od_tot_price {border:0px;} #od_tot_price {background-color: #f9f9f9;} .wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input { border: 1px solid #eee; background-color: transparent; color: #000; vertical-align: middle; border-radius: 6px; padding: 10px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } #sod_frm_taker .order_choice_place {background-color: #f9f9f9; border:0px; border-radius: 6px; padding-top: 15px; padding-bottom: 15px;} #sod_frm #sod_bsk_tot .sod_bsk_coupon:before {line-height: 18px;} #sod_frm #sod_bsk_tot .sod_bsk_dvr:before {line-height: 18px;} #od_pay_sl input[type="radio"]:checked+.lb_icon {border-color: #D2B68E;} #sod_frm_pay .lb_icon {text-align: center;} .text_inps_wrap {font-size: 13px !important; color:#FF6666 !important; padding-top: 15px; padding-bottom: 15px; padding-left: 20px;} #ou_loca {display: none;} #stv {border-top:1px solid #eee;} #stv img {border-radius: 10px;} #stv_pg {position: inherit; width: 100%; padding: 0px; padding-top: 10px; font-size: 12px; letter-spacing: 0px;} .main_list_price.mt-10 {margin-top: 10px;} .main_list_tit.mt-0 {margin-top: 0px;} /* } */ /* 주문폼 커스텀 { */ .per_conts {padding-top: 20px;} .opt_b_com {padding: 20px; box-sizing: border-box; border-top:1px solid #eee; font-size: 12px;} .od_forms_left {float:left; width:65%;} .od_forms_right {float:right; width: 35%; padding-left: 5%; box-sizing: border-box;} .od_inp_tit {font-size: 20px; color:#D2B68E; border-bottom:1px solid #eee; padding-bottom: 20px;} .od_con_div {margin-top: 30px;} .od_cart_div {margin-top: 10px; background-color: #fff; border-radius: 10px; border:1px solid #eee; position: relative; box-sizing: border-box;} .od_cart_tit {background-color: #f9f9f9; padding: 15px 20px 15px 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #eee;} .od_cart_tit_txt {float:left;} .od_cart_tit_sub {float:right; color:#777; font-size: 13px; margin-top: 2px;} .od_cart_tit_sub span {color:#000;} .od_cart_con {padding: 20px; background-color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; position: relative;} .od_cart_con_1 {float:left; padding-right: 20px;} .od_cart_con_2 {float:left;} .od_cart_con_3 {float:right;} .od_cart_con_1 img {border-radius: 10px; width:50px; height:auto;} .tbl_frm01 th {text-align: left; padding-left: 0px; width: 120px;} .btn_address {color:#D2B68E; border:1px solid #D2B68E; height:45px; border-radius: 6px; padding-left: 20px; padding-right: 20px; background-color: transparent;} #sod_frm_orderer, #sod_frm_taker { margin: 0 0 0px; border: 0px solid #e3e5e8; background-color: transparent; } .od_inp_wrap {margin-bottom: 80px !important;} .od_inp_wrap_nm {margin-bottom: 0px !important;} #sod_frm div.tbl_frm01, #sod_frm_taker div.tbl_frm01 {padding: 0px !important;} #sod_frm_taker .tbl_frm01 .btn_frmline {font-size: 12px; padding-left: 5px; padding-right: 5px;} .od_b_zips {width: 20% !important;} #sod_frm_taker .tbl_frm01 td input {width: auto;} .full_input, .frm_address {width: 100% !important;} .tot_pri_lines {padding-right: 15px; border-right: 1px solid #ddd;} .tot_qty_lines {padding-left: 13px; } #sit_ov_from {position:sticky; position: -webkit-sticky; top: 120px; height:auto; background-color: #fff; z-index: 9;} #sticky_od_form {position:sticky; position: -webkit-sticky; top: 120px; height:auto; background-color: #fff; z-index: 9;} .borders_box {border:1px solid #eee; padding: 30px; border-radius: 10px; box-sizing: border-box;} .pay_tits {font-size: 20px; margin-bottom: 20px;} #sod_bsk_tot span {float:left; color:#888;} #sod_bsk_tot strong {float:right;} #sod_bsk_tot ul li {padding-bottom: 10px;} #carts_tot span {float:left; color:#888;} #carts_tot strong {float:right;} #carts_tot ul li {padding-bottom: 10px;} .sod_bars {border-top:1px solid #eee; margin-top: 15px; padding-bottom: 25px !important; margin-bottom: 0px !important;} .od_coupon_btns { float:right; display: inline-block; width: auto !important;; padding: 5px 10px !important; height: auto !important;; background: #fff !important; border:1px solid #D2B68E !important;; border-radius: 6px; color: #D2B68E !important; text-decoration: none; vertical-align: top; margin-left: 15px; margin-top: -5px; font-size: 12px !important; } #od_tot_price strong {font-size: 18px;} #od_tot_price span {color:#000;} .mt30_div {margin-top: 30px;} .od_p_div {margin-top: 30px;} .od_pat_inp {border:1px solid #eee; border-radius: 6px; height:45px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; width: 100%;} .od_help_txt {font-size: 12px; margin-top: 5px; color:#888;} .od_help_txt span {color:#000;} #settle_bank { border: 0px; border-top: 0 none; background: #fff; padding: 0px; clear: both; line-height: 32px; margin-top: 20px; padding: 0px; box-sizing: border-box; } #settle_bank select { border: 1px solid #eee; font-size: 14px; padding-left: 15px; height:45px; width: 100%; background: url(../image/chevron-down.svg) no-repeat right 10px center; background-size: 20px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 5px; } #settle_bank select:focus {outline: none; border-color: #D2B68E;} #settle_bank #od_deposit_name { height: 45px; padding: 0 15px; border: 1px solid #eee; width: 100%; } #display_pay_button { background: #fff; padding: 0px; border: 0px; border-top: 0; margin-top: 30px; } .btn_submit { border: 0px !important; background: #D2B68E; color: #fff; border-radius: 6px; font-size: 16px; font-weight: normal; font-size: 16px !important; } .btn_submit:hover {background: #D2B68E;} #display_pay_button .btn01 { line-height: 30px; font-weight: normal; font-size: 16px; border: 2px solid #eee; border-radius: 6px; } #sod_frm_pay input[type="radio"]:checked+.lb_icon {color: #D2B68E} #od_send_cost2 {color:#000 !important;} .print_price {color: #D2B68E !important;} .od_numbers {background-color:#f9f9f9; border-radius: 10px; padding: 30px; text-align: center; font-size: 16px; margin-bottom: 80px;} .od_inp_wrap .tbl_wrap {border-radius: 10px;} #sod_fin #sod_bsk_tot li { background: #fff; border-bottom: 0px; height: auto; padding: 0 0px; line-height: 100%; text-align: left; padding-bottom: 10px; } #sod_fin #sod_bsk_tot .sod_bsk_cnt strong { color: #000; font-size: 14px; } .bg_box_pri {background-color: #f9f9f9 !important; line-height: 20px !important; padding: 15px !important; margin-bottom: 15px;} .bg_box_pri span {color:#000 !important} .bg_box_pri strong {color: #D2B68E !important; font-size: 18px !important;} .txt_red {color:#ff6666 !important;} .od_infos ul li strong {float:right;} .sod_fin_c_btn { line-height: 30px; font-weight: normal; font-size: 16px; border: 2px solid #eee !important; border-radius: 6px; margin-top: 30px; } .od_infos ul li {padding-bottom: 10px;} .od_infos ul li span {color:#888;} .od_infos ul li strong {font-weight: normal;} .sod_cls_btn {padding: 9px 15px;} #sod_fin_cancelfrm {width: 500px; box-shadow: 20px 20px 50px rgba(0,0,0,0.1); border:0px; margin-left: -250px;} #sod_fin_cancelfrm .btn_frmline { background: #D2B68E; color: #fff; border: 0; padding: 15px; width: 100%; cursor: pointer; border-radius: 6px; } .od_forms_left .tbl_wrap {padding-top: 0px !important; padding-bottom: 0px !important; border:0px !important; padding-left: 0px !important; padding-right: 0px !important; border-radius: 0px; margin-bottom: 0px !important;} .od_cart_con_1_cart img {height: 69px; width: auto;} .mod_options {font-size: 12px;} .po_rel {position: relative;} .sod_option_btn {position: absolute; bottom:25px; right: 20px;} .od_cart_con_3 label {padding-left: 25px !important;} .btn_cart_del {border-bottom: 0px} .btn_cart_del button {font-size: 12px;} .sod_option_btn .mod_options {padding:0 10px;} .sod_opt li {padding: 2px 0px} .od_cart_div_btm {margin-top: 0px; margin-bottom: 10px;} #display_pay_button .btn_submit {font-size: 16px;} #sct_sortlst {text-align: right; border:0px; position: absolute; top:2px; right:0px;} #ssch_sort {width: 100%; float:none;} #ssch_sort a {color:#888; padding-left: 20px;} .wish_chk {position: absolute; bottom:15px; right:10px;} .wish_l {float:left; width: 80%;} .wish_r {float:right; margin-top: 19px; width: 20%; text-align: right;} .wish_r a {transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);} .wish_r a:hover {opacity: 0.5;} #sod_ws_act .btn02 { border: 0px; background: #D2B68E; border-radius: 10px; } button.btn01 {background-color: #fff; font-size: 16px; font-weight: normal; border:2px solid #eee; border-radius: 10px;} #sod_ws_act button { height: 50px; width: 180px; font-weight: normal; font-size: 16px; border-radius: 10px; } #sod_ws_act .btn01 {border:2px solid #eee;} #od_pwd {width: 50%;} .cp_boxs {position: relative} .cp_cancel {font-size: 12px; height:20px; margin-top: -1px; margin-left: 5px;} .cp_boxs .cp_cancel {margin-top: -4px;} .cp_btn {font-size: 12px; height:20px; border: 1px solid #D2B68E !important; margin-top: 0px; color:#D2B68E;} .od_coupon {position:absolute; border:1px solid #eee; background-color: #fff; width: 100%; z-index: 9; top:-27px; left: -0px; box-sizing: border-box;} .od_coupon .btn_close {border-radius: 0px; border-top:0px; border-left: 1px solid #eee;} .od_coupon h3 {box-shadow: none; border-bottom: 1px solid #eee; margin-bottom: 0px;} .od_coupon .tbl_head02 thead th {display: none;} .od_coupon .tbl_head02 td {border-bottom: 0px;} .od_coupon .tbl_head02 {border-top:1px solid #eee; margin: 0px; padding: 10px !important; box-sizing: border-box;} .c_black {color:#000 !important;} .od_coupon .tbl_head02 .td_mngsmall {text-align: right;} .od_coupon .cp_apply { padding: 0 5px; border: 1px solid #D2B68E; color: #D2B68E; background: #fff; height: 23px; line-height: 21px; font-size: 12px; } .po_btn_ab {position: absolute; top:65px; right: 20px; width: 350px; text-align: right;} /* 배포이후 추가 { */ .list_stars {position: absolute; left:15px; bottom:15px;} .list_stars_bg {width: 25px; height:25px; background-position: center center; background-size: cover; text-align: center; padding-top: 5px;} .list_stars_bg span {font-size: 10px; color:#000;} .sos_bt {background-color:transparent; border:0px; color:#ff6666;} .view_bolt_ico {margin-left: 3px;} .sos_mt {margin-top: 15px;} .sos_area {background-color: #f9f9f9; width:100%; border:1px solid #f9f9f9; min-height:150px; padding: 20px; font-size: 14px; color:#000; box-sizing: border-box; border:0px; line-height: 150%; box-shadow: none;} .sos_area:focus {border:1px solid #D2B68E;} .sos_center {text-align: center;} .sos .off_bt {line-height: 50px;} .partner_tits {float:left; margin-right: 20px;} .partner_tits img {border-radius: 10px; width: 45px;} .partner_infos {float:left;} .partner_tit_sub {float:none;} .partner_tit_sub2 {margin-top: 7px; color:#999; font-size: 13px;} .partner_tit_sub2 span {margin-right: 15px;} .partner_tits_divs {margin-top: -50px; margin-bottom: 20px;} #ssch_cate {padding: 15px 0px 15px 0px; border:2px solid #f3f3f3; border-radius: 10px;} #ssch_cate a {padding-right: 0px;} .swiper-slide-ss {width: auto !important;} .partner_links_btn {background-color:transparent; border:0px; margin-left: 10px; float:left; margin-top: 2px; color:#ccc;} .partner_links_btn2 {background-color:transparent; border:0px; margin-left: 10px; float:left; margin-top: 1px; color:#ccc;} .partner_links_btn.on_data {color:#000;} .partner_links_btn2.on_data {color:#000;} .new_tit_left {float:left; margin-right: 10px; color:#000 !important;} /* 다중팝업 CSS */ .d_popup{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000} .d_popup.on{display:block} .d_popup .bg{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.6);} .d_popup .wins{display:none;position:absolute;width:600px;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;} .d_popup .wins.on{display:block} .d_popup .wins .inner{padding:40px;font-size:14px;color:#555;line-height:1.6; width: 100%; padding-top: 20px;} .d_popup .wins .inner:after{display:block;content:'';clear:both} .d_popup .wins .close{position:absolute;right:0;top:0;width:80px;height:80px;cursor:pointer;text-indent:-9999px} .d_popup .wins .close:before{display:block;content:'';position:absolute;left:50%;top:50%;width:30px;height:2px;background:#fff;transform:translate(-50%,-50%) rotate(45deg)} .d_popup .wins .close:after{display:block;content:'';position:absolute;left:50%;top:50%;width:30px;height:2px;background:#fff;transform:translate(-50%,-50%) rotate(-45deg)} .d_popup .wins .tit{background:#fff;line-height:100%;font-size:20px;color:#000;padding-left:40px; padding-top: 40px;} .d_popup .sitemap .inner{margin-left:-3%} .d_popup .sitemap dl{float:left;width:22%;margin:20px 0;margin-left:3%;} .d_popup .sitemap dl:nth-child(4n+1){clear:both} .d_popup .sitemap dl dt{font-size:18px;font-weight:600;line-height:50px;border-bottom:1px solid #000;margin-bottom:10px} .d_popup .sitemap dl dd{padding:5px 0} .d_popup .sitemap dl dd a{color:#555;font-size:13px} .d_popup .wins .close {display: none;} @media all and (min-width:1024px) { .opt_up_btn {display: none !important;} } /* { */ /* 상품탭 상단고정 2022-11-06 { */ #tab_gnd_wrap.fixed{position: fixed;left: 0;width: 100%; padding-top: 25px; padding-bottom: 25px; background-color: #fff; z-index: 99; box-shadow: 0px 10px 10px rgba(0,0,0,0.05); border-top:1px solid #eee;} #tab_gnd_wrap.fixed dd {font-size: 16px;} #tab_gnd_wrap dd {padding-right: 0px; width: auto !important; white-space: nowrap;} .opt_div_wrap_scroll {overflow-y: auto; height:130px; border-top:1px solid #eee;} .opt_div_wrap_scroll div:first-child {border-top:0px;} /* } */ /* 상품후기, 문의 업데이트 2022-11-16 { */ .sec_txt_div {background-color: #f9f9f9; color:#999; padding: 7px 10px 7px 10px; border-radius: 4px; font-size: 12px;} .use_img_bg img {width: 100%; height:auto; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} .use_img_bg {position: relative} .use_mb_id {position: absolute; top:-20px; right:20px; z-index: 9;} .use_mb_id img {width: 40px; height:auto !important; border-radius: 40% !important;} .rev_con_wrap_div_use {background-color: #f9f9f9; padding: 20px; box-sizing: border-box; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;} .hidden_use {display: none;} .rev_con_wrap_div_use .rev_con_wrap_div_ul1 {width: 100%;} .rev_con_wrap_div_use .rev_con_wrap_div_ul1_li1_dl_dd2 {margin-top: 5px; float:none;} .rev_con_wrap_div_use .rev_con_wrap_div_ul1_li1_dl_dd1 {float:none;} .rev_con_wrap_div_use .rev_con_wrap_div_ul1_li1_dl_dd1 img {width:auto;} .swiper-slide-use {border-bottom: 0px !important;} .rev_con_wrap {cursor: pointer;} /* 후기팝업 */ .d_popup_prd{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000} .d_popup_prd.on{display:block} .d_popup_prd .bg{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.6);} .d_popup_prd .wins{display:none;position:absolute;width:600px; height:400px; overflow-y: auto; top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;} .d_popup_prd .wins.on{display:block} .d_popup_prd .wins .inner{padding:40px;font-size:14px;color:#555;line-height:1.6; width: 100%; padding-top: 20px;} .d_popup_prd .wins .inner:after{display:block;content:'';clear:both} .d_popup_prd .wins .close{position:absolute;right:10px;top:0;width:80px;height:80px;cursor:pointer;text-indent:-9999px} .d_popup_prd .wins .close:before{display:block;content:'';position:absolute;left:50%;top:50%;width:30px;height:2px;background:#000;transform:translate(-50%,-50%) rotate(45deg)} .d_popup_prd .wins .close:after{display:block;content:'';position:absolute;left:50%;top:50%;width:30px;height:2px;background:#000;transform:translate(-50%,-50%) rotate(-45deg)} .d_popup_prd .wins .tit{background:#fff;line-height:130%;font-size:20px;color:#000;padding-left:40px; padding-top: 30px; width: 80%;} .d_popup_prd .sitemap .inner{margin-left:-3%} .d_popup_prd .sitemap dl{float:left;width:22%;margin:20px 0;margin-left:3%;} .d_popup_prd .sitemap dl:nth-child(4n+1){clear:both} .d_popup_prd .sitemap dl dt{font-size:18px;font-weight:600;line-height:50px;border-bottom:1px solid #000;margin-bottom:10px} .d_popup_prd .sitemap dl dd{padding:5px 0} .d_popup_prd .sitemap dl dd a{color:#555;font-size:13px} .d_popup_prd .rev_re_wrap_ul1 {width: 10%;} .d_popup_prd .rev_re_wrap_ul2 {width: 90%;} .popup_open_prd {cursor: pointer;} .wish_del svg {width: 20px; height:20px;} .event_wrap {margin-top: 60px;} .best_wrap {margin-top: 60px;} .main_list {margin-top: 40px;} .time_wrap {margin-top: 50px;} .time_wrap .counts {background-color: #fff !important; font-size: 22px !important;} .sub_wrap_sub {padding-bottom: 60px; margin-bottom: 60px; border-bottom:1px solid #eee;} .title_div {} .title_div_txt {float:left; font-size: 20px;} .title_div_txt span {color:#D2B68E;} .title_div_ico {float:right; text-align: right; margin-top: 2px; position: relative; font-size: 13px; color:#888;} .arr_left {border:0px; background-color: transparent; left: auto !important; top:12px !important; right:30px !important; position: absolute !important;} .arr_right {border:0px; background-color: transparent; left: auto !important; top:12px !important; right:-7px !important; position: absolute !important;} .title_div_ico2 {margin-top: -14px;} .ex_v img {max-width: 100%;} /* 페이징 */ .pg_wrap {margin:0px;text-align:center; margin-left: 0px; margin-top: 50px;} .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} .pg {text-align:center} .pg_page, .pg_current,.qa_page {display:inline-block;vertical-align:middle;} .pg a:focus, .pg a:hover {text-decoration:none} .pg_page,.qa_page {color:#959595;height:30px;line-height:30px;padding:0 10px;min-width:30px;text-decoration:none;border-radius:3px} .pg_page:hover,.qa_page:hover {background-color:#fafafa} .pg_start {text-indent:-999px;overflow:hidden;background:url('../image/chevron-left.svg') no-repeat 50% 50%;padding:0; display: none;} .pg_prev {text-indent:-999px;overflow:hidden;background:url('../image/chevron-left.svg') no-repeat 50% 50%;padding:0;} .pg_end {text-indent:-999px;overflow:hidden;background:url('../image/chevron-right.svg') no-repeat 50% 50%;padding:0; display: none;} .pg_next {text-indent:-999px;overflow:hidden;background:url('../image/chevron-right.svg') no-repeat 50% 50%;padding:0;} .pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa} .pg_current {display:inline-block;color:#1E58C6;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px; background-color:#fafafa} .sound_only {display: none;} /* } */ .tiny_nums_color {font-size: 11px; color:#D2B68E;} .tiny_nums {font-size: 11px;} .word_keep {word-break: keep-all;} .sc_divs {height:350px; overflow-y: scroll; box-sizing: border-box; font-size: 11px !important; background-color: #f9f9f9; border-top:2px solid #eee; border-bottom: 2px solid #eee;} .top_sel_divs {margin-bottom: 20px;} .ul_left {float:left;} .ul_left_ser {float:left; width: 70%;} .ul_right {float:right; font-size: 12px;} .ul_right a {background-color: #f1f1f1; font-size: 12px; padding: 5px 10px 5px 10px; margin-left: 5px; border-radius: 4px;} .top_on_bt {background-color: #D2B68E !important; color:#fff; font-size: 12px; padding: 5px 10px 5px 10px; margin-left: 5px; border-radius: 4px;} .top_sel_divs_bd {margin-bottom: 20px; background-color: #f9f9f9; padding: 15px; box-sizing: border-box;} .top_sel_divs_bd .ul_left {float:left;} .top_sel_divs _bd.ul_right {float:right;} .ul_left_chk {float:left;} .sit_btn_alm_div {margin-top: 20px;} .sit_btn_alm_div button {background-color: #D2B68E !important; width: 100% !important; margin-left: 0px !important; border-radius: 10px !important; font-size: 14px !important; letter-spacing: 0px;} .tm_txt {display: block; margin-bottom: 15px; font-size: 14px;} .td_left a {word-break: keep-all;} .btm_btns_divs {width:100%; margin-top: 30px;} .btm_btns_divs .off_bt {float:left; width: 10%; margin-right: 5px; cursor: pointer} .btm_btns_divs .bbs_bt {width: 80px; height:40px; border-radius: 6px; font-size: 13px; text-align: center; line-height: 40px;} .plus_form {margin-top: 20px;} .plus_form table th {width: 15%; padding-top: 15px; padding-bottom: 15px;} .plus_form table td {width: 85%; padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 15px;} .plus_form_tit {font-size: 16px; color:#D2B68E;} .plus_form_sub {font-size: 14px; margin-top:10px; color:#999;} .plus_form table td .frm_info {color:#999; font-size: 12px; display: block; margin-bottom: 10px;} .plus_form_inner {margin-top: 20px; margin-top: 0px; margin-bottom: 0px;} .plus_form_inner table th {padding: 10px !important; background-color: #f9f9f9; width: auto !important;} .plus_form_inner table td {padding: 10px !important; width: auto !important;} .bg_trans table td { border-top:0px; border-color:#eee; font-size: 11px;} .bg_trans table {border-top:0px;} /* 게시판 { */ .bbs_ssj {margin-bottom: 30px; font-size: 18px; line-height: 150%;} .gaps {margin-left: 4px;} #bo_list tbody tr {border-left: 0px !important;} .bbs_chk {width: 5% !important; text-align: center !important;} .bbs_num {width: 7% !important;} .bbs_subj {width: 40% !important; position: relative; padding-left: 25px !important;} .comm_dd {margin-top: 15px;} .bbs_subj_inner .bbs_subj_inner_div {width: 100%;} .bbs_subj_inner .bbs_subj_inner_div a {color:#000;} .subj_ico {background-color: #D2B68E; color:#fff; font-size: 11px; padding: 0px 7px 0px 7px; border-radius: 4px; float:left; margin-right: 10px;} .comm_span {position: absolute; right:25px; top:27px; font-size: 10px;} .bbs_prof_ul1 {float:left; margin-right: 20px;} .bbs_prof_ul1 img {height:60px; border-radius: 10%;} .bbs_prof_ul2 {float:left;} .bbs_prof_ul2_li1 {font-size: 14px;} .bbs_prof_ul2_li2 {font-size: 12px; margin-top: 5px;} .bbs_prof_ul2_li3 {font-size: 12px;} .cke_sc {display: none;} #bo_v_con {color:#000; line-height: 150%; font-size: 14px !important;} #bo_v_con p, #bo_v_con span {font-size: 14px !important;} #bo_v_con img {max-width: 100%;} .bo_v_file_cnt {font-size: 12px;} .gall_new_ico {position: absolute; right:20px; bottom:20px; display: block; width: 50px; height:50px; background-color: #fff; border-radius: 30%; text-align: center; line-height: 50px; font-size: 12px; box-shadow: 0px 0px 5px rgba(0,0,0,0.1);} .bbs_chk_gall {position: absolute; top:25px; left: 20px;} .main_list_sub_bbs {font-size: 14px; color:#999; margin-top: 10px; word-break: keep-all; line-height: 150%;} .bbs_date_tops {margin-top: 5px;} /* } */ .tabless {border-top:1px solid #eee; box-sizing: border-box;} .tabless ul {border-bottom: 1px solid #eee; box-sizing: border-box;} .tabless .tabless_th {float:left; width: 15%; padding-top: 20px; padding-bottom: 20px; background-color: #f9f9f9; padding-left: 20px; box-sizing: border-box;} .tabless .tabless_td {float:left; width: 35%; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; box-sizing: border-box;} .font_big_ta {} .font_big_ta th {font-size: 18px; padding-top: 20px !important; padding-bottom: 20px !important; width:20% !important;} .font_big_ta td {font-size: 15px; padding-top: 20px !important; padding-bottom: 20px !important; width: 80% !important;} .font_big_ta .mobile {color:#000; font-size: 14px; display: block; margin-bottom: 10px;} .mobile {display: none !important;} @media all and (max-width:1280px) { .pc {display: none;} .mobile {display: block !important;} .top_wrap_ul2 {display: none;} .top_wrap {padding-top: 0px;} .top_wrap_ul1 {margin-top: 0px;} .top_wrap_ul1 img {height:40px;} .top_wrap_ul3 {display: none;} .top_wrap_ul4 {margin-top: 9px;} .top_fixed {padding-left: 20px; padding-right: 20px; box-sizing: border-box; padding-bottom: 15px; padding-top: 15px;} .sh-side-options {width: 350px;} .plus_admin_btn img {width: 100%;} .sl_gnb ul {width: 32%; margin-left: 2%; padding-bottom: 18px; padding-top: 18px;} .gnb_bt_mt {margin-top: 5px;} .sh-side-demos-loop-container {margin-top: 0px;} .sl_btn {margin-top: 10px;} .gnb_sub_div_ul2 {display: none;} .gnb_sub_div_ul1 {float:none; width: 100%; background-color: #fff; background-color: #f9f9f9;} .gnb_sub_div_ul1 {padding-left: 0px; padding-right: 0px;} .gnb_sub_div_ul1_li1 {float:none; width: 100%; box-sizing: border-box;} .gnb_sub_div_ul1_li2 {float: left; margin-top: 20px;} .gnb_sub_div_ul1_li3 {width: 50%; margin-top: 12px; margin-right: 20px;} .top_wrap_ul4 li {margin-left: 15px;} .top_wrap_ul4 .r_gnb_li {margin-left: 30px;} .tabless .tabless_th {width: 35%;} .tabless .tabless_td {width: 65%;} .top_kw { margin-top: 10px; text-align: left; color: rgba(255,255,255,0.4); position: absolute; top: 0px; right: auto; left:20px; width: 150px; height: 20px; overflow: hidden; } .subs_wrap {padding-left: 20px; padding-right: 20px; margin-top: 20px;} #sct_sortlst {right: 20px; top:-5px;} .event_wrap {margin-top: 30px;} .main_list {margin-top: 20px;} .best_wrap {margin-top: 0px;} .title_div {margin-bottom: 30px !important;} .swiper-container-list2 {padding-left: 20px; padding-right: 20px;} .swiper-container-list1 {padding-left: 20px; padding-right: 20px;} .swiper-container-list1 .swiper-slide img {border-radius: 10px;} .swiper-container-list3 {padding-left: 20px; padding-right: 20px;} .swiper-container-list4 {padding-left: 20px; padding-right: 20px;} .swiper-container-list5 {padding-left: 20px; padding-right: 20px;} .swiper-container-list6 {padding-left: 20px; padding-right: 20px;} .swiper-container-list7 {padding-left: 20px; padding-right: 20px;} .swiper-container-list8 {padding-left: 20px; padding-right: 20px;} .swiper-slide-list1 {width: 100% !important;} .swiper-slide-list5 {width: 100% !important; opacity: 1;} .main_list_tit {font-size: 16px;} .fund_li1 {float: none; width: 100%; padding-top: 0px;} .fund_li1 img {height: auto; border-top-left-radius: 10px; border-top-right-radius: 10px; border-right: 0px; border-bottom: 1px solid rgba(0,0,0,0.05); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} .fund_li2 {float:none; width: 100%;} .fund_li2 {padding: 30px;} .fund_wrap {margin-top: 0px; padding-top: 30px;} .swiper-wrapper-list5 { margin-left: 0px; padding-bottom: 0px; padding-top: 0px; } .swiper-wrapper-list5 .swiper-slide-active {box-shadow: none;} .fund_li2_dl1 {font-size: 24px;} .title_div_ico {margin-top: 0px;} .fund_btn {width: 100%;} .fund_btn_div {margin-top: 50px;} .fund_li2_dl2_dd1 {float:none;} .fund_li2_dl2_dd2 {float: none; margin-top: 10px; margin-left: 0px;} .fund_per_wrap_dd1 {float:none;} .fund_per_wrap_dd2 {float: none; margin-top: 10px; margin-left: 0px;} .fund_bar {margin-top: 20px;} .top_search_btn {right: 0px;} .fun_last {margin-top: 0px;} .btm_copy {padding-top: 30px; padding-left: 20px; padding-right: 20px;} .btm_copy_ul1 {float:none; width: 100%; text-align: center;} .btm_copy_ul1_li1 span {display: block; padding-left: 0px; background-color: #f9f9f9; padding: 15px 20px 15px 20px; margin-bottom: 10px; border-radius: 10px;} .btm_copy_ul1_li1 a {padding-left: 5px; padding-right: 5px; display:inline-block;} .btm_time {display: none !important;} .h10 {height:20px;} .btm_copy_ul1_li2 {text-align: center; word-break: keep-all; line-height: 150%;} .btm_copy_ul2 {float:none; width: 100%; margin-top: 30px; border-top:1px solid #eee; padding-top: 30px;} .btm_copy {padding-bottom: 30px;} .cut80 {width: 70%;} .latest_cont {margin-top: 20px;} .btm_c {padding-top: 30px; padding-bottom: 30px; border:0px; background-color: #f9f9f9; text-align: center; padding-left: 20px; padding-right: 20px;} .btm_c_left {float:none; text-align: center;} .btm_c_right {float:none; text-align: center; margin-top: 20px; line-height: 150%} .fund_view_btn {padding-right: 30px; padding-left: 30px; padding-top: 20px; padding-bottom: 20px; width: 300px; height:70px;} .swiper-container-sgnb {padding-left: 20px; padding-right: 20px;} .top_news {padding-left: 20px;} .top_news_txt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%; display: block; } .gnb_sub_div_ul1 a {margin-right: 0px;} .top_news_txt {margin-top: 1px;} .shop_icons a {padding-bottom: 20px; padding-top: 20px;} .fund_btn_div_po {top:-70px; background-color: #f9f9f9; padding-bottom: 0px;} .fund_view_btn {width:100%; border-radius: 0px; padding-left: 20px; padding-right: 15px;} .fun_last {padding-bottom: 30px;} .main_list_price_li1 {font-size: 14px;} .main_list_price_li2 {font-size: 14px;} .main_list_price_li3 {font-size: 14px;} .main_list_sub {font-size: 12px;} .main_list_cat_li1 {font-size: 12px;} #ssch_cate ul li a {font-size: 12px; line-height: 200%;} .main_tit_d {padding-left: 20px; padding-right: 20px;} .gnb_lefts {float:none; display: none;} .gnb_rights {float:none; width: 100%;} .main_list_price_li3 strike {margin-top: 0px;} .box_wrap {} .box_wrap_inner {width: 100%; border:0px;} .box_wrap_inner_join {width: 100%; border:0px; padding: 30px;} .box_wrap {padding-top: 0px; padding-bottom: 0px;} #kcp_cert {height:800px !important;} .wrapper-notification.side {width: 100% !important; padding: 20px;} .wrapper-alert.right, .wrapper-notification.right { left: auto; right: 0px !important; bottom: 0px !important;; } .pro_f_l {float:none !important; width:100% !important; margin-top: 40px;} .pro_f_r {float:none !important; width: 100% !important; padding-left: 0px !important; padding-top: 0px !important; border-top:0px solid #eee !important; margin-top: 0px !important;} .contabroll dd {padding-right: 20px; font-size: 16px;} .tab_cont_area {padding: 0px; background-color: #fff; border-radius: 0px; margin-top: 30px;} .pro_tit {font-size: 20px;} .partners {padding: 15px;} .partners_ul0 {margin-left: 0px;} .partners_ul1 {width: 45%;} .partners_ul2 {display: none;} .p_info_on2 {right: -5px !important;} .p_info_off2 {right: -7px !important;} .buy_wrap_ul1 {width: 50%;} .buy_wrap_ul2 {width: 50%;} .swiper-button-next-bn {width: 40px !important; right: 1% !important;} .swiper-button-prev-bn {width: 40px !important; left:1% !important;} .pro_price_per {font-size: 24px;} .fund_new_price {font-size: 24px;} .seller_p_div_d3 {float:none; margin-top: 5px;} .pro_txt_div_ul {float:none; width:100%;} .pro_txt_div_ul2_li1 {width: 30%;} .pro_txt_div_ul2_li2 {width:70%;} .video-wrapper_div {margin-top: 0px;} .od_forms_left {float:none; width: 100%;} .od_forms_right {float:none; width:100%; padding-left: 0px} .tbl_frm01 th {display: none;} .tbl_frm01 td {padding: 5px 0px;} .order_choice_place label {display: block; width: 100%; margin-bottom: 5px;} .tbl_frm01 label {margin-top: 10px;} .od_b_zips {width: 30% !important;} .od_cart_con_1 {position: absolute; bottom:20px; right:20px; float:none; padding: 0px;} .od_cart_con_1_cart {bottom:20px; right: 20px;} .od_cart_con_1_cart img {width: 50px; height:auto;} .od_inp_wrap {margin-bottom: 30px !important;} .title_div_txt_ss {width: 100%; float:none;} .title_div_txt_r {float:none; width:100%; margin-top: 20px; text-align: left; background-color: #f9f9f9; padding: 15px 15px 15px 15px; border-radius: 10px; display: none;} .title_div_txt_r span {float:right;} .m_txt_left {text-align: left !important; border-left: 0px !important; padding-left: 15px !important; padding-right: 15px !important; width: 60% !important;} .m_td {text-align: left; font-size: 11px; margin-top: 5px;} .mw20 {width:20%;} .tbl_head03 td {font-size: 12px !important;} .tbl_head03 th {font-size: 12px !important;} .od_numbers {margin-bottom: 30px; font-size: 16px;} .od_inp_tit {font-size: 16px;} .od_cart_con_2 {float:none;} .od_cart_con_3 {float:none; margin-top: 15px;} .no_data {font-size: 12px; padding-top: 30px; padding-bottom: 30px;} .ul_left {float:none;} .ul_right {float:none;} .datepicker {width: 100px;} .mw50 {width:50% !important;} .bbs_subj .cut80 {overflow:inherit;text-overflow:inherit;white-space:inherit; width: 100%;} .bbs_subj {width: 60% !important;} form #stx {width: 175px} form .select_btn {padding-left: 10px !important;} .subj_ico {display: none;} .plus_form table th {width: 25%; display: none;} .center_btn_divs_box_c {width: 50%;} #bo_vc article .cm_wrap {width: 70%;} .plus_form table td {width: 75%; border-left: 0px; padding-left: 0px; padding-right: 0px;} .bo_vc_w_wr .btn_submit {float:right;} #wr_subject {width: 100%;} .select_file {width: 100%;} select[name="sca"] {width: 100%; margin-bottom: 5px;} .gaps {margin-left: 0px;} #wr_link1 {width: 100%;} #wr_link2 {width: 100%;} #wr_3 {width: 100% !important;} .pro_price_p {font-size: 24px;} .pro_price_st {margin-top: 4px; font-size: 18px; margin-left: 10px;} .pro_price_per {margin-right: 10px;} .main_list_price {margin-top: 10px;} .ul_right_ser {float:none; margin-top: 20px;} #ssch_qid {display: none;} label[for="ssch_qid"] {display: none;} #ssch_qbasic {display: none;} label[for="ssch_qbasic"] {display: none;} #ssch_qexplan {display: none;} label[for="ssch_qexplan"] {display: none;} .ul_left_ser {width: 100%; float:none;} .ul_left_chk {float:none; width: 100%;} .ul_left_slider {float: none; width: 100%; margin-left: 0px; margin-top: 20px;} .ul_pri_div {background-color: #f9f9f9; padding: 20px; border-radius: 10px; width: 100%;} .irs--flat .irs-line {background-color: #ccc !important;} #ssch_qfrom {width: 100px;} #ssch_qto {width: 100px;} .sod_frm_mobile .sod_opt {padding:0px;} .sod_frm_mobile .sod_opt li {margin: 0px;} .sod_frm_mobile .odf_list label, .sod_frm_mobile .odf_list strong {display: none;} .btn_address { color: #D2B68E !important; border: 1px solid #D2B68E !important; height: 45px !important; border-radius: 6px !important; padding-left: 20px !important; padding-right: 20px !important; background-color: transparent !important; } #sod_frm .tbl_frm01 th, #sod_frm .tbl_frm01 td {padding: 5px 0px;} .sod_frm_mobile #sod_frm_taker {padding: 0px; border-top:0px;} #sod_frm .tbl_frm01 th, #sod_frm .tbl_frm01 td {line-height: inherit;} .samsung_pay{background:url(../image/samsungpay.png) no-repeat center center !important;display:inline-block !important;overflow:hidden !important;text-indent:-999px !important;} #sod_frm_paysel .inicis_kakaopay em {left: 0px; width: 80px; margin:0 auto; position: inherit;} .inicis_kakaopay {background: url(../image/kakao.png) no-repeat 50% 50% !important;} #sod_fin_cancelfrm {width: 400px; margin-left: -200px;} .video-wrapper_div {margin-left: -20px; margin-right: -20px; border-radius: 0px; padding-bottom: 60.25%;} .video-wrapper_div iframe {border-radius: 0px;} #d_sLightBox_win .inner {width: 100%; top:0%; height:100%;} #hd_pop {width: 100%; top:0px !important; left:0px !important;} .hd_pops {width: 100% !important; top:-20px !important; left:0px !important;} .hd_pops_con {width: 100% !important; height:auto !important;} .hd_pops_con img {max-width: 100% !important; height:auto !important;} #sit_inf_open th, #sit_inf_open td {font-size: 11px; padding: 10px;} .deal .main_list_img{float:none; width: 100%;} .deal .main_list_img img {border-bottom: 0px;} .deal .right_de {float:none; width: 100%; min-height:auto !important; padding-left: 0px; padding-top: 20px; overflow: inherit;} .deal .main_list_sub {display: none;} .deal .counts {font-size: 16px !important;} .deal .main_list_cat_li2 {right: 0px; top:17px;} .main_list_price_li3 strike {display: none;} .swiper-slide-list7 {margin-top: 0px !important;} .time_btn_div {margin-top: 40px;} .time_wrap {padding-top: 40px; padding-bottom: 0px; margin-top: 0px;} .submain_top_bn {margin-top: 0px; margin-bottom: 35px;} .submain_top_bn img {border-radius: 0px;} .sub_wrap_sub {padding-bottom: 30px; margin-bottom: 30px;} .od_cart_tit_txt {float:none;} .od_cart_tit_sub {float:none; margin-top: 5px;} .deal_list .main_list_img img {} .deal_list .right_de {} .gnb_sub_div_ul1 {padding-bottom: 0px;} .gnb_sub_div_ul1_li3 {display: none;} .gnb_sub_div_ul1_li2 {display: none;} .time_wrap {padding-top: 0px;} .time_new_div {margin-top: 0px;} .time_wrap .swiper-container-list9 {padding-left: 20px; padding-right: 20px;} .ul_right_ser .select_inp {width: 88%;} .ul_right_ser .select_btn {width: 10%;} .cate_up {position: fixed; width: 100%; top:-100px; left: 0px; z-index: 99; box-shadow: 0px 10px 10px rgba(0,0,0,0.05); border-bottom: 1px solid rgba(0,0,0,0.05);} .m_mt_sel {margin-top: -10px;} .m_mt_sel select {height:45px;} .type_30_help {background-color: transparent; padding: 0px; text-align: left; margin-bottom: 15px;} .star_av_wrap {padding-left: 0px; padding-right: 20px; margin-top: 30px;} .star_av_wrap_ul1 {width: 50%;} .star_av_wrap_ul2 {width: 50%;} .review_wrap {margin-top: 30px;} .btm_wrap {margin-top: 40px !important;} .swiper-wrapper-icons {padding-top: 0px;} .sale_dir_ul1 {float:none; width: 100%; position: relative;} .sale_dir_ul2 {float:none; width:100%; margin-top: 30px;} .sale_dir {margin-top: 0px; padding-top: 30px; padding-bottom: 0px; margin-bottom: 30px;} .sale_txts {font-size: 30px; padding-left: 20px; padding-right: 20px; letter-spacing: -1px;} .sale_more_btn {position: absolute; top:-5px; right: 15px; padding: 0px; border:0px;} .al_plugin {margin-top: 20px;} .sale_more_btn {background-color: transparent;} .sale_more_btn:hover {padding: 0px; box-shadow: none;} .al_plugin {width: 100%;} .al_chk_div {float:right; width: auto;} .al_chk_div_left {float: right; margin-right: 10px;} .al_chk_div span {font-size: 12px;} .al_chk_div_right {margin-top: 0px;} .al_tit_mobile {float: left;} .al_bar {display: none;} .al_chk_div_list_right {margin-top: 5px;} .al_chk_div_list_left {margin-top: 10px;} .partner_wrap {padding-top: 25px; padding-bottom: 25px; border-top:1px solid #eee; margin-top: 0px;} .partner_wrap img {border-radius: 10px;} /* 배포이후 { */ .partner_tits_divs {margin-bottom: 15px;} /* 상품탭 상단고정 2022-11-06 { */ #tab_gnd_wrap {background-color: #f9f9f9; border-radius: 10px; padding-top: 20px; padding-bottom: 20px;} #tab_gnd_wrap .swiper-container-prdgnb {padding-left: 0px; padding-right: 0px;} #tab_gnd_wrap dd {white-space: nowrap; width: auto !important; padding-right: 0px; font-size: 14px;} #tab_gnd_wrap.fixed{padding-top: 20px; padding-bottom: 20px; border-radius: 0px} #tab_gnd_wrap.fixed .swiper-container-prdgnb {padding-left: 0px; padding-right: 0px;} #tab_gnd_wrap.fixed dd {font-size: 14px; width: auto !important;} .rev_re_wrap_ul1 {float:left; width:10%;} .rev_re_wrap_ul2 {float:right; width:90%;} .c_tabs {margin-top: 20px;} /* } */ /* 후기관련 업데이드 2022-11-06 { */ .d_popup_prd .wins{width:90%;} .d_popup_prd .wins .inner {padding: 25px; padding-top: 15px;} .d_popup_prd .wins .tit {padding-left: 25px; padding-top: 25px; background-color: transparent;} .d_popup_prd .wins .close {right: 0px; top:-2px; width:75px; height:75px;} .use_mb_id {right:10px;} /* } */ .pro_new_images_l {float:none; width: 100%;} .pro_new_images_r {float:none; width: 100%; margin-top: 10px; height:auto;} .pro_new_images_r img {width: 80px !important;} .pro_new_images_r .swiper-slide {width: 80px !important;} #sit_ov_from {position: relative; top:0px;} #chat_btns_pop {display: none;} #top_btns {display: none;} #sit_rel .main_tit_d {padding-left: 0px; padding-right: 0px;} .title_div_ico button {z-index: 1 !important;} .ff_div {margin-top: 10px; padding: 15px; box-sizing: border-box; border:1px solid #eee; background-color: #fff; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); position: relative; border-radius: 0px;} .submit_btns_inner_btn {width: 100%; height:45px; font-size: 14px;} .ff_div table tr th {display: block; width: 100%; background-color: transparent; border-bottom: 0px; padding-left: 0px; padding-right: 0px; border-top:0px; padding-bottom: 10px; padding-top: 0px;} .ff_div table tr td {display: block; width: 100%; border-top:0px; border-left: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; border-bottom:0px; padding-bottom: 15px;} .ff_div .tbl_head03 table {border-bottom: 0px;} .ff_div {display: none;} .fill_btns {width: 100%; text-align: left; margin-top: 5px; height:45px;} .fill_btns:focus {border-color:#eee;} .ff_div.open {display: block; position: absolute; top:-10px; left: 0px; width: 100%; z-index: 98} .fill_wraps {position: relative;} .ff_div_close {position: absolute; top:10px; right:10px; border:0px; background-color: transparent;} .submit_btns_inner_btn_close {background-color: #f1f1f1; color:#000; margin-top: 5px;} .pj .swiper-container {padding-left: 20px !important; padding-right: 20px !important;} .order_by_main {float:none; margin-right: 0px; margin-top: 15px;} .hd_m_wrap {float:right; margin-top: 25px; margin-right: 20px;} .hd_m_wrap button {background-color: transparent; border:0px; } .hd_ci {padding-left: 20px;} .hd_tnb {display: none;} .hd_trnb_li1 {display: none;} .inner {width:100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box;} .tbg {background-image: none; top:-110px;} .tbg_ul1 {font-size: 26px; margin-bottom: 30px;} .d_banner8.s3 {margin-top: 270px;} .tgb_more_btn {display: none;} .d_banner8.s3 .img {height:600px;} .d_banner8.s3 .prev {left: 20px;} .d_banner8.s3 .next {right:-0px;} .res_tits_txt {font-size: 26px; margin-bottom: 30px;} .res_wrap {margin-top: 40px; padding-bottom: 40px;} .res_tits_l {float:none;} .res_tits_r {float:none; margin-top: 30px;} .res_p_l {float:none; width: 100%; text-align: center;} .res_p_l img {width: 70%;} .res_p_r {float:none; margin-left: 0px; margin-top: 30px; text-align: center;} .swiper-container-list1 {margin-top: 40px;} .pro_wrap {padding-top: 40px;} .swiper-container-list2 {padding-top: 30px !important;} .pro_btm_btn {padding-left: 30px; padding-right: 30px; font-size: 14px; height:55px;} .pro_btn_wrap {text-align: center;} .bbs_wrap {padding-top: 40px; padding-bottom: 40px; margin-top: 40px;} .bbs_news {float:none; width: 100%;} .bbs_gall {float:none; width: 100%; margin-top: 40px;} .bbs_con div {padding-top: 30px; padding-bottom: 30px;} .bbs_con2 {margin-top: 30px;} .tail_wrap {padding-top: 40px; padding-bottom: 40px;} .tail_ul1 {float:none;} .tail_ul2 {float:none; margin-top: 30px;} .tail_ul3 {float:none; position: fixed; bottom:40px; right:20px; z-index: 99;} #DB_navi35 .DB_mask {background: none; height:79px !important; border-bottom:1px solid #eee; background-color: #fff;} .bbs_tit {font-size: 20px;} .bbs_news_list a {font-size: 16px;} .bbs_news_sub {font-size: 14px;} .pro_d_ul2 {margin-top: 20px;} .pro_d_ul2 a {font-size: 16px;} .tail_ul2_li1 {word-break: keep-all; font-size: 14px;} #d_sLightBox_win .inner{width:100%;margin:0 auto;top:0%; height: 100%; padding: 0px;} #d_sLightBox_win .inner .close{right:15px;top:15px; color:#000;} .pop_wrap {padding: 20px;} .box_wrap_inner {width: 100%; border:0px;} .box_wrap {padding-top: 0px; padding-bottom: 0px;} .box_wrap_inner_join {width: 100%; border:0px;} .res_content {padding-top: 40px; padding-bottom: 40px;} .res_content_ul1 {float:none; width: 100%;} .recs_tit_ul1 {float:none;} .recs_tit_ul2 {float:none; margin-top: 20px;} .recs_dates {margin-top: 30px;} .res_content_ul2 {float:none; width: 100%; padding-left: 0px; padding-right: 0px; margin-top: 30px;} .recs_times {margin-top: 20px;} .res_content_ul3 {float:none; width: 100%; padding-left: 0px; margin-top: 30px; border-left: 0px;} .recs_info {margin-top: 20px;} .recs_submit_wrap {text-align: center;} .res_add_wrap {padding-top: 40px; padding-bottom: 40px;} .box_wrap_inner_join {padding: 30px;} .box_wrap_inner {padding: 30px;} .pro_d_ul4 span {font-size: 16px;} .bbs_chk {width: 2%;} .bbs_subj {width: 98%;} .maps div {width: 100% !important; height:auto !important;} .maps img {width:100% !important; height:auto !important;} }