@charset "utf-8"; /* Ver. 1.1 */ /* start 솔루션 공통 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* 디자인에따라 COLOR_SET 값 변경하기 */ /* COLOR_SET 폰트 */ #container_shop .shop_cs_t {color:#ff6500;} #container_shop .shop_cs{$om_r} {color:#62a100;} #container_shop .shop_cs_t3 {color:#00adc2;} /* COLOR_SET 폰트그림자 */ #container_shop .shop_cs_tsd {text-shadow:1px 1px 0 #df0004} /* COLOR_SET 배경,보더 (메뉴옆에표시) */ #container_shop .shop_cs_bg {background:#ff4e00;} #container_shop .shop_cs_bd {border:1px solid #df0004} /* COLOR_SET 컬러그림자 (로그인버튼) */ #container_shop .shop_cs_sd {-webkit-box-shadow:0 3px 0 #df0004;} /* COLOR_SET 버튼 */ #container_shop .shop_btn_c {display:inline-block; border:1px solid #d1392e; box-sizing:border-box; text-align:center; letter-spacing:-1px; color:#fff; font-size:15px; padding:10px 0; font-weight:bold; box-sizing:border-box; -webkit-border-radius:3px; -webkit-box-shadow: 0 1px 2px #e0e0e0; background:-webkit-gradient(linear, 0 100%, 0% 0%, to(#ff6500), from(#f03b00));} /* 스프라이트이미지 공통 */ #container_shop .shop_icon {display:inline-block; background: transparent url('/pointcard/images/shop_pack.png') no-repeat; background-size:320px;} #container_shop .shop_icon_small {display:inline-block; background: transparent url('/pointcard/images/shop_pack2.png') no-repeat; background-size:520px;} /* 기본회색버튼 */ #container_shop .shop_btn {display:inline-block; border:1px solid #d9d9d9; box-sizing:border-box; text-align:center; letter-spacing:-1px; color:#666; font-size:15px; padding:10px 0; box-sizing:border-box; -webkit-border-radius:3px; -webkit-box-shadow: 0 1px 2px #e0e0e0; background:-webkit-gradient(linear, 0 100%, 0% 0%, to(#fff), from(#f0f0f0));} /* 내부 라운드버튼 */ #container_shop .inner_btn {display:inline-block; background:#f1f1f1; font-size:13px; letter-spacing:-1px; padding:5px 10px; border:1px solid #cecece; color:#666; text-align:center; box-sizing:border-box; -webkit-box-shadow:inset 1px 1px 1px #fff; -webkit-border-radius:30px;} #container_shop .inner_btn_hit {display:inline-block; background:#aaaaaa; font-size:13px; letter-spacing:-1px; padding:5px 10px; border:1px solid #737373; color:#fff; text-align:center; box-sizing:border-box; -webkit-box-shadow:inset 1px 1px 1px #c8c8c8; -webkit-border-radius:30px;} /* 인풋텍스트옆에붙는 내부버튼 */ #container_shop .inner_btn2 {display:inline-block; background:#f1f1f1; font-size:13px; letter-spacing:-1px; padding:0 10px; height:40px; line-height:40px; border:1px solid #cecece; color:#666; text-align:center; box-sizing:border-box; -webkit-box-shadow:inset 1px 1px 1px #fff; -webkit-border-radius:3px;} /* 체크박스/라디오박스/셀렉트 디자인 */ #container_shop input[type="checkbox"] {background-position:0 -30px; width:25px; height:25px; border:none; float:left; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none;} #container_shop input[type="checkbox"]:checked {background-position:-25px -30px; } #container_shop input[type="radio"] {background-position:-50px -30px; width:20px; height:20px; border:none; float:left; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none;} #container_shop input[type="radio"]:checked {background-position:-75px -30px; } #container_shop .select {height:40px; overflow:hidden; position:relative; -webkit-border-radius:2px; background:-webkit-gradient(linear, 0 100%, 0% 0%, to(#f9f9f9), from(#dfdfdf)); -webkit-box-shadow:inset 1px 1px 1px #fff; border:1px solid #d4d4d4; } #container_shop .select select {width:100%; height:40px; border:none; color:#333; font-size:15px; text-indent:10px; letter-spacing:-1px; position:absolute; left:0; top:0; -webkit-appearance:none; background:transparent;} #container_shop .select .ic_arrow {width:40px; height:40px; position:absolute; right:0; top:0; border-left:1px solid #d2d2d2; text-align:center; -webkit-box-shadow:inset 1px 0 1px #fff;} #container_shop .select .ic_arrow span {background-position:-100px -30px; width:15px; height:20px; margin-top:8px;} /* 도움말 */ #container_shop .guide_tx {overflow:hidden; margin-top:5px;} #container_shop .guide_tx li {font-size:12px!important; letter-spacing:-1px; line-height:14px; padding-bottom:3px} #container_shop .guide_tx li:last-child {padding:0} #container_shop .guide_tx .ic_dot {background-position:-220px 0; width:4px; height:4px; margin:5px 3px 0 0; float:left;} /* 기본디자인 --------------------------------------------------------------------- */ #container_shop {overflow:hidden; background:#f1f1f1;} /* 하얀그림자박스 */ #container_shop .article_box {background:#fff; border:1px solid #dddddd; margin:10px 8px; overflow:hidden; -webkit-border-radius:4px; -webkit-box-shadow: 0 0 3px #c6c6c6;} /* 페이지타이틀 */ #container_shop .page_title {height:40px; line-height:40px; font-size:18px; font-family:verdana; text-align:center; font-weight:bold; color:#fff; background:#353639; position:relative; overflow:hidden; -webkit-box-shadow:inset 0 -3px 5px #252525;} #container_shop .page_title a {display:inline-block; width:40px; height:40px; text-align:center; position:absolute;} #container_shop .page_title a:first-child {left:0; top:0} #container_shop .page_title a:last-child {right:0; top:0} #container_shop .page_title .btn_back {background-position:0 0; width:25px; height:25px; margin-top:8px;} #container_shop .page_title .btn_menu {background-position:-25px 0; width:25px; height:25px; margin-top:8px;} #container_shop .page_title .btn_popup_close {background-position:-420px -23px; width:25px; height:25px; margin-top:8px;} /* 페이지메뉴 */ #container_shop .page_menu {background:#909090; display:none;} #container_shop .page_menu > a {display:block; height:36px; font-size:14px; color:#fff; font-weight:bold; text-indent:15px; line-height:35px; border-bottom:1px solid #737373; border-top:1px solid #a6a6a6; text-shadow:1px 1px 1px #656565;} #container_shop .page_menu > a:nth-child(2n) {background:#858585;} #container_shop .page_menu .ic_arrow {background-position:-50px 0; width:10px; height:15px; margin-top:10px; float:right; margin-right:15px;} #container_shop .page_menu .state {font-size:12px; letter-spacing:-1px; margin-left:8px; text-align:center; height:12px; color:#fff; overflow:hidden; padding:1px 8px; -webkit-border-radius:30px; text-shadow:none;} /* 페이지네이트 ------------------------------ */ #container_shop .paginate {text-align:center; margin:20px 0;} #container_shop .paginate .inner {display:inline-block;} #container_shop .paginate a {display:inline-block; padding:0 10px; height:30px; line-height:30px; border:1px solid #d1d1d1; float:left; margin:0 1px; font-family:verdana; font-size:13px; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#e9e9e9), to(#fff)); -webkit-border-radius:2px; -webkit-box-shadow: 0 1px 1px #d8d8d8;} #container_shop .paginate a:first-child {margin-right:10px;} #container_shop .paginate a:last-child {margin-left:10px;} #container_shop .paginate .on {background:#707070; border:1px solid #585858; color:#fff; -webkit-box-shadow:inset 0 3px 5px #5a5959;} #container_shop .paginate .ic_prev {background-position:-120px -30px; width:10px; height:15px; margin-top:8px;} #container_shop .paginate .ic_next {background-position:-130px -30px; width:10px; height:15px; margin-top:8px;} /* 레이어팝업 */ #container_shop .ly_pop {position:absolute; background:#fff; border:1px solid #fff; margin:10px 8px; overflow:hidden; -webkit-border-radius:10px; -webkit-box-shadow: 0 0 5px #333;} /* article박스 바깥 하단버튼 */ #container_shop .bottom_btn {margin:10px 8px; overflow:hidden; padding-bottom:3px; /*그림자공간*/} #container_shop .bottom_btn a:first-child {width:49%; float:left;} #container_shop .bottom_btn a:last-child {width:49%; float:right;} #container_shop .bottom_btn a:only-child {width:100%;} #container_shop .bottom_btn button {width:100%;cursor:pointer} /* end 솔루션 공통 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* start 솔루션 메뉴별 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* MEMBER ------------------------------------------------------------------------------------------------------------------------------------------ */ #container_shop .member .login_input {margin:0 20px 5px 20px; overflow:hidden;} #container_shop .member .login_input li {background:#e8e8e8; position:relative; overflow:hidden; padding-right:75px; -webkit-box-shadow:inset 1px 1px 1px #b9b9b9;} #container_shop .member .login_input li:first-child {margin-top:20px} #container_shop .member .login_input li:last-child {margin-top:5px} #container_shop .member .login_input input {background:transparent; border:none; width:100%; line-height:40px; height:40px; font-size:16px; margin-left:40px; color:#bfbfbf; display:block; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none;} #container_shop .member .login_input input:focus {color:#333;} #container_shop .member .login_input .ic_id {background-position:-60px 0; width:25px; height:25px; position:absolute; margin:7px; left:0; top:0;} #container_shop .member .login_input .ic_pw {background-position:-90px 0; width:25px; height:25px; position:absolute; margin:7px; left:0; top:0;} #container_shop .member .login_input .ic_mail {background-position:-145px 0; width:25px; height:25px; position:absolute; margin:7px; left:0; top:0;} #container_shop .member .login_input .ic_tel {background-position:-175px 0; width:25px; height:25px; position:absolute; margin:7px; left:0; top:0;} #container_shop .member .login_input .btn_clear {background-position:-120px 0; width:20px; height:20px; position:absolute; right:0; top:0; margin:10px; z-index:100;} #container_shop .member .check_id {margin:0 20px; overflow:hidden;} #container_shop .member .check_id label {color:#adadad; font-size:14px; letter-spacing:-1px; float:left;} #container_shop .member .btn_login {margin:5px 20px; -webkit-border-radius:3px;} #container_shop .member .btn_login input {width:100%; color:#fff; border:none; font-size:20px; font-weight:bold; text-align:center; padding:8px 0; -webkit-appearance:none; -webkit-gradient:none; background:transparent;} /* 아이디비번찾기 */ #container_shop .member .find_idpw {overflow:hidden; margin:20px 20px 5px 20px;} #container_shop .member .find_idpw a {display:inline-block; width:50%; text-align:center; float:left; font-size:12px; letter-spacing:-1px; border:1px solid #d9d9d9; box-sizing:border-box; padding:5px 0;} #container_shop .member .find_idpw a:first-child { -webkit-border-radius:3px 0 0 3px;} #container_shop .member .find_idpw a:last-child {border-left:none; -webkit-border-radius:0 3px 3px 0;} #container_shop .member .find_tab {margin:20px 20px 0 20px; overflow:hidden;} #container_shop .member .find_tab a {display:inline-block; width:50%; text-align:center; float:left; font-size:13px; box-sizing:border-box; padding:8px 0; border:1px solid #d9d9d9;} #container_shop .member .find_tab a:first-child {border-right:none; -webkit-border-radius:5px 0 0 0;} #container_shop .member .find_tab a:last-child {border-left:none; -webkit-border-radius:0 5px 0 0;} #container_shop .member .find_tab .off {background:-webkit-gradient(linear, 0 100%, 0% 0%, to(#fff), from(#f0f0f0));} #container_shop .member .find_tab .on {background:-webkit-gradient(linear, 0 100%, 0% 0%, to(#949494), from(#565656)); color:#fff; border:1px solid #565656; -webkit-box-shadow:inset 0 0 3px #333;} #container_shop .member .find_result {margin:20px; font-size:14px; letter-spacing:-1px;} #container_shop .member .find_result b {color:#333; font-size:16px;} #container_shop .member .bottom_btn {margin:10px 20px 20px 20px; overflow:hidden; padding-bottom:3px;} #container_shop .member .bottom_btn a:first-child {width:49%; float:left;} #container_shop .member .bottom_btn a:last-child {width:49%; float:right;} #container_shop .member .bottom_btn a:only-child {width:100%;} #container_shop .member .bottom_btn button {width:100%;cursor:pointer} /* 회원가입 */ #container_shop .member .agree {border-bottom:1px solid #e3e3e3; padding:15px 15px 10px 15px; font-size:15px; letter-spacing:-1px;} #container_shop .member .agree li {margin-bottom:5px;} #container_shop .member .agree li:last-child {padding-left:25px;} #container_shop .member .agree li a {margin-right:5px;} #container_shop .member .join {overflow:hidden; margin:15px;} #container_shop .member .join li {font-size:13px; letter-spacing:-1px; position:relative; margin-bottom:8px;} #container_shop .member .join .opt {position:absolute; top:50%; margin-top:-8px; color:#999;} #container_shop .member .join .form {margin-left:50px;} #container_shop .member .join input[type="text"] {background:#e8e8e8; border:none; width:100%; display:block; line-height:40px; height:40px; font-size:14px; color:#bfbfbf; letter-spacing:-1px; text-indent:5px; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; -webkit-box-shadow:inset 1px 1px 1px #b9b9b9; margin-bottom:3px;} #container_shop .member .join input[type="text"]:focus {color:#333;} #container_shop .member .join input[type="text"]:disabled {text-shadow:1px 1px #fff; color:#999;} #container_shop .member .join input[type="password"] {background:#e8e8e8; border:none; width:100%; display:block; line-height:40px; height:40px; font-size:14px; color:#bfbfbf; letter-spacing:-1px; text-indent:5px; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; -webkit-box-shadow:inset 1px 1px 1px #b9b9b9; margin-bottom:3px;} #container_shop .member .join input[type="password"]:focus {color:#333;} #container_shop .member .join .ess {color:#ff4e00!important} #container_shop .member .join .id {width:150px!important; display:inline-block!important; margin:0!important;} #container_shop .member .join .zipcode {width:60px!important; display:inline-block!important; margin:0!important;} #container_shop .member .join .choice {margin-left:50px; overflow:hidden; padding:5px 0;} #container_shop .member .join .choice .radio {float:left; margin-right:10px;} #container_shop .member .join .choice label {overflow:hidden; color:#343434} #container_shop .member .join .choice .radio input {float:left; margin-right:5px;} #container_shop .member .bottom_btn_join {margin:15px; overflow:hidden; padding-bottom:3px;} #container_shop .member .bottom_btn_join a:first-child {width:49%; float:left;} #container_shop .member .bottom_btn_join a:last-child {width:49%; float:right;} #container_shop .member .bottom_btn_join a:only-child {width:100%;} #container_shop .member .bottom_btn_join button {width:100%;cursor:pointer} /* 도움말 */ #container_shop .member .guide_tx {margin:0 20px 20px 20px; overflow:hidden;} /* SHOP ------------------------------------------------------------------------------------------------------------------------------------------ */ /* 장바구니/주문 */ #container_shop .shop .shop_info {border-bottom:1px solid #e3e3e3; padding:10px 10px ; letter-spacing:-1px; overflow:hidden;} #container_shop .shop .shop_info .title {color:#ff0000; float:left; font-size:15px; font-weight:bold;} #container_shop .shop .shop_info .title b {color:#333; font-size:14px;} #container_shop .shop .shop_info .delivery {color:#999; float:right; font-size:13px;} /* 상품리스트하나 */ #container_shop .shop .cart div:last-child {border-bottom:0;} #container_shop .shop .item_box {overflow:hidden; border-bottom:1px dashed #e3e3e3; position:relative; padding:15px;} #container_shop .shop .item_box .item {position:relative; overflow:hidden; min-height:70px;} #container_shop .shop .item_box .item .thumb {position:absolute; width:90px; height:80px; overflow:hidden;} #container_shop .shop .item_box .item .thumb img {height:100%;} #container_shop .shop .item_box .item .ctg {font-size:15px; font-weight:bold; margin-left:100px;} #container_shop .shop .item_box .item .name {font-size:14px; letter-spacing:-1px; line-height:15px; margin-left:100px;} #container_shop .shop .item_box .benefit {font-size:13px; letter-spacing:-1px; margin:10px 0; overflow:hidden; } #container_shop .shop .item_box .benefit .point {display:inline-block; background:#3da0df; font-size:13px; color:#fff; padding:1px 6px; margin-right:3px;} #container_shop .shop .item_box .benefit .pointT {color:#3da0df; margin-right:5px;} #container_shop .shop .item_box .benefit .delivery {display:inline-block; background:#84a348; font-size:13px; color:#fff; padding:1px 6px; margin-right:3px;} #container_shop .shop .item_box .benefit .deliveryT {color:#84a348;} #container_shop .shop .item_box .price {margin-top:5px; font-size:15px; letter-spacing:-1px; background:#f4f4f4; padding:5px; overflow:hidden;} #container_shop .shop .item_box .price .before {float:left; line-height:27px; font-size:13px;} #container_shop .shop .item_box .price .updown {float:right; overflow:hidden;} #container_shop .shop .item_box .price .updown a {display:inline-block; width:25px; height:25px; border:1px solid #d1d1d1; text-align:center; float:left; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#e9e9e9), to(#fff)); -webkit-box-shadow:inset 1px 1px 1px #fff;} #container_shop .shop .item_box .price .updown a:last-child {margin-left:3px;} #container_shop .shop .item_box .price .updown span { width:12px; height:12px; margin-top:6px;} #container_shop .shop .item_box .price .updown .ic_plus {background-position:-230px 0;} #container_shop .shop .item_box .price .updown .ic_minus {background-position:-245px 0;} #container_shop .shop .item_box .price .updown .ic_delete {background-position:-260px 0;} #container_shop .shop .item_box .price .updown input {width:26px; height:27px; border:0; text-align:center; float:left; font-size:13px; color:#000; font-weight:bold; -webkit-box-shadow:inset 0 0 4px #d5d5d5; -webkit-appearance:none; -webkit-gradient:none; -webkit-border-radius:0;} #container_shop .shop .item_box .after {overflow:hidden; clear:both; text-align:right;} #container_shop .shop .item_box .after b{color:#000;} #container_shop .shop .total {background:#cbcbcb; text-align:center; letter-spacing:-1px; padding:10px 0; margin-bottom:15px; color:#666; font-size:13px; -webkit-box-shadow:inset 0 2px 2px #999999;} #container_shop .shop .total2 {background:#434852; text-align:center; letter-spacing:-1px; padding:10px 0; margin-bottom:15px; -webkit-box-shadow:inset 0 2px 2px #333;} #container_shop .shop .total2 .first {font-size:14px; color:#999;} #container_shop .shop .total2 .last {font-size:18px; font-weight:bold; color:#fff;} /* 마이페이지주문자세히보기에서 상품별상태 */ #container_shop .shop .item_ctr_area {overflow:hidden; border-top:1px dotted #ccc; margin-top:5px; padding-top:5px;} #container_shop .shop .item_ctr_area li:first-child {float:left;} #container_shop .shop .item_ctr_area li:last-child {float:right} #container_shop .shop .item_ctr_area .inner_btn {font-size:11px; padding:3px 5px !important; -webkit-border-radius:5px; margin-left:3px;} #container_shop .shop .item_ctr_area .state {font-size:11px; padding:3px; color:#fff; display:inline-block; background:#767784; border:1px solid #767784; text-align:center; -webkit-border-radius:5px;} #container_shop .shop .bottom_btn {margin:0 15px 15px 15px; overflow:hidden; padding-bottom:3px; /*그림자공간*/} #container_shop .shop .bottom_btn a:first-child {width:49%; float:left;} #container_shop .shop .bottom_btn a:last-child {width:49%; float:right;} #container_shop .shop .bottom_btn a:only-child {width:100%;} #container_shop .shop .bottom_btn input:first-child {width:49%; float:left;} #container_shop .shop .bottom_btn input:last-child {width:49%; float:right;} #container_shop .shop .bottom_btn input:only-child {width:100%;} #container_shop .shop .bottom_btn button:first-child {width:49%; float:left;} #container_shop .shop .bottom_btn button:last-child {width:49%; float:right;} #container_shop .shop .bottom_btn button:only-child {width:100%;} /* 주문결제 */ #container_shop .shop .order_title {display:block; font-size:14px; font-weight:bold; padding:10px; letter-spacing:-1px; color:#333; position:relative; border-top:1px solid #ccc; -webkit-box-shadow:inset 0 -2px 1px #ccc; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#e9e9e9), to(#fff));} #container_shop .shop .order_title:first-child {border-top:0;} #container_shop .shop .order_title .ic_arrow {background-position:-275px 0 ; width:15px; height:15px; float:right; margin:5px 0;} #container_shop .shop .order_title .ic_arrow2 {background-position:-295px 0 ; width:15px; height:10px; position:absolute; bottom:0; left:50%; margin:0 0 -6px -5px;} #container_shop .shop .order_form {padding:15px;} #container_shop .shop .order_form li {font-size:14px; margin-bottom:5px; position:relative; letter-spacing:-1px; font-size:13px;} #container_shop .shop .order_form .opt {position:absolute; top:50%; margin-top:-8px; color:#999; } #container_shop .shop .order_form .form {margin-left:50px; color:#333;} #container_shop .shop .order_form input[type="text"] {background:#e8e8e8; border:none; color:#bfbfbf; line-height:40px; height:40px; font-size:14px; letter-spacing:-1px; text-indent:5px; width:100%; -webkit-box-shadow:inset 1px 1px 1px #b9b9b9; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; margin-bottom:3px;} #container_shop .shop .order_form input[type="text"]:focus {color:#333;} #container_shop .shop .order_form .ess {color:#ff4e00!important} #container_shop .shop .order_form .zipcode {width:60px!important; display:inline-block!important;} #container_shop .shop .order_form textarea {background:#e8e8e8; border:none; color:#bfbfbf; line-height:18px; font-size:14px; letter-spacing:-1px; width:100%; text-indent:10px; padding:10px 0; -webkit-box-shadow:inset 1px 1px 1px #b9b9b9; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none;} #container_shop .shop .order_form textarea:focus {color:#333;} #container_shop .shop .order_form .point_area {position:relative;} #container_shop .shop .order_form .point_area .point {position:absolute; right:0; display:inline-block; font-size:12px; background:#3da0df; letter-spacing:-1px; text-align:center; color:#fff; width:120px; height:40px; line-height:40px; border:1px solid #00739d; -webkit-border-radius:3px; -webkit-box-shadow:inset 1px 1px 1px #1fbaf3; box-sizing:border-box;} #container_shop .shop .order_form .point_area .form_point {margin-right:160px;} #container_shop .shop .order_form .point_area .input_point {text-align:right; padding:0 10px} #container_shop .shop .order_form .point_area .unit {position:absolute; right:0; bottom:0; margin-right:125px;} #container_shop .shop .total_sum {overflow:hidden; background:#6b6d6e; -webkit-box-shadow:inset 0 3px 3px #333;} #container_shop .shop .total_sum li {overflow:hidden; padding:5px 10px; border-top:1px solid #818181; border-bottom:1px solid #535353} #container_shop .shop .total_sum .opt {float:left; color:#dbdbdb; font-size:14px;} #container_shop .shop .total_sum .price {float:right; color:#fff; font-size:16px;} #container_shop .shop .total_sum li:last-child {background:#313131; border:none; padding:10px;} #container_shop .shop .total_sum .point {background:#919191} #container_shop .shop .choice_tab {margin:20px 15px 0 15px; overflow:hidden;} #container_shop .shop .choice_tab > div {display:table; width:100%;} #container_shop .shop .choice_tab > div ul {display:table-row} #container_shop .shop .choice_tab > div li {display:table-cell; text-align:center; font-size:13px; height:35px; line-height:35px; letter-spacing:-1px;} #container_shop .shop .choice_tab a {display:block; height:100%;} #container_shop .shop .choice_tab .off {background:-webkit-gradient(linear, 0 100%, 0% 0%, to(#fff), from(#f0f0f0)); border:1px solid #d9d9d9;} #container_shop .shop .choice_tab .on {background:-webkit-gradient(linear, 0 100%, 0% 0%, to(#949494), from(#565656)); color:#fff; border:1px solid #565656; -webkit-box-shadow:inset 0 0 3px #333;} #container_shop .shop .choice_tab li:first-child a{border-right:none; -webkit-border-radius:5px 0 0 0;} #container_shop .shop .choice_tab li:last-child a{border-left:none; -webkit-border-radius:0 5px 0 0;} #container_shop .shop .choice_tab label {display:block; height:100%; background:-webkit-gradient(linear, 0 100%, 0% 0%, to(#fff), from(#f0f0f0)); border:1px solid #d9d9d9; text-align:center;} #container_shop .shop .choice_tab label input {width:0; height:0;} #container_shop .shop .choice_tab li:first-child label {border-right:none; -webkit-border-radius:5px 0 0 0;} #container_shop .shop .choice_tab li:last-child label {border-left:none; -webkit-border-radius:0 5px 0 0;} #container_shop .shop .order_ok {text-align:center; padding:25px 0;} #container_shop .shop .order_ok .ic_order_ok {background-position:0 -55px; width:95px; height:90px;} #container_shop .shop .order_num_box {overflow:hidden; margin:0 15px 20px 15px; box-sizing:border-box; -webkit-box-shadow:0 0 3px #a0a0a0; -webkit-border-radius:40px;} #container_shop .shop .order_num_box li {font-size:14px; letter-spacing:-1px; text-align:center; padding:8px 0;} #container_shop .shop .order_num_box li:last-child { color:#fff; font-weight:bold; background:-webkit-gradient(linear, 0 100%, 0% 0%, to(#db1100), from(#ff3a00)); -webkit-box-shadow:inset 0 1px 3px #910b00;} /* 마이페이지에서 */ #container_shop .shop .order_num_box_view {overflow:hidden; margin:15px 15px 20px 15px; box-sizing:border-box; -webkit-box-shadow:0 0 3px #a0a0a0; -webkit-border-radius:20px;} #container_shop .shop .order_num_box_view li {font-size:14px; letter-spacing:-1px; text-align:center; padding:8px 0;} #container_shop .shop .order_num_box_view li:last-child { color:#fff; font-weight:bold; background:-webkit-gradient(linear, 0 100%, 0% 0%, to(#db1100), from(#ff3a00)); -webkit-box-shadow:inset 0 1px 3px #910b00;} /* 도움말 */ #container_shop .shop .guide_tx {margin:0 15px 20px 15px;} /* SERVICE ------------------------------------------------------------------------------------------------------------------------------------------ */ /* 기본형 */ #container_shop .service .notice_list {overflow:hidden;} #container_shop .service .notice_list li {border-bottom:1px solid #eee; letter-spacing:-1px; font-size:14px; line-height:18px;} #container_shop .service .notice_list li:last-child {border-bottom:none;} #container_shop .service .notice_list li a {display:block; padding:10px 15px; position:relative; padding-right:85px;} #container_shop .service .notice_list .title {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; display:inline-block;} #container_shop .service .notice_list .ic_arrow {background-position:-145px -30px; width:7px; height:15px; position:absolute; top:50%; right:0; margin:-7px 10px 0 0;} #container_shop .service .notice_list .date {font-size:11px; color:#ccc; position:absolute; right:0; top:50%; margin:-8px 30px 0 0;} #container_shop .service .notice_list .icon_num {display:inline-block; background:#b1b1b1; padding:0 5px; color:#fff; border:1px solid #a4a4a4; height:20px; line-height:20px; font-size:11px; margin-right:5px; -webkit-border-radius:3px;} /* FAQ형 */ #container_shop .service .faq_list {overflow:hidden;} #container_shop .service .faq_list li {border-bottom:1px solid #eee; letter-spacing:-1px; font-size:14px; line-height:18px;} #container_shop .service .faq_list li:last-child {border-bottom:none;} #container_shop .service .faq_list li a {display:block; padding:10px 15px; position:relative; padding-right:60px;} #container_shop .service .faq_list .title {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; display:inline-block; padding-left:20px;} #container_shop .service .faq_list .open .title {color:#000;} #container_shop .service .faq_list .close .ic_arrow {background-position:-200px 0; width:15px; height:8px; position:absolute; top:50%; right:0; margin:-2px 10px 0 0;} #container_shop .service .faq_list .open .ic_arrow {background-position:-200px -10px; width:15px; height:8px; position:absolute; top:50%; right:0; margin:-2px 10px 0 0;} #container_shop .service .faq_list .date {font-size:11px; color:#ccc; position:absolute; right:0; top:50%; margin:-7px 30px 0 0;} #container_shop .service .faq_list .view_conts {background:#e1e1e1; padding:20px 15px; -webkit-box-shadow:inset 0 1px 2px #999999;} #container_shop .service .faq_list .icon_q {top:50%; left:10px; margin-top:-10px; position:absolute; display:inline-block; background:#ff6500; padding:0 5px; color:#fff; border:1px solid #ff6500; height:20px; line-height:20px; font-size:12px; font-weight:bold; -webkit-border-radius:30px;} #container_shop .service .faq_list .icon_a {display:inline-block; background:#009fda; padding:0 7px; color:#fff; border:1px solid #009fda; height:20px; line-height:20px; font-size:12px; font-weight:bold; margin-right:5px; -webkit-border-radius:30px;} #container_shop .service .faq_list .title_view {color:#333; display:block; margin-bottom:10px; font-size:14px;} /* 이벤트형 */ #container_shop .service .event_list {overflow:hidden;} #container_shop .service .event_list li {border-bottom:1px solid #eee; letter-spacing:-1px; font-size:14px; line-height:18px;} #container_shop .service .event_list li:last-child {border-bottom:none;} #container_shop .service .event_list li a {display:block; padding:10px 15px; position:relative; padding-right:30px;} #container_shop .service .event_list .title {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; display:inline-block; margin-top:3px;} #container_shop .service .event_list .ic_arrow {background-position:-145px -30px; width:7px; height:15px; position:absolute; top:50%; right:0; margin:-7px 10px 0 0;} #container_shop .service .event_list .reply {font-size:12px; color:#ccc; margin:-7px 30px 0 0; color:#ff6500;} #container_shop .service .event_list .state {display:inline-block; color:#fff; height:20px; font-size:12px; font-weight:bold; box-sizing:border-box;} #container_shop .service .event_list .state_ing {background:#ff6500; border:1px solid #ff6500; width:30%; text-align:center; -webkit-border-radius:3px 0 0 3px;} #container_shop .service .event_list .state_end {background:#333; border:1px solid #333; width:30%; text-align:center; -webkit-border-radius:3px 0 0 3px;} #container_shop .service .event_list .state_ok {background:#009fda; border:1px solid #009fda; text-align:center; width:100%; -webkit-border-radius:3px;} #container_shop .service .event_list .date {background:#ccc; border:1px solid #ccc; width:70%; text-indent:10px; font-weight:normal; -webkit-border-radius:0 3px 3px 0} /* 상품후기형 */ #container_shop .service .post_list {overflow:hidden;} #container_shop .service .post_list li {border-bottom:1px solid #eee; letter-spacing:-1px; font-size:14px; line-height:18px; padding:10px 15px; } #container_shop .service .post_list li:last-child {border-bottom:none;} #container_shop .service .post_list li .box {display:block; position:relative; padding-right:30px; height:65px;} #container_shop .service .post_list .thumb {display:inline-block; width:70px; height:65px; overflow:hidden; position:absolute;} #container_shop .service .post_list .thumb img {width:100%} #container_shop .service .post_list .title_box {margin-left:80px;} #container_shop .service .post_list .title {display:inline-block;} #container_shop .service .post_list .item {display:block; background:#ccc; padding:0 10px; color:#fff; border:1px solid #ccc; height:20px; line-height:20px; font-size:12px; font-weight:bold; margin-top:5px; -webkit-border-radius:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #container_shop .service .post_list .ic_arrow {background-position:-145px -30px; width:7px; height:15px; position:absolute; top:50%; right:0; margin-top:-7px;} #container_shop .service .post_list .writer {display:block; font-size:12px; color:#999; line-height:14px; margin-top:5px;} #container_shop .service .post_list .writer > span {display:inline-block; text-align:center; font-weight:bold; color:#fff; font-size:12px; float:left; margin-right:3px; line-height:14px; width:12px; -webkit-border-radius:2px;} #container_shop .service .post_list .writer .p {background:#808080; border:1px solid #808080; text-shadow:1px 1px 1px #494949;} #container_shop .service .post_list .writer .r {background:#5b9500; border:1px solid #5b9500; text-shadow:1px 1px 1px #3f6700;} #container_shop .service .post_list .writer .s {background:#0493ad; border:1px solid #0493ad; text-shadow:1px 1px 1px #005b6b;} #container_shop .service .post_list .writer .a {background:#ff4c00; border:1px solid #ff4c00; text-shadow:1px 1px 1px #b53600;} #container_shop .service .post_list .state {display:block; color:#fff; width:60px; height:20px; font-size:12px; font-weight:bold; box-sizing:border-box; -webkit-border-radius:30px; margin-top:5px;} #container_shop .service .post_list .state_orange {background:#ff6500; border:1px solid #ff6500; text-align:center;} #container_shop .service .post_list .state_blue {background:#0095cc; border:1px solid #0095cc; text-align:center;} #container_shop .service .post_list .state_green {background:#62a100; border:1px solid #62a100; text-align:center;} /* 게시판 내용보기(공통) */ #container_shop .service .board_view {overflow:hidden;} #container_shop .service .board_view ul {border-bottom:1px solid #e1e1e1;} #container_shop .service .board_view li {font-size:13px; border-bottom:1px solid #e1e1e1;} #container_shop .service .board_view li:last-child {border-bottom:none } #container_shop .service .board_view .title {color:#333; font-size:14px; letter-spacing:-1px; font-weight:bold; padding:10px; text-align:center; line-height:16px;} #container_shop .service .board_view .opt {display:inline-block; height:100%; width:50px; background:#eeeeee; border-right:1px solid #e1e1e1; padding:3px 10px; margin-right:5px;} #container_shop .service .board_view .info {font-size:12px;} #container_shop .service .board_view .info b{color:#000; } #container_shop .service .board_view .conts {font-size:13px; padding:15px; line-height:16px;} #container_shop .service .board_view .conts img {width:100%;} #container_shop .service .reply_area {overflow:hidden; background:#e8e8e8;} #container_shop .service .reply_area .reply_form {margin:10px; overflow:hidden;} #container_shop .service .reply_area .reply_form textarea {background:#fff; display:block; border:none; color:#bfbfbf; line-height:18px; font-size:14px; letter-spacing:-1px; width:100%; margin-bottom:5px; -webkit-box-shadow:inset 1px 1px 1px #b9b9b9; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none;} #container_shop .service .reply_area .reply_form textarea:focus {color:#333;} #container_shop .service .reply_area .reply_form .btn_submit {width:100%; border:1px solid #5e5e5e; color:#fff; font-size:13px; padding:5px 0; -webkit-border-radius:5px; -webkit-appearance:none; -webkit-gradient:none; background:-webkit-gradient(linear, 0 100%, 0% 0%, to(#838383), from(#5e5e5e));} #container_shop .service .reply_area .reply_list {margin:10px;} #container_shop .service .reply_area .reply_list li {letter-spacing:-1px; border-bottom:1px dashed #ccc; padding:5px 0 10px 0; font-size:12px;} #container_shop .service .reply_area .reply_list li:last-child {border-bottom:none;} #container_shop .service .reply_area .reply_list .name {color:#333;} #container_shop .service .reply_area .reply_list .id {color:#999; margin:0 3px;} #container_shop .service .reply_area .reply_list .date {color:#999; font-size:10px; margin:0 3px;} #container_shop .service .reply_area .reply_list .reply_conts {line-height:15px; font-size:12px;} #container_shop .service .reply_area .reply_list .inner_btn {font-size:11px; padding:3px 10px; -webkit-border-radius:2px;} /* 약관취급방침/회사소개/이용안내등 내용페이지 */ #container_shop .service .privacy {font-size:12px; line-height:15px; padding:10px 15px;} #container_shop .service .privacy b {font-size:15px; color:#333; letter-spacing:-1px;} #container_shop .service .guide_title {text-align:center; letter-spacing:-1px; padding:10px 0; margin-bottom:15px; font-size:16px; color:#333; border-top:1px solid #f0f0f0; -webkit-box-shadow:inset 0 -2px 2px #ccc; background:-webkit-gradient(linear, 0 100%, 0% 0%, to(#fff), from(#f0f0f0));} #container_shop .service .guide_title:first-child {border:none;} #container_shop .service .guide_conts {font-size:12px; line-height:15px; padding:5px 15px;} #container_shop .service .guide_conts b {color:#ff6500;} #container_shop .service .company_logo {margin:30px 0; text-align:center;} #container_shop .service .company_logo img {width:230px} #container_shop .service .company_info {margin:20px 15px; font-size:13px;} #container_shop .service .company_info dt {font-size:18px; color:#333; font-weight:bold; padding-left:35px; position:relative; margin-bottom:5px;} #container_shop .service .company_info dd {margin-left:35px;; letter-spacing:-1px;} #container_shop .service .company_info .ic_dot {background-position:-220px -5px; width:4px; height:4px; margin:7px 3px 0 0; float:left;} #container_shop .service .company_info .ic_title {background-position:-100px -55px; width:30px; height:50px; position:absolute; left:0;} /* 비회원주문조회 */ #container_shop .service .order_none_form {margin:20px;} #container_shop .service .order_none_form li {background:#e8e8e8; position:relative; overflow:hidden; padding-right:40px; margin-bottom:5px; -webkit-box-shadow:inset 1px 1px 1px #b9b9b9;} #container_shop .service .order_none_form .none_input li:first-child {margin-top:20px} #container_shop .service .order_none_form .none_input li:last-child {margin-top:5px} #container_shop .service .order_none_form input {background:transparent; border:none; width:100%; line-height:40px; height:40px; font-size:16px; margin-left:40px; color:#bfbfbf; display:block; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none;} #container_shop .service .order_none_form input:focus {color:#333;} #container_shop .service .order_none_form input:disabled {text-shadow:1px 1px #fff; color:#666;} #container_shop .service .order_none_form .ic_id {background-position:-60px 0; width:25px; height:25px; position:absolute; margin:7px; left:0; top:0;} #container_shop .service .order_none_form .ic_num {background-position:-135px -55px; width:25px; height:25px; position:absolute; margin:7px; left:0; top:0;} #container_shop .service .order_none_form .ic_pw {background-position:-90px 0; width:25px; height:25px; position:absolute; margin:7px; left:0; top:0;} /* 도움말 */ #container_shop .service .guide_tx {margin:10px 20px} /* 내용없음 */ #container_shop .service .no_conts {text-align:center; padding:30px 0;} #container_shop .service .no_conts .ic_no_conts {background-position:0 -180px; width:75px; height:58px;} #container_shop .service .no_conts .tx {font-size:13px; margin-top:10px;} #container_shop .service .bottom_btn {margin:10px 20px 20px 20px; overflow:hidden; padding-bottom:3px;} #container_shop .service .bottom_btn a:first-child {width:49%; float:left;} #container_shop .service .bottom_btn a:last-child {width:49%; float:right;} #container_shop .service .bottom_btn a:only-child {width:100%;} #container_shop .service .bottom_btn button {width:100%;cursor:pointer} /* 고객센터 공통하단버튼 */ #container_shop .common_cscenter {overflow:hidden; margin:15px 8px;} #container_shop .common_cscenter a {display:inline-block; width:49%; background:#9f9f9f; padding:8px 0; position:relative; overflow:hidden; -webkit-border-radius:5px;} #container_shop .common_cscenter .left {position:absolute; background:#7f7f7f; border:1px solid #7f7f7f; width:40px; height:100%; left:0; top:0; -webkit-border-radius:5px;} #container_shop .common_cscenter .icon {width:25px; height:25px; margin:13px 0 0 10px;} #container_shop .common_cscenter .ic_inquiry {background-position:-170px -55px;} #container_shop .common_cscenter .ic_call {background-position:-200px -55px;} #container_shop .common_cscenter .tx {margin-left:50px; color:#fff; font-weight:bold; font-size:15px; line-height:15px; letter-spacing:-1px; display:block; text-shadow:1px 1px 1px #606060;} #container_shop .common_cscenter .tx2 {margin-left:50px; color:#e2e2e2; font-size:11px; letter-spacing:-1px;} /* MYPAGE ------------------------------------------------------------------------------------------------------------------------------------------ */ /* 내용없음 */ #container_shop .mypage .no_conts {text-align:center; padding:30px 0;} #container_shop .mypage .no_conts .ic_no_conts {background-position:0 -180px; width:75px; height:58px;} #container_shop .mypage .no_conts .tx {font-size:13px; margin-top:10px;} /* 첫페이지 */ #container_shop .mypage .intro_order {background:#434852; border:1px solid #434852; margin:10px 8px; overflow:hidden; padding:10px 0; -webkit-border-radius:4px; -webkit-box-shadow: 0 0 3px #c6c6c6;} #container_shop .mypage .intro_order .grade {width:20%; float:left; text-align:center;} #container_shop .mypage .intro_order .grade .ic_grade1 {background-position:0 -145px; width:35px; height:30px;} #container_shop .mypage .intro_order .grade .ic_grade2 {background-position:-35px -145px; width:35px; height:30px;} #container_shop .mypage .intro_order .grade .ic_grade3 {background-position:-70px -145px; width:35px; height:30px;} #container_shop .mypage .intro_order .grade .ic_grade4 {background-position:-105px -145px; width:35px; height:30px;} #container_shop .mypage .intro_order .grade .ic_grade5 {background-position:-140px -145px; width:35px; height:30px;} #container_shop .mypage .intro_order .grade .tx {display:block; font-size:13px; color:#8b8b8b; letter-spacing:-1px;} #container_shop .mypage .intro_order .grade .num {display:inline-block; -webkit-border-radius:30px; width:40px; padding:2px 0; margin-top:7px; color:#fff; font-size:13px; text-shadow:1px 1px #333; font-weight:bold;} #container_shop .mypage .intro_order > div:nth-child(1) .num { background:#647429; border:1px solid #647429; } #container_shop .mypage .intro_order > div:nth-child(2) .num { background:#2f6f74; border:1px solid #2f6f74; } #container_shop .mypage .intro_order > div:nth-child(3) .num { background:#2d5a9d; border:1px solid #2d5a9d; } #container_shop .mypage .intro_order > div:nth-child(4) .num { background:#872429; border:1px solid #872429; } #container_shop .mypage .intro_order > div:nth-child(5) .num { background:#616368; border:1px solid #616368; } #container_shop .mypage .my_order {margin:10px 8px 0 8px;} #container_shop .mypage .my_order a {text-align:center; display:block; font-size:15px; border:1px solid #999; color:#ff7200; font-weight:bold; padding:8px 0; -webkit-border-radius:4px; -webkit-box-shadow: 0 0 3px #c6c6c6; background:-webkit-gradient(linear, 0 100%, 0% 0%, to(#fff), from(#ccc)); text-shadow:1px 1px 0 #fff;} #container_shop .mypage .my_order .ic_go { background:#ff7200; -webkit-border-radius:30px; font-size:10px; color:#fff; display:inline-block; padding:3px; margin-left:5px; letter-spacing:-1px; text-shadow:none;} /* 레벨은 사이트에 따름 */ #container_shop .mypage .my_level {overflow:hidden; padding:15px;} #container_shop .mypage .my_level li {overflow:hidden; font-size:14px; border-top:1px solid #eee;} #container_shop .mypage .my_level li:first-child {border-top:none; margin-bottom:10px;} #container_shop .mypage .my_level li:last-child {border-bottom:1px solid #eee;} #container_shop .mypage .my_level .level_common {-webkit-border-radius:3px; color:#fff; font-size:30px; font-weight:bold; padding:0 8px; float:left; margin-right:5px;} #container_shop .mypage .my_level .p {background:#808080; border:1px solid #808080; text-shadow:1px 1px 1px #494949;} #container_shop .mypage .my_level .r {background:#5b9500; border:1px solid #5b9500; text-shadow:1px 1px 1px #3f6700;} #container_shop .mypage .my_level .s {background:#0493ad; border:1px solid #0493ad; text-shadow:1px 1px 1px #005b6b;} #container_shop .mypage .my_level .a {background:#ff4c00; border:1px solid #ff4c00; text-shadow:1px 1px 1px #b53600;} #container_shop .mypage .my_level .tx {color:#333; font-size:15px;} #container_shop .mypage .my_level .date {display:block; font-size:13px; color:#999;} #container_shop .mypage .my_level .sum {float:right;} #container_shop .mypage .my_guide {background:#f0f0f0; border-top:1px solid #d1d1d1; padding:0 15px 15px 15px;} #container_shop .mypage .my_guide .guide_title {background:#d6d6d6; border-top:1px solid #d6d6d6; padding:5px 10px; font-size:14px; letter-spacing:-1px; color:#333; margin-top:15px; -webkit-border-radius:10px 10px 0 0;} #container_shop .mypage .my_guide .guide_box {display:table; width:100%; background:#fff;} #container_shop .mypage .my_guide .guide_box ul {display:table-row;} #container_shop .mypage .my_guide .guide_box li {display:table-cell; font-size:12px; border:1px solid #d2d2d2; padding:3px; letter-spacing:-1px; line-height:14px; vertical-align:middle;} #container_shop .mypage .my_guide .guide_box li:first-child {width:55px; text-align:center;} /* 주문구분탭 */ #container_shop .mypage .order_tab {margin:0 8px 0 8px; overflow:hidden;} #container_shop .mypage .order_tab li {text-align:center; font-size:13px; line-height:34px; letter-spacing:-1px; width:33.33%; float:left;} #container_shop .mypage .order_tab a {display:block; height:100%; } #container_shop .mypage .order_tab .off {background:-webkit-gradient(linear, 0 100%, 0% 0%, to(#fff), from(#f0f0f0)); border:1px solid #d9d9d9;} #container_shop .mypage .order_tab .on {background:-webkit-gradient(linear, 0 100%, 0% 0%, to(#949494), from(#565656)); color:#fff; border:1px solid #565656; -webkit-box-shadow:inset 0 0 3px #333;} #container_shop .mypage .order_tab li:first-child a{border-right:none; -webkit-border-radius:5px 0 0 0;} #container_shop .mypage .order_tab li:last-child a{border-left:none; -webkit-border-radius:0 5px 0 0;} /* 주문기간탭 */ #container_shop .mypage .period_tab {overflow:hidden;} #container_shop .mypage .period_tab li {width:25%; float:left; } #container_shop .mypage .period_tab a {width:100%; display:block; padding:6px 0; text-align:center; font-size:14px; border-left:1px solid #e0e0e0;} #container_shop .mypage .period_tab li:first-child a {border-left:none;} #container_shop .mypage .period_tab .on {background:#797979; -webkit-box-shadow:inset 0 0 3px #000; color:#fff;} /* 리스트윗부분 토탈정보 */ #container_shop .mypage .total_my {overflow:hidden; background:#434852; border:1px solid #434852; color:#fff; padding:10px; font-size:15px; -webkit-border-radius:4px; -webkit-box-shadow: 0 0 3px #c6c6c6;} #container_shop .mypage .total_my b {text-shadow:1px 1px #000;} /* DB형 리스트 */ #container_shop .mypage .db_list {overflow:hidden;} #container_shop .mypage .db_list li {border-bottom:1px solid #eee; letter-spacing:-1px; font-size:13px; line-height:18px; position:relative; overflow:hidden; padding:10px 10px;} #container_shop .mypage .db_list li:last-child {border-bottom:none;} #container_shop .mypage .db_list li > a {display:block; position:relative; padding-right:30px;} #container_shop .mypage .db_list li > span {display:block; position:relative; } #container_shop .mypage .db_list .date {color:#999; font-size:12px; } #container_shop .mypage .db_list .title {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; display:inline-block;} #container_shop .mypage .db_list .ic_arrow {background-position:-145px -30px; width:7px; height:15px; position:absolute; top:50%; right:0; margin:-7px 0 0 0;} #container_shop .mypage .db_list .state {display:inline-block; color:#fff; width:80px; height:20px; font-size:12px; font-weight:bold; box-sizing:border-box; -webkit-border-radius:30px;} #container_shop .mypage .db_list .state_ready {background:#699f00; border:1px solid #699f00; text-align:center;} #container_shop .mypage .db_list .state_pay {background:#1c9695; border:1px solid #1c9695; text-align:center;} #container_shop .mypage .db_list .state_delivery {background:#0057b9; border:1px solid #0057b9; text-align:center;} #container_shop .mypage .db_list .state_get {background:#ff6600; border:1px solid #ff6600; text-align:center;} #container_shop .mypage .db_list .state_cancel {background:#5d5d5d; border:1px solid #5d5d5d; text-align:center;} #container_shop .mypage .db_list .order_price {display:block; color:#333;} #container_shop .mypage .db_list .order_num {display:block; color:#ff6500;} #container_shop .mypage .db_list .thumb {width:100px; height:90px; overflow:hidden; margin-right:10px; float:left;} #container_shop .mypage .db_list .thumb img {width:100%} #container_shop .mypage .db_list .ctg1 {color:#62a100;} #container_shop .mypage .db_list .ctg2 {color:#00adc2;} #container_shop .mypage .db_list .item_price {display:block; color:#333} #container_shop .mypage .db_list .ctr_btn {display:block; margin-top:5px;} #container_shop .mypage .db_list .ctr_btn a {margin-right:5px;} #container_shop .mypage .db_list .state2 {display:inline-block; color:#fff; width:60px; height:20px; font-size:12px; font-weight:bold; box-sizing:border-box; -webkit-border-radius:30px; float:right} #container_shop .mypage .db_list .state_orange {background:#ff6500; border:1px solid #ff6500; text-align:center;} #container_shop .mypage .db_list .state_blue {background:#0095cc; border:1px solid #0095cc; text-align:center;} #container_shop .mypage .db_list .state_green {background:#62a100; border:1px solid #62a100; text-align:center;} #container_shop .mypage .db_list .title_point {display:block; border-top:1px dashed #eee; margin-top:5px; padding-top:5px;} #container_shop .mypage .db_list .point {text-align:right; font-size:12px; color:#000; float:right; margin-right:5px;} #container_shop .mypage .db_list .coupon {overflow:hidden; display:block; width:100%; margin-top:5px; border:1px solid #ccc; background:#ededed; -webkit-border-radius:5px;} #container_shop .mypage .db_list .name {display:block; text-align:center; border-bottom:1px dashed #ccc;} #container_shop .mypage .db_list .number {display:block; text-align:center;} /* 나의글내역형 리스트(FAQ형) */ #container_shop .mypage .my_list {overflow:hidden;} #container_shop .mypage .my_list li {border-bottom:1px solid #eee; letter-spacing:-1px; font-size:14px; line-height:18px;} #container_shop .mypage .my_list li:last-child {border-bottom:none;} #container_shop .mypage .my_list li a {display:block; padding:10px 15px; position:relative; padding-right:35px;} #container_shop .mypage .my_list .title {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; display:inline-block;} #container_shop .mypage .my_list .open .title {color:#000;} #container_shop .mypage .my_list .close .ic_arrow {background-position:-200px 0; width:15px; height:8px; position:absolute; top:50%; right:0; margin:-2px 10px 0 0;} #container_shop .mypage .my_list .open .ic_arrow {background-position:-200px -10px; width:15px; height:8px; position:absolute; top:50%; right:0; margin:-2px 10px 0 0;} #container_shop .mypage .my_list .date {color:#999; font-size:12px; } #container_shop .mypage .my_list .view_conts {background:#e1e1e1; padding:20px 15px; -webkit-box-shadow:inset 0 1px 2px #999999;} #container_shop .mypage .my_list .view_conts .answer {display:block; color:#ff0000; margin-top:15px;} #container_shop .mypage .my_list .view_conts .mine {display:block; color:#000; margin-bottom:5px;} #container_shop .mypage .my_list .state {display:inline-block; color:#fff; width:80px; height:20px; font-size:12px; font-weight:bold; box-sizing:border-box; -webkit-border-radius:30px;} #container_shop .mypage .my_list .state_orange {background:#ff6500; border:1px solid #ff6500; text-align:center;} #container_shop .mypage .my_list .state_blue {background:#0095cc; border:1px solid #0095cc; text-align:center;} #container_shop .mypage .my_list .item_name {background:#ccc; border:1px solid #ccc; width:100%; display:inline-block; color:#fff; height:20px; font-size:12px; font-weight:bold; box-sizing:border-box; padding:0 8px; -webkit-border-radius:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /* 도움말 */ #container_shop .mypage .guide_tx {margin:10px 20px} /* 글등록폼 */ #container_shop .mypage .common_form {margin:20px 20px 10px 20px;} #container_shop .mypage .common_form li {background:#e8e8e8; position:relative; overflow:hidden; margin-bottom:5px; -webkit-box-shadow:inset 1px 1px 1px #b9b9b9;} #container_shop .mypage .common_form .none_input li:first-child {margin-top:20px} #container_shop .mypage .common_form .none_input li:last-child {margin-top:5px} #container_shop .mypage .common_form input {background:transparent; border:none; width:100%; line-height:40px; height:40px; font-size:16px; color:#bfbfbf; display:block; text-indent:10px; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none;} #container_shop .mypage .common_form input:focus {color:#333;} #container_shop .mypage .common_form textarea {background:transparent; border:none; width:100%; font-size:16px; color:#bfbfbf; display:block; text-indent:10px; padding:10px 0; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none;} #container_shop .mypage .common_form textarea:focus {color:#333;} #container_shop .mypage .bottom_btn {margin:10px 20px 20px 20px; overflow:hidden; padding-bottom:3px;} #container_shop .mypage .bottom_btn a:first-child {width:49%; float:left;} #container_shop .mypage .bottom_btn a:last-child {width:49%; float:right;} #container_shop .mypage .bottom_btn a:only-child {width:100%;} #container_shop .mypage .bottom_btn button {width:100%;cursor:pointer} /* POPUP ------------------------------------------------------------------------------------------------------------------------------------------ */ /* 팝업제목 */ #container_shop .pop .pop_title {overflow:hidden; background:#434852; color:#fff; padding:10px; font-size:16px; text-align:center; text-shadow:1px 1px #000; font-weight:bold; -webkit-border-radius:4px; -webkit-box-shadow: 0 0 3px #c6c6c6;} /* 도움말 */ #container_shop .pop .guide_tx {margin:10px 20px} #container_shop .pop .zipcode {margin:0 20px 20px 20px; position:relative; } #container_shop .pop .zipcode .input {margin-right:50px;} #container_shop .pop .zipcode .inner_btn2 {position:absolute; right:0; -webkit-appearance:none; -webkit-gradient:none;} #container_shop .pop .zipcode input[type="text"] {background:#e8e8e8; border:none; width:100%; display:inline-block; line-height:40px; height:40px; font-size:14px; color:#bfbfbf; letter-spacing:-1px; text-indent:5px; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; -webkit-box-shadow:inset 1px 1px 1px #b9b9b9; margin-bottom:3px;} #container_shop .pop .zipcode input[type="text"]:focus {color:#333;} #container_shop .pop .zipcode input[type="text"]:disabled {text-shadow:1px 1px #fff; color:#999;} #container_shop .pop .zipcode_list {display:table; width:100%; box-sizing:border-box;} #container_shop .pop .zipcode_list ul {display:table-row; border-top:1px solid #ccc; } #container_shop .pop .zipcode_list ul:first-child {background:#eee; border-top:none;} #container_shop .pop .zipcode_list li {display:table-cell; font-size:11px; text-align:center; letter-spacing:-1px; border-right:1px solid #ccc; padding:5px 3px; vertical-align:middle} #container_shop .pop .zipcode_list li:last-child {border-right:none; width:45px;} #container_shop .pop .zipcode_list li:first-child {width:45px;} #container_shop .pop .zipcode_list .inner_btn {padding:5px!important;} #container_shop .pop .common_form {margin:20px 20px 10px 20px;} #container_shop .pop .common_form li {background:#e8e8e8; position:relative; overflow:hidden; margin-bottom:5px; -webkit-box-shadow:inset 1px 1px 1px #b9b9b9;} #container_shop .pop .common_form .none_input li:first-child {margin-top:20px} #container_shop .pop .common_form .none_input li:last-child {margin-top:5px} #container_shop .pop .common_form input {background:transparent; border:none; width:100%; line-height:40px; height:40px; font-size:14px; color:#bfbfbf; display:block; text-indent:10px; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none;} #container_shop .pop .common_form input:focus {color:#333;} #container_shop .pop .common_form input:disabled {text-shadow:1px 1px #fff; color:#000;} #container_shop .pop .common_form textarea {background:transparent; border:none; width:100%; font-size:14px; color:#bfbfbf; display:block; text-indent:10px; padding:10px 0; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none;} #container_shop .pop .common_form textarea:focus {color:#333;} #container_shop .pop .bottom_btn {margin:10px 20px 20px 20px; overflow:hidden; padding-bottom:3px;} #container_shop .pop .bottom_btn a:first-child {width:49%; float:left;} #container_shop .pop .bottom_btn a:last-child {width:49%; float:right;} #container_shop .pop .bottom_btn a:only-child {width:100%;} #container_shop .pop .bottom_btn button {width:100%;cursor:pointer}