/* pop 일본몰 리뉴얼 오픈 후 삭제*/
.att-pop {position:fixed; width:100%; height:100%; left:0%; top:0%; z-index:99999; display: none; background-color:rgba(0,0,0,0.3);}
.att-pop .box {width:260px; padding:40px 10px 0; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:15px; border:1px solid #d7d5d6; background:#fff; box-shadow:-3px 3px 10px rgba(0,0,0,0.1) , 3px -3px 10px rgba(0,0,0,0.1);}
.att-pop .box:after {display:block; content:""; position:absolute; top:-27px; left:50%; transform:translateX(-50%); width:50px; height:50px; border-radius:50%;}
.att-pop .box#cart:after {background:url('//atimg.sonyunara.com/attrangs/2020/pop/1.png') center no-repeat; background-size:cover;}
.att-pop .box#itemChoice:after {background:url('//atimg.sonyunara.com/attrangs/2020/pop/2.png') center no-repeat; background-size:cover;}
.att-pop .box#update:after {background:url('//atimg.sonyunara.com/attrangs/2020/pop/3.png') center no-repeat; background-size:cover;}
.att-pop .box#optionChange:after {background:url('//atimg.sonyunara.com/attrangs/2020/pop/4.png') center no-repeat; background-size:cover;}
.att-pop .box#memberWish:after {background:url('//atimg.sonyunara.com/attrangs/2020/pop/5.png') center no-repeat; background-size:cover;}
.att-pop .box#getChance:after {background:url('//atimg.sonyunara.com/attrangs/2020/pop/6.png') center no-repeat; background-size:cover;}
.att-pop .box#memberLogin:after {background:url('//atimg.sonyunara.com/attrangs/2020/pop/7.png') center no-repeat; background-size:cover;}
.att-pop .box#delete:after {background:url('//atimg.sonyunara.com/attrangs/2020/pop/8.png') center no-repeat; background-size:cover;}
.att-pop .box p {text-align:center; color:#515151; font-weight:600; font-size:14px;}
.att-pop .box p font {color:#8668fa;}
.att-pop .box .button {margin:15px 0; text-align:right; padding-right:15px;}
.att-pop .box .button a {font-family: 'M PLUS 1p', sans-serif; font-size:14px; color:#9e9e9e; display:inline-block; font-weight:600; margin-left:10px;}
.att-pop .box .button a:last-of-type {color:#8668fa;}
/*-----------------------------------------------------------------*/
/* CSS Table of Contents
/*-----------------------------------------------------------------*/
/*
1. Reset

2. Global
2-1. table
2-2. button
2-3. product

3. Layout
3-1. wrapper
3-2. header
3-3. nav
3-4. footer

4. Page
4-1. 메인
4-2. 상점
4-3. 회원
4-4. 마이페이지
4-5. 추가페이지

5. ETC

/*-----------------------------------------------------------------*/
/* 1. Reset
/*-----------------------------------------------------------------*/

/* webfont - Poppins */
@font-face {
	font-family:'Poppins';
	font-weight:300;
	src:url('/asset/img/etc/Poppins-Light.eot');
	src:local(※), url('/asset/img/etc/Poppins-Light.woff') format('woff');
}
@font-face {
	font-family:'Poppins';
	font-weight:400;
	src:url('/asset/img/etc/Poppins-Regular.eot');
	src:local(※), url('/asset/img/etc/Poppins-Regular.woff') format('woff');
}
@font-face {
	font-family:'Poppins';
	font-weight:500;
	src:url('/asset/img/etc/Poppins-Medium.eot');
	src:local(※), url('/asset/img/etc/Poppins-Medium.woff') format('woff');
}
@font-face {
	font-family:'Poppins';
	font-weight:600;
	src:url('/asset/img/etc/Poppins-SemiBold.eot');
	src:local(※), url('/asset/img/etc/Poppins-SemiBold.woff') format('woff');
}
@font-face {
	font-family:'Poppins';
	font-weight:700;
	src:url('/asset/img/etc/Poppins-Bold.eot');
	src:local(※), url('/asset/img/etc/Poppins-Bold.woff') format('woff');
}

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:#333; font-family:'Poppins', 'メイリオ', Meiryo, sans-serif; font-size:12px; line-height:1.4; vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {min-width:360px; word-break:break-all; -webkit-text-size-adjust:none;}
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;}
img {vertical-align:top;}
input[type=radio],
input[type=checkbox] {margin-top:-1px; vertical-align:top;}
input[type=text],
input[type=email],
input[type=password] {vertical-align:top;}
a,
a:hover,
a:active,
a:focus {text-decoration:none;}
*,
*:before,
*:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
input[type=text], input[type=password], input[type=submit], input[type=button], input[type=search], input[type=tel], input[type=number], input[type=email], textarea {border-radius:0; -webkit-appearance:none;}


/*-----------------------------------------------------------------*/
/* 2. Global
/*-----------------------------------------------------------------*/

.dn {display:none !important;}
.hidden {visibility:hidden; overflow:hidden; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; font-size:0; line-height:0;}
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.empty {padding:20px 0 !important; text-align:center;}
.fl {float:left !important;}
.fr {float:right !important;}
.clear {clear:both;}
.bc {display:block; margin-left:auto; margin-right:auto;}
.p_color {color:#FE8E78 !important;}
.p_color2 {color:#d0591f !important;}
.i_info {display:inline-block; position:relative; top:4px; width:12.5px; height:12.5px; background:url('/asset/img/common/i_info.png') no-repeat center/12.5px auto; font-style:normal; font-weight:normal; line-height:1;}

/* input 기본 스타일 */
.form_input {height:34px; padding:4px 10px; border:1px solid #dcdcdc; background:#fff; color:#666; font-family:'Poppins', 'メイリオ', Meiryo, sans-serif; font-size:1rem; transition:all .3s ease;}
.form_input:focus {border-color:#000; outline:none !important;}
.form_input.block {width:100% !important;}
.form_input:-ms-input-placeholder {color:#666; font-family:'Poppins', 'メイリオ', Meiryo, sans-serif;}
.form_input::-webkit-input-placeholder {color:#666; font-family:'Poppins', 'メイリオ', Meiryo, sans-serif;}
.form_input::-moz-placeholder {color:#666; font-family:'Poppins', 'メイリオ', Meiryo, sans-serif;}
.form_input.readonly {background:#e0e0e0 !important;}
.form_input.gray {background:#fafafa;}
.form_input.gray:focus {background:#fff;}
textarea.form_input {height:auto;}
input[type="radio"] {-webkit-appearance:none; appearance:none; overflow:hidden; display:inline-block; width:15px; height:15px; margin:0; padding:0; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:url('/asset/img/common/radio.png') no-repeat center/15px auto #fff; vertical-align:middle;}
input[type="radio"]:checked {background-image:url('/asset/img/common/radio_checked.png');}
input[type="checkbox"] {-webkit-appearance:none; appearance:none; overflow:hidden; display:inline-block; width:21px; height:21px; margin:0; padding:0; background:url('/asset/img/common/checkbox.gif') no-repeat center/21px auto #fff; vertical-align:middle;}
input[type="checkbox"]:checked {background-image:url('/asset/img/common/checkbox_checked.gif');}

/* 셀렉트 */
select {max-width:100%; height:34px; padding:4px 6px; padding-right:25px !important; border:1px solid #dcdcdc; border-radius:0; background:url('/asset/img/common/select_arrow.png') no-repeat right 10px center/11px auto #fff; color:#666; font:inherit; -webkit-appearance:none;}
select.block {width:100%;}
select:focus {border-color:#000; outline:none !important;}

/* 서브 페이지 타이틀 */
h2.subtitle {padding:25px 0; color:#282828; font-size:1.500rem; text-align:center;}
h2.subtitle.bg {background:#3e3e3e; color:#fff;}

/* 페이지 내 타이틀 */
h3.title {position:relative; margin:50px 0 0px; color:#404040; font-size:1.250rem; font-weight:400;}
h3.title.first {margin-top:0;}

/* 페이징 */
.paging {margin-top:20px; font-size:0; text-align:center;}
.paging > * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.paging > a {width:11px; height:11px; margin:0 12px; background-repeat:no-repeat; background-position:center; background-size:11px; color:transparent; font-size:0; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.paging > a.first { background-image:url('/asset/img/common/paging_first.png');}
.paging > a.last {background-image:url('/asset/img/common/paging_last.png');}
.paging > a.prev {background-image:url('/asset/img/common/paging_prev.png');}
.paging > a.next {background-image:url('/asset/img/common/paging_next.png');}
.paging ol {padding:0 0; font-size:0;}
.paging ol li {display:inline-block; *display:inline; *zoom:1; padding:0 8px; vertical-align:middle;}
.paging ol li a {display:inline-block; *display:inline; *zoom:1; padding:0 5px; color:#767676; font-size:1.083rem; font-weight:300;}
.paging ol li a.active {color:#333; font-weight:400;}

/* 박스 스타일 - 수량 */
.box_qty {display:inline-block; position:relative; width:95px; height:28px; border:1px solid #dbdbdb;}
.box_qty.block {width:100%;}
.box_qty .form_input {width:100%; height:26px; padding:0 24px; border:0; color:#767676; font-size:0.833rem; text-align:center; line-height:26px;}
.box_qty a {display:block; position:absolute; top:0; width:24px; height:26px; background-repeat:no-repeat; background-size:9px auto; background-position:center;}
.box_qty a.ea_down {left:0; background-image:url('/asset/img/shop/ea_down.png');}
.box_qty a.ea_up {right:0; background-image:url('/asset/img/shop/ea_up.png');}

/* 글쓰기 - 주문서 (shop_order.html) & 1:1문의 (mypage_counsel_write.html) */
.write > div {margin-bottom:10px; text-align:left;}
.write > div:last-child {margin-bottom:0;}
.write > div.line {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dcdcdc;}
.write > div > label {display:none;}
.write > .msg {margin-bottom:10px; line-height:34px;}
.write > .msg * {vertical-align:middle;}

/* 상품리스트 정렬 */
.sort_line {margin-bottom:15px; font-size:0; text-align:center;}
.sort_line > * {display:inline-block; /* width:20%; */ vertical-align:middle;}
.sort_line .sort select {width:100%; padding:0; border:0;}
.sort_line .type {font-size:0;}
.sort_line .type a {display:inline-block; width:14px; height:14px; margin-left:8px; background-repeat:no-repeat; background-position:center; background-size:14px auto; color:transparent; font-size:0; vertical-align:middle;}
.sort_line .type a:first-child {margin-left:0;}
.sort_line .type a.type2 {background-image:url('/asset/img/shop/type2.png');}
.sort_line .type a.type3 {background-image:url('/asset/img/shop/type3.png');}
.sort_line .type a.type2.active {background-image:url('/asset/img/shop/type2_on.png');}
.sort_line .type a.type3.active {background-image:url('/asset/img/shop/type3_on.png');}


/*-----------------------------------------------------------------*/
/* 2-1. table
/*-----------------------------------------------------------------*/

/* 테이블 스타일 - 가로 */
.tbl_col {table-layout:fixed; clear:both; width:100%; border-collapse:collapse;}
.tbl_col caption {padding-bottom:20px; font-weight:bold; text-align:left;}
.tbl_col > thead > tr > th {padding:18px 0; border-top:1px solid #333; border-bottom:1px solid #e9e9e9; color:#404040; font-weight:400; text-align:center; vertical-align:middle;}
.tbl_col > tbody > tr > td {padding:20px 0; border-bottom:1px solid #e9e9e9; color:#404040; font-size:0.917rem; text-align:center; vertical-align:middle;}
.tbl_col > tbody > tr > td.tal {padding-left:15px !important;}
.tbl_col > tbody > tr > td.number {color:#767676; font-size:0.917rem; font-weight:300;}
.tbl_col > tbody > tr > td.p_color {font-weight:200;}
.tbl_col > tbody > tr > td.subject img {width:9px;}
.tbl_col > tbody > tr > td.prc span {color:#404040; font-weight:300;}
.tbl_col > tbody > tr > td a {color:#404040; font-size:0.917rem; font-weight:300;}

/* 테이블 스타일 - 가로 - 장바구니, 주문조회 */
.tbl_col.prd > tbody > tr > td {padding:0;}
.tbl_col.prd > tbody > tr > td.order_number a {font-weight:bold; text-decoration:underline;}
.tbl_col.prd > tbody > tr > td.delete_wish a {display:inline-block; position:relative;}
.tbl_col.prd > tbody > tr > td.delete_wish a:first-child:after {position:absolute; right:0; top:8px; width:1px; height:15px; background:#e0e0e0; content:'';}
.tbl_col.prd > tbody > tr > td .btn_edit {display:inline-block; vertical-align:top;}
.tbl_col.prd > tbody > tr > td .btn_edit a {font-size:0.917rem; text-decoration:underline; line-height:35px;}

/* 테이블 스타일 - 가로 - qna, review */
.tbl_col.board > tbody > tr > td.notice_cnt {padding:0; border:0;}
.tbl_col.board > tbody > tr > td.notice_cnt .notice_cnt_frame {display:none; padding:15px; border-bottom:1px solid #e0e0e0; background:#fafafa; text-align:left; word-break:break-all; word-wrap:break-word;}
.tbl_col.board > tbody > tr > td.subject .prdname {padding-bottom:5px;}
.tbl_col.board > tbody > tr > td .best {display:inline-block; margin-right:5px; padding:3px 5px; background:#f00; color:#fff;}

/* 테이블 스타일 - 가로 - 주문서 쿠폰선택 */
.tbl_col.cpn > thead > tr > th {padding:8px 0 7px; border-bottom:1px solid #e5e5e5;}
.tbl_col.cpn > thead > tr > th.tal {padding-left:44px !important;}
.tbl_col.cpn > tbody > tr > td {padding:10px 0;}
.tbl_col.cpn > tbody > tr > td.tal {padding-left:5px !important;}
.tbl_col.cpn > tbody > tr > td .name {color:#2f2f2f; font-size:0.917rem;}
.tbl_col.cpn > tbody > tr > td .minimum {color:#767676; font-size:0.833rem;}

/* 테이블 스타일 - 가로 - 디테일 사이즈변환표 */
.tbl_col.change_chart > thead > tr > th {border-left:1px solid #e5e5e5; border-bottom-color:#e5e5e5; background:#f7f7f7; color:#2f2f2f; font-size:0.833rem;}
.tbl_col.change_chart > thead > tr > th:first-child {border-left:0;}
.tbl_col.change_chart > tbody > tr > td {border-right:1px solid #e5e5e5; border-bottom-color:#e5e5e5; color:#767676; font-size:0.833rem;}
.tbl_col.change_chart > tbody > tr > td.size {color:#2f2f2f;}

/* 테이블 스타일 - 가로 - 디테일 실시간구매재고안내 */
.tbl_col.stock > thead > tr > th.tal {padding-left:20px !important;}
.tbl_col.stock > tbody > tr > td {color:#767676;}
.tbl_col.stock > tbody > tr > td.tal {padding-left:5px !important;}
.tbl_col.stock > tbody > tr > td.img img {height:50px;}
.tbl_col.stock > tbody > tr > td.stat img {height:14px;}

/* 테이블 스타일 - 가로 - 마이페이지 메인 */
.tbl_col.mypage > thead > tr > th {padding:8px 0;}
.tbl_col.mypage > tbody > tr > td {padding:13px 0 11px;}
.tbl_col.mypage > tbody > tr > td.stat span {color:#FE8E78; font-weight:200;}
.tbl_col.mypage > tbody > tr > td.stat span.delivery a {display:block; color:inherit; font-weight:inherit;}
.tbl_col.mypage > tbody > tr > td.stat span.delivery.ing {color:#404040;}
.tbl_col.mypage > tbody > tr > td.stat span.delivery.finish {color:#767676;}

/* 테이블 스타일 - 가로 - 마이페이지 배송지 관리 */
.tbl_col.addr > tbody > tr.active > td.type {color:#ce5a1d;}
.tbl_col.addr > tbody > tr.active > td.btn .del {display:none;}
.tbl_col.addr > tbody > tr > td .box .name {padding-bottom:5px; font-weight:bold;}
.tbl_col.addr > tbody > tr > td .box .tel,
.tbl_col.addr > tbody > tr > td .box .tel * {font-family:'Poppins'; font-weight:300;}
.tbl_col.addr > tbody > tr > td .box .tel span {position:relative; padding:0 0 0 6px;}
.tbl_col.addr > tbody > tr > td .box .tel span:after {display:block; position:absolute; left:0; top:2px; color:#404040; font-size:0.917rem; content:'/';}
.tbl_col.addr > tbody > tr > td .box .tel span:first-child {padding-left:0;}
.tbl_col.addr > tbody > tr > td .box .tel span:first-child:after {display:none;}
.tbl_col.addr > tbody > tr > td .box .address p {padding-top:5px; color:#767676; line-height:1.6;}
.tbl_col.addr > tbody > tr > td.btn .box_btn.del {margin-top:6px}

/* 테이블 스타일 - 가로 - 마이페이지 환불계좌 관리 */
.tbl_col.return > tbody > tr.active > td.type {color:#ce5a1d;}
.tbl_col.return > tbody > tr.active > td.btn .del {display:none;}
.tbl_col.return > tbody > tr > td.btn .box_btn.del {margin-top:6px}

/* 테이블 스타일 - 가로 - 마이페이지 - 쿠폰 & 예치금 & 적립금 */
.tbl_col.mp > tbody > tr > td {padding:20px 5px;}
.tbl_col.mp > tbody > tr > td.p_color {font-weight:300;}

/* 테이블 스타일 - 가로 - 고객센터 입고지연상품 & 미확인입금자 (cscenter.html) */
.tbl_col.cscenter > thead > tr > th {padding:9px 0 8px; border-bottom:1px solid #e5e5e5; color:#2f2f2f;}
.tbl_col.cscenter > tbody > tr > td {padding:7.5px 0; border-bottom:1px solid #e5e5e5;}
.tbl_col.cscenter > tbody > tr > td,
.tbl_col.cscenter > tbody > tr > td * {font-size:0.833rem;}
.tbl_col.cscenter > tbody > tr > td a {color:#3e3e3e;}
.tbl_col.cscenter > tbody > tr > td.tal {padding-left:8.5px !important;}
.tbl_col.cscenter > tbody > tr > td.img img {width:40px; height:auto;}
.tbl_col.cscenter > tbody > tr > td.date {color:#d8594a; font-weight:300;}
.tbl_col.cscenter > tbody > tr > td .opt {margin-top:7px; color:#767676; font-weight:300;}

/* 테이블 스타일 - 세로 */
.tbl_row {table-layout:fixed; width:100%; border-top:1px solid #dbdbdb;}
.tbl_row caption {padding-bottom:20px; font-weight:bold; text-align:left;}
.tbl_row th {padding:10px 0; border-bottom:1px solid #dbdbdb; font-weight:normal; text-align:left; vertical-align:middle;}
.tbl_row td {padding:10px 0; border-bottom:1px solid #dbdbdb; text-align:left; vertical-align:middle; word-break:break-all; word-wrap:break-word;}

/* 테이블 스타일 - 세로 - 디테일 */
.tbl_row.det {border-top:1px solid #333;}
.tbl_row.det th {padding:12px 0 12px 20px; border-bottom:1px solid #dbdbdb; background:#fbfbfb; font-size:0.917rem; font-weight:400; text-align:left;}
.tbl_row.det td {padding:12px 0 12px 20px; border-bottom:1px solid #dbdbdb; color:#767676; font-size:0.917rem;}

/* 테이블 스타일 - 세로 - 디테일 실측사이즈 안내 */
.tbl_row.size {margin-bottom:20px; border-top:1px solid #383838;}
.tbl_row.size th {padding:10px 0; border-bottom:1px solid #e9e9e9; background:#fbfbfb; font-size:0.917rem; font-weight:400; text-align:center;}
.tbl_row.size td {padding:10px 0; border-bottom:1px solid #e9e9e9; color:#767676; font-size:0.917rem;}
.tbl_row.size td.tal {padding-left:15px !important;}

/* 테이블 스타일 - 세로 - 마이페이지 주문상세 (mypage_order_detail.html) & 교환반품신청 (mypage_exchange.html) */
.tbl_row.ord_detail {margin-top:25px; border-top:1px solid #333;}
.tbl_row.ord_detail.first {margin-top:0;}
.tbl_row.ord_detail caption {padding-bottom:10px; font-size:1.083rem; font-weight:400;}
.tbl_row.ord_detail > tbody > tr > th {padding-left:10px; font-weight:400;}
.tbl_row.ord_detail > tbody > tr > td {padding:15px 10px; color:#767676;}
.tbl_row.ord_detail > tbody > tr > td select {height:40px; border-color:#e5e5e5;}
.tbl_row.ord_detail > tbody > tr > td .form_input {height:40px; border-color:#e5e5e5;}
.tbl_row.ord_detail > tbody > tr > td textarea.form_input {height:auto;}
.tbl_row.ord_detail > tbody > tr > td.address .form_input {margin-top:4px;}
.tbl_row.ord_detail > tbody > tr > td.address .form_input:first-child {margin-top:0;}
.tbl_row.ord_detail > tbody > tr > td.address .code {position:relative; padding-right:85px;}
.tbl_row.ord_detail > tbody > tr > td.address .code .box_btn {position:absolute; right:0; top:0;}
.tbl_row.ord_detail > tbody > tr > td.cellphone select,
.tbl_row.ord_detail > tbody > tr > td.cellphone input {width:32%;}
.tbl_row.ord_detail > tbody > tr > td .box_btn {vertical-align:middle;}
.tbl_row.ord_detail.exchange_info > tbody > tr > td select {width:50%; margin-top:4px;}
.tbl_row.ord_detail.exchange_info > tbody > tr > td select:first-child {margin-top:0;}
.tbl_row.ord_detail.exchange_info > tbody > tr > td.stat > select {width:100%;}
.tbl_row.ord_detail.exchange_info > tbody > tr > td.stat > p {padding-top:5px;}
.tbl_row.ord_detail.exchange_info > tbody > tr > td.stat > p > span {display:block;}

/* 테이블 스타일 - 세로 - 마이페이지 배송지&환불계좌 관리 */
.tbl_row.addr {border-top:1px solid #000;}
.tbl_row.addr > tbody > tr > th {padding:20px 0 10px 10px; border-bottom:1px solid #dbdbdb; background:#f7f7f7; text-align:left; vertical-align:top;}
.tbl_row.addr > tbody > tr > td {padding:10px; border-bottom:1px solid #dbdbdb;}
.tbl_row.addr > tbody > tr > td > div {font-size:0;}
.tbl_row.addr > tbody > tr > td .form_input {height:35px; border:1px solid #dbdbdb; line-height:35px; vertical-align:middle;}
.tbl_row.addr > tbody > tr > td .form_input.form_mobile {width:28%;}
.tbl_row.addr > tbody > tr > td .form_input.form_email {width:90%;}
.tbl_row.addr > tbody > tr > td .bar {display:inline-block; *display:inline; *zoom:1; line-height:35px; vertical-align:middle;}
.tbl_row.addr > tbody > tr > td select {width:100%; font-size:1rem;}
.tbl_row.addr > tbody > tr > td.address > div {margin-top:6px;}
.tbl_row.addr > tbody > tr > td.address > div:first-child {margin-top:0;}
.tbl_row.addr > tbody > tr > td.address .addr_btn {position:relative; padding-right:100px;}
.tbl_row.addr > tbody > tr > td.address .addr_btn .box_btn {position:absolute; top:0; right:0;}
.tbl_row.addr > tbody > tr > td.mobile .bar {display:inline-block; *display:inline; *zoom:1; width:8%; color:#dbdbdb; text-align:center;}
.tbl_row.addr > tbody > tr > td.email .bar {display:inline-block; *display:inline; *zoom:1; width:10%; color:#000; text-align:right;}
.tbl_row.addr > tbody > tr > td.email .email_btn {position:relative; margin-top:6px; padding-right:92px;}
.tbl_row.addr > tbody > tr > td.email .box_btn {position:absolute; top:0; right:0;}
.tbl_row.addr > tbody > tr > td.email select {display:inline-block; *display:inline; *zoom:1; width:166px; height:35px; padding:0 10px; border:1px solid #dbdbdb; color:#000; font-size:14px; line-height:35px; vertical-align:middle;}
.tbl_row.addr > tbody > tr > td.setting input[type="radio"] {margin:0;}
.tbl_row.addr > tbody > tr > td.setting label {display:inline-block; *display:inline; *zoom:1; padding:0 25px 0 10px; vertical-align:middle;}

/* 테이블 스타일 - 주문서, 주문완료, 장바구니 */
.tbl_order {table-layout:fixed; width:100%; margin:0 auto;}
.tbl_order caption {padding-bottom:20px; font-weight:bold; text-align:left;}
.tbl_order th {padding:6px 0; font-weight:normal; text-align:left; vertical-align:middle;}
.tbl_order td {padding:6px 0; text-align:right; vertical-align:middle;}
.tbl_order.sale {margin:5px 0; border:1px solid #dcdcdc; border-width:1px 0;}
.tbl_order .total td .view_info {display:none; margin-top:5px;}
.tbl_order .total_price,
.tbl_order .total_price * {color:#d53838; font-size:1.333rem;}

/* 테이블 스타일 - 주문완료 */
.tbl_finish {table-layout:fixed; width:100%;}
.tbl_finish caption {padding-bottom:5px; color:#404040; font-size:1.083rem; font-weight:bold; text-align:left;}
.tbl_finish th {padding:7px 0; font-weight:normal; font-size:0.917rem; text-align:left; vertical-align:middle;}
.tbl_finish td {padding:7px 0; color:#767676; font-size:0.917rem; text-align:right; vertical-align:middle; word-break:break-all; word-wrap:break-word;}

/* 테이블 스타일 - 상품정보고시 */
.tbl_prdinfo {table-layout:fixed; width:100%; margin-bottom:20px;}
.tbl_prdinfo caption {padding-bottom:20px; font-weight:bold; text-align:left;}
.tbl_prdinfo th {padding:10px; border:1px solid #e0e0e0; background-color:#fafafa; font-weight:normal; text-align:left; vertical-align:middle;}
.tbl_prdinfo td {padding:10px; border:1px solid #e0e0e0; text-align:left; vertical-align:middle;}


/*-----------------------------------------------------------------*/
/* 2-2. button
/*-----------------------------------------------------------------*/

/* 버튼스타일 - 기본 */
.box_btn {display:inline-block; text-align:center; vertical-align:top;}
.box_btn > * {display:inline-block; margin:0; padding:8px 12px; border:1px solid #333; outline:none; background:#333; color:#fff !important; font-size:1rem; font-family:'Poppins', 'メイリオ', Meiryo, sans-serif; font-weight:normal; text-align:center; vertical-align:middle; line-height:1.4; white-space:nowrap; cursor:pointer; -webkit-appearance:none; transition:all .2s ease;}
.box_btn > *:hover,
.box_btn > *:active,
.box_btn > *:focus {background:#333;}

/* 버튼스타일 - 크기 */
.box_btn.small > * {padding:4px 8px;}
.box_btn.large > * {padding:9.5px 16px; font-size:1.167rem;}

/* 버튼스타일 - 가로길이 */
.box_btn.block {display:block;}
.box_btn.block > * {width:100%;}
.box_btn.w50 > * {width:50px;}
.box_btn.w68 > * {width:68px;}
.box_btn.w75 > * {width:75px;}
.box_btn.w80 > * {width:80px;}
.box_btn.w85 > * {width:85px;}
.box_btn.w90 > * {width:90px;}
.box_btn.w95 > * {width:95px;}
.box_btn.w100 > * {width:100px;}
.box_btn.w110 > * {width:110px;}
.box_btn.w115 > * {width:115px;}
.box_btn.w103 > * {width:103px;}
.box_btn.w108 > * {width:108px;}
.box_btn.w125 > * {width:125px;}
.box_btn.w150 > * {width:150px;}
.box_btn.w175 > * {width:175px;}
.box_btn.w200 > * {width:200px;}
.box_btn.w225 > * {width:225px;}
.box_btn.w250 > * {width:250px;}
.box_btn.w275 > * {width:275px;}
.box_btn.w300 > * {width:300px;}
.box_btn.w325 > * {width:325px;}
.box_btn.w350 > * {width:350px;}

/* 버튼스타일 - 세로높이 */
.box_btn.h30 > * {height:30px; padding:0; line-height:30px;}
.box_btn.h35 > * {height:35px; padding:0; line-height:33px;}
.box_btn.h40 > * {height:40px; padding:0; line-height:38px;}
.box_btn.h45 > * {height:45px; padding:0; line-height:43px;}

/* 버튼스타일 - 색상 */
.box_btn.white * {border-color:#c3c3c3; background:#fff; color:#666 !important;}
.box_btn.white:hover *,
.box_btn.white:active *,
.box_btn.white:focus * {background:#f5f5f5;}
.box_btn.white2 * {border-color:#c5c5c5; background:#fff; color:#999 !important;}
.box_btn.white2:hover *,
.box_btn.white2:active *,
.box_btn.white2:focus * {background:#f5f5f5;}
.box_btn.white3 * {border-color:#dbdbdb; background:#fff; color:#333 !important;}
.box_btn.white3:hover *,
.box_btn.white3:active *,
.box_btn.white3:focus * {background:#f5f5f5;}
.box_btn.white4 * {border-color:#e9e9e9; background:#fff; color:#404040 !important;}
.box_btn.white4:hover *,
.box_btn.white4:active *,
.box_btn.white4:focus * {background:#f5f5f5;}
.box_btn.white5 * {border-color:#e5e5e5; background:#fff; color:#333 !important;}
.box_btn.white5:hover *,
.box_btn.white5:active *,
.box_btn.white5:focus * {background:#f5f5f5;}
.box_btn.white6 * {border-color:#dbdbdb; background:#fff; color:#767676 !important;}
.box_btn.white6:hover *,
.box_btn.white6:active *,
.box_btn.white6:focus * {background:#f5f5f5;}
.box_btn.white7 * {border-color:#e5e5e5; background:#fff; color:#767676 !important;}
.box_btn.white7:hover *,
.box_btn.white7:active *,
.box_btn.white7:focus * {background:#f5f5f5;}
.box_btn.gray * {border-color:#f5f5f5; background:#f5f5f5; color:#666 !important;}
.box_btn.gray:hover *,
.box_btn.gray:active *,
.box_btn.gray:focus * {background:#dadada;}
.box_btn.gray2 * {border-color:#ebebeb; background:#ebebeb; color:#333 !important;}
.box_btn.gray2:hover *,
.box_btn.gray2:active *,
.box_btn.gray2:focus * {background:#ebebeb;}
.box_btn.gray3 * {border-color:#f7f7f7; background:#f7f7f7; color:#333 !important;}
.box_btn.gray3:hover *,
.box_btn.gray3:active *,
.box_btn.gray3:focus * {background:#f7f7f7;}
.box_btn.gray4 * {border-color:#fbfbfb; background:#fbfbfb; color:#333 !important;}
.box_btn.gray4:hover *,
.box_btn.gray4:active *,
.box_btn.gray4:focus * {background:#fbfbfb;}
.box_btn.gray5 * {border-color:#c6c6c6; background:#c6c6c6; color:#333 !important;}
.box_btn.gray5:hover *,
.box_btn.gray5:active *,
.box_btn.gray5:focus * {background:#dadada;}
.box_btn.skyblue * {border-color:#63cadd; background:#63cadd; color:#fff !important;}
.box_btn.skyblue:hover *,
.box_btn.skyblue:active *,
.box_btn.skyblue:focus * {background:#63cadd;}

/* 버튼스타일 - 폰트크기 */
.box_btn.fs11 > * {font-size:0.917rem;}
.box_btn.fs13 > * {font-size:1.083rem;}
.box_btn.fs14 > * {font-size:1.167rem;}
.box_btn.fs15 > * {font-size:1.250rem;}

/* 버튼스타일 - 텍스트 */
.box_btn.light * {font-weight:300;}
.box_btn.strong * {font-weight:700;}

/* 나열 버튼 */
.btn_col {width:100%;}
/* .btn_col:after {display:block; clear:both; content:'';} */
.btn_col span {float:left; width:49%;}
.btn_col span:last-child {float:right;}
.btn_col.col3 span {float:left; width:32%;}
.btn_col.col3 span:nth-child(3n-1) {margin:0 2%;}
.btn_col2 {width:100%;}
.btn_col2:after {display:block; clear:both; content:'';}
.btn_col2 span {float:left; width:50%;}
.btn_col2 span:last-child {float:right; position:relative; left:-1px;}


/*-----------------------------------------------------------------*/
/* 2-3. product
/*-----------------------------------------------------------------*/

/* 상품스타일 - 기본 */
.prd_basic {display:table; width:100%; font-size:0; text-align:left !important;}
.prd_basic > li {display:inline-block; padding-bottom:21px; text-align:center; vertical-align:top;}
.prd_basic .box {position:relative; width:100%; margin:0 auto;}
.prd_basic .box .img {overflow:hidden; position:relative; z-index:1; width:100%; margin:0 auto; text-align:center;}
.prd_basic .box .img .prdimg {transition:all .3s ease;}
.prd_basic .box .img .prdimg img {width:100%; height:auto;}
.prd_basic .box .img:hover .prdimg {/*-ms-transform:scale(1.1,1.1);*/ /* IE 9 */ /*-webkit-transform:scale(1.1,1.1);*/ /* Safari */ /*transform:scale(1.1,1.1);*/ /* Standard syntax */}
.prd_basic .box .img .icon_sale {position:absolute; left:8px; top:8px; z-index:5; width:50px; height:50px; padding:8px 0; border:2px solid #fff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:rgba(255,255,255,0.4); font-size:0.917rem; font-weight:300;}
.prd_basic .box .img .icon_sale strong {font-size:1.167rem;}
.prd_basic .box .img .check {position:absolute; left:5px; top:5px;}
.prd_basic .box .img .soldout {display:none;}
.prd_basic .box.out .img .prdimg {/* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity:.3; */}
.prd_basic .box.out .img .soldout {display:block; position:absolute; left:0; top:50%; z-index:5; width:100%; color:#000; font-size:1.167rem; font-weight:bold; text-align:center; cursor:pointer;} /* 품절시 soldout 출력 */
.prd_basic .box .info {text-align:left; padding:0px; padding-top: 10px;}
.prd_basic .box .icon {margin-bottom:13px; text-indent: 3px;}
.prd_basic .box .icon img {height:25px; padding-left:5px; vertical-align:middle;}
.prd_basic .box .icon img:first-child {padding-left:0;}
/*.prd_basic .box .name {overflow:hidden; margin-bottom:4px; text-overflow:ellipsis; white-space:nowrap; padding:0 3px;}*/
.prd_basic .box .summary {margin-bottom:17px; color:#a8a8a8; font-size:0.917rem; line-height:16px; word-break:break-all; word-wrap:break-word; padding:0 3px;}
.prd_basic .box .price{padding:0 3px; letter-spacing: -1px;}
.prd_basic .box .price span {font-size:1.083rem; font-weight:300; word-break:break-all; word-wrap:break-word;}
.prd_basic .box .price span.percent {margin-right:5px; display: inline-block;font-weight: 600;font-size: 1.250rem; }
.prd_basic .box .price .sell {font-size:1.250rem; font-weight:500; letter-spacing: -1px;}
.prd_basic .box .price .consumer {padding-left:5px; color:#767676; text-decoration:line-through;}
.prd_basic .box .price .per {padding-right:5px; font-weight: 600; font-size:15px;}
.prd_basic .box .count {margin-top:10px; padding-top:10px; border-top:1px solid #dbdbdb; font-size:0; padding:0 3px;}
.prd_basic .box .count li {display:inline-block; position:relative; padding:0 7px 0 8px; color:#767676; font-size:0.917rem;}
.prd_basic .box .count li:first-child {padding-left:0 !important;}
.prd_basic .box .count li:after {display:block; position:absolute; left:0; top:0; color:#767676; font-size:1.000rem; font-weight:300; content:':';}
.prd_basic .box .count li:first-child:after {display:none;}
.prd_basic .box .count li span {font-weight:300;}

.prd_basic_slide {display:table; width:100%; font-size:0; text-align:left !important;}
.prd_basic_slide > li {display:inline-block; padding-bottom:47px; text-align:center; vertical-align:top;}
.prd_basic_slide .box {position:relative; width:100%; margin:0 auto;}
.prd_basic_slide .box .img {overflow:hidden; position:relative; z-index:1; width:100%; margin:0 auto; text-align:center;}
.prd_basic_slide .box .img .prdimg {transition:all .3s ease;}
.prd_basic_slide .box .img .prdimg img {width:100%; height:auto;}
.prd_basic_slide .box .img:hover .prdimg {/*-ms-transform:scale(1.1,1.1);*/ /* IE 9 */ /*-webkit-transform:scale(1.1,1.1);*/ /* Safari */ /*transform:scale(1.1,1.1);*/ /* Standard syntax */}
.prd_basic_slide .box .img .icon_sale {position:absolute; left:8px; top:8px; z-index:5; width:50px; height:50px; padding:8px 0; border:2px solid #fff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:rgba(255,255,255,0.4); font-size:0.917rem; font-weight:300;}
.prd_basic_slide .box .img .icon_sale strong {font-size:1.167rem;}
.prd_basic_slide .box .img .check {position:absolute; left:5px; top:5px;}
.prd_basic_slide .box .img .soldout {display:none;}
.prd_basic_slide .box.out .img .prdimg {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity:.3;}
.prd_basic_slide .box.out .img .soldout {display:block; position:absolute; left:0; top:50%; z-index:5; width:100%; color:#000; font-size:1.167rem; font-weight:bold; text-align:center; cursor:pointer;} /* 품절시 soldout 출력 */
.prd_basic_slide .box .info {padding-top:15px; text-align:left;}
.prd_basic_slide .box .icon {margin-bottom:13px;}
.prd_basic_slide .box .icon img {height:25px; padding-left:5px; vertical-align:middle;}
.prd_basic_slide .box .icon img:first-child {padding-left:0;}
.prd_basic_slide .box .name {overflow:hidden; margin-bottom:4px; text-overflow:ellipsis; white-space:nowrap;}
.prd_basic_slide .box .summary {margin-bottom:17px; color:#767676; font-size:0.917rem; line-height:16px; word-break:break-all; word-wrap:break-word;}
.prd_basic_slide .box .price span {font-size:1.083rem; font-weight:300; word-break:break-all; word-wrap:break-word;}
.prd_basic_slide .box .price .sell {font-size:1.250rem; font-weight:400;}
.prd_basic_slide .box .price .consumer {padding-left:9px; color:#767676; text-decoration:line-through;}
.prd_basic_slide .box .price .per {padding-left:9px;}
.prd_basic_slide .box .count {margin-top:10px; padding-top:10px; border-top:1px solid #dbdbdb; font-size:0;}
.prd_basic_slide .box .count li {display:inline-block; position:relative; padding:0 7px 0 8px; color:#767676; font-size:0.917rem;}
.prd_basic_slide .box .count li:first-child {padding-left:0 !important;}
.prd_basic_slide .box .count li:after {display:block; position:absolute; left:0; top:0; color:#767676; font-size:1.000rem; font-weight:300; content:':';}
.prd_basic_slide .box .count li:first-child:after {display:none;}
.prd_basic_slide .box .count li span {font-weight:300;}

/* 상품스타일 - 보기갯수 */
.prd_basic.col1 > li {width:100%;}
.prd_basic.col2 > li {width:50%; padding-right:0.5%;}
.prd_basic.col2 > li:nth-child(2n) {padding:0 0 0 0.5%;}
.prd_basic.col3 > li {width:33%; padding-bottom:33px;}
.prd_basic.col3 > li:nth-child(3n-1) {margin:0 0.5%;}
.prd_basic.col_img > li {width:50%; padding-right:1.5625%;}
.prd_basic.col_img > li:nth-child(2n) {padding:0 0 0 1.5625%;}
.prd_basic.col_img .box .info {display:none;}
.prd_basic.col_list > li {width:100%;}
.prd_basic.col_list > li {margin-bottom:10px; border-bottom:1px solid #ebebeb;}
.prd_basic.col_list > li .box:after {display:block; clear:both; content:'';}
.prd_basic.col_list > li .box .img {float:left; width:30%;}
.prd_basic.col_list > li .box .info {float:left; width:70%; padding-left:10px; text-align:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.prd_basic.col_list > li .box .name {padding-top:0;}
.prd_basic.col3 .box .price .consumer,
.prd_basic.col3 .box .price .per {padding-left:0;}
.prd_basic.col3 .box .count li {padding-right: 6px;}

/* 상품스타일 - 기본 - 요약 */
.prd_basic.min > li {padding-bottom:23px;}
.prd_basic.min .box .info {padding-top:10px;}
.prd_basic.min .box .price .sell {font-size:1.000rem;}
.prd_basic.min .box .img .icon_sale,
.prd_basic.min .box .icon,
.prd_basic.min .box .summary,
.prd_basic.min .box .price .consumer,
.prd_basic.min .box .price .per,
.prd_basic.min .box .count {display:none;}

/* 상품스타일 - 기본 - 디테일 코디상품 */
.prd_basic.coordi > li {padding-bottom:17px;}
.prd_basic.coordi > li.soldout .prdimg {opacity:0.2;}
.prd_basic.coordi .box .img .check {position:absolute; left:5px; top:5px;}
.prd_basic.coordi .box .img .check input {width:13px; height:13px; background-size:13px auto;}
.prd_basic.coordi .box .info {padding-top:10px;}
.prd_basic.coordi .box .name {margin-bottom:0;}
.prd_basic.coordi .box .price {margin-bottom:4px;}
.prd_basic.coordi .box .price .sell {font-size:1.083rem;}
.prd_basic.coordi .box .opt {position:relative;}
.prd_basic.coordi .box .opt > span {padding-right:13px; background:url('/asset/img/common/bullet_arrow_bottom3.png') no-repeat right center/7.5px auto; color:#767676; font-size:0.833rem;}
.prd_basic.coordi .box .opt > span.active {background-image:url('/asset/img/common/bullet_arrow_top3.png');}
.prd_basic.coordi .box .opt_layer {display:none; position:absolute; left:0; top:20px; z-index:5; width:100%; padding-bottom:7.5px; background:#fff;}
.prd_basic.coordi .box .opt_layer select {width:100%; height:22.5px; margin-bottom:5px; padding:0; padding-left:5px; color:#767676; font-size:0.833rem; line-height:22.5px;}
.prd_basic.coordi .box .opt_layer .box_qty {width:100%; height:22.5px; border-color:#e9e9e9;}
.prd_basic.coordi .box .opt_layer .box_qty .form_input {height:20.5px; padding:0 17.5px; line-height:20.5px;}
.prd_basic.coordi .box .opt_layer .box_qty a {width:17.5px; height:22.5px; background-size:7px auto;}

/* 상품스타일 - 기본 - 마이페이지 최근본상품 */
.prd_basic.click .box .name,
.prd_basic.click .box .name * {color:#212121;}
.prd_basic.click .box .price .sell {font-size:1.250rem !important;}

/* 상품스타일 - 기본 - 마이페이지 좋아요 */
.prd_basic.like .box .name,
.prd_basic.like .box .name * {color:#212121;}
.prd_basic.like .box .price .sell {font-size:1.250rem !important;}

/* 상품스타일 - 기본 - 슬라이드 */
.prd_basic.slide {display:block;}

/* 상품스타일 - 기본 - 슬라이드 - 메인 기획전 */
.prd_basic.special .box .price .sell {font-size:1.083rem;}

/* 상품스타일 - 기본 - 슬라이드 - 카테고리별베스트 */
.prd_basic.best {padding:0 0.41%;}
.prd_basic.best .swiper-slide {padding:0 2.36%;}
.prd_basic.best .box .price .sell {font-size:1.083rem !important;}

/* 상품스타일 - 기본 - 슬라이드 - 장바구니 추천상품 */
.prd_basic.rec {padding:0 1.38%;}
.prd_basic.rec .swiper-slide {padding:0 1.38%;}
.prd_basic.rec .box .name,
.prd_basic.rec .box .name * {font-size:0.833rem;}
.prd_basic.rec .box .name {margin-bottom:0;}

/* 상품스타일 - 기본 - 슬라이드 - 디테일 이 상품과 함께 구매한 상품 */
.prd_basic.rel {padding:0 1.38%;}
.prd_basic.rel .swiper-slide {padding:0 1.38%;}

/* 상품스타일 - 기본 - 슬라이드 - 마이페이지 내가좋아하는상품 & 마이페이지 최근 본 상품 */
.prd_basic.myprd {padding:0 1.38%;}
.prd_basic.myprd .swiper-slide {padding:0 1.38%;}
.prd_basic.myprd .box .name,
.prd_basic.myprd .box .name * {font-size:0.917rem;}


/*-----------------------------------------------------------------*/
/* 3. Layout
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/* 3-1. wrapper
/*-----------------------------------------------------------------*/

/* 컨텐츠 사이즈 */
.wrap_inner {padding:0 5.55%;} /* 40px */
.wrap_inner2 {padding:0 4.16%;} /* 30px */
.wrap_inner3 {padding:0 2.77%;} /* 20px */
body.view_nav {overflow:hidden;}
body.view_nav #dimmed {display:block;}

/*-----------------------------------------------------------------*/
/* 3-2. header
/*-----------------------------------------------------------------*/

header {width:100%; text-align:center;}
header .gnb {position:relative; height:61px; border-bottom:1px solid #c5c5c5;}
header .gnb > div {width:100%; height:60px; background:#fff;}
header .gnb > div h1 {padding:18px 0 16px;}
header .gnb > div h1 img {height:26px;}
header .gnb div > p {position:absolute; top:0; z-index:5;}
header .gnb div > p > a {display:block; position:relative; height:60px; background-repeat:no-repeat; background-position:center; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
header .gnb div > p > a span {position:absolute; z-index:5; line-height:1;}
header .gnb div > p.menu {left:0;}
header .gnb div > p.menu > a {width:21px; padding:0 10px; background-image:url('/asset/img/common/menu.png'); background-size:21px auto;}
header .gnb div > p.smart {left:40px;}
header .gnb div > p.smart > a {width:21px; padding:0 10px; background-image:url('/asset/img/button/search.png'); background-size:21px auto;}
header .gnb div > p.my {right:40px;}
header .gnb div > p.my > a {width:18px; padding:0 7px; background-image:url('/asset/img/common/my.png'); background-size:18px auto;}
header .gnb div > p.my > a span {right:0; top:33px; color:#3e3e3e; font-size:0.667rem; font-weight:600;}
header .gnb div > p.cart {right:3px;}
header .gnb div > p.cart > a {width:21px; padding:0 7px; background-image:url('/asset/img/common/cart.png'); background-size:21px auto;}
header .gnb div > p.cart > a span {left:0; top:28px; width:100%; font-size:0.750rem; font-weight:500; text-align:center;}
header.fixed .gnb div {position:fixed; left:0; top:0; z-index:10; background: rgba(255,255,255,0.8);}
header .topmenu {position:relative; padding-right:46px;}
header .topmenu .swiper-container {width:100%; border-bottom:1px solid #c5c5c5;}
header .topmenu .swiper-slide {width:auto;}
header .topmenu .swiper-slide a {display:block; height:45px; padding:0 10px; color:#3e3e3e; font-size:1.167rem; line-height:45px;}
header .topmenu .swiper-slide a.lightning {position:relative; padding-left:15px;}
header .topmenu .swiper-slide a.lightning:after {display:block; position:absolute; left:0; top:50%; width:12px; height:12px; margin-top:-6px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:url('/asset/img/common/icon_lightning_s.png') no-repeat center/5px auto #FE8E78; content:'';}
a.lightning:after {display:block; position:absolute; left:0; top:50%; width:12px; height:12px; margin-top:-6px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:url('/asset/img/common/icon_lightning_s.png') no-repeat center/5px auto #FE8E78; content:'';}
header .topmenu .toggle_btn {position:absolute; right:0; top:0; width:46px; height:46px; border:1px solid #c5c5c5; border-width:0 0 1px 1px; background:url('/asset/img/common/bullet_arrow_bottom.png') no-repeat center/16px auto #fff;}
header .topmenu .toggle_btn.active {background-image:url('/asset/img/common/bullet_arrow_top.png');}
header .topmenu .topmenu_more {display:none; position:absolute; left:0; top:46px; z-index:10; width:100%; padding:15px 2.77%; background:#ebebeb;}
header .topmenu .topmenu_more ul {border:1px solid #dbdbdb; border-width:0 1px 1px 0; background:#fff;}
header .topmenu .topmenu_more ul:after {display:block; clear:both; content:'';}
header .topmenu .topmenu_more ul li {float:left; width:25%; border:1px solid #dbdbdb; border-width:1px 0 0 1px; text-align:center;}
header .topmenu .topmenu_more ul li:nth-child(4n+1) {clear:both;}
header .topmenu .topmenu_more ul li a {display:block; overflow:hidden; height:41px; color:#666; font-weight:300; line-height:41px; white-space:nowrap; text-overflow:ellipsis;}
header .topmenu .topmenu_more ul li a span {color:#fff; font-size:0.817rem; font-weight:300; text-align:center; line-height:15px; vertical-align:middle; display:inline-block; width:15px; height:15px; margin-left:3px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#FE8E78; vertical-align:middle; position:relative; top:-1px;}
header .topmenu .topmenu_more ul li a.kor {font-weight:400;}
header .topmenu .topmenu_more ul li a.lightning {position:relative; padding-left:15px;}
header .topmenu .topmenu_more ul li a.lightning:after {display:block; position:absolute; left:50%; top:50%; width:12px; height:12px; margin:-6px 0 0 -30px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:url('/asset/img/common/icon_lightning_s.png') no-repeat center/5px auto #FE8E78; content:'';}

/*-----------------------------------------------------------------*/
/* 3-3. nav
/*-----------------------------------------------------------------*/

nav {visibility:hidden; overflow:auto; position:fixed; top:0; z-index:25; width:100%; height:100%; transition:all 0.3s ease-in-out; -webkit-overflow-scrolling:touch;}
nav .close {position:absolute; right:0; top:0; z-index:5; width:19px; height:19px; padding:15px; background:url('/asset/img/button/close_w.png') no-repeat center/19px auto; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
nav.is_show {visibility:visible;}
nav.lnb {left:-100%; background:#ebebeb;}
nav.lnb .member {display:inline-block; font-size:0; vertical-align:middle;}
nav.lnb .member li {display:inline-block; position:relative;}
nav.lnb .member li:after {display:block; position:absolute; left:0; top:50%; width:1px; height:11px; margin-top:-5px; content:'';}
nav.lnb .member li:first-child:after {display:none;}
nav.lnb .member li a {display:block; padding:0 10px;}
nav.lnb .top_area {background:#3e3e3e; font-size:0; text-align:left;}
nav.lnb .top_area h1 {display:inline-block; padding:12px 15px 15px; vertical-align:middle;}
nav.lnb .top_area h1 img {height:22px;}
nav.lnb .top_area .member li:after {background-color:rgba(255,255,255,0.25);}
nav.lnb .top_area .member li a {color:#fff;}
nav.lnb .list_menu {border-left:1px solid #e5e5e5; background:#fff;}
nav.lnb .list_menu:after {display:block; clear:both; content:'';}
nav.lnb .list_menu li {float:left; width:25%; border:1px solid #e5e5e5; border-width:1px 1px 0 0; text-align:center;}
nav.lnb .list_menu li a {display:block; padding:47px 0 15px; background-repeat:no-repeat; line-height:1;}
nav.lnb .list_menu li.my a {background-image:url('/asset/img/common/lnb_my.png'); background-size:19px auto; background-position:top 18px center;}
nav.lnb .list_menu li.order a {background-image:url('/asset/img/common/lnb_order.png'); background-size:24px auto; background-position:top 20px center;}
nav.lnb .list_menu li.cpn a {background-image:url('/asset/img/common/lnb_cpn.png'); background-size:24px auto; background-position:top 21px center;}
nav.lnb .list_menu li.counsel a {background-image:url('/asset/img/common/lnb_counsel.png'); background-size:20px auto; background-position:top 20px center;}
nav.lnb .list_menu li.wish a {background-image:url('/asset/img/common/lnb_wish.png'); background-size:22px auto; background-position:top 20px center;}
nav.lnb .list_menu li.cart a {background-image:url('/asset/img/common/lnb_cart.png'); background-size:21px auto; background-position:top 18px center;}
nav.lnb .list_menu li.review a {background-image:url('/asset/img/common/lnb_review.png'); background-size:19px auto; background-position:top 19px center;}
nav.lnb .list_menu li.photo a {background-image:url('/asset/img/common/lnb_photo.png'); background-size:23px auto; background-position:top 21px center;}
nav.lnb .list_menu li.company a {background-image:url('/asset/img/common/lnb_company.png'); background-size:23px auto; background-position:top 19px center;}
nav.lnb .list_menu li.request a {background-image:url('/asset/img/common/lnb_request.png'); background-size:23px auto; background-position:top 18px center;}
nav.lnb .list_menu li.attend a {background-image:url('/asset/img/common/lnb_attend.png'); background-size:22px auto; background-position:top 18px center;}
nav.lnb .list_menu li.event a {background-image:url('/asset/img/common/lnb_event.png'); background-size:18px auto; background-position:top 18px center;}
nav.lnb .list_board {margin:8px 0;}
nav.lnb .list_board li {border-top:0;}
nav.lnb .list_category {background:#fff; text-align:left;}
nav.lnb .list_category:after {display:block; clear:both; content:'';}
nav.lnb .list_category li {position:relative; float:left; width:50%; padding:0 4.16%; border-bottom:1px solid #e5e5e5;}
nav.lnb .list_category li:after {display:block; position:absolute; right:0; top:0; width:1px; height:100%; background:#e5e5e5; content:'';}
nav.lnb .list_category li.skullpig:after {display: none;}
nav.lnb .list_category li:nth-child(even):after {display:none;}
nav.lnb .list_category li a {display:block; height:48px; font-size:1.083rem; font-weight:400; line-height:48px;}
nav.lnb .list_category li a .icon {display:inline-block; width:18px; height:18px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#FE8E78; color:#fff; font-size:0.917rem; font-weight:300; text-align:center; line-height:18px; vertical-align:middle;}
nav.lnb .list_special li.lightning a .icon {background:url('/asset/img/common/icon_lightning.png') no-repeat center/8px auto #FE8E78;}
nav.lnb .list_normal {margin:8px 0;}
nav.lnb .list_normal li a {padding:0 28px; background-repeat:no-repeat; background-position:left center; font-weight:300;}
nav.lnb .list_normal li.dress a {background-image:url('/asset/img/common/lnb_dress.png'); background-size:14.5px auto;}
nav.lnb .list_normal li.top a {background-image:url('/asset/img/common/lnb_top.png'); background-size:18px auto;}
nav.lnb .list_normal li.outer a {background-image:url('/asset/img/common/lnb_outer.png'); background-size:17px auto;}
nav.lnb .list_normal li.knit a {background-image:url('/asset/img/common/lnb_outer.png'); background-size:16.5px auto;}
nav.lnb .list_normal li.skirt a {background-image:url('/asset/img/common/lnb_skirt.png'); background-size:17px auto;}
nav.lnb .list_normal li.pants a {background-image:url('/asset/img/common/lnb_pants.png'); background-size:10.5px auto; background-position:left 2.5px center;}
nav.lnb .list_normal li.jewelry a {background-image:url('/asset/img/common/lnb_jewelry.png'); background-size:13px auto; background-position:left 2.5px center;}
nav.lnb .list_normal li.acc a {background-image:url('/asset/img/common/lnb_acc.png'); background-size:17.5px auto;}
nav.lnb .list_normal li.shoes a {background-image:url('/asset/img/common/lnb_shoes.png'); background-size:17px auto; background-position:left 1px center;}
nav.lnb .list_normal li.bag a {background-image:url('/asset/img/common/lnb_bag.png'); background-size:16.5px auto; background-position:left 1px center;}
nav.lnb .list_normal li.underwear a {background-image:url('/asset/img/common/lnb_underwear.png'); background-size:19.5px auto;}
nav.lnb .list_normal li.skullpig a {background-image:url('/asset/img/common/skullpig.png'); background-size:19.5px auto;}
nav.lnb .list_normal li.beauty a {background-image:url('/asset/img/common/beauty.png'); background-size:19.5px auto;}
nav.lnb .list_normal li.active span {display:inline-block; width:5px; height:5px; margin-left:10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#FE8E78; vertical-align:middle;}
nav.lnb .list_look li.active span {display:inline-block; width:5px; height:5px; margin-left:10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#FE8E78; vertical-align:middle;}

nav.lnb dl.notice {padding-bottom:18px; background:#fff; text-align:left;}
nav.lnb dl.notice dt {position:relative; padding:16px 4.16% 14px; border-bottom:1px solid #e5e5e5; font-size:1.083rem;}
nav.lnb dl.notice dt .more {display:inline-block; position:absolute; right:0; top:0; padding:15px 27px; background:url('/asset/img/common/bullet_arrow_right_g.png') no-repeat right 4.16% center/5px auto; color:#999; font-size:1.000rem;}
nav.lnb dl.notice dd {padding:0 4.16%;}
nav.lnb dl.notice dd a {display:block; position:relative; margin-top:10px; padding-left:7px; color:#767676; font-size:0.917rem; font-weight:200;}
nav.lnb dl.notice dd a:after {display:block; position:absolute; left:0; top:5px; width:3px; height:1px; background:#767676; content:'';}
nav.lnb .menu {padding-bottom:9px; text-align:left;}
nav.lnb .menu:after {display:block; clear:both; content:'';}
nav.lnb .menu li {position:relative; float:left; width:33.33%; padding:19px 0 19px 25px;}
nav.lnb .menu li:first-child {padding-left:0;}
nav.lnb .menu li:after {display:block; position:absolute; left:0; top:25px; width:1px; height:31px; background:#d4d4d4; content:'';}
nav.lnb .menu li:first-child:after {display:none;}
nav.lnb .menu li a {display:block; padding:3px 0; font-family:'メイリオ', Meiryo; font-size:0.917rem;}
nav.lnb dl.global {padding-bottom:26px; text-align:left;}
nav.lnb dl.global > * {color:#666; font-size:0.917rem; font-weight:200;}
nav.lnb dl.global dt {padding-bottom:7px;}
nav.lnb dl.global dd a {text-decoration:underline;}
nav.lnb .flag_member {padding-bottom:28px; font-size:0; text-align:left;}
nav.lnb .flag {display:inline-block; vertical-align:middle;}
nav.lnb .flag:after {display:block; clear:both; content:'';}
nav.lnb .flag li {float:left; margin-left:5px; border:1px solid #d0d0d0;}
nav.lnb .flag li:first-child {margin-left:0;}
nav.lnb .flag li img {height:17px;}
nav.lnb .flag_member .member {padding-left:10px;}
nav.lnb .flag_member .member li:after {background:#d4d4d4;}
nav.lnb .flag_member .member li a {color:#666; font-size:0.917rem;}
nav.lnb.is_show {left:0; z-index: 10000;}

nav.smart {right:-100%; background:#fff; text-align:left; z-index: 99999;}
nav.smart .close {position:fixed; z-index:10;}
nav.smart .top_area,
nav.smart > .btn {visibility:hidden; position:fixed; right:-100%; z-index:5; width:100%; transition:all 0.3s ease-in-out;}
nav.smart .top_area {top:0; background:#FE8E78;}
nav.smart .top_area h2 {padding:14px 0 13px 38.5px; background:url('/asset/img/common/icon_smartsearch.png') no-repeat left center/22.5px auto; color:#fff; font-size:1.417rem;}
nav.smart .search {padding:62px 4.16% 27px; border-bottom:1px solid #e3e3e3;}
nav.smart .search .box {position:relative; padding:0 19px 0 69px; border-bottom:2px solid #333;}
nav.smart .search .box label {position:absolute; left:0; top:50%; width:69px; font-size:1.250rem; font-weight:700; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
nav.smart .search .box .form_input {height:46.5px; padding:0 9px; border:0; color:#767676; font-size:1.167rem; font-weight:200; line-height:46.5px;}
nav.smart .search .box .btn {position:absolute; right:0; top:50%; width:19px; height:auto; margin-top:-9.5px;}
nav.smart .area {padding-bottom:45px;}
nav.smart .area:after {display:block; clear:both; content:'';}
nav.smart .area .left {float:left; width:25%; background:#e3e3e3;}
nav.smart .area .right {float:right; width:75%; padding:0 6.96%;}
nav.smart .area .tab_smart li {border-bottom:1px solid #fff;}
nav.smart .area .tab_smart li a {display:block; height:55px; padding:0 5px; font-weight:300; background:#e3e3e3; line-height:55px;}
nav.smart .area .tab_smart li a.active {background:#fff;}
nav.smart .area .tabcnt_smart {display:none;}
nav.smart .area .tabcnt_smart0 {display:block;}
nav.smart .area .refresh {display:block; width:37px; height:37px; margin:15px 0 15px 15px; border:1px solid #a19892; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:url('/asset/img/common/icon_refresh.png') no-repeat center/13px auto #fff; color:transparent; font-size:0;}
nav.smart .area dl {border-bottom:1px solid #dfdfdf;}
nav.smart .area dl dt {position:relative; padding:16px 11px 14px 0; background:url('/asset/img/common/bullet_arrow_bottom2.png') no-repeat right center/11px auto; font-size:1.083rem;}
nav.smart .area dl dt span {padding-left:7px; color:#a5a5a5; font-size:0.917rem; font-weight:300;}
nav.smart .area dl dt.active {background-image:url('/asset/img/common/bullet_arrow_top2.png');}
nav.smart .area dl dd {margin-bottom:8px;}
nav.smart .area dl.rangebox dd {margin-bottom:18px;}
nav.smart .area dl dd ul {margin-left:-10px;}
nav.smart .area dl dd ul:after {display:block; clear:both; content:'';}
nav.smart .area dl dd ul li {position:relative;float:left; margin:0 0 10px 10px;}
nav.smart .area dl dd ul li a {display:block; height:32px; padding:0 15px; border:1px solid #e2e2e2; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; line-height:30px;}
nav.smart .area dl dd .list li.on a {border:1px solid #e3e3e3; background:#e3e3e3;}
nav.smart .area dl dd .colors li a {overflow:hidden; height:auto; padding:0; border:1px solid #adadad; -webkit-border-radius:0; -moz-border-radius:0; border-radius:50%; line-height:normal;}
nav.smart .area dl dd .colors li.on a .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.76) url('/asset/img/common/check.png') no-repeat center;}
nav.smart .area dl dd .size li {text-align:center;}
nav.smart .irs-min,
nav.smart .irs-max {color:#bbb; font-size:1.000rem; font-weight:300;}
nav.smart .irs-from,
nav.smart .irs-to,
nav.smart .irs-single {font-size:1.000rem; font-weight:400;}
nav.smart .irs-to {}
nav.smart > .btn {bottom:0;}
nav.smart.is_show {right:0;}
nav.smart.is_show .top_area,
nav.smart.is_show > .btn {visibility:visible; right:0;}

/*-----------------------------------------------------------------*/
/* 3-4. footer
/*-----------------------------------------------------------------*/

footer {margin-top:40px;}
footer .shopinfo {text-align:center;}
footer .shopinfo h4 {border-top:1px solid #dededc; font-size:1.083rem; font-weight:400;}
footer .offline {padding:20px 2.77% 23px; border-top:1px solid #dededc; text-align:left;}
footer .offline .bnr {position:relative; margin-bottom:12px;}
footer .offline .bnr img {width:100%; height:auto;}
footer .offline .bnr h4 {position:absolute; left:15px; top:15px; border-top:0; color:#fff; font-size:1.250rem;}
footer .offline dl > * {display:inline-block; color:#666; font-size:0.917rem; vertical-align:bottom;}
footer .offline dl dt {font-weight:300;}
footer .offline dl dd {font-weight:200; letter-spacing:-1px;}
footer .info {padding-bottom:16px;}
footer .info:after {display:block; clear:both; content:'';}
footer .info li {position:relative; float:left; width:100%;}
footer .info li:after {display:block; position:absolute; right:0; top:0; width:1px; height:100%; background:#dededc; content:'';}
footer .info li:last-child:after {display:none;}
footer .info h4 {padding:22px 0 12px 0;}
footer .info .cc h4 {padding-bottom:12px;}
footer .info .bank h4 {padding-bottom:5px;}
footer .info p {color:#767676; font-family:'メイリオ', Meiryo; font-size:0.917rem; font-weight:200; line-height:20px; letter-spacing:-1px;}
footer .info p.tel,
footer .info p.tel * {color:#FE8E78; font-family:'Poppins'; font-size:1.167rem; font-weight:300;}
footer .info div a{color:#767676; font-size:0.917rem; font-weight:200; line-height:20px; letter-spacing:-1px; display: inline-block;}
footer .info div a:hover{text-decoration:underline; color:#767676;}
footer .return {padding-bottom:16px;}
footer .return h4 {padding:17px 0 8px;}
footer .return dl > * {color:#767676; font-size:0.917rem; font-weight:200; line-height:20px; letter-spacing:-1px;}
footer .addr h4 {padding:31px 0 7px;}
footer .addr .menu {font-size:0;}
footer .addr .menu li {display:inline-block;}
footer .addr .menu li a {display:block; padding:12px 10px; color:#666; font-size:0.917rem; letter-spacing:-1px;}
footer .addr address {font-style:normal;}
footer .addr address * {color:#767676; font-size:0.833rem; font-weight:200; line-height:18px; letter-spacing:-1px;}
footer .addr address span {padding:0 3px;}
footer .addr address span.bar {position:relative;}
footer .addr address span.bar:after {display:block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background:#e4e4e4; content:'';}
footer .addr .copyright {padding:14px 0 20px;}
footer .addr .copyright,
footer .addr .copyright * {color:#999; font-size:0.750rem; font-weight:300;}
footer .addr .copyright strong {color:#333;}
footer .addr .copyright a span,
footer .addr .copyright a:hover {color:#25ace2;}
footer .addr .application {padding-bottom:27px;}
footer .addr .application li {display:inline-block; width:35.55%; margin-left:10px;}
footer .addr .application li:fisrt-child {margin-left:0;}
footer .addr .application li img {width:100%; height:auto;}
#quick {position:fixed; right:2.77%; bottom:10px; z-index:15;}
#quick ul {border:1px solid #c5c5c5; border-bottom:0;}
#quick ul li {border-bottom:1px solid #c5c5c5;}
#quick ul li img {height:44.5px;}
#dimmed {display:none; position:fixed; left:0; top:0; z-index:9998; width:100%; height:100%; background:rgba(0,0,0,0.5);}
#det_dimmed {display:none; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,0.7);}

/*-----------------------------------------------------------------*/
/* 4. Page
/*-----------------------------------------------------------------*/

/* 탭메뉴 - 공통 */
.common_tab {border-top:1px solid #e5e5e5; background-color:#fff;}
.common_tab > li {float:left; height:48px; border:1px solid #e5e5e5; border-width:0 1px 1px 0;}
.common_tab > li > a {display:block; width:100%; height:100%; color:#767676; font-size:1.167rem; text-align:center; vertical-align:top; line-height:48px;}
.common_tab > li > a.active {color:#404040;}
.common_tab > li > a.active:after {display:inline-block; position:relative; right:-5px; width:5px; height:5px; margin:-2px -5px 0 0; border-radius:50%; background-color:#FE8E78; vertical-align:middle; content:'';}
.common_tab:after {display:block; clear:both; content:'';}
.common_tab.col2 > li {width:50%;}
.common_tab.col2 > li:nth-child(2n) {border-right:0;}
.common_tab.col3 > li {width:33%;}
.common_tab.col3 > li:nth-child(3n) {border-right:0;}
.common_tab.col3 > li:nth-child(3n-1) {width:34%;}
.common_tab.col4 > li {width:25%;}
.common_tab.col4 > li:nth-child(4n) {border-right:0;}
.common_tab.col5 > li {width:20%;}
.common_tab.col5 > li:nth-child(5n) {border-right:0;}

/* 레이어팝업 - 공통 */
.common_layer {display:none; position:fixed; z-index:10000; background-color:#fff;}
.common_layer .scroll_area {overflow-y:auto; width:100%; height:calc(100% - 50px); padding:25px 2.77%; -webkit-overflow-scrolling:touch;}
.common_layer .close {position:absolute; right:0; top:0; width:17px; height:17px; padding:14px 10px; background:url('/asset/img/button/close_w.png') no-repeat center/17px auto; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.common_layer h3 {padding:13px 0 11px; background:#333; color:#fff; font-size:1.250rem; text-align:center;}
.common_layer .layer_info li,
.common_layer .layer_info li * {font-size:0.917rem; line-height:14px;}
.common_layer .layer_info li {color:#767676;}
@media screen and (orientation:landscape) {
	.common_layer {left:5%; top:5%; width:90%; height:90%;}
}
@media screen and (orientation:portrait) {
	.common_layer {left:50%; top:50%; width:94vw; height:94vw; margin:-47vw 0 0 -47vw;}
}

/* 레이어 팝업 - 쿠폰선택 (shop_cart.html) */
.cpn_layer h3 {padding:19px 0 12px; background:#fff; color:#282828; font-size:1.167rem;}
.cpn_layer .scroll_area {padding-top:0;}
.cpn_layer .close {width:15px; height:15px; padding:10px; background-image:url('/asset/img/button/close.png'); background-size:15px auto;}
.cpn_layer .btn {padding-top:10px;}
@media screen and (orientation:portrait) {
	.cpn_layer {left:50%; top:50%; width:94vw; height:60vh; margin:-30vh 0 0 -47vw;}
}
/* 레이어팝업 - 실측사이즈 안내 (shop_detail.html) */
.actual_size_layer .msg {margin-bottom:0 !important; color:#767676; font-size:0.833rem;}
@media screen and (orientation:portrait) {
	.actual_size_layer {left:50%; top:50%; width:94vw; height:52vh; margin:-26vh 0 0 -47vw;}
}
/* 레이어팝업 - 사이즈 변환 (shop_detail.html) */
@media screen and (orientation:portrait) {
	.change_chart_layer {left:50%; top:50%; width:94vw; height:82vh; margin:-41vh 0 0 -47vw;}
}
/* 레이어팝업 - 실시간구매재고안내 (shop_detail.html) */
.stock_layer .update {margin-bottom:5px; color:#767676; font-size:0.833rem;}
.stock_layer .layer_info li strong {display:block; padding-top:16px;}
@media screen and (orientation:portrait) {
	.stock_layer {left:50%; top:50%; width:94vw; height:94vh; margin:-47vh 0 0 -47vw;}
}
/* 레이어팝업 - 코디상품 (shop_detail.html) */
.coordi_layer .bnr_area {padding-bottom:20px;}
.coordi_layer .swiper_coordi .swiper-slide img {max-width:100%; height:auto;}
.coordi_layer .swiper_coordi .swiper-pagination {bottom:15px;}
.coordi_layer .swiper_coordi .swiper-pagination-bullet {width:10px; height:10px; margin:0 3px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background:#e4e4e4; opacity:1;}
.coordi_layer .swiper_coordi .swiper-pagination-bullet-active {background:#333;}
.coordi_layer .total {padding:17px 0; border-top:1px solid #dbdbdb; text-align:center;}
.coordi_layer .total dl > * {display:inline-block; vertical-align:middle;}
.coordi_layer .total dl dt span {color:#767676;}
.coordi_layer .total dl dd {color:#cd5a1e; font-size:0.833rem;}
.coordi_layer .total dl dd strong {color:inherit; font-size:1.250rem; font-weight:500;}
@media screen and (orientation:portrait) {
	.coordi_layer {left:50%; top:50%; width:94vw; height:94vh; margin:-47vh 0 0 -47vw;}
}
/* 레이어팝업 - 공유하기 (shop_detail.html) */
.share_layer .msg {margin-bottom:26px; padding:17px 0; background:#f7f7f7; color:#000; text-align:center;}
.share_layer ul {font-size:0; text-align:center;}
.share_layer ul li {display:inline-block; padding:0 9px; vertical-align:middle;}
.share_layer ul li a {display:block; width:50px; height:50px; background-repeat:no-repeat; background-position:center; background-size:50px auto; color:transparent; font-size:0;}
.share_layer ul li.facebook a {background-image:url('/asset/img/shop/sns_facebook.png');}
.share_layer ul li.naverblog a {background-image:url('/asset/img/shop/sns_naverblog.png');}
.share_layer ul li.kakaostory a {background-image:url('/asset/img/shop/sns_kakaostory.png');}
.share_layer ul li.link a {background-image:url('/asset/img/shop/sns_link.png');}
@media screen and (orientation:portrait) {
	.share_layer {left:50%; top:50%; width:94vw; height:28vh; margin:-14vh 0 0 -47vw;}
}
/* 레이어팝업 - 적립금 지급안내 (shop_detail.html) */
.milage_layer .layer_info li,
.milage_layer .layer_info li * {line-height:22.5px;}
.milage_layer .layer_info li {position:relative; padding-left:9px;}
.milage_layer .layer_info li:after {display:block; position:absolute; left:0; top:10px; width:2px; height:2px; background:#3e3e3e; content:'';}
/* 레이어팝업 - 신장별 사이즈표 (shop_detail.html) */
.height_chart_layer .tab_hchart {margin-bottom:25px; text-align:center;}
.height_chart_layer .tab_hchart li {display:inline-block;}
.height_chart_layer .tab_hchart li a {display:block; width:120px; height:35px; border:1px solid #dbdbdb; background:#fff; color:#3e3e3e; font-size:0.917rem; text-align:center; line-height:35px;}
.height_chart_layer .tab_hchart li a.active {border-color:#3e3e3e; background:#3e3e3e; color:#fff;}
.height_chart_layer .tabcnt_hchart {display:none; text-align:center;}
.height_chart_layer .tabcnt_hchart img {height:459.5px;}
.height_chart_layer .tabcnt_hchart0 {display:block;}
.height_chart_layer .msg {margin-top:36px;}
.height_chart_layer .msg p {display:inline-block; padding-left:52.5px; background:url('/asset/img/shop/i_notice_b.png') no-repeat left center/43px auto; color:#767676; font-size:0.917rem; text-align:left; line-height:15px;}
@media screen and (orientation:portrait) {
	.height_chart_layer {left:50%; top:50%; width:94vw; height:84vh; margin:-42vh 0 0 -47vw;}
}
/* 레이어팝업 - 배송지&환불계좌 관리 (mypage_addr_return.html) */
.addr_return_layer .btn {padding-top:25px;}
/* 레이어팝업 - 배송지 관리 (mypage_addr_return.html) */
@media screen and (orientation:portrait) {
	.addr_layer {left:50%; top:50%; width:94vw; height:78vh; margin:-39vh 0 0 -47vw;}
}
/* 레이어팝업 - 환불계좌 관리 (mypage_addr_return.html) (mypage_addr_return.html) (mypage_addr_return.html) (mypage_addr_return.html) (mypage_addr_return.html) (mypage_addr_return.html) */
@media screen and (orientation:portrait) {
	.addr_layer {left:50%; top:50%; width:94vw; height:60vh; margin:-30vh 0 0 -47vw;}
}
/* 레이어팝업 - 입고지연상품 */
@media screen and (orientation:portrait) {
	.delay_layer {left:50%; top:50%; width:94vw; height:60vh; margin:-30vh 0 0 -47vw;}
}
/* 레이어팝업 - 미확인입금자 */
@media screen and (orientation:portrait) {
	.unconfirm_layer {left:50%; top:50%; width:94vw; height:40vh; margin:-20vh 0 0 -47vw;}
}

/*-----------------------------------------------------------------*/
/* 4-1. 메인
/*-----------------------------------------------------------------*/

#main .swiper-slide img {width:100%; height:auto;}
#main .swiper_visual .swiper-pagination {bottom:30px; width:55px; height:26px; -webkit-border-radius:0 15px 15px 0; -moz-border-radius:0 15px 15px 0; border-radius:0 15px 15px 0; background-color:rgba(0,0,0,0.4); color:#fff; font-size:1.083rem; font-weight:300; line-height:26px;}
#main .swiper_visual .swiper-pagination span {color:#fff; font-size:1.083rem; font-weight:300;}
#main h3 {padding:44px 0 15px; font-size:1.500rem; font-weight:400; text-align:center; letter-spacing:2px;}
#main .main_story .swiper_story {padding:0 5px 30px;}
#main .main_story .swiper-slide {padding:0 5px;}
#main .main_story .swiper-pagination {bottom:0;}
#main .main_story .swiper-pagination-bullet {width:10px; height:10px; margin:0 3px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background:#e4e4e4; opacity:1;}
#main .main_story .swiper-pagination-bullet-active {background:#333;}
#main .main_story .img {position:relative;}
#main .main_story .img img {width:100%; height:auto;}
#main .main_story .img .txt {position:absolute; left:0; bottom:0; padding:0 20px 22px;}
#main .main_story .img .txt p {color:#fff;}
#main .main_story .img .txt .big {position:relative; padding:11px 0 3px; font-size:1.500rem; font-weight:700;}
#main .main_story .img .txt .big:after {display:block; position:absolute; left:0; top:0; width:46px; height:2px; background:#fff; content:'';}
#main .main_story .img .txt .small {font-size:0.917rem;}
#main .main_special {position:relative; margin-top:50px;}
#main .main_special .tabmenu {position:absolute; left:0; top:0; margin-top:25px;}
#main .main_special .tabmenu .swiper-container {padding:0 5px;}
#main .main_special .tabmenu .swiper-slide {width:auto; padding:0 5px;}
#main .main_special .tabmenu .swiper-slide a {display:block; height:37px; padding:0 13px; border:1px solid #fff; background:transparent; color:#fff; font-weight:200; line-height:35px;}
#main .main_special .tabmenu .swiper-slide a.active {background:#fff; color:#333; font-weight:400;}
#main .main_special .bnr img {width:100%; height:auto;}
#main .main_special .prd {padding:25px 0; background:#ebebeb;}
#main .main_special .prd .swiper-container {padding:0 2px;}
#main .main_special .prd .swiper-slide {width:auto; padding:0 8px;}
#main .main_choice .tab_choice {margin-bottom:20px; font-size:0; text-align:center;}
#main .main_choice .tab_choice li {display:inline-block; width:20%; vertical-align:middle;}
#main .main_choice .tab_choice li a {display:block; padding:14px 0; color:#767676; font-size:1.167rem;}
#main .main_choice .tab_choice li a.active {position:relative; color:#333;}
#main .main_choice .tab_choice li a.active:after {display:block; position:absolute; left:50%; bottom:0; width:10px; height:6px; margin-left:-5px; background:url('/asset/img/main/md_tab_active.png') no-repeat center/10px auto; content:'';}
#main .main_choice .tabcnt_choice {display:none;}
#main .main_choice .tabcnt_choice0 {display:block;}
#main .main_lightning h3 span {display:inline-block; width:18px; height:18px; margin-left:5px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:url('/asset/img/common/icon_lightning.png') no-repeat center/8px auto #FE8E78; vertical-align:middle;}
#main .row2_bnr {margin-top:17.5px;}
#main .row2_bnr li img {width:100%; height:auto;}

/*-----------------------------------------------------------------*/
/* 4-2.상점
/*-----------------------------------------------------------------*/

/* 상품목록 (shop_big_section.html) */
#big_section .best_area {margin-bottom:33px; padding-bottom:22px; background:#f8f8f8;}
#big_section h3 {padding:25px 0 22px; font-size:1.500rem; font-weight:400; text-align:center; letter-spacing:1px;}
#big_section h1 {padding:25px 0 22px; font-size:1.500rem; font-weight:400; text-align:center; letter-spacing:1px;}
#big_section .swiper_midcate {margin-bottom:15px; border-bottom:1px solid #dbdbdb;}
#big_section .swiper_midcate .swiper-slide {width:auto; padding:0 14px;}
#big_section .swiper_midcate .swiper-slide a {display:block; padding:3px 0; color:#646464; font-size:1.167rem; font-weight:300;}
#big_section .swiper_midcate .swiper-slide a.active {position:relative; color:#333; font-weight:400;}
#big_section .swiper_midcate .swiper-slide a.active:after {display:block; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#FE8E78; content:'';}

/* 상품상세페이지(/shop/detail.php) */
/* 실측사이즈 안내 */
#detail .size_info .size_img {margin-bottom:20px; text-align:center;}
#detail .size_info .size_img img {height:100px;}
#detail .size_info .size_opt {margin:0 0 3px -1.47%;}
#detail .size_info .size_opt:after {display:block; clear:both; content:'';}
#detail .size_info .size_opt li {float:left; width:15.19%; margin:0 0 10px 1.47%; text-align:center;}
/*#detail .size_info .size_opt li:nth-child(6n+1) {clear:both;}*/
#detail .size_info .size_opt li a {display:block; padding:10px 0 9px; border:1px solid #dbdbdb; font-size:0.917rem;}
#detail .size_info .size_opt li a.active {position:relative; border:1px solid #3e3e3e;}
#detail .size_info .size_opt li a.active:after {display:block; position:absolute; left:50%; top:50%; width:19.5px; height:13.5px; margin:-7px 0 0 -10px; background:url('/asset/img/shop/opt_checked.png') no-repeat center/19.5px auto; content:'';}
#detail .size_info .msg {margin-bottom:12px;}
#detail .size_info .box_btn {margin-top:5px;}
#detail .wrap_prd .prdimg .img {margin-bottom:10px;}
#detail .wrap_prd .prdimg .img img {max-width:100%; height:auto;}
#detail .wrap_prd .prdimg .addimg {margin-bottom:20px;}
#detail .wrap_prd .prdimg .addimg .swiper-container {padding:0 1.80%;}
#detail .wrap_prd .prdimg .addimg .swiper-slide {padding:0 0.97%;}
#detail .wrap_prd .prdimg .addimg .swiper-slide img {max-width:100%; height:auto;}
#detail .wrap_prd .info {margin-bottom:40px;}
#detail .wrap_prd .info h3.name {font-size:1.30rem; font-weight:600;}
#detail .wrap_prd .info h1.name {font-size:1.60rem; font-weight:400;}
#detail .wrap_prd .info .price span {margin-left:10px; font-size:1.250rem;}
#detail .wrap_prd .info .price span:first-child {margin-left:0;}
#detail .wrap_prd .info .price .consumer {color:#767676; text-decoration:line-through;}
#detail .wrap_prd .info .icon_layer {position:relative; margin:15px 0 20px; padding-right:25%;}
#detail .wrap_prd .info .icon_layer .btn_layer {position:absolute; right:0; top:0; width:25%; font-size:0; text-align:right;}
#detail .wrap_prd .info .icon_layer .btn_layer li {display:inline-block; vertical-align:middle;}
#detail .wrap_prd .info .icon_layer .btn_layer li.like {margin-left:15px;}
#detail .wrap_prd .info .icon_layer .btn_layer li a {display:block; background-repeat:no-repeat; background-position:left center;}
#detail .wrap_prd .info .icon_layer .btn_layer li.url a {width:22px; height:22px; background-image:url('/asset/img/shop/icon_url.png'); background-size:22px auto;}
#detail .wrap_prd .info .icon_layer .btn_layer li.share a {width:18.5px; height:20px; background-image:url('/asset/img/shop/icon_share.png'); background-size:18.5px auto;}
#detail .wrap_prd .info .icon_layer .btn_layer li.like a {padding-left:25px; background-image:url('/asset/img/shop/icon_like.png'); background-size:21.5px auto; color:#383838; font-size:1.250rem;}
#detail .wrap_prd .info .line {padding-top:10px; border-top:1px solid #dbdbdb;}
#detail .wrap_prd .info .list dl.benefits:after {display:block; clear:both; content:"";}
#detail .wrap_prd .info .list dl.benefits dt {width:110px; float:left; padding-top:0 !important; position:relative;}
#detail .wrap_prd .info .list dl.benefits dd {width:calc(100% - 110px); float:left;}
#detail .wrap_prd .info .list dl dt {font-size:15px; padding:15px 0 5px; color:#343434;}
#detail .wrap_prd .info .list dl dt small {display:inline-block; margin-left:5px; font-size:11px; color:#b8b8b8;}
#detail .wrap_prd .info .list dl dd {color:#767676;}
#detail .wrap_prd .info .list2 dl dt {padding-left:2.77%; padding-right:2.77%;}
#detail .wrap_prd .info .list dl dd .coupon {display:block; position:relative; width:115px; height:35px; margin-right:35px; background:#333; color:#fff; text-align:center; line-height:35px;}
#detail .wrap_prd .info .list dl dd .coupon:after {display:block; position:absolute; right:-35px; top:0; width:35px; height:35px; background:url('/asset/img/shop/icon_download.png') no-repeat center/13px auto #ff5151; content:'';}
#detail .wrap_prd .info .list .benefit {margin-right:-5px; font-size:0;}
#detail .wrap_prd .info .list .benefit:after {display:block; clear:both; content:"";}
#detail .wrap_prd .info .list .benefit a {border-radius:5px; display:inline-block; width:calc(33.33% - 5px); float:left; height:35px; margin-left:5px; padding:0; border:1px solid #dbdbdb; color:#3e3e3e; text-align:center; line-height:35px; vertical-align:middle;}
#detail .wrap_prd .info .list .benefit a:first-child {margin-left:0;}
#detail .wrap_prd .info .box_colorchip {padding:0 2.08%;}
#detail .wrap_prd .info .box_colorchip .swiper-slide {padding:0 0.69%;}
#detail .wrap_prd .info .box_colorchip .swiper-slide img {max-width:100%; height:auto;}
#detail .wrap_prd .info .box_colorchip .swiper-slide .txt {display:none; position:absolute; left:0; bottom:-15px; color:#3e3e3e;}
#detail .wrap_prd .info .box_colorchip .swiper-slide a {display:block; margin-bottom:15px;}
#detail .wrap_prd .info .box_colorchip .swiper-slide .active {position:relative;}
#detail .wrap_prd .info .box_colorchip .swiper-slide .active:after {display:block; position:absolute; left:50%; top:50%; width:19.5px; height:13.5px; margin:-9px 0 0 -6px; background:url('/asset/img/shop/opt_checked.png') no-repeat center/19.5px auto; content:'';}
#detail .wrap_prd .info .box_colorchip .swiper-slide .active img {border:1px solid #3e3e3e;}
#detail .wrap_prd .info .box_colorchip .swiper-slide .active .txt {display:block;}
#detail .wrap_prd .info .box_size {padding:0 2.08%;}
#detail .wrap_prd .info .box_size .swiper-slide {width:auto; padding:0 0.69%;}
#detail .wrap_prd .info .box_size .swiper-slide a {display:block; height:35px; padding:0 9px; border:1px solid #e9e9e9; color:#3e3e3e; line-height:33px;}
#detail .wrap_prd .info .box_size .swiper-slide a.active {position:relative; border:1px solid #3e3e3e;}
#detail .wrap_prd .info .box_size .swiper-slide a.active:after {display:block; position:absolute; left:50%; top:50%; width:19.5px; height:13.5px; margin:-9px 0 0 -6px; background:url('/asset/img/shop/opt_checked.png') no-repeat center/19.5px auto; content:'';}
#detail .wrap_prd .info .btn_actual_size {margin:12px 2.77% 10px; padding-left:28px; background:url('/asset/img/shop/icon_actual_size1.png') no-repeat left center/24.5px auto;}
#detail .wrap_prd .info .btn_coordi a {text-align:center; display:block; padding:21px 2.77% 19px; border:1px solid #dbdbdb; border-width:1px 0; background:url('/asset/img/common/bullet_plus.png') no-repeat right 7.77% center/12px auto;}
#detail .wrap_prd .info .btn .pay img {max-width:100%; height:auto;}
#detail .wrap_prd .info .msg {margin:18px 0 17px;}
#detail .wrap_prd .info .btn {margin-bottom:36px;}
#detail .wrap_prd .info .pay > div {margin-top:20px;}
#detail .wrap_prd .info .banner img {max-width:100%; height:auto;}
#detail .wrap_prd .multi_opt {border-top:1px solid #dbdbdb;}
#detail .wrap_prd .multi_opt .selected_list {padding:9px 10px 7px; border-bottom:1px solid #dbdbdb;}
#detail .wrap_prd .multi_opt .selected_list li {position:relative; padding:8px 8.88% 8px 2.77%; margin-bottom:2px;}
#detail .wrap_prd .multi_opt .selected_list li .opt_qty {font-size:0; word-break:break-all;}
#detail .wrap_prd .multi_opt .selected_list li .opt_qty > * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
#detail .wrap_prd .multi_opt .selected_list li .opt {width:70%; padding-right:5%;}
#detail .wrap_prd .multi_opt .selected_list li .opt > span {position:relative; color:#767676; font-size:0.833rem;}
#detail .wrap_prd .multi_opt .selected_list li .opt > span:first-child {padding-left:0;}
#detail .wrap_prd .multi_opt .selected_list li .opt > span:after {display:block; position:absolute; left:0; top:0; color:#767676; font-size:0.833rem; content:'/';}
#detail .wrap_prd .multi_opt .selected_list li .opt > span:first-child:after {display:none;}
#detail .wrap_prd .multi_opt .selected_list li .del {position:absolute; right:0; top:50%; margin-top:-17px;}
#detail .wrap_prd .multi_opt .selected_list li .del a {display:block; padding:11px;}
#detail .wrap_prd .multi_opt .selected_list li .del img {height:10px;}
#detail .wrap_prd .multi_opt .opt_total {padding:10px 2.77% 16px;}
#detail .wrap_prd .multi_opt .opt_total dl {font-size:0;}
#detail .wrap_prd .multi_opt .opt_total dl > * {display:inline-block; width:50%; vertical-align:middle;}
#detail .wrap_prd .multi_opt .opt_total dl dd {text-align:right;}
#detail .wrap_prd .multi_opt .opt_total dl dd strong {color:inherit; font-size:1.250rem; font-weight:400;}
#detail .wrap_info .fit_size img {max-width:100%; height:auto;}
#detail .wrap_info .related h3 {padding:40px 2.77% 30px; font-size:1.083rem;}
#detail .wrap_info .tab_area {margin:35px 0 15px;}
#detail .wrap_info .tab_detail {border-bottom:1px solid #dbdbdb;}
#detail .wrap_info .tab_detail:after {display:block; clear:both; content:'';}
#detail .wrap_info .tab_detail li {float:left; width:25%; padding:0; text-align:center;}
#detail .wrap_info .tab_detail li a {display:inline-block; padding:11px 3px; color:#767676; font-size:1.083rem;}
#detail .wrap_info .tab_detail li a.active {position:relative; color:#333;}
#detail .wrap_info .tab_detail li a.active:after {display:block; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#333; content:'';}
#detail .wrap_info .tabcnt_detail {display:none;}
#detail .wrap_info .tabcnt_detail0 {display:block;}
#detail .wrap_info .detail_info img {max-width:100%; height:auto;}
#detail .wrap_info .detail_info2 h3 {margin:40px 0 25px; font-size:1.083rem; font-weight:400; text-align:center;}
#detail .wrap_info .detail_info2 .msg {color:#767676; font-size:0.833rem; line-height:15px; letter-spacing:-0.5px;}
#detail .wrap_info .box_colorchip {font-size:0; text-align:center;}
#detail .wrap_info .box_colorchip li {display:inline-block; width:33.33%; vertical-align:middle;}
#detail .wrap_info .box_colorchip li img {max-width:100%; height:auto;}
#detail .wrap_info .box_colorchip li .txt {color:#767676; font-size:0.917rem;}
#detail .wrap_info .detail_info2 .box_select {margin-bottom:10px; border:1px solid #e9e9e9; font-size:0;}
#detail .wrap_info .detail_info2 .box_select li {display:inline-block; *display:inline; *zoom:1;}
#detail .wrap_info .icon_season {padding-bottom:17px; text-align:center;}
#detail .wrap_info .icon_season li {display:inline-block; width:79px; height:79px; padding:53px 0 12px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-repeat:no-repeat; background-position:center top; background-color:#fbfbfb; font-size:0.833rem; vertical-align:middle;}
#detail .wrap_info .icon_season li.spring {background-image:url('/asset/img/shop/icon_spring.png'); background-size:25px auto; background-position:center top 22px;}
#detail .wrap_info .icon_season li.summer {background-image:url('/asset/img/shop/icon_summer.png'); background-size:33px auto; background-position:center top 17.5px;}
#detail .wrap_info .icon_season li.fall {background-image:url('/asset/img/shop/icon_fall.png'); background-size:28.5px auto; background-position:center top 16px;}
#detail .wrap_info .icon_season li.winter {background-image:url('/asset/img/shop/icon_winter.png'); background-size:25px auto; background-position:center top 19px;}
#detail .wrap_info .detail_info2 .select_season {padding:0 2.77%;}
#detail .wrap_info .detail_info2 .select_season li {width:9.09%; padding:20px 0 15px; text-align:center;}
#detail .wrap_info .detail_info2 .select_season li.march {width:4.54%; text-align:left;}
#detail .wrap_info .detail_info2 .select_season li.february {width:4.54%; text-align:right;}
#detail .wrap_info .detail_info2 .select_season li .txt {padding-bottom:13px; font-family:'メイリオ', Meiryo; font-size:0.833rem; letter-spacing:-1px;}
#detail .wrap_info .detail_info2 .select_season li .bar {height:6px; background:#f4f4f4;}
#detail .wrap_info .detail_info2 .select_season li.active .bar {position:relative;}
#detail .wrap_info .detail_info2 .select_season li.active .bar:after {display:block; position:absolute; left:0; top:0; width:100%; height:6px; background:#d75a48; content:'';}
#detail .wrap_info .detail_info2 .select_season li.active .bar:before {display:none; position:absolute; left:50%; top:50%; z-index:5; width:12px; height:12px; margin:-6px 0 0 -6px; border:1px solid #adadad; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#fff; content:'';}
#detail .wrap_info .detail_info2 .select_season li.active.first .bar:after {left:auto; right:0; width:50%;}
#detail .wrap_info .detail_info2 .select_season li.active.last .bar:after {width:50%;}
#detail .wrap_info .detail_info2 .select_season li.active.first .bar:before,
#detail .wrap_info .detail_info2 .select_season li.active.last .bar:before {display:block;}
#detail .wrap_info .detail_info2 .select_season li.march.active.first .bar:after {left:0; right:auto; width:100%;}
#detail .wrap_info .detail_info2 .select_season li.march.active.first .bar:before {left:0; margin-left:0;}
#detail .wrap_info .detail_info2 .select_season li.february.active.last .bar:after {width:100%;}
#detail .wrap_info .detail_info2 .select_season li.february.active.last .bar:before {left:auto; right:0; margin-left:0;}
#detail .wrap_info .detail_info2 .select_season li.active.one .bar:after {display:none;}
#detail .wrap_info .detail_info2 .select_season li.active.one .bar:before {display:block;}
#detail .wrap_info .detail_info2 .select_size {text-align:center;}
#detail .wrap_info .detail_info2 .select_size li {margin:12px 3.88% 11px; padding-left:12px; font-size:0.917rem; font-weight:300;}
#detail .wrap_info .detail_info2 .select_size li.active {background:url('/asset/img/shop/size_checked.png') no-repeat left center/11px auto;}
#detail .wrap_info .detail_info2 .washing_tip {display:inline-block; padding:14px 0 14px 68px; background:url('/asset/img/shop/icon_dry.jpg') no-repeat left center/57.5px auto; font-size:0.917rem; text-align:left; line-height:15px;}
#detail .wrap_info .detail_info2 .fabric dl dt {padding:10px 0 9px; border:1px solid #dbdbdb; border-width:1px 0; background:#fbfbfb; text-align:center;}
#detail .wrap_info .detail_info2 .fabric dl:first-child dt {border-top-color:#333;}
#detail .wrap_info .detail_info2 .fabric dl dd {padding:10px 2.77% 0;}
#detail .wrap_info .detail_info2 .fabric dl:last-child dd {border-bottom:1px solid #dbdbdb;}
#detail .wrap_info .detail_info2 .fabric dl dd ul {margin-left:-5.55%; font-size:0;}
#detail .wrap_info .detail_info2 .fabric dl dd ul li {display:inline-block; position:relative; margin:0 0 10px 5.55%; padding-left:20px; color:#767676; font-size:0.917rem; vertical-align:top;}
#detail .wrap_info .detail_info2 .fabric dl dd ul li:after {display:block; position:absolute; left:0; top:50%; width:15px; height:15px; margin-top:-7.5px; border:1px solid #dbdbdb; background:#fff; content:'';}
#detail .wrap_info .detail_info2 .fabric dl dd ul li.active:after {border:1px solid #d75a48; background:#d75a48;}
#detail .wrap_info .detail_info2 .model:after {display:block; clear:both; content:'';}
#detail .wrap_info .detail_info2 .model > li {position:relative; float:left; width:50%; margin-bottom:2px;}
#detail .wrap_info .detail_info2 .model > li:nth-child(2n+1) {clear:both;}
#detail .wrap_info .detail_info2 .model > li .img img {max-width:100%; height:auto;}
#detail .wrap_info .detail_info2 .model > li .info {position:absolute; left:0; bottom:0; width:100%; padding:0 8.33% 5px; background-color:rgba(255,255,255,0.7);}
#detail .wrap_info .detail_info2 .model > li .info .name {padding:7px 0 3px; font-size:0.917rem;}
#detail .wrap_info .detail_info2 .model .physical:after {display:block; clear:both; content:'';}
#detail .wrap_info .detail_info2 .model .physical li {float:left; width:50%; margin-bottom:2px; font-size:0.833rem; font-weight:300; letter-spacing:-0.5px;}
#detail .wrap_info .detail_info2 .model .physical li:nth-child(2n+1) {clear:both;}
#detail .wrap_info .cscenter {text-align:center;}
#detail .wrap_info .cscenter dt {display:inline-block; margin-bottom:9px; padding:19px 0 12px 79px; background:url('/asset/img/shop/icon_cscenter.png') no-repeat left center/65px auto; font-size:0.917rem;}
#detail .wrap_info .cscenter dt p {color:#d75a48; font-size:1.250rem;}
#detail .wrap_info .cscenter dd {padding:0 4.16% 12px; color:#767676; font-size:0.833rem; text-align:left; line-height:15px; letter-spacing:-0.5px;}
#detail .wrap_info .common_info dl dt {padding:12px 0; border:1px solid #dbdbdb; border-width:1px 0; background:#fbfbfb; text-align:center;}
#detail .wrap_info .common_info dl:first-child dt {border-top-color:#333;}
#detail .wrap_info .common_info dl dd {padding:17px 2.77% 20px;}
#detail .wrap_info .common_info dl dd ul.paragraph {margin-top:28.5px;}
#detail .wrap_info .common_info dl dd ul li {position:relative; padding-left:11px; color:#767676; font-size:0.917rem; line-height:19px; letter-spacing:-0.5px;}
#detail .wrap_info .common_info dl dd ul li:after {display:block; position:absolute; left:0; top:7px; width:2px; height:2px; background:; content:'';}
#detail .wrap_info .common_info dl dd ul li strong {color:#3e3e3e; font-size:0.917rem; line-height:19px;}
#detail .wrap_info .common_info dl dd p {margin-top:27.5px; padding-left:11px; color:#3e3e3e; font-size:0.917rem;}
#detail .det_bottom {display:none; position:fixed; left:0; bottom:0; z-index:10000; width:100%; background:#333;}
#detail .det_bottom ul li {float:left; width: 21%; text-align:center;}
#detail .det_bottom ul li a {display:block; padding:28px 0 5px; background-repeat:no-repeat; background-position:center top 8.5px; color:#fff;}
#detail .det_bottom ul li.cart a {background-image:url('/asset/img/shop/icon_cart.png'); background-size:18px auto; background-position:center top 7px;}
#detail .det_bottom ul li.buy a {background-image:url('/asset/img/shop/icon_buy.png'); background-size:25px auto; background-position:center top 4px;}
#detail .det_bottom ul li.coordi a {background-image:url('/asset/img/shop/icon_coordi.png'); background-size:25.5px auto; background-position:center top 8px;}
#detail .det_bottom ul li.review a {position:relative; background-image:url('/asset/img/shop/icon_review.png'); background-size:16px auto;}
#detail .det_bottom ul li.review a .count {position:absolute; right:50%; top:8px; width:18.5px; height:18.5px; margin-right:-21px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#FE8E78; color:#fff; font-size:0.833rem; line-height:18.5px;}
#detail .det_bottom ul li.faq a {background-image:url('/asset/img/shop/icon_faq.png'); background-size:20.5px auto;}
#detail .wrap_prd .fix_area.fixed .inner {padding-bottom:50px; overflow-y:auto; position:relative; width:100%; height: 100%; background:#fff;}
#detail .wrap_prd .fix_area.fixed .outer {position:fixed; left:0; bottom:49px; z-index:10000; width:100%; height:50%; background: transparent;}
#detail .wrap_prd .fix_area .outer #outer_btn {position: absolute; left: 50%; top: -18px; transform: translateX(-50%); width: 53px; z-index: 10001; cursor: pointer; display: none;}
#detail .wrap_prd .fix_area.fixed .outer #outer_btn {display: block;}

/* 주문스텝 - 장바구니 (shop_cart.html), 주문서 (shop_order.html), 주문완료 (shop_order_finish.html) */
.order_step {padding-bottom:25px; font-size:0; text-align:center;}
.order_step li {display:inline-block; *display:inline; *zoom:1; position:relative; width:33.33%; padding:39px 0 0; background-repeat:no-repeat; background-position:center top; color:#767676; font-size:14px; vertical-align:middle;}
.order_step li:after {display:block; position:absolute; left:-10px; top:17px; width:21px; height:1px; background:#dbdbdb; content:'';}
.order_step li:first-child:after {display:none;}
.order_step li.cart {background-image:url('/asset/img/shop/order_step0.png'); background-size:31.5px;}
.order_step li.order {background-image:url('/asset/img/shop/order_step1.png'); background-size:35px 24px; background-position:center top 5px;}
.order_step li.finish {background-image:url('/asset/img/shop/order_step2.png'); background-size:33.5px 28px;}
.order_step li.active {color:#333; font-weight:700;}
.order_step li.cart.active {background-image:url('/asset/img/shop/order_step0_on.png');}
.order_step li.order.active {background-image:url('/asset/img/shop/order_step1_on.png');}
.order_step li.finish.active {background-image:url('/asset/img/shop/order_step2_on.png');}

/* 장바구니 (shop_cart.html) */
#cart .check_btn {padding:15px 0; border-top:1px solid #333; border-bottom:1px solid #e9e9e9;}
#cart .check_btn:after {display:block; clear:both; content:'';}
#cart .check_btn > .check {float:left;}
#cart .check_btn > .btn {float:right;}
#cart .check_btn > .btn > a:before {display:inline-block; width:1px; height:10px; margin:0 10px; background:#dbdbdb; content:'';}
#cart .check_btn > .btn > a:first-child:before {display:none;}
#cart h3 {font-size:1.083rem;}
#cart .list > li {border-bottom:1px solid #e9e9e9;}
#cart .list > li > .box {position:relative; margin:15px 0; padding:0 60px 0 50px;}
#cart .list > li > .box:after {display:block; clear:both; content:'';}
#cart .list > li > .box > .check {position:absolute; left:0; top:0;}
#cart .list > li > .box > .img {float:left; width:61px;}
#cart .list > li > .box > .img > img {width:100%; height:auto;}
#cart .list > li > .box > .info {float:left; width:calc(100% - 61px); padding-left:12px;}
#cart .list > li > .box > .info > .name {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#cart .list > li > .box > .info > .opt {color:#767676;}
#cart .list > li > .box > .info > .chg {padding:5px 0;}
#cart .list > li > .box > .info > .chg > .btn {display:inline-block; padding:5px; border:1px solid #e9e9e9; color:#404040; text-align:center;}
#cart .list > li > .box > .info > .chg > span {margin-left:6px; color:#FE8E78; text-decoration:underline;}
#cart .list > li > .box > .info > .price {font-size:1.083rem;}
#cart .list > li > .box > .info > .price > span {color:#3e3e3e; font-size:inherit;}
#cart .list > li > .box > .info > .price > span.retail {margin-right:13px; color:#767676; text-decoration:line-through;}
#cart .list > li > .box > .btn {position:absolute; right:0; top:0;}
#cart .list > li > .box > .btn > a {display:inline-block; background-repeat:no-repeat; background-position:center; text-indent:-9999px;}
#cart .list > li > .box > .btn > .wish {width:13px; height:21.5px; background-image:url('/asset/img/shop/icon_like.png'); background-size:13px auto;}
#cart .list > li > .box > .btn > .delte {width:20px; height:20px; background-image:url('/asset/img/shop/opt_del.png'); background-size:10px auto;}
#cart .list > li > .opt_chg {display:none; padding:15px 10px; background-color:#ebebeb;}
#cart .list > li > .opt_chg > select {width:100%; height:40px; margin-bottom:5px;}
#cart .list > li > .opt_chg > .ea {position:relative; padding-right:40.44%;}
#cart .list > li > .opt_chg > .ea > .input {position:relative; width:100%;}
#cart .list > li > .opt_chg > .ea > .input > .form_input {height:40px; padding:0 40px;}
#cart .list > li > .opt_chg > .ea > .input > .minus {position:absolute; left:0; top:0; width:35px; height:40px; border:0; background:url('/asset/img/shop/icon_minus.png') no-repeat center/15px;}
#cart .list > li > .opt_chg > .ea > .input > .plus {position:absolute; right:0; top:0; width:35px; height:40px; border:0; background:url('/asset/img/shop/icon_plus.png') no-repeat center/15px;}
#cart .list > li > .opt_chg > .ea > .btn {position:absolute; right:0; top:0;}
#cart .list > li > .opt_chg > .ea > .btn_col {width:38.97%;}
#cart .total {position:relative; padding:15px 0; border-bottom:1px solid #e9e9e9; text-align:right;}
#cart .total > .price {position:relative; color:#FE8E78; font-size:1.250em; font-weight:bold;}
#cart .total > .price > span {position:absolute; left:8px; top:3px; color:#3e3e3e;}
#cart .total > .sum {padding:13px 0 10px; color:#767676;}
#cart .total > .msg {color:#767676;}
#cart .total > .msg > span {color:#3e3e3e;}
#cart .total > .msg:before {display:inline-block; width:12px; height:12px; margin-right:5px; background:url('/asset/img/common/i_info.png') no-repeat left center/12px; vertical-align:middle; content:'';}
#cart .btn_order {padding-top:15px;}
#cart .btn_order .btn_col {margin-bottom:10px;}
#cart .pay > div {padding-top:15px;}
#cart .pay > div > img {width:100%; height:auto;}
#cart > .recommend {padding:45px 0;}
#cart > .recommend > h3 {padding-bottom:12px;}
#cart > .guide {padding-bottom:45px;}
#cart > .guide > h3 {padding:15px 0 12px; border-top:1px solid #e9e9e9;}
#cart > .guide > ul > li {padding-bottom:8px; color:#767676;}
#cart > .guide > .btn > .installment {float:left; width:49%;}
#cart > .guide > .btn > .card {float:right; width:49%;}

/* 주문서 (shop_order.html) */
#order fieldset.write > .msg {line-height:100%;}
#order > .frame {background-color:#ebebeb;}
#order > .frame > .box {margin-bottom:8px; border:1px solid #e5e5e5; border-width:1px 0; background-color:#fff;}
#order > .frame > .box > h3 {position:relative; padding:15px 2.77%; color:#404040; font-size:1.083rem;}
#order > .frame > .box > h3:before {position:absolute; right:22px; top:20px; width:10px; height:1px; background:#454545; content:''; -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); transition:all .3s ease;}
#order > .frame > .box > h3:after {position:absolute; right:15px; top:20px; width:10px; height:1px; background:#454545; content:''; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); transition:all .3s ease;}
#order > .frame > .box > h3.active:before {-ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
#order > .frame > .box > h3.active:after {-ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg);}
#order > .frame > .box > h3.none:before,
#order > .frame > .box > h3.none:after {display:none;}
#order .prdinfo .list_prd {padding:0 2.77%;}
#order .prdinfo .list_prd > li {border-top:1px solid #e9e9e9; padding:15px 0;}
#order .prdinfo .list_prd > li:first-child {padding-top:0; border-top:0;}
#order .prdinfo .list_prd > li > .box {position:relative;}
#order .prdinfo .list_prd > li > .box:after {display:block; clear:both; content:'';}
#order .prdinfo .list_prd > li > .box > .img {float:left; width:85px;}
#order .prdinfo .list_prd > li > .box > .img > img {width:100%; height:auto;}
#order .prdinfo .list_prd > li > .box > .info {float:left; width:calc(100% - 85px); padding-left:12px;}
#order .prdinfo .list_prd > li > .box > .info > .name {}
#order .prdinfo .list_prd > li > .box > .info > .opt {padding-top:10px; color:#767676;}
#order .prdinfo .list_prd > li > .box > .info > .price {padding-top:10px; font-size:1.083rem;}
#order .prdinfo .list_prd > li > .box > .info > .price > span {color:#3e3e3e; font-size:inherit;}
#order .prdinfo .list_prd > li > .box > .info > .price > span.retail {margin-right:13px; color:#767676; text-decoration:line-through;}
#order .prdinfo .msg {padding:2.77%; border-top:1px solid #e5e5e5; color:#767676;}
#order .prdinfo .msg > span {color:#3e3e3e;}
#order .prdinfo .msg:before {display:inline-block; width:12px; height:12px; margin-right:5px; background:url('/asset/img/shop/icon_info.png') no-repeat left center/12px; vertical-align:middle; content:'';}
#order .sale .sale_set {padding:2.77%; padding-top:0;}
#order .sale .sale_set .input {margin-top:12px;}
#order .sale .sale_set .input:first-child {margin-top:0;}
#order .sale .sale_set .input > .title {position:relative; margin-bottom:6.5px;}
#order .sale .sale_set .input > .title > h4 {display:inline-block;}
#order .sale .sale_set .input > .title > h4:after {display:inline-block; width:1px; height:10px; margin:0 5px; background-color:#e5e5e5; content:'';}
#order .sale .sale_set .input > .title > h4.none:after {display:none;}
#order .sale .sale_set .input > .title > span {color:#767676;}
#order .sale .sale_set .input > .title > span > strong {color:#FE8E78; font-weight:normal;}
#order .sale .sale_set .input > .title > .use {position:absolute; right:0; top:0;}
#order .sale .sale_set .input > .text {position:relative;}
#order .sale .sale_set .input.coupon > .text {padding-right:85px;}
#order .sale .sale_set .input.coupon > .text > .box_btn {position:absolute; right:0; bottom:0;}
#order .sale .total {padding:2.77%; border-top:1px solid #e5e5e5; text-align:right;}
#order .sale .total > ul > li {padding:2px 0; color:#767676;}
#order .sale .total > ul > li > span {color:#FE8E78;}
#order .sale .total > ul > li.total_sale {color:#333; font-size:1.083rem;}
#order .sale .total > ul > li.total_sale > span {font-size:inherit;}
#order .sale .total > ul > li.total_sale > span.txt {float:left; color:#333;}
#order .sum .list {padding:2.77%; padding-top:0;}
#order .sum .list > li {margin:8px 0;}
#order .sum .list > li:first-child {margin-top:0;}
#order .sum .list > li > span {float:right;}
#order .sum .total {padding:2.77%; border-top:1px solid #e5e5e5; color:#333; font-size:1.250rem;}
#order .sum .total > span {float:right; color:#FE8E78; font-size:inherit;}
#order .orderer {padding:2.77%; padding-top:0;}
#order .orderer .update {display:block; margin-bottom:10px; text-align:right;}
#order .orderer .tel:after {display:block; clear:both; content:'';}
#order .orderer .tel > select {float:left; width:30%;}
#order .orderer .tel > input {float:left; width:33%;}
#order .orderer .tel > input.middle {margin:0 2%;}
#order .delivery > .input {padding:2.77%; padding-top:0;}
#order .delivery > .input .tel:after {display:block; clear:both; content:'';}
#order .delivery > .input .tel > select {float:left; width:30%;}
#order .delivery > .input .tel > input {float:left; width:33%;}
#order .delivery > .input .tel > input.middle {margin:0 2%;}
#order .delivery > .input .address_area .code {position:relative; padding-right:110px;}
#order .delivery > .input .address_area .code .box_btn {position:absolute; right:0; bottom:0;}
#order .delivery > .input .type > label {display:inline-block;}
#order .delivery > .input > .same {display:block; margin-bottom:10px; text-align:right;}
#order .delivery > .input > .basic_addr {display:block; padding-top:10px;}
#order .delivery > .time {padding:2.77%; border-top:1px solid #e5e5e5;}
#order .delivery > .time label {padding-left:15px;}
#order .payment > .tab_payment > li {float:left; width:25%;}
#order .payment > .tab_payment > li > a {display:block; width:100%; height:85px; margin-top:-1px; padding-top:56px; border:1px solid #e5e5e5; border-width:1px 1px 1px 0; background-repeat:no-repeat; background-position:center 17px; background-size:52px 32px; background-color:#fff; text-align:center;}
#order .payment > .tab_payment > li:nth-child(4n) > a {border-right:0;}
#order .payment > .tab_payment > li > a.bankbook {background-image:url('/asset/img/shop/icon_pay_bankbook.png');}
#order .payment > .tab_payment > li > a.bankbook.active {background-image:url('/asset/img/shop/icon_pay_bankbook_active.png');}
#order .payment > .tab_payment > li > a.card {background-image:url('/asset/img/shop/icon_pay_card.png');}
#order .payment > .tab_payment > li > a.card.active {background-image:url('/asset/img/shop/icon_pay_card_active.png');}
#order .payment > .tab_payment > li > a.realtime {background-image:url('/asset/img/shop/icon_pay_realtime.png');}
#order .payment > .tab_payment > li > a.realtime.active {background-image:url('/asset/img/shop/icon_pay_realtime_active.png');}
#order .payment > .tab_payment > li > a.cellphone {background-image:url('/asset/img/shop/icon_pay_cellphone.png');}
#order .payment > .tab_payment > li > a.cellphone.active {background-image:url('/asset/img/shop/icon_pay_cellphone_active.png');}
#order .payment > .tab_payment > li > a.samsung {background-image:url('/asset/img/shop/icon_pay_samsung.png');}
#order .payment > .tab_payment > li > a.samsung.active {background-image:url('/asset/img/shop/icon_pay_samsung_active2.png');}
#order .payment > .tab_payment > li > a.payco {background-image:url('/asset/img/shop/icon_pay_payco.png');}
#order .payment > .tab_payment > li > a.payco.active {background-image:url('/asset/img/shop/icon_pay_payco_active.png');}
#order .payment > .tab_payment > li > a.kakao {background-image:url('/asset/img/shop/icon_pay_kakao.png');}
#order .payment > .tab_payment > li > a.kakao.active {background-image:url('/asset/img/shop/icon_pay_kakao_active.png');}
#order .payment > .tab_payment > li > a.active {color:#fff; background-color:#3e3e3e;}
#order .payment > .tab_payment:after {display:block; clear:both; content:'';}
#order .payment > .pay {display:none; padding:2.77%;}
#order .payment > .pay > h4 {padding:15px 0 5px;}
#order .payment > .pay > h4:first-child {padding-top:0;}
#order .payment > .pay > .year,
#order .payment > .pay > .month,
#order .payment > .pay > .day {width:20%;}
#order .payment > .pay > .msg {padding-top:10px; color:#767676;}
#order .payment > .pay > .msg2 {padding-bottom:10px; color:#767676;}
#order .payment > .pay > .msg2 > span {padding-top:10px; color:#FE8E78;}
#order .payment > .pay > .summary {position:relative;}
#order .payment > .pay > .summary:after {display:block; clear:both; content:'';}
#order .payment > .pay > .summary > dt {float:left; width:90px; padding-bottom:10px;}
#order .payment > .pay > .summary > dd {float:left; width:calc(100% - 90px); padding-bottom:10px; color:#767676;}
#order .btn_bottom {padding:30px 2.77% 0; background-color:#fff;}
#order .btn_bottom > span {margin-bottom:10px;}

/* 주문완료 (shop_order_finish.html) */
#orderfin {padding-bottom:60px;}
#orderfin .info {padding:35px 0; border-top:1px solid #c5c5c5; border-bottom:8px solid #ebebeb; color:#404040; font-size:1.083rem; text-align:center; font-weight:700;}
#orderfin .info span {color:#FE8E78; font:inherit;}
#orderfin .detail_info {padding:18px 2.77% 8px;}
#orderfin .total {overflow:hidden; padding:17px 2.78%; border:1px solid #e5e5e5; border-width:1px 0; font-weight:700;}
#orderfin .total span {float:right; color:#767676; font-size:0.917rem; font-weight:400;}
#orderfin .total strong {color:#FE8E78; font-size:1.250rem;}
#orderfin .msg {padding-top:14px; color:#767676; font-size:0.917rem; line-height:1.5;}
#orderfin .btn_col {padding-top:30px;}

/* 상품문의 - 상품상세 상품문의 리스트 (shop_detail.html) */
.list_qnarev {border-top:1px solid #333;}
.list_qnarev li {border-bottom:1px solid #e9e9e9;}
.list_qnarev li .box {padding:11px 0 13px; font-size:0;}
.list_qnarev li .box > * {display:inline-block; vertical-align:middle;}
.list_qnarev li .box .number {width:11.94%; color:#767676; font-size:0.917rem; font-weight:300;}
.list_qnarev li .box .subject {width:68.34%; padding-left:5.97%;}
.list_qnarev li .box .subject img {height:12px;}
.list_qnarev li .box .subject a {display:block; padding:4px 0; color:#404040;}
.list_qnarev li .box .subject .date_name {font-size:0;}
.list_qnarev li .box .subject .date_name span {display:inline-block; position:relative; padding:0 13px 0 12px; color:#767676; font-size:0.917rem; font-weight:300; vertical-align:middle;}
.list_qnarev li .box .subject .date_name span:first-child {padding-left:0;}
.list_qnarev li .box .subject .date_name span:after {display:block; position:absolute; left:0; top:50%; width:1px; height:6px; margin-top:-3px; background:#dbdbdb; content:'';}
.list_qnarev li .box .subject .date_name span:first-child:after {display:none;}
.list_qnarev li .box .subject .date_name span.edit {width:12px; height:12px; background:url('/asset/img/button/edit.png') no-repeat center/contain; text-indent:-9999px; padding-left: 22px;}
.list_qnarev li .box .stat {width:19.72%; font-size:0.917rem;}
.list_qnarev li .box2 {display:none; padding:10px 0 15px; border-top:1px solid #e9e9e9;}
.list_qnarev li .box2 .contents,
.list_qnarev li .box2 .contents * {color:#404040;}
.list_qnarev li .box2 .contents .answer {margin-top:15px; padding-top:15px; border-top:1px solid #e9e9e9;}
.list_qnarev li .box2 .btn {padding-top:15px;}

/* 상품문의 - 상품상세 상품문의 (shop_detail.html) */
.qnarev_list .msg {padding-bottom:15px; color:#767676; font-size:0.833rem; line-height:15px;}
.qnarev_list .btn_bottom {margin-top:15px;}

/* 상품문의 - 상품상세 상품문의 글쓰기 (shop_detail.html) */
.qnarev_write fieldset div label {display:block; padding:15px 0 7px; font-size:0.917rem;}
.qnarev_write fieldset div select {width:100%; height:40px; padding:0 10px; border:1px solid #e5e5e5; color:#333; line-height:40px;}
.qnarev_write fieldset div textarea.form_input {width:100%; height:180px; padding:14px 10px; border:1px solid #e5e5e5; color:#767676; font-size:0.917rem;}
.qnarev_write .btn {padding-top:10px;}


/*-----------------------------------------------------------------*/
/* 4-3. 회원
/*-----------------------------------------------------------------*/

/* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 */
.box_member {width:100%; padding:0 5.55%;}
.box_member .form_box {padding-bottom:40px;}
.box_member fieldset {position:relative;}
.box_member fieldset.login_field {padding-bottom:20px; border-bottom:1px solid #e0e0e0;}
.box_member fieldset legend {padding:25px 0; font-weight:bold;}
.box_member fieldset .fld {margin-bottom:15px; font-size:0;}
.box_member fieldset .fld label {display:none;}
.box_member fieldset .fld.addbtn {position:relative; padding-right:100px;}
.box_member fieldset .fld.addbtn .box_btn {position:absolute; bottom:0; right:0;}
.box_member fieldset .savessl {margin-bottom:25px;}
.box_member fieldset .savessl label {margin-right:25px;}
.box_member fieldset .savessl input {margin:0;}
.box_member fieldset .savessl .ssl {-webkit-appearance:none; appearance:none; display:inline-block; *display:inline; *zoom:1; width:10px; height:14px; background:url('/asset/img/member/i_ssl.png') no-repeat center/8px 11px;}
.box_member fieldset .select {float:right; margin-top:-40px;}
/* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 - 인풋 기본 스타일 */
.box_member .form_input.member {height:30px; padding:0; border:0; border-bottom:1px solid #c5c5c5;}
.box_member .form_input.member:focus {border-color:#000;}
.box_member .form_input.member.number_first {width:32%;}
.box_member .form_input.member.number {width:33%; margin-left:1%;}

/* 로그인 (member_login.html) */
#login .login_menu {padding-bottom:20px;}
#login .login_menu > ul {border-bottom:1px solid #e9e9e9; font-size:0;}
#login .login_menu > ul > li {display:inline-block; width:35%; text-align:center;}
#login .login_menu > ul > li:nth-child(1) {width:30%;}
#login .login_menu > ul > li a {display:inline-block; padding:5px 0 10px; color:#767676; font-size:1.083rem;}
#login .login_menu > ul > li a.active {position:relative; color:#3e3e3e;}
#login .login_menu > ul > li a.active:after {position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:#3e3e3e; content:'';}
#login .tabcnt_login {display:none;}
#login .tabcnt_login0 {display:block;}
#login .find_remove {padding-top:25px; font-size:0; text-align:center;}
#login .find_remove li {display:inline-block; *display:inline; *zoom:1; position:relative;}
#login .find_remove li:after {display:block; position:absolute; left:0; top:50%; width:1px; height:9px; margin-top:-4px; background:#dbdbdb; content:'';}
#login .find_remove li:first-child:after {display:none;}
#login .find_remove li a {display:block; padding:0 17px 0; font-size:1.083rem;}
#login .sns_login {padding:25px 0 10px;}
#login .sns_login ul {font-size:0; text-align:center;}
#login .sns_login ul > li {display:inline-block; *display:inline; *zoom:1; padding:0 15px; vertical-align:middle;}
#login .sns_login ul > li a {display:block; width:42.5px; height:42.5px; background-repeat:no-repeat; background-position:center; background-size:42.5px; color:transparent; font-size:0;}
#login .sns_login ul > li a.kakao {background-image:url('/asset/img/member/icon_kakao.png');}
#login .sns_login ul > li a.naver {background-image:url('/asset/img/member/icon_naver.png');}
#login .sns_login ul > li a.facebook {background-image:url('/asset/img/member/icon_facebook.png');}
#login .member_suggest {padding:40px 0; border-top:1px solid #e9e9e9;}
#login .member_suggest dl dt {padding-bottom:15px; color:#282828; font-size:1.042rem;}
#login .member_suggest dl dd {padding-bottom:20px; color:#767676; font-size:0.917rem; line-height:1.6;}
#login .membership {padding:40px 0 40px; border-top:1px solid #e9e9e9;}
#login .membership .title {padding-bottom:15px; color:#282828; font-size:1.042rem;}
#login .membership ul:after {display:block; clear:both; content:'';}
#login .membership ul {font-size:0;}
#login .membership ul li {width:33.33%; display:inline-block; vertical-align:top; padding-bottom:25px; text-align:center; margin-bottom:20px;}
#login .membership ul li dl dt {padding:39px 0 8px; background-repeat:no-repeat; background-position:center top; background-size:32.5px 29px; color:#40372e; font-size:0.875rem; font-weight:700;}
#login .membership ul li dl dd {color:#a9a9a9; font-size:0.750rem; letter-spacing:-1px; line-height:1.6;}
#login .membership ul li.milage dl dt {background-image:url('/asset/img/etc/icon_milage.png');}
#login .membership ul li.bookmark dl dt {background-image:url('/asset/img/etc/icon_bookmark.png');}
#login .membership ul li.addinfo dl dt {background-image:url('/asset/img/etc/icon_addinfo.png');}
#login .membership ul li.day dl dt {background-image:url('/asset/img/etc/icon_day.png');}
#login .membership ul li.email dl dt {background-image:url('/asset/img/etc/icon_email.png');}
#login .membership ul li.birthday dl dt {background-image:url('/asset/img/etc/icon_birthday.png');}
#login .membership ul li.review dl dt {background-image:url('/asset/img/etc/icon_reviewmilage.png');}
#login .membership ul li.queen dl dt {background-image:url('/asset/img/etc/icon_queen.png');}
#login .membership ul li.attend dl dt {background-image:url('/asset/img/etc/icon_attend.png');}
#login .membership ul li.excellent dl dt {background-image:url('/asset/img/etc/icon_excellent.png');}
#login .membership ul li.size dl dt {background-image:url('/asset/img/etc/icon_size.png');}
#login .membership ul li.new dl dt {background-image:url('/asset/img/etc/icon_new.png');}

/* 아이디,비밀번호 찾기 (member_find_step1.html) */
#find .find_menu {padding-bottom:20px;}
#find .find_menu > ul {border-bottom:1px solid #e9e9e9; font-size:0;}
#find .find_menu > ul > li {display:inline-block; width:50%; text-align:center;}
#find .find_menu > ul > li a {display:block; padding:5px 0 10px; color:#767676; font-size:1.083rem;}
#find .find_menu > ul > li a.active {position:relative; color:#3e3e3e;}
#find .find_menu > ul > li a.active:after {position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:#3e3e3e; content:'';}
#find .tabcnt_find {display:none;}
#find .tabcnt_find0 {display:block;}

/* 회원가입 스텝 */
.join_step {padding-bottom:25px; font-size:0; text-align:center;}
.join_step li {display:inline-block; *display:inline; *zoom:1; position:relative; width:33.33%; padding:39px 0 0; background-repeat:no-repeat; background-position:center top; color:#767676; font-size:14px; vertical-align:middle;}
.join_step li:after {display:block; position:absolute; left:-10px; top:17px; width:21px; height:1px; background:#dbdbdb; content:'';}
.join_step li:first-child:after {display:none;}
.join_step li.agree {background-image:url('/asset/img/member/join_step0.png'); background-size:22px 31.5px;}
.join_step li.form {background-image:url('/asset/img/member/join_step1.png'); background-size:35.5px 32px; background-position:center top 2px;}
.join_step li.finish {background-image:url('/asset/img/member/join_step2.png'); background-size:26.5px 31px;}
.join_step li.active {color:#333; font-weight:700;}
.join_step li.agree.active {background-image:url('/asset/img/member/join_step0_on.png');}
.join_step li.form.active {background-image:url('/asset/img/member/join_step1_on.png');}
.join_step li.finish.active {background-image:url('/asset/img/member/join_step2_on.png');}

/* 회원가입 약관동의 (member_join_step1.html) */
#join_agree .scroll {overflow-x:hidden; overflow-y:scroll; position:relative; width:100%; height:500px; border:1px solid #dbdbdb; background:#fff; -webkit-overflow-scrolling:touch;}
#join_agree .scroll iframe {position:absolute; top:0; left:0; width:100%; height:100%; padding:10px;}
#join_agree .check {padding-top:15px; font-size:0;}
#join_agree .check label {display:inline-block; *display:inline; *zoom:1; padding:0 15px 0 5px; vertical-align:middle;}
#join_agree .btn {padding:25px 0;}

/* 회원가입 정보입력 (member_join_frm.html) */
#join_input fieldset .box > div {position:relative; margin-bottom:20px; padding-left:22.22%; font-size:0;}
#join_input fieldset .box > div > label {display:inline-block; position:absolute; left:0; top:50%; width:22.22%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#767676;}
#join_input fieldset .box > div > select {width:23.07%; height:36.5px; border:0; border-bottom:1px solid #dbdbdb; color:#333; font-size:1.000rem; line-height:36.5px; vertical-align:middle;}
#join_input fieldset .box > div .form_input {height:36.5px; padding:0; border:0; border-bottom:1px solid #dbdbdb; line-height:36.5px; vertical-align:middle;}
#join_input fieldset .box > div .form_input.form_cell {width:32.69%;}
#join_input fieldset .box > div .form_input.form_cell1 {margin:0 5.76%;}
#join_input fieldset .box > div .box_btn {position:absolute; right:0; bottom:0; width:23.61%;}
#join_input fieldset .box > div .box_btn > * {width:100%;}
#join_input fieldset .box .addbtn {padding-right:25.69%;}
#join_input fieldset .box .key > label {visibility:hidden;}
#join_input fieldset .box .check {font-size:0;}
#join_input fieldset .box .check > label {display:inline-block; padding:0 36px 0 10px; vertical-align:middle;}

/* 회원가입완료 (member_join_step3.html) */
#join_finish {text-align:center;}
#join_finish .box {padding:34px 20px; border:1px solid #dbdbdb;}
#join_finish .box .username {padding-bottom:15px; font-size:1.167rem;}
#join_finish .box .icon {padding-bottom:15px;}
#join_finish .box .icon img {width:118.5px;}
#join_finish .box .msg p {color:#d0591f; font-size:0.917rem;}
#join_finish .btn {margin:25px 0;}

/*-----------------------------------------------------------------*/
/* 4-4. 마이페이지
/*-----------------------------------------------------------------*/
/* section, #detail, #boardview{
	margin-top: 90px;
} */
/* 마이페이지 공통정보 */
.mypage_info .member_area .profile .profile_pic .profile-img{ object-fit: cover; width:100%; height:100%;}
.mypage_info .member_area {margin:0px 5px 20px 5px; background:white; border-radius: 10px; border:1px solid #ECECEC;}
.mypage_info .member_area .grade {padding:37px 0 23px; font-size:0;}
.mypage_info .member_area .grade > * {display:inline-block; vertical-align:middle;}
.mypage_info .member_area .grade .icon {width:25%; text-align:center;}
.mypage_info .member_area .grade .icon img {height:40px;}
.mypage_info .member_area .grade .txt {width:75%;}
.mypage_info .member_area .grade .txt .name,
.mypage_info .member_area .grade .txt .name * {font-family:'メイリオ', Meiryo; font-size:1.250rem;}
.mypage_info .member_area .grade .txt .info,
.mypage_info .member_area .grade .txt .info * {color:#767676; font-family:'メイリオ', Meiryo; font-size:0.917rem;}
.mypage_info .member_area .grade .txt .info span {color:#333;}
.mypage_info .member_area .number {border-top:1px solid #dbdbdb; font-size:0;}
.mypage_info .member_area .number li {display:inline-block; padding:0 18px;}
.mypage_info .member_area .number li dl dt {padding:28px 0 3px; font-weight:200;}
.mypage_info .member_area .number li dl dd {padding-bottom:31px; font-weight:200;}
.mypage_info .member_area .number li dl dd strong {font-size:1.333rem; font-weight:400;}
.mypage_info .step {margin-bottom:20px;}
.mypage_info .step ul {padding:29.5px 0 10px; border:0px solid #e9e9e9;}
.mypage_info .step ul:after {display:block; clear:both; content:'';}
.mypage_info .step ul li {float:left; width:20%; text-align:center; position:relative;}
.mypage_info .step ul li::after{display: inline-block; width:calc(100% - 60px); content: ""; border-bottom:3px dotted #888; position:absolute; top:30px; right:0; transform: translateX(50%);}
.mypage_info .step ul li:last-child::after{display:none;}
.mypage_info .step ul li dl dt {padding:33px 0 10px; background-repeat:no-repeat; background-position:center top; color:#888; font-weight:200; font-size: 10px; transform: scale(0.9); font-weight: 500;}
.mypage_info .step ul li dl dd {font-size:1.083rem;}
.mypage_info .step ul li.order dl dt {background-image:url('/asset/img/mypage/icon_step_order.png'); background-size:31.5px auto;}
.mypage_info .step ul li.pay dl dt {background-image:url('/asset/img/mypage/icon_pay_renew.png'); background-position:center top 10.5px; background-size:22px auto;}
.mypage_info .step ul li.ready dl dt {background-image:url('/asset/img/mypage/icon_ready_renew.png'); background-position:center top 7px; background-size:20px auto;}
.mypage_info .step ul li.ready1 dl dt {background-image:url('/asset/img/mypage/icon_ready1_renew.png'); background-position:center top 7px; background-size:22px auto;}
.mypage_info .step ul li.ing dl dt {background-image:url('/asset/img/mypage/icon_ing_renew.png'); background-position:center top 10.5px; background-size:25px auto;}
.mypage_info .step ul li.finish dl dt {background-image:url('/asset/img/mypage/icon_finish_renew.png'); background-position:center top 9px; background-size:26px auto;}
.mypage_info .step .orderother{border:1px solid #ECECEC; border-radius: 10px; padding:15px; width:50%; margin:3px; background-color: white;letter-spacing:0.5px; }
.mypage_info .ordernow{font-size:17px; font-weight: 500; padding-left:20px;}
.mypage_info .ordernow .aboutmonth{font-size:10px; color:#A8A8A8}

/* 마이페이지 쿠폰/적립금/예치금 (member/coupon_point_account.php) */
.cpamenu .ajax-tab{text-align: center; background-color: #fff; margin:30px;}
.cpamenu .ajax-tab li{font-size:18px; display:inline-block; color:#B0B0B0;}
.cpamenu .ajax-tab li.on{color:black;}
.cpamenu .ajax-tab li::after{content:"ㆍ"; color:#B0B0B0;}
.cpamenu .ajax-tab li:last-child::after{display:none;}

/* 마이페이지 공통메뉴 */
.mypage_menu .tab_mypage {border:1px solid #e5e5e5; border-left:0;}
.mypage_menu .tab_mypage:after {display:block; clear:both; content:'';}
.mypage_menu .tab_mypage li {float:left; width:25%; border-left:1px solid #e5e5e5; text-align:center;}
.mypage_menu .tab_mypage li a {display:block; height:48px; color:#767676; font-size:1.167rem; font-weight:200; line-height:48px;}
.mypage_menu .tab_mypage li a.active {position:relative; padding-right:7px; color:#404040; font-weight:400;}
.mypage_menu .tab_mypage li a.active:after {display:block; position:absolute; left:50%; top:50%; width:5px; height:5px; margin:-2.5px 0 0 30px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#FE8E78; content:'';}
.mypage_menu .tabcnt_mypage {display:none;}
.mypage_menu .tabcnt_mypage.active {display:block;}
.mypage_menu .tabcnt_mypage ul {padding:16px 0; border-bottom:8px solid #ebebeb;}
.mypage_menu .tabcnt_mypage ul li a {display:block; padding:9px 10px; color:#767676; font-size:1.083rem; font-weight:200;}
.mypage_menu .tabcnt_mypage ul li a.active {color:#3e3e3e;}
.mypage_menu .favorites{margin:0px 5px 5px 5px; background-color: white; border-radius: 10px; border:1px solid #ECECEC;}
.mypage_menu .favorites .title{font-size:17px; padding:20px; font-weight:600; color: #5a5a5a;letter-spacing: -2px;}
.mypage_menu .favorites .title .arrow{width: 12px;height: 12px; border-top: 1px solid #121212; border-right: 1px solid #121212; display: inline-block; transform: rotate(135deg); float:right; position:relative; top:5px; left:-4px; transition-duration: 0.5ss;}
.mypage_menu .favorites .title .arrow.on{transform: rotate(315deg);}
.mypage_menu .favorites .contents{height:170px; position:relative; transition-duration: 0.5s; overflow: hidden; }
.mypage_menu .favorites .contents .star{text-align:center; font-size:14px; font-weight:500; color:#C9C9C9; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.mypage_menu .favorites .contents ul li a{font-size:16px; color:#6d6d6d}
.mypage_menu .favorites .contents ul li{padding:20px 20px 9px 20px;}
/* .mypage_menu .favorites .contents ul li:first-child{padding-top:15px;} */
.mypage_menu .star1{float:right;display:inline-block; width:30px; height:30px; content: ""; background-repeat: no-repeat; position:relative; top:-5px; background-image: url('/asset/img/mypage/star_renew.svg'); background-size: 18px; background-position: center; left:5px;}
.mypage_menu .star1.on{background-image: url('/asset/img/mypage/star_on_renew.svg'); background-size: 18px; background-position: center;}


.mypage_menu .menu_list{padding:0 20px;}
.mypage_menu .menu_list:first-child{padding-top:100000px;}
.mypage_menu .menu_list::after{position:relative; right:20px; display:inline-block; width:calc(100% + 40px); border-bottom: 20px solid #edeae4; content:""; margin:0px; padding:0px;}
.mypage_menu .menu_list:last-child::after{border-bottom: 40px solid #edeae4;}
.mypage_menu .menu_list .menu_title a{font-size:16px; font-weight:600; color:#636363; letter-spacing: -1px }
.mypage_menu .menu_list .menu_title{border-bottom:1px solid #DDDDDD; padding:10px;}
.mypage_menu .menu_list ul li a{font-size:16px; color:#6d6d6d; font-weight: 300;}
.mypage_menu .menu_list ul li{padding:17px 20px 11px 20px;}
.mypage_menu .menu_list ul li:last-child{padding-bottom:18px}
.mypage_menu .menu_list .menu_title a::before{display:inline-block; width:20px; height:25px; content: ""; background-repeat: no-repeat; position:relative; top:3px; margin-right:2px;}
.mypage_menu .menu_list .menu_title a.a::before{background-image:url('/asset/img/mypage/icon_main_1.svg');background-size: 19px; top:12px;}
.mypage_menu .menu_list .menu_title a.b::before{background-image:url('/asset/img/mypage/icon_main_2.svg');background-size: 17px; top: 10px; }
.mypage_menu .menu_list .menu_title a.c::before{background-image:url('/asset/img/mypage/icon_main_3.svg');background-size: 17px; top: 9px;}
.mypage_menu .menu_list .menu_title a.d::before{background-image:url('/asset/img/mypage/icon_main_4.svg');background-size: 17px; top: 10px;}
.mypage_menu .menu_list .menu_title a.e::before{background-image:url('/asset/img/mypage/icon_main_5.svg');background-size: 17px; top: 11px;}


/* 마이페이지 공통 박스 */
.box_mp {margin-bottom:20px; padding:20px 15px; border:2px solid #e9e9e9;}
.box_mp dl {font-size:0;}
.box_mp dl + dl {margin-top:20px; padding-top:20px; border-top:1px solid #e9e9e9;}
.box_mp dl dt,
.box_mp dl dd {display:inline-block; vertical-align:middle;}
.box_mp dl dt {width:60%; padding:7px 0 7px 42px; background:url('/asset/img/mypage/icon_money.png') no-repeat left center/32px; color:#404040; font-size:14px; text-align:left;}
.box_mp dl dd {width:40%; font-size:14px; text-align:right;}
.box_mp dl dd span {font-size:20px;}
.msg_mp {position:relative; min-height:51px; margin-bottom:25px; padding-right:120px; font-size:0.917rem; line-height:1.6; vertical-align:middle;}
.msg_mp span {display:block; padding-top:10px; color:inherit; font:inherit;}
.msg_mp .btn {position:absolute; right:0; top:0;}
.msg_mp .btn1 {top:50%; margin-top:-15px;}
.msg_mp .btn2 {top:-15px;}
.msg_mp .btn2 > div + div {margin-top:6px;}
.tab_mp {margin-bottom:30px;}
.tab_mp:after {display:block; clear:both; content:'';}
.tab_mp li {float:left; width:50%; margin-left:-1px; text-align:center;}
.tab_mp li:first-child {margin-left:0;}
.tab_mp li a {display:block; height:45px; border:1px solid #e9e9e9; border-bottom-color:#333; line-height:45px;}
.tab_mp li a.active {position:relative; z-index:5; border-color:#333; border-bottom:1px solid #fff;}
.tabcnt_mp {display:none;}
.tabcnt_mp0 {display:block;}

/* 마이페이지 공통 안내사항 */
.info_mp li {position:relative; margin-bottom:8px; padding-left:9px; color:#767676; font-family:'メイリオ', Meiryo; font-size:0.917rem; line-height:1.6;}
.info_mp li:after {display:block; position:absolute; left:0; top:7px; width:2px; height:2px; background:#333; content:'';}

/* 마이페이지 주문내역 검색 */
.order_search {margin-bottom:20px; font-size:0;}
.order_search .bar {display:inline-block; width:2.22%; height:1px; margin:0 2.08%; background:#333; vertical-align:middle; line-height:30px;}
.order_search .form_input.calendar {width:31.11%; height:30px; padding-right:37px; border:1px solid #e9e9e9; background:url('/asset/img/mypage/icon_calendar.png') no-repeat right 10px center/17px auto; line-height:30px;}
.order_search .btn {width:23.61%; height:30px; margin-left:2.22%; border:0; background:#333; color:#fff; font-size:0.917rem; line-height:30px;}

/* 마이페이지 상품리스트 상품선택 */
.selector.prd {position:absolute; right:0; top:0; font-size:0;}
.selector.prd a {display:inline-block; position:relative; padding-left:13px; color:#404040; font-size:1.250rem; vertical-align:middle;}
.selector.prd a:first-child {margin-right:15px;}
.selector.prd a:after {display:block; position:absolute; left:0; top:50%; width:1px; height:11px; margin-top:-5.5px; background:#d1d1d1; content:'';}
.selector.prd a:first-child:after {display:none;}

/* 마이페이지 메인 (mypage_mypage.html) */
#mypage h3.title .selection {position:absolute; right:0; bottom:0;}
#mypage h3.title .selection li {display:inline-block; margin-left:15px; vertical-align:middle;}
#mypage h3.title .selection li:first-child {margin-left:0;}
#mypage h3.title .selection li a {display:block; padding-bottom:5px; color:#767676;}
#mypage h3.title .selection li a.active {position:relative; color:#404040;}
#mypage h3.title .selection li a.active:after {display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#333; content:'';}
#mypage h3.title .more {position:absolute; right:2.77%; top:3px; color:#767676;}
#mypage .my_review {padding:29px 20px 29px 15px; border:1px solid #e9e9e9; font-size:0;}
#mypage .my_review > * {display:inline-block; width:50%; vertical-align:middle;}
#mypage .my_review dt {color:#404040; font-size:1.083rem; font-weight:200;}
#mypage .my_review dd,
#mypage .my_review dd * {color:#767676; font-weight:200;}
#mypage .my_review dd {text-align:right;}
#mypage .my_review dd span {position:relative;}
#mypage .my_review dd span:after {display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#a5a5a5; content:'';}

/* 리뉴얼 페이지 타이틀 공통 */
h2.mtitle{text-align: center; padding:25px 0px; font-size:1.5rem; background-color: #F6F6F6; font-weight: normal; position:relative; margin-bottom:15px;}
h2.mtitle span{width: 10px;height: 10px; border-top: 1px solid #121212; border-right: 1px solid #121212; display: inline-block; transform: rotate(225deg); position:absolute; top:calc(50% - 5px) ; left:20px;}
h2.mtitle div{display:inline-block; width:5%; position:absolute; left:0px; content: ""; height:100%;top:0;}

/* 마이페이지 오더(member/order.php) */
.ordermain{padding:20px 15px; }
.ordermain::after{content: ""; display:block; background-color: #CFCFCF; height: 1.5px; margin-top:30px; width:calc(100% + 30px); position: relative; left:-15px;}

.ordermain .date::after{content: ""; display:inline-block; width:1.2px; height: 12px; background-color: #7A7A7A; margin:0px 8px; vertical-align: -2px;}
.ordermain .show_detail{float:right; }
.ordermain .show_detail a{color:#FF8E77; border-bottom: 1px solid #FF8E77;}
.ordermain .order_top{margin-bottom: 20px;}
.ordermain .order_top:after{content: ""; display:block; clear:both;}
.ordermain .order_dmain{border:1px solid #CFCFCF; border-radius: 10px; padding:20px; overflow: hidden;}
.ordermain .order_dmain .order_state{float:right;}
.ordermain .order_dmain .o_receipt{font-weight: 600; font-size: 15px;}
.ordermain .order_dmain .order_state span{color:#A3A3A3;}
.ordermain .order_dmain .dmain-top{margin-bottom: 20px;}
.ordermain .order-swiper {margin-bottom: 20px;}
.ordermain .price{font-size: 15px; margin-bottom: 27px; margin-top:15px;}
.ordermain .price span{color:#FF8E77; margin-left:10px; font-size: 15px;}
.ordermain .btn-box{flex-grow:1;}
.ordermain .btn-box::after{content: ""; display:inline-block; width:1.2px; height: 18px; background-color: #7A7A7A; float: right; vertical-align: -2px;}
.ordermain .btn-box:last-child::after{display:none;}
.ordermain .btn-box a{color:#7A7A7A; font-size: 14px; font-weight: 400;}
.ordermain .order-swiper .y-icon{background-image: url(https://atimg.sonyunara.com/attrangs/assets/mobile03/asset/img/etc/icon_after_stock1.png);width: 10px;height: 10px;background-repeat: no-repeat;position: absolute;right: 5px;top: 5px; background-size: 10px;}
.ordermain .order-swiper .x-icon{background-image: url(https://atimg.sonyunara.com/attrangs/assets/mobile03/asset/img/etc/icon_before_stock1.png);width: 10px;height: 10px;background-repeat: no-repeat;position: absolute;right: 5px;top: 5px;background-size: 10px;}

/* 마이페이지 주문조회 (mypage_order_list.html) */
#order_list h3.title .selection {}
#order_list h3.title .selection li {display:inline-block; margin-left:15px; vertical-align:middle;}
#order_list h3.title .selection li:first-child {margin-left:0;}
#order_list h3.title .selection li a {display:block; padding-bottom:5px; color:#767676;}
#order_list h3.title .selection li a.active {position:relative; color:#404040;}
#order_list h3.title .selection li a.active:after {display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#333; content:'';}
#order_list h3.title .more {position:absolute; right:2.77%; top:3px; color:#767676;}

/* 마이페이지 주문상세 (mypage_order_detail.html) */
#order_detail > .box_price {margin-top:10px; padding:15px; background-color:#fbfbfb; font-size:1.167rem; font-weight:bold; text-align:left;}
#order_detail > .box_price > span {float:right; padding-left:20px; color:#FE8E78; font-size:inherit; font-weight:bold;}
#order_detail > .btn {padding-top:30px; text-align:center;}
#order_detail > h4 {margin-top:25px; padding-bottom:10px; font-size:1.083rem; font-weight:400;}
#order_detail .ord_list {border-top:1px solid #333;}
#order_detail .ord_list:after {display:block; clear:both; content:'';}
#order_detail .ord_list > li {clear:both; padding:10px 0;}
#order_detail .ord_list > li > .box > .img {float:left; width:110px;}
#order_detail .ord_list > li > .box > .img > img {width:100%; height:auto;}
#order_detail .ord_list > li > .box > .info {float:left; width:calc(100% - 110px); padding-left:12px;}
#order_detail .ord_list > li > .box > .info > .opt,
#order_detail .ord_list > li > .box > .info > .price {color:#767676;}
#order_detail .ord_list > li > .box > .info > .price {padding-bottom:0px;}

/* 마이페이지 교환반품신청 (mypage_order_exchange.html) */
#order_exchange .btn {padding-top:25px;}

/* 마이페이지 회원정보수정 (mypage_edit_frm.html) */
#edit_input .box > div {position:relative; margin-bottom:18px; padding-left:22.22%; font-size:0;}
#edit_input .box > div > label {display:inline-block; position:absolute; left:0; top:50%; width:22.22%; color:#767676; letter-spacing:-1px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
#edit_input .box > div select {height:38px; padding:0; border:0; border-bottom:1px solid #dbdbdb; font-size:1.000rem; line-height:38px;}
#edit_input .box > div select.select_cell {width:23.07%;}
#edit_input .box > div select.select_birth {width:22.69%; margin:0 1.53% 0 7.30%;}
#edit_input .box > div select.select_birth_year {margin-left:0;}
#edit_input .box > div .form_input {height:38px; padding:0; border:0; border-bottom:1px solid #dbdbdb; line-height:38px;}
#edit_input .box > div .form_input.readonly {border:0; background:none !important;}
#edit_input .box > div .form_input.form_cell {width:32.69%;}
#edit_input .box > div .form_input.form_cell1 {margin:0 5.76%;}
#edit_input .box > div textarea.form_input {height:105px; padding:15px; border:1px solid #dbdbdb; color:#767676; font-size:0.917rem; line-height:19px;}
#edit_input .box > div .check {font-size:0;}
#edit_input .box > div .check label {display:inline-block; padding:0 36px 0 10px; vertical-align:middle;}
#edit_input .box > div .check input {vertical-align:middle;}
#edit_input .box > div .textarea {margin-top:20px;}
#edit_input .box > div .bar {display:inline-block; vertical-align:middle;}
#edit_input .box .addbtn {padding-right:29.16%;}
#edit_input .box .addbtn .box_btn {position:absolute; right:0; bottom:0; width:25%;}
#edit_input .box .addbtn .box_btn > * {width:100%;}
#edit_input .box .mobile {margin-bottom:0;}
#edit_input .box .key {margin-top:7px;}
#edit_input .box .address {margin-bottom:0;}
#edit_input .box .det_addr .form_input {margin-top:7px;}
#edit_input .box .msg {margin-top:15px;}
#edit_input .box .birth {margin-bottom:0;}
#edit_input .box .birth .bar {letter-spacing:-1px;}
#edit_input .box .addunit {padding-right:13.88%;}
#edit_input .box .addunit .unit {position:absolute; right:0; top:50%; width:13.88%; text-align:center; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
#edit_input .box .list:after {display:block; clear:both; content:'';}
#edit_input .box .list li {float:left;}
#edit_input .box .list .check label {padding-right:0;}
#edit_input .box .list.list_radio li {width:25%; margin-top:25px;}
#edit_input .box .list.list_radio li:nth-child(1),
#edit_input .box .list.list_radio li:nth-child(2),
#edit_input .box .list.list_radio li:nth-child(3),
#edit_input .box .list.list_radio li:nth-child(4) {margin-top:0;}
#edit_input .box .list.list_radio li:nth-child(4n+1) {clear:both;}
#edit_input .box .list.list_radio2 li {width:50%; margin-top:25px;}
#edit_input .box .list.list_radio2 li:nth-child(1),
#edit_input .box .list.list_radio2 li:nth-child(2) {margin-top:0;}
#edit_input .box .list.list_checkbox li {width:33.33%; margin-top:15px; letter-spacing:-1px;}
#edit_input .box .list.list_checkbox li:nth-child(1),
#edit_input .box .list.list_checkbox li:nth-child(2),
#edit_input .box .list.list_checkbox li:nth-child(3) {margin-top:0;}
#edit_input .box .list.list_checkbox li:nth-child(3n+1) {clear:both;}
#edit_input .box .many > label {top:0; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
#edit_input .box .marry .check {margin-top:25px;}
#edit_input .box .marry .check:first-of-type {margin-top:0;}
#edit_input .box .marry .addunit {position:relative; padding-right:38.46%;}
#edit_input .box .marry .addunit .unit {width:38.46%;}

/* 마이페이지 출석체크 (mypage_attend.html) */
#attend .bg {min-height:845px; background:url('/asset/img/mypage/bg_attend.jpg') no-repeat left top/cover;}
#attend h3 {padding:30px 0 15px; text-align:center;}
#attend h3 img {width:auto; height:88px;}
#attend .event_cpn,
#attend .event_cpn * {color:#fff; font-family:'メイリオ', Meiryo; font-size:1.083em;}

#attend .event_cpn {padding-bottom:20px; text-align:center;}
#attend .event_cpn p {display:inline-block; *display:inline; *zoom:1; padding:3px 18px 5px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background-color:rgba(255,255,255,0.2); letter-spacing:-1px;}
#attend .number,
#attend .number * {color:#fff;}
#attend .number {padding-bottom:23px; text-align:center;}
#attend .number p {font-size:1.167rem;}
#attend .number p strong {font-family:Malgun Gothic, メイリオ; font-size:1.917rem;}
#attend .number p span {padding-right:8px; font-size:1.417rem;}
#attend .calendar {position:relative;}
#attend .calendar .bg_icon {position:absolute; left:0; top:-37px;}
#attend .calendar .bg_icon img {height:40px;}
#attend .calendar table {table-layout:fixed; width:100%;}
#attend .calendar table thead tr th {padding:15px 0; border-bottom:2px solid #dbdbdb; background:#f4f4f4; font-weight:700; text-align:center; vertical-align:middle;}
#attend .calendar table tbody {background:#fff;}
#attend .calendar table tbody tr td {padding:10px 0 46px 8px; border:1px solid #e3dfd7; border-width:1px 0 0 1px; color:#cfcbc4; font-size:0.917rem; font-weight:700; vertical-align:top;}
#attend .calendar table tbody tr td:first-child {border-left:0;}
#attend .calendar table tbody tr td.active {position:relative;}
#attend .calendar table tbody tr td.active .icon {position:absolute; left:0; bottom:10px; width:100%; text-align:center;}
#attend .calendar table tbody tr td.active .icon img {width:36px; height:36px;}
#attend .btn {padding:32px 0;}
#attend .msg {margin-top:30px; padding-left:17px; background:url('/asset/img/common/i_notice.png') no-repeat left top 1px/9px 13px; color:#767676; font-size:0.917rem; line-height:1.6;}

/* 마이페이지 쿠폰 (mypage_coupon.html) */
#coupon .cpn_down_list {font-size:0;}
#coupon .cpn_down_list li {display:inline-block; *display:inline; *zoom:1; overflow:hidden; width:50%; padding:0 10px 20px 0; vertical-align:middle;}
#coupon .cpn_down_list li:nth-child(2n) {padding:0 0 20px 10px;}
#coupon .cpn_down_list li .box {position:relative; height:70px; padding-right:65px; border:1px solid #e9e9e9; font-size:0;}
#coupon .cpn_down_list li .box:after {display:block; position:absolute; top:50%; right:-1px; z-index:1; width:6px; height:9.5px; margin-top:-5px; background:url('/asset/img/mypage/icon_cpn_right.png') no-repeat center/6px auto; content:'';}
#coupon .cpn_down_list li .box:before {display:block; position:absolute; top:50%; left:-1px; z-index:1; width:6px; height:9.5px; margin-top:-5px; background:url('/asset/img/mypage/icon_cpn_left.png') no-repeat center/6px auto; content:'';}
#coupon .cpn_down_list li .box > * {display:inline-block; *display:inline; *zoom:1; position:relative;}
#coupon .cpn_down_list li .box .name_per {position:relative; width:100%; margin-top:13px; padding-left:13px; vertical-align:middle;}
#coupon .cpn_down_list li .box .name_per p {color:#404040; line-height:normal; letter-spacing:-0.5px;}
#coupon .cpn_down_list li .box .name {font-size:0.917rem;}
#coupon .cpn_down_list li .box .per {font-size:1.667rem;}
#coupon .cpn_down_list li .box .period {position:absolute; top:0; right:0; width:85px; height:68px; padding:17px 0; border-left:1px dashed #e9e9e9; background:#fafafa; color:#767676; font-family:Malgun Gothic, メイリオ; font-size:13px; text-align:center; line-height:17px; letter-spacing:-0.8px; vertical-align:middle;}

/* 마이페이지 나의문의내역 (mypage_qna_list.html) */
#mypage_qna_list .count {margin-bottom:15px; padding:13px 0; border:1px solid #e9e9e9; font-size:0;}
#mypage_qna_list .count > li {display:inline-block; width:50%; padding:7px 0; color:#767676; text-align:center;}
#mypage_qna_list .count > li:nth-child(2n) {border-left:1px solid #e9e9e9;}
#mypage_qna_list .count > li span {color:#404040; font-size:1.083rem;}

/* 마이페이지 1:1문의 리스트 (mypage_counsel_list.html) */
#counsel_list #boardlist .btn {padding-top:15px;}

/* 마이페이지 회원탈퇴 (mypage_withdraw.html) */
#withdraw .msg {margin-bottom:20px; color:#767676; font-size:0.917rem; line-height:1.6;}
#withdraw textarea {height:227px; padding:15px; border:1px solid #dbdbdb; color:#767676; font-size:14px;}
#withdraw .btn {margin-top:25px;}
#withdraw .btn .box_btn {margin:0 8px;}


/* 마이페이지 내스타일(member/mystyle.php) */
.mystyle-box .tab {margin-bottom:12px;}
.mystyle-box .tab ul {display:table; table-layout:fixed; width:100%;}
.mystyle-box .tab ul li {display:table-cell; text-align:center; border:1px solid #cdcdcd; border-bottom:1px solid #9365ed; border-top-left-radius:5px; border-top-right-radius:5px; position:relative; }
.mystyle-box .tab ul li:first-of-type {right:-1px;}
.mystyle-box .tab ul li:last-of-type {left:0px;}
.mystyle-box .tab ul li.on {z-index:2; border:1px solid #9365ed; border-bottom-color:#fff;}
.mystyle-box .tab ul li a {color:#989898; font-size:15px; display:block; padding:18px; line-height:100%; font-weight:600;}
.mystyle-box .tab ul li a span{font-size:10px; color:#989898;}
.mystyle-box .tab ul li.on a,.mystyle-box .tab ul li.on a span {color:#313030;}
.mystyle-box .tab-content {margin-bottom:35px;}
.mystyle-box .tab-content > ul > li {display:none;}
.mystyle-box .tab-content > ul > li.on {display:block; padding:20px;}
.mystyle-box .tab-content .tab-subcon{margin:18px 0 31px 0;}
/* 체형정보 몸무게 키 */
.mystyle-box .tab-content .tab-subcon .title{font-size:16px; margin-bottom:30px;font-weight: 500; }
.mystyle-box .tab-content .cm,.mystyle-box .tab-content .kg{position:absolute; top:50%; transform: translate(-50%, -50%);}
.mystyle-box .tab-content .cm{right:0px;}
.mystyle-box .tab-content .kg{left:82px;}
.mystyle-box .tab-content .opacity::before{  position: absolute;	top: 0;  left:0px;height: 100%;	width: 100%;	content: "";	background: linear-gradient(to bottom,	   rgba(255,255,255, 1) 5%, 	   rgba(255,255,255, 0) 20%	);	pointer-events: none; /* so the text is still selectable */ z-index: 5; }
.mystyle-box .tab-content .opacity::after{  position: absolute;	bottom: 0;  left:0px;height: 100%;	width: 100%;	content: "";	background: linear-gradient(to top,	   rgba(255,255,255, 1) 5%, 	   rgba(255,255,255, 0) 20%	);	pointer-events: none; /* so the text is still selectable */ z-index: 5; }
.mystyle-box .tab-content .height-swiper,.mystyle-box .tab-content .weight-swiper{height:140px; overflow: hidden; position:relative; text-align: center; width:50%;}
.mystyle-box .tab-content .height-swiper .swiper-wrapper,.mystyle-box .tab-content .weight-swiper .swiper-wrapper{position:relative;}
.mystyle-box .tab-content .height-swiper .swiper-wrapper li.swiper-slide-active,
.mystyle-box .tab-content .weight-swiper .swiper-wrapper li.swiper-slide-active{font-weight: 500; color:black;line-height: 100%; transform:rotate3d(1,1,1,0deg)}
.mystyle-box .tab-content .height-swiper .swiper-wrapper .swiper-slide,
.mystyle-box .tab-content .weight-swiper .swiper-wrapper .swiper-slide{color:#B9B9BB;  vertical-align: middle; font-size:26px; display:table-cell;vertical-align: top;line-height: 100%; transform: rotate3d(1,0,0,50deg); }
.mystyle-box .tab-content .height-swiper .swiper-wrapper li.swiper-slide-prev,.mystyle-box .tab-content .weight-swiper .swiper-wrapper li.swiper-slide-prev,.mystyle-box .tab-content .height-swiper .swiper-wrapper li.swiper-slide-next,.mystyle-box .tab-content .weight-swiper .swiper-wrapper li.swiper-slide-next{transform: rotate3d(1,0,0,30deg);}
/* 체형정보 사이즈들 */

.mystyle-box .tab-content .size{text-align: center; overflow: hidden;}
.mystyle-box .tab-content input{display:none;}
.mystyle-box .tab-content .size div{display:inline-block; width:60px; height:60px;}
.mystyle-box .tab-content .size li{display:inline-block; width:60px; height:60px; border:1px solid #dedddd;border-radius:10px; padding:22px 0px; line-height: 100%; font-size:14px;}
.mystyle-box .tab-content .size-swiper input:checked+label li{background-color: #D6CCFE; color:black; border:1px solid #8669fb;}
.mystyle-box .tab-content .size-swiper input:checked+label li::after{content:""; top:0;right:0; display:inline-block;width:100%; position:absolute; height: 100%; background-image: url('https://atimg.sonyunara.com/attrangs/icons/mypage/check3.png'); background-size: 30px; background-repeat: no-repeat; background-position: center; z-index: 2;}
/* .mystyle-box .tab-content .size-swiper{overflow:hidden;} */
.mystyle-box .tab-content .subbtn{text-align: center; margin-top:60px;}
.mystyle-box .tab-content .subbtn input{width:80%; max-width: 320px; color:white; background-color: #444444; border-radius: 30px/50%; padding:16px 0px; border:0px; font-size:15px; display:inline-block;}
/* 내스타일 정보 카테들 */
.mystyle-box .tab-content .style li{position:relative; display:inline-block; border:1px solid #dedddd;border-radius:20px / 50%; min-width: 60px; padding:14px 16px; line-height: 100%; text-align: center; margin:5px 0px;font-size: 15px; min-width: 80px;}
.mystyle-box .tab-content .style input+label li{background: none;}
.mystyle-box .tab-content .style input:checked+label li{background: #D6CCFE; border-color: #8669fb; }
.mystyle-box .tab-content .style input:checked+label li::after{content:""; display: inline-block; width: 100%; height:100%; position:absolute; top:0; right:0; background-image: url('https://atimg.sonyunara.com/attrangs/icons/mypage/check3.png');background-position: center; background-size:40px; background-repeat: no-repeat; }
/* 모델플라워 */
.mystyle-box .tab-content .model-swiper div{display:inline-block; width:80px; height:120px; text-align: center;}
.mystyle-box .tab-content .model-swiper li.img{width:70px; height:70px; border-radius:50%; border: 1px solid #dedddd; background-size: 70px; position:relative; box-sizing: border-box; background-position: center; }
.mystyle-box .tab-content .model-swiper input:checked+label li{border:1px solid #8669fb; background-color: #8669fb; }
.mystyle-box .tab-content .model-swiper input:checked+label li::before{background-color: #8669fb; width:100%; height: 100%; content: "";  display: inline-block; position:absolute; top:0; right:0; border-radius: 50%; opacity: 0.34;}
.mystyle-box .tab-content .model-swiper input:checked+label li::after{content:"";position:absolute; display:inline-block; width:41px; height:21px; top:24px; left:17px; z-index: 2; background-image: url('https://atimg.sonyunara.com/attrangs/icons/mypage/check3.png'); background-size: 34px; background-repeat: no-repeat;}

.mystyle-box .beauty li{position:relative; display:inline-block; border:1px solid #dedddd; border-radius:20px / 50%; margin:2px 1px; height:40px; padding:12px 20px 0px 20px; text-align: center;}
.mystyle-box .beauty li img{height:12px;}
.mystyle-box .beauty input:checked+label li::after{background-color: #8669fb;opacity: 0.34; content: ""; display: inline-block; width: 100%; height: 100%; position:absolute; top:0; right:0; border-radius:20px / 50%; }
.mystyle-box .beauty input:checked+label li::before{position: absolute; top:0px; left:0px; display:inline-block; background-image: url('https://atimg.sonyunara.com/attrangs/icons/mypage/check3.png'); z-index: 3;border-color: #8669fb; color:#8669fb;background-repeat: no-repeat; background-size:29px; background-position: center; content: ""; width:100%; height: 100.6%;}

/*-----------------------------------------------------------------*/
/* 4-5. 추가페이지
/*-----------------------------------------------------------------*/

/* 이용안내 (guide.html) */
#guide .guide_menu {margin-bottom:20px;}
#guide .guide_menu > ul {border-top:1px solid #e5e5e5; font-size:0;}
#guide .guide_menu > ul > li {display:inline-block; width:25%; height:48px; border:1px solid #e5e5e5; border-width:0 0 1px 1px; text-align:center; vertical-align:top;}
#guide .guide_menu > ul > li:nth-child() {border-width:0 1px 1px 1px;}
#guide .guide_menu > ul > li a {display:inline-block; color:#767676; font-size:1.167rem; font-weight:300; line-height:48px;}
#guide .guide_menu > ul > li a.active {position:relative; color:#3e3e3e; font-weight:400;}
#guide .guide_menu > ul > li a.active:after {position:absolute; top:50%; right:-9px; width:6px; height:6px; margin-top:-3px; border-radius:100%; background:#FE8E78; content:'';}
#guide .tabcnt_guide {display:none;}
#guide .tabcnt_guide0 {display:block;}
#guide .tabcnt_guide > p {color:#767676; font-size:0.917rem; line-height:1.7;}
#guide .tabcnt_guide > p + p {margin-top:28px;}
#guide .tabcnt_guide > p span {display:block; color:inherit; font:inherit;}
#guide .tabcnt_guide > p strong {display:block; padding-bottom:6px; color:#3e3e3e; font-size:inherit; font-weight:400;}
#guide .tabcnt_guide > p strong.mg {margin-top:25px;}
#guide .tabcnt_guide1 .first {padding-bottom:3px;}

/* 멤버십 혜택 (membership.html) */
#membership .msg {margin-bottom:15px; padding:25px 23px; background:#fbfbfb; color:#3e3e3e; font-size:0.917rem; text-align:center; line-height:1.6;}
#membership .table_wrap {border-top:1px solid #333;}
#membership table {table-layout:fixed; width:100%;}
#membership table > tbody > tr > th {border-bottom:1px solid #e9e9e9; font-weight:500; vertical-align:middle;}
#membership table > tbody > tr > td {padding:15px 26px; border:1px solid #e9e9e9; border-width:0 0 1px 1px; vertical-align:middle;}
#membership table > tbody > tr > td.info {font-weight:700;}
#membership table > tbody > tr > td.info span {color:#FE8E78; font:inherit;}
#membership table > tbody > tr > th .icon {margin-bottom:10px;}
#membership table > tbody > tr > th .icon img {width:45px; height:auto;}
#membership table > tbody > tr > td .cpn_img {padding-bottom:10px;}
#membership table > tbody > tr > td .cpn_img span {display:inline-block; color:#767676; font-size:0.917rem; vertical-align:middle; letter-spacing:-1px;}
#membership table > tbody > tr > td .cpn_img span img {width:82px; height:auto; margin-right:12px; vertical-align:middle;}
#membership table > tbody > tr > td .cpn_msg {padding-top:12px; color:#767676; font-size:0.917rem;}
#membership .benefit {padding:40px 0 60px;}
#membership .benefit .title {padding-bottom:20px; color:#282828; font-size:1.083rem; font-weight:700; text-align:center;}
#membership .benefit .title span {display:block; padding-top:5px; color:#767676; font-size:0.750rem; font-weight:400;}
#membership .benefit ul:after {display:block; clear:both; content:'';}
#membership .benefit ul {padding:22px 0 0; border:1px solid #dbdbdb;}
#membership .benefit ul li {float:left; width:25%; padding-bottom:25px; text-align:center;}
#membership .benefit ul li:nth-child(4n+1) {clear:both;}
#membership .benefit ul li dl dt {padding:39px 0 8px; background-repeat:no-repeat; background-position:center top; background-size:32.5px 29px; color:#40372e; font-size:0.875rem; font-weight:700;}
#membership .benefit ul li dl dd {color:#a9a9a9; font-size:0.750rem; letter-spacing:-1px; line-height:1.6;}
#membership .benefit ul li.milage dl dt {background-image:url('/asset/img/etc/icon_milage.png');}
#membership .benefit ul li.bookmark dl dt {background-image:url('/asset/img/etc/icon_bookmark.png');}
#membership .benefit ul li.addinfo dl dt {background-image:url('/asset/img/etc/icon_addinfo.png');}
#membership .benefit ul li.day dl dt {background-image:url('/asset/img/etc/icon_day.png');}
#membership .benefit ul li.email dl dt {background-image:url('/asset/img/etc/icon_email.png');}
#membership .benefit ul li.birthday dl dt {background-image:url('/asset/img/etc/icon_birthday.png');}
#membership .benefit ul li.review dl dt {background-image:url('/asset/img/etc/icon_reviewmilage.png');}
#membership .benefit ul li.queen dl dt {background-image:url('/asset/img/etc/icon_queen.png');}
#membership .benefit ul li.attend dl dt {background-image:url('/asset/img/etc/icon_attend.png');}
#membership .benefit ul li.excellent dl dt {background-image:url('/asset/img/etc/icon_excellent.png');}
#membership .benefit ul li.size dl dt {background-image:url('/asset/img/etc/icon_size.png');}
#membership .benefit ul li.new dl dt {background-image:url('/asset/img/etc/icon_new.png');}

/* 고객센터(cscenter.html) */
/* 상단 메뉴 */
#cs_topmenu {padding-bottom:30px; border-top:1px solid #e5e5e5; background-color:#fff;}
#cs_topmenu > li {float:left; width:33%; height:130px; border:1px solid #e5e5e5; border-width:0 1px 1px 0;}
#cs_topmenu > li:nth-child(3n) {border-right:0;}
#cs_topmenu > li:nth-child(3n-1) {width:34%;}
#cs_topmenu > li > a {display:block; width:100%; height:100%; padding-top:50px; background-repeat:no-repeat; background-position:center 18px; background-size:32px 29px; text-align:center; word-break:keep-all;}
#cs_topmenu > li > a.faq {background-image:url('/asset/img/cscenter/icon_faq.png');}
#cs_topmenu > li > a.notice {background-image:url('/asset/img/cscenter/icon_notice.png');}
#cs_topmenu > li > a.qna {background-image:url('/asset/img/cscenter/icon_qna.png');}
#cs_topmenu > li > a.membership {background-image:url('/asset/img/cscenter/icon_membership.png');}
#cs_topmenu > li > a.delay {background-image:url('/asset/img/cscenter/icon_delay.png');}
#cs_topmenu > li > a.unconfirmed {background-image:url('/asset/img/cscenter/icon_unconfirmed.png');}
#cs_topmenu > li > a > span {display:block; padding-top:5px; color:#767676; font-size:0.917rem;}
#cs_topmenu:after {display:block; clear:both; content:'';}

#cscenter {background-color:#ebebeb;}
#cscenter .title {position:relative; padding:15px;}
#cscenter .title > h3 {font-size:1.083rem; font-weight:400;}
#cscenter .title > .more {position:absolute; right:15px; top:50%; margin-top:-10px; padding-right:10px; background:url('/asset/img/common/bullet_arrow_right_g.png') no-repeat right center/5px 9px; color:#999;}
#cscenter > .box {margin-bottom:8px; border-bottom:1px solid #e5e5e5; background-color:#fff;}
#cscenter > .info > .tabcnt_cscenter {display:none; padding:15px;}
#cscenter > .info > .tabcnt_cscenter * {color:#767676; font-size:0.917rem; line-height:1.6;}
#cscenter > .info > .tabcnt_cscenter strong {color:#FE8E78; font-size:1.167rem; font-weight:normal;}
#cscenter > .info > .tabcnt_cscenter0 {display:block;}
#cscenter > .notice > .list {padding:15px; border-top:1px solid #e5e5e5;}
#cscenter > .notice > .list > li > a {display:block; overflow:hidden; padding:3px 0; color:#767676; text-overflow:ellipsis; white-space:nowrap;}
#cscenter > .notice > .list > li > a:before {display:inline-block; width:4px; height:1px; margin-right:5px; background-color:#767676; vertical-align:middle; content:'';}
#cscenter > .faq > .search {padding:0 15px;}
#cscenter > .faq > .search > .input {position:relative;}
#cscenter > .faq > .search > .input > .input_search {width:100%; height:35px; padding-right:30px; border:0; border-bottom:2px solid #333; line-height:35px;}
#cscenter > .faq > .search > .input > .btn {position:absolute; right:0; top:50%; width:auto; height:18px; margin-top:-9px;}
#cscenter > .faq > .search > .often {padding:10px 0;}
#cscenter > .faq > .search > .often > h4 {float:left; padding-top:2px;}
#cscenter > .faq > .search > .often > .word {padding-left:100px;}
#cscenter > .faq > .search > .often > .word > li {display:inline-block; padding:2px;}
#cscenter > .faq > .search > .often > .word > li > a {color:#767676;}
#cscenter > .faq > .search > .often > .word > li > a:before {display:inline-block; width:1px; height:10px; margin-right:4px; background-color:#e5e5e5; content:'';}
#cscenter > .faq > .search > .often > .word > li:first-child > a:before {display:none;}
#cscenter > .faq > .list {margin-top:-1px; border-top:1px solid #e5e5e5;}
#cscenter > .faq > .list > li {border-bottom:1px solid #e5e5e5;}
#cscenter > .faq > .list > li > .title {padding:15px; background:url('/asset/img/common/bullet_arrow_bottom.png') no-repeat 95% center/16px 9px;}
#cscenter > .faq > .list > li > .title.active {background-image:url('/asset/img/common/bullet_arrow_top.png');}
#cscenter > .faq > .list > li > .title > span {display:block; color:#d0591f;}
#cscenter > .faq > .list > li > .content {display:none; padding:0 15px 15px 15px; word-break:break-all;}

/*-----------------------------------------------------------------*/
/* 5. ETC
/*-----------------------------------------------------------------*/

/* 게시판 - 리스트 - 분류 */

/* 게시판 - 리스트 - 일반 (board_list.html) */
#boardlist .list_basic {border-top:1px solid #333;}
#boardlist .list_basic li {padding:10px 0; border-bottom:1px solid #e9e9e9;}
#boardlist .list_basic li .no {float:left; width:50px; padding-top:10px; text-align:center;}
#boardlist .list_basic li .no > img {width:15px; height:13px;}
#boardlist .list_basic li .subject {padding-left:50px; text-align:left;}
#boardlist .list_basic li .subject .title {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#boardlist .list_basic li .subject .title img {width:auto; height:10px; margin-top:2px; vertical-align:top;}
#boardlist .list_basic li .subject .stat {padding-top:5px; font-size:0.917rem;}
#boardlist .list_basic li .subject .stat * {color:#767676; font-size:0.917rem;}
#boardlist .list_basic li .subject .stat > span:before {display:inline-block; width:1px; height:10px; margin:0 10px; background-color:#dbdbdb; vertical-align:middle; content:'';}
#boardlist .list_basic li .subject .stat > span:first-child:before {display:none;}
#boardlist .board_search {clear:both; margin:15px 0; padding:7px 0;}
#boardlist .board_search form {position:relative; padding-left:105px; text-align:center;}
#boardlist .board_search select {position:absolute; left:0; top:0; width:100px; height:45px; border-color:#e9e9e9; color:#333;}
#boardlist .board_search .form_input.search {height:45px; padding-right:40px; border-color:#e9e9e9;}
#boardlist .board_search .btn_search {position:absolute; right:0; top:0; display:inline-block; width:44px; height:44px; border:0; background:url('/asset/img/board/btn_search.png') no-repeat center/19px auto; vertical-align:top; text-indent:-9999px; cursor:pointer;}
/* 게시판 - 리스트 - 갤러리 (board_list_gallery.html) */
#boardlist .list_gallery {padding:2.77% 0; border-bottom:1px solid #e9e9e9;}
#boardlist .list_gallery:after {display:block; clear:both; content:'';}
#boardlist .list_gallery > li {float:left; padding-bottom:10px;}
#boardlist .list_gallery > li > .img img {width:100%; height:auto;}
#boardlist .list_gallery > li > .info {padding-top:10px;}
#boardlist .list_gallery > li > .info > .date_reply {padding-top:5px;}
#boardlist .list_gallery > li > .info > .date_reply > span {display:block; font-size:0.917rem;}
#boardlist .list_gallery > li > .info > .date_reply > span.reply {color:#FE8E78;}
#boardlist .list_gallery.col2 > li {width:45.84%; margin:0 2.77%;}
#boardlist .list_gallery.col2 > li:nth-child(odd) {margin-right:1.385%;}
#boardlist .list_gallery.col2 > li:nth-child(even) {margin-left:1.385%;}
#boardlist .list_gallery.col3 > li {width:29.64%; margin:0 2.77%;}
#boardlist .list_gallery.col3 > li:nth-child(3n-1) {margin:0;}
#boardlist .list_gallery > li > .info .subject {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
}
/* 게시판 - 리스트 - FAQ (board_list_faq.html) */
.board_faq > .faq > .title {position:relative; padding:15px;}
.board_faq > .faq > .title > h3 {font-size:1.083rem;}
.board_faq > .faq > .search {padding:0 15px;}
.board_faq > .faq > .search > .input {position:relative;}
.board_faq > .faq > .search > .input > .input_search {width:100%; height:35px; padding-right:30px; border:0; border-bottom:2px solid #333; line-height:35px;}
.board_faq > .faq > .search > .input > .btn {position:absolute; right:0; top:50%; width:auto; height:18px; margin-top:-9px;}
.board_faq > .faq > .search > .often {padding:10px 0;}
.board_faq > .faq > .search > .often > h4 {float:left; padding-top:2px;}
.board_faq > .faq > .search > .often > .word {padding-left:100px;}
.board_faq > .faq > .search > .often > .word > li {display:inline-block; padding:2px;}
.board_faq > .faq > .search > .often > .word > li > a {color:#767676;}
.board_faq > .faq > .search > .often > .word > li > a:before {display:inline-block; width:1px; height:10px; margin-right:4px; background-color:#e5e5e5; content:'';}
.board_faq > .faq > .search > .often > .word > li:first-child > a:before {display:none;}
.board_faq > .faq > .list {margin-top:-1px; border-top:1px solid #e5e5e5;}
.board_faq > .faq > .list > li {border-bottom:1px solid #e5e5e5;}
.board_faq > .faq > .list > li > .title {padding:15px; background:url('/asset/img/common/bullet_arrow_bottom.png') no-repeat 95% center/16px 9px;}
.board_faq > .faq > .list > li > .title.active {background-image:url('/asset/img/common/bullet_arrow_top.png');}
.board_faq > .faq > .list > li > .title > span {display:block; color:#d0591f;}
.board_faq > .faq > .list > li > .content {display:none; padding:0 15px 15px 15px; word-break:break-all;}

/* 게시판 - 읽기 (board_view.html) */
#boardview > .info {border-top:1px solid #333; border-bottom:1px solid #e9e9e9;}
#boardview > .info .subject {padding:12px 0;}
#boardview > .info .subject p {padding-top:5px;}
#boardview > .info .subject p:first-child {padding-top:0;}
#boardview > .info .subject .title {width:100%;}
#boardview > .info .subject .stat * {color:#767676; font-size:0.917rem;}
#boardview > .info .subject .stat > span:before {display:inline-block; width:1px; height:10px; margin:0 10px; background-color:#dbdbdb; vertical-align:middle; content:'';}
#boardview > .info .subject .stat > span:first-child:before {display:none;}
#boardview > .content {padding:12px 0; border-bottom:1px solid #e9e9e9; text-align:left; word-break:break-all; word-wrap:break-word; text-align: center;}
#boardview > .content * {font-family:inherit; /*font-size:inherit;*/ text-align:inherit; line-height:inherit;}
#boardview > .content img {max-width:100%; height:auto;}
#boardview > .prevnext > ul > li {border-bottom:1px solid #e9e9e9;}
#boardview > .prevnext > ul > li > a {display:block; overflow:hidden; padding:12px 0; color:#767676; color:#767676; white-space:nowrap; text-overflow:ellipsis;}
#boardview > .prevnext > ul > li > a > span {padding-right:10px; color:#333;}
#boardview > .btn {padding-top:15px;}
#boardview > .btn > .btn_col {margin-bottom:10px;}
#boardview > .comment {padding-top:15px;}
#boardview > .comment > .list {border-top:1px solid #e9e9e9;}
#boardview > .comment > .list > li {padding:12px 0; border-bottom:1px solid #e9e9e9;}
#boardview > .comment > .list > li > .stat * {color:#767676; font-size:0.917rem;}
#boardview > .comment > .list > li > .stat > span:before {display:inline-block; width:1px; height:10px; margin:0 10px; background-color:#dbdbdb; vertical-align:middle; content:'';}
#boardview > .comment > .list > li > .stat > span:first-child:before {display:none;}
#boardview > .comment > .list > li > .stat .delete {float:right; display:inline-block; width:10px; height:10px; background:url('/asset/img/button/close.png') no-repeat center/cover; text-indent:-9999px; margin-top: 1px;}

#boardview > .comment > .list > li > .stat .edit {float:right; display:inline-block; width:12px; height:12px; background:url('/asset/img/button/edit.png') no-repeat center/contain; text-indent:-9999px; margin-right: 6px;}

#boardview > .comment > .list > li > .content {clear:both; padding-top:10px; color:#404040; line-height:1.6; word-break:break-all; word-wrap:break-word;}
#boardview > .comment > .list > li > .content * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#boardview > .comment > .write {padding-top:15px;}

/* 게시판 - 쓰기 (board_write.html) */
#boardwrite fieldset > div {position:relative; margin-bottom:10px;}
#boardwrite fieldset > div:last-child {margin-bottom:0;}
#boardwrite fieldset > div > label {display:block; padding-bottom:5px;}
#boardwrite fieldset > div.type > label {display:inline-block;}
#boardwrite fieldset > div.contents {background:#fff;}
#boardwrite fieldset select {width:100%; height:40px; border-color:#e5e5e5; color:#333;}
#boardwrite fieldset .form_input {height:40px; border-color:#e5e5e5;}
#boardwrite fieldset textarea.form_input {height:auto;}
#boardwrite .btn {padding-top:10px;}

/* 게시판 - 수정 (board_edit.html) */
#boardedit fieldset > div {position:relative; margin-bottom:10px;}
#boardedit fieldset > div:last-child {margin-bottom:0;}
#boardedit fieldset > div > label {display:block; padding-bottom:5px;}
#boardedit fieldset > div.type > label {display:inline-block;}
#boardedit fieldset > div.contents {background:#fff;}
#boardedit fieldset select {width:100%; height:40px; border-color:#e5e5e5; color:#333;}
#boardedit fieldset .form_input {height:40px; border-color:#e5e5e5;}
#boardedit fieldset textarea.form_input {height:auto;}
#boardedit .btn {padding-top:10px;}

/* 댓글 - 리스트(게시판, 상품리뷰) */
.list_comment {position:relative; background:#fff; text-align:left;}
.list_comment > ul {border:1px solid #e5e5e5; border-top:0;}
.list_comment > ul > li {clear:both; overflow:hidden; padding:10px; border-top:1px solid #e5e5e5; color:#474645; word-break:break-all; word-wrap:break-word;}
.list_comment > ul > li .name {float:left; width:40%;}
.list_comment > ul > li .name a {color:inherit; font-size:inherit;}
.list_comment > ul > li .date {float:right; width:60%; text-align:right;}
.list_comment > ul > li .date span {padding-right:5px; color:#767676;}
.list_comment > ul > li .date img {margin-top:3px; width:9px; height:9px;}
.list_comment > ul > li .content {clear:both; padding-top:5px;}

/* 댓글 - 쓰기(게시판, 상품리뷰) */
.write_comment {overflow:hidden; margin-top:-1px; padding:10px; border:1px solid #e5e5e5; background:#fff;}
.write_comment .user {overflow:auto; padding-bottom:10px; text-align:left;}
.write_comment .user span {float:left; width:50%;}
.write_comment .user span.name {padding-right:5px;}
.write_comment .user span.pw {padding-left:5px;}
.write_comment .inputbox {position:relative; padding-right:70px; border:1px solid #e2e2e2; background:#fafafa; font-size:0; text-align:left;}
.write_comment .inputbox textarea.form_input {height:50px; border:0; border-right:1px solid #e2e2e2;}
.write_comment .inputbox .btn_comment {display:inline-block; position:absolute; right:0; top:0; width:70px; height:100%; text-align:center; border:0; background:#fafafa; font-weight:bold; line-height:100%;}


.swiper_staff_codi .swiper-pagination {bottom:0;}
.swiper_staff_codi .swiper-pagination-bullet {width:10px; height:10px; margin:0 3px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background:#e4e4e4; opacity:1;}
.swiper_staff_codi .swiper-pagination-bullet-active {background:#333;}

.fix_area .inner .detail {display:none;}
.fix_area.fixed .inner .detail {display:block; padding:15px 10px 0;}
.fix_area.fixed .inner .detail > div {border-bottom:1px solid #b0b0b0; padding-bottom:15px; display:flex;}
.fix_area.fixed .inner .detail > div:after {display:block; clear:both; content:"";}
.fix_area.fixed .inner .detail-image {width:17.7%; position:relative; overflow:hidden; border-radius:5px; padding-bottom:21.55%;}
.fix_area.fixed .inner .detail-image a {position:absolute; left:0; top:0; width:100%; height:100%;}
.fix_area.fixed .inner .detail-image img {width:100%; height:100%; object-fit:cover;}
.fix_area.fixed .inner .detail-content {width:82.3%; padding-left:10px; display:flex; flex-wrap: wrap; align-content: space-between;}
.fix_area.fixed .inner .detail-content .subject {width:100%; color:#4a4a4a; font-weight:bold; font-size:13px;}
.fix_area.fixed .inner .detail-content .price {width:100%; position:relative; top:4px;}
.fix_area.fixed .inner .detail-content .price:after {display:block; clear:both; content:"";}
.fix_area.fixed .inner .detail-content .price em {font-style:normal;}
.fix_area.fixed .inner .detail-content .price > div {display:inline-block;}
.fix_area.fixed .inner .detail-content .price .pull-left {float:left;}
.fix_area.fixed .inner .detail-content .price .pull-right {float:right;}
.fix_area.fixed .inner .detail-content .price .pull-left .p2 {color:#4a4a4a; font-size:16px; font-weight:600;}
.fix_area.fixed .inner .detail-content .price .pull-left .p3 {font-size:12px; text-decoration:line-through; font-weight:300; margin-left:5px;}
.fix_area.fixed .inner .detail-content .price .pull-left em {font-weight:300; font-size:12px;}
.fix_area.fixed .inner .detail-content .price .pull-right .p1 {font-size:16px; font-weight:600; color:#ff8e77;}

.brand-from-wrap {padding:0 10px;}
.brand-from-wrap .visual {margin:0 -10px;}
.brand-from-wrap .title {color:#000000; font-size:15px; font-weight:bold; line-height:1.2; margin:30px 0 15px;}
.brand-from-wrap .title:after {display:block; clear:both; content:"";}
.brand-from-wrap .title .pull-left {color:#000; font-size:15px; font-weight:bold; line-height:1.2;}
.brand-from-wrap .title .pull-right {position:relative; top:2px;}
.brand-from-wrap .title .pull-right span {display:block; text-align:center; font-weight:100;}
.brand-from-wrap .from-top .update-date {position:relative;}
.brand-from-wrap .from-top .update-date .date {position:absolute; right:0; top:-35px; color:#898989; font-size:15px;}
.brand-from-wrap .from-top .update-date .date-nav {padding:0 18px;}
.brand-from-wrap .from-top .update-date .date-nav ul li {text-align:center;}
.brand-from-wrap .from-top .update-date .date-nav ul li span {display:block; text-align:center; color:#b3b3b3; font-size:13px;}
.brand-from-wrap .from-top .update-date .date-nav ul li.on span {color:#c8b098;}
.brand-from-wrap .from-top .update-date .date-nav ul li.on span:last-of-type {display:inline-block; border-bottom:1px solid #c8b098;}
.brand-from-wrap .from-top .update-list {margin-top:15px;}
.brand-from-wrap .from-top .update-list ul li .image {position:relative; overflow:hidden; padding-bottom:129%;}
.brand-from-wrap .from-top .update-list ul li .image a {position:absolute; left:0; top:0; width:100%; height:100%;}
.brand-from-wrap .from-top .update-list ul li .image a img {width:100%;}
.brand-from-wrap .from-top .update-list ul li .image .open {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(200,176,152,0.9);}
.brand-from-wrap .from-top .update-list ul li .image .open ul {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center;}
.brand-from-wrap .from-top .update-list ul li .image .open ul li {color:#fff; font-size:17px; margin-bottom:2px;}
.brand-from-wrap .from-top .update-list ul li .image .open ul li:last-of-type {margin-bottom:0;}
.brand-from-wrap .from-top .update-list ul li .content .content-subject {margin-top:5px;}
.brand-from-wrap .from-top .update-list ul li .content .content-subject a {font-weight:500; font-size:13px;}
.brand-from-wrap .from-top .update-list ul li .content .content-detail {color:#919191;}
.brand-from-wrap .from-top .update-list ul li .content .colorCodebox {padding-left:0 !important;}
.brand-from-wrap .from-top .update-list ul li .content .colorCodebox span {display:inline-block; border:1px solid #858585; border-radius:50%; width:8px; height:8px;}
.brand-from-wrap .from-bottom {margin:0 -5px;}
.brand-from-wrap .from-bottom ul li .image {position:relative; overflow:hidden; padding-bottom:100%;}
.brand-from-wrap .from-bottom ul li .image a {position:absolute; left:0; top:0; width:100%; height:100%;}
.brand-from-wrap .from-bottom ul li .image a img {width:100%;}
.brand-from-wrap .from-bottom ul li .image .icon {position:absolute; left:0; bottom:0; width:100%; height:30px;}
.brand-from-wrap .from-bottom ul li .image .icon:after {display:block; clear:both; content:"";}
.brand-from-wrap .from-bottom ul li .image .icon a {display:inline-block; text-indent:-9999px; position:static;}
.brand-from-wrap .from-bottom ul li .image .icon a.play {float:left; margin-left:5px; background:url('https://atimg.sonyunara.com/attrangs/2020/self/from/on_s.png') left top no-repeat; background-size:100% 100%; width:25px; height:25px;}
.brand-from-wrap .from-bottom ul li .image .icon a.heart {float:right; margin-right:5px; background:url('https://atimg.sonyunara.com/attrangs/2020/self/from/like_m.png') left top no-repeat; background-size:100% 100%; width:21px; height:21px;}
.brand-from-wrap .from-bottom ul li .image .icon a.heart.on {animation-name: scale;animation-duration: 1s; background:url('https://atimg.sonyunara.com/attrangs/2020/self/from/like_on_m.png') left top no-repeat; background-size:100% 100%;}
.brand-from-wrap .from-bottom ul li .content .content-subject {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:5px;}
.brand-from-wrap .from-bottom ul li .content .content-subject a {font-weight:500; font-size:13px;}
.brand-from-wrap .from-bottom ul li .content .colorCodebox {padding-left:0 !important;}
.brand-from-wrap .from-bottom ul li .content .colorCodebox span {display:inline-block; width:10px; height:10px; border-radius:50%;}
.brand-from-wrap .from-bottom ul li .content .colorCodebox span {display:inline-block; border:1px solid #858585; border-radius:50%; width:8px; height:8px;}
.brand-from-wrap .from-bottom ul li .content .content-price span {display:block;}
.brand-from-wrap .from-bottom ul li .content .content-price span.p1 {color:#696969; font-size:12px; text-decoration:line-through;}
.brand-from-wrap .from-bottom ul li .content .content-price span.p2 {color:#3f3f3f; font-size:12px;}
.brand-from-wrap .from-bottom ul li .content .content-price span.p3 {color:#ff8e77; font-size:11px;}
.brand-from-wrap .from-item {margin-top:40px;}
.brand-from-wrap .from-item .title {text-align:center; font-size:16px; margin-bottom:30px;}
.brand-from-wrap .from-item .category {margin-bottom:20px;}
.brand-from-wrap .from-item .category ul {text-align:center;}
.brand-from-wrap .from-item .category ul li {display:inline-block;}
.brand-from-wrap .from-item .category ul li a {color:#949494; display:inline-block; padding-bottom:3px; margin:0 8px;}
.brand-from-wrap .from-item .category ul li a.on {color:#c8b098; border-bottom:1px solid #c8b098; font-weight:600;}
.brand-from-wrap .from-item .list {margin:0 -7.5px;}
.brand-from-wrap .from-item .list ul:after {display:block; clear:both; content:"";}
.brand-from-wrap .from-item .list ul {font-size:0;}
.brand-from-wrap .from-item .list ul li {width:calc(50% - 5px); display:inline-block; margin:0 2.5px 30px; vertical-align:top;}
.brand-from-wrap .from-item .list ul li .image {position:relative; overflow:hidden; padding-bottom:100%;}
.brand-from-wrap .from-item .list ul li .image a {position:absolute; left:0; top:0; width:100%; height:100%;}
.brand-from-wrap .from-item .list ul li .image a img {width:100%;}
.brand-from-wrap .from-item .list ul li .image a {position:absolute; left:0; top:0; width:100%; height:100%;}
.brand-from-wrap .from-item .list ul li .image .icon {position:absolute; left:0; bottom:0; width:100%; height:30px;}
.brand-from-wrap .from-item .list ul li .image .icon:after {display:block; clear:both; content:"";}
.brand-from-wrap .from-item .list ul li .image .icon a {display:inline-block; text-indent:-9999px; position:static;}
.brand-from-wrap .from-item .list ul li .image .icon a.play {float:left; margin-left:5px; background:url('https://atimg.sonyunara.com/attrangs/2020/self/from/on_s.png') left top no-repeat; background-size:100% 100%; width:25px; height:25px;}
.brand-from-wrap .from-item .list ul li .image .icon a.heart {float:right; margin-right:5px; background:url('https://atimg.sonyunara.com/attrangs/2020/self/from/like_m.png') left top no-repeat; background-size:100% 100%; width:21px; height:21px;}
.brand-from-wrap .from-item .list ul li .image .icon a.heart.on {animation-name: scale;animation-duration: 1s; background:url('https://atimg.sonyunara.com/attrangs/2020/self/from/like_on_m.png') left top no-repeat; background-size:100% 100%;}
.brand-from-wrap .from-item .list ul li .content {margin-top:10px;}
.brand-from-wrap .from-item .list ul li .content .content-subject {margin-bottom:2px;}
.brand-from-wrap .from-item .list ul li .content .content-subject a {color:#090909; font-size:13px; font-weight:400;}
.brand-from-wrap .from-item .list ul li .content .content-price span {display:block;}
.brand-from-wrap .from-item .list ul li .content .content-price span.p1 {color:#696969; font-size:12px; text-decoration:line-through;}
.brand-from-wrap .from-item .list ul li .content .content-price span.p2 {color:#3f3f3f; font-size:12px;}
.brand-from-wrap .from-item .list ul li .content .content-detail {color:#a7a7a7; font-size:12px; margin-top:2px;}
.brand-from-wrap .from-item .list ul li .content .content-sale {color:#ff8e77; font-size:12px;}
.brand-from-wrap .from-item .list ul li .content .colorCodebox {padding-left:0 !important;}
.brand-from-wrap .from-item .list ul li .content .colorCodebox span {display:inline-block; border:1px solid #858585; border-radius:50%; width:8px; height:8px;}
.brand-from-wrap .from-item .list ul li .content .content-sticker {line-height:1; margin-top:5px;}
.brand-from-wrap .from-item .list ul li .content .content-sticker img {height:10px;}

@font-face {font-family: 'Cafe24Oneprettynight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Oneprettynight.woff') format('woff'); font-weight: normal; font-style: normal; }

.cafe-24 {font-family: 'Cafe24Oneprettynight' !important;}
.brand-sm-wrap .visual {margin-bottom:30px;}

.brand-sm-wrap .sm-top .date {text-align:right; color:#999999; font-size:17px; padding:0 10px; margin-top:20px;}
.brand-sm-wrap .sm-top .tab {padding:0 40px; margin:10px 0 20px;}
.brand-sm-wrap .sm-top .tab li {text-align:center;}
.brand-sm-wrap .sm-top .tab li a {color:#999999; font-size:16px; display:inline-block; padding-bottom:5px;}
.brand-sm-wrap .sm-top .tab li.on a {color:#ff8c8c; position:relative;}
.brand-sm-wrap .sm-top .tab li.on a:after {position:absolute; left:0; bottom:0; content:""; width:100%; height:1px; background:#ff8c8c;}

.brand-sm-wrap .tab-content {padding:0 20px;}
.brand-sm-wrap .tab-content ul {font-size:0;}
.brand-sm-wrap .tab-content ul:after {display:block; clear:both; content:"";}
.brand-sm-wrap .tab-content ul li {vertical-align:top; display:inline-block;}
.brand-sm-wrap .tab-content ul li .image {overflow:hidden; position:relative; padding-bottom:135%;}
.brand-sm-wrap .tab-content ul li .image > a {position:absolute; left:0; top:0; width:100%; height:100%;}
.brand-sm-wrap .tab-content ul li .image > a img {width:100%; height:100%; object-fit:cover;}
.brand-sm-wrap .tab-content ul li .image .open {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(227,201,200,0.8);}
.brand-sm-wrap .tab-content ul li .image .open a {position:absolute; left:0; top:50%; font-size:15px; transform:translateY(-50%); width:100%; text-align:center; color:#fff;}
.brand-sm-wrap .tab-content ul li .image .open a span {color:#fff; font-size:20px; position:relative; top:2.5px;}
.brand-sm-wrap .tab-content ul li .image .open ul {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center;}
.brand-sm-wrap .tab-content ul li .image .open ul li {color:#fff; font-size:17px; margin-bottom:2px; display:block;}
.brand-sm-wrap .tab-content ul li .image .open ul li:last-of-type {margin-bottom:0;}
.brand-sm-wrap .tab-content ul li .content .content-subject {margin-top:2px;}
.brand-sm-wrap .tab-content ul li .content .content-subject a {font-weight:500; font-size:15px;}
.brand-sm-wrap .tab-content ul li .content .content-detail span {color:#919191; font-size:13px;}
.brand-sm-wrap .tab-content ul li .content .content-color span {display:inline-block; float:none; width:18px; height:7px; border:1px solid #d0d0d0;}
.brand-sm-wrap .tab-content ul li .content .colorCodebox {position:relative; padding-left:0; left:-1px;}
.brand-sm-wrap .tab-content ul li .content .colorCodebox span {display:inline-block; float:none; width:18px; height:7px; border:1px solid #d0d0d0; margin:0 1px;}

.brand-sm-wrap .title {letter-spacing:1px; text-align:center; color:#555555; font-size:20px; font-weight:400; margin:0 0 10px;}
.brand-sm-wrap .title b {color:#555; font-size:20px; font-weight:400; color:#ff8c8c;}
.brand-sm-wrap .category ul li {text-align:center;}
.brand-sm-wrap .category ul li a {display:inline-block; padding:10px 0; font-size:15px; margin:0 0 30px; color:#c9c9c9;}
.brand-sm-wrap .category ul li a.on {position:relative; color:#ff8c8c;}
.brand-sm-wrap .category ul li a.on:after {position:absolute; left:50%; transform:translateX(-50%); bottom:3px; width:4px; height:4px; border-radius:50%; background:#ff8c8c; content:""; display:inline-block;}
.brand-sm-wrap .list {padding:0 10px;}
.brand-sm-wrap .list ul {margin:0 -5px; font-size:0;}
.brand-sm-wrap .list ul:after {display:block; clear:both; content:"";}
.brand-sm-wrap .list ul li {width:calc(50% - 10px); margin:0 5px; vertical-align:top; display:inline-block; margin-bottom:30px;}
.brand-sm-wrap .list ul li .image {overflow:hidden; position:relative; padding-bottom:135%;}
.brand-sm-wrap .list ul li .image > a {position:absolute; left:0; top:0; width:100%; height:100%;}
.brand-sm-wrap .list ul li .image > a img {width:100%; height:100%; object-fit:cover;}
.brand-sm-wrap .list ul li .image .icon {position:absolute; left:0; bottom:0; width:100%; z-index:2; padding:10px;}
.brand-sm-wrap .list ul li .image .icon:after {display:block; clear:both; content:"";}
.brand-sm-wrap .list ul li .image .icon a {display:inline-block;}
.brand-sm-wrap .list ul li .image .icon a.search {text-indent:-9999px; float:left; background:url('https://atimg.sonyunara.com/attrangs/2020/self/sm/search2_m.png') left top no-repeat; background-size:100% 100%; width:30px; height:30px;}
.brand-sm-wrap .list ul li .image .icon a.heart {text-indent:-9999px; float:right; background:url('https://atimg.sonyunara.com/attrangs/2020/self/from/like_m.png') left top no-repeat; background-size:100% 100%; width:21px; height:21px;}
.brand-sm-wrap .list ul li .image .icon a.heart.on {animation-name: scale;animation-duration: 1s; background:url('https://atimg.sonyunara.com/attrangs/2020/self/sm/like_on_m.png') left top no-repeat; background-size:100% 100%;}
.brand-sm-wrap .list ul li .content .content-color span {display:inline-block; width:18px; height:7px; border:1px solid #d0d0d0;}
.brand-sm-wrap .list ul li .content .colorCodebox {padding-left:-1px; position:relative; left:-1px;}
.brand-sm-wrap .list ul li .content .colorCodebox span {display:inline-block; width:18px; height:7px; border:1px solid #d0d0d0; margin:0 1px;}
.brand-sm-wrap .list ul li .content .content-subject {text-align:center;}
.brand-sm-wrap .list ul li .content .content-subject a {font-size:14px;}
.brand-sm-wrap .list ul li .content .content-price {text-align:center; margin-top:3px;}
.brand-sm-wrap .list ul li .content .content-price span {display:block; color:#ff8e77;}
.brand-sm-wrap .list ul li .content .content-price span.p1 {color:#8c8c8c; text-decoration:line-through;}
.brand-sm-wrap .list ul li .content .content-price span.p2 {color:#2e2e2e; font-size:13px;}
.brand-sm-wrap .list ul li .content .content-sticker {text-align:center; margin-top:5px;}
.brand-sm-wrap .list ul li .content .content-sticker img {display:inline-block; height:10px;}
.brand-sm-wrap .list ul li .content .content-sale {color:#ff8e77;}

.brand-sm-wrap .sm-best .list ul {margin:0;}
.brand-sm-wrap .sm-best .list ul li {margin:0;}

@keyframes scale {
	0%{transform:scale(1);}
	50%{transform:scale(1.5);}
	100%{transform:scale(1);}
}

.brand-atti-wrap .visual ul li img {width:100%;}
.brand-atti-wrap .tit {text-align:center; color:#a18475; font-size:27px; margin:15px 0; font-weight:400;}
.brand-atti-wrap .weekly {padding:0 10px;}
.brand-atti-wrap .weekly .date {text-align:right; color:#999999; font-size:15px; padding:0 10px; margin-top:20px;}
.brand-atti-wrap .weekly .tab {padding:0 30px; margin:10px 0 20px;}
.brand-atti-wrap .weekly .tab li {text-align:center;}
.brand-atti-wrap .weekly .tab li a {color:#999999; font-size:14px; display:inline-block; padding-bottom:5px;}
.brand-atti-wrap .weekly .tab li.on a {color:#a18475; position:relative;}
.brand-atti-wrap .weekly .tab li.on a:after {position:absolute; left:0; bottom:0; content:""; width:100%; height:1px; background:#a18475;}
.brand-atti-wrap .weekly .tab-content {padding:0 10px;}
.brand-atti-wrap .weekly .tab-content ul {font-size:0;}
.brand-atti-wrap .weekly .tab-content ul:after {display:block; clear:both; content:"";}
.brand-atti-wrap .weekly .tab-content ul li {vertical-align:top; display:inline-block;}
.brand-atti-wrap .weekly .tab-content ul li .image {overflow:hidden; position:relative; padding-bottom:135%;}
.brand-atti-wrap .weekly .tab-content ul li .image > a {position:absolute; left:0; top:0; width:100%; height:100%;}
.brand-atti-wrap .weekly .tab-content ul li .image > a img {width:100%; height:100%; object-fit:cover;}
.brand-atti-wrap .weekly .tab-content ul li .image:hover .open {display:block;}
.brand-atti-wrap .weekly .tab-content ul li .image .open {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(161,132,117,0.8);}
.brand-atti-wrap .weekly .tab-content ul li .image .open a {position:absolute; left:0; top:50%; font-size:13px; transform:translateY(-50%); width:100%; text-align:center; color:#fff;}
.brand-atti-wrap .weekly .tab-content ul li .image .open a span {color:#fff; font-size:20px; position:relative; top:2.5px;}
.brand-atti-wrap .weekly .tab-content ul li .image .open ul {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center;}
.brand-atti-wrap .weekly .tab-content ul li .image .open ul li {color:#fff; font-size:18px; margin-bottom:2px; display:block;}
.brand-atti-wrap .weekly .tab-content ul li .image .open ul li:last-of-type {margin-bottom:0;}
.brand-atti-wrap .weekly .tab-content ul li .content .content-subject {margin-top:2px;}
.brand-atti-wrap .weekly .tab-content ul li .content .content-subject a {font-weight:600; font-size:14px;}
.brand-atti-wrap .weekly .tab-content ul li .content .content-detail span {color:#919191; font-size:12px;}
.brand-atti-wrap .weekly .tab-content ul li .content .content-color span {display:inline-block; float:none; width:18px; height:7px; border:1px solid #d0d0d0;}
.brand-atti-wrap .weekly .tab-content ul li .content .colorCodebox {position:relative; padding-left:0; left:-1px;}
.brand-atti-wrap .weekly .tab-content ul li .content .colorCodebox span {display:inline-block; float:none; width:18px; height:7px; border:1px solid #d0d0d0; margin:0 1px;}

.brand-atti-wrap .best {padding:0 10px;}
.brand-atti-wrap .best ul {font-size:0;}
.brand-atti-wrap .best ul:after {display:block; clear:both; content:"";}
.brand-atti-wrap .best ul li {width:calc(50% - 10px); vertical-align:top; display:inline-block; margin-bottom:30px; text-align:center;}
.brand-atti-wrap .best ul li .image {overflow:hidden; position:relative; padding-bottom:135%;}
.brand-atti-wrap .best ul li .image > a {position:absolute; left:0; top:0; width:100%; height:100%;}
.brand-atti-wrap .best ul li .image > a img {width:100%; height:100%; object-fit:cover;}
.brand-atti-wrap .best ul li .image .icon {position:absolute; left:0; bottom:0; width:100%; z-index:2; padding:10px;}
.brand-atti-wrap .best ul li .image .icon:after {display:block; clear:both; content:"";}
.brand-atti-wrap .best ul li .image .icon a {display:inline-block;}
.brand-atti-wrap .best ul li .image .icon a.search {text-indent:-9999px; float:left; background:url('https://atimg.sonyunara.com/attrangs/2020/self/sm/search4_m.png') left top no-repeat; background-size:100% 100%; width:30px; height:30px;}
.brand-atti-wrap .best ul li .image .icon a.heart {text-indent:-9999px; float:right; background:rgba(255,255,255,0.15) url('https://atimg.sonyunara.com/attrangs/2020/self/from/like_m.png') center 5px no-repeat; background-size:21px 21px; width:30px; height:30px; border-radius:50%;}
.brand-atti-wrap .best ul li .image .icon a.heart.on {animation-name: scale;animation-duration: 1s; background:url('https://atimg.sonyunara.com/attrangs/2020/self/atti/like_on_m.png') center no-repeat; background-size:21px 21px;}
.brand-atti-wrap .best ul li .content .content-color span {display:inline-block; width:18px; height:7px; border:1px solid #cfcfcf !important;}
.brand-atti-wrap .best ul li .content .colorCodebox {padding-left:-1px; position:relative; left:-1px;}
.brand-atti-wrap .best ul li .content .colorCodebox span {display:inline-block; width:18px; height:7px; border:1px solid #cfcfcf !important; margin:0 1px;}
.brand-atti-wrap .best ul li .content .content-subject {text-align:center;}
.brand-atti-wrap .best ul li .content .content-subject a {font-size:14px;}
.brand-atti-wrap .best ul li .content .content-subject a q {font-size:11px; font-weight:500;}
.brand-atti-wrap .best ul li .content .content-price {text-align:center; margin-top:3px;}
.brand-atti-wrap .best ul li .content .content-price span {color:#ff8e77; display:block;}
.brand-atti-wrap .best ul li .content .content-price span.p1 {color:#8c8c8c; text-decoration:line-through; font-size:12px;}
.brand-atti-wrap .best ul li .content .content-price span.p1 strike {color:#8c8c8c;}
.brand-atti-wrap .best ul li .content .content-price span.p2 {color:#525252; font-size:14px;}
.brand-atti-wrap .best ul li .content .content-price span.p3 {color:#ff8e77; font-size:14px;}
.brand-atti-wrap .best ul li .content .content-sticker {text-align:center; margin-top:5px;}
.brand-atti-wrap .best ul li .content .content-sticker img {display:inline-block; height:10px;}
.brand-atti-wrap .best ul li .content .content-sale {color:#ff8e77;}
.brand-atti-wrap .item .item-category ul li {text-align:center;}
.brand-atti-wrap .item .item-category ul li a {display:inline-block; padding:10px 0; font-size:15px; margin:0 0 10px; color:#c9c9c9;}
.brand-atti-wrap .item .item-category ul li.on a {position:relative; color:#a18475;}
.brand-atti-wrap .item .item-category ul li.on a:after {position:absolute; left:50%; transform:translateX(-50%); bottom:3px; width:100%; height:1px; background:#a18475; content:""; display:inline-block;}

.brand-atti-wrap .item {padding:0 10px;}
.brand-atti-wrap .item .item-list ul {margin:0 -5px; font-size:0;}
.brand-atti-wrap .item .item-list ul:after {display:block; clear:both; content:"";}
.brand-atti-wrap .item .item-list ul li {width:calc(50% - 10px); margin:0 5px; vertical-align:top; display:inline-block; margin-bottom:30px;}
.brand-atti-wrap .item .item-list ul li .image {overflow:hidden; position:relative; padding-bottom:135%;}
.brand-atti-wrap .item .item-list ul li .image > a {position:absolute; left:0; top:0; width:100%; height:100%;}
.brand-atti-wrap .item .item-list ul li .image > a img {width:100%; height:100%; object-fit:cover;}
.brand-atti-wrap .item .item-list ul li .image .icon {position:absolute; left:0; bottom:0; width:100%; z-index:2; padding:10px;}
.brand-atti-wrap .item .item-list ul li .image .icon:after {display:block; clear:both; content:"";}
.brand-atti-wrap .item .item-list ul li .image .icon a {display:inline-block;}
.brand-atti-wrap .item .item-list ul li .image .icon a.search {text-indent:-9999px; float:left; background:url('https://atimg.sonyunara.com/attrangs/2020/self/sm/search4_m.png') left top no-repeat; background-size:100% 100%; width:30px; height:30px;}
.brand-atti-wrap .item .item-list ul li .image .icon a.heart {text-indent:-9999px; float:right; background:rgba(255,255,255,0.15) url('https://atimg.sonyunara.com/attrangs/2020/self/from/like_m.png') center 5px no-repeat; background-size:21px 21px; width:30px; height:30px; border-radius:50%;}
.brand-atti-wrap .item .item-list ul li .image .icon a.heart.on {animation-name: scale;animation-duration: 1s; background:url('https://atimg.sonyunara.com/attrangs/2020/self/atti/like_on_m.png') center no-repeat; background-size:21px 21px;}
.brand-atti-wrap .item .item-list ul li .content .content-color span {display:inline-block; width:18px; height:7px; border:1px solid #cfcfcf;}
.brand-atti-wrap .item .item-list ul li .content .colorCodebox {padding-left:-1px; position:relative; left:-1px; text-align:center;}
.brand-atti-wrap .item .item-list ul li .content .colorCodebox span {display:inline-block; width:18px; height:7px; border:1px solid #cfcfcf; margin:0 1px;}
.brand-atti-wrap .item .item-list ul li .content .content-subject {text-align:center;}
.brand-atti-wrap .item .item-list ul li .content .content-subject a {font-size:14px; color:#2e2e2e;}
.brand-atti-wrap .item .item-list ul li .content .content-subject a q {font-size:13px; font-weight:500;}
.brand-atti-wrap .item .item-list ul li .content .content-detail {color:#a3a3a3; font-size:12px;}
.brand-atti-wrap .item .item-list ul li .content .content-price {text-align:center; margin-top:3px;}
.brand-atti-wrap .item .item-list ul li .content .content-price span {color:#ff8e77; display:block;}
.brand-atti-wrap .item .item-list ul li .content .content-price span.p1 {color:#8c8c8c; text-decoration:line-through; font-size:14px; font-weight:300;}
.brand-atti-wrap .item .item-list ul li .content .content-price span.p1 strike {color:#8c8c8c;}
.brand-atti-wrap .item .item-list ul li .content .content-price span.p2 {color:#525252; font-size:15px; font-weight:400;}
.brand-atti-wrap .item .item-list ul li .content .content-price span.p3 {color:#ff8e77; font-size:14px;}
.brand-atti-wrap .item .item-list ul li .content .content-sticker {text-align:center; margin-top:5px;}
.brand-atti-wrap .item .item-list ul li .content .content-sticker img {display:inline-block; height:10px;}
.brand-atti-wrap .item .item-list ul li .content .content-sale {color:#ff8e77;}

.membership {margin-top:91px;}
.membership .main {background:#f6f6f6; text-align:center; padding:40px 0;}
.membership .main h2 {font-size:18px; margin-bottom:15px;}
.membership .main .member .circle-wrap {width:150px; height:150px; margin:0 auto; position:relative;}
.membership .main .member .circle-wrap img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:50%;}
.membership .main .member .circle-wrap .content {position:absolute; left:0; bottom:-8px; width:100%; text-align:center;}
.membership .main .member .circle-wrap .content > span {display:block;}
.membership .main .member .circle-wrap .content > span:last-of-type {color:#777777; font-size:11px;}
.membership .main .member .name {margin-top:10px; text-align:center; width:100%;}
.membership .main .member .name p {font-size:17px; color:#202020; width:100%;}
.membership .main .member .name p b {color:#ff8e77; font-size:17px;}
.membership .main .nomember .circle {width:120px; height:120px; text-align:cetner; margin:0 auto; background:#fff; border:2px solid #cacaca; border-radius:50%; overflow:hidden;}
.membership .main .nomember .circle img {width:55px; display:block; margin:30px auto 10px; position:relative; left:5px;}
.membership .main .nomember .circle a {font-size:14px;}
.membership .main .nomember .text {color:#ff8e77; font-size:14px; margin-top:10px;}
.membership .main .nomember .text span {color:#333;}
.membership .tab {margin-bottom:12px;}
.membership .tab ul {display:table; table-layout:fixed; width:100%; background:#f6f6f6;}
.membership .tab ul li {background:#fff; display:table-cell; text-align:center; border:1px solid #cdcdcd; border-bottom:1px solid #9365ed; border-top-left-radius:5px; border-top-right-radius:5px; position:relative; overflow:hidden;}
.membership .tab ul li.on {z-index:2; border:1px solid #9365ed; border-bottom-color:#fff; border-right-width:1px;}
.membership .tab ul li a {color:#989898; font-size:11px; display:block; height:43px; line-height:43px; font-weight:600;}
.membership .tab ul li.on a {color:#313030;}
.membership .tab ul li:first-of-type {right:-1px;}
.membership .tab ul li:nth-of-type(2) {left:-1px; right:-1.5px;}
.membership .tab ul li:nth-of-type(3) {left:-1.5px;}
.membership .tab ul li:last-of-type {left:-2.5px;}
.membership .tab-content {margin-bottom:35px;}
.membership .tab-content > div.membership-box {display:none;}
.membership .tab-content > div.membership-box.on {display:block;}
.membership .tab-content > div.membership-box {padding:30px 10px;}
.membership .tab-content > div.membership-box .title {margin-bottom:30px;}
.membership .tab-content > div.membership-box .title h3 {font-size:18px; font-weight:500; color:#333;}
.membership .tab-content > div.membership-box .title span {color:#8c8c8c; font-size:14px;}
.membership .tab-content > div.membership-box .link {margin-bottom:5px;}
.membership .tab-content > div.membership-box .link:after {display:block; clear:both; content:"";}
.membership .tab-content > div.membership-box .link > div {color:#bfbfbf; font-size:14px;}
.membership .tab-content > div.membership-box .link a {color:#bfbfbf; font-size:14px;}
.membership .tab-content > div.membership-box .content > ul {margin:0 -5px; font-size:0;}
.membership .tab-content > div.membership-box .content > ul:after {display:block; clear:both; content:"";}
.membership .tab-content > div.membership-box .content > ul > li {width:calc(50% - 10px); display:inline-block; vertical-align:top; font-size:14px; margin:0 5px 30px;}
.membership .tab-content > div.membership-box .content > ul > li > div {color:#333333; font-size:13px; font-weight:500; background:#f0f0f0; border-radius:15px; padding:20px 0; text-align:center; border-bottom-right-radius:0;}
.membership .tab-content > div.membership-box .content > ul > li > ul {margin-top:10px;}
.membership .tab-content > div.membership-box .content > ul > li > ul > li {color:#333; font-size:11px; text-align:center; display:block;}

.membership .tab-content > div.membership-box .content > ul > li > a {display:block; width:100%; color:#333333; font-size:14px; font-weight:500;}
.membership .tab-content > div.membership-box .content > ul > li > a > div {color:#333333; font-size:14px; font-weight:500; background:#f0f0f0; border-radius:15px; padding:20px 0; text-align:center; border-bottom-right-radius:0;}
.membership .tab-content > div.membership-box .content > ul > li > a > ul {margin-top:10px;}
.membership .tab-content > div.membership-box .content > ul > li > a > ul > li {color:#333; font-size:11px; text-align:center; display:block;}

.membership .tab-content > div.membership-box .content:after {display:block; clear:both; content:"";}
.membership .tab-content > div.membership-box .content .content-box {width:calc(50% - 0px); float:left;}
.membership .tab-content > div.membership-box .content .content-box:first-of-type {padding-right:5px;}
.membership .tab-content > div.membership-box .content .content-box:last-of-type {padding-left:5px;}
.membership .tab-content > div.membership-box .content .content-box > ul {margin:0; font-size:0;}
.membership .tab-content > div.membership-box .content .content-box > ul:after {display:block; clear:both; content:"";}
.membership .tab-content > div.membership-box .content .content-box > ul > li {width:100%; display:inline-block; vertical-align:top; font-size:14px; margin:0 0 30px;}
.membership .tab-content > div.membership-box .content .content-box > ul > li > div {color:#333333; font-size:12px; font-weight:500; background:#f0f0f0; border-radius:15px; padding:20px 0; text-align:center; border-bottom-right-radius:0;}
.membership .tab-content > div.membership-box .content .content-box > ul > li > ul {margin-top:10px;}
.membership .tab-content > div.membership-box .content .content-box > ul > li > ul > li {color:#333; font-size:11px; text-align:center; display:block;}
.membership .tab-content > div.membership-box .content .content-box:last-of-type > ul > li > div {background:#fff; border:1px solid #c5a1e7;}

.membership .tab-content > div.membership-box .content .content-box > ul > li {width:100%; display:inline-block; vertical-align:top; font-size:14px; margin:0 0 30px;}
.membership .tab-content > div.membership-box .content .content-box > ul > li > a {display:block; width:100%; color:#333333; font-size:14px; font-weight:500;}
.membership .tab-content > div.membership-box .content .content-box > ul > li > a > div {color:#333333; font-size:12px; font-weight:500; background:#f0f0f0; border-radius:15px; padding:20px 0; text-align:center; border-bottom-right-radius:0;}
.membership .tab-content > div.membership-box .content .content-box > ul > li > a > ul {margin-top:10px;}
.membership .tab-content > div.membership-box .content .content-box > ul > li > a > ul > li {color:#333; font-size:11px; text-align:center; display:block;}
.membership .tab-content > div.membership-box .content .content-box:last-of-type > ul > li > a > div {background:#fff; border:1px solid #c5a1e7;}

.membership .tab-content > div.membership-box .text {margin-top:20px;}
.membership .tab-content > div.membership-box .text ul li {color:#333; font-size:12px; margin-bottom:5px;}

.membership .tab-content > div.membership-box .content .order dl:after {display:block; clear:both; content:"";}
.membership .tab-content > div.membership-box .content .order dl dd {width:25%; float:left; margin-bottom:20px;}
.membership .tab-content > div.membership-box .content .order dl dd img {width:100%;}
.membership .tab-content > div.membership-box .content .order dl dd div {margin-top:5px;}
.membership .tab-content > div.membership-box .content .order dl dd div span {display:block; text-align:center; font-size:10px;}
.membership .tab-content > div.membership-box .content .order dl dd div span:first-of-type {font-size:12px;}
.membership .tab-content > div.membership-box .content .order dl dd.on div span {color:#ff8e77 !important;}
.membership .tab-content > div.membership-box .content .category {margin-top:30px;}
.membership .tab-content > div.membership-box .content .category ul.slider-nav {border:1px solid #515151; border-width:1px 0;}
.membership .tab-content > div.membership-box .content .category ul.slider-nav li {width:20%; height:50px; line-height:50px; font-size:12px; text-align:center; border-bottom:2px solid #fff; transition: all ease 0.3s;}
.membership .tab-content > div.membership-box .content .category ul.slider-nav li.slick-current {border-bottom:2px solid #515151;}
.membership .tab-content > div.membership-box .content .detail .detail-top {background:#f1f1f1; padding:20px 0;}
.membership .tab-content > div.membership-box .content .detail .detail-top .image {width:80px; height:80px; margin:0 auto; border:2px solid #adadad; border-radius:50%; background:#fff; overflow:hidden; position:relative;}
.membership .tab-content > div.membership-box .content .detail .detail-top .image img {width:75%; position:absolute; left:50%; top:55%; transform:translate(-50%,-50%);}
.membership .tab-content > div.membership-box .content .detail .detail-top .content {text-align:center; margin-top:7px;}
.membership .tab-content > div.membership-box .content .detail .detail-top .content span {display:block; color:#515151;}
.membership .tab-content > div.membership-box .content .detail .detail-top .content span:first-of-type {font-size:16px; font-weight:500;}
.membership .tab-content > div.membership-box .content .detail .detail-top .content span:nth-of-type(2) {font-size:11px; margin:-2px 0 5px;}
.membership .tab-content > div.membership-box .content .detail .detail-top .content span:last-of-type {font-size:13px;}
.membership .tab-content > div.membership-box .content .detail .detail-bottom {padding:40px 30px;}
.membership .tab-content > div.membership-box .content .detail .detail-bottom .text {padding-bottom:30px;}
.membership .tab-content > div.membership-box .content .detail .detail-bottom .text ul li {color:#686868; font-size:13px;}
.membership .tab-content > div.membership-box .content .detail .detail-bottom .benefit ul:after {display:block; clear:both; content:"";}
.membership .tab-content > div.membership-box .content .detail .detail-bottom .benefit ul li {width:50%; float:left; padding:0 10px; margin-bottom:20px;}
.membership .tab-content > div.membership-box .content .detail .detail-bottom .benefit ul li > div {background:#ebebeb; color:#282828; border-radius:15px; border-bottom-right-radius:0; height:60px; position:relative; text-align:center; margin-bottom:10px; font-size:12px;}
.membership .tab-content > div.membership-box .content .detail .detail-bottom .benefit ul li > div small {display:block; font-size:10px; color:#5a5a5a;}
.membership .tab-content > div.membership-box .content .detail .detail-bottom .benefit ul li > div span {position:absolute; left:0; top:50%; transform:translateY(-50%); display:block; width:100%; text-align:center;}
.membership .tab-content > div.membership-box .content .detail .detail-bottom .benefit ul li > span {display:block; text-align:center; font-size:11px; color:#575757;}