@import url('https://fonts.googleapis.com/css?family=Poppins:700'); /*-----------------------------------------------------------------*/ /* CSS Table of Contents /*-----------------------------------------------------------------*/ /* 1. Reset 2. Global 2-1. table 2-2. button 2-3. box 2-4. etc 3. Layout 3-1. wrapper 3-2. header 3-3. content 3-4. footer 3-5. quick 4. Page 4-1. 메인 4-2. 상점 4-3. 회원 4-4. 마이페이지 4-5. 추가페이지 5. ETC /*-----------------------------------------------------------------*/ /* 1. Reset /*-----------------------------------------------------------------*/ /* webfont - lato */ @font-face { font-family:'lato'; font-weight:normal; src: url('http://www.rolarola.com/_skin/rolarola_210129/img/font/Lato-Regular.eot'); src: local('?'), url('http://www.rolarola.com/_skin/rolarola_210129/img/font/Lato-Regular.eot?#iefix') format('embedded-truetype'), url('http://www.rolarola.com/_skin/rolarola_210129/img/font/Lato-Regular.woff') format('woff'), url('http://www.rolarola.com/_skin/rolarola_210129/img/font/Lato-Regular.ttf') format('truetype'); } @font-face { font-family:'lato'; font-weight:bold; src: url('http://www.rolarola.com/_skin/rolarola_210129/img/font/Lato-Bold.eot'); src: local('?'), url('http://www.rolarola.com/_skin/rolarola_210129/img/font/Lato-Bold.eot?#iefix') format('embedded-truetype'), url('http://www.rolarola.com/_skin/rolarola_210129/img/font/Lato-Bold.woff') format('woff'), url('http://www.rolarola.com/_skin/rolarola_210129/img/font/Lato-Bold.ttf') format('truetype'); } @font-face { font-family:'lato'; font-weight:500; src: url('http://www.rolarola.com/_skin/rolarola_210129/img/font/Lato-Black.eot'); src: local('?'), url('http://www.rolarola.com/_skin/rolarola_210129/img/font/Lato-Black.eot?#iefix') format('embedded-truetype'), url('http://www.rolarola.com/_skin/rolarola_210129/img/font/Lato-Black.woff') format('woff'), url('http://www.rolarola.com/_skin/rolarola_210129/img/font/Lato-Black.ttf') format('truetype'); } /* webfont - notosans */ @font-face { font-family:'NotoSansKRWeb'; font-weight:normal; src: url('http://www.rolarola.com/_skin/rolarola_210129/img/font/NotoSansKR-Regular-Hestia.eot'); src: local('?'), url('http://www.rolarola.com/_skin/rolarola_210129/img/font/NotoSansKR-Regular-Hestia.eot?#iefix') format('embedded-opentype'), url('http://www.rolarola.com/_skin/rolarola_210129/img/font/NotoSansKR-Regular-Hestia.woff') format('woff'), url('http://www.rolarola.com/_skin/rolarola_210129/img/font/NotoSansKR-Regular-Hestia.otf') format('opentype'); } @font-face { font-family:'NotoSansKRWeb'; font-weight:bold; src: url('http://www.rolarola.com/_skin/rolarola_210129/img/font/NotoSansKR-Bold-Hestia.eot'); src: local('?'), url('http://www.rolarola.com/_skin/rolarola_210129/img/font/NotoSansKR-Bold-Hestia.eot?#iefix') format('embedded-opentype'), url('http://www.rolarola.com/_skin/rolarola_210129/img/font/NotoSansKR-Bold-Hestia.woff') format('woff'), url('http://www.rolarola.com/_skin/rolarola_210129/img/font/NotoSansKR-Bold-Hestia.otf') format('opentype'); } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; color:inherit; font-family:'NotoSansKRWeb', 'lato', '돋움', Dotum, sans-serif; font-size:12px; 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:normal;} ol, ul, li {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} table {border-collapse:collapse; border-spacing:0;} li img {vertical-align:top;} input[type=radio], input[type=checkbox] {position:relative; bottom:-2px;} input[type=text], input[type=email], input[type=password] {vertical-align:top;} a {text-decoration:none;} a:hover {color:#555 !important; text-decoration:none;} a:active, a:focus {text-decoration:none;} /*-----------------------------------------------------------------*/ /* 2. Global style /*-----------------------------------------------------------------*/ .input {padding:3px 5px; border:1px solid #c1c1c1; font-family:'NotoSansKRWeb', 'lato', '돋움', Dotum, sans-serif; font-size:14px;} /* 인풋박스 */ .input_file {-webkit-appearance:none; padding:0; border:0;} /* 인풋박스 - 파일 */ .hidden {visibility:hidden; overflow:hidden; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; font-size:0; line-height:0;} /* 히든 */ .point_cursor {cursor:pointer;} /* 커서 스타일 */ .point_color {color:#f20101;} /* 포인트 컬러 */ .empty {padding:100px 0 !important; text-align:center;} /* 빈 상태 */ .clear {clear:both;} .break {word-break:break-all; word-wrap:break-word;} /*-----------------------------------------------------------------*/ /* 2-1. Global table style /*-----------------------------------------------------------------*/ /* 테이블 스타일 - 가로 */ .tbl_col {table-layout:fixed; clear:both; width:100%; border-collapse:collapse;} .tbl_col caption {padding:10px 0; color:#181818; font-weight:bold; text-align:left;} .tbl_col th {padding:11px 0; border-top:1px solid #000; border-bottom:1px solid #d7d7d7; color:#181818; font-weight:normal; text-align:center;} .tbl_col td {padding:11px 0; border-bottom:1px solid #d7d7d7; color:#837d81; text-align:center; vertical-align:middle;} .tbl_col td a {color:#837d81;} .tbl_col td * {vertical-align:middle;} .tbl_col td.left {padding-left:15px; text-align:left;} .tbl_col td.img img {width:100px;} /* 테이블 스타일 - 가로 (리뷰, 문의) */ .tbl_col td.left .prd_name a {color:#837d81; font-size:11px;} .tbl_col td.left .subject, .tbl_col td.left .subject a {color:#181818;} .tbl_col td.basic {padding:0; border-bottom:0} .tbl_col tr.notice_row td a {color:#000;} /* 공지 */ .tbl_col tr.notice_row td.no {color:#f46665; font-weight:bold;} .tbl_col td.notice_cnt {border:0; padding:0;} .tbl_col td.notice_cnt .cnt {padding:15px 20px; border-bottom:1px solid #ddd; text-align:left;} /* 테이블 스타일 - 세로 */ .tbl_row {table-layout:fixed; width:100%; margin:0 auto; border-top:1px solid #000;} .tbl_row caption {padding:10px 0; font-weight:bold; text-align:left;} .tbl_row th {padding:10px 0 10px 30px; border-bottom:1px solid #d7d7d7; color:#181818; font-weight:normal; text-align:left; vertical-align:middle;} .tbl_row th label {color:#181818;} .tbl_row td {padding:10px 0 10px 10px; border-bottom:1px solid #d7d7d7; color:#837d81; text-align:left; vertical-align:middle; word-break:break-all; word-wrap:break-word;} .tbl_row td label {color:#837d81;} .tbl_row td a {color:#231f20;} /* 테이블 스타일 - 상품 */ .tbl_prd_normal {width:1140px; margin:0 auto 0 -15px;} .tbl_prd_normal td {padding:0 15px 30px; text-align:center; vertical-align:top;} .tbl_prd_normal td .info {position:relative; width:380px; margin:0 auto;} .tbl_prd_normal td .info .img {position:relative; width:380px; height:380px; text-align:center;} .tbl_prd_normal td .info .img .soldout {display:none;} .tbl_prd_normal td .info.out .img .soldout {display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; cursor:pointer;} /* 품절시 soldout 출력 */ .tbl_prd_normal td .info.out .img .soldout .dimmed {position:absolute; left:0; top:0; z-index:15; width:100%; height:100%; background:#fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: .5;} .tbl_prd_normal td .info.out .img .soldout .icon_soldout {position:absolute; left:50%; top:50%; z-index:20; width:76px; height:76px; margin:-38px 0 0 -38px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/shop/icon_soldout.png') no-repeat 0 0; color:#fff; font-size:10px; line-height:76px;} .tbl_prd_normal td .info:hover .box {opacity:1;} .tbl_prd_normal td .info .box {position:absolute; top:10px; left:10px; z-index:10; width:380px; height:380px; background:rgba(255,208,208,0.5); text-align:center; cursor:pointer; opacity:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;} .tbl_prd_normal td .info .box dl {position:absolute; top:50%; left:50%; z-index:20; width:320px; margin-left:-160px;} .tbl_prd_normal td .info .box dl dt {color:#1a1a1a; font-size:18px;} .tbl_prd_normal td .info .box dl dt a {color:inherit; font-size:inherit;} .tbl_prd_normal td .info .box dl dd {color:#4c393b; font-size:15px;} .tbl_prd_normal td .info .box dl dd * {color:inherit; font-size:inherit;} .tbl_prd_normal td .info .box dl dd strong {font-size:18px;} .tbl_prd_normal td .info .box dl dd.c_sale {max-width:245px; height:48px; margin:6px auto; background:#fff; color:#000; font-size:18px; line-height:48px;} .tbl_prd_normal td .info .box dl dd.c_sale span {color:#f35d5d; font-size:18px;} .tbl_prd_normal td .info .box dl dd .coupon_per {padding-left:10px; color:#fff; font-size:17px;} .tbl_prd_normal td .info .box dl dd .normal_prc {padding-right:5px; color:#333; font-size:16px; text-decoration:line-through;} .tbl_prd_normal td .info .box .icon_bg {position:absolute; z-index:30; background:no-repeat center;} .tbl_prd_normal tr:first-child td:nth-child(1) .info .box .icon_bg {top:-18px; left:-7px; width:54px; height:49px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/shop/bg_prd_line1.png');} .tbl_prd_normal tr:nth-child(2) td:nth-child(3) .info .box .icon_bg {top:25px; left:-10px; width:36px; height:36px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/shop/bg_prd_line2.png');} .tbl_prd_normal tr:nth-child(3) td:nth-child(2) .info .box .icon_bg {top:49px; right:-21px; width:54px; height:33px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/shop/bg_prd_line3.png');} /* 테이블 스타일 - 상품 - 상품리스트 베스트상품 */ .tbl_prd_best {width:1200px; margin:0 auto;} .tbl_prd_best td {text-align:center; vertical-align:top;} .tbl_prd_best td .info {position:relative; width:600px; margin:0 auto;} .tbl_prd_best td .info .img {position:relative; width:600px; height:520px; text-align:center;} .tbl_prd_best td .info .img .soldout {display:none;} .tbl_prd_best td .info.out .img .soldout {display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; cursor:pointer;} /* 품절시 soldout 출력 */ .tbl_prd_best td .info.out .img .soldout .dimmed {position:absolute; left:0; top:0; z-index:15; width:100%; height:100%; background:#fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: .5;} .tbl_prd_best td .info.out .img .soldout .icon_soldout {position:absolute; left:50%; top:50%; z-index:20; width:76px; height:76px; margin:-38px 0 0 -38px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/shop/icon_soldout.png') no-repeat 0 0; color:#fff; font-size:10px; line-height:76px;} .tbl_prd_best td .info:hover .box {opacity:1;} .tbl_prd_best td .info .box {position:absolute; top:8px; left:9px; z-index:10; width:600px; height:520px; background:rgba(255,208,208,0.5); text-align:center; cursor:pointer; opacity:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;} .tbl_prd_best td .info .box dl {position:absolute; top:50%; left:50%; z-index:20; width:560px; margin-left:-280px;} .tbl_prd_best td .info .box dl dt {color:#1a1a1a; font-size:18px;} .tbl_prd_best td .info .box dl dt a {color:inherit; font-size:inherit;} .tbl_prd_best td .info .box dl dd {color:#1a1a1a; font-size:16px;} .tbl_prd_best td .info .box dl dd strong {color:inherit; font-size:20px;} .tbl_prd_best td .info .box dl dd.c_sale {max-width:245px; height:48px; margin:6px auto; background:#fff; color:#000; font-size:18px; line-height:48px;} .tbl_prd_best td .info .box dl dd.c_sale span {color:#f35d5d; font-size:18px;} .tbl_prd_best td .info .box dl dd .coupon_per {padding-left:10px; color:#fff; font-size:17px;} .tbl_prd_best td .info .box dl dd .normal_prc {padding-right:5px; color:#333; font-size:16px; text-decoration:line-through;} .tbl_prd_best td .info .box .icon_bg {position:absolute; top:-3px; left:-22px; z-index:30; width:67px; height:59px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/shop/bg_prd_best.png') no-repeat center;} /* 테이블 스타일 - 상품 - 메인 follow out land */ .tbl_prd_follow {width:100%;} .tbl_prd_follow td {text-align:center; vertical-align:top;} .tbl_prd_follow td .info {position:relative; width:280px; margin:0 auto;} .tbl_prd_follow td .info .img {position:relative; width:280px; height:280px; text-align:center;} .tbl_prd_follow td .info .img .soldout {display:none;} .tbl_prd_follow td .info.out .img .soldout {display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; cursor:pointer;} /* 품절시 soldout 출력 */ .tbl_prd_follow td .info.out .img .soldout .dimmed {position:absolute; left:0; top:0; z-index:15; width:100%; height:100%; background:#fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: .5;} .tbl_prd_follow td .info.out .img .soldout .icon_soldout {position:absolute; left:50%; top:50%; z-index:20; width:76px; height:76px; margin:-38px 0 0 -38px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/shop/icon_soldout.png')} .tbl_prd_follow td .info .box {position:absolute; top:0; left:0; width:100%; height:100%; background:#ffd0d0; background-color:rgba(255,208,208,0.6); cursor:pointer; opacity:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;} .tbl_prd_follow td .info .box .preview {padding-top:126px; color:#1a1a1a; font-family:'lato'; font-size:17px; font-weight:bold;} .tbl_prd_follow td .info .box .preview a {color:inherit; font-family:inherit; font-size:inherit; font-weight:inherit;} .tbl_prd_follow td .info:hover .box {opacity:1;} /* 테이블 스타일 - 상품 - 메인 follow out land 관련상품 */ .tbl_prd_with {width:100%; border:0;} .tbl_prd_with td {padding-bottom:27px; vertical-align:top;} .tbl_prd_with td .info {position:relative;} .tbl_prd_with td .info .no {position:absolute; top:2px; left:0; width:20px; height:20px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/shop/bg_preview_no.gif') no-repeat top left; color:#fff; font-size:16px; text-align:center; line-height:20px;} .tbl_prd_with td .info .wrap_name {padding-left:28px;} .tbl_prd_with td .info .name {padding-bottom:2px !important; color:#1a1a1a; font-size:16px !important; font-weight:bold;} .tbl_prd_with td .info .name a {color:inherit; font-size:inherit;} .tbl_prd_with td .info .summary {padding-top:0 !important; border-top:0 !important; color:#1a1a1a !important; font-size:14px !important;} /* 테이블 스타일 - 장바구니, 주문서, 주문조회상세 총 구매 금액 */ .tbl_price {position:relative; padding:30px 10px 30px 30px; border-bottom:1px solid #dbdbdb; background:#f9f9f9; text-align:right;} .tbl_price .delivery_msg {position:absolute; left:30px; top:50%; z-index:10; margin-top:-7px; text-align:left; color:#181818;} .tbl_price table {width:100%;} .tbl_price table th {padding:2px 0; color:#181818; font-weight:normal; text-align:right;} .tbl_price table td {padding:2px 0; color:#181818; text-align:right;} .tbl_price table td strong {color:#181818;} .tbl_price table td .price {color:#f46665; font-weight:bold;} /* 테이블 스타일 - 입점 장바구니, 입점 주문서 총 구매 금액 */ .tbl_price_total {position:relative; margin-top:40px; padding:30px 10px 30px 30px; border:3px solid #dbdbdb; background:#f9f9f9; text-align:right;} .tbl_price_total .msg_total {position:absolute; left:30px; top:50%; z-index:10; margin-top:-7px; color:#181818; font-size:14px; font-weight:bold; text-align:left;} .tbl_price_total table {width:100%;} .tbl_price_total table th {padding:2px 0; color:#181818; font-weight:normal; text-align:right;} .tbl_price_total table td {padding:2px 0; color:#181818; text-align:right;} .tbl_price_total table td strong {color:#181818;} .tbl_price_total table td .price {color:#f46665; font-size:14px; font-weight:bold;} /* 테이블 스타일 - 주문서, 주문상세조회 */ .tbl_order {table-layout:fixed; width:100%; margin:0 auto; border:1px solid #dedede;} .tbl_order caption {margin-top:30px; padding-bottom:10px; font-weight:bold; text-align:left;} .tbl_order th {padding:19px 0 19px 19px; border-bottom:1px solid #d9d9d9; background:#f9f9f9; color:#231f20; font-weight:normal; text-align:left; vertical-align:middle;} .tbl_order th label {color:#231f20; font-weight:bold; font-weight:normal; text-align:left; vertical-align:middle;} .tbl_order td {padding:12px 19px; border-bottom:1px solid #d9d9d9; color:#837d81; font-size:12px; text-align:left; vertical-align:middle;} .tbl_order td label {color:#837d81; text-align:left;} .tbl_order td select {max-width:100%; height:25px;} .tbl_order td input[type=radio], .tbl_order td input[type=checkbox] {bottom:-2px;} .tbl_order td .add_mid {padding:10px 0;} .tbl_order td .input {width:227px; vertical-align:middle;} .tbl_order td .input_phone {width:57px; text-align:center;} .tbl_order td .input_address {width:277px;} .tbl_order td.zip .input_zipcode {width:180px;} .tbl_order td.zip .box_btn * {min-width:89px;} .tbl_order td img {vertical-align:top;} .tbl_order td .msg {color:#c1c1c1; font-size:11px; padding-top:5px;} .tbl_order td .btn_guest {margin-top:10px;} .tbl_order td .order_memo {width:98%; height:52px; padding:5px; font-size:12px; border:1px solid #c1c1c1;} .tbl_order td .own_mileage, .tbl_order td .own_deposit {color:#f46665;} .tbl_order td .input_use {width:130px; color:#837d81; text-align:right;} .tbl_order .edit {padding:30px 19px 162px; color:#231f20; line-height:1;} .tbl_order .edit .box_btn.small {vertical-align:middle;} .tbl_order .edit .box_btn.small a {min-width:89px;} .tbl_order .offcpn #off_cpn_div2 p {margin-bottom:5px;} .tbl_order .offcpn #off_cpn_div2 .offbtn {text-align:right;} .tbl_order .offcpn .box_btn.small a {min-width:89px;} /* 테이블 스타일 - 주문서, 주문상세조회 주문 총 결제정보 */ .tbl_total_price {clear:both; width:100%; margin:0 auto; border:1px solid #dedede;} .tbl_total_price caption {margin-top:30px; padding-bottom:10px; font-weight:bold; text-align:left;} .tbl_total_price th {padding:15px 0 15px 20px; color:#231f20; font-weight:normal; text-align:left; vertical-align:middle;} .tbl_total_price td {padding:15px 20px 15px 0px; color:#837d81; text-align:right; vertical-align:middle;} .tbl_total_price td strong {color:#231f20; font-family:'verdana';} .tbl_total_price td label {color:#231f20; text-align:left;} .tbl_total_price .total_row {background:#f9f9f9;} .tbl_total_price .total {padding:25px 20px; border-top:1px solid #c1c1c1; border-bottom:1px solid #dedede; font-weight:bold;} .tbl_total_price td.total {color:#fc3131;} .tbl_total_price td.total #total_order_price_div, .tbl_total_price td.total .total_price {color:inherit; font-family:'verdana'; font-size:16px; font-weight:normal;} /* 테이블 스타일 - 쿠폰 */ .tbl_coupon {clear:both; table-layout:fixed; width:100%; border:1px solid #e8e8e8; border-bottom:0; table-layout:fixed;} .tbl_coupon th {padding:15px 0 15px 15px; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/bg/bg_det_coupon.gif') no-repeat 20px center #ffe8e7; color:#000; font-size:11px; text-align:left; vertical-align:middle;} .tbl_coupon td {padding:15px 0; border-bottom:1px solid #e8e8e8; font-size:11px; text-align:left; vertical-align:middle;} .tbl_coupon td.left {padding-left:20px; color:#777;} .tbl_coupon td.download {text-align:center;} .tbl_coupon td.download span {padding:9px 12px; border:1px solid #dcdcdc; color:#000; font-size:11px;} /*-----------------------------------------------------------------*/ /* 2-2. Global button style /*-----------------------------------------------------------------*/ /* 버튼스타일 - 기본 */ .box_btn {display:inline-block; *zoom: 1; position:relative; text-align:center; vertical-align:top;} .box_btn * {-webkit-appearance:none; display:inline-block; *zoom:1; min-width:110px; height:40px; margin:0; padding:0 10px; border:1px solid #181818; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; outline:0; background:#181818; color:#fff !important; font-family:'NotoSansKRWeb', 'lato', 'dotum', '돋움', sans-serif; font-size:12px; text-align:center; line-height:40px; cursor:pointer;} .box_btn:hover * {background:#fff; color:#181818 !important;} /* 버튼스타일 - 모양 */ .box_btn.circle * {min-width:95px; height:95px; border-radius:100%; line-height:95px;} /* 버튼스타일 - 크기 */ .box_btn.small * {min-width:70px; height:25px; line-height:25px;} .box_btn.middle * {min-width:110px; height:30px; line-height:30px;} .box_btn.large * {min-width:150px; height:50px; font-size:13px; line-height:50px;} .box_btn.cmt * {min-width:85px; height:63px; line-height:63px;} /* 버튼스타일 - 색상 */ .box_btn.white * {border:1px solid #181818; background:#fff; color:#181818 !important;} .box_btn.white:hover * {background:#000; color:#fff !important;} .box_btn.white2 * {border:1px solid #c1c1c1; background:#fff; color:#837d81 !important;} .box_btn.white2:hover * {background:#000; color:#fff !important;} .box_btn.gray * {border:1px solid #eee; background:#eee; color:#1a1a1a !important;} .box_btn.gray:hover * {background:#000; color:#fff !important;} .box_btn.sky * {border:1px solid #ddf4ff; background:#ddf4ff; color:#1a1a1a !important;} .box_btn.sky:hover * {background:#000; color:#fff !important;} /* 버튼스타일 - 색상(그라데이션) */ .box_btn.grd_gray * {min-width:105px; border:1px solid #c1c1c1; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/button/bg_gray_gra.gif') repeat-x; color:#181818 !important;} /* 버튼스타일 - sns로그인 */ .box_btn.naver * {border-color:#19a601; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/member/naver.gif') no-repeat left top #1ec701;} .box_btn.naver:hover * {color:#19a601 !important;} .box_btn.facebook * {border-color:#314c83; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/member/facebook.gif') no-repeat left top #3e5c9a;} .box_btn.facebook:hover * {color:#314c83 !important;} .box_btn.kakao * {border-color:#d1bd0c; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/member/kakao.gif') no-repeat left top #f9e000; color:#000 !important;} .box_btn.kakao:hover * {color:#d1bd0c !important;} /* 버튼스타일 - 기본(애니메이션) */ .box_btn1 {display:inline-block; zoom:1; *display:inline; position:relative; margin:0 6.5px; border:2px solid #1a1a1a; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align:center; vertical-align:top;} .box_btn1:hover {background:#eee;} .box_btn1 * {-webkit-appearance:none; display:inline-block; *zoom:1; position:absolute; top:-6px; left:-5px; min-width:110px; height:40px; margin:0; padding:0 10px; border:2px solid #1a1a1a; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; outline:0; font-family:'NotoSansKRWeb', 'lato', 'dotum', '돋움', sans-serif; font-size:12px; text-align:center; line-height:40px; cursor:pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;} .box_btn1:hover * {top:-10px; left:-9px; color:#fff;} /* 버튼스타일 - 크기(애니메이션) */ .box_btn1.small {min-width:70px; height:25px;} .box_btn1.small * {min-width:70px; height:25px; line-height:21px;} .box_btn1.small2 {min-width:100px; height:31px;} .box_btn1.small2 * {min-width:100px; height:31px; line-height:27px;} .box_btn1.middle {min-width:120px; height:36px;} .box_btn1.middle * {min-width:120px; height:36px; line-height:32px;} .box_btn1.large {min-width:140px; height:50px;} .box_btn1.large * {min-width:140px; height:50px; line-height:46px;} /* 버튼스타일 - 색상(애니메이션) */ .box_btn1.white * {border:2px solid #1a1a1a; background:#fff; color:#181818 !important;} .box_btn1.white:hover * {background:#000; color:#fff !important;} .box_btn1.white2 * {border:1px solid #c1c1c1; background:#fff; color:#837d81 !important;} .box_btn1.white2:hover * {background:#000; color:#fff !important;} .box_btn1.white3 * {border:2px solid #000; background:#fff; color:#000 !important;} .box_btn1.white3:hover * {background:#000; color:#fff !important;} .box_btn1.gray * {border:2px solid #1a1a1a; background:#f4f4f4; color:#1a1a1a !important;} .box_btn1.gray:hover * {background:#000; color:#fff !important;} .box_btn1.black * {border:2px solid #1a1a1a; background:#1a1a1a; color:#fff !important;} .box_btn1.black:hover * {background:#fff; color:#1a1a1a !important;} /* 버튼스타일 - 텍스트(애니메이션) */ .box_btn1.strong > * {font-weight:700;} /* 버튼스타일 - 폰트 크기(애니메이션) */ .box_btn1.fs13 > * {font-size:13px;} /*-----------------------------------------------------------------*/ /* 2-3. Global box style /*-----------------------------------------------------------------*/ /* 박스 스타일 - 회원가입 완료, 회원정보수정 1단계, 회원정보수정 완료, 탈퇴 완료, 1:1문의 완료, 주문 완료, 소셜쿠폰 */ .box_common {padding:69px 0 56px; border:1px solid #000; text-align:center;} .box_common h3 {margin-bottom:14px; color:#181818; font-size:16px;} .box_common .msg {margin-bottom:19px; color:#181818; font-weight:normal;} /* 박스 스타일 - 수량 */ .box_qty {position:relative; width:53px; border:1px solid #ccc; text-align:left;} .box_qty .input {width:24px !important; height:23px !important; padding:0 5px; border:0 !important; font-size:11px !important; ime-mode:disabled;} .box_qty .btn_ea {position:absolute; right:0; top:0; border-left:1px solid #ccc;} .box_qty .btn_ea .up {border-bottom:1px solid #ccc;} .box_qty .btn_ea p, .btn_ea a {font-size:0; line-height:0;} /* 박스 스타일 - 사은품 */ .box_gift {padding:10px 0 50px;} .box_gift .box_btn {margin-top:10px;} /*-----------------------------------------------------------------*/ /* 2-4. Global etc style /*-----------------------------------------------------------------*/ /* 서브 타이틀 - 이미지 */ .sub_title_img {overflow:hidden; text-align:center; display:none;} .sub_title_img h2 img {padding:60px 0 20px;} .sub_title_img .btn_col {display:block; text-align:right;} .sub_title_img .btn_col a:first-child {margin-right:18px;} /* 서브 타이틀 - 텍스트 */ .sub_title_txt {overflow:hidden; text-align:center;} .sub_title_txt h2 {padding:60px 0 38px; font-family:'lato'; font-size:41px; line-height:1;} /* 페이징 */ .paging * {vertical-align:middle;} .paging {margin:36px 0 0 0; font-size:0; text-align:center;} .paging li {display:inline; margin:0 3px; color:#9e9e9e; vertical-align:middle;} .paging li a {display:inline-block; width:38px; height:38px; border:2px solid #f1f1f1; background:#f1f1f1 no-repeat center; color:#8f8f8f; font-size:13px; line-height:40px;} .paging li strong {display:inline-block; width:38px; height:38px; border:2px solid #1a1a1a; background:#fff; color:#000; font-size:13px; line-height:40px;} .paging li a.moveto {margin:0 3px; color:transparent; text-indent:-9999px;} .paging li a.moveto.first {background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/button/p_first.gif');} .paging li a.moveto.prev {background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/button/p_prev.gif');} .paging li a.moveto.next {background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/button/p_next.gif');} .paging li a.moveto.last {background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/button/p_last.gif');} /* 상품리스트 수량,정렬선택 */ .total_sort {clear:both; height:35px; margin:10px 0 18px;} .total_sort .total {float:left; color:#1a1a1a; font-size:13px; line-height:35px;} .total_sort .total span {color:#ff6a57; font-size:inherit;} .total_sort .sort {float:right;} .total_sort .sort select {min-width:132px; height:35px; border:2px solid #eee; color:#1a1a1a; font-size:13px;} /* 컬러칩 리스트 */ .color_option {font-size:0;} .color_option:after {display:block; clear:both; content:'';} .color_option li {float:left;} .color_option li a {display:block; width:30px; height:30px; margin:1px; border:1px solid #fff;} .color_option li a.selected {border:1px solid #ff1111;} .color_option li a img {width:30px; height:30px;} /*-----------------------------------------------------------------*/ /* 3. Layout /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* 3-1. wrapper /*-----------------------------------------------------------------*/ #wrapper {min-width:1680px;} /* 최소넓이값은 자동슬라이드*2 포함 */ #container {overflow:hidden; position:relative;} .wrap_inner {position:relative; width:1200px; margin:0 auto;} /* 컨텐츠 사이즈 */ .layout_dimmed {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:20; background:transparent; background-color:rgba(0,0,0,0.5);} /*-----------------------------------------------------------------*/ /* 3-2. header /*-----------------------------------------------------------------*/ #header {height:83px;} #header .gnb {height:82px; border-bottom:1px solid #e8e8e8;} #header .gnb .inner {position:relative; max-width:1680px; margin:0 auto; padding:0 10px;} #header .gnb .inner:after {display:block; clear:both; content:'';} #header .gnb .inner h1 {float:left; padding:18px 0 25px;} #header .gnb .inner .category {position:absolute; top:0; left:50%; margin-left:-40px; padding:20px 0; text-align:center;} #header .gnb .inner .category a {color:#1a1a1a; font-family:'lato'; font-size:26px; font-weight:bold;} #header .gnb .inner .menu {position:absolute; top:0; right:10px;} #header .gnb .inner .menu ul:after {display:block; clear:both; content:'';} #header .gnb .inner .menu ul li {float:left; text-align:center;} #header .gnb .inner .menu ul li.member {margin-right:10px;} #header .gnb .inner .menu ul li.member_out {margin-right:26px;} #header .gnb .inner .menu ul li.mypage {margin-right:25px;} #header .gnb .inner .menu ul li.cart {margin-right:20px;} #header .gnb .inner .menu ul li.search {margin-right:23px;} #header .gnb .inner .menu ul li a {display:block; background-repeat:no-repeat; background-position:bottom center; font-family:'lato'; font-size:0;} #header .gnb .inner .menu ul li.member a {width:51px; height:31px; margin-top:26px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/top_member.gif');} #header .gnb .inner .menu ul li.member_out a {width:20px; height:41px; margin-top:16px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/top_member_out.gif');} #header .gnb .inner .menu ul li.mypage a {width:53px; height:28px; margin-top:30px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/top_mypage.gif');} #header .gnb .inner .menu ul li.cart a {width:32px; height:30px; margin-top:27px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/top_cart.gif');} #header .gnb .inner .menu ul li.search a {width:46px; height:33px; margin-top:24px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/top_search.gif');} #header .gnb .inner .menu ul li.cs a {width:30px; height:30px; margin-top:28px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/top_cs.gif');} #header .gnb .inner .menu ul li a:hover {background-position:top center; color:#ffcdcd !important; font-size:12px; font-weight:bold;} #header .gnb .inner .menu ul li.member a:hover {margin-top:15px; padding-top:39px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/top_member_over.gif');} #header .gnb .inner .menu ul li.mypage a:hover {margin-top:17px; padding-top:37px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/top_mypage_over.gif');} #header .gnb .inner .menu ul li.cart a:hover {margin-top:15px; padding-top:39px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/top_cart_over.gif');} #header .gnb .inner .menu ul li.search a:hover {margin-top:12px; padding-top:36px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/top_search_over.gif');} #header .gnb .inner .menu ul li.cs a:hover {margin-top:17px; padding-top:37px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/top_cs_over.gif'); font-size:0;} #header .gnb .inner .menu ul li.cs.on a {margin-top:17px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/top_cs_over.gif');} #header .gnb .inner .menu ul li.cs {position:relative;} #header .gnb .inner .menu ul li.cs .cs_layer {display:none; position:absolute; top:62px; right:0; z-index:5; width:198px; padding:0 21px 0 24px; background:#fff; text-align:left;} #header .gnb .inner .menu ul li.cs .cs_layer .inner {max-width:100%; min-width:100%;} #header .gnb .inner .menu ul li.cs .cs_layer .title {padding-top:23px; color:#1a1a1a; font-family:'lato'; font-size:16px; font-weight:bold;} #header .gnb .inner .menu ul li.cs .cs_layer .tel {padding-top:11px; color:#1a1a1a; font-family:'lato'; font-size:22px; font-weight:bold;} #header .gnb .inner .menu ul li.cs .cs_layer .time {padding:5px 0 23px; color:#808080; font-family:'NotoSansKRWeb'; font-size:13px;} #header .gnb .inner .menu ul li img {vertical-align:bottom;} #header .gnb .wrap_submenu {display:none; position:fixed; top:0; left:0; z-index:200; width:100%; height:100%; background:#ffbbb2;} #header .gnb .wrap_submenu .sub_menu {overflow-y:auto; position:relative; width:100%; height:100%;} #header .gnb .wrap_submenu .sub_menu .inner .top {position:relative;} #header .gnb .wrap_submenu .sub_menu .inner .top:after {display:block; clear:both; content:'';} #header .gnb .wrap_submenu .sub_menu .inner .top .logo {float:left; padding-top:17px;} #header .gnb .wrap_submenu .sub_menu .inner .top .close {position:absolute; top:39px; right:0;} #header .gnb .wrap_submenu .sub_menu .inner .cont {width:100%; margin:129px auto 0; text-align:center;} #header .gnb .wrap_submenu .sub_menu .inner .cont > ul > li > a {display:block; padding:21px 0; color:#fff; font-family:'lato'; font-size:40px; font-weight:bold;} #header .gnb .wrap_submenu .sub_menu .inner .cont ul li .sub_cate {display:none;} #header .gnb .wrap_submenu .sub_menu .inner .cont ul li .sub_cate ul {font-size:0; text-align:center;} #header .gnb .wrap_submenu .sub_menu .inner .cont ul li .sub_cate ul li {display:inline-block; *display:inline; *zoom:1;} #header .gnb .wrap_submenu .sub_menu .inner .cont ul li .sub_cate ul li a {display:block; padding:0 13px; color:#ffdad5; font-family:'lato'; font-size:23px; font-weight:bold;} #header .gnb .wrap_submenu .sub_menu .inner .cont ul li .sub_cate ul li a:hover {color:#fff !important;} #header .gnb .wrap_submenu .sub_menu .inner .cont ul li .sub_cate0 .wrap_ul {font-size:0; text-align:center;} #header .gnb .wrap_submenu .sub_menu .inner .cont ul li .sub_cate0 .wrap_ul ul {display:inline-block; *display:inline; *zoom:1;} #header .gnb .wrap_submenu .sub_menu .inner .cont ul li .sub_cate0 .wrap_ul ul:first-child {padding-right:17px;} #header .gnb .wrap_submenu .sub_menu .inner .cont ul li .sub_cate0 .wrap_ul ul.special {padding-left:17px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/bg/bg_submenu_bar.gif') no-repeat left center;} #header .gnb .wrap_submenu .sub_menu .inner .cont ul li .sub_cate0 ul li.shop_1004, #header .gnb .wrap_submenu .sub_menu .inner .cont ul li .sub_cate0 ul li.shop_1011, #header .gnb .wrap_submenu .sub_menu .inner .cont ul li .sub_cate0 ul li.shop_1020, #header .gnb .wrap_submenu .sub_menu .inner .cont ul li .sub_cate0 ul li.shop_1060, #header .gnb .wrap_submenu .sub_menu .inner .cont ul li .sub_cate0 ul li.shop_1068 {display:none;} #header .gnb .wrap_submenu .sub_menu .inner .bottom {position:relative; margin:127px 0 39px;} #header .gnb .wrap_submenu .sub_menu .inner .bottom:after {display:block; clear:both; content:'';} #header .gnb .wrap_submenu .sub_menu .inner .bottom ul:after {display:block; clear:both; content:'';} #header .gnb .wrap_submenu .sub_menu .inner .bottom ul li {float:left;} #header .gnb .wrap_submenu .sub_menu .inner .bottom ul li a {display:block; color:#fff; font-family:'lato'; font-size:22px; font-weight:bold;} #header .gnb .wrap_submenu .sub_menu .inner .bottom .brand {padding:0 300px; font-size:0; text-align:center;} #header .gnb .wrap_submenu .sub_menu .inner .bottom .brand li {display:inline-block; *display:inline; *zoom:1; float:none; padding:0 50px; vertical-align:middle;} #header .gnb .wrap_submenu .sub_menu .inner .bottom .brand li a {height:41px; background-repeat:no-repeat; background-position:center; color:transparent; font-size:0;} #header .gnb .wrap_submenu .sub_menu .inner .bottom .brand li.rolarola a {width:189px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/brand_rolarola.png');} #header .gnb .wrap_submenu .sub_menu .inner .bottom .brand li.rlol a {width:125px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/brand_rlol.png');} #header .gnb .wrap_submenu .sub_menu .inner .bottom .brand li.ikeike a {width:153px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/brand_ikeike.png');} #header .gnb .wrap_submenu .sub_menu .inner .bottom .sns {position:absolute; bottom:0; left:0;} #header .gnb .wrap_submenu .sub_menu .inner .bottom .sns ul li:first-child {margin-right:42px;} #header .gnb .wrap_submenu .sub_menu .inner .bottom .b_gnb {position:absolute; bottom:0; right:0;} #header .gnb .wrap_submenu .sub_menu .inner .bottom .b_gnb ul li {margin-left:24px;} #header .gnb .wrap_submenu .sub_menu .inner .bottom .b_gnb ul li:first-child {margin-left:0;} #header .gnb .search_layer {display:none; position:fixed; top:0; left:0; z-index:195; width:100%; height:100%; background:#ffbbb2;} #header .gnb .search_layer .btn_close {position:absolute; top:45px; right:122px; cursor:pointer;} #header .gnb .search_layer .wrap_search {width:880px; margin:437px auto 0;} #header .gnb .search_layer .wrap_search:after {display:block; clear:both; content:'';} #header .gnb .search_layer .wrap_search p {float:left; margin-top:10px; color:#fff; font-family:'lato'; font-size:40px; font-weight:bold;} #header .gnb .search_layer .wrap_search .wrap_input {position:relative; float:right;} #header .gnb .search_layer .wrap_search .wrap_input .input {width:690px; height:46px; background:transparent; border:0; border-bottom:1px solid #fff; color:#fff; font-size:16px;} #header .gnb .search_layer .wrap_search .wrap_input .input_img {position:absolute; right:0; top:0;} #header .gnb.fixed {position:fixed; top:0; left:0; width:100%; border-bottom:1px solid #eee; background:#fff; z-index:300;} /*-----------------------------------------------------------------*/ /* 3-3. content /*-----------------------------------------------------------------*/ #cnt {min-height:1000px;} /* contents background icon */ .bg_icon {position:absolute;} .mypage_icon0 {top:262px; right:0;} .mypage_icon1 {left:0; top:827px;} .detail_icon0 {top:1030px; right:0;} .detail_icon1 {top:1510px; left:0;} .list_icon0 {top:1255px; right:0;} .list_icon1 {top:1745px; left:142px;} .list_icon2 {top:2000px; right:146px;} .main_icon0 {top:2500px; left:117px;} .main_icon1 {top:3250px; right:11px;} .main_icon2 {top:4460px; left:121px;} .main_icon3 {top:5250px; right:11px;} /*-----------------------------------------------------------------*/ /* 3-4. footer /*-----------------------------------------------------------------*/ #footer {margin-top:100px;} #footer .shopinfo {background:#ffe8e7; padding-bottom:65px;} #footer .shopinfo .sns {padding:104px 0 60px;} #footer .shopinfo .sns > ul {font-size:0; text-align:center;} #footer .shopinfo .sns > ul > li {display:inline-block; *display:inline; *zoom:1; margin:0 20px;} #footer .shopinfo .sns ul li.app .app_layer {display:none; position:absolute; top:0; left:50%; z-index:25; width:600px; height:350px; margin:-175px 0 0 -300px; background:#fff;} #footer .shopinfo .sns ul li.app .app_layer .inner {position:relative; padding:73px 57px 61px;} #footer .shopinfo .sns ul li.app .app_layer .inner .btn_close {position:absolute; top:20px; right:41px;} #footer .shopinfo .sns ul li.app .app_layer .inner .title {margin:0 27px; padding:9px 0 9px 152px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/bg_app_title.png') no-repeat left center; color:#1a1a1a; font-family:'lato'; font-size:32px; font-weight:bold; text-align:left;} #footer .shopinfo .sns ul li.app .app_layer .inner .download {margin-top:52px;} #footer .shopinfo .sns ul li.app .app_layer .inner .download ul:after {display:block; clear:both; content:'';} #footer .shopinfo .sns ul li.app .app_layer .inner .download ul li {float:left;} #footer .shopinfo .sns ul li.app .app_layer .inner .download ul li:first-child {margin-right:20px;} #footer .shopinfo .menu {margin-bottom:20px; font-size:0; text-align:center;} #footer .shopinfo .menu li {display:inline-block; *display:inline; *zoom:1; margin:0 14px;} #footer .shopinfo .menu li a {color:#f0acaf; font-size:13px; font-weight:bold;} #footer .shopinfo .info {clear:both; color:#edb6b8; font-family:'NotoSansKRWeb'; font-style:normal; text-align:center;} #footer .shopinfo .info span {padding:0 6px; color:inherit; font-family:inherit;} #footer .shopinfo .info span a {color:inherit; font-family:inherit;} #footer .shopinfo .info .pg img {vertical-align:top;} #footer .copyright {height:63px; color:#eba1a4; font-family:'lato'; font-size:13px; text-align:center; line-height:63px;} #footer .copyright a {color:inherit; font-family:inherit; font-size:inherit;} /*-----------------------------------------------------------------*/ /* 3-5. quick /*-----------------------------------------------------------------*/ #ext {position:relative; z-index:10; width:1100px; height:0; margin:0 auto;} #naver_talk {position:fixed; bottom:100px; left:50%; z-index:105; margin-left:860px; cursor:pointer;} #btn_top {position:fixed; bottom:20px; left:50%; z-index:105; margin-left:860px; cursor:pointer;} /*-----------------------------------------------------------------*/ /* 4. Page /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* 4-1. 메인 /*-----------------------------------------------------------------*/ /* 인트로 - 배너 */ #intro {overflow:hidden; position:relative; min-width:1200px; width:100%; height:1050px;} #intro .img {position:absolute; top:0; left:50%; width:1915px; height:1050px; margin-left:-957.5px;} #intro .img img {width:1915px; height:1050px;} /* #intro {overflow:hidden; position:relative; min-width:1200px; width:100%; height:1134px;} #intro .img {position:absolute; top:0; left:50%; width:1915px; height:1134px; margin-left:-957.5px;} #intro .img img {width:1915px; height:1134px;} */ /*2024 x 1036*/ /* 인트로 - 동영상배너 (사용안함) */ /* #intro {position:relative; width:100%; background:#fff;} #intro .img {position:fixed; top:50%; left:50%; z-index:10; width:102px; height:196px; margin:-98px 0 0 -51px; opacity:1;} #intro .img:hover {opacity:0;} #intro .img_over {display:none; overflow:hidden; position:relative; height:0; padding-bottom:56.25%;} #intro .img_over iframe {position:absolute; top:0; bottom:0; left:0; width:100%; height:100%;} #intro .img_over0 {position:absolute; top:0; left:0; z-index:5; width:100%; opacity:0;} #intro .img_over0 img {width:100%;} #intro .img_over0:after {display:block; clear:both; content:'';} #intro .img_over0 .left {float:left; width:50%;} #intro .img_over0 .right {float:right; width:50%;} #intro .img_over0 .right .top ul:after {display:block; clear:both; content:'';} #intro .img_over0 .right .top ul li {float:left; width:50%;} */ #main .visual {overflow:hidden; position:relative; width:100%; height:850px;} #main .visual .slides_container {position:absolute; top:0; left:50%; width:1920px; height:850px; margin-left:-960px;} #main .visual .slides_container img {width:1920px; height:850px;} #main .visual .pagination {position:absolute; left:0; bottom:30px; z-index:10; width:100%; text-align:center;} #main .visual .pagination li {display:inline-block; *display:inline; *zoom:1; margin:0 18px; background-repeat:no-repeat; background-position:center center; cursor:pointer;} #main .visual .pagination li:nth-child(3n-2) {width:42px; height:54px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/main/pagination0.png');} #main .visual .pagination li:nth-child(3n-1) {width:28px; height:34px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/main/pagination1.png');} #main .visual .pagination li:nth-child(3n) {width:27px; height:33px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/main/pagination2.png');} #main .visual .pagination li:nth-child(3n-2).activeSlide {width:36px; height:57px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/main/pagination0_on.png');} #main .visual .pagination li:nth-child(3n-1).activeSlide {width:26px; height:39px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/main/pagination1_on.png');} #main .visual .pagination li:nth-child(3n).activeSlide {width:33px; height:42px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/main/pagination2_on.png');} #main .banner {padding-top:127px;} #main .banner ul {max-width:1920px; min-width:1200px; margin:0 auto;} #main .banner ul:after {display:block; clear:both; content:'';} #main .banner ul li {position:relative; float:left; width:20%; padding-bottom:71px; text-align:center;} #main .banner ul li img {max-width:100%; height:auto;} #main .banner ul li .box_btn1 {position:absolute; bottom:0; left:50%; min-width:100px; height:35px; margin-left:-50px; line-height:35px;} #main .banner ul li .box_btn1 * {min-width:100px; height:35px; color:#1a1a1a !important; font-family:'lato'; font-size:16px; font-weight:bold; line-height:30px;} #main .banner ul li .box_btn1:hover * {color:#fff !important;} #main .animation {overflow:hidden; position:relative; width:100%; padding:72px 0 64px; white-space:nowrap;} #main .animation .animation_txt {position:absolute; left:0;} #main .animation .animation_txt span {display:inline-block; *display:inline; *zoom:1; margin-right:50px; color:#1a1a1a; font-family:'Poppins'; font-size:170px;} #main .main_prd {text-align:center;} #main .main_prd .box_btn1 * {font-family:'lato'; font-size:16px; font-weight:bold;} #main .banner2 {margin-top:64px;} #main .banner2 ul {max-width:1920px; min-width:1200px; margin:0 auto;} #main .banner2 ul:after {display:block; clear:both; content:'';} #main .banner2 ul li {float:left; width:50%;} #main .banner2 ul li img {max-width:100%; height:auto;} #main .video {position:relative; height:660px; margin-top:64px; background-repeat:no-repeat; background-position:top left; background-size:100%;} #main .video .youtube {position:absolute; top:78px; right:120px; z-index:10;} #main .video .youtube.center {right:120px; } #main .video .video_icon0 {display:none; right:50%; top:-40px; margin-right:-910px;} #main .video .video_icon1 {display:none; left:50%; bottom:163px; margin-left:-180px;} #main .video .video_icon2 {display:none; right:50%; bottom:24px; margin-right:-940px;} #main .video0 {background:url('http://www.rolarola.com/_skin/rolarola_210129/img/bg/bg_main_video0_11.jpg') no-repeat center;} #main .video1 {background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/bg/bg_main_video0_12.jpg');} #main .follow {position:relative;} #main .follow h3 {padding:160px 0 32px; color:#1a1a1a; font-family:'lato'; font-size:38px; font-weight:500; text-align:center;} #main .follow .inner {width:1680px; margin:0 auto;} /*-----------------------------------------------------------------*/ /* 4-2.상점 /*-----------------------------------------------------------------*/ /* 회원 쇼핑통장(장바구니, 주문서) */ .myshop_info {height:92px; margin-bottom:30px; border:1px solid #eaeaea;} .myshop_info:after {display:block; clear:both; content:'';} .myshop_info .name {float:left; width:306px; border-right:1px solid #eaeaea; text-align:center; line-height:92px;} .myshop_info ul {float:right; padding:19px 20px 0 0;} .myshop_info ul li {float:left; width:122px; height:55px; margin-left:10px; text-align:center;} .myshop_info ul li:first-child {margin-left:0;} .myshop_info ul li a {display:block; height:55px; background:#f9f9f9; color:#6e6e6e;} .myshop_info ul li a strong {display:block; padding:10px 0 5px; color:#000;} /* 상품목록(/shop/big_section.php) */ #big_section .best {display:none; overflow:hidden; position:relative; padding:59px 0 62px; background:#ffcfc8;} #big_section .best h3 {padding-bottom:52px; text-align:center;} #big_section .best .bg_lol {position:absolute; top:334px; left:50%; z-index:10; width:137px; height:95px; margin-left:-68.5px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/shop/bg_lol.png') no-repeat left center;} #big_section .nowcate {clear:both; padding:59px 0 21px; color:#1a1a1a; font-size:40px; font-weight:bold; text-align:center;} #big_section .btn_back {display:none; position:absolute; top:75px; left:0;} #big_section .midcate {clear:both; padding-bottom:28px; font-size:0; text-align:center;} #big_section .midcate li {display:inline-block; zoom:1; *display:inline;} #big_section .midcate li a {display:inline-block; zoom:1; *display:inline; padding:0 20px 0 22px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/shop/bg_cate_bar.gif') no-repeat left center; color:#1a1a1a; font-size:15px;} #big_section .midcate li:first-child a {background:none;} /* 상품상세페이지(/shop/detail.php) */ #detail .wrap_prd {padding:60px 0 47px; background:#ffe8e7;} #detail .wrap_prd .wrap_inner:after {display:block; clear:both; content:'';} #detail .wrap_prd .addimg {float:left; height:600px; margin-right:15px;} #detail .wrap_prd .addimg ul {overflow:hidden; width:110px;} #detail .wrap_prd .addimg ul li {width:110px; height:108px; margin:15px auto 0;} #detail .wrap_prd .addimg ul li:first-child {margin-top:0;} #detail .wrap_prd .addimg ul li img {width:110px; height:108px;} #detail .wrap_prd .img_sns {position:relative; float:left; width:600px;} #detail .wrap_prd .img_sns .img {overflow:hidden; position:relative; width:600px; height:600px; text-align:center;} #detail .wrap_prd .img_sns .img img {max-width:600px; max-height:600px;} #detail .wrap_prd .img_sns .img:hover .img_zoom {display:block;} #detail .wrap_prd .img_sns .img_zoom {display:none; position:absolute; bottom:0; left:0; width:100%; height:37px;} #detail .wrap_prd .img_sns .img_zoom .btn_zoom {position:absolute; top:0; left:0; width:100%; height:100%; z-index:20;} #detail .wrap_prd .img_sns .img_zoom .btn_zoom a {display:block; color:#000;} #detail .wrap_prd .img_sns .img_zoom .btn_zoom a .zoom {display:inline-block; *display:inline; *zoom:1; padding-left:25px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/shop/prd_zoom.png') no-repeat 0 center; line-height:37px;} #detail .wrap_prd .img_sns .img_zoom .dimmed {position:absolute; top:0; left:0; z-index:15; width:100%; height:100%; background:#fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity:0.5;} #detail .wrap_prd .img_sns .rev_qna {float:right; margin:32px 0 20px;} #detail .wrap_prd .img_sns .rev_qna:after {display:block; clear:both; content:'';} #detail .wrap_prd .img_sns .rev_qna li {float:left; padding-left:8px;} #detail .wrap_prd .img_sns .rev_qna li:first-child {padding-right:8px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/bg/bg_detail_revqna_bar.gif') no-repeat right center;} #detail .wrap_prd .img_sns .rev_qna li a {display:block; color:#333; font-size:13px; font-weight:bold;} #detail .wrap_prd .img_sns .rev_qna li span {color:#ef477c; font-size:inherit;} #detail .wrap_prd .img_sns .btn_wish {position:absolute; bottom:60px; right:-10px;} #detail .wrap_prd .list_btn {float:right; width:363px; padding-right:45px;} #detail .wrap_prd .list_btn .name {padding-bottom:17px; font-size:21px; line-height:1;} #detail .wrap_prd .list_btn .summary {color:#1a1a1a; font-size:13px;} #detail .wrap_prd .list_btn .box_price {padding-top:16px; font-size:21px; font-weight:bold;} #detail .wrap_prd .list_btn .box_price .prc {color:#8d7f7f; font-size:inherit; font-weight:inherit;} #detail .wrap_prd .list_btn .box_price .prc strong {color:inherit; font-size:inherit;} #detail .wrap_prd .list_btn .box_price .p_sale {color:#f43737;} #detail .wrap_prd .list_btn .box_price .c_sale {position:relative; color:#f43737;} #detail .wrap_prd .list_btn .box_price .c_sale .btn_down {position:absolute; top:50%; right:0; margin-top:-9.5px; cursor:pointer;} #detail .wrap_prd .list_btn .box_price .c_sale .btn_down img {max-height:19px;} #detail .wrap_prd .list_btn .box_price .normal_prc {color:#999; font-size:12px; font-weight:normal; text-decoration:line-through;} #detail .wrap_prd .list_btn .box_qty {width:111px; height:27px; border:2px solid #e6e6e6; text-align:center;} #detail .wrap_prd .list_btn .box_qty .input {width:51px !important; height:27px !important; padding:0 30px; text-align:center;} #detail .wrap_prd .list_btn .box_qty .ctrl {position:absolute; top:0;} #detail .wrap_prd .list_btn .box_qty .ctrl.down {left:0; border-right:1px solid #e6e6e6;} #detail .wrap_prd .list_btn .box_qty .ctrl.up {right:0; border-left:1px solid #e6e6e6;} #detail .wrap_prd .list_btn .list_table {table-layout:fixed; width:100%;} #detail .wrap_prd .list_btn .list_table th {padding:7px 0; font-size:13px; font-weight:normal; text-align:left; vertical-align:middle;} #detail .wrap_prd .list_btn .list_table td {padding:7px 0; font-size:13px; text-align:left; vertical-align:middle;} #detail .wrap_prd .list_btn .list_table td.line {height:1px; padding:6px 0;} #detail .wrap_prd .list_btn .list_table td.line div {height:1px; margin:3px 0; background:#e0e0e0;} #detail .wrap_prd .list_btn .list_table td select {width:267px; height:36px; border:2px solid #ebebeb; background:#fff; color:#9f9f9f; font-size:13px;} #detail .wrap_prd .list_btn .list_table .text_option {font-size:0;} #detail .wrap_prd .list_btn .list_table .text_option:after {display:block; clear:both; content:'';} #detail .wrap_prd .list_btn .list_table .text_option li {float:left; text-align:left;} #detail .wrap_prd .list_btn .list_table .text_option li a {overflow:hidden; display:block; width:30px; height:30px; margin:1px; border:1px solid #d8d8d8; line-height:30px; text-align:center;} #detail .wrap_prd .list_btn .list_table .text_option li a.selected {border:1px solid #ff1111;} #detail .wrap_prd .list_btn .list_table .text_option li a.soldout {background:#ff1111; color:#fff;} #detail .wrap_prd .list_btn .multi_opt {margin-top:15px;} #detail .wrap_prd .list_btn .multi_opt .selected_list li {padding:14px 14px 12px 12px; background:#fafafa;} #detail .wrap_prd .list_btn .multi_opt .selected_list li:after {display:block; clear:both; content:'';} #detail .wrap_prd .list_btn .multi_opt .selected_list li .cover_set {float:left;} #detail .wrap_prd .list_btn .multi_opt .selected_list li .cover_set:after {display:block; clear:both; content:'';} #detail .wrap_prd .list_btn .multi_opt .selected_list li .cover_set .opt_data {float:left; width:80px; padding-top:5px; color:#333; font-size:13px; font-weight:bold; word-break:break-all;} #detail .wrap_prd .list_btn .multi_opt .selected_list li .cover_set .box_qty {float:left;} #detail .wrap_prd .list_btn .multi_opt .selected_list li .cover_prc {position:relative; float:left; padding-right:38px; text-align:right;} #detail .wrap_prd .list_btn .multi_opt .selected_list li .cover_prc .opt_price {display:block; width:102px; color:#333; font-size:13px; line-height:31px;} #detail .wrap_prd .list_btn .multi_opt .selected_list li .cover_prc .opt_price span {color:inherit; font-size:inherit;} #detail .wrap_prd .list_btn .multi_opt .selected_list li .cover_prc .opt_del {position:absolute; top:0; right:0; padding:7px 0;} #detail .wrap_prd .list_btn .multi_opt .opt_total {overflow:hidden; *zoom:1; margin-top:28px;} #detail .wrap_prd .list_btn .multi_opt .opt_total .total_txt {float:left; color:#1a1a1a; font-size:16px; font-weight:bold;} #detail .wrap_prd .list_btn .multi_opt .opt_total .total_prc {float:right; color:#1a1a1a; font-size:21px; font-weight:bold; text-align:right;} #detail .wrap_prd .list_btn .multi_opt .opt_total .total_prc * {color:inherit; font-size:inherit; font-weight:inherit;} #detail .wrap_prd .list_btn .btn {margin:34px auto 0;} #detail .wrap_prd .list_btn .btn:after {content:''; clear:both; display:block;} #detail .wrap_prd .list_btn .btn li {float:left;} #detail .wrap_prd .list_btn .btn li .box_btn1 * {color:#1a1a1a !important; font-size:16px; font-weight:bold;} #detail .wrap_prd .list_btn .btn li .box_btn1:hover * {color:#fff !important;} #detail .wrap_prd .list_btn .btn li .box_btn1.large {min-width:168px; height:53px;} #detail .wrap_prd .list_btn .btn li .box_btn1.large * {min-width:167px; height:53px;} #detail .wrap_prd .list_btn .btn_checkout {display:none;} #detail .wrap_prd .coupon_list {margin-top:20px;} #detail .wrap_info {clear:both;} #detail .ref_prd h3 {padding:100px 0 24px; color:#1a1a1a; font-family:'lato'; font-size:29px; text-align:center;} #detail .ref_prd .ref_slides {position:relative; width:100%; height:430px;} #detail .ref_prd .ref_slides .slides_container {width:1147px; height:430px; margin:0 auto;} #detail .ref_prd .ref_slides .slides_container .item_group {width:100%;} #detail .ref_prd .ref_slides .slides_container .item_group:after {display:block; clear:both; content:'';} #detail .ref_prd .ref_slides .box {float:left; width:20%;} #detail .ref_prd .ref_slides .box .info {position:relative; width:216px; margin:0 auto; text-align:center;} #detail .ref_prd .ref_slides .box .info .img {position:relative; width:216px; height:216px;} #detail .ref_prd .ref_slides .box .info .img > a > img {width:216px; height:216px;} #detail .ref_prd .ref_slides .box .info .img .soldout {display:none;} #detail .ref_prd .ref_slides .box .info.out .img .soldout {display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; cursor:pointer;} /* 품절시 soldout 출력 */ #detail .ref_prd .ref_slides .box .info.out .img .soldout .dimmed {position:absolute; left:0; top:0; z-index:15; width:100%; height:100%; background:#fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: .5;} #detail .ref_slides .box .info.out .img .soldout .icon_soldout {position:absolute; left:50%; top:50%; z-index:100; width:76px; height:76px; margin:-38px 0 0 -38px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/shop/icon_soldout.png') no-repeat 0 0; color:#fff; font-size:10px; text-align:center; line-height:76px;} #detail .ref_prd .ref_slides .box .info .img .dimmed {position:absolute; top:6px; left:6px; width:100%; height:100%; background:transparent; background-color:rgba(255,208,208,0.5); opacity:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;} #detail .ref_prd .ref_slides .box .info .img .dimmed .icon_bg {position:absolute; top:-9px; left:-14px;} #detail .ref_prd .ref_slides .box .info .img:hover .dimmed {opacity:1;} #detail .ref_prd .ref_slides .box .info.out .img:hover .dimmed {opacity:0;} #detail .ref_prd .ref_slides .box .info .check {position:absolute; top:227px; left:0;} #detail .ref_prd .ref_slides .box .info .check input {-webkit-appearance:none; appearance:none; width:22px; height:22px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/checkbox.gif') no-repeat left center;} #detail .ref_prd .ref_slides .box .info .check input:checked {background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/checkbox_checked.gif');} #detail .ref_prd .ref_slides .box .info .wrap_name {padding:17px 0 28px 22px;} #detail .ref_prd .ref_slides .box .info .wrap_name .name {color:#1a1a1a; font-size:13px;} #detail .ref_prd .ref_slides .box .info .wrap_name .name a {color:inherit; font-size:inherit;} #detail .ref_prd .ref_slides .box .info .wrap_name .prc {color:#1a1a1a; font-size:13px;} #detail .ref_prd .ref_slides .box .info .wrap_name .prc strong {color:inherit; font-size:inherit;} #detail .ref_prd .ref_slides .box .info .qty .input {width:31px; height:21px; padding:0 5px; border:2px solid #e6e6e6; text-align:left; line-height:21px;} #detail .ref_prd .ref_slides .box .info .opt select {margin-top:8px; width:173px; height:33px; border:2px solid #e6e6e6; color:#1a1a1a; font-size:13px;} #detail .ref_prd .ref_slides .pagination {position:absolute; bottom:0; left:0; width:100%; text-align:center;} #detail .ref_prd .ref_slides .pagination li {display:inline-block; *display:inline; *zoom:1; width:16px; height:16px; margin:0 6px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/slides_paging.gif') no-repeat center center;} #detail .ref_prd .ref_slides .pagination li.activeSlide {background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/slides_paging_on.gif');} #detail .ref_prd .ref_slides .ctrl {position:absolute; top:100px; cursor:pointer;} #detail .ref_prd .ref_slides .ctrl.prev {left:0;} #detail .ref_prd .ref_slides .ctrl.next {right:0;} #detail .ref_prd .btn_with {text-align:right;} #detail .ref_prd .btn_with .box_btn1 * {color:#1a1a1a !important; font-size:13px;} #detail .ref_prd .btn_with .box_btn1:hover * {color:#fff !important;} #detail .ref_prd .btn_with .box_btn1.middle {min-width:140px;} #detail .ref_prd .btn_with .box_btn1.middle * {min-width:140px;} #detail .wrap_info .box_detail h3 {padding:130px 0 50px; color:#1a1a1a; font-family:'lato'; font-size:26px; text-align:center;} #detail .wrap_info .box_detail_common {position:relative;} #detail .wrap_info .box_detail_common .bg_icon {bottom:-12px; right:-27px;} #detail .wrap_info .box_detail .tbl_col th {padding:12px 0; border-top:0; border-bottom:2px solid #e5e5e5; color:#1a1a1a; font-family:'lato'; font-weight:bold;} #detail .wrap_info .box_detail .tbl_col th.left {padding-left:140px; text-align:left;} #detail .wrap_info .box_detail .tbl_col td {padding:14px 0; border-bottom:1px solid #e5e5e5; color:#8c8c8c; font-size:13px;} #detail .wrap_info .box_detail .tbl_col td.basic {padding:0; border-bottom:0;} #detail .wrap_info .box_detail .tbl_col td a {color:inherit; font-size:inherit;} #detail .wrap_info .detail_info, #detail .wrap_info .common_info {word-break:break-all;} #detail .wrap_info .detail_info * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;} #detail .wrap_info .detail_info img, #detail .wrap_info .common_info img {max-width:100%; height:auto; font-size:0; line-height:0;} #detail .wrap_info .btn_qnarev {margin:20px 0; text-align:right;} #detail .wrap_info .btn_qnarev .box_btn1 * {color:#1a1a1a !important; font-family:'lato'; font-weight:bold;} #detail .wrap_info .btn_qnarev .box_btn1:hover * {color:#fff !important;} /* 주문순서(장바구니, 주문서, 주문완료) */ .order_step {overflow:hidden; padding-bottom:42px;} .order_step ol {float:right;} .order_step ol li {float:left; margin-left:15px; padding:5px 0; color:#1a1a1a; font-size:13px; font-weight:bold;} .order_step ol li.now {margin:0 5px 0 20px; border-bottom:1px solid #1a1a1a;} /* 장바구니(/shop/cart.php) */ #cart .enterprise {padding-top:30px;} #cart .enterprise.headY {padding-top:0;} #cart .enterprise .msg_delivery {padding-bottom:10px;} #cart .tbl_col th {padding:7px 0; border-top:0; color:#000; font-size:12px; font-weight:normal;} #cart .tbl_col td {padding:10.5px 0; border-bottom:0; color:#1a1a1a; font-size:13px;} #cart .tbl_col td .cartcheck {display:block; width:23px; height:23px; margin:0 auto; background:no-repeat center; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/checkbox.gif'); cursor:pointer;} #cart .tbl_col td .cartcheck.in {background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/checkbox_checked.gif');} #cart .tbl_col td .btn_wishdel {padding:3.5px 0;} #cart .tbl_col td .btn_edit a {display:inline-block; zoom:1; *display:inline; width:40px; height:25px; background:#ffcccc; color:#1a1a1a; font-size:10px; font-weight:bold; line-height:25px; vertical-align:top;} #cart .tbl_col td.qty .input {width:66px; height:22px; padding:0 5px; border:2px solid #eaeaea; font-size:10px; text-align:center;} #cart .tbl_price {padding:36px 7px; border:solid #e8e8e8; border-width:2px 0; background:#fff;} #cart .tbl_price .delivery_msg {position:relative; top:0; left:0; padding-bottom:10px; text-align:right;} #cart .tbl_price .delivery_msg span {padding:0 0 0 30px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/shop/bg_delivery.png') no-repeat left center;} #cart .tbl_price table th {padding:5px 0; color:#181818; font-size:13px;} #cart .tbl_price table td {padding:5px 0; color:#181818; font-size:13px;} #cart .tbl_price table th.total {color:#181818; font-size:16px;} #cart .tbl_price table td.total {color:#181818; font-size:16px; font-weight:bold;} #cart .tbl_price table td.total * {color:inherit; font-size:inherit; font-weight:inherit;} #cart .btn {overflow:hidden; margin:0; padding-top:34px;} #cart .btn_checkout {display:none; margin-top:10px; text-align:right;} #cart dl.msg {position:relative; margin-top:126px; padding:43px 41px; border:0; background:#ffefef;} #cart dl.msg dt {height:27px; margin-bottom:17px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/shop/shopping_guide.png') no-repeat left center; color:transparent; text-indent:-9999px;} #cart dl.msg dd {padding:1.5px 0; color:#777; font-size:13px;} #cart dl.msg dd.msg_bg {position:absolute; bottom:-24px; right:-29px; z-index:10; width:243px; height:102px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/shop/fun_my_life.png') no-repeat center;} #cart .check {float:left; padding-top:20px; font-size:0;} #cart .check .box_btn {margin:0 8px;} #cart .check .box_btn:first-child {margin-left:5px;} #cart .order {float:right; font-size:0;} #cart .order .box_btn {margin-left:15px;} #cart .order .box_btn.sky .bg {display:block; position:absolute; top:-6px; left:-6px; z-index:10; width:32px !important; height:32px !important; min-width:32px; padding:0; border:0; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/shop/bg_cart_order.png') no-repeat center; font-size:0; line-height:0;} #cart .box_qty {display:inline-block;} /* 장바구니 옵션 변경 */ .cart_change_option {width:600px; padding:10px;} .cart_change_option .img {float:left; width:150px;} .cart_change_option .img img {max-width:150px; height:auto;} .cart_change_option .info {padding:10px 0 0 170px;} .cart_change_option .info .opt {padding-top:5px;} .cart_change_option .info .price {padding:10px 0; font-family:'verdana';} .cart_change_option .info .price strong {color:#000; font-family:inherit; font-size:20px;} .cart_change_option .info .total_prc {padding:10px; text-align:right;} .cart_change_option .info .total_prc span {margin-left:3px; color:#000; font-family:'Verdana';} .cart_change_option .info .total_prc span .sell_prc_str_total {color:inherit; font-family:inherit; font-size:20px; font-weight:bold;} .cart_change_option .info .btns {text-align:right;} /* 주문서(/shop/order.php) */ #order .enterprise {padding-top:30px;} #order .enterprise.headY {padding-top:0;} #order .enterprise .msg_delivery {padding-bottom:10px;} #order .caption {padding-bottom:10px; font-weight:bold;} #order .guest {padding:34px 0 29px; text-align:left;} #order .guest .box_frame {border:1px solid #dbdbdb;} #order .guest .box_frame iframe {width:100%; height:172px; border:0;} #order .guest .agree_guest {padding:10px 0 20px 0; background:#fafbfb;} #order .guest .agree_msg {padding:20px 27px; background:#f4f4f4;} #order .tbl_price .delivery_msg {position:relative; left:auto; top:auto; margin:0; padding:15px 0; text-align:left;} #order .print_receipt {padding-top:25px; text-align:right;} #order .print_receipt p {padding-bottom:10px;} #order .box_left {float:left; width:50%; padding-right:2%;} #order .box_right {float:right; width:48%;} #order .coupon_list li {padding:5px 0;} #order .coupon_list li p {padding-left:25px; font-size:11px; line-height:1.6;} #order .coupon_list li p.name {padding-left:0; font-size:12px;} #order .coupon_list li p input {position:relative; bottom:-2px;} #order .coupon_list li p span {color:#f46665; font-size:inherit;} #order .payway {clear:both; padding-top:30px;} #order .payway .box {padding:20px; border:1px solid #dedede; color:#837d81; font-size:12px;} #order .payway .method {line-height:3;} #order .payway .method input {vertical-align:middle;} #order .payway .method input[type=radio], #order .payway .method input[type=checkbox] {top:-2px;} #order .payway .method select {height:25px;} #order .payway .order_cancel_msg {padding:10px 25px; color:#000;} #order #order1 {padding:30px 0; text-align:center;} #order #order2 {margin-top:25px; padding:50px 0; border:1px solid #696667; text-align:center;} #order #order2 .total_info {color:#000; font-size:16px; font-weight:bold;} #order #order2 .total_info strong {color:#fc3131; font-size:inherit;} #order #order2 .msg {padding:23px 0;} /* 주문완료(/shop/order_finish.php) */ #orderfin .box_common h3 {padding-top:130px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/shop/bg_order_finish.gif') no-repeat center top;} #orderfin .box_common .info_order {table-layout:fixed; width:510px; margin:0 auto; border-top:1px solid #000; } #orderfin .box_common .info_order th {padding:15px 10px 15px 20px; border-bottom:1px solid #dedede; background:#f9f9f9; color:#040404; font-weight:normal; text-align:left; vertical-align:middle;} #orderfin .box_common .info_order td {padding:15px 10px; border-bottom:1px solid #dedede; color:#040404; text-align:left; vertical-align:middle;} #orderfin .box_common .info_banking {padding-top:30px;} #orderfin .box_common .info_banking strong {color:#f46665;} #orderfin .box_common .email {padding-top:30px; color:#181818; line-height:1.6;} #orderfin .box_common .msg {color:#837d81; line-height:1.6;} #orderfin .box_common .msg strong {color:#181818;} #orderfin .box_common .btn {padding:20px 0;} #orderfin .box_common .box_gift {width:510px; margin:0 auto;} /* 상품검색(/shop/search_result.php) */ #search_result .box_search {padding-top:28px; border:1px solid #d9d9d9; text-align:center;} #search_result .box_search .total {padding:0 0 8px; color:#000; font-size:11px;} #search_result .box_search .total strong {font-size:inherit;} #search_result .box_search .total .keyword {color:#f46665; font-size:16px;} #search_result .box_search .search_frm {width:608px; height:93px; margin:0 auto; text-align:left;} #search_result .box_search .search_frm .box_input {float:left; border:3px solid #231f20;} #search_result .box_search .search_frm .box_input .input {float:left; width:400px; height:34px; padding:0 10px; border:none; line-height:34px;} #search_result .box_search .search_frm .box_input .btn {float:left;} #search_result .box_search .search_frm .rank {position:relative; float:right; width:139px; height:30px;} #search_result .box_search .search_frm .rank .view {width:109px; padding:14px; border:1px solid #a0a0a0; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/shop/rank_arrow.gif') no-repeat 116px 17px #fff;} #search_result .box_search .search_frm .rank .view h4 {height:10px; color:#a0a0a0; font-size:11px; font-weight:normal; text-align:left;} #search_result .box_search .search_frm .rank:hover .view {position:absolute; left:0; top:0; z-index:100; width:109px; padding:14px; border:1px solid #000; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/shop/rank_arrow_on.gif') no-repeat 116px 17px #fff;} #search_result .box_search .search_frm .rank:hover .view h4 {height:10px; color:#000; font-size:11px; font-weight:normal;} #search_result .box_search .search_frm .rank:hover .view ol {display:block;} #search_result .box_search .search_frm .rank .view ol {display:none; margin-top:20px; text-align:left;} #search_result .box_search .search_frm .rank .view ol li {overflow:hidden; text-overflow:ellipsis; height:14px; padding-top:4px; line-height:14px; white-space:nowrap;} #search_result .box_search .search_frm .rank .view ol li:first-child {padding-top:0;} #search_result .box_search .search_frm .rank .view ol li span {float:left; width:15px; height:14px; margin-right:5px; background:#b2b2b2; color:#fff; font-size:11px; text-align:center; line-height:15px;} #search_result .box_search .search_frm .rank .view ol li:hover span {background:#f46665;} #search_result .box_search .search_frm .rank .view ol li:hover a {color:#000;} #search_result .box_search .search_frm .check {clear:both; height:32px; font-size:11px; line-height:31px; text-align:left;} #search_result .result_cate_basic {border-top:1px solid #d9d9d9 !important;} #search_result .result_cate {overflow:hidden; padding:0 25px; border-top:1px solid #ececec; background:#f9f9f9;} #search_result .result_cate:after {clear:both;} #search_result .result_cate .kind {float:left; line-height:38px;} #search_result .result_cate .list {width:85%; margin-left:15%; text-align:left;} #search_result .result_cate .list li {overflow:hidden; text-overflow:ellipsis; float:left; width:20%; height:40px; white-space:nowrap; line-height:38px;} #search_result .result_cate .list li a {color:#777; font-size:11px;} #search_result .result_cate .list li a.selected {font-weight:bold;} #search_result .result_cate .list li span {color:#aaa; font-size:11px;} /* 상품문의 & 상품후기 - 상품정보(/shop/product_review.php & /shop/product_qna.php) */ .minidetail .btn {clear:both; padding:20px 0; text-align:right;} .minidetail .miniinfo {overflow:hidden; position:relative; min-height:150px; padding:20px 0; margin-bottom:32px; background:#fafbfb; color:#474645;} .minidetail .miniinfo .img {float:left; width:240px; padding:0 50px 0 40px; text-align:center;} .minidetail .miniinfo .list {float:left; width:730px; text-align:left;} .minidetail .miniinfo .list .name {margin:0; padding:10px 0; font-size:14px; font-weight:bold;} .minidetail .miniinfo .list .name img {padding-right:5px; vertical-align:middle;} .minidetail .miniinfo .list ul {margin:0; padding:0;} .minidetail .miniinfo .list ul li {list-style:none; margin:0; padding:8px 0 0 0; color:#181818;} .minidetail .miniinfo .list ul li span {color:#837d81;} .minidetail .miniinfo .list ul li .nprice {text-decoration:line-through;} .minidetail .miniinfo .btn_mini {position:absolute; bottom:20px; right:20px;} .minidetail .btn_write {padding:20px 0; text-align:right;} /* 상품문의 & 상품후기 */ #qnarev {width:100%; text-align:center;} #qnarev .cnt {text-align:left; word-break:break-all; word-wrap:break-word;} #qnarev .cnt .qnarev_content {padding:30px 0; border-bottom:1px solid #d9d9d9;} #qnarev .cnt .qnarev_content .row * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;} #qnarev .cnt .qnarev_content .row {padding:0 20px;} #qnarev .cnt .qnarev_content .row.question {text-align:left; padding-bottom:25px;} #qnarev .cnt .qnarev_content .row.answer {margin-top:20px; text-align:left;} #qnarev .cnt .qnarev_content .row.question strong, #qnarev .cnt .qnarev_content .row.answer strong {color:#000;} #qnarev .cnt img {max-width:1080px;} #qnarev .btn {padding:20px 0; text-align:left;} #qnarev .board_search {margin-top:30px; text-align:center;} #qnarev .board_search select {height:30px; line-height:30px; vertical-align:middle;} #qnarev .board_search input {vertical-align:middle;} #qnarev .board_search .boardsearch {width:238px; height:18px; padding:5px; line-height:30px;} #qnarev .board_search .btn {padding-left:2px;} #qnarev .btn_write {margin:30px 0; text-align:right;} /* 상품문의 & 상품후기 - 쓰기 */ .qnarev_write {margin:20px 0;} .qnarev_write .tbl_row td.rev_point label {} .qnarev_write .boxwrite textarea {width:100%; height:500px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-size:12px;} .qnarev_write .board_title {width:98%;} .qnarev_write .input_file {width:40%;} .qnarev_write .btn_frm {padding:20px 0; text-align:center !important;} /* 상품문의 & 상품후기 - 수정 */ #qnarevmod .modInput {padding:20px 0; text-align:center;} #qnarevmod .modInput .input {border:1px solid #ddd;} #qnarevmod .modInput * {vertical-align:middle;} #qnarevmod .modi_pwd {display:none;} #qnarevmod .modi_cnt {display:none; text-align:center;} #qnarevmod .modi_cnt .input2 {width:100%; border:1px solid #e9e9e9;} /* 상품후기 - 댓글 쓰기 */ #qnarev .comment {margin:20px 0;} #qnarev .comment .msg {padding:60px 0; border:1px solid #000; text-align:center;} #qnarev .comment .msg h3 {padding-bottom:15px; color:#181818; font-size:16px;} #qnarev .comment .msg p {padding-bottom:15px; color:#837d81;} #qnarev .empty {border-bottom:0;} /* 상품문의 - 바공개 열람 */ #pwbox {padding:60px 0; margin:20px 0; border:1px solid #000; text-align:center !important;} #pwbox h3 {padding-bottom:15px; color:#181818; font-size:16px !important;} #pwbox p {color:#837d81;} #pwbox .input {width:330px; margin:20px 0;} #pwbox .box_btn a, #pwbox .box_btn input {line-height:40px !important;} /* 오늘본상품(/shop/click_prd.php) */ #click_prd .total_sort {overflow:hidden; clear:both; height:40px; margin-bottom:20px; border-bottom:1px solid #000; line-height:40px;} #click_prd .total {float:left; padding-left:10px; line-height:40px;} #click_prd .sort {float:right; padding:10px 10px 10px 0;} /* 코디리스트, 뷰 (/coordi/coordi_list.php, /coordi/coordi_view.php) */ #coordi_list {width:100%; text-align:left;} #coordi_view {width:100%;} #coordi_view h3 {padding:10px 0; font-size:15px; font-weight:bold;} #coordi_view .det {margin-bottom:30px; color:#595959; text-align:left;} #coordi_view .btn {text-align:center;} /* 상품이미지줌 - 팝업(/shop/zoom.php) */ #zoomimg {overflow:hidden; position:relative; width:100%; height:630px;} #zoomimg h2 {padding:10px 0; font-size:14px; font-weight:bold; text-align:center;} #zoomimg .img {position:relative; width:100%; height:593px; text-align:center;} #zoomimg .img_view {width:100%; height:593px; padding:20px 0; text-align:center;} #zoomimg .img_view img {} #zoomimg .img_list {position:absolute; right:20px; top:20px; text-align:center;} #zoomimg .img_list li {margin-top:5px;} #zoomimg .img_list li img {width:60px; height:60px; border:1px solid #ddd;} #zoomimg .box_btn {position:absolute; right:10px; bottom:10px;} /* 추천메일 - 팝업(/shop/product_request.php) */ #request {width:100%; padding:20px 0; text-align:center;} #request .request_prd {display:inline-block; width:95%; margin:0 auto; padding:0 0 20px 0;} #request .request_prd .prdimg {float:left; width:49%; margin:0; padding:0;} #request .request_prd .prdimg img {width:100%; height:auto;} #request .request_prd .prdinfo {float:right; width:49%; margin:0; padding:30px 0 0 0; text-align:left;} #request .request_prd .name {padding:10px 0; font-weight:bold; font-size:18px; color:#333;} #request .request_prd .price {padding:10px 0; color:#5a5a5a;} #request .tbl_row {width:95%; margin:0 auto;} #request .tbl_row td.first {border-bottom:0;} #request .tbl_row td p {margin:2px 0; line-height:20px;} #request .tbl_row td input.input_request_title {width:95%;} #request .tbl_row td textarea {display:block; width:95%; margin-top:10px;} #request .btn {padding:20px 0;} #request .btn input {width:100px; height:30px; border:1px solid #ddd; font-size:12px; line-height:0;} #request .btn .send {background:#000; color:#fff;} #request .btn .close {background:#f7f7f7; color:#000;} /* 퀵프리뷰 - 팝업(/shop/detail_popup.php) */ #detail_pop {position:relative; width:1200px; margin:0 auto; text-align:left;} #detail_pop .btn_close {position:absolute; top:20px; right:20px; cursor:pointer;} #detail_pop #detail .wrap_prd {overflow:hidden; padding:0; background:#fff;} #detail_pop #detail .wrap_prd .img_sns .img {height:600px;} #detail_pop #detail .wrap_prd .img_sns .img img {width:100%; height:100%; max-height:600px;} #detail_pop #detail .list_btn {width:550px; margin:76px 20px 0 30px; padding:0;} #detail_pop #detail .list_btn .summary {padding-top:35px; border-top:1px solid #e6e6e6; color:#666; font-size:14px;} /* 프레임 프리뷰(/shop/detail_frame.php)*/ .preview_list {clear:both; margin-top:30px; text-align:center;} .preview_list table {width:100%;} /* 가격별상품리스트 */ #price_search .total_sort {clear:both; height:40px; margin-bottom:20px; border-bottom:1px solid #000; line-height:40px;} #price_search .total {float:left; padding-left:10px; line-height:40px;} #price_search .sort {float:right; padding:10px 10px 10px 0;} /*-----------------------------------------------------------------*/ /* 4-3. 회원 /*-----------------------------------------------------------------*/ /* 로그인 & 아이디,비밀번호찾기 */ .box_member h3 {color:#1a1a1a; font-family:'lato'; font-size:23px; font-weight:bold; text-align:center;} .box_member .cover_input {position:relative; margin-top:10px;} .box_member .cover_input:first-child {margin-top:0;} .box_member .cover_input label {position:absolute; top:13px; color:#b1b1b1; font-family:'lato'; font-size:14px; font-weight:bold;} .box_member .input_findkey label {font-family:'NotoSansKRWeb';} .box_member .cover_input .input {width:286px; height:32px; border:2px solid #1a1a1a; color:#b1b1b1; font-family:'lato'; font-size:14px; font-weight:bold; line-height:32px;} .box_member .cover_input .input_phone {width:79px; text-align:center;} .box_member .savessl {margin:15px 0 13px;} .box_member .savessl label {display:inline-block; *display:inline; *zoom:1; min-height:22px; margin-left:10px; padding-left:30px; background-position:left center; background-repeat:no-repeat;} .box_member .savessl label:first-child {margin-left:0;} .box_member .savessl label.checked {background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/checkbox_checked.gif') !important;} .box_member .savessl input[type="checkbox"] {visibility:hidden; overflow:hidden; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; font-size:0; line-height:0;} .box_member .fail {margin-bottom:5px; padding:8px 0; border:1px solid #f46665; color:#f46665; font-size:11px; text-align:center;} .box_member .btn_member {margin-top:95px;} .box_member .btn_member ul {font-size:0; text-align:center;} .box_member .btn_member ul li.txt {display:inline-block; *display:inline; *zoom:1; margin-right:15px; color:#fff; font-size:13px; font-weight:bold; text-shadow:4px 5px 6px #000;} .box_member .btn_member .box_btn1, .box_member .btn_member .box_btn1 * {min-width:236px; height:37px; line-height:37px;} /* 우편번호 찾기(/common/zip_search.php) */ .zipcode {width:450px; text-align:center;} .zipcode .zip_search_tabs {height:32px; margin:10px auto; padding:0; border:1px solid #181818; text-align:center;} .zipcode .zip_search_tabs li {float:left; width:50%;} .zipcode .zip_search_tabs a {display:block; height:32px; background:#fff; color:#181818; line-height:32px;} .zipcode .zip_search_tabs a.selected {color:#fff; background:#000;} .zipcode .ex {width:100%; padding:25px 0 20px; text-align:center;} .zipcode .inputbox {padding:10px 0 40px 0;} .zipcode .inputbox .api {padding-bottom:10px;} .zipcode .inputbox .api select {width:38%; height:26px; border:1px solid #c1c1c1;} .zipcode .inputbox .input {width:232px;} .zipcode .inputbox input {vertical-align:middle;} .zipcode .empty {border:0 !important;} .zipcode table {table-layout:fixed; width:100%; border-top:1px solid #000;} .zipcode table th {padding:10px 0; color:#181818; font-weight:bold; text-align:center; vertical-align:middle;} .zipcode table td {padding:10px 0; border-top:1px solid #d7d7d7; color:#837d81; text-align:center; vertical-align:middle;} .zipcode table td.addr {color:#181818; text-align:left;} .zipcode table td font {color:#181818;} .zipcode2 {width:420px; padding:20px; text-align:center;} .zipcode2 h1 {padding-bottom:20px; font-size:20px; font-weight:bold;} .zipcode2 .tab {height:32px; text-align:center;} .zipcode2 .tab li {float:left; width:50%; vertical-align:bottom;} .zipcode2 .tab a {display:block; height:34px; margin:10px 0 0 -1px; border:1px solid #dcdcdc; background:#f8f8f8; color:#181818; line-height:34px;} .zipcode2 .tab a.selected {height:44px; margin-top:0; border-bottom:0; background:#fff; font-weight:bold; line-height:49px;} .zipcode2 .ex {clear:both; padding:20px 0; color:#666; text-align:left;} .zipcode2 .ex span {display:block; color:#888;} .zipcode2 .search {position:relative; padding-right:60px;} .zipcode2 .search .box_btn {position:absolute; right:0; top:0;} .zipcode2 table {table-layout:fixed; width:100%; margin-top:20px; border-top:1px solid #e0e0e0;} .zipcode2 table th {font-size:0;} .zipcode2 table td {padding:10px 0; border-bottom:1px solid #d7d7d7; color:#888; text-align:center; vertical-align:middle;} .zipcode2 table td.addr {text-align:left;} .zipcode2 table td font {color:#d53838;} input.block {width:100%; height:34px;} /* 로그인(/member/login.php) */ #login {position:relative; width:898px; height:433px; margin:0 auto; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/bg/bg_login.png') no-repeat center center;} #login .inner {position:absolute; top:50px; left:80px; width:619px; height:329px; border:3px solid #1a1a1a; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;} #login .wrap_form:after {display:block; clear:both; content:'';} #login .wrap_form .left {float:left; width:302px; height:329px; padding:0 37px; border-right:3px solid #1a1a1a;} #login .wrap_form .left h3 {padding:23px 0 18px;} #login .wrap_form .left .tab_menu {margin-bottom:15px;} #login .wrap_form .left .tab_menu ul:after {display:block; clear:both; content:'';} #login .wrap_form .left .tab_menu ul li {float:left; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/bg/bg_member_bar.gif') no-repeat left center;} #login .wrap_form .left .tab_menu ul li a {display:block; padding:0 15px; color:#888; font-size:15px;} #login .wrap_form .left .tab_menu ul li:first-child {background:none;} #login .wrap_form .left .tab_menu ul li:first-child a {padding-left:0;} #login .wrap_form .left .tab_menu ul li.on a {color:#1a1a1a; font-weight:bold;} #login .wrap_form .left .member_form1 {display:none;} #login .wrap_form .left .member_form .box_form .cover_input label {left:107px;} #login .wrap_form .left .member_form .box_form .msg {padding-top:10px;} #login .wrap_form .right {float:left; width:240px;} #login .wrap_form .right p {color:#1a1a1a; font-family:'lato'; font-size:17px; font-weight:bold; text-align:center;} #login .wrap_form .right .top {height:110px; padding-top:53px; border-bottom:2px solid #1a1a1a;} #login .wrap_form .right .top p:first-child {margin-bottom:6px;} #login .wrap_form .right .top p a {color:inherit; font-family:inherit; font-size:inherit; font-weight:inherit;} #login .wrap_form .right .bottom p {margin:40px 0 19px;} #login .wrap_form .right .bottom .wrap_btn {font-size:0; text-align:center;} #login .wrap_form .right .bottom .wrap_btn .btn_sns {display:inline-block; *display:inline; *zoom:1; margin:0 12.5px;} #login .box_btn1 * {font-size:13px; font-weight:bold;} #login .member_form0 .box_btn1, #login .member_form0 .box_btn1 * {min-width:136px;} #login .member_form1 .box_btn1, #login .member_form1 .box_btn1 * {min-width:285px;} #login .savessl label {background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/checkbox.gif');} #login .savessl label.in {background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/checkbox_checked.gif');} /* 아이디 비밀번호찾기 (/member/find_step1.php) */ #find {position:relative; width:899px; height:451px; margin:0 auto; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/bg/bg_findidpw.png') no-repeat center center;} #find .inner:after {display:block; clear:both; content:'';} #find .inner .wrap_form {float:left;} #find .inner .wrap_form h3 {padding:50px 0 30px;} #find .inner .wrap_form .cover_input label {left:125px;} #find .inner .id_form {width:301px; height:451px; padding:0 67px 0 79px;} #find .inner .pw_form {width:301px; height:451px; padding:0 72px 0 79px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/bg/bg_find_bar.gif') no-repeat center left;} #find .box_btn1 {margin-top:17px;} #find .box_btn1 * {font-size:13px; font-weight:bold;} #find .box_btn1, #find .box_btn1 * {min-width:293px;} #find .savessl label {padding-left:0;} #find .savessl input[type="radio"] {-webkit-appearance:none; appearance:none; width:22px; height:22px; margin:0; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/radiobox.png') no-repeat center center;} #find .savessl input[type="radio"]:checked {background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/radiobox_checked.png');} #find .savessl label.checked {padding-left:30px;} /* 회원가입 약관동의(/member/join_step1.php) */ #join_agree .box {padding:22px; border:1px solid #f4f4f4; background:#fafbfb;} #join_agree .box h3 {padding:10px 0 5px 0;} #join_agree .box iframe {width:100%; height:172px; border:1px solid #d9d9d9; background:#fff;} #join_agree .box .check {height:43px; color:#737373; text-align:left; line-height:43px; letter-spacing:-1px;} #join_agree .box .check input[type=checkbox] {position:relative; bottom:-2px; width:16px; height:16px;} #join_agree .box .check label {cursor:pointer;} #join_agree .box .member_type {height:43px; padding-bottom:25px; text-align:center; line-height:43px;} #join_agree .btn {text-align:center;} #join_agree .simple {padding:30px 0; text-align:center;} #join_agree .simple a {display:inline-block; width:44px; height:44px; margin:0 5px; border-radius:50%; background-repeat:no-repeat; background-position:center; text-indent:-9999px; transition:all .3s ease;} #join_agree .simple a.naver {background-color:#5ebc67; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/member/icon_naver.png');} #join_agree .simple a.naver:hover {border-radius:0; background-color:#519c58;} #join_agree .simple a.facebook {background-color:#5e85bc; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/member/icon_facebook.png');} #join_agree .simple a.facebook:hover {border-radius:0; background-color:#4f709f;} #join_agree .simple a.kakao {background-color:#f4cf50; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/member/icon_kakao.png');} #join_agree .simple a.kakao:hover {border-radius:0; background-color:#ddbc4b;} /* 회원가입 정보입력(/member/join_frm.php) */ #join_input .row_group {display:block; width:698px; margin:0 auto 30px; border:1px solid #dedede;} #join_input .row_group .group_title {height:58px; border-bottom:1px solid #dedede; color:#837d81; font-size:11px; font-weight:normal; text-align:center;} #join_input .row_group .group_title strong {display:inline-block; *display:inline; *zoom:1; padding-left:28px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/member/group_info.gif') no-repeat left 18px; color:#181818; line-height:58px;} #join_input .row_group .row_field {*zoom:1; padding:10px 20px 15px 20px; text-align:left;} #join_input .row_group .row_field:after {content:''; clear:both; display:block;} #join_input .row_group .row_field .field_title {display:block; padding:5px 0 10px 5px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/bullet.gif') no-repeat left 9px; color:#837d81; font-weight:bold;} #join_input .row_group .row_field p.msg {clear:both; padding-top:5px; color:#bebebe; font-size:11px;} #join_input .row_group .row_field .input {width:100%; height:40px; padding:0 10px; border-color:#c1c1c1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; vertical-align:middle; line-height:40px;} #join_input .row_group .row_field .input.readonly {background:#dbdbdb;} #join_input .row_group .row_field .input:focus {border-color:#000;} #join_input .row_group .row_id .input {float:left; width:210px; margin-right:14px;} #join_input .row_group .row_name .input {float:left; width:210px; margin-right:14px;} #join_input .row_group .row_phone .input {float:left; width:210px;} #join_input .row_group .row_phone .input.center {margin:0 14px;} #join_input .row_group .row_nick .input {float:left; width:210px; margin-right:14px;} #join_input .row_group .row_zip .input_zipcode {float:left; width:210px; margin-right:14px;} #join_input .row_group .row_zip .add_mid {clear:both; margin:5px 0;} #join_input .row_group .row_email .input {float:left; width:200px;} #join_input .row_group .row_email span {display:inline-block; float:left; width:30px; font-size:20px; text-align:center; vertical-align:middle; line-height:40px;} #join_input .row_group .row_email .input.center {margin-right:14px;} #join_input .row_group .row_email select {float:left; width:210px; height:40px; border-color:#c1c1c1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #join_input .row_group .row_birth select {width:130px; height:40px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #join_input .row_group .row_biznum .input {float:left; width:210px;} #join_input .row_group .row_biznum .input.center {margin:0 14px;} #join_input .btn {padding:30px 0 60px; text-align:center;} /* 회원가입완료(/member/join_step3.php) */ #join_finish {width:698px; margin:0 auto; padding:195px 0 117px 0; border:1px solid #dedede; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/member/bullet_fin.png') no-repeat center 117px; text-align:center;} #join_finish h3 {font-size:16px;} #join_finish .msg {padding:15px 0; color:#837d81;} /* 정보수정(/member/edit_step1.php) */ #edit_pw .msg {padding-bottom:15px; color:#837d81;} #edit_pw .input {display:block; width:340px; margin:0 auto;} #edit_pw .btn {padding-top:20px;} /* 정보수정완료(/member/edit_step3.php) */ #edit_fin .msg {padding-bottom:15px; color:#181818;} /* SMS인증 */ #sms_find {width:336px; height:240px; border:10px solid #d1d1d1;} #sms_find .box {position:relative; width:240px; margin:0 auto; text-align:left;} #sms_find .tit {padding:35px 0 15px 0;} #sms_find table {width:100%;} #sms_find table th {padding:3px 0 3px 10px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/member/dot.gif') no-repeat left 42%; font-size:11px; font-weight:bold; text-align:left;} #sms_find table td {padding:3px 0; text-align:left;} #sms_find .btn {padding-top:20px; text-align:center;} #sms_find .close {position:absolute; right:-20px; top:20px; cursor:pointer;} /* 비밀번호변경 페이지(이메일링크) */ #modify_pwd {padding:30px 0;} #modify_pwd .btn_modify {margin:10px 0; text-align:center;} #modify_pwd .btn_modify input {display:inline-block; width:100px; height:30px; border:none; background:#000; color:#fff; font-size:11px; text-align:center;} /*-----------------------------------------------------------------*/ /* 4-4. 마이페이지 /*-----------------------------------------------------------------*/ /* 마이페이지 탭 & 회원정보 */ .my_info {overflow:hidden; position:absolute; top:277px; left:235px;} .my_info .level:after {display:block; clear:both; content:'';} .my_info .level .icon {float:left; margin:0 13px 0 32px;} .my_info .level .txt {float:left;} .my_info .level .txt p {font-size:14px;} .my_info .level .txt p strong {font-size:inherit;} .my_info ul {margin-top:27px;} .my_info ul:after {display:block; clear:both; content:'';} .my_info ul li {float:left; margin-left:54px;} .my_info ul li:first-child {margin-left:0;} .my_info ul li a {font-size:13px;} .my_info ul li a strong {padding-right:5px; font-size:inherit;} .mypage_menu {width:1200px; min-height:396px; margin:0 auto; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/bg/bg_mypagemenu.gif') no-repeat top left;} .mypage_menu ul {padding-top:295px; font-size:0; text-align:center;} .mypage_menu ul li {display:inline-block; *display:inline; *zoom:1; margin:0 25px; text-align:center;} .mypage_menu ul li a {display:block; width:55px; background-position:top center; background-repeat:no-repeat; font-size:14px;} .mypage_menu ul li.order a {padding-top:50px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/mypage/mypage_order.png');} .mypage_menu ul li.wish a {padding-top:51px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/mypage/mypage_wish.png');} .mypage_menu ul li.coupon a {padding-top:56px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/mypage/mypage_coupon.png');} .mypage_menu ul li.milage a {padding-top:62px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/mypage/mypage_milage.png');} .mypage_menu ul li.emoney a {padding-top:50px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/mypage/mypage_emoney.png');} .mypage_menu ul li.counsel a {padding-top:50px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/mypage/mypage_1to1.png');} .mypage_menu ul li.review a {padding-top:48px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/mypage/mypage_myreview.png');} .mypage_menu ul li.attend a {padding-top:48px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/mypage/mypage_attend.png');} .mypage_menu ul li.edit a {padding-top:51px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/mypage/mypage_edit.png');} .mypage_menu ul li.withdraw a {padding-top:47px; background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/mypage/mypage_withdraw.png');} /* 마이페이지 메인(/mypage/mypage.php) */ #mypage .tbl_col {border-bottom:2px solid #e8e8e8;} #mypage .tbl_col th {padding:18px 0; border-top:0; border-bottom:2px solid #e8e8e8; font-size:13px;} #mypage .tbl_col td {padding:12px 0; border-bottom:0; color:#1a1a1a; font-size:13px;} #mypage .tbl_col td.prd_name {font-weight:bold;} #mypage .tbl_col td a {color:inherit; font-size:inherit;} #mypage .msg {padding-top:14px; color:#1a1a1a; font-size:13px;} /* 주문내역(/mypage/order_list.php) */ #order_list .tbl_col td.order_number a {color:#181818; text-decoration:underline;} #order_list .msg {padding:10px 0; color:#837d81; font-size:11px;} /* 주문상세조회(/mypage/order_detail.php) */ #order_detail .box_stat {margin-bottom:30px; border:1px solid #d9d9d9; text-align:center;} #order_detail .box_stat .info {height:58px; border-bottom:1px solid #d9d9d9; line-height:58px;} #order_detail .box_stat .info .box_btn.small {vertical-align:middle;} #order_detail .box_stat .trace {padding-bottom:20px;} #order_detail .box_stat .trace a {display:inline-block; margin:5px auto 0; padding:2px 5px; border:1px solid #a5acb2; background:#f8faf9; color:#0072bc; letter-spacing:-1px;} #order_detail .box_stat .tab {padding:14px 0; text-align:center;} #order_detail .box_stat .tab li {display:inline; padding:0 10px;} #order_detail .box_left {float:left; width:50%; padding-right:2%;} #order_detail .box_right {float:right; width:48%;} #order_detail .total_price {color:#f20101;} #order_detail #counsel {clear:both; padding-top:20px;} #order_detail #counsel .btn {margin:20px 0; text-align:right;} #order_detail #counsel .btn li {display:inline; padding:0;} #order_detail .backtolist {padding:30px 0; text-align:center;} /* 포인트(/mypage/point.php) */ #point h3 {padding:10px 0; font-weight:bold; text-align:left;} #point .change {overflow:hidden; height:110px; margin-bottom:20px; padding:40px 70px; border:5px solid #d7d7d7;} #point .change .have {float:left; width:40%; height:110px;} #point .change .have .have_point {padding-bottom:25px; border-bottom:1px solid #dedede; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/bg/point.png') no-repeat; font-size:16px; font-weight:bold; text-align:right; line-height:1.8;} #point .change .have .have_point span strong {color:#f46665; font-family:'Verdana'; font-size:20px; text-decoration:underline;} #point .change .have .tip {padding-top:15px; color:#837d81; letter-spacing:-1px;} #point .change .have .tip span {padding:1px 7px; margin-right:9px; border:1px solid #f46665; color:#f46665; font-size:10px; letter-spacing:0;} #point .change .calculation {float:right; width:40%; height:110px; padding-left:10%; border-left:1px solid #dedede;} #point .change .calculation .box_input {padding:15px 0; line-height:40px;} #point .change .calculation .box_input .input_point {display:inline-block; width:42%; height:38px; padding-left:10px; border:1px solid #181818; line-height:38px;} #point .change .calculation .box_input .input_point input {width:85%; height:36px; margin:0; border:0; color:#837d81; font-weight:bold; line-height:36px;} #point .change .calculation .box_input .input_milage {display:inline-block; width:42%; height:38px; padding-left:10px; border:1px solid #c1c1c1; line-height:38px;} #point .change .calculation .box_input .input_milage input {width:85%; height:36px; margin:0; border:0; color:#837d81; font-weight:bold; line-height:36px;} #point .change .calculation .box_btn.small {display:block;} #point .change .calculation .box_btn.small input {width:100%;} #point .box_btn * {width:363px; height:30px; line-height:30px;} /* 위시리스트(/mypage/wish_list.php) */ #wish_list .caption {margin-bottom:20px; padding:10px 0; border-bottom:1px solid #000; font-weight:bold; text-align:left;} #wish_list .btn {text-align:right;} #wish_list .tbl_prd_normal td .info .name {padding:20px 0 0 0;} #wish_list .tbl_prd_normal td .info .summary {padding:20px 0;} #wish_list .tbl_prd_normal td .info .opt {margin-top:5px;} #wish_list .tbl_prd_normal td .info .opt select {width:100%; height:25px; margin-bottom:5px; border:1px solid #ccc; color:#837d81; line-height:25px;} /* 소셜쿠폰(/mypage/sccoupon.php) */ #mypage_sccoupon .msg {padding-bottom:15px; color:#837d81;} #mypage_sccoupon .input {display:block; width:340px; margin:0 auto;} #mypage_sccoupon .btn {padding-top:20px;} /* 1:1문의 내역(/mypage/counsel_list.php & /mypage/order_detail.php) */ #counsel .content {padding:30px; border-bottom:1px solid #aeaeae; text-align:left; word-break:break-all; word-wrap:break-word;} #counsel .content .question {padding-bottom:25px;} #counsel .content .answer {} #counsel .tbl_col td.none_style {margin:0 !important; padding:0 !important; border:0 !important;} #counsel .tbl_col td .cnt_hidden {display:none; overflow:hidden; padding:20px; border-bottom:1px solid #d7d7d7;} #counsel .tbl_col td .cnt_hidden .qna_subject {clear:both; float:left; width:10%; padding:10px 0; color:#181818; font-weight:bold; text-align:left; vertical-align:top;} #counsel .tbl_col td .cnt_hidden .qna_cnt {float:left; width:90%; padding:10px 0; text-align:left; vertical-align:top;} #counsel .btn {padding:20px 0 0 0; text-align:right;} /* 1:1문의 글쓰기(/mypage/counsel_step1.php) */ #counsel_write .btn {margin-top:30px; text-align:center;} /* 1:1문의 글쓰기 완료(/mypage/counsel_step2.php) */ /* 회원탈퇴(/mypage/withdraw_step1.php) */ #draw_input .msg {margin-bottom:10px; color:#837d81;} #draw_input .btn {padding-top:20px;} #draw_input .box_draw {width:403px; margin:0 auto;} #draw_input table {width:100%;} #draw_input table th {padding:10px 0; color:#181818; text-align:left; vertical-align:top;} #draw_input table td {padding:10px 0; text-align:left;} #draw_input table td input {width:100%;} #draw_input table td textarea {width:100%; height:145px;} /* 회원탈퇴완료(/mypage/withdraw_step2.php) */ #draw_finish .msg {color:#837d81;} #draw_finish .msg strong {color:#181818;} #draw_finish .btn {padding-top:20px;} /* 출석체크(/mypage/attend_list.php) */ #attend {width:100%; padding-top:30px;} #attend .date {margin-bottom:30px; color:#040404; text-align:center;} #attend .date a {display:inline-block; width:12px; height:12px; border:1px solid #c7c7c7; color:#ff5300; font-size:9px; text-align:center; vertical-align:top; line-height:12px;} #attend #calendar .attenY {background:url('http://www.rolarola.com/_skin/rolarola_210129/img/mypage/attend_ok.gif') no-repeat center;} #attend #calendar .attenN {background:url('http://www.rolarola.com/_skin/rolarola_210129/img/mypage/attend_no.gif') no-repeat center;} #attend #calendar .attenR {background:url('http://www.rolarola.com/_skin/rolarola_210129/img/mypage/attend_today.gif') no-repeat center;} #attend #calendar table {width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd;} #attend #calendar table thead th {padding:10px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#000; color:#fff; font-family:'verdana'; font-size:10px; font-weight:normal; text-align:center;} #attend #calendar table thead th.sun {color:#da2128;} #attend #calendar table thead th.sat {color:#7cb4d1;} #attend #calendar table tbody td {height:100px; padding:10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#040404; text-align:left; vertical-align:top;} #attend .info {overflow:hidden; margin-top:28px; padding:30px 50px; border:1px solid #000; text-align:left;} #attend .info strong {color:#ea0000;} #attend .info .explain {float:left; text-align:left;} #attend .info .sum {float:right;} /* 나의 Q&A(/mypage/qna_list.php) */ #myqna .content {padding:0 30px 30px 30px; text-align:left;} /* 나의 이용후기(/mypage/review_list.php) */ #myreview .content {padding:0 30px 30px 30px; text-align:left;} /* 쪽지 - 팝업(/mypage/msg_list.php) */ #msg {min-width:500px; padding:0 10px;} #msg .btn {padding:10px; text-align:right;} /* 설문조사(/shop/poll_list.php) */ #poll .box {width:100%; padding:20px 0; border-bottom:1px solid #ddd; background:#fafaf9; text-align:center;} #poll .box2 {width:94%; margin:0 auto; text-align:left;} #poll .box2 .title {padding:3px 0; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/bullet_arf.gif') no-repeat left 42%; font-weight:bold;} #poll .box2 .cnt {margin-bottom:20px;} #poll .box2 .list {width:100%; margin:0 auto; padding:10px 0; border:1px solid #ddd; background:#fff;} #poll .box2 .list table {width:96%; margin:0 auto;} #poll .box2 .list table td .poll_graph {height:5px; background:#ff0000;} #poll .box2 .list table td.right {text-align:right;} #poll .btn {margin:10px 0 40px 0; text-align:right;} #poll .commentlist {width:100%; margin-bottom:10px; border-top:1px solid #ddd;} #poll .commentlist caption {display:none;} #poll .commentlist th {padding:5px 0; border-bottom:1px solid #ddd;} #poll .commentlist td {padding:5px 0 5px 10px; border-bottom:1px solid #ddd; text-align:left; vertical-align:middle;} #poll .commentdel {padding-bottom:10px;} #poll .commentwrite {width:100%; margin-bottom:20px;} #poll .commentwrite td {padding:3px 0; text-align:center;} #poll .commentwrite td.left {text-align:left;} #poll .commentwrite td textarea {width:98%; height:55px;} #poll .commentwrite * {vertical-align:middle;} /* 설문조사 - 위젯스타일 */ .commonpoll {width:90%; margin:0 auto; border:1px solid #ddd; text-align:center;} .commonpoll th {text-align:left;} .commonpoll td {padding:5px 0; text-align:left;} .commonpoll td .poll_graph {height:3px; background:#ff0000;} /*-----------------------------------------------------------------*/ /* 4-5. 추가페이지 /*-----------------------------------------------------------------*/ /* 이용약관(/content/content.php?cont=uselaw) */ #uselaw {margin:20px; text-align:left;} #uselaw * {color:#837d81; line-height:150%;} #uselaw li {padding-bottom:20px;} #uselaw li dl dt {color:#181818; font-weight:bold;} #uselaw li dl dd ul li {padding:0 0 0 20px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/bullet.gif') no-repeat 10px 4px;} /* 개인정보취급방침(/content/content.php?cont=privacy) */ #privacy {margin:20px; text-align:left;} #privacy * {color:#837d81; line-height:150%;} #privacy li {padding-bottom:20px;} #privacy li dl dt {color:#181818; font-weight:bold;} #privacy li dl dd dl dt {color:#181818; font-weight:normal;} #privacy li dl dd ul li, #privacy li dl dd ol li {padding:0 0 0 20px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/bullet.gif') no-repeat 10px 4px;} /* 이용안내(/content/content.php?cont=guide) */ #guide {margin:20px 0; text-align:left;} #guide * {line-height:150%;} #guide ul.tab {*zoom:1; position:relative; left:-50%; float:right;} #guide ul.tab:after {content:''; clear:both; display:block;} #guide ul.tab li {float:left; position:relative; left:50%; color:#ddd; text-align:center;} #guide ul.tab li a {padding:0 15px; color:#181818; text-align:center;} #guide ul.tab li a:hover {text-decoration:underline;} #guide dl {margin:0; padding:0; text-align:left;} #guide dl.first dt {padding-top:48px;} #guide dl dt {margin:0; padding:30px 0 2px 10px; font-weight:bold;} #guide dl dt a {color:#181818;} #guide dl dd {margin:0; padding:0 0 0 10px; color:#837d81;} #guide dl dd .step {width:100%; margin:16px 0;} #guide ul {margin:0; padding:0 0 10px 0;} #guide ul li {list-style:none; margin:0;} /* 회사소개(/content/content.php?cont=company) */ #company {text-align:center;} #company .brand_info {width:1060px; margin:0 auto 40px;} #company .brand_info .box:after {display:block; clear:both; content:'';} #company .brand_info .box .img {float:left; width:532px;} #company .brand_info .box .info {position:relative; float:left; width:528px;} #company .brand_info .box .info .box_btn1 {position:absolute; left:50%; bottom:98px; margin-left:-50px;} #company .brand_info li:nth-child(even) .box .img {width:528px;} #company .brand_info li:nth-child(even) .box .info {width:532px;} /* LOOKBOOK 공통 스타일 */ .lookbook .video {margin-bottom:40px; text-align:center;} .lookbook .slides_look {position:relative; width:1169px; margin:0 auto; padding-bottom:82px;} .lookbook .slides_look .slides_container {overflow:hidden; width:1169px; height:827px;} .lookbook .slides_look .slides_container img {width:1169px; height:827px;} .lookbook .slides_look .pagination {position:absolute; bottom:0; left:0; z-index:35; width:100%; margin:11px 0; text-align:center;} .lookbook .slides_look .pagination li {display:inline-block; *display:inline; *zoom:1; width:16px; height:16px; margin:6px;} .lookbook .slides_look .pagination li a {display:block; width:16px; height:16px; background:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/slides_paging.gif') no-repeat center center;} .lookbook .slides_look .pagination li.activeSlide a {background-image:url('http://www.rolarola.com/_skin/rolarola_210129/img/common/slides_paging_on.gif');} .lookbook .slides_look .ctrl {position:absolute; top:40%; cursor:pointer;} .lookbook .slides_look .ctrl.prev {left:-50px;} .lookbook .slides_look .ctrl.next {right:-50px;} /* LOOKBOOK MAIN */ #lookbook_main ul:after {display:block; clear:both; content:'';} #lookbook_main ul li {float:left; margin-bottom:136px;} #lookbook_main ul li:nth-child(2n) {float:right;} #lookbook_main ul li:nth-child(2n+1) {clear:both;} /*-----------------------------------------------------------------*/ /* 5. 기타 /*-----------------------------------------------------------------*/ /* 댓글 - 리스트 */ #cmtlist {text-align:left;} #cmtlist li {padding:20px; border:1px solid #d9d9d9; border-top:1px solid #f4f4f4; border-bottom:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; color:#474645; word-break:break-all; word-wrap:break-word;} #cmtlist li:first-child {border-top:1px solid #d9d9d9;} #cmtlist li:last-child {border-bottom:1px solid #d9d9d9;} #cmtlist li p {padding-bottom:10px; color:#626261;} #cmtlist li p img {vertical-align:middle;} #cmtlist li strong {color:#000; font-size:11px;} #cmtlist li strong a {color:inherit; font-size:inherit;} #cmtlist li .date {padding:0 5px 0 18px; color:#626261; font-size:11px;} #cmtlist li .cmtcontent {font-size:11px;} /* 댓글 - 쓰기(공통) */ .box_comment {overflow:hidden; padding:20px; border:1px solid #d9d9d9; background:#fafbfb;} .box_comment .name {overflow:auto; padding-bottom:5px; text-align:left;} .box_comment .name span {float:left; margin:0 10px; line-height:30px;} .box_comment .inputbox {position:relative; padding-right:90px; text-align:left;} .box_comment .inputbox textarea {width:100%; height:63px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .box_comment .inputbox .btn_comment {position:absolute; right:0; top:0; z-index:2;} /* 댓글 - 쓰기(게시판) */ #cmtwrite .box_comment {margin:20px 0;} /* 게시판 - 상품연동 */ #product_search_frm {background:#fff;} #product_search_frm .prd_search_list {min-height:600px; margin:10px;} #product_search_frm .prd_search_list .tbl_row td .prd_name a {font-size:12px; font-weight:bold;} #product_search_frm .prd_search_list .btn {padding:15px 0 10px 0;} #product_search_frm .prd_search_list .search_prd {padding:10px 0;} #product_search_frm .prd_search_list .search_prd .input {height:23px;} .pick_list li {display:inline-block; width:122px; height:180px; margin-right:5px; padding-right:10px; border-right:solid 1px #dfdfdf; vertical-align:top;} .pick_list a {color:#000; font-weight:bold;} .pick_list dt {height:120px; margin-bottom:5px; border:1px dotted #000; text-align:center;} .pick_list dd {width:100%; padding:2px 0; word-break:break-all;} .pick_empty {margin-top:5px;}