/*/////////////////////////////////////////////////////////////////////////////////// // // 공통 // ///////////////////////////////////////////////////////////////////////////////////*/ @font-face{ font-family: 'NanumGothicWeb'; src: url('/template/font/NanumGothic.eot'); src: local('?'), url('/template/font/NanumGothic.eot?#iefix') format('embedded-opentype'), url('/template/font/NanumGothic.woff') format('opentype'), url('/template/font/NanumGothic.ttf') format('truetype'); } @font-face{ font-family: 'NanumGothicBoldWeb'; src: url('/template/font/NanumGothicBold.eot'); src: local('?'), url('/template/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'), url('/template/font/NanumGothicBold.woff') format('opentype'), url('/template/font/NanumGothicBold.ttf') format('truetype'); } /* reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:12px; color:inherit; font-family:'NanumGothicWeb', '나눔고딕', '돋움', dotum, AppleGothic,sans-serif; line-height:normal; vertical-align:baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} body {line-height: 1; word-break:break-all;} ol, ul {list-style:none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none;} table {border-collapse:collapse; border-spacing:0;} img {vertical-align:top;} /* common */ input.han {ime-mode:active;} input.eng {ime-mode:inactive;} input.onlyeng {ime-mode:disable;} input[type=radio], input[type=checkbox] {position:relative; bottom:-2px;} select {border:1px solid #c6c6c6;} a {color:#a5a5a5; text-decoration:none;} a:hover {color:#000; text-decoration:none;} .input {width:213px; padding:5px; border:1px solid #c6c6c6;} /* text 인풋 */ .input_ea {width:20px; height:10px; padding:5px; border:1px solid #a5acb2; color:#4e4e4e; text-align:right;} /* 수량 */ .hidden {visibility:hidden; overflow:hidden; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; font-size:0;} /* 히든 */ .empty {padding:100px 0 !important; border-bottom:1px solid #dbdbdb !important; text-align:center;} /* 빈 상태 */ .point_color {color:#e11f24 !important;} /* 포인트 텍스트 색 */ .point_cursor {cursor:pointer;} /* 커서 스타일 */ /* 테이블 스타일 - 가로 */ .table_col {clear:both; width:100%; margin:0 auto;} .table_col caption {padding:18px 0 10px; color:#303030; font-size:15px; font-weight:bold; text-align:left; letter-spacing:-1px;} .table_col caption span {padding-left:10px; color:#777; font-size:11px; font-weight:normal; letter-spacing:-1px;} .table_col th {padding:12px 0; border-top:2px solid #666; border-bottom:1px solid #e6e6e6; color:#464646; font-size:14px; font-weight:bold; text-align:center; vertical-align:middle;} .table_col td {padding:22px 0 21px; border-bottom:1px solid #e6e6e6; color:#666; font-size:13px; text-align:center; vertical-align:middle;} .table_col td * {color:inherit; font:inherit;} .table_col td.img img {width:65px; height:65px; border:1px solid #e6e6e6; vertical-align:middle;} .table_col td.left {padding-left:23px; text-align:left; vertical-align:middle;} .table_col td.buy_ea {font-size:0;} .table_col td.buy_ea .input {width:38px; height:24px; border:1px solid #e6e6e6; padding:0; color:#464646; font-size:13px; font-weight:bold; text-align:center;} .table_col td.buy_ea a {display:inline-block; width:37px; height:24px; border:1px solid #e6e6e6; border-left:0; background:#f8f8f8; color:#464646; font-size:12px; line-height:24px; vertical-align:top;} .table_col td.opt {text-align:left;} .table_col td.opt a {font-size:11px;} .table_col td .normal_prc {font-size:11px; text-decoration:line-through;} .table_col .ord_list {clear:both; width:100%;} /* 주문조회 상품 리스트 */ .table_col .ord_list td {border:0;} .table_col .ord_list .list_border {border-bottom:1px solid #e2e2e2;} .table_col tr.gift {background:#fcfcfc;} /* 사은품 */ .table_col td .prdimg img {width:65px !important;} /* 게시판 상품 이미지 */ .table_col td .prdname {text-align:left;} /* 게시판 상품명 */ .table_col td .prdname a {color:#888 !important; font-size:11px !important; text-align:left; line-height:1.4;} /* 게시판 상품명 */ .table_col td .prdcnt a {color:#aaa; font-size:11px !important; text-align:left; line-height:1.4; word-break:break-all;} /* 게시판 리뷰 글내용 */ /* 테이블 스타일 - 세로 */ .table_row {width:100%; margin:0 auto; border-top:2px solid #666;} .table_row caption {padding:18px 0 10px; color:#303030; font-size:15px; font-weight:bold; text-align:left; letter-spacing:-1px;} .table_row caption span {padding-left:10px; color:#777; font-size:11px; font-weight:normal; letter-spacing:-1px;} .table_row th {padding:11px 0 11px 15px; border-bottom:1px solid #e6e6e6; background:#f8f8f8; color:#464646; font-size:14px; text-align:left; vertical-align:middle;} .table_row th label {color:inherit; font:inherit;} .table_row td {min-height:26px; padding:11px 0 11px 15px; border-bottom:1px solid #e6e6e6; background:#fff; color:#464646; font-size:13px; text-align:left; vertical-align:middle;} .table_row td * {color:inherit; font-size:inherit; vertical-align:middle;} .table_row td img {vertical-align:top;} .table_row td textarea {width:99%; height:200px;} .table_row td select {padding:5px;} .table_row td dl {padding-bottom:11px;} .table_row td dl dt {padding:7px 0 10px; color:#222; font-size:14px; font-weight:bold;} .table_row td dl dd, .table_row td dl dd * {line-height:23px;} .table_row td .addr {margin-top:5px;} .table_row td .recom {display:inline-block; position:relative; width:14px; height:14px; margin-bottom:-2px; background:url('/template/image/shop/star.gif') repeat-x left top;} .table_row td .recom2 {width:26px;} .table_row td .recom3 {width:42px;} .table_row td .recom4 {width:55px;} .table_row td .recom5 {width:70px;} .table_row2 {width:100%; margin:0 auto; border-top:2px solid #666;} .table_row2 th {padding:5px 0 5px 7px; color:#464646; font-size:14px; text-align:left; vertical-align:middle;} .table_row2 th label {color:inherit; font:inherit;} .table_row2 td {min-height:40px; padding:5px 0 5px 23px; color:#999; font-size:14px; text-align:left; vertical-align:middle;} .table_row2 td.space {height:35px; padding:0;} .table_row2 td * {color:inherit; font:inherit; vertical-align:middle;} .table_row2 td img {vertical-align:top;} .table_row2 td label {color:#464646; font-size:inherit;} .table_row2 td select {width:197px; height:40px; border:1px solid #e6e6e6; color:#999; font-size:13px;} .table_row2 td .input {width:166px; height:28px; border:1px solid #e6e6e6; color:#999; font-size:13px;} .table_row2 td .input.tel {width:71px;} .table_row2 td .input.add {width:262px;} .table_row2 td .input.txt {width:98%; height:70px;} .table_row2 td input[type=radio] {bottom:0;} .table_row2 td .addr {padding-top:10px;} .table_row2 td.order_delivery_type {height:40px; line-height:40px;} .table_row2 td.order_delivery_type label {padding-right:22px;} .table_row2 td .door_number {padding-top:5px;} /* 테이블 스타일 - 세로 (게시판) */ .table_row_board th {padding-left:29px; color:#000; font-weight:bold;} .table_row_board th label {color:#000; font-weight:bold;} .table_row_board td a {color:#231f20;} /* 테이블 스타일 - 장바구니 & 주문조회 총 구매 금액 */ .table_price {position:relative; margin-top:-1px; padding:0; border:1px solid #a5a3a4;} .table_price table {table-layout:fixed; width:100%;} .table_price table th {padding:45px 0; border-right:1px solid #a5a3a4; color:#000; font-size:18px; font-weight:bold; text-align:center; vertical-align:middle;} .table_price table td {padding:20px 30px 20px 0; text-align:right; vertical-align:middle;} .table_price table td strong {font-family:'dotum';} .table_price table td.sum {border-top:1px solid #e8e8e8; font-family:'dotum';} .table_price table td.sum strong {font-size:16px;} .table_price2 {padding:0 23px; background:#f8f8f8;} .table_price2 table {table-layout:fixed; width:100%;} .table_price2 table th {padding:20px 0; color:#464646; font-size:15px; font-weight:bold; text-align:left; vertical-align:top;} .table_price2 table td {padding:20px 0; color:#222; font-size:14px; font-weight:bold; text-align:right; vertical-align:top;} .table_price2 table td.space {height:17px; padding:0;} .table_price2 table td strong {color:inherit; font-size:18px;} .table_price2 table td p {padding-top:7px; color:#999; font-size:13px; font-weight:normal;} .table_price2 table .total {padding:40px 0; border-top:1px solid #d6d6d6; vertical-align:middle;} .table_price2 table th.total {color:#222; font-size:19px;} .table_price2 table td.total {color:#ea2127; font-size:16px;} .table_price2 table td.total strong {font-size:36px;} /* 테이블 스타일 - 상품 */ .table_prd_normal {margin-left:-20px;} .table_prd_normal td {padding:0 0 20px 20px; text-align:center; vertical-align:top;} .table_prd_normal td .layer_detail {display:none; position:absolute; top:0; left:50%; z-index:10; width:714px; margin:0 0 0 -347px;} .table_prd_normal td .info {width:258px; margin:0 auto; border:1px solid #dcdcdc; text-align:center;} .table_prd_normal td:hover .info {border-color:#0f5caa;} .table_prd_normal td .info .img {position:relative; width:220px; margin:20px auto; text-align:center;} .table_prd_normal td .info .img img {max-width:220px;} .table_prd_normal td .info .img .prd_quick {display:none; position:absolute; bottom:1px; right:0; z-index:1;} .table_prd_normal td:hover .info .img .prd_quick {display:block;} .table_prd_normal td .info .img .best_count {display:block; position:absolute; left:-19px; top:-19px; width:33px; height:33px; background:#3c82c0; color:#fff; font-size:15px; font-weight:bold; text-align:center; line-height:33px;} .table_prd_normal td .info .name {overflow:hidden; width:178px; height:40px; margin:0 auto; color:#565656; font-size:14px; text-align:left; line-height:1.4;} .table_prd_normal td .info .name a {color:inherit; font:inherit;} .table_prd_normal td .info .price {width:178px; margin:0 auto; padding:8px 0 39px; text-align:left;} .table_prd_normal td .info .price .normal_prc {margin-right:2px; color:#999; font-size:11px; text-decoration:line-through;} .table_prd_normal td .info .price strong {color:#010101; font-size:16px;} /* 테이블 스타일 - 상품 - 자세히보기 */ .layer_detail .box {width:696px; min-height:410px; padding:9px; background:url('/template/image/shop/list/bg_layer_detail.png') no-repeat center top;} .layer_detail .box .title {height:43px; padding-left:15px; background:#d70006; color:#fff; font-size:16px; font-weight:bold; text-align:left; line-height:43px;} .layer_detail .box .btn_close {display:block; position:absolute; top:17px; right:15px; z-index:100; width:25px; height:25px; background:url('/template/image/shop/list/btn_close.gif') no-repeat; cursor: pointer;} .layer_detail .box .thumb {position:absolute; left:9px; top:72px; width:399px; text-align:center;} .layer_detail .box .thumb img {width:340px;} .layer_detail .box .box_info {width:274px; margin:20px 0 10px 399px; border:1px solid #dcdcdc;} .layer_detail .box .box_info .name {padding:15px 10px; background:#f5f5f5; color:#000; font-size:14px; font-weight:bold; text-align:left;} .layer_detail .box .box_info table {width:230px; margin:30px auto 20px;} .layer_detail .box .box_info table th {padding:9px 0; color:#4e4e4e; font-weight:normal; text-align:left;} .layer_detail .box .box_info table td {padding:9px 0; color:#4e4e4e; text-align:right;} .layer_detail .box .box_info table td strong {color:#4e4e4e; font-family:'verdana'; text-align:right;} .layer_detail .box .box_info table td .normal_prc {color:#4e4e4e; text-decoration:line-through;} /* 상품 Dole 과일박스 */ .dolebox_list .layer_detail {display:none; position:absolute; top:50%; left:50%; z-index:10; width:714px; margin:0; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} .dolebox_list > li {position:relative; margin-bottom:52px; border:1px solid #e6e6e6;} .dolebox_list > li:after {display:block; clear:both; content:'';} .dolebox_list > li:hover {border:1px solid #105caa;} .dolebox_list > li .img {float:left; position:relative; width:550px; height:367px; text-align:center;} .dolebox_list > li:nth-child(even) .img {float:right;} .dolebox_list > li .img .thumb {max-width:550px;} .dolebox_list > li .img .prd_quick {display:none; position:absolute; bottom:20px; right:20px; z-index:1;} .dolebox_list > li:hover .img .prd_quick {display:block;} .dolebox_list > li .info {overflow:hidden; float:right; position:relative; width:460px; min-height:252px; padding:38px 44px 77px; text-align:left; cursor:pointer;} .dolebox_list > li:nth-child(even) .info {float:left;} .dolebox_list > li .info .icon {margin-bottom:18px;} .dolebox_list > li .info .name {color:#222; font-size:26px;} .dolebox_list > li .info .summary {margin-top:14px; color:#666; font-size:15px;} .dolebox_list > li .info .add {margin-top:29px; padding-top:16px; border-top:1px solid #e6e6e6; color:#464646; font-size:14px; line-height:1.5;} .dolebox_list > li .info .price {position:absolute; bottom:37px; left:44px; z-index:1;} .dolebox_list > li .info .price .normal_prc {margin-right:2px; color:#999; font-size:18px; font-weight:bold; text-decoration:line-through;} .dolebox_list > li .info .price strong {color:#ec2127; font-size:20px;} .dolebox_list > li .info .price strong span {color:inherit; font-size:28px; font-weight:bold;} /* 박스 스타일 - 회원가입완료, 회원정보수정1단계, 회원정보수정완료, 주문완료 */ .box_fin {margin:50px 0; padding:50px 0; background:#f8f8f8; text-align:center;} .box_fin .msg {color:#105caa; font-size:21px; font-weight:bold;} .box_fin .msg strong {color:#105caa;} .box_fin .msg2 {padding-top:13px; color:#464646;} .box_fin .msg2 strong {color:inherit;} .box_fin .pw_confirm {padding-bottom:20px; text-align:center;} .box_fin .btn {padding-top:20px;} /* 박스 스타일 - 마이페이지 메뉴& 정보 */ .box_mypage .menu {padding-bottom:20px;} .box_mypage .menu li {display:inline; padding:0 10px;} .box_mypage .menu li a {color:000;} .box_mypage .menu li a.over {color:red;} .box_mypage .info {width:100%; height:100px; margin-bottom:20px; padding:10px 0; text-align:left; background:#eee;} .box_mypage .info .logo {float:left; padding-left:100px;} .box_mypage .info table {float:right; width:500px;} .box_mypage .info table th {text-align:left; font-weight:normal;} /* 박스 스타일 - 적립금 예치금 포인트 전환 */ .box_change {padding:15px 0; font-size:12px; color:#000; background:#f4f4f4;} .box_change p {padding:2px 0;} .box_change .input_chg {padding-top:10px;} .box_change .input_chg .input {width:80px;} /* 박스 스타일 - 테두리 박스 */ .box_content {border:1px solid #e1e1e1; border-top:4px solid #d70006;} /* 탭 스타일 - 고객센터, 이용약관 및 방침, 회사소개 */ .tab_box {overflow:hidden; height:57px; margin:0 0 59px;} .tab_box li {float:left; height:57px;} .tab_box li a {display:block; position:relative; width:100%; height:46px; background:#f6f6f6; color:#666; font-size:16px; font-weight:bold; text-align:center; line-height:46px;} .tab_box li a.on {background:#105caa; color:#fff;} .tab_box li a.on:before {display:block; content:''; position:absolute; bottom:-7px; left:50%; width:12px; height:7px; margin-left:-6px; background:url('/template/image/common/tab_arrow.gif') no-repeat center;} .tab_box li a:after {display:block; content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#e6e6e6;} .tab_box li:first-child a:after {display:none;} .tab_box_customer li {width:20%;}/*고객센터*/ .tab_box_rule {margin:0 0 30px 0;}/*이용약관 및 방침*/ .tab_box_rule li {width:50%;} .tab_box_company li {width:33%;}/*회사소개*/ .tab_box_company li:first-child {width:34%;} .tab_box_address li {width:50%;}/*새벽배송가능지역검색*/ /* 탭 스타일 - 장바구니, 주문서 정기&일반배송 */ .tab_cart {width:100%; height:59px; margin:50px 0; border:1px solid #d6d6d6; border-bottom:2px solid #666;} .tab_cart:after {display:block; clear:both; content:'';} .tab_cart li {float:left; position:relative; width:50%; height:58px; border-bottom:1px solid #d6d6d6;} .tab_cart li:first-child:after {display:block; content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:#d6d6d6;} .tab_cart li a {display:block; height:58px; background:#f8f8f8; color:#999; font-size:21px; font-weight:bold; line-height:58px;} .tab_cart li a span {display:none; color:#e45656; font-size:21px;} .tab_cart li.on {border-color:#a5a3a4; background:#f9f9f9;} .tab_cart li.on a {position:absolute; top:-1px; left:0; z-index:1; width:100%; height:60px; border:2px solid #666; border-bottom:0; background:#fff; color:#464646; font-weight:bold; line-height:60px;} /* 페이징 */ .paging * {vertical-align:middle;} .paging {height:26px; padding:0 0 0 0; margin:0; text-align:center;} .paging li {display:inline-block; height:26px; padding:0 6px; color:#acacac; line-height:26px; vertical-align:top;} .paging li span {display:inline-block; height:26px; color:#acacac; font-size:16px; font-weight:normal; vertical-align:top; line-height:26px;} .paging li span.selected {color:#464646; font-weight:bold;} .paging li img {margin:0 5px; vertical-align:top;} /* 댓글 쓰기 */ .box_comment {padding-top:55px;} .box_comment .write {margin-bottom:25px; border:1px solid #e6e6e6;} .box_comment .write .box {width:100%; height:100px;} .box_comment .write .box textarea {width:100%; max-width:1088px; height:90px; padding:5px; border:0; background:#f8f8f8;} .box_comment .btn {padding-top:25px; text-align:right;} .box_comment .btn input {width:110px; height:32px; border:0; border-radius:4px; background:#0e5dac; color:#fff; font-size:13px; font-weight:bold; line-height:32px;} .box_comment .write .msg {padding:32px 0 20px 0; text-align:center;} .box_comment .write .msg img {vertical-align:middle;} .box_comment .box_list {margin:49px 0 50px;} .box_comment .box_list .list {clear:both; width:100%; border-bottom:1px solid #e6e6e6;} .box_comment .box_list .list td {padding:20px 20px 10px 20px; border:1px solid #e6e6e6; border-bottom:0; background:#f9f9f9; vertical-align:middle; text-align:left;} .box_comment .box_list .list td .comment {font-size:11px; font-weight:normal; color:#000;} .box_comment .box_list .list td .comment span a {font-size:11px; color:#000;} .box_comment .box_list .list td .comment span.name {color:#000; font-size:11px; font-weight:bold;} .box_comment .box_list .list td .comment span.time {padding:0 10px; color:#626261; font-size:11px;} .box_comment .box_list .list td .text {padding:10px 0; width:100%; color:#000; font-size:12px;} .box_comment .box_list .list td.reply {padding-left:40px; border-top:0; background:#f9f9f9;} /* 댓글 수정 레이어 팝업*/ .comment_layer {width:520px; padding:0; border:1px solid #0f5caa; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;} .comment_layer form {position:relative;} .comment_layer .btn_close {position:absolute; right:20px; top:23px;} .comment_layer .btn_close a {display:inline-block; *display:inline; *zoom:1; width:22px; height:23px; background:url('/template/image/common/btn_comment_close.gif') no-repeat center; color:transparent; font-size:0;} .comment_layer .title_part {height:70px; padding:0 42px; background:#0f5caa; color:#fff; font-size:18px; line-height:70px;} .comment_layer .cnt_txt {display:inline-block; *display:inline; *zoom:1; width:100%; padding:35px 40px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .comment_layer .cnt_txt:after {clear:both; display:block; content:'';} .comment_layer .cnt_txt .image {float:left; width:506px;height:470px;overflow:hidden;text-align:center;} .comment_layer .cnt_txt textarea {width:100%; height:200px; border:1px solid #e6e6e6; background:#f8f8f8; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .comment_layer .btn_comment {margin:25px 0 22px; padding:0 40px; text-align:center;} /* 버튼 스타일 - 기본 */ .box_btn {display:inline-block; *display:inline; *zoom:1; text-align:center; vertical-align:top;} .box_btn * {display:inline-block; *display:inline; *zoom:1; width:130px; margin:0; padding:10px 0; border:1px solid #d3d3d3; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; color:#222328; font-family:'NanumGothicWeb' !important; font-size:16px; font-weight:bold; text-align:center; line-height:1.4; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /* 버튼 스타일 - 크기 */ .box_btn.box_btn_width * {padding:5px 15px; font-size:11px;} .box_btn.box_btn_small * {width:75px; padding:7px 0; border:1px solid #e6e6e6; background:#f8f8f8; color:#464646; font-size:13px; font-weight:normal;} .box_btn.box_btn_small_40 * {width:40px; padding:3px 0;} .box_btn.box_btn_small_60 * {width:60px;} .box_btn.box_btn_small_80 * {width:80px;} .box_btn.box_btn_small_100 * {width:100px;} .box_btn.box_btn_small_102 * {width:102px;} .box_btn.box_btn_small_111 * {width:111px;} .box_btn.box_btn_small_228 * {width:228px;} .box_btn.box_btn_middle * {width:110px; padding:5px 0; border-color:#a19e9e; background:#fff; font-size:14px; font-weight:bold;} .box_btn.box_btn_middle_gray * {background:#f6f6f6;} .box_btn.box_btn_middle_darkgray * {border-color:#616161; background:#616161; color:#fff;} .box_btn.box_btn_middle_red * {border-color:#e11f24; color:#fff !important; background:#e11f24;} .box_btn.block {display:block;} .box_btn.block * {width:100% !important;} .box_btn.w80 * {width:80px !important;} .box_btn.w100 * {width:100px !important;} .box_btn.w110 * {width:110px !important;} .box_btn.w107 * {width:107px !important;} .box_btn.w112 * {width:112px !important;} .box_btn.w150 * {width:150px !important;} .box_btn.w220 * {width:220px !important;} .box_btn.w250 * {width:250px !important;} /* 버튼 스타일 - 높이 */ .box_btn.h32 * {padding:0; height:32px !important; line-height:32px !important;} .box_btn.h40 * {padding:0; height:40px !important; line-height:40px !important;} .box_btn.h50 * {padding:0; height:50px !important; line-height:50px !important;} .box_btn.h60 * {padding:0; height:60px !important; line-height:60px !important;} .box_btn.h107 * {padding:0; height:107px !important; line-height:107px !important;} /* 버튼 스타일 - 폰트사이즈 */ .box_btn.fs13 * {font-size:13px;} .box_btn.fs14 * {font-size:14px;} .box_btn.fs20 * {font-size:20px;} /* 버튼 스타일 - 폰트 두께 */ .box_btn.normal * {font-weight:normal;} /* 버튼 스타일 - 색상 */ .box_btn.box_btn_red * {border:1px solid #b40a0f; background:#e11f24; color:#fff !important;} .box_btn.box_btn_gray * {border:1px solid #a19e9e; background:#b7b7b7; color:#fff !important;} .box_btn.box_btn_lgray * {border-color:#e6e6e6; background:#f8f8f8;} .box_btn.box_btn_darkgray * {border:1px solid #5d5d5d; background:#616161; color:#fff !important;} .box_btn.box_btn_blue * {border:1px solid #4368a2; background:#3371b3; color:#fff !important;} .box_btn.box_btn_green * {border:1px solid #75ac3c; background:#72b415; color:#fff !important;} .box_btn.box_btn_white * {border:1px solid #d9d9d9; background:#fff; color:#666 !important;} .box_btn.or * {border-color:#ec2127; background:#ec2127; color:#fff !important;} .box_btn.cobalt * {border-color:#105caa; background:#105caa; color:#fff !important;} .box_btn.gray * {border-color:#999; background:#999; color:#fff !important;} .box_btn.lightgray * {border-color:#e6e6e6; background:#f8f8f8; color:#464646 !important;} /* 버튼 스타일 - 그라데이션 색상 */ .box_btn.gdgray * {background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.04));} /* 버튼 스타일 - 2개 나열 */ .btn_col:after {display:block; clear:both; content:'';} .btn_col .box_btn {float:right;} .btn_col .box_btn:first-child {float:left;} /* 버튼 스타일 - 검색 */ .box_btn_search {display:inline-block; width:60px; padding:4px 0; border:1px solid #d3d3d3; border-radius:5px; background:#616161; color:#fff; font-family:'NanumGothicWeb' !important; font-weight:bold; font-size:13px; text-align:center; box-shadow:1px 2px 2px #f0f0f0; cursor:pointer;} /* 우편번호검색&배송가능지역조회 */ .popup_address {width:520px; margin:0 auto;} .popup_address h1 {height:70px; padding:0 40px; background:#0f5caa; color:#fff; font-size:18px; font-weight:bold; text-align:left; line-height:70px;} .popup_address .contents {padding:35px 39px; border:1px solid #0f5caa;} .popup_address .contents .tab_box {margin-bottom:0;} .popup_address .contents .tabItem .msg {padding:18px 0 17px; color:#464646; font-size:14px; text-align:left;} .popup_address .contents .tabItem .search {position:relative; height:38px; margin-bottom:20px; border:1px solid #e6e6e6; border-radius:2px; background:#fff;} .popup_address .contents .tabItem .search .text {width:385px; height:38px; padding:0 41px 0 12px; margin:0; border:0; color:#999; font-size:14px; line-height:38px;} .popup_address .contents .tabItem .search .btn {position:absolute; top:0; right:0; width:41px; height:38px; border:0; background:url('/template/image/etc/address_search.gif') no-repeat center; color:transparent; text-indent:-9999px;} .popup_address .contents .result {overflow:hidden; overflow-y:auto; height:273px;} .popup_address .contents .result .table_col td {padding:11px 0;} .popup_address #delivery_type_text p {margin-top:18px; padding:18px 0; background:#f8f8f8; color:#464646; font-size:16px; font-weight:bold; text-align:center;} .popup_address #delivery_type_text p span {color:#ec2127; font-size:16px; font-weight:bold;} .popup_address .bottom .btn {padding:23px 0; text-align:center;} .popup_address .bottom .btn .box_btn {margin:0 auto;} /* 고객센터 상단 */ #cs_box {overflow:hidden; position:absolute; bottom:100px; left:0; width:100%; padding:14px 0; background:#f8f8f8; text-align:left;} #cs_box dl {overflow:hidden; float:left; position:relative; height:86px; padding:9px 25px;} #cs_box dl:after {display:block; content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#e5e5e5;} #cs_box dt {float:left; position:relative; padding:15px 0 0; color:#464646; font-size:18px; font-weight:bold; line-height:1;} #cs_box dt:after {display:block; content:''; position:absolute; top:0; left:0; width:29px; height:2px; background:#d7d7d7;} #cs_box dl.cs {width:317px;} #cs_box dl.cs:after {display:none;} #cs_box dl.cs dt {width:183px;} #cs_box dl.cs .tel {margin-top:14px; padding-left:30px; background:url('/template/image/content/customer/cs_tel.png') no-repeat left center; color:#222; font-size:27px; font-weight:bold; line-height:24px;} #cs_box dl.cs dd {float:right; width:134px; padding-top:6px; color:#666; font-size:13px; font-weight:bold; line-height:1.5;} #cs_box dl.cs dd .title {color:#222; font:inherit;} #cs_box dl.cs dd span {color:#999; font:inherit;} #cs_box dl.sns {width:315px;} #cs_box dl.sns dt {width:144px;} #cs_box dl.sns dd {float:left; width:164px; padding-top:13px; font-size:0;} #cs_box dl.sns dd a {padding-left:22px;} #cs_box dl.sns {width:318px;} #cs_box dl.company dt {float:none; padding-bottom:24px;} #cs_box dl.company dd a {color:#464646; font-size:14px;} /* 타이틀 스타일 */ .title_part {padding-bottom:24px; color:#464646; font-size:23px; font-weight:bold; text-align:left;} .title_part span {padding-left:10px; color:#666; font-size:14px; font-weight:normal;} /* 정렬 */ .tal {text-align:left !important;} .tar {text-align:right !important;} /*/////////////////////////////////////////////////////////////////////////////////// // // 레이아웃 // ///////////////////////////////////////////////////////////////////////////////////*/ /* 전체 */ #wrapper {position:relative; min-width:1100px;} .wrap_inner {position:relative; width:1100px; margin:0 auto;} /* 컨텐츠 사이즈 */ /* 상단 */ #header {height:130px; border-bottom:1px solid #e9e9e9;} #header .gnb {overflow:hidden;} #header .gnb .member {float:right;} #header .gnb .member li {float:left; position:relative;} #header .gnb .member li:after {display:block; content:''; position:absolute; top:21px; left:0; z-index:1; width:1px; height:11px; background:#d1d1d1;} #header .gnb .member li:first-child:after {display:none;} #header .gnb .member li a {display:block; padding:19px 13px 0 12px; color:#777;} #header .lnb {position:relative; height:97px; background:#fff;} #header .lnb .wrap_inner {height:97px;} #header .lnb h1 {float:left; padding-top:15px;} #header .lnb .category {position:absolute; left:268px; top:15px; z-index:5;} #header .lnb .category li {float:left; position:relative;} #header .lnb .category li a {display:block; height:69px; padding:0 29px; color:#1e2124; font-size:17px; line-height:69px;} #header .lnb .category li img {position:absolute; left:0; top:0;} #header .lnb .box_search {float:right; width:220px; height:35px; margin-top:32px; background:url('/template/image/common/bg_search.gif') no-repeat left top;} #header .lnb .box_search .cover_input {float:left; position:relative; width:154px; padding:0 0 0 20px; height:35px;} #header .lnb .box_search .cover_input label {position:absolute; left:10px; top:0; z-index:5; padding-left:10px; color:#626262; font-size:13px; line-height:35px; cursor:normal;} #header .lnb .box_search .cover_input .input {width:100%; height:35px; padding:0; background:none; border:0; font-size:11px; line-height:35px;} #header .lnb .box_search .btn {float:right; width:46px; height:35px; margin:0; padding:0; border:0; background:url('/template/image/common/btn_search.gif') no-repeat center; color:transparent; text-indent:-9999px; cursor:pointer;} #header .lnb_fix {position:fixed; left:0; top:0; z-index:100; width:100%;} /* 중앙 */ #cnt {clear:both; padding-bottom:58px; text-align:center;} .cnt_full {width:100%;} .cnt {width:1100px; margin:0 auto;} #cnt .navigation {color:#777; text-align:right; line-height:69px;} #cnt .navigation a {color:inherit; text-align:left; line-height:inherit;} #cnt .navigation strong {color:inherit; font-weight:normal; text-align:left; line-height:inherit;} #cnt .navigation .last_cate {color:inherit; font-weight:normal; text-align:left; line-height:inherit;} #cnt .navigation img {vertical-align:middle;} #cnt .special_list {width:100%; height:40px; border:1px solid #e6e6e6; color:#464646; font-size:16px;} #cnt .subtitle {padding:16px 0 78px; color:#222; font-size:28px; font-weight:bold;} #cnt .subtitle span {display:block; margin-top:20px; color:#666; font-size:16px; font-weight:normal;} /* 하단 */ #footer {clear:both; background:#32302d;} #footer .menu {overflow:hidden; border-bottom:1px solid #474542;} #footer .menu ul {float:left;} #footer .menu ul li {float:left; padding:0 19px; position:relative;} #footer .menu ul li:after {display:block; content:''; position:absolute; top:20px; left:0; width:1px; height:10px; background:#514f4c;} #footer .menu ul li:first-child {padding-left:0;} #footer .menu ul li:first-child:after {display:none;} #footer .menu ul li a {display:block; height:50px; color:#a09b93; font-size:13px; line-height:50px;} #footer .menu ul li.privacy a {color:#fff;} #footer .menu .sns {position:absolute; right:0; top:14px; z-index:5;} #footer .menu .sns a {display:block; float:left; margin-right:5px;} #footer .menu .sns select {float:left; width:165px; height:23px; margin-left:14px; border:1px solid #908a7d; background:#636260; color:#bdbdbd;} #footer .info {height:109px;} #footer .info .shopinfo {padding:23px 0 12px; color:#a09b93;} #footer .info .shopinfo a {color:inherit;} #footer .info .shopinfo span {display:inline-block; *zoom:1; *display:inline; padding:0 6px; color:#514f4c;} #footer .info .shopinfo .pg {color:#f36e09;} #footer .info .copyright {color:#757068;} #footer .info .copyright a {color:inherit;} #footer .info .copyright a:hover {color:#3fc0e5;} #footer .info .qrcode {position:absolute; right:0; top:26px; z-index:5;} /* 퀵 */ #quick {position:fixed; top:0; right:0; z-index:110; width:140px; height:100%; border-left:1px solid #ddd; background:#fff; text-align:center;} #quick .open_close {position:absolute; top:420px; left:-21px; z-index:5; width:20px; height:100px; background:url('/template/image/common/q_close.png') no-repeat 0; cursor:pointer;} #quick .name_group {padding:63px 0 10px; border-bottom:1px solid #ddd; background:#f8f8f8 url('/template/image/common/q_group.gif') no-repeat center 18px;} #quick .name_group .name {padding-bottom:15px; color:#000; font-size:15px; font-weight:bold;} #quick .name_group .group {overflow:hidden; width:118px; margin:0 auto; border:1px solid #ddd; border-radius:4px; background:#fff;} #quick .name_group .group dt {float:left; position:relative; width:52px; padding:5px 7px; color:#585858; font-size:11px; font-weight:bold; text-align:right;} #quick .name_group .group dt:after {display:block; content:''; position:absolute; top:7px; right:0; width:1px; height:9px; background:#ccc;} #quick .name_group .group dd {float:left; width:38px; padding:5px 7px; color:#eab603; font-size:11px; font-weight:bold; text-align:left;} #quick .click_prd .title {height:53px; color:#585858; font-size:13px; line-height:53px;} #quick .click_prd .als-viewport {overflow:hidden; position:relative; width:80px; margin:0 auto; text-align:center;} #quick .click_prd .als-wrapper {position:relative; list-style:none;} #quick .click_prd .als-item {display:block; position:relative; margin:0 auto 15px; width:80px; height:80px;} #quick .click_prd .als-item img {width:80px; height:80px;} #quick .click_prd .btn {overflow:hidden; position:relative; border-top:1px solid #ddd;} #quick .click_prd .btn:after {display:block; content:''; position:absolute; top:0; left:50%; z-index:1; width:1px; height:19px; background:#ddd;} #quick .click_prd .btn li {float:left; width:50%; height:19px; cursor:pointer;} #quick .click_prd .btn li.als-prev {background:#f8f8f8 url('/template/image/common/click_up.gif') no-repeat center;} #quick .click_prd .btn li.als-next {background:#f8f8f8 url('/template/image/common/click_down.gif') no-repeat center;} #quick .menu li {border-top:1px solid #ddd;} #quick .menu li.order, #quick .menu li.dawn {background-color:#f8f8f8;} #quick .menu li.realtime {background-color:#61564c;} #quick .menu li a {display:block; position:relative; height:39px; padding:0 15px; color:#585858; font-size:13px; line-height:39px; text-align:left;} #quick .menu li.realtime a {height:50px; background:url('/template/image/common/q_realtime.gif') no-repeat right 15px center; color:#fff; font-weight:bold; line-height:50px;} #quick .menu li.order a, #quick .menu li.dawn a {font-weight:bold;} #quick .menu li span {position:absolute; top:12px; right:15px; z-index:5; width:26px; height:18px; background:url('/template/image/common/q_ea.gif') no-repeat center; color:#fff; font-size:13px; font-weight:bold; line-height:18px; text-align:center;} #quick .top {padding-top:50px;} /* 퀵메뉴 좁혀졌을때 */ #quick.close {width:80px;} #quick.close .open_close {background:url('/template/image/common/q_open.png') no-repeat 0;} #quick.close .name_group .name {padding-top:2px; font-size:13px;} #quick.close .name_group .group {width:68px;} #quick.close .name_group .group dt {display:none;} #quick.close .name_group .group dd {width:100%; padding:5px 0; text-align:center;} #quick.close .click_prd .title {display:none;} #quick.close .click_prd .als-viewport {margin-top:4px;} #quick.close .menu {padding-top:20px; border-top:1px solid #ddd;} #quick.close .menu li {padding-top:10px; border-top:0; background-color:transparent !important;} #quick.close .menu li.order {padding-top:25px;} #quick.close .menu li a {width:40px; height:40px; margin:0 auto; color:transparent; text-indent:-9999px;} #quick.close .menu li.cart a {background:url('/template/image/common/q_icon_cart.gif') no-repeat center;} #quick.close .menu li.wish a {background:url('/template/image/common/q_icon_wish.gif') no-repeat center;} #quick.close .menu li.order a {background:url('/template/image/common/q_icon_order.gif') no-repeat center;} #quick.close .menu li.dawn a {background:url('/template/image/common/q_icon_dawn.gif') no-repeat center;} #quick.close .menu li.realtime a {background:url('/template/image/common/q_icon_realtime.gif') no-repeat center;} #quick.close .menu li span {top:-10px; right:5px; background:url('/template/image/common/q_ea.png') no-repeat center; text-indent:0;} /*/////////////////////////////////////////////////////////////////////////////////// // // 메인 // ///////////////////////////////////////////////////////////////////////////////////*/ #main {position:relative;} #main .visual {clear:both; padding-bottom:47px;} #main .visual .slide_wrap {overflow:hidden; position:relative; height:710px;} #main .visual .slide {position:absolute; top:0; left:50%; margin-left:-950px; width:1900px; height:710px;} #main .visual .slide li {width:1900px; height:710px;} #main .visual .pager_wrap {border-bottom:1px solid #ccc;} #main .visual .pager {overflow:hidden; width:1100px; margin:0 auto; border:solid #d9d9d9; border-width:0 1px;} #main .visual .pager li {float:left; position:relative; width:33.3333%; text-align:center;} #main .visual .pager li:after {display:block; content:''; position:absolute; top:0; left:0; z-index:1; width:1px; height:100%; background:#d9d9d9;} #main .visual .pager li:first-child:after {display:none;} #main .visual .pager li a {display:block; overflow:hidden; height:50px; color:#1e2124; font-size:14px; line-height:50px; text-overflow:ellipsis; white-space:nowrap;} #main .visual .pager li.activeSlide a {background:#105caa; color:#fff;} #main .best {margin-bottom:30px;} #main .best h2 {height:55px; padding-bottom:20px; color:#000; font-size:32px; font-weight:bold; text-align:center; line-height:55px;} #main .best .list {overflow:hidden; margin-left:-20px;} #main .best .list li {float:left; width:260px; padding:0 0 80px 20px; text-align:center; vertical-align:top;} #main .best .list li .info {width:260px; margin:0 auto; text-align:left;} #main .best .list li .info .img {position:relative; width:220px; margin:0 auto 20px; text-align:center;} #main .best .list li .info .img img {max-width:220px;} #main .best .list li .info .name {overflow:hidden; height:34px; padding:0 40px;} #main .best .list li .info .name a {color:#5a5a5a; font-size:14px;} #main .best .list li .info .price {padding:6px 40px 0; color:#000; font-size:16px; font-weight:bold;} #main .best .list li .info .price * {color:inherit; font:inherit;} #main .new {overflow:hidden; position:relative; height:600px; margin-bottom:60px;} #main .new .slide {position:absolute; top:0; left:50%; z-index:1; margin-left:-950px; width:1900px; height:710px;} #main .new .slide li {width:1900px; height:710px;} #main .new .btn {position:absolute; top:50%; left:50%; z-index:2; width:1210px; height:0; margin-left:-605px;} #main .new .btn .prev {position:absolute; top:0; left:0; z-index:2; width:24px; height:45px; background:url('/template/image/main/new_prev.png') no-repeat center; cursor:pointer;} #main .new .btn .next {position:absolute; top:0; right:0; z-index:2; width:24px; height:45px; background:url('/template/image/main/new_next.png') no-repeat center; cursor:pointer;} #main .new .pagination {position:absolute; top:50px; left:50%; z-index:2; width:1200px; height:0; margin-left:-600px; font-size:0; text-align:right;} #main .new .pagination li {display:inline-block; zoom:1; *display:inline; width:30px; height:30px; margin:0 5px; background:no-repeat center; background-image:url('/template/image/main/new_paging.png'); color:#fff; font-size:15px; font-weight:900; line-height:30px; text-align:center;} #main .new .pagination li.activeSlide {background-image:url('/template/image/main/new_paging_over.png'); color:#503417;} #main .box_bnr {margin-bottom:60px;} #main .box_bnr:after {display:block; clear:both; content:'';} #main .box_bnr li {float:left; margin-bottom:1px;} #main .box_bnr li.center {margin:0 1px 1px;} #main .box_bnr li.last {clear:both; margin-bottom:0;} #main .notice_bnr {margin-bottom:60px;} #main .notice_bnr:after {display:block; clear:both; content:'';} #main .special_slide {float:left; overflow:hidden; position:relative; width:700px; height:300px;} #main .special_slide .slide, #main .special_slide .slide li {z-index:1; width:700px; height:600px;} #main .special_slide .pagination {position:absolute; top:30px; right:25px; z-index:2; width:100%; height:0; font-size:0; text-align:right;} #main .special_slide .pagination li {display:inline-block; zoom:1; *display:inline; width:10px; height:10px; margin:0 5px; background:no-repeat center; background-image:url('/template/image/main/special_paging.png'); cursor:pointer;} #main .special_slide .pagination li.activeSlide {background-image:url('/template/image/main/special_paging_over.png');} #main .news {float:right; width:398px; border:1px solid #e6e6e6;} #main .news li {overflow:hidden; width:398px;} #main .news li:first-child {border-bottom:1px solid #e6e6e6;} #main .fruits {margin-bottom:60px; padding:56px 0 48px; background:#f4f4f4;} #main .fruits h2 {padding-bottom:18px; color:#000; font-size:30px; font-weight:bold; text-align:center;} #main .fruits .des {padding-bottom:67px; color:#000; font-size:17px; text-align:center;} #main .fruits_slide {overflow:hidden; width:1220px; height:177px; margin:0 auto;} #main .fruits_slide .als-container {position:relative; width:100%; margin:0 auto;} #main .fruits_slide .als-viewport {overflow:hidden; position:relative; margin:0 auto;} #main .fruits_slide .als-wrapper {position:relative; list-style:none;} #main .fruits_slide .als-item {display:block; position:relative; float:left; margin:0 25px; min-width:140px; min-height:140px; text-align:center; cursor:pointer;} #main .fruits_slide .als-item img {display:block; position:relative; width:140px; height:140px; vertical-align:middle;} #main .fruits_slide .als-item p.name {padding-top:17px; color:#000; font-size:17px;} #main .fruits_slide .als-item .hoverbox {display:none;} #main .fruits_slide .als-item:hover .hoverbox {display:block; position:absolute; top:0; left:0; z-index:1; width:140px; height:140px; background:url('/template/image/content/fruits/fruits_over.png') no-repeat center top;} #main .fruits_slide .als-item .hoverbox p {padding-top:40px; color:#fff; font-size:17px;} #main .fruits_slide .als-item .hoverbox div {position:absolute; bottom:30px; left:50%; width:94px; height:28px; margin-left:-47px; border-radius:12px; background:#fff; color:#000; font-size:15px; font-weight:bold; line-height:28px;} #main .fruits_slide .als-prev, #main .fruits_slide .als-next {clear:both; position:absolute; top:52px; z-index:2; cursor:pointer;} #main .fruits_slide .als-prev {left:0;} #main .fruits_slide .als-next {right:0;} #main .review {overflow:hidden; padding-bottom:56px;} #main .review h2.title {float:left; width:208px;} #main .review ul {float:right; width:892px;} #main .review ul li {float:left; width:170px; height:308px; margin-left:15px; padding:0 18px; border:1px solid #e6e6e6; text-align:left;} #main .review ul li .img {width:148px; height:148px; padding:11px; text-align:center;} #main .review ul li .img img {width:148px; height:148px;} #main .review ul li .subject {overflow:hidden; height:35px; margin-bottom:16px; color:#000; font-size:15px;} #main .review ul li .prd {overflow:hidden; height:29px; margin-bottom:9px; color:#5a5a5a;} #main .main_bottom {padding-top:27px; border-top:1px solid #e6e6e6;} #main .main_bottom:after {display:block; clear:both; content:'';} #main .main_bottom .box {float:left; text-align:left;} #main .main_bottom .box h4 {position:relative; height:62px; color:#000; font-size:17px; font-weight:bold; line-height:62px;} #main .main_bottom .box h4 .more {position:absolute; top:50%; right:0; z-index:1; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);} #main .main_bottom .box_quick {width:340px;} #main .main_bottom .box_quick .content {padding-top:15px;} #main .main_bottom .box_quick .content ul {overflow:hidden;} #main .main_bottom .box_quick .content ul li {float:left;} #main .main_bottom .box_quick .content ul li.partner {padding:0 35px 0 42px;} #main .main_bottom .box_quick .content ul li a {display:block; padding-top:87px; background:no-repeat center top; color:#5a5a5a; font-size:13px; font-weight:bold;} #main .main_bottom .box_quick .content ul li.faq a {background-image:url('/template/image/main/icon_faq.gif');} #main .main_bottom .box_quick .content ul li.partner a {background-image:url('/template/image/main/icon_partner.gif');} #main .main_bottom .box_quick .content ul li.guide a {background-image:url('/template/image/main/icon_guide.gif');} #main .main_bottom .box_notice {width:335px; padding:0 45px;} #main .main_bottom .box_notice .content ul li {padding:5px 0 4px;} #main .main_bottom .box_notice .content ul li * {color:#5a5a5a; font-size:13px;} #main .main_bottom .box_notice .content ul li .date {clear:both; float:right; color:#a0a0a0; font-size:13px;} #main .main_bottom .box_cscenter {float:right; width:310px;} #main .main_bottom .box_cscenter .content {padding:6px 0 16px 65px; background:url('/template/image/main/icon_tel.gif') no-repeat left 6px;} #main .main_bottom .box_cscenter .content p.tel {color:#000; font-size:34px; font-weight:bold;} #main .main_bottom .box_cscenter .content p.time {padding-top:8px; color:#000; font-size:13px;} #main .main_bottom .box_cscenter .content .btn {padding-right:3px; font-size:0;} /*/////////////////////////////////////////////////////////////////////////////////// // // 상점 // ///////////////////////////////////////////////////////////////////////////////////*/ /* 장바구니(/shop/cart.php) */ #cart .btn {height:32px; margin:20px 0 35px;} #cart .btn ul li {float:left; margin-right:5px;} #cart .cart_info {text-align:left;} #cart .cart_info:after {display:block; clear:both; content:'';} #cart .cart_info h3 {height:49px; margin-bottom:27px; border-bottom:2px solid #666; color:#464646; font-size:20px; font-weight:bold; line-height:49px;} #cart .cart_info .left {float:left; width:624px;} #cart .cart_info .left .dlvone {padding-bottom:29px;} #cart .cart_info .left .dlvone .datepicker {width:176px; height:33px; padding:0 42px 0 14px; border:1px solid #e6e6e6; background:url('/template/image/shop/detail/bg_datepicker.gif') no-repeat right top; color:#464646; font-size:14px; font-weight:bold; line-height:33px;} #cart .cart_info .left .delivery dl.intro {padding-bottom:23px; border-bottom:1px solid #e6e6e6; text-align:left;} #cart .cart_info .left .delivery dl.intro dt {margin-bottom:7px; color:#464646; font-size:14px; font-weight:bold;} #cart .cart_info .left .delivery dl.intro dd {color:#666; font-size:14px; line-height:1.4;} #cart .cart_info .left .delivery dl.intro dd.dawn img {padding:10px 0 21px; cursor:pointer;} #cart .cart_info .right {float:right; width:447px;} #cart .table_price2 {margin-top:-27px;} #cart .btn_list {clear:both; position:relative; height:60px; padding-top:50px; text-align:right;} #cart .btn_list .first {position:absolute; top:50px; left:0; z-index:1;} #cart .naver_chk {padding-top:25px; text-align:right;} /* 상품리스트(/shop/big_section.php) */ #big_section .visual {position:relative; width:100%; height:350px;} #big_section .visual_special {padding:15px 0 20px;} #big_section .dole_box_msg {height:53px; padding-bottom:24px; border-top:1px solid #e6e6e6; color:#999; font-size:14px; text-align:left; line-height:53px;} #big_section .tab {display:table; width:100%; margin-bottom:30px; padding-bottom:50px; border-bottom:1px solid #e6e6e6; text-align:center;} #big_section .tab ul {display:table-row; width:100%;} #big_section .tab li {display:table-cell; width:5%; vertical-align:top;} #big_section .tab li .child {margin:0 3px;} #big_section .tab li a {display:block;} #big_section .tab li a .img img {width:100%; max-width:220px;} #big_section .tab li a span {display:inline-block; min-width:98px; height:31px; margin-top:4px; padding:0 5px; border:1px solid #e6e6e6; border-radius:15px; background:#fff; color:#999; font-size:16px; font-weight:bold; line-height:31px;} #big_section .tab li.over a span {border:1px solid #75ac3c; background:#75ac3c; color:#fff;} #big_section .total_sort {clear:both; height:68px;} #big_section .total_sort .total {float:left; color:#666; font-size:16px; line-height:68px;} #big_section .total_sort .total strong {color:#0f5caa; font-size:inherit; line-height:68px;} #big_section .total_sort .sort {float:right; margin-top:19px;} #big_section .total_sort .sort ul li {float:left; padding-left:9px;} #big_section .total_sort .sort ul li a {display:inline-block; width:88px; height:28px; padding:0 0 0 8px; border:1px solid #d9d9d9; border-radius:2px; background:url('/template/image/shop/bullet_sort.gif') no-repeat right 8px center; color:#666; font-size:11px; text-align:left; line-height:30px;} .merge_cart {position:fixed; bottom:0; left:50%; z-index:300; width:1100px; margin-left:-550px; background:#fff;} /* 장바구니 담기 step1 - 담기한 상품 타이틀 */ #select_prds_list_title {width:100%;} #select_prds_list_title .round {width:100%; margin:0 auto;} #select_prds_list_title .title {position:relative; float:right; width:180px; height:47px; margin:-47px 0 0 0; background:no-repeat center bottom; text-align:center; cursor:pointer;} #select_prds_list_title .off {background-image:url('/template/image/shop/list/cart_open.png');} #select_prds_list_title .on {background-image:url('/template/image/shop/list/cart_close.png');} /* 장바구니 담기 step1 - 담기한 상품 */ #select_prds_list {height:213px; padding:25px 24px; border:2px solid #464646; border-bottom:0; background:#fff;} #select_prds_list .round {width:100%;} /* 장바구니 담기 step1 - 담기한 상품 리스트 */ #select_prds_list .list {float:left; width:708px;} #select_prds_list .list .tbl {width:704px; border:1px solid #e6e6e6; background:#fff;} #select_prds_list .list thead {display:none;} #select_prds_list .list tbody {overflow-y:scroll; overflow-x:hidden; float:left; width:708px; height:199px;} #select_prds_list .list tbody td {height:39px; border-bottom:1px solid #e6e6e6; color:#464646; font-size:14px; text-align:center; vertical-align:middle;} #select_prds_list .list tbody td .buy_ea {display:inline-block; position:relative; width:80px; height:19px; border:1px solid #e6e6e6;} #select_prds_list .list tbody td .buy_ea .input_ea_cart {width:40px; height:19px; margin:0 19px; padding:0; border:solid #e6e6e6; border-width:0 1px; color:#222; font-size:12px; font-weight:bold; line-height:19px; text-align:center;} #select_prds_list .list tbody td .buy_ea a.up {display:block; position:absolute; top:0; right:0; width:19px; height:19px; background:url('/template/image/shop/list/btn_cart_up.gif') no-repeat center; cursor:pointer;} #select_prds_list .list tbody td .buy_ea a.down {display:block; position:absolute; top:0; left:0; width:19px; height:19px; background:url('/template/image/shop/list/btn_cart_down.gif') no-repeat center; cursor:pointer;} #select_prds_list .list .cell1 {width:403px; padding-left:22px; text-align:left;} #select_prds_list .list .cell1red {color:red;} #select_prds_list .list .cell2 {width:145px;} #select_prds_list .list .cell3 {width:100px; color:#222;} #select_prds_list .list .cell4 {width:41px;} /* 장바구니 담기 step1 - 담기한 상품 가격, 버튼 */ #select_prds_list .total {float:right; width:302px; height:199px;} #select_prds_list .total .tbl {width:100%; margin-top:6px;} #select_prds_list .total th {padding:8px 0 9px; color:#464646; font-size:14px; text-align:left; vertical-align:middle;} #select_prds_list .total td {padding:8px 0 9px; color:#222; font-size:14px; font-weight:bold; text-align:right; vertical-align:middle;} #select_prds_list .total td span {color:inherit; font-size:16px; font-weight:inherit;} #select_prds_list .total td.delivery {padding:0 0 11px; color:#999; font-size:12px; font-weight:normal;} #select_prds_list .total td.total_price {padding:5px 0; font-size:16px;} #select_prds_list .total td.total_price span {color:#222; font-size:23px;} #select_subscription_tabs {padding-top:11px;} #select_subscription_tabs li {float:right;} #select_subscription_tabs li.selected {float:left;} /* 장바구니 담기 step2 - 정기배송 */ .select_subscription {width:1096px; margin-top:-2px; border:2px solid #464646; border-top:1px solid #e6e6e6; border-bottom:0; background:#f8f8f8;} .select_subscription .round {overflow:hidden; height:168px; padding:25px 24px;} /* 장바구니 담기 step2 - 배송선택, 버튼 */ .select_subscription .list1 {float:left; width:517px;} .select_subscription .list1 dl {overflow:hidden; margin-bottom:12px; border:1px solid #e6e6e6; background:#fff;} .select_subscription .list1 dl dt {float:left; width:127px; height:47px; padding-left:23px; color:#464646; font-size:14px; font-weight:bold; line-height:47px;} .select_subscription .list1 dl dd {float:left; height:47px; line-height:47px;} .select_subscription .list1 dl dd input {height:47px; bottom:0; margin:0; border-color:#e6e6e6; vertical-align:top; cursor:pointer;} .select_subscription .list1 dl dd label {display:inline-block; *zoom:1; *display:inline; height:47px; padding:0 14px 0 7px; color:#464646; font-size:14px; line-height:47px; vertical-align:top; cursor:pointer;} .select_subscription .list1 dl.day dd label {padding-right:24px;} .select_subscription .list2 {float:right; width:517px;} .select_subscription .list2 dl {overflow:hidden; border:1px solid #e6e6e6; background:#fff;} .select_subscription .list2 dl dt {float:left; width:127px; height:47px; padding-left:23px; color:#464646; font-size:14px; font-weight:bold; line-height:47px;} .select_subscription .list2 dl dd {padding:6px 0;} .select_subscription .list2 dl dd input {width:150px; height:33px; padding:0 0 0 8px; border:1px solid #e6e6e6; background:url('/template/image/shop/list/bg_datepick.gif') no-repeat right center; color:#464646; font-size:14px; font-weight:bold; line-height:33px;} .select_subscription .list2 .delivery_msg {padding:13px 0 12px; border:1px solid #e6e6e6; border-top:0; background:#fcfcfc; color:#464646; font-size:13px; font-weight:bold; text-align:center;} .select_subscription .list2 .delivery_msg p {padding-top:2px; color:#75ac3c; font-size:15px; font-weight:bold; text-align:center;} .select_subscription .btn {clear:both; padding-top:8px; text-align:center;} /* 장바구니 담기 step3 - 정기배송 장바구니 담기 */ .calculate_print {width:1096px; margin-top:-2px; border:2px solid #464646; border-top:1px solid #e6e6e6; border-bottom:0;} .calculate_print .round {overflow:hidden; overflow:hidden; height:78px; padding:25px 24px;} .calculate_print .list {float:left; width:708px;} .calculate_print .list table {width:100%;} .calculate_print .list table td {padding:10px 0; border-left:1px solid #e6e6e6; text-align:center; vertical-align:middle;} .calculate_print .list table td:first-child {border-left:0;} .calculate_print .list table td p.title {padding-bottom:12px; color:#464646; font-size:14px;} .calculate_print .list table td p.price {color:#222; font-size:14px; font-weight:bold;} .calculate_print .list table td p.price span {color:inherit; font-size:18px; font-weight:inherit;} .calculate_print .list table td p.pay {color:#222; font-size:16px; font-weight:bold;} .calculate_print .list table td p.pay span {color:#ea2127; font-size:26px; font-weight:inherit;} .calculate_print .btn {float:right; padding-top:9px;} /* 상품상세(/template/shop/detail.php) */ #detail {padding-top:50px;} #detail .wrap_prd {position:relative;} #detail .wrap_prd:after {display:block; clear:both; content:'';} #detail .wrap_prd > .prdimg {float:left; width:550px;} #detail .wrap_prd > .prdimg .img {overflow:hidden; width:550px; height:550px; text-align:center;} #detail .wrap_prd > .prdimg .img img {width:550px; height:550px;} #detail .wrap_prd > .prdimg .addimg {margin:0 0 0 -13px;} #detail .wrap_prd > .prdimg .addimg:after {display:block; clear:both; content:'';} #detail .wrap_prd > .prdimg .addimg li {float:left; width:48px; height:48px; margin:10px 0 0 13px; border:1px solid #e6e6e6; cursor:pointer;} #detail .wrap_prd > .prdimg .addimg li.check {border:1px solid #105caa;} #detail .wrap_prd > .prdimg .addimg li img {max-width:48px; max-height:48px;} #detail .wrap_prd > .info {float:right; width:512px; padding-top:12px; text-align:left;} #detail .wrap_prd > .info > h3 {padding-bottom:10px; color:#222; font-size:30px; font-weight:bold;} #detail .wrap_prd > .info > h3 img {vertical-align:middle;} #detail .wrap_prd > .info > .price {position:relative; padding-bottom:20px; border-bottom:3px solid #464646; color:#ec2127; font-size:20px; font-weight:bold;} #detail .wrap_prd > .info > .price del {margin-right:8px; color:#a1a1a1; font-size:18px; font-weight:normal;} #detail .wrap_prd > .info > .price strong {color:#ec2127; font-size:28px;} #detail .wrap_prd > .info > .price .d_price {margin-top:8px; color:#ec2127; font-size:18px;} #detail .wrap_prd > .info > .price .d_price span {color:#a1a1a1; font-size:18px; font-weight:normal;} #detail .wrap_prd > .info > .price .d_price strong {font-size:20px;} #detail .wrap_prd > .info > .price .sns {position:absolute; bottom:13px; right:0; z-index:1;} #detail .wrap_prd > .info > .price .sns a {padding-left:3px;} #detail .wrap_prd > .info > .list_wrap {padding-top:9px;} #detail .wrap_prd > .info .impossible {padding-left:26px; height:51px; background:url('/template/image/shop/detail/impossible.gif') no-repeat left center; color:#464646; font-size:15px; line-height:51px;} #detail .wrap_prd > .info .impossible strong {color:inherit; font-size:inherit;} #detail .wrap_prd > .info .list {width:100%;} #detail .wrap_prd > .info .list th {padding:8px 0; color:#222; font-size:15px; font-weight:normal; text-align:left; vertical-align:middle;} #detail .wrap_prd > .info .list td {padding:8px 0; color:#666; font-size:15px; text-align:left; vertical-align:middle;} #detail .wrap_prd > .info .list td span {color:#999; font-size:inherit;} #detail .wrap_prd > .info .qty {position:relative; width:80px; height:19px; border:1px solid #e6e6e6;} #detail .wrap_prd > .info .qty input {width:40px; height:19px; margin:0 19px; padding:0; border:solid #e6e6e6; border-width:0 1px; color:#222; font-weight:bold; line-height:19px; text-align:center;} #detail .wrap_prd > .info .qty .up {position:absolute; right:0; top:0; z-index:1;} #detail .wrap_prd > .info .qty .down {position:absolute; left:0; top:0; z-index:1;} #detail .wrap_prd > .info .btn {padding:22px 0 24px;} #detail .wrap_prd > .info .btn a {cursor:pointer;} #detail .wrap_prd > .info .btn .n_check {margin-top:6px; text-align:right;} #detail .wrap_prd > .info .box {position:relative;} #detail .wrap_prd > .info .box dl.intro {padding:20px 29px; background:#f8f8f8; text-align:left;} #detail .wrap_prd > .info .box dl.intro dt {display:inline-block; height:19px; margin-bottom:7px; padding-right:25px; background:url('/template/image/shop/detail/bg_q.png') no-repeat right center; color:#464646; font-size:14px; font-weight:bold; line-height:19px;} #detail .wrap_prd > .info .box dl.intro dd {color:#898989; font-size:14px; line-height:1.6;} #detail .wrap_prd > .info .box dl.intro dd.btn {padding:6px 0 23px;} #detail .wrap_prd > .info .box dl.intro dd.msg strong {color:#105caa; font-size:inherit;} #detail .wrap_prd > .info .box dl.intro dd.msg span {color:#666; font-size:inherit; font-weight:bold;} #detail .wrap_prd > .info .box .card {position:relative; width:100%; margin:24px auto 0; text-align:left;} #detail .wrap_prd > .info .box .card .benefit {display:block; height:38px; padding:0 22px; border:solid #e6e6e6; border-width:1px 0; background:url('/template/image/shop/detail/bullet_open.gif') no-repeat right 26px center; color:#666; font-size:14px; line-height:38px; cursor:pointer;} #detail .wrap_prd > .info .box .card .over {background:url('/template/image/shop/detail/bullet_close.gif') no-repeat right 26px center;} #detail .wrap_prd > .info .box .card .cart_content {display:none; position:absolute; right:0; top:38px; z-index:20; width:100%; padding:20px 0; border:1px solid #e6e6e6; background:#fff; text-align:center;} #detail .wrap_prd > .info .buy_layer {position:absolute; right:0; top:88px; z-index:10; width:512px;} #detail #totPrcLyr {width:100%; margin:0 auto; padding:4px; border:1px solid #e6e6e6; border-top:0; background:#fff; text-align:right; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #detail #totPrcLyr .number {color:#ee363f; font-size:20px; font-weight:bold;} #detail .select_subscription_detail {display:none; width:450px; margin:0 auto; padding:6px 30px 29px; border:1px solid #e6e6e6; background:#fff;} #detail .select_subscription_detail table {width:100%;} #detail .select_subscription_detail th {padding:15px 0; border-bottom:1px solid #e6e6e6; color:#464646; font-size:14px; font-weight:bold; text-align:left; vertical-align:middle;} #detail .select_subscription_detail td {padding:15px 0; border-bottom:1px solid #e6e6e6; color:#464646; font-size:14px; text-align:left; vertical-align:middle;} #detail .select_subscription_detail td .delivery_interval li {float:left; text-align:left;} #detail .select_subscription_detail td .delivery_interval li input {margin:0;} #detail .select_subscription_detail td .delivery_interval li label {padding:0 15px 0 4px; color:#464646; font-size:14px; cursor:pointer;} #detail .select_subscription_detail td .week_day li {float:left; text-align:left;} #detail .select_subscription_detail td .week_day li input {margin:0;} #detail .select_subscription_detail td .week_day li label {padding:0 26px 0 6px; color:#464646; font-size:14px; cursor:pointer;} #detail .select_subscription_detail td.date {padding:25px 0;} #detail .select_subscription_detail td .datepicker {width:106px; height:33px; padding:0 42px 0 8px; border:1px solid #e6e6e6; background:url('/template/image/shop/detail/bg_datepicker.gif') no-repeat right top; color:#464646; font-size:14px; font-weight:bold; line-height:33px;} #detail .select_subscription_detail .btn_calculate {overflow:hidden; position:relative; top:-1px; background:#fff;} #detail .select_subscription_detail .btn_calculate span {float:right; cursor:pointer;} #detail .select_subscription_detail .btn_calculate span:first-child {float:left;} #detail .calculate_print_detail {position:relative; top:-1px;} #detail .calculate_print_detail .frame {padding:18px 31px 29px; border:1px solid #e6e6e6; background:#f8f8f8;} #detail .calculate_print_detail table {width:450px; margin:0 auto;} #detail .calculate_print_detail table th {padding:11px 0 9px; color:#464646; font-size:14px; font-weight:bold; text-align:left; vertical-align:top;} #detail .calculate_print_detail table td {padding:10px 0; color:#464646; font-size:14px; font-weight:bold; text-align:left; vertical-align:top;} #detail .calculate_print_detail table td * {color:#464646; font-weight:inherit;} #detail .calculate_print_detail table td .etc {padding-top:4px; color:#75ac3c; font-size:15px;} #detail .calculate_print_detail table td .total_price {color:#e41f29; font-size:16px;} #detail .calculate_print_detail .btn_delivery_cart {padding-top:17px; text-align:center; cursor:pointer;} #detail .table_opt {clear:both; width:90%; margin:0 auto; border:1px solid #ccc; background:#edede9;} #detail .table_opt td {padding:4px 0; vertical-align:middle;} #detail .table_opt td.left {padding-left:4px; text-align:left;}#detail .related .title {padding:20px 0; font-size:20px; text-align:left;} #detail .couponlist {overflow:hidden; margin-top:20px; border-left:1px solid #dcdcdc;} #detail .couponlist li {float:left; width:468px; height:63px; padding:22px 40px; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; text-align:left;} #detail .couponlist li .img {float:left; width:150px; height:63px; text-align:left;} #detail .couponlist li .img img {max-width:150px; max-height:63px;} #detail .couponlist li .name {float:left; width:180px; padding:20px 15px 0 15px; color:#000; font-weight:bold;} #detail .couponlist li .name span {display:block; color:#777; font-size:11px; font-weight:normal;} #detail .couponlist li .btn {float:left; padding-top:14px; vertical-align:top;} #detail .detailinfo .tab {clear:both; width:100%; height:40px; margin:50px 0 46px; border:1px solid #d6d6d6; border-bottom:1px solid #464646;} #detail .detailinfo .tab ul:after {display:block; clear:both; content:'';} #detail .detailinfo .tab ul li {float:left; position:relative; width:25%; height:40px;} #detail .detailinfo .tab ul li:after {display:block; content:''; position:absolute; top:0; left:0; z-index:1; width:1px; height:100%; background:#d6d6d6;} #detail .detailinfo .tab ul li:first-child:after {display:none;} #detail .detailinfo .tab ul li a {display:block; height:40px; background:#f8f8f8; color:#666; font-size:14px; line-height:40px; cursor:pointer;} #detail .detailinfo .tab ul li a.over {position:absolute; top:-1px; left:0; z-index:5; width:100%; height:41px; border:1px solid #464646; border-bottom:0; background:#fff; color:#464646; line-height:41px;} /* 주문서(/shop/order.php) */ #order .table_row caption, #order .table_row2 caption, #order .table_col caption, #order .box_agree h3 {height:71px; margin-top:20px; color:#464646; font-size:23px; font-weight:bold; line-height:71px; text-align:left;} #order .table_col caption.first {margin-top:25px;} #order .box_agree {margin-top:15px; text-align:left;} #order .box_agree iframe {width:99%; border:1px solid #dedfde;} #order .box_agree .privacy_agree {width:99%; margin:0 auto; padding-top:10px; text-align:right;} #order .box_agree .privacy_agree {color:#464646; font-size:11px; text-align:right; letter-spacing:-1px;} #order .box_agree .privacy_agree label {color:#464646; font-size:11px; text-align:right; letter-spacing:-1px; cursor:pointer;} #order .order_info {margin-top:45px; padding-top:46px; border-top:1px solid #e6e6e6; text-align:left;} #order .order_info:after {display:block; clear:both; content:'';} #order .order_info h4 {height:49px; color:#464646; font-size:20px; font-weight:bold; line-height:49px;} #order .order_info .left {float:left; width:624px;} #order .order_info .paytype {padding-top:21px;} #order .order_info .paytype .table_row2 {border-bottom:1px solid #e6e6e6;} #order .order_info .paytype .table_row2 th {padding-left:23px;} #order .order_info .paytype .table_row2 td {padding:20px 0;} #order .order_info .paytype .table_row2 td.pay_check input {margin:0; bottom:-1px;} #order .order_info .paytype .table_row2 td.pay_check p, #order .order_info .paytype .table_row2 td.pay_check div {padding:4px 0; color:#464646; font-size:14px;} #order .order_info .paytype .table_row2 td.pay_check span.msg {color:#999; font-size:13px;} #order .order_info .right {float:right; width:447px;} #order .table_price2 {border-top:2px solid #464646;} #order .btn {padding-top:40px;} #order .btn .box_btn {margin:0 2px;} #order .btn #order1 {padding:10px; text-align:right;} #order .btn #order2 {width:400px; margin-top:20px; padding:10px; border:1px solid #a0a0a0; border-radius:5px; text-align:center; margin:0 auto; background:#fcfcfc;} #order .btn #order2 p {padding-bottom:10px;} /* 주문서 내 쿠폰 팝업(/shop/select_coupon.frm.php) */ #layer_cpn {padding:20px;} #layer_cpn .btn_apply {padding-bottom:10px; text-align:right;} #layer_cpn .discount {padding:20px 0; text-align:center; border-bottom:1px solid #dbdbdb; background:#fcfcfc;} #layer_cpn .discount span {font-weight:bold;} #layer_cpn .btn {padding:20px 0; text-align:center;} /* 주문완료(/shop/order_finish.php) */ #orderFinish {overflow:hidden;} #orderFinish .box_fin .msg {padding-top:140px; background:url('/template/image/shop/icon_orderfin.gif') no-repeat center top;} #orderFinish .box_fin .msg2 {padding-top:20px; color:#464646; font-size:14px; line-height:1.5;} #orderFinish .box_fin .msg2 strong {color:inherit; font-size:inherit;} #orderFinish .box_fin .account {width:598px; height:81px; margin:45px auto 0; border:1px solid #e6e6e6; background:#fff; color:#000; font-size:15px; font-weight:bold; text-align:center; line-height:81px;} #orderFinish .msg_btn {margin-top:49px; padding-top:20px; border-top:1px solid #e6e6e6;} #orderFinish .info_guest {margin-bottom:50px; text-align:left; color:#999; font-size:14px;} #orderFinish .btn {text-align:right;} /* 상품검색결과(/shop/search_result.php) */ #search_result .box_search {position:relative; padding:40px 38px; background:#f8f8f8; text-align:left;} #search_result .box_search .research {position:absolute; right:40px; top:50%; margin-top:-20px;} #search_result .box_search .research .wrap_input {display:inline-block; *display:inline; *zoom:1; position:relative;} #search_result .box_search .research .input {width:400px; height:40px; padding:0 10px; border:1px solid #e6e6e6; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; line-height:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #search_result .box_search .research .btn {position:absolute; right:13px; top:50%; margin-top:-9.5px;} #search_result .box_search .research label {padding-left:5px; color:#666; font-size:14px;} #search_result .box_search .total, #search_result .box_search .total * {color:#666; font-size:16px;} #search_result .box_search .total .search_str {color:#105ca8; font-size:20px;} #search_result .box_search .total .search_count {color:#135ca9; font-size:16px;} #search_result .sort {clear:both; margin:49px 0 19px;} #search_result .sort:after {display:block; clear:both; content:'';} #search_result .sort ul {float:right;} #search_result .sort ul:after {display:block; clear:both; content:'';} #search_result .sort ul li {float:left; padding-left:9px;} #search_result .sort ul li a {display:inline-block; *display:inline; *zoom:1; padding:6px 30px 6px 10px; border:1px solid #d9d9d9; border-radius:5px; background:url('/template/image/shop/bullet_sort.gif') no-repeat 90% 10px; color:#666; font-size:11px; text-align:left;} /*/////////////////////////////////////////////////////////////////////////////////// // // 마이페이지 // ///////////////////////////////////////////////////////////////////////////////////*/ /* 회원정보 및 탭메뉴 */ #mypage_info .box_info {border:1px solid #e6e6e6; text-align:left;} #mypage_info .box_info:after {display:block; clear:both; content:'';} #mypage_info .box_info .grade {float:left; width:669px;} #mypage_info .box_info .grade .member_icon {float:left; padding:40px 51px 40px 61px;} #mypage_info .box_info .grade .member_icon img {max-width:95px;} #mypage_info .box_info .grade .member_txt {float:left; width:462px; color:#464646; font-size:15px; line-height:27px;} #mypage_info .box_info .grade .member_txt strong {display:block; padding:45px 0 19px; color:#222; font-size:26px;} #mypage_info .box_info .grade .member_txt span {color:#eab603; font-size:20px; font-weight:bold;} #mypage_info .box_info .grade .member_txt a {display:inline-block; *display:inline; *zoom:1; position:relative; padding-bottom:3px; color:#999;} #mypage_info .box_info .grade .member_txt a:after {display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#999; content:'';} #mypage_info .box_info .menu {float:right; width:428px; border-left:1px solid #e6e6e6; background:#f8f8f8; font-size:0; text-align:center;} #mypage_info .box_info .menu li {display:inline-block; *display:inline; *zoom:1; width:33.33%; padding:52px 0 56px;} #mypage_info .box_info .menu li .txt {display:inline-block; *display:inline; *zoom:1; position:relative; padding-right:12px; color:#464646; font-size:14px; font-weight:bold;} #mypage_info .box_info .menu li .txt:after {display:block; position:absolute; right:0; top:50%; margin-top:-6px; color:#5d5d5d; font-size:8px; content:'>';} #mypage_info .box_info .menu li .count {padding-top:30px; color:#222; font-size:15px;} #mypage_info .box_info .menu li .count strong {color:#105caa; font-size:30px;} #mypage_info .tab_mypage {margin:50px 0;} #mypage_info .tab_mypage ul {display:table; table-layout:fixed; border-collapse:collapse; width:100%;} #mypage_info .tab_mypage ul li {display:table-cell; width:11.11%; border:1px solid #e6e6e6; background:#fff;} #mypage_info .tab_mypage ul li a {display:block; height:38px; color:#666; font-size:14px; line-height:38px;} #mypage_info .tab_mypage ul li.on {border:1px solid #464646; background:#464646;} #mypage_info .tab_mypage ul li.on a {color:#fff; font-weight:bold;} /* 주문조회리스트 - 정기배송(/mypage/order_subscription_list.php & /mypage/order_subscription_line_list.php) */ #order_subscription .tab_sub {width:100%; margin-bottom:48px; padding:36px 0 40px; background:#f8f8f8; text-align:center;} #order_subscription .tab_sub li {display:inline; padding:0 33px;} #order_subscription .tab_sub li label {color:#464646; font-size:15px;} #order_subscription .tab_sub li.select label {font-weight:bold;} /* 주문상세조회(/mypage/order_detail.php) */ #order_detail .ordno {text-align:left;} #order_detail .ordno * {font-family:'dotum';} #order_detail .table_col, #order_detail .table_row {margin-top:20px;} #order_detail .table_row th {padding-left:30px; color:#231f20; font-weight:bold;} #order_detail .btn {padding:20px 0; text-align:center;} #order_detail .btn .box_btn {margin:0 2px;} #order_detail .btn .box_btn a {width:160px;} /* 위시리스트(/mypage/wish_list.php) */ #wish_list .btn {position:relative;} #wish_list .btn .btn_del {position:absolute; left:0; top:0;} /* 쿠폰조회(/mypage/coupon_down_list.php) */ #coupon_list .birthday {padding:10px 0; text-align:left;} #coupon_list .birthday h4 {padding-bottom:10px;} #coupon_list .birthday ul li {float:left; margin:0 10px 10px 0; padding:10px; border:1px solid #ccc;} #coupon_list .birthday ul li p {padding:5px 0; text-align:center;} #coupon_list .cpn_input {clear:both; margin-bottom:20px; padding:29px 0 28px; background:#f5f5f5;} #coupon_list .cpn_input strong {color:#303030; font-size:14px;} #coupon_list .cpn_input .input {width:236px;} #coupon_list .cpn_input input {vertical-align:middle;} #coupon_list .cpn_input .box_btn_small input {width:60px; margin-top:1px; border:0; background:#616161; color:#fff; font-weight:bold;} /* 회원탈퇴(/mypage/withdraw_step1.php) */ #draw .table_row td textarea {width:97%;} #draw .btn {margin-top:26px;} /* 출석체크(/mypage/attend.php) */ #attend #attend_items {width:100%; margin:10px 0;} #attend #attend_content { margin:0 auto; text-align:center;} #attend .btn_attend {padding:20px 0; text-align:center;} #attend .comment_write .box {float:left; width:89%;} #attend .comment_write .box textarea {width:100%; height:78px; border:1px solid #ccc;} #attend .comment_write .box .attend_guest {width:100%; height:78px; border:1px solid #ccc; color:#aaa; line-height:78px;} #attend .comment_write .btn {float:right; text-align:right;} #attend .comment_write .btn img {display:block; padding-bottom:5px;} #attend .total {clear:both; padding:20px 0 10px; text-align:left;} /* 출석체크 달력(/mypage/attend_list.frm.php) */ #attend_list .today {padding:15px 0 5px 0; text-align:center;} #attend_list .today img {vertical-align:middle; cursor:pointer;} #attend_list .config {margin:10px; padding:10px; border:1px solid #515151; text-align:center;} #attend_list .config .input {width:40px; text-align:right;} #attend_list .calendar {width:96%; margin:0 auto; border-top:1px solid #000; border-left:1px solid #000;} #attend_list .calendar caption {display:none;} #attend_list .calendar thead th {padding:5px 0 5px 0; border-bottom:1px solid #000; border-right:1px solid #000; color:#fff; font-size:11px; font-weight:normal; text-align:center; background:#515151;} #attend_list .calendar thead th.sun {color:#ff7820;} #attend_list .calendar tbody td {height:50px; padding:5px; border-bottom:1px solid #000; border-right:1px solid #000; font-size:11px; text-align:right;} #attend_list .calendar .attenY {background:url('/template/image/mypage/attend/attend_Y.jpg') no-repeat center center;} #attend_list .calendar .attenN {background:url('/template/image/mypage/attend/attend_N.jpg') no-repeat center center;} #attend_list .calendar .attenR {background:url('/template/image/mypage/attend/attend_R.jpg') no-repeat center center;} #attend_list .btn {padding:20px 0; text-align:center;} /* 주문변경 (/mypage/order_change.php) */ #ord_chg {clear:both; text-align:left;} #ord_chg .tab {width:100%; height:30px; border-bottom:1px solid #bbb;} #ord_chg .tab li {float:left; padding-right:10px;} #ord_chg h4 { padding:10px 0 10px 0;} #ord_chg h4 img {vertical-align:middle;} #ord_chg h4 span {font-weight:normal;} #ord_chg .box_step {padding-bottom:30px;} #ord_chg .box_step .btn {padding:10px 0;text-align:center;} #ord_chg .step2 {display:none;} #ord_chg .step3 {display:none;} #ord_chg .step4 {display:none;} #ord_chg .table_col td.page {border:0;} #ord_chg .table_col td table th {padding:5px; border:1px solid #ccc;} #ord_chg .table_col td table td {padding:5px; border:1px solid #ccc; vertical-align:middle;} #ord_chg .table_col td table td span {text-align:right;} #ord_chg .table_row td.left {padding-left:15px; text-align:left; } #ord_chg .table_row td p.import {padding:10px 0 5px 18px; font-weight:bold;} #ord_chg .table_row td p.info {padding:10px 0; font-weight:bold;} #ord_chg .table_row td .u_num {padding-left:50px;} #ord_chg .table_row td table th {padding:30px 0; border:1px solid #ccc; vertical-align:middle;} #ord_chg .table_row td table td {border:1px solid #ccc; vertical-align:middle;} #ord_chg .btn_ordchg {text-align:left;} /* 주문변경 팝업(/mypage/order_change_pop.frm.php) */ .exchange_pop {position:relative; padding:20px; background:#fff;} .exchange_pop .close {position:absolute; right:10px; top:10px;} .exchange_pop .close a {font-size:14px; font-weight:bold;} .exchange_pop .tab {text-align:center;} .exchange_pop .tab a {margin:0 5px;} .exchange_pop .tab .over {color:#000; background:#fff;} .exchange_pop .total {padding:10px; text-align:left;} .exchange_pop .btn {padding:10px 0; text-align:center;} /* 회원정보수정 step1(/member/eidt_step1.php) */ #edit_pw .box_fin {margin:0; padding:0; border:1px solid #f8f8f8; background:#f8f8f8;} #edit_pw .box_fin .msg {padding:47px 0 18px; color:#464646; font-size:23px; font-weight:bold;} #edit_pw .box_fin .msg2 {padding:0; color:#464646; font-family:'NanumGothicWeb'; font-size:15px; line-height:25px;} #edit_pw .box_fin .pw_confirm {padding:45px 0 49px;} #edit_pw .box_fin .pw_confirm .input {width:300px; height:40px; padding:0 10px; border:1px solid #e6e6e6; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; line-height:38px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /*/////////////////////////////////////////////////////////////////////////////////// // // 회원 // ///////////////////////////////////////////////////////////////////////////////////*/ /* 로그인 (/member/login.php) & 아이디,비밀번호찾기 (/member/find_step1.php) */ .box_member {position:relative; width:570px; margin:0 auto; padding:0 68px 50px 60px; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .box_member h3 {padding:85px 0 78px; color:#222; font-size:28px;} .box_member h3 p {padding-top:19px; color:#464646; font-size:16px; font-weight:normal;} .box_member .member_tab {margin-bottom:30px;} .box_member .member_tab:after {display:block; clear:both; content:'';} .box_member .member_tab li {float:left; width:50%; height:54px; border:1px solid #d9d9d9; border-bottom:2px solid #105caa; background:#fff; color:#666; font-size:16px; font-weight:bold; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; line-height:51px; cursor:pointer;} .box_member .member_tab li.active {border-color:#105caa; background:#105caa; color:#fff;} .box_member .member_form {position:relative;} .box_member .warning {position:absolute; left:0; top:-20px; color:#af2952; text-align:center;} .box_member fieldset {text-align:left;} .box_member fieldset legend {padding:27px 0 17px 0; color:#000; font-size:16px; font-weight:bold; letter-spacing:-1px;} .box_member fieldset legend span {display:block; padding-top:8px; color:#777; font-size:11px; font-weight:normal;} .box_member fieldset .box_form {position:relative; padding-right:114px;} .box_member fieldset .box_form p {position:relative; margin-bottom:7px;} .box_member fieldset .box_form p label {position:absolute; left:0; top:0; height:50px; padding:0 15px; color:#999; font-size:14px; line-height:50px;} .box_member fieldset .box_form .input {width:329px; height:50px; padding:0 10px; border:1px solid #d1d1d1; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .box_member fieldset .box_form .box_btn {position:absolute; right:0; top:0;} .box_member fieldset .box_form .box_btn * {cursor:pointer;} .box_member fieldset .savessl {margin:17px 0 19px; font-size:0;} .box_member fieldset .savessl p, .box_member fieldset .savessl p * {color:#666; font-size:13px;} .box_member fieldset .savessl p {display:inline-block; *display:inline; *zoom:1; position:relative; padding:0 18px 0 19px;} .box_member fieldset .savessl p:after {display:block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background:#e6e6e6; content:'';} .box_member fieldset .savessl p:first-child {padding-left:0;} .box_member fieldset .savessl p:first-child:after {display:none;} .box_member .btn_sns .box_btn {margin-bottom:7px;} .box_member .btn_sns .box_btn.facebook * {border:1px solid #4267b2; background:#4267b2; color:#fff !important;} .box_member .btn_sns .box_btn.kakao * {border:1px solid #f9e000; background:#f9e000; color:#3b1f1e;} .box_member .join {margin-top:30px; border-top:1px solid #e6e6e6;} .box_member .join p {padding:30px 0 20px; color:#666; font-size:16px; font-weight:bold;} .box_member .msg {padding-top:17px; text-align:left;} .box_member .msg p {position:relative; padding-left:6px; color:#666; line-height:22px; letter-spacing:-0.5px;} .box_member .msg p:after {display:block; position:absolute; left:0; top:11px; width:1px; height:1px; background:#666; content:'';} /* 아이디 비밀번호 찾기(/member/find_step1.php) */ #find .box_member fieldset .way {position:absolute; right:0; top:-36px; color:#000; font-size:11px;} #find .box_member fieldset .way label {color:#000; font-size:11px;} /* 회원가입 스텝 */ ol.join_step {margin-bottom:50px; border:1px solid #e6e6e6;} ol.join_step:after {display:block; clear:both; content:'';} ol.join_step li, ol.join_step li * {height:48px; color:#666; line-height:48px;} ol.join_step li {position:relative; float:left; width:33.33%; padding:0 19px; font-size:16px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} ol.join_step li:before {display:block; position:absolute; left:0; top:0; width:19px; height:48px; background:url('/template/image/member/join/join_step.png') no-repeat left center; content:'';} ol.join_step li:first-child:before {display:none;} ol.join_step li.last.active:after {display:none;} ol.join_step li .number {font-size:18px; font-weight:bold;} ol.join_step li.active {background:#105caa;} ol.join_step li.active, ol.join_step li.active * {color:#fff !important;} ol.join_step li.active:after {display:block; position:absolute; right:-19px; top:0; z-index:5; width:19px; height:48px; background:url('/template/image/member/join/join_step_active.png') no-repeat right center; content:'';} /* 회원가입 약관동의(/member/join_step1.php) */ #join_agree {width:100%;} #join_agree h3 {margin-bottom:40px; padding:50px 0 27px; border-bottom:2px solid #666; color:#464646; font-size:23px; text-align:left;} #join_agree .join_uselaw h3 {padding-top:0;} #join_agree .join_user h3 {margin-bottom:0;} #join_agree .framebox {height:300px;} #join_agree .join_privacy .framebox {height:auto; border:0;} #join_agree .join_privacy #privacy {padding:0; border:0;} #join_agree .join_privacy #privacy .tb_join_form {width:100% !important;} #join_agree .check {margin-top:19px; text-align:right;} #join_agree .check label {color:#222; font-size:14px; text-align:right;} #join_agree .confirm {padding:35px 0 52px; background:#f8f8f8;} #join_agree .confirm table {width:590px; margin:0 auto;} #join_agree .confirm table th {padding:5px 0; color:#464646; font-size:14px; text-align:left; vertical-align:middle;} #join_agree .confirm table td {padding:5px 0; text-align:left; vertical-align:middle;} #join_agree .confirm table td span {padding:0 3px; color:#999; font-size:14px;} #join_agree .confirm table td .input {height:40px; padding:0 10px; border:1px solid #e6e6e6; line-height:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #join_agree .confirm table td .input_name {width:374px;} #join_agree .confirm table td .input_email {width:178px;} #join_agree .confirm table td select {width:117px; height:40px; padding:0 5px; border:1px solid #e6e6e6; color:#999; font-size:13px; line-height:40px; vertical-align:bottom;} #join_agree .btn_col {width:510px; margin:50px auto 42px;} #join_agree .btn_col .box_btn * {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /* 회원가입 정보입력(/member/join_frm.php) */ #join_input fieldset {padding-bottom:50px; border-bottom:1px solid #e6e6e6;} #join_input .table_row {border-top:0;} #join_input .table_row caption {margin-bottom:21px; padding-bottom:24px; border-bottom:2px solid #666; color:#464646; font-size:23px; font-weight:bold;} #join_input .table_row th, #join_input .table_row th * {color:#464646; font-family:'NanumGothicWeb'; font-size:14px; font-weight:normal;} #join_input .table_row th {padding:5px 0 5px 7px; border:0; background:#fff; text-align:left; vertical-align:middle;} #join_input .table_row td, #join_input .table_row td * {color:#999; font-family:'NanumGothicWeb'; font-size:13px;} #join_input .table_row td {height:40px; padding:5px 0; border:0; vertical-align:middle;} #join_input .table_row td label {color:#464646; font-size:14px;} #join_input .table_row td .msg {padding-left:10px;} #join_input .table_row td .alert {padding-left:10px; color:#eb222a !important;} #join_input .table_row td .input {width:178px; height:40px; padding:0 10px; border:1px solid #e6e6e6; line-height:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #join_input .table_row td #cell1, #join_input .table_row td #cell2, #join_input .table_row td #cell3 {width:83px;} #join_input .table_row td .input_email, #join_input .table_row td .input_name {background:#eee;} #join_input .table_row td .input_file, #join_input .table_row td .input_address {width:420px;} #join_input .table_row td .add_mid {padding:3px 0;} #join_input .table_row td select {height:40px; padding:0 5px; border:1px solid #e6e6e6; line-height:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #join_input .table_row td img {vertical-align:middle;} #join_input .btn_col {width:510px; margin:50px auto 42px;} #join_input .btn_col .box_btn * {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #join_input .title_part {border-bottom:2px solid #666;} /* 회원가입 가입완료(/member/join_step3.php) */ #join_fin .box_fin {margin:0; padding:50px 0 57px; background:#f8f8f8;} #join_fin .box_fin .msg {padding-top:140px; background:url('/template/image/member/join/join_finish.png') no-repeat top center; color:#105caa; font-size:23px; font-weight:bold;} #join_fin .box_fin .msg2, #join_fin .box_fin .msg2 * {color:#464646; font-family:'NanumGothicWeb'; font-size:15px; line-height:25px;} #join_fin .box_fin .msg2 {padding-top:25px;} #join_fin .box_fin .msg2 strong {color:#222;} #join_fin .box_btn {margin:50px 0 42px;} /*/////////////////////////////////////////////////////////////////////////////////// // // 추가페이지 // ///////////////////////////////////////////////////////////////////////////////////*/ /* 약관내용 박스(회원가입1단계, 각 약관페이지) */ .framebox {overflow-y:auto; height:180px; background:#fff; border:1px solid #ddd; text-align:left;} .framebox * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;} /* 배송지역이용안내(/content/guide.php) */ #guide h3 {padding-bottom:25px; border-bottom:2px solid #666; color:#464646; font-size:23px; font-weight:bold; line-height:1; text-align:left;} #guide .box0 {padding-bottom:80px; text-align:center;} #guide .box0 .logo {padding:49px 0 44px;} #guide .box0 .des {padding-bottom:74px; color:#464646; font-size:16px; line-height:1.7;} #guide .box0 .des strong {color:inherit; font-size:inherit;} #guide .box0 ul:after {display:block; clear:both; content:'';} #guide .box0 ul li {float:left; width:367px;} #guide .box0 ul li.center {width:366px;} #guide .box0 ul li .title {padding:20px 0 14px; color:#464646; font-size:16px;} #guide .box0 ul li .summary {color:#666; font-size:14px;} #guide .box1 > dl:after {display:block; clear:both; content:'';} #guide .box1 > dl > dt {padding:47px 0 32px 28px; background:url('/template/image/content/guide/bg_check.gif') no-repeat left 49px; color:#464646; font-size:18px; text-align:left;} #guide .box1 > dl > dd {width:545px; text-align:left;} #guide .box1 > dl > dd.left {float:left;} #guide .box1 > dl > dd.right {float:right;} #guide .box1 > dl > dd .inner {width:495px; height:250px; padding:24px; border:1px solid #e6e6e6;} #guide .box1 > dl > dd .inner.inner2 {height:245px;} #guide .box1 > dl > dd .inner.inner3 {height:auto;} #guide .box1 > dl > dd > .tab {display:inline-block; width:130px; height:42px; border-radius:2px 2px 0 0; color:#fff; font-size:18px; font-weight:bold; line-height:42px; text-align:center;} #guide .box1 > dl > dd.left .tab, #guide .box1 > dl > dd.left .how ol li .no {background:#ec2127;} #guide .box1 > dl > dd.right .tab, #guide .box1 > dl > dd.right .how ol li .no {background:#105ca8;} #guide .box1 > dl > dd .title {height:91px;color:#666; font-size:16px; line-height:1.8;} #guide .box1 > dl > dd .inner.inner3 .title {height:55px;} #guide .box1 > dl > dd .title strong {color:#464646; font-size:inherit; line-height:inherit;} #guide .box1 > dl > dd .title a, #guide .box1 > dl > dd .title span {color:inherit; font-size:inherit; font-weight:bold;} #guide .box1 > dl > dd .how .sub {padding:20px 0 16px; border-top:1px solid #e6e6e6; color:#464646; font-size:16px; font-weight:bold;} #guide .box1 > dl > dd .how ol li {padding-bottom:6px; color:#666; font-size:14px; line-height:17px;} #guide .box1 > dl > dd .how ol li:after {display:block; clear:both; content:'';} #guide .box1 > dl > dd .how ol li .no {display:inline-block; width:17px; height:17px; margin-right:7px; border-radius:100%; color:#fff; font-weight:bold; line-height:17px; text-align:center;} #guide .box1 > dl > dd.left .how ol li strong {color:#ec2127; font-size:inherit;} #guide .box1 > dl > dd.right .how ol li strong {color:#105ca8; font-size:inherit;} #guide .box1 > dl > dd .how ol li .btn_dawn {float:right;} /* 이용약관(/content/uselaw.php) */ #uselaw h2 {padding-bottom:5px; color:#666; font-size:14px;} #uselaw .txt {color:#666; font-size:13px; line-height:23px;} #uselaw ol {padding-left:10px;} #uselaw ol li {color:#666; font-size:13px; line-height:23px;} /* 개인정보취급방침(/content/privacy.php) */ #privacy {padding:20px; text-align:left;} #privacy dt {padding:3px 0 0 20px; font-weight:bold;} #privacy dd {padding:5px 0 10px 20px;} #privacy dd dl dt {padding:0 0 0 18px; font-weight:normal;} #privacy dd dl dd {padding:0 0 0 18px;} #privacy ul {padding:5px 0 5px 25px; list-style-type:disc;} /* 추가 스타일 */ #privacy h1 {font-size:18px;} #privacy h2 {padding:10px 0; font-size:14px;} #privacy h3 {padding:5px 0 10px; font-size:13px;} #privacy p {padding-top:5px;} #privacy table {table-layout:fixed; width:100%; text-align:center;} #privacy table caption {display:none;} #privacy table th, #privacy table td {padding:10px; border:1px solid #c6c6c6; vertical-align:middle;} /* 정기배송 박스(/content/delivery_box.php) */ #delivery_box {width:100%;} #delivery_box .visual {width:100%; height:300px; background:no-repeat center top;} #delivery_box .list li {margin-top:50px; border:1px solid #e6e6e6;} #delivery_box .list li:hover {border:1px solid #105caa;} #delivery_box .msg {margin-top:50px; padding-top:18px; border-top:1px solid #e6e6e6; color:#999; font-size:14px; text-align:left;} /* 정기배송 이용안내(/content/popup_guide.php) */ #popup_guide {width:885px; height:506px;} #popup_guide .step {width:704px; height:83px; margin:37px auto 48px; padding-left:150px; background:url('/template/image/content/popup_guide/bg_step.jpg') no-repeat left top;} #popup_guide .step li {float:left;} #popup_guide .content {width:826px; margin:0 auto;} /* 기획전(/content/special.php) */ #special .banner {padding:15px 0 25px;} #special ul {overflow:hidden;} #special ul li {position:relative; float:left; max-width:276px; max-height:275px; margin:0 0 19px -1px;} #special ul li img {border:1px solid #dcdcdc;} #special ul li.first {margin-left:0;} #special ul li.last {margin-left:-2px;} /* 제휴문의(/content/partner.php) */ #partner {text-align:left;} #partner .title_part {margin-bottom:20px; border-bottom:2px solid #666;} #partner .table_row {border-top:0;} #partner .table_row th {min-height:40px; padding:5.5px 0 5.5px 7px; border:0; background:#fff; line-height:40px; vertical-align:top;} #partner .table_row td {padding:5.5px 0; border:0; color:#999;} #partner .table_row td.kind span {padding-right:35px;} #partner .table_row td.address .box_btn {padding-left:17px;} #partner .table_row td .file {margin:10px 0 50px;} #partner .table_row td .input {width:178px; height:40px; padding:0 10px; border:1px solid #e6e6e6; line-height:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #partner .table_row td .addr {margin-top:11px;} #partner .table_row td .addr .input {width:269px !important;} #partner .table_row td select {width:83px; height:40px; padding:0 5px; border:1px solid #e6e6e6; line-height:40px;} #partner .table_row td.email select {width:117px; margin-left:5px;} #partner .table_row td textarea {width:542px !important; height:80px !important;} #partner .btn {padding:50px 0; border-top:1px solid #e6e6e6; text-align:center;} #partner .box_privacy {margin-bottom:50px;} #partner .box_privacy iframe {width:100%; height:352px;} /* 돌리버리 소개(/content/doleivery.php) */ #doleivery .msg {padding:35px 0; color:#606060; font-size:16px; text-align:left; letter-spacing:-1px; line-height:1.4;} #doleivery .msg strong {color:#606060; font-size:16px; letter-spacing:-1px; line-height:1.4;} #doleivery .box {overflow:hidden; padding:39px 0 47px; border:1px solid #eee;} #doleivery .box dl {float:left; width:33%; padding-top:230px; text-align:center;} #doleivery .box dl dt {color:#000; font-size:20px; font-weight:bold;} #doleivery .box dl dd {padding-top:16px; color:#606060; font-size:14px; line-height:1.4;} #doleivery .box .profession {background:url('/template/image/content/doleivery/bg_profession.jpg') no-repeat center top;} #doleivery .box .trust {height:100px; border-left:1px solid #eee; border-right:1px solid #eee; background:url('/template/image/content/doleivery/bg_trust.jpg') no-repeat center top;} #doleivery .box .service {background:url('/template/image/content/doleivery/bg_service.jpg') no-repeat center top;} /* 과일소개(/content/fruits.php) */ #fruits .als-container {position:relative; width:100%; margin:0px auto;} #fruits .als-viewport {position:relative; overflow:hidden; margin:0px auto;} #fruits .als-wrapper {position:relative; list-style:none;} #fruits .als-item {display:block; position:relative; float:left; margin:0px; min-width:165px; min-height:188px; text-align:center;} #fruits .als-item img {display:block; position:relative; width:165px; height:188px; vertical-align:middle; cursor:pointer;} #fruits .als-prev, #fruits .als-next {position:absolute; z-index:99; clear:both; cursor:pointer;} #fruits .als-prev {top:75px; left:14px;} #fruits .als-next {top:75px; right:14px;} /* 돌소개(/content/company.php) */ #company .banner {padding-bottom:20px;} #company .msg {padding:20px 0 50px; color:#606060; font-size:16px; text-align:left; letter-spacing:-1px; line-height:1.4;} #company table {width:100%; margin-bottom:50px; border-top:1px solid #e4e4e4;} #company table th {width:106px; padding:15px 0 15px 98px; border-bottom:1px solid #e4e4e4; color:#000; font-size:14px; text-align:left;} #company table th.name {background:url('/template/image/content/company/bg_list_name.gif') no-repeat 18px 4px;} #company table th.ceo {background:url('/template/image/content/company/bg_list_ceo.gif') no-repeat 18px 4px;} #company table th.incorporation {background:url('/template/image/content/company/bg_list_incorporation.gif') no-repeat 18px 4px;} #company table th.address {background:url('/template/image/content/company/bg_list_address.gif') no-repeat 18px 4px;} #company table th.category {background:url('/template/image/content/company/bg_list_category.gif') no-repeat 18px 4px;} #company table th.prd {background:url('/template/image/content/company/bg_list_prd.gif') no-repeat 18px 4px;} #company table th.partner {background:url('/template/image/content/company/bg_list_partner.gif') no-repeat 18px 4px;} #company table th.hp {background:url('/template/image/content/company/bg_list_hp.gif') no-repeat 18px 4px;} #company table td {padding:15px 0; border-bottom:1px solid #e4e4e4; color:#606060; font-size:14px; text-align:left; letter-spacing:-1px;} #company table td span {color:#4684b4; font-size:14px; letter-spacing:-1px;} #company .btn a {display:inline-block; margin:0; padding:2px 4px; border:1px solid #d3d3d3; border-radius:5px; background:#fbfbfb; color:#8a8a8a; font-family:'NanumGothicWeb' !important; font-weight:bold; font-size:14px; text-align:center; line-height:1.4; box-shadow:1px 2px 2px #f0f0f0; cursor:pointer;} /* 회원등급혜택(/content/benefit.php) */ #benefit .tbl_benefit {width:100%; border-top:2px solid #666; border-bottom:2px solid #7d7d7d;} #benefit .tbl_benefit caption {padding-bottom:25px; color:#464646; font-size:23px; font-weight:bold; line-height:1; text-align:left;} #benefit .tbl_benefit .hidden {display:none;} #benefit .tbl_benefit th {width:143px; padding:23px 0 23px 14px; border-bottom:1px solid #e6e6e6; background:#f8f8f8; color:#464646; font-size:16px; text-align:center; vertical-align:middle;} #benefit .tbl_benefit th p {color:#999; font-size:12px; font-weight:normal;} #benefit .tbl_benefit td {padding:24px 0; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; color:#666; font-size:14px; text-align:center; vertical-align:middle;} #benefit .tbl_benefit .coupon td {padding:28px 0 4px; vertical-align:top;} #benefit .tbl_benefit .coupon td div {width:155px; height:48px; margin:0 auto 24px; padding-top:10px; border:1px solid #e6e6e6; background:no-repeat right center; background-image:url('/template/image/content/benefit/coupon.gif'); color:#464646; font-size:16px; font-weight:bold; text-indent:-20px; cursor:pointer;} #benefit .tbl_benefit .coupon td div.used {background-image:url('/template/image/content/benefit/coupon2.gif');} #benefit .tbl_benefit .coupon td div strong.org {color:#f26522; font-size:17px;} #benefit .tbl_benefit .coupon td div strong.red {border:0; background:none; color:#eb2026; font-size:21px; letter-spacing:-2px;} #benefit .tbl_benefit .coupon td div span{display:block; margin-top:3px; color:#777777;} #benefit ul {padding:24px 0; text-align:left;} #benefit ul li {color:#666; font-size:14px; line-height:1.8;} /*/////////////////////////////////////////////////////////////////////////////////// // // 의문의 css // ///////////////////////////////////////////////////////////////////////////////////*/ /* 세트상품 선택 style */ #tmpCartParentLyr {width:100%;} #tmpCartParentLyr dl {overflow:hidden; clear:both; padding:5px 0; border-bottom:1px dotted #DDD;} #tmpCartParentLyr dl dt {float:left; clear:both; width:66%; padding:5px 0px 5px 0; vertical-align:middle; font-size:11px; text-align:left;} #tmpCartParentLyr dl dt div {padding-left:5px; font-size:11px; color:#828282} #tmpCartParentLyr dl dd {float:left; width:17%; text-align:right; vertical-align:middle;} #tmpCartParentLyr dl dd.list_num {float:right; text-align:right;} #tmpCartParentLyr dl dd.list_num .numbox {float:left; } #tmpCartParentLyr dl dd.list_num .numbox input {width:20px; height:14px; border:1px solid #ccc; vertical-align:middle;} #tmpCartParentLyr dl dd.list_num .list_btn {float:left; padding-left:5px;} #totPrcLyr {clear:both; } /* Layer Popup View */ /* popup_view*/ #popup_view { position: absolute; left :0; top: 0; width: 850px; z-index: 999; } #popup_view .big_section { background: none repeat scroll 0 0 #FFFFFF; border: 5px solid #ddd; height: auto !important; min-height: 500px; padding: 20px; } #popup_view .big_section .detail_top { padding-top: 0; } #popup_view .big_section .dtleft { width: 407px; } #popup_view .btn_x { position: absolute; right: 10px; top: 7px; } #popup_view .tit { height: 31px; padding: 8px 0 0 9px; } #popup_view .box01 { background: none repeat scroll 0 0 #FBFBFB; border: 1px solid #DEDEDE; font-weight: bold; padding: 23px 0; text-align: center; } #popup_view .box02 { background: none repeat scroll 0 0 #FBFBFB; border: 1px solid #DEDEDE; font-weight: bold; line-height: 140%; padding: 14px 0; text-align: center; } #popup_view .box02 span { font-weight: normal; } #popup_view .btn { margin-top: 20px; text-align: center; } #popup_view .bor_t { background: url("/template/image/bg/b_line04.gif") repeat-x scroll 0 0 transparent; margin: 0 auto; padding-top: 10px; width: 100%; } #popup_view p.bor_t02 { background: url("/template/image/bg/b_line04.gif") repeat-x scroll 0 0 transparent; height: 1px; margin-top: 10px; } #popup_view .auto_116 { height: 281px; overflow-x: hidden; overflow-y: auto; } #popup_view .auto_116 table { table-layout: fixed; width: 100%; } #popup_view .auto_116 tbody th { background: url("/template/image/bg/b_line03.gif") no-repeat scroll right center transparent; color: #ED1C24; font-size: 12px; font-weight: bold; padding-left: 8px; text-align: left; } #popup_view .auto_116 td { font-size: 11px; padding-left: 8px; text-align: left; } #popup_view .auto_116 td.middle { font-size: 12px; height: 240px; line-height: 16px; padding: 20px 0 0 30px; text-align: left; vertical-align: top; } #popup_view .btn02 { margin-top: 15px; text-align: center; } .popup_view { position: absolute; top: 0; width: 804px; z-index: 21; } .popup_view .btn_x { position: absolute; right: 10px; top: 7px; } .popup_view .tit { height: 31px; padding: 8px 0 0 9px; } .popup_view .box01 { background: none repeat scroll 0 0 #FBFBFB; border: 1px solid #DEDEDE; font-weight: bold; padding: 23px 0; text-align: center; } .popup_view .box02 { background: none repeat scroll 0 0 #FBFBFB; border: 1px solid #DEDEDE; font-weight: bold; line-height: 140%; padding: 14px 0; text-align: center; } .popup_view .box02 span { font-weight: normal; } .popup_view .btn { margin-top: 20px; text-align: center; } .popup_view .bor_t { background: url("/template/image/bg/b_line04.gif") repeat-x scroll 0 0 transparent; margin: 0 auto; padding-top: 10px; width: 100%; } .popup_view p.bor_t02 { background: url("/template/image/bg/b_line04.gif") repeat-x scroll 0 0 transparent; height: 1px; margin-top: 10px; } .popup_view .auto_116 { height: 281px; overflow-x: hidden; overflow-y: auto; } .popup_view .auto_116 table { table-layout: fixed; width: 100%; } .popup_view .auto_116 tbody th { background: url("/template/image/bg/b_line03.gif") no-repeat scroll right center transparent; color: #ED1C24; font-size: 12px; font-weight: bold; padding-left: 8px; text-align: left; } .popup_view .auto_116 td { font-size: 11px; padding-left: 8px; text-align: left; } .popup_view .auto_116 td.middle { font-size: 12px; height: 240px; line-height: 16px; padding: 20px 0 0 30px; text-align: left; vertical-align: top; } .popup_view .btn02 { margin-top: 15px; text-align: center; } /*/////////////////////////////////////////////////////////////////////////////////// // // 파일 업로드 관련 // ///////////////////////////////////////////////////////////////////////////////////*/ .progressWrapper { width: 357px; overflow: hidden; } .progressContainer { margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden; } /* Message */ .message { margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden; } /* Error */ .red { border: solid 1px #B50000; background-color: #FFEBEB; } /* Current */ .green { border: solid 1px #DDF0DD; background-color: #EBFFEB; } /* Complete */ .blue { border: solid 1px #CEE2F2; background-color: #F0F5FF; } .progressName { font-size: 8pt; font-weight: 700; color: #555; width: 323px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden; } .progressBarInProgress, .progressBarComplete, .progressBarError { font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px; } .progressBarComplete { width: 100%; background-color: green; visibility: hidden; } .progressBarError { width: 100%; background-color: red; visibility: hidden; } .progressBarStatus { margin-top: 2px; width: 337px; font-size: 7pt; font-family: Arial; text-align: left; white-space: nowrap; } a.progressCancel { font-size: 0; display: block; height: 14px; width: 14px; background-image: url(/_engine/SmartEditor/img/cancelbutton.gif); background-repeat: no-repeat; background-position: -14px 0px; float: right; } a.progressCancel:hover { background-position: 0px 0px; } /* -- SWFUpload Object Styles ------------------------------- */ .swfupload { vertical-align: top; } /*웹코리아 돌 과일이야기 페이지 수정*/ .fruit_box{ overflow:hidden; padding-bottom:49px; border-bottom: 1px solid #eee; padding-top:50px;} .fruit_left{width:373px; float:left;} .fruit_left .ba_img{padding-top:0;} .fruit_left img{padding-top:20px;} .fruit_plus{width:373px; height:45px; background-color: #105caa; border:0; display:inline-block;} .fruit_plus a{line-height:45px; height:45px; display:block; font-weight:700; font-size:18px; color: #fff;} .fruit_right {float:left; text-align:left; margin-left:65px;} .fruit_right h1{font-size:25px; font-weight: 600; padding:49px 0 29px 0; } .fruit_right .ba_txt{padding: 26px 0 29px 0;} .fruit_right .fruit_ti_st{font-size:16px; color: #606060; } .fruit_right .fruit_ti_st.story01{padding-bottom:46px;} .fruit_right .fruit_ti_st.story02{padding-bottom:60px;} .fruit_right .fruit_ti_st.story03{padding-bottom:85px;} .fruit_right .fruit_ti_st.story04{padding-bottom:86px;} .fruit_right .fruit_ti_st.story05{padding-bottom:83px;} .fruit_right .fruit_ti_st.story06{padding-bottom:85px;} .fruit_right .fruit_ti_st.story07{padding-bottom:86px;} .fruit_right .fruit_ti_st.story08{padding-bottom:85px;} .fruit_right .fruit_ti_st.story09{padding-bottom:106px;} .fruit_right .fruit_ti_st.story10{padding-bottom:87px;} .fruit_right .fruit_ti_st.story11{padding-bottom:86px;} .fruit_right .txt_01{font-size:20px; font-weight:600; padding-bottom:16px;} .fruit_right .txt_02{font-size: 14px; color: #606060; line-height:1.4;} .fruit_right .ba_type{} .fruit_right .ba_type_txt{padding-bottom:51px;} .fruit_right .type_box{position:relative; margin-bottom:51px;} .fruit_right .type_box li{} .fruit_right .type_box li p{padding-left:74px; display:inline-block;} .fruit_right .type_box li p img{margin-bottom:5px;} .fruit_right .type_box li dl{position:absolute; left:285px; } .fruit_right .type_box li .type_txt01{top:40px; } .fruit_right .type_box li .type_txt02{top:198px;} .fruit_right .type_box li .type_txt03{top:358px;} .fruit_right .type_box li .type_txt04{top:518px;} .fruit_right .type_box li .type_txt05{top:670px;} .fruit_right .type_box li dl dt{font-size:14px; font-weight:600; padding-bottom: 22px;} .fruit_right .type_box li dl dd{font-size:14px; color: #606060; line-height:1.4} .fruit_right .ba_st_txt{padding-bottom:42px;} .fruit_right .fruit_content{overflow:hidden; width:662px;} .fruit_right .fruit_content .txt_02{padding-bottom:23px;} .fruit_right .fruit_content .fruit_st{ float:left; width:307px; padding-right:43px;} .fruit_right .fruit_content .fruit_ch{ float:left; } .fruit_right .fruit_content .fruit_color{clear:both;} .fruit_right .fruit_content .fruit_ch .avova_txt{font-size: 14px; color: #606060; line-height:1.4; width:308px;} .fruit_right .fruit_content .fruit_no{clear:both; position:relative; padding-top:8px;} .fruit_right .fruit_content .fruit_no img{position:absolute; top:0; left:102px;} .fruit_right .fruit_content .fruit_no .txt_no{font-size: 14px; color: #606060; line-height:1.4; padding-bottom:0;}