@charset "euc-kr"; /* ================================================== // 쇼핑 ================================================== */ /* 쇼핑리스트 - 히어로 */ div.shopping-list-hero{margin-bottom:10px;} /* 쇼핑리스트 - 카테고리 */ div.shopping-list-category{margin-top:-10px; padding:10px;} div.shopping-list-category select{border:2px solid #d8d8d8; background-image:url("../images/icon/ico_select_category.png"); color:#3c3c3c; font-size:14px;} /* 쇼핑리스트 - 베스트아이템 */ section.shopping-list-best{margin-top:10px;} section.shopping-list-best h3{margin-bottom:20px;} /* 쇼핑리스트 - 상품리스트 */ section.shopping-list-item h3{margin:20px 10px;} /* 상품상세 - 상단정보 */ div.shopping-detail-top{padding-top:5px;} div.shopping-detail-top h2{padding:12px 20px; font-size:19px; line-height:23px;} div.shopping-detail-top h2 strong{font-weight:bold;} /* 상품상세 - 상단정보 - 이미지 */ div.shopping-detail-top-image{position:relative;} div.shopping-detail-top-image div.image-list{overflow:hidden;} div.shopping-detail-top-image div.image-list ul{position:relative; padding-top:100%;} div.shopping-detail-top-image div.image-list li{position:absolute; top:0; left:-100%; width:100%;} div.shopping-detail-top-image div.image-list li a{display:block;} div.shopping-detail-top-image div.image-control{position:relative; margin-top:10px; padding:0 32px;} div.shopping-detail-top-image div.image-control div.image-thumb{overflow:hidden; padding-bottom:1px;} div.shopping-detail-top-image div.image-control div.image-thumb ul{position:relative; padding-top:20%; border-left:1px solid #d6d6d6;} div.shopping-detail-top-image div.image-control div.image-thumb li{position:absolute; top:0; left:0; width:20%; border:1px solid #d6d6d6; border-left:0;} div.shopping-detail-top-image div.image-control div.image-thumb li a{display:block;} div.shopping-detail-top-image div.image-control div.image-thumb li.on{z-index:1} div.shopping-detail-top-image div.image-control div.image-thumb li.on a:after{display:block; position:absolute; top:0px; right:-1px; bottom:0px; left:-1px; background:rgba(0,0,0,0.4); content:"";}/* 161206 수정 */ div.shopping-detail-top-image div.image-control a[class*="btn_arrow"]{position:absolute; top:50%; padding:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%);} div.shopping-detail-top-image div.image-control a[class*="btn_arrow"] img{width:12px; height:30px; opacity:0.3;} div.shopping-detail-top-image div.image-control a.btn_arrow_prev{left:0;} div.shopping-detail-top-image div.image-control a.btn_arrow_next{right:0;} div.shopping-detail-top-image div.buttonset{padding:10px 32px 20px;} div.shopping-detail-top-image div.buttonset .btn_zoom{float:right;} /* 상품상세 - 상단정보 - 정보 */ div.shopping-detail-top-info{} div.shopping-detail-top-info div.price{padding:18px 20px 20px; border:1px solid #9d9d9d; border-width:1px 0; text-align:right;}/* 161206 수정 */ div.shopping-detail-top-info div.price > strong{display:inline-block; vertical-align:0; font-weight:bold; font-size:20px;} div.shopping-detail-top-info div.price > span{display:inline-block; margin-left:10px; vertical-align:0; font-size:15px;} /*div.shopping-detail-top-info div.coupon{margin-top:10px;} div.shopping-detail-top-info div.coupon span{color:#7f7f7f; font-size:11px; line-height:20px;} div.shopping-detail-top-info div.coupon .btn_download{margin-left:15px; width:80px; height:20px; border:1px solid #cbab77; color:#c3996a; font-weight:bold; font-size:10px; line-height:18px; text-align:center;}*/ @media (min-resolution:.001dpcm) {/* Chrome */ div.shopping-detail-top-info div.coupon .btn_download{line-height:20px;} } div.shopping-detail-top-info table{margin:12px 0 18px; font-size:14px;} div.shopping-detail-top-info table th{padding:0 0 0 20px; vertical-align:middle; font-weight:bold;} div.shopping-detail-top-info table th div.tooltip{display:inline-block;} div.shopping-detail-top-info table th div.tooltip .content{width:220px;} div.shopping-detail-top-info table td{padding:2px 20px 2px 0; height:24px; color:#3c3c3c; text-align:right;} div.shopping-detail-top-info table td > span{padding:0; line-height:24px;} div.shopping-detail-top-info table td select{height:24px;} div.shopping-detail-top-info div.selected li{display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; padding:13px 20px 15px; border-top:1px dashed #d1d1d1;} div.shopping-detail-top-info div.selected li p{margin-bottom:10px; width:100%; font-size:11px; line-height:14px;} div.shopping-detail-top-info div.selected li strong.price{-webkit-flex:1; flex:1; margin-right:7px; font-size:12px; line-height:24px; text-align:right;} div.shopping-detail-top-info div.selected li .btn_delete{margin-top:4px; padding:3px; width:16px; height:16px; border:1px solid #d1d1d1;} div.shopping-detail-top-info div.total{padding:17px 20px 0; border-top:2px solid #3c3c3c; color:#c3996a; font-size:25px; text-align:right;} div.shopping-detail-top-info div.buttonset{margin:-3px 20px 0;} div.shopping-detail-top-info div.buttonset a{height:50px; border:1px solid #9d9d9d; background:#fff; color:#3c3c3c; font-size:15px; line-height:48px;} div.shopping-detail-top-info div.buttonset .btn_buy{border-color:#cbab77; background:#cbab77; color:#fff;} /* 상품상세 - 탭메뉴 */ div.shopping-detail-tab{margin-top:30px; border-top:1px solid #3c3c3c; border-bottom:1px solid #ebebeb;} div.shopping-detail-tab ul{display:-webkit-flex; display:flex;} div.shopping-detail-tab li{-webkit-flex:auto; flex:auto;} div.shopping-detail-tab li a{display:block; height:40px; color:#9d9d9d; font:12px/40px "SpoqaHanSans",serif; text-align:center;}/* 161205 수정 */ div.shopping-detail-tab li.on a{background:#9d9d9d; color:#ececec;} div.shopping-detail-content{display:none;} div.shopping-detail-content.on{display:block;} /* 에디터 기능 추가 */ div.shopping-detail-content b{font-weight:bold;} div.shopping-detail-content i{font-style:italic;} div.shopping-detail-content sup{vertical-align: super;font-size: smaller;} div.shopping-detail-content sub{vertical-align: sub;font-size: smaller;} /*div.shopping-detail-content ol li{list-style: decimal;} div.shopping-detail-content ul li{list-style: disc;} div.shopping-detail-content a{color:#0e4194;text-decoration: underline;}*/ /* // 에디터 기능 추가 */ /* 상품상세 - 상품정보 */ div.shopping-detail-info div.info{padding:0 20px 30px;} div.shopping-detail-info div.info div.img{margin:0 -20px;} div.shopping-detail-info div.info dl{padding-top:15px; line-height:25px;} div.shopping-detail-info div.info dt{font-weight:bold; font-size:20px;} div.shopping-detail-info div.info dd{margin-top:8px; font-size:15px;} /* 테이블 스타일 수정 */ div.shopping-detail-info div.info table{margin-top:15px; border-top:1px solid #dadada; font-size:10px; line-height:15px;} div.shopping-detail-info div.info table tr{border-bottom:1px solid #dadada;} div.shopping-detail-info div.info table th{width:25%; padding:4px 0 4px 10px; background:#e4e4e4; text-align:left;} div.shopping-detail-info div.info table td{padding:4px 15px; text-align:left;} div.shopping-detail-info div.info table.row{} div.shopping-detail-info div.info table.row thead th{padding:10px 0; width:20%; font-weight:bold; text-align:center; border-left:1px solid #d3d3d3;} div.shopping-detail-info div.info table.row thead th:first-child{border-left:none;} div.shopping-detail-info div.info table.row tbody td{padding:10px; border-left:1px solid #d3d3d3;} div.shopping-detail-info div.info table.row tbody td:first-child{border-left:none;} div.shopping-detail-info div.info strong{font-weight:bold;}/* 2016.10.28 스타일 추가 */ div.shopping-detail-info div.info p span{line-height:30px;}/* 20170403 추가 */ /* 테이블 스타일 수정 */ /* 상품상세 - 상품정보 - 관련상품 */ div.shopping-detail-info section.related-item{overflow:hidden; position:relative; padding-top:20px; border-top:1px solid #3c3c3c;} div.shopping-detail-info section.related-item h3{padding:0 0 8px 10px; font-weight:bold; font-size:14px; letter-spacing:1.5px}/* 161205 수정 */ div.shopping-detail-info section.related-item h3 span{color:#c3996a;} div.shopping-detail-info div.related-item-list{position:relative;} div.shopping-detail-info div.related-item-list > div{position:absolute; top:0; left:-100%; width:100%;} div.shopping-detail-info section.related-item a[class*="btn_arrow"]{position:absolute; top:50%; margin-top:21px; padding:10px 15px; width:40px; height:40px; background:rgba(0,0,0,0.4); -webkit-transform:translateY(-50%); transform:translateY(-50%);} div.shopping-detail-info section.related-item a[class*="btn_arrow"] img{height:100%;} div.shopping-detail-info section.related-item a.btn_arrow_prev{left:0;} div.shopping-detail-info section.related-item a.btn_arrow_next{right:0;} /* 상품상세 - 교환환불 */ div.shopping-detail-guide{padding:10px 20px;} div.shopping-detail-guide section{margin-top:20px;} div.shopping-detail-guide section h3{font-weight:bold; font-size:20px;} div.shopping-detail-guide section p{margin-top:10px; font-size:15px; line-height:25px;} div.shopping-detail-guide section ul{margin-top:10px;} div.shopping-detail-guide section li{position:relative; padding-left:9px; font-size:11px; line-height:18px;} div.shopping-detail-guide section li:before{display:block; position:absolute; top:8px; left:0; width:2px; height:2px; border-radius:50%; background:#616161; content:"";} div.shopping-detail-guide section strong{display:block; margin-top:10px; font-size:16px; font-weight:bold;}/* 상품상세 - 스타일 추가 */ div.shopping-detail-guide section em{display:block; margin-top:6px; font-size:12px; line-height:15px; font-weight:bold;}/* 상품상세 - 스타일 추가 */ /* 상품상세 - Q&A */ div.shopping-detail-qna div.qna-write{display:-webkit-flex; display:flex; padding:15px 20px; border-bottom:1px solid #d1d1d1; -webkit-align-items:center; align-items:center;} div.shopping-detail-qna div.qna-write p{-webkit-flex:1; flex:1; position:relative; padding:0 10px; color:#616161; line-height:15px;} div.shopping-detail-qna div.qna-write p span{position:absolute; top:0; left:0;} div.shopping-detail-qna div.qna-write .btn_write{width:70px; height:34px; border:1px solid #3c3c3c; font-weight:bold; font-size:11px; line-height:32px; text-align:center;} /* ================================================== // 이벤트 ================================================== */ /* 이벤트 - 리스트 */ div.event-list > ul{border-bottom:1px solid #d1d1d1;} div.event-list > ul > li > a{display:block;} div.event-list figure div.img{padding-top:52.22222%;} div.event-list figcaption{position:relative; padding:16px 20px 74px 20px;} /* div.event-list figcaption p.title{font-weight:bold; font-size:20px; line-height:25px;} */ div.event-list figcaption p.title{font-weight:bold; font-size:16px; line-height:25px;} /* 20170308 수정 */ div.event-list figcaption span.period{display:block; margin-top:11px; font-size:12px;} div.event-list figcaption span.period b{display:inline-block; margin-right:8px; font-weight:bold;} div.event-list figcaption span.condition{position:absolute; right:10px; bottom:15px; width:54px; height:54px; border-radius:50%; background:#3c3c3c; color:#fff; font-size:12px; line-height:14px; text-align:center;} div.event-list figcaption span.condition:before{display:inline-block; height:100%; vertical-align:middle; content:"";} div.event-list figcaption span.condition b{display:inline-block; vertical-align:middle; font-weight:bold;} /* 170217 추가 */ div.event-list figcaption span.event{position:absolute; right:10px; bottom:15px; width:54px; height:54px; border-radius:50%; background:#e23761; color:#fff; font-size:12px; line-height:14px; text-align:center;} div.event-list figcaption span.event:before{display:inline-block; height:100%; vertical-align:middle; content:"";} div.event-list figcaption span.event b{display:inline-block; vertical-align:middle; font-weight:bold;} /* // 170217 추가 */ div.event-list li.end figcaption span.condition{background:#d1d1d1;} /* 이벤트 - 상세 - 타이틀 */ div.event-detail-title{position:relative; margin:0 20px; padding:29px 5px 21px; text-align:center;} div.event-detail-title:after{display:none;} div.event-detail-title span.category{display:block; font-weight:bold; font-size:13px;} /* div.event-detail-title h3{margin-top:7px; font-weight:bold; font-size:24px; line-height:30px;} */ div.event-detail-title h3{margin-top:7px; font-weight:bold; font-size:18px; line-height:30px;} /* 20170308 수정 */ div.event-detail-title ul.info{position:absolute; top:8px; right:8px;} div.event-detail-title ul.info li{float:left; height:10px; color:#afafaf; font-size:10px;} div.event-detail-title ul.info li:nth-of-type(n+2){margin-left:5px; padding-left:5px; border-left:1px solid #e4e4e4;} div.event-detail-title ul.info li img.hit{margin:1px 3px 0 0; width:auto; height:8px;} @media (min-resolution:.001dpcm) {/* Chrome */ div.event-detail-title ul.info li{line-height:12px;} } /* 이벤트 - 상세 - 내용 */ div.event-detail-content{margin:17px 20px 0;} div.event-detail-content div.buttonset{position:relative; margin-top:17px;} div.event-detail-content div.buttonset a.btn_list{position:absolute; top:0; right:0;} div.event-detail-content div.buttonset a.btn_list img{width:auto; height:20px;} /* 이벤트 - 상품리스트 */ div.event-detail-item{margin-top:24px;} /* 170217 추가 */ /* 이벤트 - 댓글 */ .event-reply{} .event-reply .reply-input{position:relative; padding:15px 20px; display:table;} .event-reply .reply-input textarea{float:left; width:100%; height:80px; padding:10px; color:#9d9d9d; font-size:12px; line-height:16px; border:1px solid #d1d1d1; display:table-cell;} .event-reply .reply-input .btn-ok{position:relative; width:1%; display:table-cell;} .event-reply .reply-input .btn-ok a{width:60px; height:80px; color:#fff; font-weight:bold; font-size:14px; line-height:80px; text-align: center; background:#3c3c3c;} .event-reply .reply-wrap{} .event-reply .reply-wrap .reply-list{border-top:1px solid #d1d1d1;} .event-reply .reply-wrap .reply-list li{width:100%; padding:15px 0; border-bottom:1px solid #d1d1d1;} .event-reply .reply-wrap .reply-list li .reply-info{position:relative; padding:0 20px;} .event-reply .reply-wrap .reply-list li .reply-info .reply-name{padding-right:10px; color:#c3996a; font-size:14px;} .event-reply .reply-wrap .reply-list li .reply-info .reply-date{padding-right:40px; color:#3c3c3c; font-size:14px; display:inline-block;} .event-reply .reply-wrap .reply-list li .reply-info .reply-to{padding-bottom:10px; color:#3c3c3c; font-size:14px;} .event-reply .reply-wrap .reply-list li .reply-info .btn-delete{position:absolute; bottom:-9px; right:10px; padding:10px; color:#9d9d9d; font-size:12px; text-decoration:underline;} .event-reply .reply-wrap .reply-list li .reply-concents{padding:10px 20px; color:#3c3c3c; font-size:14px; line-height:18px;} .event-reply .reply-wrap .reply-list li .btn-reply{margin-left:20px; width:48px; height:22px; color:#3c3c3c; font-size:11px; line-height:22px; text-align: center; border:1px solid #9d9d9d; background:#fff;} .event-reply .reply-wrap .reply-list li.reply-list-input{padding:0; background:#f5f5f5;} /* // 170217 추가 */ /* ================================================== // 검색 ================================================== */ /* 검색 - 검색영역 */ div.search-form{margin:0 20px 20px; padding:20px 15px;} div.search-form:after{display:none;} div.search-form > div.inner{display:-webkit-flex; display:flex; width:100%; height:50px; border:3px solid #3c3c3c;} div.search-form > div.inner input[type="text"]{-webkit-flex:1; flex:1; padding:0 10px; border:0; background:transparent; color:#9d9d9d; font-size:15px;} div.search-form > div.inner button.btn_search{padding:0 12px;} div.search-form > div.inner button.btn_search img{width:18px;}