/*-----------------------------------------------------------------*/
/* 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
3-5. content

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

5. ETC

6. Responsive

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

/* webfont - NotoSansKR */
@font-face {
	font-family:'NotoSansKR';
	font-weight:300;
	src:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/etc/notokr-light.eot');
	src:local(※), url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/etc/notokr-demilight.woff') format('woff');
}
@font-face {
	font-family:'NotoSansKR';
	font-weight:400;
	src:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/etc/notokr-regular.eot');
	src:local(※), url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/etc/notokr-regular.woff') format('woff');
}
@font-face {
	font-family:'NotoSansKR';
	font-weight:500;
	src:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/etc/notokr-medium.eot');
	src:local(※), url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/etc/notokr-medium.woff') format('woff');
}
@font-face {
	font-family:'NotoSansKR';
	font-weight:600;
	src:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/etc/notokr-bold.eot');
	src:local(※), url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/etc/notokr-bold.woff') format('woff');
}

@font-face {
	font-family:'NotoSansKR';
	font-weight:700;
	src:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/etc/notokr-bold.eot');
	src:local(※), url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/etc/notokr-bold.woff') format('woff');
}

@font-face {
	font-family:'NotoSansKR';
	font-weight:800;
	src:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/etc/notokr-black.eot');
	src:local(※), url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/etc/notokr-black.woff') format('woff');
}

/* webfont - Poppins */
@font-face {
	font-family:'Poppins';
	font-weight:300;
	src:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/etc/Poppins-Light.eot');
	src:local(※), url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/etc/Poppins-Light.woff') format('woff');
}
@font-face {
	font-family:'Poppins';
	font-weight:400;
	src:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/etc/Poppins-Regular.eot');
	src:local(※), url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/etc/Poppins-Regular.woff') format('woff');
}
@font-face {
	font-family:'Poppins';
	font-weight:500;
	src:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/etc/Poppins-Medium.eot');
	src:local(※), url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/etc/Poppins-Medium.woff') format('woff');
}
@font-face {
	font-family:'Poppins';
	font-weight:700;
	src:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/etc/Poppins-Bold.eot');
	src:local(※), url('http://skinlesop.mywisa.com/_skin/skinlesop240611/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','NotoSansKR', Dotum, '돋움', sans-serif; font-size:12px; line-height:1.4; vertical-align:baseline;}
@media all and (min-width:1024px) {
	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 {line-height:1.6;}
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {min-width:320px; 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:middle;}
input[type=text],
input[type=email],
input[type=password] {vertical-align:top;}
a,
a:hover,
a:active,
a:focus {text-decoration:none; cursor:pointer;}
*,
*: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;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}

/*-----------------------------------------------------------------*/
/* 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:#d53838 !important;}
.i_info {display:inline-block; position:relative; top:2px; width:12px; height:12px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/icon_info.png') no-repeat center/12px; font-style:normal; font-weight:normal; line-height:1;}

@media all and (min-width:768px) {
	.empty {padding:100px 0 !important; text-align:center;}
}

/* input 기본 스타일 */
.form_input {height:34px; padding:4px 10px; border:1px solid #dcdcdc; background:#fff; color:#666; font-family:'Poppins','NotoSansKR', Dotum, '돋움', 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','NotoSansKR', Dotum, '돋움', sans-serif;}
.form_input::-webkit-input-placeholder {color:#666; font-family:'Poppins','NotoSansKR', Dotum, '돋움', sans-serif;}
.form_input::-moz-placeholder {color:#666; font-family:'Poppins','NotoSansKR', Dotum, '돋움', sans-serif;}
.form_input.readonly {background:#e0e0e0 !important;}
.form_input.gray {background:#fafafa;}
.form_input.gray:focus {background:#fff;}
textarea.form_input {height:auto;}

@media all and (min-width:768px) {
	.form_input {height:40px;}
}


/* 셀렉트 */
select {max-width:100%; height:34px; padding:4px 6px; border:1px solid #dcdcdc; border-radius:0; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/select_arrow.png') no-repeat 98% center/9px auto #fff; color:#666; font:inherit; -webkit-appearance:none; appearance:none;}
select.block {width:100%;}
select:focus {border-color:#000; outline:none !important;}
select::-ms-expand {display:none;}

@media all and (min-width:768px) {
	select {height:40px;}
}

/* 서브 페이지 타이틀 */
.subtitle {padding:12px 0; border-bottom:1px solid #dbdbdb; font-size:1.417rem; font-weight:bold; text-align:center;}

@media all and (min-width:768px) {
	.subtitle {padding:40px 0; border:0; font-size:24px; font-weight:bold; text-align:center;}
}


/* 상품리스트 수량,정렬선택 */
.total_sort {clear:both; height:34px; margin:10px 0;}
.total_sort:after {display:block; clear:both; content:'';}
.total_sort .total {float:left; font-size:0.917rem; line-height:34px;}
.total_sort .sort {float:right;}

@media all and (min-width:768px) {
	.total_sort {height:40px;}
	.total_sort .total {line-height:40px;}
}


/* 페이징 */
.paging * {vertical-align:middle;}
.paging {margin-top:15px; font-size:0; text-align:center;}
.paging li {display:inline; padding:0 2px; color:#9e9e9e; vertical-align:middle;}
.paging li strong {display:inline-block; width:34px; height:34px; border:1px solid #676767; background:#676767; color:#fff; line-height:34px;}
.paging li a {display:inline-block; width:34px; height:34px; border:1px solid #e0e0e0; background:#fff; color:#6e6e6e; line-height:34px;}

@media all and (min-width:768px) {
	.paging {margin-top:30px;}
}


/* 박스 스타일 - 수량 */
.box_qty {display:inline-block; position:relative; width:100px;}
.box_qty.block {width:100%;}
.box_qty .form_input {padding:0 30px;}
.box_qty .form_input:hover {border-color:#dcdcdc;}
.box_qty .minus {display:inline-block; position:absolute; left:0; top:0; width:34px; height:34px; border:1px solid #dcdcdc; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/bullet_minus.png') no-repeat center/12px;}
.box_qty .plus {display:inline-block; position:absolute; right:0; top:0; width:34px; height:34px; border:1px solid #dcdcdc; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/bullet_plus.png') no-repeat center/12px;}

@media all and (min-width:768px) {
	.box_qty {width:130px;}
	.box_qty .form_input {padding:0 40px;}
	.box_qty .minus {width:40px; height:40px;}
	.box_qty .plus {width:40px; height:40px;}
	.box_qty.mini {width:100px;}
	.box_qty.mini .form_input {height:30px; padding:0 30px;}
	.box_qty.mini .minus {width:30px; height:30px;}
	.box_qty.mini .plus {width:30px; height:30px;}
}

/* 컬러칩 리스트 */
.color_option {font-size:0;}
.color_option:after {display:block; clear:both; content:'';}
.color_option li {float:left;}
.color_option li a {display:block; width:17px; height:17px; margin:1px; border:1px solid #fff;}
.color_option li a.selected {border:1px solid #fff; outline:1px solid #ff1111;}
.color_option li a img {width:15px; height:15px;}
.text_option {font-size:0;}
.text_option:after {display:block; clear:both; content:'';}
.text_option li {float:left; text-align:left;}
.text_option li a {overflow:hidden; display:block; height:20px; margin:1px; padding:0 6px; border:1px solid #d8d8d8; line-height:20px; text-align:center;}
.text_option li a.selected {border:1px solid #ff1111;}
.text_option li a.soldout {background:#ff1111; color:#fff;}

/* 글쓰기 - 주문서,1:1문의 */
.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;}

/* 상단 셀렉트 메뉴 */
.top_select_menu {height:40px; border-top:1px solid transparent; border-right:1px solid transparent; border-left:1px solid transparent; background-color:#f1f1f1;}
@media all and (min-width:1024px) {
	.top_select_menu {display:none;}
}
/* 엔진 - 레이어 딤드(게시판 상품 선택, 퀵프리뷰 팝업) */
#qdBackground {position:fixed !important; width:100% !important; height:100% !important;}

/* 상품후기 평점 */
.gradebox {display:inline-block; position:relative; width:154px; height:24px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/grade.png') no-repeat left top/auto 100%; font-size:0;}
.gradebox:after {display:block; position:absolute; left:0; top:0; height:100%; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/grade_over.png') no-repeat left top/auto 100%; content:'';}
.gradebox.small {width:80px; height:12px;}
.gradebox.point1:after {width:20%;}
.gradebox.point2:after {width:40%;}
.gradebox.point3:after {width:60%;}
.gradebox.point4:after {width:80%;}
.gradebox.point5:after {width:100%;}
.gradebox.write label {display:inline-block !important; position:relative; z-index:10; width:30px; height:100%; opacity:0; font-size:0; cursor:pointer;}
.gradebox.write input {cursor:pointer;}

@media all and (min-width:768px) {
	.gradebox.small {width:95px; height:15px;}
	.gradebox.write label {width:30.8px;}
}

/* 사은품 리스트 */
.list_gift > h3 {padding-bottom:15px;}
.list_gift > ul {border-top:1px solid #e5e5e5; font-size:0;}
.list_gift > ul > li {padding:20px 0; border-bottom:1px solid #e5e5e5; text-align:left; vertical-align:middle;}
.list_gift > ul > li > .box > .img {display:table-cell; position:relative; width:100px; height:100px; border:1px solid #e5e5e5;}
.list_gift > ul > li > .box > .img img {position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; transform:translate(-50%, -50%);}
.list_gift > ul > li > .box > .name {display:table-cell; padding:0 20px 0 10px; vertical-align:middle;}

@media all and (min-width:768px) {
	.list_gift > ul {border:1px solid #e5e5e5; border-width:1px 0;}
	.list_gift > ul > li {display:inline-block; width:25%; margin-bottom:-1px; border-bottom:1px solid #e5e5e5;}
	.list_gift > ul > li > .box {margin-left:20px; border-right:1px solid #e5e5e5;}
	.list_gift > ul > li:last-child > .box,
	.list_gift > ul > li:nth-child(4n) > .box {border-right:0;}
}

/* 쿠폰 다운로드 리스트 */
.list_cpn_down > .box {border:1px solid #dcdcdc;}
.list_cpn_down > .box > ul > li {position:relative; padding:15px 130px 15px 15px; border-top:1px solid #dcdcdc; text-align:left; vertical-align:middle;}
.list_cpn_down > .box > ul > li:first-child {border-top:0;}
.list_cpn_down > .box > ul > li:before {display:inline-block; position:absolute; right:120px; top:15px; width:1px; height:calc(100% - 30px); background-color:#e5e5e5; content:'';}
.list_cpn_down > .box > ul > li > .sale {font-size:1.417rem; font-weight:bold;}
.list_cpn_down > .box > ul > li > .name {font-weight:bold;}
.list_cpn_down > .box > ul > li > span {position:absolute; right:15px; top:50%; margin-top:-20px;}
.list_cpn_down > .box > ul > li > span.fin {display:inline-block; min-width:90px; height:40px; padding:4px 8px; border:1px solid #c3c3c3; background:#fff; color:#666 !important; line-height:32px; text-align:center; vertical-align:top; white-space:nowrap;}
.list_cpn_down > .box > ul > li > span.box_btn * {min-width:90px; height:40px; line-height:32px;}

@media all and (min-width:768px) {
	.list_cpn_down > .box {padding:0 30px 30px 30px;}
	.list_cpn_down > .box > ul {display:flex; flex-wrap:wrap;}
	.list_cpn_down > .box > ul > li {width:25%; margin-top:30px; padding:0 20px; border-top:0; border-right:1px solid #eee; text-align:center; vertical-align:top;}
	.list_cpn_down > .box > ul > li:last-child,
	.list_cpn_down > .box > ul > li:nth-child(4n) {border-right:0;}
	.list_cpn_down > .box > ul > li:before {display:none;}
	.list_cpn_down > .box > ul > li > .sale {display:inline-block; position:relative; min-width:100px; height:40px; padding:0 10px 0 26px; border:1px solid #999; font-size:1.167rem; text-align:center; line-height:38px;}
	.list_cpn_down > .box > ul > li > .sale:before {position:absolute; left:-5px; top:50%; width:10px; height:10px; margin-top:-5px; border:1px solid #999; border-radius:50%; border-bottom-color:transparent; border-left-color:transparent; background-color:#fff; transform:rotate(45deg); content:'';}
	.list_cpn_down > .box > ul > li > .sale:after {position:absolute; left:16px; top:0; width:1px; height:100%; border-right:1px dashed #999; content:'';}
	.list_cpn_down > .box > ul > li > .name {margin:10px 0; font-weight:bold;}
	.list_cpn_down > .box > ul > li > span {position:static; margin-top:0;}
	.list_cpn_down > .box > ul > li > span.fin {min-width:100px; height:auto; outline:none; line-height:1.4; white-space:nowrap;}
	.list_cpn_down > .box > ul > li > span.box_btn * {min-width:100px; height:auto; padding:4px 8px; line-height:normal;}
}

/* 타이머 */
.box_timer {display:inline-block; margin-top:10px; border:1px solid #dcdcdc; border-radius:20px; font-size:0;}
.box_timer > .title {display:inline-block; position:relative; padding:5px; border-radius:20px; background-color:#333; color:#fff; font-size:0; vertical-align:top;}
.box_timer > .title:before {display:inline-block; width:13px; height:13px; border:1px solid #fff; border-radius:50%; vertical-align:top; content:'';}
.box_timer > .title:after {display:inline-block; position:absolute; left:8px; top:50%; width:4px; height:4px; margin-top:-2px; border:1px solid #fff; border-width:0 1px 1px 0; content:'';}
.box_timer > ._timesale_timer {display:inline-block; padding:0 10px 0 5px;}
.box_timer > ._timesale_timer * {color:#333; font-size:1rem; line-height:23px;}
.box_timer > ._timesale_timer > ._timer_num {font-weight:900;}
.box_timer.big > .title {font-size:1rem;}
.box_timer.big > .title:before {margin:2px 5px 0 0;}
.box_timer.big > ._timesale_timer * {font-size:1.083rem; line-height:26px;}
#detail .box_timer {margin-bottom:20px;}

@media all and (min-width:768px) {
	.box_timer > .title {padding:2px 10px; font-size:11px;}
	.box_timer > .title:before {margin:2px 5px 0 0;}
	.box_timer > .title:after {left:13px; top:50%; margin-top:-4px;}
	.box_timer > ._timesale_timer {padding:0 10px 0 7px;}
	.box_timer > ._timesale_timer * {line-height:21px;}
	.box_timer.big > .title {padding:5px 10px;}
	.box_timer.big > .title:before {margin:3px 0 0 0;}
	.box_timer.big > ._timesale_timer * {line-height:29px;}
	#detail .box_timer {margin-bottom:0;}
}

/* 이메일 자동 완성 */
.auto_complete_dialog {display:none; position:absolute; z-index:10; width:100%; margin-top:-1px; padding:10px 0; border:1px solid #535353; background-color:#fff; word-break:break-all;}
.auto_complete_dialog li {padding:5px 20px; font-size:1.167rem; cursor:pointer;}
.auto_complete_dialog li:hover, 
.auto_complete_dialog li.selected {background-color:#f0f2f6;}
#join_input .auto_complete_dialog {width:calc(100% - 52px);}

@media all and (min-width:768px) {
	#join_input .auto_complete_dialog {width:512px;}
}

/* 체크박스, 라디오 */
input[type=checkbox] {width:18px; height:18px; margin:-2px 5px 0 0; outline:0; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/bullet_cb.png') no-repeat center /18px; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; vertical-align:middle; transition:background .2s;}
input[type=checkbox]::-ms-check {display:none;}
input[type=checkbox]:checked {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/bullet_cb_checked.png');} 
input[type=radio] {display:inline-block; width:16px; height:16px; margin:-2px 5px 0 0; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/bullet_radio.png') no-repeat left center /16px; vertical-align:middle; appearance:none;-webkit-appearance:none; -moz-appearance:none; outline:none; transition:background .2s;}
input[type=radio]:checked {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/bullet_radio_checked.png');}
input[type=checkbox][disabled] {opacity:.5;}

.check_chg input[type=checkbox] {display:none;}
.check_chg input[type=checkbox] + label {display:inline-block; min-height:18px; padding-left:28px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/bullet_cb.png') no-repeat left center; background-size:18px; vertical-align:top; cursor:pointer;}
.check_chg input[type=checkbox]:checked + label {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/bullet_cb_checked.png');}
.check_chg.black input[type=checkbox]:checked + label {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/bullet_cb_checked_black.png');}
.radio_chg input[type=radio] {display:none;}
.radio_chg input[type=radio] + label {display:inline-block; min-height:16px; padding-left:28px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/bullet_radio.png') no-repeat left center; background-size:16px; vertical-align:top; cursor:pointer;}
.radio_chg input[type=radio]:checked + label {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/bullet_radio_checked.png');}

@media all and (min-width:768px) {
	input[type=checkbox] {width:20px; height:20px;}
	input[type=radio] {width:20px; height:20px;}
	.check_chg input[type=checkbox] + label {min-height:20px; padding-left:30px; font-size:1.167rem;}
	.radio_chg input[type=radio] + label {min-height:20px; padding-left:30px; font-size:1.167rem;}
}

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

/* 테이블 스타일 - 가로 */
.tbl_col {display:block; width:100%; border-top:1px solid #dbdbdb;}
.tbl_col > .thead {display:none;}
.tbl_col > .tbody {overflow:hidden; display:block; padding:15px 0; border-bottom:1px solid #dbdbdb;}
.tbl_col > .tbody > li {width:auto;}
.tbl_col > .tbody > li + li {padding-top:5px;}
.tbl_col > .tbody > li.img img {width:100%;}

@media all and (min-width:768px) {
	.tbl_col {display:table; table-layout:fixed; border-collapse:collapse;}
	.tbl_col > .thead {display:table-row; border-bottom:1px solid #dbdbdb;}
	.tbl_col > .thead > li {display:table-cell; width:5%; padding:15px 0; text-align:center; vertical-align:middle;}
	.tbl_col > .tbody {display:table-row; padding:0;}
	.tbl_col > .tbody > li {display:table-cell; width:5%; padding:15px 0; text-align:center; vertical-align:middle;}
	.tbl_col > .tbody > li.tal {padding-left:30px; text-align:left;}
	.tbl_col > .tbody > li + li {padding-top:15px;}
}

/* 테이블 스타일 - 마이페이지 공통 리스트 */
.tbl_col.my {padding-bottom:15px;}
.tbl_col.my > .tbody > li {margin-left:85px;}
.tbl_col.my > .tbody > li.left_area {float:left; width:85px; margin:0; color:#888; text-align:left;}
.tbl_col.my > .tbody > li.left_area  + li {padding-top:0;}
.tbl_col.my > .tbody > li.left_area .point {font-size:1.333rem;}

@media all and (min-width:768px) {
	.tbl_col.my {padding-bottom:15px;}
	.tbl_col.my > .tbody > li {margin-left:0;}
	.tbl_col.my > .tbody > li.left_area {float:none; width:auto; text-align:center;}
	.tbl_col.my > .tbody > li.left_area  + li {padding-top:15px;}
	.tbl_col.my > .tbody > li.left_area .point {font-size:1rem;}
	.tbl_col.my > .tbody > li .m_txt {display:none;}
}

/* 테이블 스타일(table 구조) - 가로 */
.tbl_col_og {table-layout:fixed; clear:both; width:100%; border-collapse:collapse;}
.tbl_col_og caption {padding-bottom:20px; font-weight:bold; text-align:left;}
.tbl_col_og > thead > tr > th {padding:15px 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; font-weight:normal; text-align:center; vertical-align:middle;}
.tbl_col_og > tbody > tr > td {padding:15px 0; border-bottom:1px solid #e0e0e0; text-align:center; vertical-align:middle;}
.tbl_col_og > tbody > tr > td * {color:#666;}
.tbl_col_og > tbody > tr > td.tal {padding-left:15px !important;}
.tbl_col_og > tbody > tr > td.img img {width:100px; height:auto;}


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

@media all and (min-width:768px) {
	.tbl_row th {padding:15px 0 15px 30px;}
	.tbl_row td {padding:15px 10px;}
}

/* 테이블 스타일 - 주문서, 주문완료, 주문상세조회, 장바구니 */
.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;}

/* 테이블 스타일 주문 3.0 */
.tbl_order .view_info {display:none;}
.tbl_order .view_info th,
.tbl_order .view_info td {padding:10px 0; background-color:#f7f7f7;}
.tbl_order .view_info th > div {padding:3px 0 2px 25px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/bullet_detail.png') no-repeat left 14px center /6px;}
.tbl_order .view_info td > div {padding-right:14px;}
.tbl_order.total {margin-top:18px; border-top:1px solid #d2d2d2;} 
.tbl_order.total tr.total_prc th,
.tbl_order.total tr.total_prc td {padding:2px 0;}
.tbl_order.total tr:first-child th,
.tbl_order.total tr:first-child td {padding-top:15px;}
.tbl_order tr.total_prc th,
.tbl_order tr.total_prc td {color:#333; font-weight:700;}
.tbl_order tr.total_prc td span {font-size:1.417rem; font-weight:700;}
.tbl_order tr.total_prc.sbs_pay th,
.tbl_order tr.total_prc.sbs_pay td,
.tbl_order tr.total_prc.sbs_pay td span {font-size:1rem; font-weight:400;}

@media all and (min-width:768px) {
	.tbl_order .total td {position:relative;}
	.tbl_order .total_price,
	.tbl_order .total_price * {font-size:1rem;}
}
@media all and (min-width:1024px) {
	.tbl_order .view_info th,
	.tbl_order .view_info td {background-color:#e3e5e8;}
	.tbl_order tr.total_prc td span {font-size:1.5rem !important;}
	.tbl_order tr.total_prc.sbs_pay th,
	.tbl_order tr.total_prc.sbs_pay td,
	.tbl_order tr.total_prc.sbs_pay td span {font-size:1.167rem !important;}
}

/* 테이블 스타일 - 주문서, 주문상세조회 */
.tbl_order2 {display:block; width:100%; border-top:1px solid #e0e0e0;}
.tbl_order2 > .thead {display:none;}
.tbl_order2 > .tbody {overflow:hidden; display:block; padding:10px 0; border-bottom:1px solid #e0e0e0;}
.tbl_order2 > .tbody > li {width:100%;}
.tbl_order2 > .tbody > li.title {padding-bottom:10px; font-weight:700;}
.tbl_order2 > .tbody > li .form_input {width:100%;}
.tbl_order2 > .tbody > li .use_msg {text-align:right;}
.tbl_order2 > .tbody > li .own_mileage,
.tbl_order2 > .tbody > li .own_deposit {color:#d53838; line-height:25px;}

@media all and (min-width:768px) {
	.tbl_order2 {display:table; table-layout:fixed; border-collapse:collapse;}
	.tbl_order2 > .thead {display:table-row;}
	.tbl_order2 > .thead > li {display:table-cell;}
	.tbl_order2 > .tbody {display:table-row; padding:0; border:1px solid #e0e0e0; border-top:0;}
	.tbl_order2 > .tbody > li {display:table-cell; padding:20px; vertical-align:middle;}
	.tbl_order2 > .tbody > li.title {padding:20px 15px; border-right:1px solid #e0e0e0; font-weight:400;}
}

@media all and (min-width:1024px) {
	.tbl_order2 > .tbody {border-width:0 0 1px 0;}
}

/* 테이블 스타일 - 주문서, 주문상세조회 (주문서 3.0)  */
.tbl_order3 {display:block; width:100%;}
.tbl_order3 > .thead {display:none;}
.tbl_order3 > .tbody {overflow:hidden; display:block; padding:5px 0;}
.tbl_order3 > .tbody > li {width:100%;}
.tbl_order3 > .tbody > li.title {padding-bottom:10px; font-weight:700;}
.tbl_order3 > .tbody > li .form_input {width:100%;}
.tbl_order3 > .tbody > li .use_msg {text-align:right;}
.tbl_order3 > .tbody > li .own_mileage,
.tbl_order3 > .tbody > li .own_deposit {color:#d53838; line-height:25px;}

@media all and (min-width:768px) {
	.tbl_order3 {display:table; table-layout:fixed; border-collapse:collapse;}
	.tbl_order3 > .thead {display:table-row;}
	.tbl_order3 > .thead > li {display:table-cell;}
	.tbl_order3 > .tbody {display:table-row; padding:0;}
	.tbl_order3 > .tbody > li {display:table-cell; padding:10px 0; vertical-align:middle;}
	.tbl_order3 > .tbody > li.title {padding:10px 0; font-weight:400;}
}

@media all and (min-width:1024px) {
	.tbl_order3 > .tbody {border-width:0 0 1px 0;}
}

/* 테이블 스타일 - 상품정보고시 */
.tbl_prdinfo {table-layout:fixed; width:100%; margin:20px 0;}
.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 #676767; outline:none; background:#666; color:#fff !important; font-size:1rem; font-family:'Poppins','NotoSansKR', Dotum, '돋움', 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;}

@media all and (min-width:768px) {
	.box_btn.large > * {padding:12px 16px;}

	.write_btn {padding-top:10px; text-align:right;}
	.write_btn .box_btn {display:inline-block;}
	.write_btn .box_btn > * {width:125px;}
}

/* 버튼스타일 - 크기 */
.box_btn.small > * {padding:4px 8px;}
.box_btn.large > * {height:40px; padding:0 16px; font-size:1.167rem; line-height:40px;}
@media all and (min-width:768px) {
	.box_btn.small > * {padding:4px 8px;}
	.box_btn.large > * {height:45px; font-size:1.167rem; line-height:45px;}
}
/* 버튼스타일 - 가로길이 */
.box_btn.block {display:block;}
.box_btn.block > * {width:100%;}
.box_btn.w50 > * {width:50px;}
.box_btn.w70 > * {width:70px;}
.box_btn.w75 > * {width:75px;}
.box_btn.w100 > * {width:100px;}
.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.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.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:#dcdcdc; background:#eee; color:#666 !important;}
.box_btn.gray2:hover *,
.box_btn.gray2:active *,
.box_btn.gray2:focus * {background:#dadada;}
.box_btn.gray3 * {border-color:#e9e9e9; background:#e9e9e9; color:#666 !important;}
.box_btn.gray3:hover *,
.box_btn.gray3:active *,
.box_btn.gray3:focus * {background:#d6d3d3;}

/* 버튼스타일 - 텍스트 */
.box_btn.strong * {font-weight:bold;}
.box_btn.radius * {border-radius:6px;}

/* 나열 버튼 */
.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:flex; width: auto; margin: 0 -6px; flex-wrap:wrap;}
.prd_basic.swiper-wrapper {flex-wrap:nowrap; margin: 0;}
.prd_basic.swiper-wrapper > li {padding: 0;}
.prd_basic > li {width:50%; margin-bottom: 30px; padding: 0 6px;}
.prd_basic .box {position:relative; width:100%; margin:0 auto;}

.prd_basic .box .icon {position: absolute; top: 12px; left: 14px; }
.prd_basic .box .icon img {height: 16px;}
.prd_basic .box .icon img + img {margin-left: 10px;}

.prd_basic .box .img {overflow:hidden; position:relative; z-index:1; width:100%; margin:0 auto; text-align:center;}
.prd_basic .box .img .prdimg img {width:100%; height:auto;}
.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 {padding: 15px 13px 25px; background-color: #fff;}
.prd_basic .box .summary {overflow:hidden; margin-bottom: 3px; font-size:1rem; font-weight: 300; text-overflow:ellipsis; white-space:nowrap; line-height: 1;}
.prd_basic .box .name,
.prd_basic .box .name > a {font-size:1.167rem; font-weight: 500;}

.prd_basic .box .price {margin-top: 7px;}
.prd_basic .box .price p {display: inline-block; word-break:break-all; word-wrap:break-word;}
.prd_basic .box .price * {font-size:1rem; font-weight: 500;}
.prd_basic .box .price .sml {font-size:0.833rem; }
.prd_basic .box .price .per {padding: 0 3px 0 5px; font-weight: 500;}
.prd_basic .box .price .per img {position: relative; bottom: 1px; margin-right: 6px; height: 6px; vertical-align: middle; }
.prd_basic .box .price .consumer {}
.prd_basic .box .price .consumer strong {color: #E6DCC9; text-decoration:line-through; font-weight: 500 !important;}
.prd_basic .box .price .consumer strong .sml {color: #E6DCC9;}
.prd_basic .box .price .consumerY {display:none;}
.prd_basic .box .price .sellY {}
.prd_basic .box .price .sellY strong {color: #E6DCC9; text-decoration:line-through; font-weight: 500 !important;}
.prd_basic .box .price .sellY strong .sml {color: #E6DCC9;}
.prd_basic .box .price .sell strong {font-weight: 500;}
.prd_basic .box .price .discount {display:none;}
.prd_basic .box .price .discountY {display:inline-block; }
.prd_basic .box .price .discountY strong {font-weight: 500;}

.prd_basic .box .quick {display:flex; margin-top: 15px;}
.prd_basic .box .quick li {}
.prd_basic .box .quick li.cart {width: calc(100% - 43px); height: 32px;}
.prd_basic .box .quick li.cart a {display:flex; width: 100%; height: 100%; border: 1px solid #B8443D; background-color: #F6F3EC; color: #B8443D; font-size:1rem; align-items:center; justify-content:center;}
.prd_basic .box .quick li.wish {width: 43px; height: 32px;}
.prd_basic .box .quick li.wish a {display: block; width: 100%; height: 100%; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/wish_bef.png') no-repeat 50% 50%; background-size:15px;}
.prd_basic .box .quick li.wish a.wish_on {background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/wish_aft.png') no-repeat 50% 50%; background-size:15px;}

.prd_basic .box .today {display:inline-block; margin:10px auto 0px; padding:3px; background-color:#ebebeb; font-size:0.917rem;}
.prd_basic .box .today * {font-size:inherit;}
.prd_basic .box .today > span {padding-left:5px; color:#666;}

.prd_basic.swiper_best .box .info {padding: 10px;}

/* 상품스타일 - 보기갯수 */
.prd_basic.col_img > li {width:50%; padding-right:1.5625%;}
.prd_basic.col_img > li:nth-child(2n) {padding-right:0; padding-left:1.5625%;}
.prd_basic.col_img .box .info {display:none;}
.prd_basic.col_list > li {width:100%; margin-bottom:0; padding:10px 0; 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.col_list > li .box .quick,
.prd_basic.col_list > li .box .count {display:none;}

@media all and (min-width:768px) {
	.prd_basic > li {width: 25%;}
	.prd_basic .box .icon {top: 15px; left: 15px; }
	.prd_basic .box .icon img {height: 19px;}
	.prd_basic .box .icon img + img {margin-left: 12px;}
	.prd_basic .box .info {position: relative; padding: 25px;}
	.prd_basic .box .summary {font-size:1.083rem;}
	.prd_basic .box .name,
	.prd_basic .box .name > a {font-size:1.333rem; }
	.prd_basic .box .price {margin-top: 12px;}
	.prd_basic .box .price * {font-size:1.333rem;}
	.prd_basic .box .price .sml {font-size:1.083rem; }
	.prd_basic .box .quick {position: absolute; left: 0; bottom: calc(100% + 20px); z-index: 5; width: 100%; margin-top: 0; padding-left: 20px; padding-right: 10px; opacity: 0; transition:all 0.3s;}
	.prd_basic .box .quick li.cart {width: calc(100% - 70px); height: 50px;}
	.prd_basic .box .quick li.cart a {font-size:1.333rem;}
	.prd_basic .box .quick li.wish {width: 70px; height: 50px;}
	.prd_basic .box .quick li.wish a {background-size:19px;}
	.prd_basic .box .quick li.wish a.wish_on {background-size:19px;}
	.prd_basic .box:hover .quick {opacity: 1;}
}

@media all and (min-width:1024px) {
	.prd_basic {margin: 0 -12px;}
	.prd_basic > li {padding: 0 12px;}
	.prd_basic .box .icon {top: 20px; left: 20px; }
	.prd_basic .box .quick {padding-left: 24px; padding-right: 14px;}
	.prd_basic .box .quick li {}
	.prd_basic .box .quick li.cart {width: calc(100% - 60px); height: 40px;}
	.prd_basic .box .quick li.cart a {font-size:1.083rem; }
	.prd_basic .box .quick li.wish {width: 60px; height: 40px;}
}

/* 상품스타일 - 관심상품, 관련상품 */
.prd_related {table-layout:fixed; clear:both; width:100%; border-top:1px solid #e0e0e0; border-collapse:collapse;}
.prd_related > li {overflow:hidden; width:100%; padding:15px 0; border-bottom:1px solid #e0e0e0;}
.prd_related > li > div {margin-left:160px; padding-bottom:10px;}
.prd_related > li .chk {float:left; margin:0 5px 0 0;}
.prd_related > li .img {float:left; margin:0 15px 0 0;}
.prd_related > li .img img {width:120px; height:auto;}
.prd_related > li .subject p {padding-bottom:5px;}
.prd_related > li .subject .soldout {display:none; color:#d53838;}
.prd_related > li .subject .soldout.out {display:inline;}
.prd_related > li .subject .summary {color:#888; font-size:0.917rem;}
.prd_related > li .opt {padding-bottom:0;}
.prd_related > li .opt select {display:block; width:100%; margin:5px 0;}
.prd_related.my > li .opt br {display:none;}

@media all and (min-width:768px) {
	.prd_related {display:table;}
	.prd_related > li {display:table-row; padding:0;}
	.prd_related > li > div {display:table-cell; margin-left:0; padding-bottom:0; text-align:center; vertical-align:middle;}
	.prd_related > li .chk {float:none; width:5%; margin:0;}
	.prd_related > li .img {float:none; width:120px; margin:0;}
	.prd_related > li .subject {padding-left:25px; text-align:left;}
	.prd_related > li .prc {width:9%;}
	.prd_related > li .qty {width:20%;}
	.prd_related > li .opt {width:15%;}
}

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

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

body.view_nav {overflow:hidden;}
body.view_nav #dimmed {display:block;}
#wrapper {position:relative; text-align:left;}
body.view_detail #dimmed {display:block;}
.wrap_inner {padding:4.68%;} /* 컨텐츠 사이즈 */
.wrap_inner2 {padding:0 5%;} /* 컨텐츠 사이즈 */
.wrap_inner3 {padding:0 60px;} /* 컨텐츠 사이즈 */

@media all and (min-width:768px) {
	.wrap_inner {width:100%; max-width:1100px; margin:0 auto; padding:15px 20px;} /* 컨텐츠 사이즈 */
}

@media all and (min-width:1024px) {
	.wrap_inner {width: 100%; max-width: 1240px; margin: 0 auto; padding:0 20px;} /* 컨텐츠 사이즈 */
	.wrap_inner2 {width: 100%; max-width: 1240px; margin: 0 auto; padding:0 20px;} /* 컨텐츠 사이즈 */
}

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

.header_link { background-color: #B8443D;}
.header_link .wrap_inner2 {display:flex; position: relative; align-items:center;}
.header_link .tit {display:flex; height: 35px; color: #E6DCC9; font-size:0.917rem; letter-spacing: 0.44px; align-items:center;}
.header_link .btn {position: absolute; right: 5%; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.header_link .btn span {display: none;}
.header_link .btn i {color: #E8BDAE; font-size: 12px;}

header {height: 55px;}
header .fix {position:relative; z-index:50; width:100%; height:inherit; background:#fff;}
header .fix.fixed {position:fixed; top:0; left:0;}

header .header_mo {display: block;}
header .header_pc {display: none;}

header .header_mo {height: 100%; background-color: #fff;}
header .header_mo > .wrap_inner2 {display:flex; height: 100%; align-items:center; justify-content:space-between;}
header .header_mo > .wrap_inner2 .logo > a {display: block; width: 66px; height: 33px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/logo/logo.png') no-repeat 50% 50%; background-size:contain;}
header .header_mo > .wrap_inner2 .hd_cate {display:flex; align-items:center;}
header .header_mo > .wrap_inner2 .hd_cate > li + li {margin-left: 18px;}
header .header_mo > .wrap_inner2 .hd_cate > li .cart {display: block; width: 18px; height: 21px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/cart.png') no-repeat 50% 50%; background-size:contain;}
header .header_mo > .wrap_inner2 .hd_cate > li .ham {display: block; width: 18px; height: 10px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/ham.png') no-repeat 50% 50%; background-size:contain;}


header .header_pc {height: 100%; background-color: #fff; transition:all 0.2s;}
header .header_pc > .wrap_inner3 {display:flex; height: 100%; align-items:center;}
header .header_pc .logo {}
header .header_pc .logo > a {display: block; position: relative; width: 80px; height: 40px;}
header .header_pc .logo > a::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/logo/logo.png') no-repeat 50% 50%; background-size:cover; transition:all 0.2s;}
header .header_pc .logo > a::after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/logo/logo_w.png') no-repeat 50% 50%; background-size:cover; opacity: 0; transition:all 0.2s;}
header .header_pc .menu {display:flex; height: 100%; margin-left: 23px; align-items:center;}
header .header_pc .menu > li {position: relative; height: 100%;}
header .header_pc .menu > li.all {position: static;}
header .header_pc .menu > li > a {display:flex; height: 100%; padding: 0 25px; font-size:1.333rem; font-weight: 300; align-items:center; justify-content:center; transition:all 0.1s;}
header .header_pc .menu > li:hover > a {color: #B8443D;}

header .header_pc .menu > .submenu_all_bg {transition:all 0.2s;}
header .header_pc .menu > li.all:hover + .submenu_all_bg {position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 200vh; background-color: rgba(0,0,0,0.35);}

header .header_pc .menu > li .submenu_all_wrap {position: absolute; top: 100%; left: 0; z-index: 5; width: 100%; border-top: 1px solid #EDF4EC; background-color: #fff; transform:scaleY(0); transform-origin:top; opacity: 0; transition:opacity 0.5s;}
header .header_pc .menu > li.all:hover .submenu_all_wrap {transform:scaleY(1); opacity: 1;}
header .header_pc .menu > li .submenu_all_wrap > .wrap_inner3 {height: 100%;}
header .header_pc .menu > li .submenu_all_wrap .submenu_all {display:flex; height: 100%;}
header .header_pc .menu > li .submenu_all_wrap .submenu_all > li {width: 200px; padding: 25px 25px 75px;}
header .header_pc .menu > li .submenu_all_wrap .submenu_all > li + li {border-left: 1px solid #EDF4EC;}
header .header_pc .menu > li .submenu_all_wrap .submenu_all > li.all {width: 300px;}
header .header_pc .menu > li .submenu_all_wrap .submenu_all > li .tit {display: inline-block; margin-bottom: 12px; font-size:1.25rem; color: #000; font-weight: 500;}
header .header_pc .menu > li .submenu_all_wrap .submenu_all > li .tit.arr {display:inline-flex; align-items:center;}
header .header_pc .menu > li .submenu_all_wrap .submenu_all > li .tit.arr::after {content: '\e940'; padding-left: 25px; font-family: 'xeicon' !important;}
header .header_pc .menu > li .submenu_all_wrap .submenu_all > li .desc {}
header .header_pc .menu > li .submenu_all_wrap .submenu_all > li .desc > li {}
header .header_pc .menu > li .submenu_all_wrap .submenu_all > li .desc > li + li {margin-top: 6px;}
header .header_pc .menu > li .submenu_all_wrap .submenu_all > li .desc > li > a {color: #666; font-size:1.25rem; transition:all 0.1s;}
header .header_pc .menu > li .submenu_all_wrap .submenu_all > li .desc > li > a:hover {color: #B8443D;}

header .header_pc .menu > li .submenu {position: absolute; top: calc(100% - 17px); left: 50%; width: auto; padding: 25px 55px 30px 40px; background-color: #B8443D; transform:translateX(-50%) scaleY(0); opacity: 0; transform-origin:top; transition:opacity 0.5s;}
header .header_pc .menu > li:hover .submenu {transform:translateX(-50%) scaleY(1); opacity: 1;}
header .header_pc .menu > li .submenu > li {}
header .header_pc .menu > li .submenu > li + li {}
header .header_pc .menu > li .submenu > li > a {display: block; padding: 5px 0; color: #E6DCC9; font-size:1.25rem; font-weight: 300; white-space:nowrap; transition:all 0.1s;}
header .header_pc .menu > li .submenu > li > a:hover {text-shadow: 0 0 0.5px #E6DCC9; }

header .header_pc .menu_icon {display:flex; height: 100%; margin-left: auto; align-items:center;}
header .header_pc .menu_icon {display:flex; align-items:center;}
header .header_pc .menu_icon > li {display:flex; height: 100%; align-items:center;}
header .header_pc .menu_icon > li + li {margin-left: 26px;}
header .header_pc .menu_icon > li > a {display: block; position: relative;}

header .header_pc .menu_icon > li.sch .sch_box {display:flex; align-items:center;}
header .header_pc .menu_icon > li.sch .sch_box .sch_hide {display: none; overflow: hidden; width: 200px; height: 30px; margin-top: 11px; border-bottom: 1px solid #000; transition:all 0.2s;}
header .header_pc .menu_icon > li.sch .sch_box .sch_hide input {display: block; background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible;}
header .header_pc .menu_icon > li.sch .sch_box .sch_hide input {float: left; width: 183px; padding: 0 5px; font-size:1.083rem; transition:all 0.2s;}
header .header_pc .menu_icon > li.sch .sch_box .sch_hide input::placeholder {color: #000; transition:all 0.2s;}
header .header_pc .menu_icon > li.sch .sch_box .sch_hide button {float: left; width: 17px;}

header .header_pc .menu_icon > li.sch > a {}
header .header_pc .menu_icon > li.sch button.sch_icon {display: block; background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
header .header_pc .menu_icon > li.sch button.sch_icon {position: relative; width: 17px; height: 19px;}
header .header_pc .menu_icon > li.sch button.sch_icon.active {display: none;}
header .header_pc .menu_icon > li.sch button.sch_icon::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/hd_sch.png') no-repeat 50% 50%; background-size:contain; transition:all 0.2s;}
header .header_pc .menu_icon > li.sch button.sch_icon::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/hd_sch_w.png') no-repeat 50% 50%; background-size:contain; transition:all 0.2s; opacity: 0;}

header .header_pc .menu_icon > li.log {position: relative;}
header .header_pc .menu_icon > li.log > a {width: 22px; height: 19px;}
header .header_pc .menu_icon > li.log > a::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/hd_my.png') no-repeat 50% 50%; background-size:contain; transition:all 0.2s;}
header .header_pc .menu_icon > li.log > a::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/hd_my_w.png') no-repeat 50% 50%; background-size:contain; transition:all 0.2s; opacity: 0;}
header .header_pc .menu_icon > li.log > a {}

header .header_pc .menu_icon > li.log > .log_menu {position: absolute; top: calc(100% - 17px); left: 50%; width: auto; padding: 25px 55px 30px 40px; background-color: #B8443D; transform:translateX(-50%) scaleY(0); opacity: 0; transform-origin:top; transition:opacity 0.5s;}
header .header_pc .menu_icon > li.log:hover > .log_menu {transform:translateX(-50%) scaleY(1); opacity: 1;}
header .header_pc .menu_icon > li.log > .log_menu > li {}
header .header_pc .menu_icon > li.log > .log_menu > li + li {}
header .header_pc .menu_icon > li.log > .log_menu > li > a {display: block; padding: 5px 0; color: #E6DCC9; font-size:1.25rem; font-weight: 300; white-space:nowrap; transition:all 0.1s;}
header .header_pc .menu_icon > li.log > .log_menu > li > a:hover {text-shadow: 0 0 0.5px #E6DCC9; }

header .header_pc .menu_icon > li.wish > a {width: 19px; height: 19px;}
header .header_pc .menu_icon > li.wish > a::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/hd_wish.png') no-repeat 50% 50%; background-size:contain; transition:all 0.2s;}
header .header_pc .menu_icon > li.wish > a::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/hd_wish_w.png') no-repeat 50% 50%; background-size:contain; transition:all 0.2s; opacity: 0;}
header .header_pc .menu_icon > li.cart > a {width: 18px; height: 20px;}
header .header_pc .menu_icon > li.cart > a::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/hd_cart.png') no-repeat 50% 50%; background-size:contain; transition:all 0.2s;}
header .header_pc .menu_icon > li.cart > a::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/hd_cart_w.png') no-repeat 50% 50%; background-size:contain; transition:all 0.2s; opacity: 0;}

header .header_pc.scroll {background-color: #B8443D;}
header .header_pc.scroll .logo > a::before {opacity: 0;}
header .header_pc.scroll .logo > a::after {opacity: 1;}
header .header_pc.scroll .menu > li > a {color: #fff !important;}
header .header_pc.scroll .menu > li .submenu {background-color: #fff;}
header .header_pc.scroll .menu > li .submenu > li > a {color: #B8443D;}
header .header_pc.scroll .menu > li .submenu > li > a:hover {text-shadow: 0 0 0.5px #B8443D; }
header .header_pc.scroll .menu_icon > li.sch button.sch_icon::before {opacity: 0;}
header .header_pc.scroll .menu_icon > li.sch button.sch_icon::after {opacity: 1;}
header .header_pc.scroll .menu_icon > li.sch .sch_box .sch_hide {border-bottom-color: #fff;}
header .header_pc.scroll .menu_icon > li.sch .sch_box .sch_hide input {color: #fff;}
header .header_pc.scroll .menu_icon > li.sch .sch_box .sch_hide input::placeholder {color: #fff;}
header .header_pc.scroll .menu_icon > li.log > a::before {opacity: 0;}
header .header_pc.scroll .menu_icon > li.log > a::after {opacity: 1;}
header .header_pc.scroll .menu_icon > li.wish > a::before {opacity: 0;}
header .header_pc.scroll .menu_icon > li.wish > a::after {opacity: 1;}
header .header_pc.scroll .menu_icon > li.cart > a::before {opacity: 0;}
header .header_pc.scroll .menu_icon > li.cart > a::after {opacity: 1;}
header .header_pc.scroll .menu_icon > li.log > .log_menu {background-color: #fff;}
header .header_pc.scroll .menu_icon > li.log > .log_menu > li > a {color: #B8443D;}
header .header_pc.scroll .menu_icon > li.log > .log_menu > li > a:hover {text-shadow: 0 0 0.5px #B8443D; }

@media all and (min-width:768px) {
	h2.subtitle {padding:40px 0; border:0; font-size:24px; font-weight:bold; text-align:center;}
	.header_link .tit {width: 100%; height: 50px; font-size:1.333rem; text-align: center; justify-content:center;}
	.header_link .btn {display:flex; align-items:center;}
	.header_link .btn span {display: block; margin-right: 8px; color: #E8BDAE; font-size:1.083rem; }
	.header_link .btn i {position: relative; top: -1px; font-size:1.333rem; }

	header {height: 80px;}
	header .header_mo {}
	header .header_mo > .wrap_inner2 .logo > a {width: 80px; height: 40px;}
	header .header_mo > .wrap_inner2 .hd_cate > li + li {margin-left: 20px;}
	header .header_mo > .wrap_inner2 .hd_cate > li .cart {width: 24px; height: 29px;}
	header .header_mo > .wrap_inner2 .hd_cate > li .ham {width: 22px; height: 16px;}
}



@media all and (min-width:1024px) {
	.header_link .wrap_inner2 {max-width: 100%; padding: 0 5%;}
	.header_link .btn {right: 60px; cursor: pointer;}
	.header_link .btn span {margin-right: 6px;}
	.header_link .btn i {font-size:1.5rem; }

	header .header_mo {display: none;}
	header .header_pc {display: block;}
}



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

nav.mo_nav {display: none; position: fixed; overflow: auto; top: 0; left: 0; z-index: 60; width: 100%; height: 100vh; background-color: #B8443D;}
nav.mo_nav * {color: #fff;}
nav.mo_nav > .wrap_inner2 {display:flex; height: 100%; flex-direction:column;}
nav.mo_nav .top {display:flex; height: 55px; margin-bottom: 5px; align-items:center; justify-content:space-between;}
nav.mo_nav .top .logo > a {display: block; width: 66px; height: 33px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/logo/logo_w.png') no-repeat 50% 50%; background-size:contain;}
nav.mo_nav .top .hd_cate {display:flex; align-items:center;}
nav.mo_nav .top .hd_cate > li + li {margin-left: 21px;}
nav.mo_nav .top .hd_cate > li .cart {display: block; width: 18px; height: 21px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/cart_w.png') no-repeat 50% 50%; background-size:contain;}
nav.mo_nav .top .hd_cate > li .ham {display: block; width: 15px; height: 15px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/ham_x.png') no-repeat 50% 50%; background-size:contain;}
nav.mo_nav .nav_sch {display:flex; margin-bottom: 33px; width: 100%; padding-bottom: 7px; border-bottom: 1px solid #E6DCC9; align-items:center;}
nav.mo_nav .nav_sch input {background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible;}
nav.mo_nav .nav_sch input {position: relative; top: 3px; height: 20px; color: #E6DCC9; font-size:1rem; flex:1;}
nav.mo_nav .nav_sch input::placeholder {color: #E6DCC9; }
nav.mo_nav .nav_sch button {background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
nav.mo_nav .nav_sch button img {height: 20px;}
nav.mo_nav .nav_menu {}
nav.mo_nav .nav_menu > li {display:flex; flex-direction:column;}
nav.mo_nav .nav_menu > li + li {margin-top: 10px;}
nav.mo_nav .nav_menu > li > a {display:flex; width: 100%; font-size:1.833rem; line-height: 32px; align-items:center; justify-content:space-between;}
nav.mo_nav .nav_menu > li > a.big::after {content: ''; display: block; width: 16px; height:16px;  background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/plus_w.png') no-repeat 50% 50%; background-size:cover;}
nav.mo_nav .nav_menu > li > a.big.active::after {width:16px; height:2px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/minus_w.png') no-repeat 50% 50%; background-size:cover;}
nav.mo_nav .nav_menu > li > .nav_submenu {display:none; padding: 10px 0 10px 15px;}
nav.mo_nav .nav_menu > li > .nav_submenu > li {display:flex; flex-direction:column;}
nav.mo_nav .nav_menu > li > .nav_submenu > li + li {margin-top: 10px;}
nav.mo_nav .nav_menu > li > .nav_submenu > li > a {order:-1; display:flex; width: 100%; font-size:1.25rem; line-height: 22px; align-items:center; justify-content:space-between;}
nav.mo_nav .nav_menu > li > .nav_submenu > li > a.active {text-shadow: 0 0 0.5px #fff;}
nav.mo_nav .nav_menu > li > .nav_submenu > li.child > a::after {content: ''; display: block; width: 11px; height: 6px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/up_w.png') no-repeat 50% 50%; background-size:cover; transform:rotate(180deg);}
nav.mo_nav .nav_menu > li > .nav_submenu > li.child > a.active::after { transform:rotate(0deg);}
nav.mo_nav .nav_menu > li > .nav_submenu > li > .nav_submenu2 {display: none; padding-top: 10px;}
nav.mo_nav .nav_menu > li > .nav_submenu > li > .nav_submenu2 > li {}
nav.mo_nav .nav_menu > li > .nav_submenu > li > .nav_submenu2 > li + li {margin-top: 10px;}
nav.mo_nav .nav_menu > li > .nav_submenu > li > .nav_submenu2 > li > a {display: block; font-size:1rem; font-weight: 300;}

nav.mo_nav .nav_log {display:flex; margin-top: auto; padding: 35px 0;}
nav.mo_nav .nav_log > li + li {margin-left: 30px; }
nav.mo_nav .nav_log > li > a {font-size:1rem; font-weight: 300;}

@media all and (min-width:768px) {
	nav.mo_nav .top {min-height: 80px; height: 80px; margin-bottom: 30px;}
	nav.mo_nav .top .logo > a {width: 80px; height: 40px;}
	nav.mo_nav .top .hd_cate > li + li {margin-left: 23px;}
	nav.mo_nav .top .hd_cate > li .cart {width: 24px; height: 29px;}
	nav.mo_nav .top .hd_cate > li .ham {width: 19px; height: 19px;}
	nav.mo_nav .nav_sch {margin-bottom: 50px; padding-bottom: 13px;}
	nav.mo_nav .nav_sch input {height: 28px; font-size:1.333rem; }
	nav.mo_nav .nav_sch button img {height: 28px;}
	nav.mo_nav .nav_menu > li + li {margin-top: 30px;}
	nav.mo_nav .nav_menu > li > a {font-size:2.5rem; line-height: 44px;}
	nav.mo_nav .nav_menu > li > .nav_submenu + a::after {width: 30px; height: 30px;}
	nav.mo_nav .nav_menu > li > .nav_submenu + a.active::after {width: 30px; height: 2px;}
	nav.mo_nav .nav_menu > li > .nav_submenu {padding: 15px 0 15px 20px;}
	nav.mo_nav .nav_menu > li > .nav_submenu > li + li {margin-top: 15px;}
	nav.mo_nav .nav_menu > li > .nav_submenu > li > a {font-size:2rem; line-height: 34px; font-weight: 300;}
	nav.mo_nav .nav_menu > li > .nav_submenu > li > .nav_submenu2 {padding-top: 15px;}
	nav.mo_nav .nav_menu > li > .nav_submenu > li > .nav_submenu2 + a::after {width: 23px; height: 13px;}
	nav.mo_nav .nav_menu > li > .nav_submenu > li > .nav_submenu2 > li > a {font-size:1.333rem; }

	nav.mo_nav .nav_log {padding: 70px 0;}
	nav.mo_nav .nav_log > li + li {margin-left: 40px; }
	nav.mo_nav .nav_log > li > a {font-size:1.333rem; }
}


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

footer {position: relative; background-color: #BC443C;}
footer * {color: #E6DCC9;}
footer .ft_scroll {display:flex; position: absolute; top: -22px; right: 5%; z-index: 2; width: 44px; height: 44px; background-color: #B8443D; align-items:center; justify-content:center;}
footer .ft_scroll img {height: 10px;}
footer .ft_top {padding: 20px 0; border-bottom: 1px solid rgba(232, 189, 174, 0.2);}
footer .ft_top > .wrap_inner2 > a {font-size:1rem; font-weight: 300;}
footer .ft_top > .wrap_inner2 > a + a {margin-left: 12px;}
footer .ft_btm {padding: 25px 0;}
footer .ft_cont .ft_toggle {margin-bottom: 15px;}
footer .ft_cont .ft_toggle > .logo {display:flex; align-items:center;}
footer .ft_cont .ft_toggle > .logo::after {content: ''; display: block; margin-left: 10px; width: 14px; height: 8px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/up_ft.png') no-repeat 50% 50%; background-size:contain; transition:all 0.2s;}
footer .ft_cont .ft_toggle > .logo.active::after {transform:rotate(180deg);}
footer .ft_cont .ft_toggle > .logo img {height: 33px;}
footer .ft_cont .ft_content * {font-size:1rem; font-weight: 300; line-height: 1.8;}
footer .ft_cont .ft_content .info {margin-bottom: 22px;}
footer .ft_cont .ft_content .quick_cs {margin-bottom: 22px;}
footer .ft_cont .ft_content .quick_cs strong {display: block; margin-bottom: 10px; line-height: 1; font-size:1.833rem;}
footer .ft_cont .ft_content .quick_cs strong > a {font-size:1.833rem;}
footer .ft_cont .ft_content .quick_bank {margin-bottom: 40px;}
footer .ft_cont .ft_content .quick_bank > h3 {font-weight: 500;}

footer .ft_sns {display:flex; margin-bottom: 50px; align-items:center;}
footer .ft_sns > li {}
footer .ft_sns > li + li {margin-left: 23px;}
footer .ft_sns > li > a {display: block; position: relative;}

footer .ft_sns > li > .twi {width: 18px;height: 14px;}
footer .ft_sns > li > .fac {width: 8px;height: 16px;}
footer .ft_sns > li > .ins {width: 17px;height: 17px;}
footer .ft_sns > li > .kak {width: 18px;height: 17px;}
footer .ft_sns > li > .you {width: 18px;height: 13px;}
footer .ft_sns > li > .blo {width: 18px;height: 16px;}
footer .ft_sns > li > .str {width: 8px;height: 14px;}

footer .ft_sns > li > a::before,
footer .ft_sns > li > a::after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; transition:opacity 0.2s;}
footer .ft_sns > li > a::after {opacity: 0;}

footer .ft_sns > li > .twi::before {background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/twitter.png') no-repeat 50% 50%; background-size:contain;}
footer .ft_sns > li > .fac::before {background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/facebook.png') no-repeat 50% 50%; background-size:contain;}
footer .ft_sns > li > .ins::before {background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/insta.png') no-repeat 50% 50%; background-size:contain;}
footer .ft_sns > li > .kak::before {background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/kakao.png') no-repeat 50% 50%; background-size:contain;}
footer .ft_sns > li > .you::before {background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/youtube.png') no-repeat 50% 50%; background-size:contain;}
footer .ft_sns > li > .blo::before {background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/blog.png') no-repeat 50% 50%; background-size:contain;}
footer .ft_sns > li > .str::before {background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/story.png') no-repeat 50% 50%; background-size:contain;}

footer .ft_sns > li > .twi::after {background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/twitter_on.png') no-repeat 50% 50%; background-size:contain;}
footer .ft_sns > li > .fac::after {background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/facebook_on.png') no-repeat 50% 50%; background-size:contain;}
footer .ft_sns > li > .ins::after {background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/insta_on.png') no-repeat 50% 50%; background-size:contain;}
footer .ft_sns > li > .kak::after {background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/kakao_on.png') no-repeat 50% 50%; background-size:contain;}
footer .ft_sns > li > .you::after {background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/youtube_on.png') no-repeat 50% 50%; background-size:contain;}
footer .ft_sns > li > .blo::after {background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/blog_on.png') no-repeat 50% 50%; background-size:contain;}
footer .ft_sns > li > .str::after {background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/story_on.png') no-repeat 50% 50%; background-size:contain;}

footer .ft_copy * {font-size:1rem; font-weight: 300;}
footer .ft_copy a strong {font-weight: bold; color: #26ACE2;}

@media all and (min-width:768px) {
	footer .ta_br {display: none;}
	footer .ft_scroll {top: -30px; right: 5%; width: 60px; height: 60px;}
	footer .ft_scroll img {height: 12px;}
	footer .ft_top {padding: 28px 0;}
	footer .ft_top > .wrap_inner2 > a {font-size:1.083rem;}
	footer .ft_top > .wrap_inner2 > a + a {margin-left: 20px;}
	footer .ft_btm {padding: 40px 0;}
	footer .ft_cont .ft_toggle {margin-bottom: 25px;}
	footer .ft_cont .ft_toggle > .logo::after {margin-left: 20px;}
	footer .ft_cont .ft_toggle > .logo img {height: 40px;}
	footer .ft_cont .ft_content * {font-size:1.083rem; line-height: 2.3;}
	footer .ft_cont .ft_content .info {margin-bottom: 25px;}
	footer .ft_cont .ft_content .quick_cs {margin-bottom: 25px;}
	footer .ft_cont .ft_content .quick_cs strong {font-size:2.5rem; }
	footer .ft_sns {display:flex; margin-bottom: 50px; align-items:center;}
	footer .ft_sns > li {}
	footer .ft_sns > li + li {margin-left: 23px;}
	footer .ft_sns > li > .twi {width: 22px;height: 18px;}
	footer .ft_sns > li > .fac {width: 10px;height: 19px;}
	footer .ft_sns > li > .ins {width: 20px;height: 20px;}
	footer .ft_sns > li > .kak {width: 22px;height: 20px;}
	footer .ft_sns > li > .you {width: 21px;height: 15px;}
	footer .ft_sns > li > .blo {width: 22px;height: 18px;}
	footer .ft_sns > li > .str {width: 9px;height: 16px;}
	footer .ft_copy * {font-size:1.083rem; }
}

@media all and (min-width:768px) {
	footer {position: relative;}
	footer .ft_btm > .wrap_inner2 {overflow: hidden;}
	footer .ft_scroll {right: 5%; cursor: pointer;}
	footer .ft_top {position: absolute; top: 85px; right: 5%; padding: 0; border-bottom: none;}
	footer .ft_top > .wrap_inner2 {padding: 0;}
	footer .ft_btm {padding: 70px 0 80px;}
	footer .ft_cont .ft_toggle > .logo {cursor: pointer;}
	footer .ft_cont .ft_content {position: relative; margin-bottom: 40px;}
	footer .ft_cont .ft_content .info {width: 53%;}
	footer .ft_cont .ft_content .quick_cs {width: 53%; margin-bottom: 0;}
	footer .ft_cont .ft_content .quick_bank {position: absolute; top: 0; right: 0; width: 47%; text-align: right;}
	footer .ft_sns {float: right; width: 50%; margin-bottom: 0; font-size: 0; justify-content:flex-end;}
	footer .ft_sns > li > a:hover::before {opacity: 0;}
	footer .ft_sns > li > a:hover::after {opacity: 1;}
	footer .ft_copy {float: left; width: 50%; font-size: 0;}
}

/*-----------------------------------------------------------------*/
/* 3-5. content
/*-----------------------------------------------------------------*/

#cnt.active {margin-top: 55px;}
#cnt .cntbody {width:100%; max-width:1240px; margin:0 auto;}

@media all and (min-width:768px) {
	#cnt {padding-bottom:50px; min-height:500px;}
	#cnt.active {margin-top: 80px;}
}

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

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

.swp-prev {display:flex; position: absolute; top: 50%; left: 0; z-index: 5; width: 30px; height: 60px; border-radius:0 50px 50px 0; background-color: rgba(255,255,255,0.3); transform:translateY(-50%); align-items:center; justify-content:center; cursor: pointer;}
.swp-prev img {height: 15px; padding-right: 7px;}
.swp-next {display:flex; position: absolute; top: 50%; right: 0; z-index: 5; width: 30px; height: 60px; border-radius:50px 0 0 50px; background-color: rgba(255,255,255,0.3); transform:translateY(-50%); align-items:center; justify-content:center; cursor: pointer;}
.swp-next img {height: 15px; padding-left: 7px;}
.swp-pagination {display:flex; position: absolute; left: 0; right: auto; bottom: 20px !important; z-index: 5; justify-content:center;}
.swp-pagination > span {width: 9px; height: 9px; background-color: rgba(255,255,255,0.3); opacity: 1;}
.swp-pagination > span.swiper-pagination-bullet-active {background-color: #B8443D;} 

#main .main-progress {position: relative; height: 1px; background-color: #e6dcc9;}
#main .main-progress .swiper-pagination-progressbar-fill {top: -1px; height: 3px; background-color: #b8443d;}

#main .main_title {display:flex; margin-bottom: 16px; justify-content:space-between;} 
#main .main_title .tit {font-size:2.083rem;  font-weight: bold; } 
#main .main_title .link {display: none; } 

#main #main_visial_mo {display: block;}
#main #main_visial_pc {display: none;}

#main .main-visial-mo {}
#main .main-visual-mo .swiper-slide {}
#main .main-visual-mo .swiper-slide > a {display: block; position: relative; }
#main .main-visual-mo .swiper-slide img {width: 100%;}
#main .main-visual-mo .swiper-slide .cont {position: absolute; bottom: 40px; left: 0; z-index: 2; width: 100%;  text-align: center;}
#main .main-visual-mo .swiper-slide .cont .tit {font-size:1rem; font-weight: 500; letter-spacing: -0.08em;}
#main .main-visual-mo .swiper-slide .cont .desc {margin-top: 5px; font-size:1.417rem; font-weight: 300; letter-spacing: -0.08em; }

#main #main_best {position: relative; overflow: hidden; padding: 55px 0; background-color: #f6f3ec;}
#main #main_best::after {content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 5; width: 5%; height: 100%; background-color: #f6f3ec; }
#main #main_best .swiper-container {overflow: visible; }
#main #main_best .main-best-swp .swiper-slide {width: 240px ;}
#main #main_best .main-best-swp .swiper-slide .prdimg img {width: 100%;}
#main #main_best .swp-prev,
#main #main_best .swp-next {display: none;}

#main #main_mid_bnr {}
#main #main_mid_bnr .thum_pcmo {display: block;}
#main #main_mid_bnr .thum_ta {display: none;}
#main #main_mid_bnr .thum img {width: 100%;}
#main #main_mid_bnr .cont {position: relative; top: -10px; padding: 30px; border-radius: 15px; background-color: #fff;}
#main #main_mid_bnr .cont .eng {margin-bottom: 10px; color: #B8443D; font-size:1.25rem; }
#main #main_mid_bnr .cont .tit {margin-bottom: 20px; font-size:1.833rem; font-weight: 700;}
#main #main_mid_bnr .cont .desc {margin-bottom: 30px; font-size:1.167rem; font-weight: 300;}
#main #main_mid_bnr .cont .link {}
#main #main_mid_bnr .cont .link > a {display: inline-block; padding-bottom: 1px; border-bottom: 1px solid #000; font-size:1rem; font-weight: 300;}

#main #main_review {padding: 30px 0;}
#main #main_review .main-review-swp {background-color: #F6F3EC; }
#main #main_review .main-review-swp .swp-prev,
#main #main_review .main-review-swp .swp-next {background-color: rgba(255,255,255,0.7);}
#main #main_review .main-review-swp .swiper-slide {padding: 40px;}
#main #main_review .main-review-swp .swiper-slide .thum {}
#main #main_review .main-review-swp .swiper-slide .thum img {width: 100%; height: auto;}
#main #main_review .main-review-swp .swiper-slide .cont {margin-top: 12px;}
#main #main_review .main-review-swp .swiper-slide .cont .tit > a {font-size:1.25rem; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#main #main_review .main-review-swp .swiper-slide .cont .desc {margin-top: 4px; font-size:1.167rem; font-weight: 300; word-break:keep-all; overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#main #main_review .main-review-swp .swiper-slide .cont .btm {display:flex; margin-top: 13px; padding-top: 13px; border-top: 1px solid #DEE1DA; justify-content:space-between; align-items:flex-end;}
#main #main_review .main-review-swp .swiper-slide .cont .btm .date {font-size:1rem; font-weight: 300;}
#main #main_review .main-review-swp .swiper-slide .cont .btm .grade {}

#main #main_insta {position: relative; overflow: hidden; padding-bottom: 80px;}
#main #main_insta .main_title {align-items:flex-end;}
#main #main_insta .main_title .link {display: block; margin-bottom: 5px; font-size:1rem; font-weight: 300;}
#main #main_insta::after {content: ''; position: absolute; top: 0; left: 0; z-index: 5; width: 5%; height: 100%; background-color: #fff;}
#main #main_insta .main-insta-swp {overflow: visible;}
#main #main_insta .main-insta-swp .swiper-slide {width: 198px;}
#main #main_insta .main-insta-swp .swiper-slide img {width: 100%;}

@media all and (min-width:768px) {
	.swp-prev {width: 50px; height: 100px; background-color: #fff;}
	.swp-prev img {height: 20px; padding-right: 14px;}
	.swp-next {width: 50px; height: 100px; background-color: #fff;}
	.swp-next img {height: 20px; padding-left: 14px;}
	.swp-number {display: none;}
	.swp-number {position: absolute; left:auto !important; right: 40px; bottom: 30px !important; z-index: 2; width: 80px !important; height: 30px; border-radius: 30px; background-color: #B8443D; color: rgba(232, 189, 174, 0.3); text-align: center; line-height: 30px; font-size:1rem; }
	.swp-number > span {padding: 0 2px; font-size:1.333rem; line-height: 30px; }
	.swp-number > span::before {content: '0';}
	.swp-number > .swiper-pagination-current {color: rgba(232, 189, 174, 1)}
	.swp-number > .swiper-pagination-total {color: rgba(232, 189, 174, 0.3)}
	#main .main-progress {margin-top: 20px;}
	#main .main_title {margin-bottom: 20px; align-items:flex-end;} 
	#main .main_title .tit {font-size:2.5rem;} 
	#main .main_title .link {display: block; margin-bottom: 5px; font-size:1.083rem; font-weight: 300;} 
	#main #main_visial_mo {display: none;}
	#main #main_visial_pc {display: block;}
	#main .main_visial_pc_wrap {margin-bottom: 115px;}
	#main .main-visual-pc .swiper-slide {}
	#main .main-visual-pc .swiper-slide img {width: 100%;}
	#main .main-visual-pc .swiper-slide .cont {position: absolute; top: 50%; left: 100px; transform:translateY(-50%);}
	#main .main-visual-pc .swiper-slide .cont .tit {font-size:1.667rem; font-weight: 500;}
	#main .main-visual-pc .swiper-slide .cont .desc {margin-top: 20px; font-size:2.833rem; font-weight: 300; line-height: 1.4;}
	#main .main-visual-pc .swiper-slide .cont .link {display: inline-block; margin-top: 40px; padding: 13px 40px; border: 1px solid #333; font-size: 16px; font-weight: 500;}
	#main .main_visual_card {display:flex; margin-top: 15px;}
	#main .main_visual_card > li {flex:1;}
	#main .main_visual_card > li + li {margin-left: 15px;}
	#main .main_visual_card > li > a {display: block; position: relative; }
	#main .main_visual_card > li .thum img {width: 100%;}
	#main .main_visual_card > li .tit {position: absolute; top: 30px; left: 40px; z-index: 2; font-size:2rem; font-weight: 600;}
	#main #main_best {position: relative; overflow: hidden; padding: 110px 0; background-color: #f6f3ec;}
	#main #main_best::after {display: none; }
	#main #main_best .swiper-container {overflow: hidden; }
	#main #main_best .swp-prev,
	#main #main_best .swp-next {display: flex; margin-top: -50px; opacity: 0; transition:all 0.3s;}
	#main #main_best .main-best-swp:hover .swp-prev,
	#main #main_best .main-best-swp:hover .swp-next {opacity: 0.5;}
	#main #main_mid_bnr {position: relative;}
	#main #main_mid_bnr .thum_pcmo {display: none;}
	#main #main_mid_bnr .thum_ta {display: block;}
	#main #main_mid_bnr .cont {position: absolute; top: 50%; right: 0; z-index: 2; width: 42%; padding: 0 0 0 40px; border-radius: 0px; background-color: transparent; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
	#main #main_mid_bnr .cont .eng {margin-bottom: 14px; font-size:1.333rem; }
	#main #main_mid_bnr .cont .tit {margin-bottom: 28px; font-size:2.5rem; }
	#main #main_mid_bnr .cont .desc {margin-bottom: 52px; font-size:1.333rem; }
	#main #main_mid_bnr .cont .link {}
	#main #main_mid_bnr .cont .link > a {border-bottom: 0; font-size:1.083rem; }
	#main #main_review {padding: 130px 0;}
	#main #main_review .main-review-swp {background-color: #fff; }
	#main #main_review .main-review-swp .review_list {display:flex;}
	#main #main_review .main-review-swp .swiper-slide {flex:1;}
	#main #main_review .main-review-swp .swiper-slide + .swiper-slide {margin-left: 16px;}
	#main #main_review .main-review-swp .swp-prev,
	#main #main_review .main-review-swp .swp-next {display: none !important;}
	#main #main_review .main-review-swp .swiper-slide {padding: 20px; background-color: #F6F3EC;}
	#main #main_review .main-review-swp .swiper-slide .cont {margin-top: 14px;}
	#main #main_review .main-review-swp .swiper-slide .cont .tit > a {font-size:1.333rem; }
	#main #main_review .main-review-swp .swiper-slide .cont .desc {margin-top: 7px; font-size:1.083rem; }
	#main #main_review .main-review-swp .swiper-slide .cont .btm {margin-top: 15px; padding-top: 15px;}
	#main #main_review .main-review-swp .swiper-slide .cont .btm .date {font-size:1.083rem; }
	#main #main_insta::after {display: none;}
	#main #main_insta .main-insta-swp .swiper-slide {width: 384px;}
}
@media all and (min-width:1024px) {
	#main .main_visial_pc_wrap {display:flex; padding: 0 60px;}
	#main .main_visial_pc_wrap .main-visual-pc {width: 66.6666%;}
	#main .main_visial_pc_wrap .main_visual_card {width: 32.3333%; margin-left: 25px;}
	#main .main_visual_card {display:block; margin-top: 0;}
	#main .main_visual_card > li + li {margin-left: 0; margin-top: 25px;}
	#main .main-visual-pc .swiper-slide .cont .link {transition:all 0.2s;}
	#main .main-visual-pc .swiper-slide .cont .link:hover {border-color: #B8443D; color: #B8443D;}
	.swp-number {display: block;}
	#main #main_mid_bnr {display: flex; align-items:center;}
	#main #main_mid_bnr .thum_pcmo {display: block; width: 55%; }
	#main #main_mid_bnr .thum_ta {display: none;}
	#main #main_mid_bnr .cont {position: static; width: 45%; padding: 0 0 0 70px; background-color: #fff; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);}
	#main #main_mid_bnr .pc_arr_wrap {position: relative; width: 460px;}
	#main #main_mid_bnr .pc_arr_wrap .pc_arr {display: block; position: absolute; right: 0; top: 50%; width: 50px; height: 100px; border-radius:50px 0 0 50px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/main/mid_bnr_arr.png') no-repeat 60% 50%; background-size:10px; background-color: #fff; transform:translateY(-50%); transition:all 0.3s;}
	#main #main_mid_bnr .pc_arr_wrap .pc_arr:hover {background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/main/mid_bnr_arr_hv.png') no-repeat 60% 50%; background-size:10px; background-color: #BC443C;}
	#main #main_insta::after {display: none;}
}

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

/* 주문배송비메세지 - 장바구니(/shop/cart.php), 주문서(/shop/order.php) */
.msg_delivery {position:relative; padding:15px;}
.msg_delivery.check {padding-left:45px;}
.msg_delivery.check input[type=checkbox] {position:absolute; left:15px; top:17px;}
.msg_delivery span,
.msg_delivery span * {font-size:0.917rem;}

@media all and (min-width:1024px) {
	.msg_delivery {padding:0 0 10px;}
	.msg_delivery.check input[type=checkbox] {top:6px;}
	.msg_delivery span,
	.msg_delivery span * {font-size:1rem;}
}

/* 상품리스트 - 장바구니(/shop/cart.php), 주문서(/shop/order.php), 주문완료(/shop/order_finish.php), 재입고 알림 신청 내역(/mypage/notify_restock.php) */
.list_cart {display:block; width:100%; border-top:1px solid #dbdbdb; text-align:left;}
.list_cart > .thead {display:none;}
.list_cart > .tbody {overflow:hidden; display:block; position:relative; padding:15px 15px 15px 45px; border-bottom:1px solid #dbdbdb;}
.list_cart.order > .tbody {padding-left:15px;}
.list_cart.orderfin > .tbody {padding-left:15px;}
.list_cart > .tbody > li {width:auto; margin-left:90px; padding-top:8px;}
.list_cart > .tbody > li.check {position:absolute; left:15px; top:15px; margin-left:0; padding-top:0;}
.list_cart > .tbody > li.img {float:left; width:80px; margin-left:0; padding-top:0;}
.list_cart > .tbody > li.img img {width:100%; height:auto;}
.list_cart > .tbody > li.img + li {padding-top:0;}
.list_cart > .tbody > li.opt {color:#666;}
.list_cart > .tbody > li.sbs {margin-top:15px; padding-top:10px; border-top:1px solid #dbdbdb;}
.list_cart > .tbody > li.sbs > p {padding:5px;}
.list_cart > .tbody > li.sbs > p > span {float:right;}
.list_cart > .tbody > li.nr_stat span.stat1 {color:#111;}
.list_cart > .tbody > li.nr_stat span.stat2 {color:#2591bc;}
.list_cart > .tbody > li.nr_stat span.stat3 {color:#c05b5b;}
.list_cart > .tbody > li.nr_stat span.stat4 {color:#999;}
.list_cart > .tbody > li.nr_stat br {display:none;}
.list_cart > .tbody > li.nr_stat .box_btn {vertical-align:middle;}
.list_cart > .tbody > li .today {margin-top:5px; padding:10px; border:1px solid #e5e5e5;}
.list_cart > .tbody > li .today > span {padding-left:5px; color:#666;}
.list_cart > .tbody > li .btn_edit {display:inline-block; margin-left:5px; vertical-align:middle;}
.list_cart > .tbody > li .btn_edit a {color:#666; font-size:0.917rem; text-decoration:underline;}
.list_cart > .tbody > li .total {padding:15px; border:1px solid #dbdbdb; border-width:1px 0; background:#f8f8f8;}
.list_cart > .tbody > li .total strong {float:right; font-size:1.083rem;}
.list_cart > .tbody > li .stat {margin-top:-8px; padding:15px; border-bottom:1px solid #dbdbdb; background:#f8f8f8;}
.list_cart > .tbody > li .trace {margin-top:10px;}
.list_cart > .tbody > li .trace > p {padding-top:5px;}
.list_cart > .tbody > li .btn .box_btn a {position:relative; padding-left:30px;}
.list_cart > .tbody > li .btn .wish a:before {display:inline-block; position:absolute; left:50%; top:50%; width:13px; height:13px; margin:-6px 0 0 -32px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/icon_wish.png') no-repeat; background-size:cover; content:'';}
.list_cart > .tbody > li .btn .wish a.wish_on:before {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/icon_wish_on.png')}
.list_cart > .tbody > li .btn .del a:before {display:inline-block; position:absolute; left:50%; top:50%; width:13px; height:13px; margin:-6px 0 0 -32px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/icon_delete.png') no-repeat; background-size:cover; content:'';}
/* 세트상품 */
.list_cart > .tbody.set {background:#fdfdfd;}
.list_cart > .tbody.set .img {padding-left:15px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/icon_set.png') no-repeat left center/8px 6px;}

@media all and (min-width:1024px) {
	.list_cart {display:table; table-layout:fixed; border-collapse:collapse;}
	.list_cart > .thead {display:table-row; border-bottom:1px solid #dbdbdb;}
	.list_cart > .thead > li {display:table-cell; padding:15px 0; text-align:center; vertical-align:middle;}
	.list_cart > .tbody {display:table-row; padding:0;}
	.list_cart > .tbody > li {display:table-cell; margin:0; padding:0; text-align:center; vertical-align:middle;}
	.list_cart > .tbody > li.tal {padding-left:20px; text-align:left;}
	.list_cart > .tbody > li.check {position:static; margin-left:0;}
	.list_cart > .tbody > li.img {float:none; width:8%;}
	.list_cart > .tbody > li.img img {width:100%; height:auto;}
	.list_cart > .tbody > li.img + li {padding-top:0;}
	.list_cart > .tbody > li.sbs {margin-top:0; padding-top:0; border-top:none; text-align:left;}
	.list_cart > .tbody > li.sbs > p {padding:0;}
	.list_cart > .tbody > li.sbs > p > span {float:none;}
	.list_cart > .tbody > li.nr_stat br {display:block;}
	.list_cart > .tbody > li.nr_stat .box_btn {margin-top:5px;}
	.list_cart > .tbody > li .m_txt {display:none;}
	.list_cart > .tbody > li .today {padding:0; border:none;}
	.list_cart > .tbody > li .btn_edit {display:block; margin-left:0; padding-top:5px;}
	.list_cart > .tbody > li .box_qty {width:100px;}
	.list_cart > .tbody > li .box_qty .form_input {height:34px; padding:0 34px;}
	.list_cart > .tbody > li .box_qty .plus,
	.list_cart > .tbody > li .box_qty .minus {width:34px; height:34px;}
	.list_cart > .tbody > li .total {padding:0; border:none; background:none;}
	.list_cart > .tbody > li .total strong {float:none; font-size:1.083rem;}
	.list_cart > .tbody > li .stat {margin-top:0; padding:0; border:none; background:none;}
	.list_cart > .tbody > li .trace {margin-top:5px;}
	.list_cart > .tbody > li .trace > p {padding-top:3px;}
	.list_cart > .tbody > li .btn {font-size:0;}
	.list_cart > .tbody > li .btn .box_btn {display:inline-block; float:none; left:0; width:auto;}
	.list_cart > .tbody > li .btn .box_btn a {width:32px; height:32px; padding:0; border:none; background:no-repeat center/13px; color:transparent; font-size:0 !important;}
	.list_cart > .tbody > li .btn .wish a {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/icon_wish.png');}
	.list_cart > .tbody > li .btn .wish a.wish_on {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/icon_wish_on.png');}
	.list_cart > .tbody > li .btn .del a {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/icon_delete.png');}
	.list_cart > .tbody > li .btn .wish a:before,
	.list_cart > .tbody > li .btn .del a:before {display:none;}
	/* 세트상품 */
	.list_cart > .tbody.set .img {padding-left:20px;}
}

/* 상품목록(/shop/big_section.php) */
#big_section .best_area {clear:both; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #e0e0e0;}
#big_section .best_area .swiper-wrapper {padding-bottom:30px;}
#big_section .best_area .prd_basic .box .summary {display:none;}
#big_section .sub_category {font-size:0; text-align:center;}
#big_section .sub_category li {display:inline-block; padding:0 10px;}
#big_section .sub_category li a {display:block; padding:10px; color:#888;}
#big_section .sub_category li a:hover {color:#333;}
@media all and (min-width:768px) {
	#big_section .best_area {margin-bottom:50px; padding-bottom:50px;}
}

/* 상품상세페이지(/shop/detail.php) */
#detail .wrap_prd {position:relative;}
#detail .wrap_prd > .prdimg {overflow:hidden; position:relative; text-align:center;}
#detail .wrap_prd > .prdimg img {width:100%; height:auto;}
#detail .wrap_prd > .prdimg .addimg {display:none;}
#detail .wrap_prd > .prdimg .addimg .swiper_ctrl {display:none;}
#detail .wrap_prd > .info > .name_share {position:relative; padding:0 46px 12px 0;}
#detail .wrap_prd > .info > .name_share > h2 {overflow:hidden; font-size:1.333rem; font-weight:normal; text-overflow:ellipsis; white-space:nowrap;}
#detail .wrap_prd > .info > .name_share > h2 .icon {display:none;}
#detail .wrap_prd > .info > .name_share > .share {position:absolute; right:0; top:0; z-index:2;}
#detail .wrap_prd > .info > .name_share > .share > .icon {display:block; width:46px; height:46px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/icon_share.png') no-repeat center/46px;}
#detail .wrap_prd > .info > .name_share > .share > .list {display:none;}
#detail .wrap_prd > .info > .name_share > .share > .list:after {display:block; position:absolute; left:50%; top:36px; width:0; height:0; margin-left:-5px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:10px solid #676767; content:'';}
#detail .wrap_prd > .info > .name_share > .share > .list li a {display:block; width:46px; height:46px; background-color:#676767; background-repeat:no-repeat; background-position:center; background-size:46px; text-align:center; text-indent:-9999px;}
#detail .wrap_prd > .info > .name_share > .share > .list li.kakao a {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/icon_kakao.png');}
#detail .wrap_prd > .info > .name_share > .share > .list li.kakaostory a {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/icon_kakaostory.png');}
#detail .wrap_prd > .info > .name_share > .share > .list li.twitter a {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/icon_twitter.png');}
#detail .wrap_prd > .info > .name_share > .share > .list li.facebook a {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/icon_facebook.png');}
#detail .wrap_prd > .info > .price .consumer {color:#888; text-decoration:line-through;}
#detail .wrap_prd > .info > .price .consumerY {display:none;}
#detail .wrap_prd > .info > .price .sell,
#detail .wrap_prd > .info > .price .sell * {color:#111; font-size:1.250rem;}
#detail .wrap_prd > .info > .price .sellY,
#detail .wrap_prd > .info > .price .sellY * {color:#888; font-size:1rem; font-weight:400; text-decoration:line-through;}
#detail .wrap_prd > .info > .price .discount,
#detail .wrap_prd > .info > .price .discount * {color:#111; font-size:1.250rem;}
#detail .wrap_prd > .info > .price .discount {display:none;}
#detail .wrap_prd > .info > .price .discountY {display:inline-block;}
#detail .wrap_prd > .info > .price .coupon {display:inline-block; padding-right:20px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/download_coupon.png') no-repeat 90% center/10px #676767; cursor:pointer;}
#detail .wrap_prd .info > .price .coupon strong {display:inline-block; padding:2px 5px; background:#363636; color:#fff; font-size:0.917rem; font-weight:normal; letter-spacing:-1px;}
#detail .wrap_prd > .info .pop_coupon {display:none; position:fixed; left:0; top:50%; z-index:1001; width:100%; padding:15px; border:1px solid #d9d9d9; background:#fff;}
#detail .wrap_prd > .info .pop_coupon > h2 {color:#000; font-size:1.167rem;}
#detail .wrap_prd > .info .pop_coupon > .count {margin-top:20px; padding:15px 20px; background:#fafafa;}
#detail .wrap_prd > .info .pop_coupon > .list {overflow:auto; max-height:200px; margin-top:10px;}
#detail .wrap_prd > .info .pop_coupon > .list > li {position:relative; padding:15px 130px 15px 15px; border-bottom:1px solid #e0e0e0; text-align:left;}
#detail .wrap_prd > .info .pop_coupon > .list > li:first-child {border-top:1px solid #e0e0e0;}
#detail .wrap_prd > .info .pop_coupon > .list > li > div.name {font-weight:bold;}
#detail .wrap_prd > .info .pop_coupon > .list > li > div.btn {position:absolute; right:15px; top:50%; margin-top:-13px;}
#detail .wrap_prd > .info .pop_coupon > .list > li > div.btn span.box_btn * {min-width:100px;}
#detail .wrap_prd > .info .pop_coupon > .list > li > div.btn span.fin {display:inline-block; min-width:100px; padding:4px 8px; border:1px solid #676767; background-color:#fff; color:#000; text-align:center;}
#detail .wrap_prd > .info .pop_coupon > .close {display:inline-block; position:absolute; right:15px; top:10px; width:21px; height:21px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/button/close.png') no-repeat center / 16px; text-indent:-9999px; cursor:pointer;}
#detail .wrap_prd > .info > .summary {padding-top:5px; color:#888; word-break:break-all;}
#detail .wrap_prd > .info > .sbs {margin-top:15px; border:1px solid #e5e5e5; text-align:center;} 
#detail .wrap_prd > .info > .sbs > label {display:inline-block; margin:0 15px; line-height:40px; cursor:pointer;}
#detail .wrap_prd > .info > .sbs > label > input {vertical-align:middle;}
#detail .wrap_prd > .info > .today {margin-top:10px; padding:10px; border:1px solid #e5e5e5;}
#detail .wrap_prd > .info > .today > span {display:block; padding-top:5px; color:#666;}
#detail .wrap_prd > .info table.list {width:100%; margin-top:20px; border:1px solid #e0e0e0; border-width:1px 0;}
#detail .wrap_prd > .info table.list.set_table {margin-top:-1px;}
#detail .wrap_prd > .info table.list > tbody > tr > th {padding:5px 0; color:#666; font-weight:normal; text-align:left; vertical-align:middle;}
#detail .wrap_prd > .info table.list > tbody > tr > td {padding:5px 0; color:#888; text-align:left; vertical-align:middle;}
#detail .wrap_prd > .info table.list > tbody > tr:first-child > th,
#detail .wrap_prd > .info table.list > tbody > tr:first-child > td {padding-top:20px;}
#detail .wrap_prd > .info table.list > tbody > tr:last-child > th,
#detail .wrap_prd > .info table.list > tbody > tr:last-child > td {padding-bottom:20px;}
#detail .wrap_prd > .info table.list > tbody > tr > td input[type=text],
#detail .wrap_prd > .info table.list > tbody > tr > td select {width:100%;}
#detail .wrap_prd > .info table.list > tbody > tr > td .box_info {display:inline-block; position:relative;}
#detail .wrap_prd > .info table.list > tbody > tr > td .box_info .info {display:none; position:absolute; left:20px; top:-8px; z-index:10; width:150px; padding:5px 10px; border:1px solid #dcdcdc; background:#fff;}
#detail .wrap_prd > .info table.list > tbody > tr > td .box_info .info.delivery {left:-100px; top:25px; width:230px;}
#detail .wrap_prd > .info table.list > tbody > tr > td .box_info:hover .info {display:block;}
#detail .wrap_prd > .info .list_set {margin-top:20px; border-bottom:1px solid #e0e0e0; text-align:left;}
#detail .wrap_prd > .info .list_set > h3 {padding:10px 0; border:1px solid #e0e0e0; border-width:1px 0;}
#detail .wrap_prd > .info .list_set > .box {overflow:auto; max-height:335px;}
#detail .wrap_prd > .info .list_set > .box > ul {margin-bottom:-1px;}
#detail .wrap_prd > .info .list_set > .box > ul > li {overflow:hidden; position:relative; padding:15px 0; border-top:1px solid #e0e0e0;}
#detail .wrap_prd > .info .list_set > .box > ul > li:first-child {border-top:0;}
#detail .wrap_prd > .info .list_set > .box > ul > li > div {margin-left:110px;}
#detail .wrap_prd > .info .list_set > .box > ul > li > div.img {float:left; width:90px; margin-left:0;}
#detail .wrap_prd > .info .list_set > .box > ul > li > div.img img {width:100%; height:auto;}
#detail .wrap_prd > .info .list_set > .box > ul > li > div.info {margin-bottom:7px;}
#detail .wrap_prd > .info .list_set > .box > ul > li > div.info * {font-size:1.083rem;}
#detail .wrap_prd > .info .list_set > .box > ul > li > div.opt {padding-bottom:7px;}
#detail .wrap_prd > .info .list_set > .box > ul > li > div.opt input[type=text],
#detail .wrap_prd > .info .list_set > .box > ul > li > div.opt select {width:100%; margin:3px 0;}
#detail .wrap_prd > .info .list_set > .box > ul > li > div.btn .quick {position:absolute; top:15px; right:0;}
#detail .wrap_prd > .info .list_set > .box > ul > li > div.btn .quick > a {width:34px; height:34px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/icon_set_quick.png') no-repeat center/14px; color:transparent; font-size:0; text-indent:-9999px;}
#detail .wrap_prd > .info .list_set.select > .box > ul > li > div.info {padding-right:40px;}
#detail .wrap_prd > .info .restock {padding-top:20px;}
#detail .wrap_prd > .info .restock > p {padding-bottom:10px; letter-spacing:-0.5px;}
#detail .wrap_prd > .info .multi_opt {margin-top:-1px;}
#detail .wrap_prd > .info .multi_opt .selected_list > li:after {display:block; clear:both; content:'';}
#detail .wrap_prd > .info .multi_opt .selected_list > li {position:relative; padding:7px 15px; border-top:1px solid #ebebeb; background:#fafafa;}
#detail .wrap_prd > .info .multi_opt .selected_list > li .name {float:left; width:50%; word-break:break-all;}
#detail .wrap_prd > .info .multi_opt .selected_list > li .box_qty {float:left;}
#detail .wrap_prd > .info .multi_opt .selected_list > li .del {float:right;}
#detail .wrap_prd > .info .multi_opt .selected_list > li .del img {width:10px; height:10px; margin-top:12px; vertical-align:top;}
#detail .wrap_prd > .info .multi_opt .opt_total {clear:both; position:relative; padding:15px 0; border:1px solid #e0e0e0; border-width:1px 0; text-align:right;}
#detail .wrap_prd > .info .multi_opt .opt_total .title {position:absolute; left:0; top:50%; margin-top:-10px;}
#detail .wrap_prd > .info .multi_opt .opt_total strong,
#detail .wrap_prd > .info .multi_opt .opt_total strong * {color:#222; font-size:1.167rem;}
#detail .wrap_prd > .info .multi_opt .opt_total .coupon {display:inline-block; margin-right:5px; padding:2px 20px 2px 5px; border:1px solid #c3c3c3; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/apply_coupon.png') no-repeat 90% center; font-size:11px; cursor:pointer;}

/* 주문서3.0 구매하기 퀵버튼 */
#detail .order_quick_toggle {display:none; position:fixed; left:0; bottom:0; z-index:20; width:100%; max-height:450px; padding-bottom:40px; background-color:#fff;}
#detail .order_quick_toggle .btn_close {position:absolute; top:0; left:0; z-index:5; width:100%; height:40px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/button/layer_down.png') no-repeat center /27px auto #fff; color:transparent; font-size:0;}
#detail .order_quick_toggle .wrap_inner {max-height:410px; overflow-y:auto; padding-top:40px;}
#detail .order_quick_toggle table.list.tbl {margin-top:0; border-top:none;}
#detail .order_quick_toggle .pay {text-align:right;}
#detail .order_quick_toggle .pay > div {margin-top:10px;}
#detail .order_quick_wrap .order_quick {position:fixed; left:0; bottom:0; z-index:30; width:100%; background-color:#fff;}
#detail .order_quick_wrap .order_quick .btn {position:relative; font-size:0;}
#detail .order_quick_wrap .order_quick .btn .wish {display:inline-block; vertical-align:top;}
#detail .order_quick_wrap .order_quick .btn .wish * {width:40px; height:40px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/button/wish.png') no-repeat center/40px; text-indent:-9999px;}
#detail .order_quick_wrap .order_quick .btn .wish.on * {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/button/wish_on.png');}
#detail .order_quick_wrap .order_quick .btn .btn_col {display:inline-block; width:calc(100% - 40px); vertical-align:top;}
#detail .order_quick_wrap .order_quick .btn .btn_col span {width:50%;}
#detail .order_quick_wrap .order_quick .btn_real {display:none;}
#detail .wrap_info .tab_area {height:48px; margin-bottom:20px;}
#detail .wrap_info .tab_area > .tab:after {display:block; clear:both; content:'';}
#detail .wrap_info .tab_area > .tab li {float:left; width:25%; text-align:center;}
#detail .wrap_info .tab_area > .tab li a {display:block; padding:15px 0; background:#fafafa; border:1px solid #c3c3c3; border-width:1px 0 1px 1px; color:#888;}
#detail .wrap_info .tab_area > .tab li a.active {background:#fff; border-bottom-color:#fff; color:#333; font-weight:bold;}
#detail .wrap_info .tab_area > .tab li:first-child a {border-left:0;}
#detail .wrap_info .tab_area > .tab.fixed {position:fixed; left:0; top:55px; z-index:10; width:100%; background:#fff;}
#detail .wrap_info .detail_info,
#detail .wrap_info .common_info {word-break:break-all;}
#detail .wrap_info .detail_info {margin-bottom:20px;}
#detail .wrap_info .detail_info * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#detail .wrap_info .detail_info img,
#detail .wrap_info .common_info img {max-width:100%; height:auto; font-size:0; line-height:0;}
#detail .wrap_info .detail_related .title {padding:12px 0; font-style:normal; font-size:1.417rem; font-weight:normal; text-align:center;}
#detail .wrap_info .detail_related .btn_bottom .box_btn {margin-top:10px;}
#detail .detail_qnarev {overflow:hidden;}
#detail .detail_qnarev .title_qnarev {position:relative; margin-top:20px; padding-bottom:15px; border-bottom:1px solid #333;}
#detail .detail_qnarev .title_qnarev.none {border-bottom:0;}
#detail .detail_qnarev .title_qnarev > h3 {font-size:1.167rem;}
#detail .detail_qnarev .title_qnarev > h3 > span {color:#888; font-size:inherit;}
#detail .detail_qnarev .title_qnarev > .btn {position:absolute; right:0; top:0; font-size:0;}
#detail .detail_qnarev .title_qnarev > .btn > a {display:inline-block; position:relative; padding-left:18px; color:#666; background-repeat:no-repeat; background-position:left center;}
#detail .detail_qnarev .title_qnarev > .btn > a:after {display:inline-block; width:1px; height:14px; margin:0 10px; background-color:#e5e5e5; vertical-align:top; content:'';}
#detail .detail_qnarev .title_qnarev > .btn > a:last-child:after {display:none;}
#detail .detail_qnarev .title_qnarev > .btn > a.write {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/icon_write.png'); background-size:12px auto;}
#detail .detail_qnarev .title_qnarev > .btn > a.list {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/icon_list.png'); background-size:12px auto;}
#detail .detail_qnarev .title_qnarev > .sort {padding-top:5px; font-size:0;}
#detail .detail_qnarev .title_qnarev > .sort > li {display:inline-block;}
#detail .detail_qnarev .title_qnarev > .sort > li:after {display:inline-block; width:1px; height:14px; margin:2px 10px 0 10px; background-color:#e5e5e5; vertical-align:top; content:'';}
#detail .detail_qnarev .title_qnarev > .sort > li:last-child:after {display:none;}
#detail .detail_qnarev .title_qnarev > .sort > li a {color:#666;}
#detail .detail_qnarev .title_qnarev > .sort > li a.selected {padding-left:13px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/bullet_check.png') no-repeat left center; color:#333; font-weight:bold;}
#detail .detail_qnarev > .summary {padding:20px 0; background-color:#f6f6f6; font-size:0; text-align:center;}
#detail .detail_qnarev > .summary > div {display:inline-block; width:50%; vertical-align:top;}
#detail .detail_qnarev > .summary > div > h4 {font-weight:normal;}
#detail .detail_qnarev > .summary > div.count {display:none;}
#detail .detail_qnarev > .summary > div.count > p {margin-top:25px; padding-top:40px; font-size:1.667rem; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/icon_review_count.png') no-repeat center top/35px;}
#detail .detail_qnarev > .summary > div.count > p strong {font-size:2.500rem;}
#detail .detail_qnarev > .summary > div.grade .icon {display:inline-block; position:relative; width:138px; height:21px; margin-top:25px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/grade.png') no-repeat left top/cover;}
#detail .detail_qnarev > .summary > div.grade .icon > i {display:block; position:absolute; left:0; top:0; height:100%; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/grade_over.png') no-repeat left top/138px 21px;}
#detail .detail_qnarev > .summary > div.grade .average {margin-top:9px; color:#bebebe; font-size:2.500rem;}
#detail .detail_qnarev > .summary > div.grade .average strong {color:#333; font-size:inherit;}
#detail .detail_qnarev > .summary > div.ratio .graph {display:inline-block; -ms-transform:rotate(270deg); -webkit-transform:rotate(270deg); transform:rotate(270deg);}
#detail .detail_qnarev > .summary > div.ratio .graph > li {padding:5px 0; font-size:0;}
#detail .detail_qnarev > .summary > div.ratio .graph > li span {display:inline-block;}
#detail .detail_qnarev > .summary > div.ratio .graph > li .score {min-width:30px; font-size:0.917rem; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
#detail .detail_qnarev > .summary > div.ratio .graph > li .bar {width:40px; height:5px; margin:0 3px; border-radius:5px; background-color:#d4d4d4; font-size:0; text-align:left;}
#detail .detail_qnarev > .summary > div.ratio .graph > li .bar > i {display:inline-block; height:100%; border-radius:inherit; background-color:#b8b7b7;}
#detail .detail_qnarev > .summary > div.ratio .graph > li .bar.max > i {background-color:#e35050;}
#detail .detail_qnarev > .summary > div.ratio .graph > li .bar.min > i {background-color:#b8b7b7;}
#detail .detail_qnarev > .summary > div.ratio .graph > li .count {min-width:20px; padding:0 5px; border-radius:5px; background-color:#fff; font-size:0.833rem; text-align:center; line-height:16px; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
#detail .detail_qnarev > .summary > div.ratio .graph > li .count.max {background-color:#e35050; color:#fff;}
#detail .detail_qnarev .list > li {width:100%; padding:25px 0; border-bottom:1px solid #e0e0e0;}
#detail .detail_qnarev .list > li > .info {vertical-align:middle;}
#detail .detail_qnarev .list > li > .info .grade {padding-left:5px; font-weight:bold;}
#detail .detail_qnarev .list > li > .info .name {padding-top:5px; color:#888;}
#detail .detail_qnarev .list > li > .info .prd_name {padding-top:10px;}
#detail .detail_qnarev .list > li > .info .prd_name a {color:#555; font-size:1.167rem;}
#detail .detail_qnarev .list > li > .info .title,
#detail .detail_qnarev .list > li > .info .title * {font-size:1.167rem; font-weight:bold;}
#detail .detail_qnarev .list > li > .info .title {padding-top:10px;}
#detail .detail_qnarev .list > li > .info .title img {width:auto; height:12px; vertical-align:middle;}
#detail .detail_qnarev .list > li > .info .title .best {display:inline-block; padding:0 3px; background:#f00; color:#fff !important;}
#detail .detail_qnarev .list > li > .info .content {padding-top:5px;}
#detail .detail_qnarev .list > li > .info .more {display:inline-block; margin-top:10px; padding-top:10px; color:#666; font-weight:bold;}
#detail .detail_qnarev .list > li > .upfile {width:106px; margin-top:10px; vertical-align:middle;}
#detail .detail_qnarev .list > li > .upfile > a {display:block; position:relative; overflow:hidden; width:96px; height:96px; border:1px solid #e0e0e0; vertical-align:middle;}
#detail .detail_qnarev .list > li > .upfile img {position:absolute; top:50%; left:50%; width:96px; height:auto; transform:translate(-50%, -50%);}
#detail .detail_qnarev .list > li > .upfile .count {display:block; position:absolute; bottom:0; right:0; width:20px; height:20px; background-color:rgba(0,0,0,0.5); color:#fff; text-align:center; line-height:20px;}
#detail .list_photo {position:relative; width:100%; font-size:0;}
#detail .list_photo .slick-dots {margin-top:10px;}
#detail .list_photo .frame {margin-right:5px;}
#detail .list_photo .box {display:block; position:relative; overflow:hidden; width:100%; height:25vw; border:1px solid #e0e0e0; vertical-align:middle;}
#detail .list_photo .box > img {position:absolute; top:50%; left:50%; width:100%; height:auto; transform:translate(-50%, -50%);}

@media all and (min-width:768px) {
	#detail .wrap_info .tab_area > .tab.fixed {top:80px; border-bottom:1px solid #e0e0e0;}

	#detail .wrap_prd {overflow:hidden;}
	#detail .wrap_prd > .info > .name_share > h2 .icon {display:inline-block;}
	#detail .wrap_prd > .info > .name_share > h2 .icon img {margin:0 2px; vertical-align:middle;}
	#detail .wrap_prd > .info .pop_coupon {left:50%; top:20%; width:650px; margin-left:-325px; padding:40px;}
	#detail .wrap_prd > .info .pop_coupon > h2 {font-size:1.833rem;}
	#detail .wrap_prd > .info .pop_coupon > .list > li {display:table; width:100%; padding:15px;}
	#detail .wrap_prd > .info .pop_coupon > .list > li > div {display:table-cell; vertical-align:middle; line-height:28px;}
	#detail .wrap_prd > .info .pop_coupon > .list > li > div.name {width:40%;}
	#detail .wrap_prd > .info .pop_coupon > .list > li > div.price {width:40%;}
	#detail .wrap_prd > .info .pop_coupon > .list > li > div.btn {position:static; width:20%; margin:0; text-align:center;}
	#detail .wrap_prd > .info .pop_coupon > .close {right:20px; top:20px;}

	/* 주문서3.0 구매하기 퀵버튼 */
	#detail .order_quick_toggle {display:block; position:static; max-height:none; padding-bottom:20px;}
	#detail .order_quick_toggle .btn_close {display:none;}
	#detail .order_quick_toggle .wrap_inner {overflow-y:initial; max-height:none; padding:0;}
	#detail .order_quick_toggle .list.tbl {width:100%;}
	#detail .wrap_prd > .info > .list.set_table {width:100%;}
	#detail .order_quick_wrap .order_quick {position:static;}
	#detail .order_quick_wrap .order_quick .btn_fake {display:none;}
	#detail .order_quick_wrap .order_quick .btn_real {display:block;}
	#detail .order_quick_wrap .order_quick .btn .btn_col {width:calc(100% - 45px);}
	#detail .order_quick_wrap .order_quick .btn .wish * {width:45px; height:45px;}
}
@media all and (min-width:1024px) {
	#detail {margin-top:50px;}
	#detail * {font-size:1.167rem;}
	#detail .wrap_prd > .prdimg {float:left; width:420px;}
	#detail .wrap_prd > .prdimg .addimg .swiper_ctrl {display:block;}
	#detail .wrap_prd > .info {float:right; width:calc(100% - 420px); padding-left:50px;}
	#detail .wrap_prd > .info > .name_share > h2 {font-size:1.667rem;}
	#detail .wrap_prd > .info > .price .sell,
	#detail .wrap_prd > .info > .price .sell * {font-size:1.167rem;}
	#detail .wrap_prd > .info > .price .sellY,
	#detail .wrap_prd > .info > .price .sellY * {font-size:1rem;}
	#detail .wrap_prd > .info > .price .discount,
	#detail .wrap_prd > .info > .price .discount * {font-size:1.167rem;}
	#detail .wrap_prd > .info > .summary {padding-top:20px;}
	#detail .wrap_prd > .info > .today {margin:15px auto 0; padding:15px;}
	#detail .wrap_prd > .info > .today > span {display:inline-block; padding:0;}
	#detail .wrap_prd > .info table.list {border:none;}
	#detail .wrap_prd > .info table.list > tbody > tr > th {padding:5px 0 5px 20px;}
	#detail .wrap_prd > .info table.list > tbody > tr:first-child > th,
	#detail .wrap_prd > .info table.list > tbody > tr:first-child > td {padding-top:5px;}
	#detail .wrap_prd > .info table.list > tbody > tr:last-child > th,
	#detail .wrap_prd > .info table.list > tbody > tr:last-child > td {padding-bottom:0;}
	#detail .wrap_prd > .info table.list > tbody > tr > td select {width:130px;}
	#detail .wrap_prd > .info table.list > tbody > tr > td .box_info .info {padding:10px 15px; border-radius:5px;}
	#detail .wrap_prd > .info table.list > tbody > tr > td .box_info .info.delivery {left:20px; top:-8px;}
	#detail .wrap_prd > .info > .restock {display:none;}
	#detail .wrap_prd > .info .restock > p {float:left; padding-bottom:0; font-size:0.917rem;}
	#detail .wrap_prd > .info .restock > .box_btn {display:inline-block; float:right;}
	#detail .wrap_prd > .info .restock > .box_btn a {padding:2px 5px; border:1px solid #c3c3c3; font-size:0.917rem; cursor:pointer;}
	#detail .wrap_prd > .info .restock > .box_btn a:hover {background-color:#f5f5f5;}
	#detail .wrap_prd > .info .restock:after {display:block; clear:both; content:'';}
	#detail .wrap_prd > .info .multi_opt {margin-top:20px;}
	#detail .wrap_prd > .info .multi_opt .selected_list > li {padding:15px 20px;}
	#detail .wrap_prd > .info .multi_opt .opt_total {padding:15px 20px;}
	#detail .wrap_prd > .info .multi_opt .opt_total .title {left:20px;}
	#detail .wrap_prd > .info .multi_opt .opt_total .coupon:hover {background-color:#f5f5f5;}
	#detail .order_quick_toggle {padding-top:10px;}
	#detail .wrap_prd > .info .btn .pay {text-align:right;}
	#detail .wrap_info {clear:both; margin-top:100px; border-top:1px solid #e0e0e0;}
	#detail .wrap_info .tab_area {height:120px; margin-bottom:0;}
	#detail .wrap_info .tab_area > .tab {height:120px; padding:50px 0; text-align:center; font-size:0;}
	#detail .wrap_info .tab_area > .tab li {display:inline-block; float:none; position:relative; width:auto; padding:0 15px;}
	#detail .wrap_info .tab_area > .tab li:after {display:inline-block; position:absolute; left:0; top:3px; width:1px; height:10px; background:#dedede; content:'';}
	#detail .wrap_info .tab_area > .tab li:first-child:after {display:none;}
	#detail .wrap_info .tab_area > .tab li a {padding:0; background:none; border:none; font-family:'arial'; font-size:1.167rem; transition:all .3s ease; cursor:pointer;}
	#detail .wrap_info .tab_area > .tab li a.active,
	#detail .wrap_info .tab_area > .tab li a:hover {background:none; color:#d53838; font-weight:normal; text-decoration:underline;}
	/* #detail .wrap_info .tab_area > .tab.fixed {top:0; border-bottom:1px solid #e0e0e0;} */
	#detail .wrap_info .tabcnt_detail {padding-top:50px;}
	#detail .wrap_info .tabcnt_detail.tabcnt_detail0 {padding-top:0;}
	#detail .wrap_info .detail_info {margin-bottom:30px;}
	#detail .wrap_info .detail_related .title {font-size:1.500rem;}
	#detail .wrap_info .detail_related .btn_bottom {margin-top:20px; text-align:right;}
	#detail .wrap_info .detail_related .btn_bottom .box_btn {display:inline-block !important; margin-top:0;}
	#detail .wrap_info .detail_related .btn_bottom .box_btn * {width:125px;}
	#detail .detail_qnarev .title_qnarev {margin-top:40px; padding-bottom:25px;}
	#detail .detail_qnarev .title_qnarev > h3 {font-size:1.500rem;}
	#detail .detail_qnarev .title_qnarev > .btn {top:5px; padding-top:0;}
	#detail .detail_qnarev .title_qnarev > .btn > a {padding-left:20px; font-size:1.167rem;}
	#detail .detail_qnarev .title_qnarev > .btn > a:after {margin:5px 10px 0 10px;}
	#detail .detail_qnarev .title_qnarev > .sort {position:absolute; right:0; top:5px; padding-top:0;}
	#detail .detail_qnarev .title_qnarev > .sort > li:after {margin:5px 10px 0 10px;}
	#detail .detail_qnarev .title_qnarev > .sort > li a {font-size:1.167rem;}
	#detail .detail_qnarev > .summary {margin-top:30px; padding:35px 0;}
	#detail .detail_qnarev > .summary > div {width:auto;}
	#detail .detail_qnarev > .summary > div:nth-child(2) {margin:0 140px;}
	#detail .detail_qnarev > .summary > div > h4 {font-size:1.167rem;}
	#detail .detail_qnarev > .summary > div.count {display:inline-block;}
	#detail .detail_qnarev > .summary > div.grade .icon {margin-top:35px;}
	#detail .detail_qnarev > .summary > div.ratio .graph {display:block; margin-top:10px; -ms-transform:rotate(0); -webkit-transform:rotate(0); transform:rotate(0);}
	#detail .detail_qnarev > .summary > div.ratio .graph > li {padding:1px 0;}
	#detail .detail_qnarev > .summary > div.ratio .graph > li .score {min-width:auto; font-size:1rem; -ms-transform:rotate(0); -webkit-transform:rotate(0); transform:rotate(0);}
	#detail .detail_qnarev > .summary > div.ratio .graph > li .bar {width:190px; height:8px; margin:0 10px 0 20px;}
	#detail .detail_qnarev > .summary > div.ratio .graph > li .count {min-width:30px; font-size:1rem; line-height:1.4; -ms-transform:rotate(0); -webkit-transform:rotate(0); transform:rotate(0);}
	#detail .detail_qnarev .list > li {display:table;}
	#detail .detail_qnarev .list > li > .info {display:table-cell; width:calc(100% - 106px);}
	#detail .detail_qnarev .list > li > .info .grade {font-size:1.333rem;}
	#detail .detail_qnarev .list > li > .info .name img {width:auto; height:16px; margin-top:1px; vertical-align:top;}
	#detail .detail_qnarev .list > li > .upfile {display:table-cell; position:relative; margin-top:0; text-align:right; vertical-align:middle;}
	#detail .list_photo .slick-arrow {position:absolute; top:-50px; z-index:10; width:30px; height:30px; border:1px solid #dcdcdc; background-color:#fff; text-align:center;}
	#detail .list_photo .slick-arrow:after {display:block; width:10px; height:10px; border:1px solid #a7a7a7; content:'';}
	#detail .list_photo .slick-arrow:hover {background-color:#f6f6f6;}
	#detail .list_photo .slick-arrow:hover:after {border-color:#e35050;}
	#detail .list_photo .slick-prev {right:29px;}
	#detail .list_photo .slick-prev:after {margin-left:12px; border-width:1px 0 0 1px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
	#detail .list_photo .slick-next {right:0;}
	#detail .list_photo .slick-next:after {margin-left:5px; border-width:1px 1px 0 0; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
	#detail .list_photo .slick-dots {margin-top:20px;}
	#detail .list_photo .box {height:20vw;}
}
@media all and (min-width:1100px) {
	#detail .list_photo .box {width:116px; height:116px;}
}

/* 상품상세페이지 - 개인결제 (/shop/detail_private.php) */
#detail.private .wrap_prd > .info {text-align:center;}
#detail.private .wrap_prd > .info > .price .sell,
#detail.private .wrap_prd > .info > .price .sell * {font-size:2rem;}
#detail.private .wrap_prd > .info > .btn {padding-right:0;}

@media all and (min-width:768px) {
	#detail.private .wrap_prd > .info {padding-top:100px;}
	#detail.private .wrap_prd > .info .name_share {padding-right:0;}
	#detail.private .wrap_prd > .info > .price .sell,
	#detail.private .wrap_prd > .info > .price .sell * {font-size:2.500rem;}
	#detail.private .wrap_info {border-top:0;}
}


/* 퀵프리뷰 - 팝업(/shop/detail_popup.php) */
#preview_popup {background:none !important;}
#detail_pop {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; padding:0; background:#fff;}
#detail_pop #detail .close {display:block; overflow:hidden; position:absolute; right:0; top:0; z-index:5; width:46px; height:46px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/button/close.png') no-repeat center/16px; text-indent:-9999px; cursor:pointer;}
#detail_pop #detail .info > .btn {position:relative; margin-top:20px; padding-right:50px; font-size:0;}
#detail_pop #detail .info > .btn .wish {position:absolute; right:0; top:0;}
#detail_pop #detail .info > .btn .wish * {width:45px; height:45px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/button/wish.png') no-repeat center/40px; text-indent:-9999px;}
#detail_pop #detail .info > .btn .wish.on * {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/button/wish_on.png');}
@media all and (min-width:768px) {
	#detail_pop {max-width:1100px; margin:0 auto; padding:30px;}
	#detail_pop #detail {margin-top:0;}
	#detail_pop #detail .close {width:21px; height:21px;}
}

/* 장바구니(/shop/cart.php) */
#cart:after {display:block; clear:both; content:'';}
#cart .tab_sbs {margin-top:-1px; font-size:0; text-align:center;}
#cart .tab_sbs > li {display:inline-block; width:50%; font-size:0;}
#cart .tab_sbs > li > a {display:block; position:relative; margin-left:-1px; padding:15px 5px; border:1px solid #e0e0e0; border-bottom-color:#333; color:#666; font-size:1.167rem;}
#cart .tab_sbs > li > a > span {color:#999;}
#cart .tab_sbs > li.active > a {z-index:1; border-color:#333; border-bottom:0; color:#333;}
#cart .sum {border-bottom:1px solid #dbdbdb; background:#f8f8f8;}
#cart .sum.total {border-top:1px solid #dbdbdb; background:#e4eaed;}
#cart .sum .delivery_msg {display:none;}
#cart .title_total {padding:20px 0; font-size:1.167rem; font-style:italic; text-align:center;}
#cart .title_total:before {display:inline-block; width:12px; height:9px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/bullet_check.png') no-repeat left center/12px 9px; content:'';}
#cart .btn_bottom {margin-bottom:10px;}
#cart .pc_btn {display:none;}
#cart .pay {text-align:center;}
#cart .pay > div {margin-top:10px;}
#cart .msg {margin-top:10px;}
#cart .msg dt {padding-bottom:10px; font-weight:bold;}
#cart .msg dd {color:#888; font-size:0.917rem;}

/* 장바구니 옵션 변경 */
.cart_change_option .img {width:100%;}
.cart_change_option .img img {width:100%; height:auto;}
.cart_change_option .info {margin:10px;}
.cart_change_option .info .opt {padding-top:5px;}
.cart_change_option .info .price {padding:10px 0; font-family:'Verdana';}
.cart_change_option .info .price strong {color:#000; font-family:inherit; font-size:1.667rem;}
.cart_change_option .info .list_opt li {padding-bottom:10px;}
.cart_change_option .info .list_opt li select,
.cart_change_option .info .list_opt li input {width:100%;}
.cart_change_option .info .list_opt li input[type=checkbox],
.cart_change_option .info .list_opt li input[type=radio] {width:auto;}
.cart_change_option .info .total_prc {padding:10px; text-align:right;}
.cart_change_option .info .total_prc span {margin-left:3px; color:#000; font-family:'Verdana';}
.cart_change_option .info .total_prc span .sell_prc_str_total {color:inherit; font-family:inherit; font-size:1.667rem; font-weight:bold;}
/* 장바구니 개별상품 쿠폰적용 */
#cart .cart_prc > .after {display:none;}
#cart .cart_prc.is_sale > .before {text-decoration:line-through;}
#cart .cart_prc.is_sale > .after {display:block;}

@media all and (min-width:1024px) {
	#cart * {font-size:1.167rem;}
}

@media all and (min-width:768px) {
	.enterprise {padding-top:30px;}
	.enterprise.headY {padding-top:0;}
	#cart .tab_sbs {margin:0 0 20px;}
	#cart .tab_sbs > li {width:auto;}
	#cart .tab_sbs > li > a {width:180px; padding:8px; border-bottom-color:#e0e0e0;}
	#cart .tab_sbs > li.active > a {border-bottom:1px solid #333;}
	#cart .area_left {float:left; width:calc(100% - 360px); margin-top:30px;}
	#cart .area_left .btn_bottom {display:inline-block; width:auto; margin-bottom:0;}
	#cart .area_left .btn_bottom .box_btn {display:inline-block; float:none; width:auto;}
	#cart .area_left .m_btn {display:none;}
	#cart .area_right {float:right; margin-top:30px;}
	#cart .area_right .sum {width:360px; padding:40px; border:none;}
	#cart .area_right .sum .box_btn {margin-top:10px;}
	#cart .area_right .sum .pc_btn {display:block;}
	#cart .area_right .title_total {display:none;}
	#cart .pay {clear:both; text-align:right;}
	#cart .pay > div {padding-top:10px;}
	#cart .msg {clear:both;}
	#cart .list_gift {padding-top:30px;}
	/* 장바구니 입점몰 계산 박스 */
	#cart .cart_sum {position:relative; padding:30px 60px; background:#f8f8f8; text-align:right;}
	#cart .cart_sum:after {display:block; clear:both; content:'';}
	#cart .cart_sum .delivery_msg {display:block; position:absolute; left:30px; top:50%; z-index:10; margin-top:-7px; text-align:left; font-weight:bold;}
	#cart .cart_sum table {width:30%; float:right;}
	#cart .cart_sum table th {padding:5px 0; color:#666; font-weight:normal; text-align:left;}
	#cart .cart_sum table td {padding:5px 0; color:#666; text-align:right;}
}

/* 주문서 & 주문완료 & 마이페이지 주문상세 (주문서 3.0) */
.box_order .def_info .title {display:none;}
.box_order .def_info p {padding-bottom:3px; color:#666;}
.box_order .def_info p strong {display:inline-block; padding-bottom:10px; color:#333; font-size:1.083rem;}
.box_order .def_info .dlv_msg {margin-top:12px; padding:14px 0; border-top:1px solid #dcdcdc;}
.box_order .def_info .box_btn {margin-top:15px;}

@media all and (min-width:768px) {
	.box_order .def_info .title {display:table-cell;}
	.box_order .def_info p {margin-right:5px; padding-bottom:3px;}
	.box_order .def_info p strong {padding-bottom:0;}
	.box_order .def_info .box_btn  > * {padding:8px 12px;}
}

/* 주문서(/shop/order.php) */
#order {background-color:#f7f7f7;}
#order .btn_flr {position:relative; padding-right:75px;}
#order .btn_flr .box_btn {position:absolute; top:0; right:0; margin-top:0;}
#order form .box {margin-bottom:10px; border:1px solid #dcdcdc; background-color:#fff;}
#order .print_receipt {display:none; padding-bottom:10px; text-align:right; line-height:30px;}
#order h3.title {position:relative; padding:15px; border:1px solid #dcdcdc; border-width:1px 1px 0 1px; background:#fff; font-size:1.167rem;}
#order h3.title:before {position:absolute; right:25px; top:22px; width:15px; height:1px; background:#454545; content:''; -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); transition:all .3s ease;}
#order h3.title:after {position:absolute; right:15px; top:22px; width:15px; height:1px; background:#454545; content:''; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); transition:all .3s ease;}
#order h3.title.active:before {-ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
#order h3.title.active:after {-ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg);}
#order .part_guest {border-bottom:none !important;}
#order .part_guest .agree_guest {padding:15px; background-color:#fff;}
#order .part_prd .msg {padding:10px 15px; color:#888; font-size:0.917rem;}
#order .part_prd .list_cart {border-top:none;}
#order .part_prd .msg_delivery {border-bottom:1px solid #dbdbdb;}
#order .part_orderer .order_login_btn {margin-bottom:10px;}
#order .part_orderer .msg {margin-top:5px;}
#order .part_delivery .tbl_order3 > .tbody {overflow:initial;}
#order .part_delivery .tbl_order3 > .tbody > li.title {position:relative;}
#order .part_delivery .btn_cb {display:inline-block; margin-top:5px;}
#order .part_delivery .country {padding:10px 0;}
#order .part_delivery .country:after {display:block; clear:both; content:'';}
#order .part_delivery .country label {display:inline-block; float:left; width:50%; padding:10px; border:1px solid #dcdcdc; text-align:center;}
#order .part_delivery .country label:last-child {border-left:0;}
#order .part_delivery .select_place select,
#order .part_delivery .select_country select {width:100%;}
#order .part_delivery .tel_area {position:relative; padding-left:90px;}
#order .part_delivery .tel_area select {position:absolute; left:0; top:0; width:80px;}
#order .part_delivery .address_area > div + div {padding-top:10px;}
#order .part_delivery .address_area .code {position:relative; padding-right:120px;}
#order .part_delivery .address_area .code .box_btn {position:absolute; right:0; bottom:0;}
#order .part_delivery .addfd > li {padding-top:10px;}
#order .part_delivery .addfd > li:first-child {padding-top:0;}
#order .part_delivery .dlv_msg {margin-top:12px; padding-top:10px; border-top:1px solid #e5e5e5;}
#order .part_delivery .def_info .addr_def {display:inline-block; margin-bottom:3px; padding:0 4px; font-size:0.75rem; border:1px solid #333; color:#333; line-height:1.3;}
#order .part_delivery .order_dlv_msg {position:relative;}
#order .part_delivery .order_dlv_msg .form_input {background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/select_arrow.png') no-repeat right 8px center /9px auto;}
#order .part_delivery .order_dlv_msg ul {position:absolute; top:calc(100% - 1px); left:0; z-index:5; width:100%; padding:7px 0; background-color:#fff; border:1px solid #666;}
#order .part_delivery .order_dlv_msg ul li {position:relative; padding:7px 30px 7px 10px; cursor:pointer;}
#order .part_delivery .order_dlv_msg ul li .btn_del {display:block; width:11px; height:11px; position:absolute; top:50%; right:10px; margin-top:-5px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/button/delete_s.png') no-repeat center /9px; color:transparent; font-size:0;}
#order .part_delivery .cb label {display:inline-block; margin:0 10px 5px 0;}
#order .part_gift .tbl_col_og thead {display:none;}
#order .part_gift .tbl_col_og > tbody > tr > td {padding:15px;}
#order .part_gift .tbl_col_og > tbody > tr:last-child > td {border-bottom:none;}
#order .part_discount .input_wrap {position:relative; font-size:0;}
#order .part_discount .input_wrap .form_input {width:calc(100% - 100px);}
#order .part_discount .input_wrap .box_btn * {border-left-width:0;}
#order .part_discount .input_wrap .use_msg {position:absolute; top:-25px; right:0;}
#order .part_discount .used_cpn_list li {margin-top:6px;}
#order .part_discount .used_cpn_list li p {display:inline-block; padding:2px 10px 2px 20px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/bullet_check.png') no-repeat left 5px center /9px auto #fff7d8; color:#666; font-size:0.917rem;}
#order .part_discount .used_cpn_list li p strong {color:#333; font:inherit;}
#order .part_discount .coupon {position:relative; margin-top:10px;}
#order .part_discount .coupon:first-child {margin-top:0;}
#order .part_discount .coupon .name {display:block; padding:10px 5px; background:#f5f5f5; font-weight:bold;}
#order .part_discount .coupon .content {padding:10px; font-size:0.917rem;}
#order .part_discount .offcpn #off_cpn_div1 {position:relative;}
#order .part_discount .offcpn #off_cpn_div1 .box_btn {}
#order .part_discount .offcpn #off_cpn_div2,
#order .part_discount .offcpn #off_cpn_img2 {display:none;}
#order .part_discount .offcpn #off_cpn_div2 p {margin-bottom:5px;}
#order .part_discount .offcpn #off_cpn_div2 .offbtn {text-align:right;}
#order .part_discount .offcpn .box_btn.small a {min-width:89px;}
#order .pay_sbs {margin-bottom:20px;}
#order .pay_sbs:after {display:block; clear:both; content:'';}
#order .pay_sbs > div {float:left; width:50%; margin-left:-1px;}
#order .pay_sbs > div > input {display:none;}
#order .pay_sbs > div > label {display:block; position:relative; padding:10px 5px; border:1px solid #dcdcdc; color:#888; text-align:center; cursor:pointer;}
#order .pay_sbs > div > label:before {display:inline-block; width:9px; height:8px; margin-right:5px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/bullet_check.png') no-repeat center; content:'';}
#order .pay_sbs > div > input:checked + label {z-index:5; border-color:#676767; background-color:#fff; color:#333;}
#order .part_method .pay_type_list {padding:20px 0; font-size:0;}
#order .part_method .pay_type_list li {height:45px; margin-bottom:10px; vertical-align:top; text-align:center;}
#order .part_method .pay_type_list li input {display:none;}
#order .part_method .pay_type_list li label {display:block; border:1px solid #dcdcdc; height:45px; padding:13px 0; white-space:nowrap;}
#order .part_method .pay_type_list li.simple label {background-repeat:no-repeat; background-position:center; background-size:63px auto; color:transparent; font-size:0;}
#order .part_method .pay_type_list li.ptype22 label {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/icon_pay_toss.png');}
#order .part_method .pay_type_list li.ptype17 label {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/icon_pay_payco.png');}
#order .part_method .pay_type_list li.ptype12 label {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/icon_pay_kakao.png');}
#order .part_method .pay_type_list li.mix label {padding:13px 0; color:#333; font-size:0.917rem;} /* 네이버페이 아이콘 + 텍스트 형 */
#order .part_method .pay_type_list li.mix label img {width:60px; height:auto; margin-right:5px;} /* 네이버페이 아이콘 + 텍스트 형 */
#order .part_method .pay_type_list li input:checked + label {position:relative; border-color:#333; font-weight:700;}
#order .part_method .pay_type_list li input:checked + label::after {content:''; position:absolute; top:50%; right:13px; width:14px; height:10px; margin-top:-5px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/bullet_check_big.png') no-repeat center /100% auto;}
#order .part_method .pay_bank {padding-top:20px; border-top:1px solid #e0e0e0;}
#order .part_method .pay_bank > .tbody.bank > li.title {display:none;}
#order .part_method .pay_bank > .tbody.bank > li select {width:100%;}
#order .ord_info > .area_right h3.title {border:none;}
#order .order_cancel_msg {color:#666; display:none;}
#order .reconfirm {margin:10px 0;}
#order .reconfirm label {display:block; position:relative; padding:15px 15px 15px 40px; border:1px solid #dfdfdf; background:#fff; cursor:pointer;}
#order .reconfirm label > input {position:absolute; left:15px; top:18px;}
/* 주문 3.0 */
#order #order1 {border-top:1px solid #dfdfdf;}
#order #order1 .box_btn {margin-top:10px;}
#order #order1 .box_btn > a span {color:inherit; font:inherit;}
#order #order2 {display:none; border:1px solid #dfdfdf; background-color:#fff; text-align:center;}
#order #order2 .paytype_gr1 {font-size:1.333rem; font-weight:bold;}
#order #order2 .paytype_gr1 strong,
#order #order2 .paytype_gr1 strong * {font-size:inherit;}
#order #order2 .msg {padding:23px 0; color:#888;}
#order #order3 {border:1px solid #dfdfdf; background-color:#fff; text-align:center;}
#order #order3 .paytype_gr1 {font-size:1.333rem; font-weight:bold;}
#order #order3 .paytype_gr1 strong,
#order #order3 .paytype_gr1 strong * {font-size:inherit;}
#order #order3 .msg {padding:23px 0; color:#888;}
#order .btn_order.fake {position:fixed; left:0; bottom:0; z-index:5; width:100%;}
#order .btn_order.fake > a {border-radius:0;}
#order .btn_order.real {display:none; position:relative;}

@media all and (min-width:768px) {
	#order .part_delivery .btn_cb {}
	#order .part_discount .input_wrap .form_input {width:210px; margin-right:5px; vertical-align:middle;}
	#order .part_discount .input_wrap .use_msg {position:static; margin-left:20px;}
	#order .part_discount .input_wrap .box_btn * {border-left-width:1px;}
	#order .part_method .pay_bank h4 {display:none;}
	#order .part_method .pay_bank > .tbody.bank > li.title {display:table-cell;}
	#order .part_method .pay_type_list li {display:inline-block; width:19.2%; margin:0 1% 1% 0;}
	#order .part_method .pay_type_list li:nth-child(5n) {margin-right:0;}
	#order .part_method .pay_type_list li input:checked + label::after {top:4px; right:auto; left:6px;width:10px;  margin-top:0;}
}

@media all and (min-width:1024px) {
	#order {background-color:transparent;}
	#order * {font-size:1.167rem;}
	#order form .box {padding:20px 0; border-width:0 0 1px 0;}
	#order .print_receipt {display:block;}
	#order h3.title {padding:30px 0 10px; border-width:0 0 1px 0; border-color:#000; font-size:1.667rem; background:none;}
	#order h3.title.first {padding-top:0;}
	#order h3.title:before,
	#order h3.title:after {display:none;}
	#order h3.title.first {padding-top:0;}
	#order h3.title.line {margin-top:25px;}
	#order .part_guest {padding-bottom:40px;}
	#order .part_guest .scroll {height:162px; border:1px solid #dcdcdc;}
	#order .part_guest .agree_guest {padding-left:0; border:none;}
	#order .part_orderer .order_login_btn {width:200px; float:right;}
	#order .part_delivery .dlv_msg {border-top:none; margin-top:0;}
	#order .part_method .pay_type_list li label {padding:10px 0;}
	#order .ord_info {display:flex;}
	#order .ord_info > .area_left {width:calc(100% - 330px);}
	#order .ord_info > .area_right {padding:30px 0 0 50px;}
	#order .ord_info > .area_right .inner {float:right; position:sticky; position:-webkit-sticky; top:80px;}
	#order .ord_info > .area_right .box {width:280px; padding:20px; background:#eff1f4;}
	#order .ord_info > .area_right .box .wrap_inner {padding:0;}
	#order .ord_info > .area_right .box .line {margin-top:25px;}
	#order .ord_info > .area_right tr.total_prc td span {font-size:1.5rem;}
	#order .reconfirm {width:280px; margin-top:10px;}
	/* 주문 3.0 */
	#order #order1 {border-top:none;}
	#order #order2 {display:none; width:280px; clear:both; margin-top:30px; padding:50px 25px; border:1px solid #dfdfdf;}
	#order #order2 .paytype_gr1 {padding-bottom:23px;}
	#order #order2 .msg {padding:0 0 23px;}
	#order #order3 {width:280px; clear:both; margin-top:30px; padding:50px 25px; border:1px solid #dfdfdf;}
	#order #order3 .paytype_gr1 {padding-bottom:23px;}
	#order #order3 .msg {padding:0 0 23px;}
	#order .btn_order.fake {display:none;}
	#order .btn_order.real {display:block;}
	#order .btn_order > a {height:auto; line-height:initial; padding:16px 20px; font-size:1.33rem;}
}

@media all and (min-width:1100px) {
	#order .ord_info > .area_right {padding:30px 0 0 50px;}
}


/* 주문완료(/shop/order_finish.php) */
#orderfin {background-color:#f7f7f7;}
#orderfin h3 {padding:15px; border-bottom:1px solid #dcdcdc; font-size:1.167rem;}
#orderfin .box {margin-bottom:10px; border:1px solid #dcdcdc; background:#fff;}
#orderfin .box .msg {text-align:center;}
#orderfin .box .msg strong {font-size:1.167rem;} 
#orderfin .list_cart {border-top:none;}
#orderfin .list_cart > .tbody:last-of-type {border-bottom-width:0;}
#orderfin .payment {border-top:1px solid #dcdcdc;}
#orderfin .payment strong {color:#d56363;}
#orderfin .info {text-align:center;}
#orderfin .info .bank {padding-bottom:15px; color:#888;}
#orderfin .info .email {color:#888;}
#orderfin .part_gift .title_gift {padding-top:10px;}
#orderfin .btn_col {margin-top:15px;}

@media all and (min-width:768px) {
	#orderfin {width:100%; max-width:860px; margin:0 auto; background-color:transparent; text-align:center;}
	#orderfin h3 {padding:0 0 10px; border-bottom:none; font-size:1.33rem; text-align:left;}
	#orderfin .box {margin-bottom:20px; padding:0; border:none;}
	#orderfin .box .msg,
	#orderfin .box .msg * {font-size:1.5rem !important;}
	#orderfin .box_prd h3 {display:none;}
	#orderfin .list_cart {border-top:1px solid #000;}
	#orderfin .list_cart > .tbody:last-of-type {border-bottom-width:1px;}
	#orderfin .box_wrap::after {content:''; display:block; clear:both;}
	#orderfin .box_wrap > .box {width:48.5%; padding:25px; border:1px solid #dcdcdc; text-align:left;}
	#orderfin .area_left {float:left;}
	#orderfin .area_right {float:right;}
	#orderfin .info {padding:30px; background-color:#f5f5f5;}
	#orderfin .info .bank {padding-bottom:20px;}
	#orderfin .part_gift .title_gift {padding-top:30px;}
	#orderfin .part_gift .box_btn {margin-top:20px;}
	#orderfin .part_gift .box_btn * {width:110px;}
	#orderfin .btn_col {margin-top:30px;}
	#orderfin .btn_col .box_btn {display:inline-block; float:none; width:auto;}
	#orderfin .btn_col .box_btn * {width:150px;}
}
@media all and (min-width:1100px) {
	#orderfin .payment {padding-top:25px; margin-top:25px;}
}

/* 상품검색(/shop/search_result.php) */
#search_result .research {position:relative; padding-right:45px; background:#fafafa;}
#search_result .research:after {display:inline-block; position:absolute; right:45px; top:13px; width:1px; height:18px; background:#d5d5d5; content:'';}
#search_result .research .form_input.search {height:44px; border-color:#fafafa; background:transparent;}
#search_result .research .btn {position:absolute; right:15px; top:13px; width:18px; height:18px;}
#search_result .check {display:inline-block; padding:15px 0;}
#search_result .rank {background-color:#f1f1f1;}
#search_result .rank > h3 {padding:5px; border:1px solid #dcdcdc; background:#fff; color:#666; text-align:center;}
#search_result .rank > h3:after {display:inline-block; width:0; height:0; margin-left:5px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #000; content:'';}
#search_result .rank > ol {display:none;}
#search_result .rank > ol > li {float:left; overflow:hidden; width:50%; padding:5px; text-align:left; text-overflow:ellipsis; white-space:nowrap;}
#search_result .rank > ol > li > span {display:inline-block; width:18px; height:18px; border-radius:50%; background:#fff; color:#000; text-align:center; font-weight:bold; line-height:18px;}
#search_result .rank:after {display:block; clear:both; content:'';}
#search_result .result_cate {margin-top:10px;}
#search_result .result_cate:after {display:block; clear:both; content:'';}
#search_result .result_cate > h3 {padding:5px;}
#search_result .result_cate > ul > li {position:relative; float:left; width:33.33%; margin:-1px 0 0 -1px; border:1px solid #dcdcdc; font-size:0.917rem;}
#search_result .result_cate > ul > li a {display:block; overflow:hidden; padding:10px 20px 10px 10px; font-size:inherit; text-overflow:ellipsis; white-space:nowrap;}
#search_result .result_cate > ul > li span {position:absolute; right:10px; top:10px; font-size:inherit;}
#search_result .prd_normal {margin-top:15px;}

@media all and (min-width:768px) {
	#search_result .research {padding-right:60px;}
	#search_result .research:after {right:60px; top:17px; height:25px;}
	#search_result .research .form_input.search {height:60px; font-size:1.167rem;}
	#search_result .research .btn {right:0; top:0; width:60px; height:60px; padding:17px;}
	#search_result .check {padding:15px 0 5px;}
	#search_result .rank {position:relative; z-index:2; float:right; width:220px; margin-top:-40px; padding:16px 0; background-color:#fff;}
	#search_result .rank > h3 {padding:0; border:none; color:#333; text-align:left;}
	#search_result .rank > h3:after {display:none;}
	#search_result .rank > ol {display:block; overflow:hidden; position:absolute; right:0; top:0px; width:124px; height:45px; padding:10px 0; border:1px solid #fff; background-color:#fff;}
	#search_result .rank > ol li {float:none; width:100%; padding:5px 8px;}
	#search_result .rank > ol li span {margin-right:5px; background:#ebebeb; font-size:0.917rem; line-height:18px;}
	#search_result .rank > ol:after {display:block; position:absolute; right:5px; top:20px; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #000; content:'';}
	#search_result .rank > ol:hover {height:auto; border:1px solid #dcdcdc;}
	#search_result .rank > ol:hover:after {display:none;}
	#search_result .category {clear:both; border:1px solid #e0e0e0; background:#fff;}
	#search_result .result_cate {overflow:hidden; margin-top:0; padding:0 25px; border-top:1px solid #e0e0e0;}
	#search_result .result_cate:first-child {border-top:0;}
	#search_result .result_cate > h3 {float:left; padding:0; line-height:38px;}
	#search_result .result_cate > ul {width:85%; margin-left:15%; text-align:left;}
	#search_result .result_cate > ul > li {overflow:hidden; width:20%; height:40px; margin:0; border:none; font-size:1rem; line-height:38px; white-space:nowrap;}
	#search_result .result_cate > ul > li a {display:inline; padding:0; color:#777;}
	#search_result .result_cate > ul > li a.selected {font-weight:bold;}
	#search_result .result_cate > ul > li span {position:static; color:#aaa;}
	#search_result .prd_normal {margin-top:0;}
}

/* 상품문의 & 상품후기 - 상품정보(/shop/product_review_list.php & /shop/product_qna_list.php) */
#qnarev_list_all .photo_sort {position:relative; margin-bottom:10px;}
#qnarev_list_all .photo_sort .check {position:absolute; top:-2px; left:0;}
#qnarev_list_all .photo_sort .sort {text-align:right; font-size:0;}
#qnarev_list_all .photo_sort .sort li {display:inline-block;}
#qnarev_list_all .photo_sort .sort li:after {display:inline-block; width:1px; height:14px; margin:2px 10px 0 10px; background-color:#e5e5e5; vertical-align:top; content:'';}
#qnarev_list_all .photo_sort .sort li:last-child:after {display:none;}
#qnarev_list_all .photo_sort .sort li a {color:#666;}
#qnarev_list_all .photo_sort .sort li a.selected {padding-left:13px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/bullet_check.png') no-repeat left center; color:#333; font-weight:bold;}
#qnarev_list_all > .box_btn {margin-top:15px;}
#qnarev_list_all > .box_btn.more {margin:15px 0 0 0;}
#qnarev_list_all .board_search {clear:both; margin-top:15px; padding:7px 0; border:1px solid #dcdcdc;}
#qnarev_list_all .board_search form {position:relative; padding:0 38px 0 75px;  text-align:center;}
#qnarev_list_all .board_search select {position:absolute; lefT:0; top:0; border:0; width:70px;}
#qnarev_list_all .board_search input.form_input.search {border-width:0 1px;}
#qnarev_list_all .board_search .btn_search {position:absolute; right:0; top:0; display:inline-block; width:38px; height:34px; border:0; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/icon_search.png') no-repeat center/18px; vertical-align:top; text-indent:-9999px; cursor:pointer;}

@media all and (min-width:768px) {
	#qnarev_list_all .photo_sort {margin-bottom:20px;}
	#qnarev_list_all .photo_sort .check {position:absolute; top:-2px; left:0;}
	#qnarev_list_all .photo_sort .sort li:after {margin:5px 10px 0 10px;}
	#qnarev_list_all .photo_sort .sort li a {font-size:1.167rem;}
	#qnarev_list_all > .box_btn {text-align:right;}
	#qnarev_list_all > .box_btn * {display:inline-block; width:150px;}
	#qnarev_list_all .board_search {clear:both; padding:0; border:none; text-align:center;}
	#qnarev_list_all .board_search form {display:inline-block; margin:30px auto 0; padding:5px; border:1px solid #dcdcdc; text-align:center;}
	#qnarev_list_all .board_search select {position:static; border:0;}
	#qnarev_list_all .board_search input.form_input.search {width:300px !important;}
	#qnarev_list_all .board_search .btn_search {position:static; width:34px; vertical-align:middle;}
}

/* 상품문의 & 상품후기 & 마이페이지 상품문의 & 마이페이지 상품후기 - 상품정보(/shop/product_review.php & /shop/product_qna.php) */
.qnarev_list > .prd_wrap {overflow:hidden; position:relative; padding-bottom:15px;}
.qnarev_list > .prd_wrap .img {float:left; width:128px;}
.qnarev_list > .prd_wrap .img img {width:128px; height:auto;}
.qnarev_list > .prd_wrap .info {float:left; width:calc(100% - 128px); padding-left:10px; text-align:left;}
.qnarev_list > .prd_wrap .info .name {padding:20px 0 10px; font-weight:bold;}
.qnarev_list > .prd_wrap .info .name img {padding-right:5px; vertical-align:middle;}
.qnarev_list > .prd_wrap .info ul li {color:#666;}
.qnarev_list > .prd_wrap .info ul li .nprice {text-decoration:line-through;}
.qnarev_list > .prd_wrap .btn_related {clear:both; padding-top:15px;}
.qnarev_list > .btn_col {padding-top:15px;}
.list_qnarev {margin-bottom:15px; border-top:1px solid #dbdbdb;}
.list_qnarev .table {display:block; width:100%; padding:15px; border:1px solid #dbdbdb; border-width:0 1px 1px;}
.list_qnarev .table.first {display:none;}
.list_qnarev .table > li {display:block; width:100%; vertical-align:middle;}
.list_qnarev .table > li + li {padding-top:5px;}
.list_qnarev .table > li.subject img {width:auto; height:10px; vertical-align:middle;}
.list_qnarev .table > li.state {display:inline-block; width:auto;}
.list_qnarev .table > li.state img {width:auto; height:9px; vertical-align:middle;}
.list_qnarev .table > li.name {display:inline-block; width:auto; padding-left:5px;}
.list_qnarev .table > li.date {display:inline-block; width:auto; padding-left:5px; color:#999;}
.list_qnarev .content {display:none; padding:15px; border:1px solid #dbdbdb; border-width:0 1px 1px; background:#fafafa;}
.list_qnarev .content .question {position:relative; min-height:45px; padding:0 0 15px 43px; border-bottom:1px solid #e1e1e1;}
.list_qnarev .content .question:before {display:inline-block; position:absolute; left:0; top:0; width:29px; height:29px; border-radius:50%; background-color:#777474; color:#fff;  font-size:1.167rem; text-align:center; line-height:29px; content:'Q';}
.list_qnarev .content .question > div + div {padding-top:10px;}
.list_qnarev .content .question img {max-width:100%; height:auto;}
.list_qnarev .content .answer {position:relative; min-height:30px; margin-top:15px; padding-left:43px;}
.list_qnarev .content .answer:before {display:inline-block; position:absolute; left:0; top:0; width:29px; height:29px; border-radius:50%; background-color:#ef6363; color:#fff;  font-size:1.167rem; text-align:center; line-height:29px; content:'A';}
.list_qnarev .content .btn {padding-top:10px; text-align:left;}
.list_qnarev .content .comment {padding-top:10px;}
.list_qnarev.prd .table {padding:0;}
.list_qnarev.prd .table:after {display:block; clear:both; content:'';}
.list_qnarev.prd .table > li {display:inline-block; width:auto; padding-left:10px;}
.list_qnarev.prd .table > li.prdimg {float:left; position:relative; overflow:hidden; width:120px; height:120px; padding-left:0; line-height:120px;}
.list_qnarev.prd .table > li.prdimg img {position:absolute; top:50%; left:50%; width:120px; height:auto; transform:translate(-50%, -50%);}
.list_qnarev.prd .table > li.subject {display:block; padding-left:130px;}
.list_qnarev.prd .table > li.subject p {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_qnarev.prd .table > li.subject p + p {padding-top:5px;}
.list_qnarev.prd .table > li.state {display:block; padding-left:130px;}
.list_qnarev.prd .table > li.name {padding-left:10px;}
.list_qnarev.prd .table > li.date {padding-left:5px;}
.list_qnarev.prd .notice {padding:10px 20px;}
.list_qnarev.prd .notice > li {padding-left:0 !important;}
.list_qnarev.prd .notice > li.prdimg {display:none !important;}
.list_qnarev.prd .notice > li.state {display:none !important;}
.list_qnarev.prd .notice > li.date {padding-left:5px !important;}

@media all and (min-width:768px) {
	.qnarev_list > .prd_wrap {min-height:150px; padding:40px 50px; margin-bottom:32px; background:#fafbfb; color:#474645;}
	.qnarev_list > .prd_wrap .img {width:150px;}
	.qnarev_list > .prd_wrap .img img {width:150px;}
	.qnarev_list > .prd_wrap .info {width:calc(100% - 150px); padding-left:40px;}
	.qnarev_list > .prd_wrap .info .name {padding:0 0 20px;}
	.qnarev_list > .prd_wrap .info ul li {padding:5px 0;}
	.qnarev_list > .prd_wrap .btn_related {padding-top:20px;}
	.qnarev_list > .btn_col {padding-top:20px; text-align:right;}
	.qnarev_list > .btn_col .box_btn {display:inline-block; float:none; width:100px;}
	.list_qnarev .table {display:table; width:100%; padding:0; border-width:0 0 1px; table-layout:fixed; border-collapse:collapse;}
	.list_qnarev .table.first {display:table;}
	.list_qnarev .table > li {display:table-cell; width:15%; padding:15px 0; text-align:center; cursor:pointer;}
	.list_qnarev .table > li + li {padding-top:15px;}
	.list_qnarev .table > li.subject {width:70%; padding-left:30px !important; text-align:left;}
	.list_qnarev .table.first > li.subject {padding-left:0 !important; text-align:center;}
	.list_qnarev .table > li.state {display:table-cell; width:15%;}
	.list_qnarev .table > li.name {display:table-cell; width:15%;}
	.list_qnarev .table > li.date {display:table-cell; width:15%; padding-left:0;}
	.list_qnarev .content {padding:30px; border-width:0 0 1px;}
	.list_qnarev .content .question {padding-bottom:30px;}
	.list_qnarev .content .answer {margin-top:30px;}
	.list_qnarev.prd .table:after {display:none;}
	.list_qnarev.prd .table > li {display:table-cell; width:15%; padding:15px 0;}
	.list_qnarev.prd .table > li.prdimg {float:none; width:120px; height:120px;}
	.list_qnarev.prd .table > li.prdimg.none {height:auto;}
	.list_qnarev.prd .table > li.prdimg img {width:120px;}
	.list_qnarev.prd .table > li.subject {display:table-cell; width:auto; padding-left:0;}
	.list_qnarev.prd .table > li.subject p {overflow:visible; text-overflow:clip; white-space:normal;}
	.list_qnarev.prd .table > li.state {display:table-cell; padding-left:0;}
	.list_qnarev.prd .table > li.name {padding-left:0;}
	.list_qnarev.prd .table > li.date {padding-left:0;}
	.list_qnarev.prd .notice {display:block; padding:20px;}
	.list_qnarev.prd .notice > li {display:inline-block !important; width:auto !important; padding:0 !important;}
	.list_qnarev.prd .notice > li.subject {width:100% !important;}
	.list_qnarev.prd .notice > li.date {padding-left:5px !important;}
}

/* 상품문의, 상품후기 - 비밀번호 확인 */
.pwbox_popup {position:fixed; left:0; top:50%; z-index:100; width:100%; margin-top:-100px; padding:0 20px;}
#pwbox {padding:20px; border:1px solid #e0e0e0; background:#fafafa; text-align:center !important;}
#pwbox h3 {padding-bottom:15px;}
#pwbox p {margin-bottom:10px; color:#888;}
#pwbox .form_input {margin-bottom:10px;}

@media all and (min-width:768px) {
	.pwbox_popup {left:50%; width:100%; max-width:1140px; margin:0; padding:0 60px; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
	#pwbox {padding:40px 0;}
	#pwbox p {margin-bottom:20px;}
	#pwbox .form_input {width:330px; margin-bottom:20px;}
}

/* 상품문의 & 상품후기 - 쓰기 */
.qnarev_write_popup {position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background:#fff;}
.qnarev_write_popup > .close {position:absolute; top:10px; right:0; width:32px; height:32px; text-indent:-9999px;}
.qnarev_write_popup > .close:before {position:absolute; left:0; top:16px; width:20px; height:2px; background-color:#b7b7b7; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';}
.qnarev_write_popup > .close:after {position:absolute; left:0; top:16px; width:20px; height:2px; background-color:#b7b7b7; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:'';}
.qnarev_write_popup .qnarev_write {padding:15px;}
.qnarev_write {overflow:auto; width:100%; height:100%; margin:0 auto; text-align:center;}
.qnarev_write form {display:inline-block; width:100%; text-align:left;}
.qnarev_write fieldset > legend {display:block; width:100%; margin-bottom:25px; padding-bottom:15px; border-bottom:1px solid #000; font-size:1.167rem; font-weight:bold;}
.qnarev_write fieldset > div {position:relative; margin-top:10px;}
.qnarev_write fieldset > div > label {display:none;}
.qnarev_write fieldset > div.grade {margin-bottom:20px; padding-bottom:25px; border-bottom:1px solid #dcdcdc; text-align:center;}
.qnarev_write fieldset > div.grade > .msg {padding-bottom:15px; font-size:1.083rem; font-weight:bold;}
.qnarev_write fieldset > div.name {min-height:20px; padding-right:100px; font-weight:bold;}
.qnarev_write fieldset > div.name .form_input {float:left; width:49%;}
.qnarev_write fieldset > div.name .form_input.pw {float:right;}
.qnarev_write fieldset > div.name .check {position:absolute; right:0; top:8px;}
.qnarev_write fieldset > div.name.nopd {padding-right:0;}
.qnarev_write fieldset > div.name:after {display:block; clear:both; content:'';}
.qnarev_write fieldset > div.contents > textarea {height:140px;}
.qnarev_write fieldset > div.msg_milage {margin-top:-15px; padding:10px; border:1px solid #cbd5de; background-color:#e6f0f9; color:#666; text-align:center;}
.qnarev_write fieldset > div.msg_milage:before {position:absolute; left:10px; top:-8px; width:15px; height:15px; border:1px solid #cbd5de; border-width:1px 0 0 1px; background-color:#e6f0f9; -webkit-transform: rotate(45deg); transform:rotate(45deg); content:'';}
.qnarev_write fieldset > div #preview_attach_files {font-size:0;}
.qnarev_write fieldset > div #preview_attach_files > li {display:inline-block; padding:0 5px;}
.qnarev_write fieldset > div #preview_attach_files > li:first-child {padding-left:0;}
.qnarev_write fieldset > div #preview_attach_files > li img {width:73px; height:73px;}
.qnarev_write fieldset select {width:100%;}
.qnarev_write .btn {padding:20px 0;}

@media all and (min-width:1024px) {
	.qnarev_write_popup {left:50%; top:50%; width:100%; max-width:1020px; height:630px; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
	.qnarev_write_popup > .close {top:-60px; right:0;}
	.qnarev_write_popup > .close:before {width:32px; height:3px;}
	.qnarev_write_popup > .close:after {width:32px; height:3px;}
	.qnarev_write_popup .qnarev_write {padding:30px;}
	.qnarev_write fieldset > legend {padding-bottom:25px; font-size:1.500rem;}
	.qnarev_write fieldset > div.grade > .msg {font-size:1.333rem;}
	.qnarev_write fieldset > div.name {min-height:34px; line-height:34px;}
	.qnarev_write fieldset > div.name .check {top:5px;}
	.qnarev_write fieldset > div.contents {background:#fff;}
	.qnarev_write fieldset > div.contents textarea {height:250px;}
	.qnarev_write fieldset > div.msg_milage {margin-top:-11px; vertical-align:middle;}
	.qnarev_write fieldset > div.msg_milage img {vertical-align:middle;}
	.qnarev_write fieldset > div #preview_attach_files > li img {width:115px; height:115px;}
	.qnarev_write .btn {text-align:center !important;}
	.qnarev_write .btn .box_btn {display:inline-block; float:none; width:150px;}
}

/* 상품문의 & 상품후기 - 수정 */
#qnarevmod .modi_pwd,
#qnarevmod .modi_cnt {display:none;}

@media all and (min-width:768px) {
	#qnarevmod .modi_cnt .qnarev_write > form {padding:40px 0; text-align:left;}
}

/* 상품후기 - 리스트 */
.total_review_list {display:block; font-size:0;}
.total_review_list > li {display:inline-block; width:50%; margin-bottom:15px; padding-right:1.5625%; vertical-align:top;}
.total_review_list > li:nth-child(2n) {padding-right:0; padding-left:1.5625%;}
.total_review_list .box {border:1px solid #dcdcdc;}
.total_review_list .box .img_wrap {overflow:hidden; position:relative; height:252px; cursor:pointer;}
.total_review_list .box .img_wrap img {position:absolute; top:50%; left:0; width:100%; height:auto; -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
.total_review_list .box .info_wrap {padding:15px 10px 0;}
.total_review_list .box .info_wrap .title {overflow:hidden; margin-bottom:5px; font-weight:700; word-break:break-all; word-wrap:break-word; white-space:nowrap; text-overflow:ellipsis;}
.total_review_list .box .info_wrap .title img {width:auto; height:10px; vertical-align:middle;}
.total_review_list .box .info_wrap .content {overflow:hidden; height:30px; margin-bottom:15px; color:#666; font-size:0.917rem; word-break:break-all; word-wrap:break-word;}
.total_review_list .box .info_wrap .date {color:#888; font-size:0.917rem;}
.total_review_list .box .info_wrap .prd_info {margin-top:15px; padding:12px 0; border-top:1px solid #eee; font-size:0;}
.total_review_list .box .info_wrap .prd_info .img {display:inline-block; overflow:hidden; position:relative; width:40px; height:40px; vertical-align:middle;}
.total_review_list .box .info_wrap .prd_info .img img {position:absolute; top:50%; left:0; width:100%; height:auto; -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
.total_review_list .box .info_wrap .prd_info .name_star {display:inline-block; width:calc(100% - 40px); padding-left:7px; vertical-align:middle;}
.total_review_list .box .info_wrap .prd_info .name_star .name {overflow:hidden; margin-bottom:4px; word-break:break-all; word-wrap:break-word; white-space:nowrap; text-overflow:ellipsis;}
.total_review_list .box .info_wrap .prd_info .name_star .name a {color:#666; font-size:0.917rem;}
.total_review_list .box .info_wrap .prd_info .name_star .star .grade {font-weight:700;}

@media all and (min-width:768px) {
	.total_review_list {margin-left:-20px;}
	.total_review_list > li {width:25%; margin-bottom:30px; padding:0 0 0 20px !important;}
	.total_review_list .box .info_wrap {padding:25px 15px 0;}
	.total_review_list .box .info_wrap .title {margin-bottom:7px; font-size:1.167rem;}
	.total_review_list .box .info_wrap .content {height:42px; margin-bottom:20px; font-size:1.083rem;}
	.total_review_list .box .info_wrap .date {font-size:1rem;}
	.total_review_list .box .info_wrap .prd_info {margin-top:20px; padding:20px 0;}
	.total_review_list .box .info_wrap .prd_info .name_star {padding-left:10px;}
	.total_review_list .box .info_wrap .prd_info .name_star .name a {font-size:1.083rem;}
	.total_review_list .box .info_wrap .prd_info .name_star .star .grade {padding-left:2px; font-size:1.167rem;}
}

/* 상품후기 - 열람 레이어 */
#revWriteAjaxDiv {opacity:1 !important;}
.layer_review_list {overflow:auto; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; padding-top:61px; background-color:#fff;}
.layer_review_list.upfile_cnt0 > .inner > .img {display:none !important;}
.layer_review_list > .inner > .img {width:100%; background-color:#f1f2f3;}
.layer_review_list > .inner > .img .box {display:flex; width:100vw; height:100vw; align-items:center; justify-content:center;}
.layer_review_list > .inner > .img > .add_slide img {max-width:100%; max-height:100%;}
.layer_review_list > .inner > .img > .add_slide .arrow {width:40px; height:40px; border-radius:50%; background-color:rgba(0,0,0,0.2);}
.layer_review_list > .inner > .img > .add_slide .arrow:after {width:100%; color:#fff; font-size:16px; line-height:40px; text-align:center;}
.layer_review_list > .inner > .img > .add_slide .arrow.swiper-button-prev {left:20px;}
.layer_review_list > .inner > .img > .add_slide .arrow.swiper-button-next {right:20px;}
.layer_review_list > .inner > .img > .add_slide .swiper-pagination {bottom:20px;}
.layer_review_list > .inner > .info {width:100%; padding:15px; background-color:#fff;}
.layer_review_list > .inner > .info > .prd {position:fixed; left:0; top:0; z-index:101; width:100%; padding:15px; border-bottom:1px solid #eee; background-color:#fff;}
.layer_review_list > .inner > .info > .prd:after {display:block; clear:both; content:'';}
.layer_review_list > .inner > .info > .prd > h2 {float:right; width:calc(100% - 50px); padding-top:5px;}
.layer_review_list > .inner > .info > .prd > .img {overflow:hidden; float:left; position:relative; width:30px; height:30px; margin-right:20px;}
.layer_review_list > .inner > .info > .prd > .img img {position:absolute; top:50%; left:50%; width:30px; height:auto; transform:translate(-50%, -50%);}
.layer_review_list > .inner > .info > .board {position:relative; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee;}
.layer_review_list > .inner > .info > .board > .grade > .score {font-weight:bold;}
.layer_review_list > .inner > .info > .board > .name {margin-top:10px; color:#888;}
.layer_review_list > .inner > .info > .board > .subject {margin-top:20px; color:#333; font-size:1.167rem; font-weight:bold;}
.layer_review_list > .inner > .info > .board > .content {margin-top:10px; color:#666; line-height:1.6; word-break:break-all;}
.layer_review_list > .inner > .info > .board > .recommend {margin-top:20px; color:#888; line-height:24px;}
.layer_review_list > .inner > .info > .board > .recommend > span {float:right;}
.layer_review_list > .inner > .info > .board > .recommend > span > a {display:inline-block; min-width:60px; min-height:24px; padding:0 10px 0 30px; border:1px solid #dcdcdc; border-radius:20px; background-repeat:no-repeat; background-position:7px center; background-color:#fff; color:#333; text-align:right; line-height:24px; cursor:pointer;}
.layer_review_list > .inner > .info > .board > .recommend > span > a.yes {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/recommend_yes.png');}
.layer_review_list > .inner > .info > .board > .recommend > span > a.no {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/recommend_no.png');}
.layer_review_list > .inner > .info > .board > .recommend > span > a:hover {background-color:#f1f2f3;}
.layer_review_list > .inner > .info > .board > .btn {position:absolute; right:0; top:0; font-size:0;}
.layer_review_list > .inner > .info > .board > .btn > a {display:inline-block; margin-left:-1px; padding:4px 8px; border:1px solid #dcdcdc; background-color:#fff; color:#888;}
.layer_review_list > .inner > .info > .board > .btn > a:hover {background-color:#f1f2f3;}
.layer_review_list > .inner > .info > .comment > .guest {padding:15px 20px; background-color:#fafafa; color:#666;}
.layer_review_list > .inner > .info > .comment > .guest > a {float:right; color:#333; font-size:1.083rem; font-weight:bold; text-decoration:underline;}
.layer_review_list > .inner > .info > .comment > form .write {position:relative; padding-right:56px; border:1px solid #dcdcdc; background-color:#fff; text-align:left;}
.layer_review_list > .inner > .info > .comment > form .write textarea.form_input {min-height:40px; border:0;}
.layer_review_list > .inner > .info > .comment > form .write .btn_comment {display:inline-block; position:absolute; right:0; top:0; width:56px; height:100%; text-align:center; border:0; background-color:#fff; color:inherit; font-weight:bold; line-height:100%; cursor:pointer;}
.layer_review_list > .inner > .info > .comment > form .write:after {display:inline-block; position:absolute; right:56px; top:50%; width:1px; height:20px; margin-top:-10px; background-color:#dcdcdc; content:'';}
.layer_review_list > .inner > .info > .comment > .list {position:relative; margin-top:20px;}
.layer_review_list > .inner > .info > .comment > .list:before {position:absolute; left:20px; top:-6px; width:10px; height:10px; border:1px solid #dcdcdc; border-width:1px 1px 0 0; background-color:#fff; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';}
.layer_review_list > .inner > .info > .comment > .list > li {margin-top:-1px; padding:10px 15px; border:1px solid #dcdcdc;}
.layer_review_list > .inner > .info > .comment > .list > li > .date {display:block; position:relative; height:0; top:-16px; color:#888; text-align:right;}
.layer_review_list > .inner > .info > .comment > .list > li > .date img {width:10px; height:10px; vertical-align:middle;}
.layer_review_list > .inner > .info > .comment > .list > li > .content {padding-top:5px; color:#666; line-height:1.6; word-break:break-all;}
.layer_review_list > .inner > .move {position:absolute; top:50%; width:34px; height:34px; margin:-17px 12px 0 12px; text-indent:-9999px; cursor:pointer;}
.layer_review_list > .inner > .move.prev {left:-60px;}
.layer_review_list > .inner > .move.prev:before {position:absolute; left:50%; top:50%; width:25px; height:4px; margin:-9px 0 0 -13px; background-color:#fff; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';}
.layer_review_list > .inner > .move.prev:after {position:absolute; left:50%; top:50%; width:25px; height:4px; margin:7px 0 0 -13px; background-color:#fff; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:'';}
.layer_review_list > .inner > .move.next {right:-60px;}
.layer_review_list > .inner > .move.next:before {position:absolute; left:50%; top:50%; width:25px; height:4px; margin:-9px 0 0 -13px; background-color:#fff; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:'';}
.layer_review_list > .inner > .move.next:after {position:absolute; left:50%; top:50%; width:25px; height:4px; margin:7px 0 0 -13px; background-color:#fff; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';}
.layer_review_list > .inner > .move.end:before,
.layer_review_list > .inner > .move.end:after {background-color:#818181;}
.layer_review_list > .inner > .close {position:fixed; top:10px; right:10px; z-index:101; width:30px; height:40px; text-indent:-9999px;}
.layer_review_list > .inner > .close:before {position:absolute; left:5px; top:20px; width:20px; height:2px; background-color:#b7b7b7; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';}
.layer_review_list > .inner > .close:after {position:absolute; left:5px; top:20px; width:20px; height:2px; background-color:#b7b7b7; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:'';}

@media all and (min-width:768px) {
	.layer_review_list {overflow:hidden; left:50%; top:50%; max-width:1300px; height:95%; padding:0; background:none; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
	.layer_review_list > .inner {position:relative; width:calc(100% - 110px); margin:0 auto; height:100%;}
	.layer_review_list > .inner:after {display:block; clear:both; content:'';}
	.layer_review_list.upfile_cnt0 > .inner > .info {width:100% !important;}
	.layer_review_list > .inner > .img {float:left; width:calc(100% - 400px); height:100%;}
	.layer_review_list > .inner > .img .box {width:100%; height:100%;}
	.layer_review_list > .inner > .img > .add_slide {height:100%;}
	.layer_review_list > .inner > .info {overflow:auto; float:left; width:400px; height:100%; padding:30px;}
	.layer_review_list > .inner > .info > .prd {position:static; margin-bottom:20px; padding:0 0 20px;}
	.layer_review_list > .inner > .info > .prd > h2 {width:calc(100% - 80px); padding-top:10px;}
	.layer_review_list > .inner > .info > .prd > .img {float:left; width:60px; height:auto; margin-right:20px;}
	.layer_review_list > .inner > .info > .prd > .img img {position:static; width:60px; transform:translate(0, 0);}
	.layer_review_list > .inner > .info > .board > .grade > .score {font-size:16px;}
	.layer_review_list > .inner > .info > .board > .name img {width:auto; height:16px; margin-top:1px; vertical-align:top;}
	.layer_review_list > .inner > .close {position:absolute; top:0; right:-44px; width:32px; height:32px; text-indent:-9999px;}
	.layer_review_list > .inner > .close:before {left:0; top:16px; width:32px; height:3px;}
	.layer_review_list > .inner > .close:after {left:0; top:16px; width:32px; height:3px;}
}

/* 설문조사(/shop/poll_list.php) */
#poll > .subject {padding:15px 30px; border:1px solid #e0e0e0; border-width:1px 0; text-align:center;}
#poll > .box {padding:15px; border-bottom:1px solid #e0e0e0; background:#fbfbfb;}
#poll > .box img {max-width:100%; height:auto;}
#poll > .box .vote {margin-top:15px; padding:15px; border:1px solid #e0e0e0; background:#fff;}
#poll > .box .vote > ul > li {padding:5px 0;}
#poll > .box .vote > ul > li .graph {margin:5px 0; height:5px; background:#b1b1b1;}
#poll > .btn {margin:10px 0 20px 0; text-align:right;}
#poll .commentdel {padding:20px 0; border:1px solid #e0e0e0; border-width:0 1px; background:#fff; text-align:center;}
#poll .commentdel .msg {padding-top:5px;}

@media all and (min-width:768px) {
	#poll > .box {padding:30px;}
	#poll > .box .vote {margin-top:30px; padding:30px;}
	#poll > .box .vote > ul > li {width:100%; font-size:0;}
	#poll > .box .vote > ul > li > div {display:inline-block; vertical-align:middle;}
	#poll > .box .vote > ul > li > div.name {width:34%; padding-right:20px;}
	#poll > .box .vote > ul > li > div.graph_wrap {width:50%; margin:0;}
	#poll > .box .vote > ul > li > div.percent {width:16%; text-align:right;}
	#poll .btn {margin:10px 0 40px 0;}
	#poll .commentdel {border-width:1px 1px 0;}
}

/* 개별상품쿠폰 레이어 */
#prdCouponArea {top:50% !important; left:0 !important; width:100% !important; margin-left:0 !important;}
#pop_coupon2 {position:relative; width:100%; padding:15px; border:1px solid #d9d9d9; background:#fff;}
#pop_coupon2 h2 {padding-bottom:10px; border-bottom:1px solid #dbdbdb; color:#000; font-size:1.167rem;}
#pop_coupon2 .box {overflow:auto; max-height:300px; margin:-1px 0;}
#pop_coupon2 .box > .list > li {position:relative; border-bottom:1px solid #dbdbdb;}
#pop_coupon2 .box > .list > li > .img {display:table-cell; width:60px; margin-right:10px;}
#pop_coupon2 .box > .list > li > .img img {width:60px; height:auto;}
#pop_coupon2 .box > .list > li > .info {display:table-cell; padding-left:10px; vertical-align:middle;}
#pop_coupon2 .box > .list > li > .select {border-top:1px solid #dbdbdb;}
#pop_coupon2 .box .usable_cpn {padding:10px 0; text-align:left;}
#pop_coupon2 .box .usable_cpn > li > label {display:block; position:relative; padding:5px 85px 5px 25px;}
#pop_coupon2 .box .usable_cpn > li > label .check {position:absolute; left:0; top:8px;}
#pop_coupon2 .box .usable_cpn > li > label .overlap {color:#df7e7e;}
#pop_coupon2 .box .usable_cpn > li > label .expiry {position:absolute; right:0; top:3px;}
#pop_coupon2 .btn {padding-top:15px; border-top:1px solid #dbdbdb; text-align:center;}
#pop_coupon2 .close {display:inline-block; position:absolute; right:15px; top:10px; width:21px; height:21px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/button/close.png') no-repeat center / 16px; text-indent:-9999px; cursor:pointer;}

@media all and (min-width:768px) {
	#prdCouponArea {left:50% !important; width:570px !important; margin-left:-285px !important;}
	#pop_coupon2 {width:570px; padding:40px;}
	#pop_coupon2 h2 {font-size:1.833rem;}
	#pop_coupon2 .btn {padding-top:30px;}
}

/* 재입고 알림 신청 레이어 */
#notify_restock {top:50% !important; left:0 !important; width:100%; margin-left:0 !important; padding:15px; border:1px solid #d9d9d9; background-color:#fff;}
#notify_restock .close {display:inline-block; position:absolute; right:15px; top:10px; width:21px; height:21px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/button/close.png') no-repeat center / 16px; text-indent:-9999px; cursor:pointer;}
#notify_restock h2 {padding-bottom:10px; border-bottom:1px solid #dbdbdb; color:#000; font-size:1.167rem;}
#notify_restock .tbl_row {margin-top:-1px;}
#notify_restock .tbl_row .opt th,
#notify_restock .tbl_row .opt td {padding-top:8px; padding-bottom:8px; border-bottom:0;}
#notify_restock .tbl_row .phone th,
#notify_restock .tbl_row .phone td {border-top:1px solid #e0e0e0;}
#notify_restock .agree {display:inline-block; margin-top:10px; cursor:pointer;}
#notify_restock .btn {padding-top:20px; text-align:center;}

@media all and (min-width:768px) {
	#notify_restock {left:50% !important; width:570px; margin-left:-285px !important; padding:40px;}
	#notify_restock h2 {font-size:1.833rem;}
}

/* 프로모션 기획전(/shop/promotion.php) */
.speical_group {margin:1px 1px 0 0;}
.speical_group > .menu {margin-bottom:20px; font-size:0;}
.speical_group > .menu > li {display:inline-block; width:50%;}
.speical_group > .menu > li > a {display:block; overflow:hidden; margin:-1px -1px 0 0; padding:10px; border:1px solid #d2d2d2; color:#666; text-align:center; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap;}
.speical_group > .menu > li > a:hover,
.speical_group > .menu > li > a.active {position:relative; z-index:5; border:1px solid #535353; color:#333; font-weight:bold;}
.speical_group > .intro > .title {position:relative; padding:15px 0; border-bottom:1px solid #d2d2d2;}
.speical_group > .intro > .title > h3 {padding-bottom:5px; font-size:1.167rem; font-weight:bold;}
.speical_group > .intro > .title > span {color:#666; font-size:1rem;}
.speical_group > .intro > .summary {padding:15px 0; border-bottom:1px solid #d2d2d2;}
.speical_group > .intro > .summary img {max-width:100%;}
.speical_group > .box {border-bottom:1px solid #d2d2d2; text-align:center;}
.speical_group > .box > h4 {padding:20px 0 15px; font-size:1.333rem;}
.speical_group > .box > .img {padding-bottom:30px;}
.speical_group > .box > .img img {max-width:100%;}

@media all and (min-width:768px) {
	.speical_group > .menu > li {width:25%;}
	.speical_group > .intro > .title > h3 {padding:0 160px 0 0; font-size:1.333rem;}
	.speical_group > .intro > .title > span {position:absolute; right:0; top:50%; margin-top:-12px; font-size:1.167rem;}
	.speical_group > .intro > .summary {padding:30px 0;}
	.speical_group > .box > h4 {padding:40px 0 30px; font-size:1.667rem;}
}

/* 정기배송 레이어 */
.layer_sbs {position:fixed; top:0; left:0; z-index:100; overflow:auto; width:100%; height:100%; padding:0 4.17% 80px; background-color:#fff;}
.layer_sbs .delivery_info > h2.title {height:51px; border-bottom:1px solid #535353; font-size:1.250rem; font-weight:bold; text-align:left; line-height:50px;}
.layer_sbs .delivery_info > h2.title.first {margin:0 -4.17%; padding:0 4.17%;}
.layer_sbs .delivery_info .fld_info {padding:10px 0 15px;}
.layer_sbs .delivery_info .fld_info > li {padding:20px 0; border-bottom:1px solid #e0e0e0;}
.layer_sbs .delivery_info .fld_info > li .fld_title {padding-bottom:10px; color:#666; font-size:1.083rem;}
.layer_sbs .delivery_info .fld_info > li .calendar + .calendar {padding-top:5px;}
.layer_sbs .delivery_info .fld_info > li .calendar .text {display:inline-block; width:100px; vertical-align:middle;}
.layer_sbs .delivery_info .fld_info > li .calendar > p {display:inline-block; vertical-align:middle;}
.layer_sbs .delivery_info .fld_info > li .calendar > p .date_text {display:inline-block; width:110px; height:33px; margin-right:5px; padding:0 0 0 18px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/layer_sbs_calendar.png') no-repeat left 10px center/13px; text-align:center; vertical-align:middle;}
.layer_sbs .delivery_info .fld_info > li .calendar > p span.date_text {line-height:32px;}
.layer_sbs .delivery_info .fld_info > li .calendar > p .day {display:inline-block; color:#666; font-size:0.917rem; vertical-align:middle;}
.layer_sbs .delivery_info .prd_info {padding:20px 0 0; font-size:0; text-align:left;}
.layer_sbs .delivery_info .prd_info .prd {display:inline-block; width:77px; vertical-align:middle;}
.layer_sbs .delivery_info .prd_info .prd img {width:100%; height:auto;}
.layer_sbs .delivery_info .prd_info .info {display:inline-block; width:calc(100% - 77px); padding-left:15px; vertical-align:middle;}
.layer_sbs .delivery_info .prd_info .info strong {font-size:1.083rem;}
.layer_sbs .delivery_info .prd_info .info .opt {padding-top:5px; color:#888;}
.layer_sbs .delivery_info .tbl_order {border-bottom:1px solid #dcdcdc;}
.layer_sbs .delivery_info .tbl_order tr th {color:#666;}
.layer_sbs .delivery_info .tbl_order tr:first-child th,
.layer_sbs .delivery_info .tbl_order tr:first-child td {padding-top:20px;}
.layer_sbs .delivery_info .tbl_order tr:last-child th,
.layer_sbs .delivery_info .tbl_order tr:last-child td {padding-bottom:20px;}
.layer_sbs .sbs_info {padding-top:35px;}
.layer_sbs .sbs_info .last_chk {padding:20px 20px 10px; background:#f4f4f4;}
.layer_sbs .sbs_info .last_chk .icon_title {padding-bottom:15px; border-bottom:1px solid #e0e0e0; text-align:center;}
.layer_sbs .sbs_info .last_chk .icon_title span {display:inline-block; padding:2px 0 2px 32px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/layer_sbs_title_icon.png') no-repeat left center/22px; color:#000; font-size:1.167rem; font-weight:bold;}
.layer_sbs .sbs_info .last_chk .chk_list {padding:15px 0;}
.layer_sbs .sbs_info .last_chk .chk_list > li {padding:3px 0;}
.layer_sbs .sbs_info .last_chk .chk_list > li > span {display:inline-block; width:75px; vertical-align:middle;}
.layer_sbs .sbs_info .last_chk .chk_list > li > strong {font-weight:400;}
.layer_sbs .sbs_info .last_chk .chk_list > li > strong.point_color {color:#4192f2; font-weight:700;}
.layer_sbs .sbs_info .total_prc {position:relative; margin-top:10px; padding:21px 0; border:1px solid #dcdcdc; border-width:1px 0;}
.layer_sbs .sbs_info .total_prc > span {color:#666; font-size:0.917rem;}
.layer_sbs .sbs_info .total_prc > p {position:absolute; top:50%; right:0; margin-top:-10px; font-size:1.250rem; font-weight:bold;}
.layer_sbs .sbs_info .total_prc > p * {font-size:1.250rem; font-weight:bold;}
.layer_sbs .sbs_info .btn {margin-top:25px;}
.layer_sbs .sbs_info .btn:after {display:block; clear:both; content:'';}
.layer_sbs .sbs_info .btn > span {float:left; width:49%;}
.layer_sbs .sbs_info .btn > span:nth-child(2) {float:right;}
.layer_sbs > .close {display:inline-block; position:absolute; right:0; top:0; width:45px; height:50px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/layer_sbs_close.png') no-repeat center/14px; text-indent:-9999px; cursor:pointer;}

@media all and (min-width:768px) {
	.layer_sbs {position:fixed; top:50%; left:10%; width:80%; height:610px; margin-top:-305px; padding:30px;}
	.layer_sbs .delivery_info > h2.title {height:auto; padding:50px 0 20px; font-size:1.500rem; line-height:inherit;}
	.layer_sbs .delivery_info > h2.title.first {padding:0 0 20px; margin:0;}
}
@media all and (min-width:1100px) {
	.layer_sbs {top:50%; left:50%; z-index:100; overflow:auto; width:1100px; margin:-305px 0 0 -550px; padding:0;}
	.layer_sbs .delivery_info {float:left; width:735px; min-height:610px; padding:30px 40px;}
	.layer_sbs .delivery_info .fld_info {padding:0;}
	.layer_sbs .delivery_info .fld_info > li {position:relative; padding:15px 0 15px 120px;}
	.layer_sbs .delivery_info .fld_info > li .fld_title {position:absolute; top:50%; left:30px; margin-top:-9px; padding-bottom:0; font-size:1rem;}
	.layer_sbs .delivery_info .fld_info > li .calendar {padding:5px 0;}
	.layer_sbs .delivery_info .fld_info > li .calendar .text {width:125px; font-size:1.083rem;}
	.layer_sbs .delivery_info .fld_info > li .calendar > p .date_text {width:133px; height:35px; font-size:1.167rem;}
	.layer_sbs .delivery_info .fld_info > li .calendar > p span.date_text {line-height:33px;}
	.layer_sbs .delivery_info .fld_info > li .calendar > p .day {font-size:1rem;}
	.layer_sbs .delivery_info .prd_info {padding:20px 0; border-bottom:1px solid #e0e0e0;}
	.layer_sbs .delivery_info .prd_info .prd {width:100px;}
	.layer_sbs .delivery_info .prd_info .info {width:calc(100% - 100px);}
	.layer_sbs .delivery_info .prd_table {position:relative;}
	.layer_sbs .delivery_info .prd_table .tbl_wrap {position:absolute; top:50%; right:0; width:275px; margin-top:-50px;}
	.layer_sbs .delivery_info .tbl_order {border-bottom:none;}
	.layer_sbs .delivery_info .tbl_order th,
	.layer_sbs .delivery_info .tbl_order td {padding:3px 0;}
	.layer_sbs .delivery_info .tbl_order tr:first-child th,
	.layer_sbs .delivery_info .tbl_order tr:first-child td {padding-top:3px;}
	.layer_sbs .delivery_info .tbl_order tr:last-child th,
	.layer_sbs .delivery_info .tbl_order tr:last-child td {padding-bottom:3px;}
	.layer_sbs .sbs_info {float:right; width:365px; min-height:610px; padding:70px 40px 30px; border-left:1px solid #dcdcdc; background:#f6f6f6;}
	.layer_sbs .sbs_info .last_chk {padding:0; background:none;}
}

/* 주문서 나의 주소록 레이어 */
#pop_addr_list {position:fixed; top:0; left:0; z-index:100; overflow-y:auto; width:100%; height:100%; padding:15px; background-color:#fff;}
#pop_addr_list h2.title {color:#000; font-size:1.167rem;}
#pop_addr_list > .close {display:inline-block; position:absolute; right:15px; top:10px; width:21px; height:21px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/button/close.png') no-repeat center / 16px; text-indent:-9999px; cursor:pointer;}
#pop_addr_list .tab_addr_list {margin:10px -15px 0; font-size:0;}
#pop_addr_list .tab_addr_list li {display:inline-block; width:33.334%;}
#pop_addr_list .tab_addr_list li a {display:block; padding:10px 0; border:1px solid #dbdbdb; border-width:1px 1px 1px 0; background-color:#f7f7f7; color:#666; text-align:center;}
#pop_addr_list .tab_addr_list li a.active {border-bottom-color:#fff; background-color:#fff; color:#333;}
#pop_addr_list .tab_addr_list li:last-child a {border-right-width:0;}
#pop_addr_list .tabcnt_addr_list .addr_list li {position:relative; padding:20px 0; border-bottom:1px solid #e5e5e5;}
#pop_addr_list .tabcnt_addr_list .addr_list li label {display:block; padding-left:35px;}
#pop_addr_list .tabcnt_addr_list .addr_list li label input {position:absolute; top:20px; left:0;}
#pop_addr_list .tabcnt_addr_list .addr_list li label p {color:#666;}
#pop_addr_list .tabcnt_addr_list .addr_list li label p strong {color:#333; font-size:1.083rem;}
#pop_addr_list .tabcnt_addr_list .addr_list li label p .addr_def {display:inline-block; margin-bottom:3px; padding:0 4px; font-size:0.75rem; border:1px solid #333; color:#333; line-height:1.3;}
#pop_addr_list .tabcnt_addr_list .addr_list li .btn_del {position:absolute; top:20px; right:0;}
#pop_addr_list .tabcnt_addr_list .addr_list li .btn_del a {display:inline-block; margin-left:7px; color:#999;}
#pop_addr_list .addr_new {padding-top:20px;}
#pop_addr_list .addr_new .country {margin-bottom:10px;}
#pop_addr_list .addr_new .address_area .code {position:relative; padding-right:110px;}
#pop_addr_list .addr_new .address_area .code .box_btn {position:absolute; right:0; bottom:0;}
#pop_addr_list .addr_new .address_area > div + div {padding-top:5px;}
#pop_addr_list .addr_new .select_country select {width:100%;}
#pop_addr_list .addr_new .tel_area {position:relative; padding-left:90px;}
#pop_addr_list .addr_new .tel_area select {position:absolute; left:0; top:0; width:80px;}
#pop_addr_list .btn {padding-top:15px;}

@media all and (min-width:768px) {
	#pop_addr_list {top:50%; left:50%; width:320px; height:auto; max-height:640px; margin:-320px 0 0 -160px; border:1px solid #dcdcdc;}
	#pop_addr_list h2.title {font-size:1.417rem;}
	#pop_addr_list > .close {top:15px; background-size:22px;}
	#pop_addr_list .tbl_order3 {display:block;}
	#pop_addr_list .tbl_order3 > .thead {display:none;}
	#pop_addr_list .tbl_order3 > .tbody {display:block; padding:5px 0;}
	#pop_addr_list .tbl_order3 > .tbody > li {display:block; padding:0;}
	#pop_addr_list .tbl_order3 > .tbody > li.title {padding:0 0 10px 0; font-weight:400;}
	#pop_addr_list .btn {padding-top:20px;}
	#pop_addr_list .btn span * {padding:12px 16px; font-size:1.167rem;}
}

/* 주문서 통합 쿠폰 레이어 */
#pop_order_cpn_list {position:fixed; top:0; left:0; z-index:100; overflow-y:auto; width:100%; height:100%; padding:15px; background-color:#fff;}
#pop_order_cpn_list h2.title {color:#000; font-size:1.167rem;}
#pop_order_cpn_list > .close {display:inline-block; position:absolute; right:15px; top:10px; width:21px; height:21px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/button/close.png') no-repeat center / 16px; text-indent:-9999px; cursor:pointer;}
#pop_order_cpn_list .cpn_list {margin:10px -15px 0; border-top:1px solid #dbdbdb;}
#pop_order_cpn_list .cpn_list .list_cart > .tbody > li.cpn {margin-left:0;}
#pop_order_cpn_list .cpn_list .list_cart > .tbody > li.img + li p {min-height:16px;}
#pop_order_cpn_list .cpn_list .cpn_sep {}
#pop_order_cpn_list .cpn_list .cpn_sep .title {display:none;}
#pop_order_cpn_list .cpn_list .cpn_cart {padding:15px;}
#pop_order_cpn_list .cpn_list .list_cart {border-top:none;}
#pop_order_cpn_list .cpn_list .list_cart .usable_cpn {margin-top:35px; padding-top:10px; border-top:1px solid #dbdbdb;}
#pop_order_cpn_list .cpn_list .list_cart .usable_cpn li {position:relative; padding:3px 0 3px 25px;}
#pop_order_cpn_list .cpn_list .list_cart .usable_cpn li input {position:absolute; top:3px; left:0;}
#pop_order_cpn_list .cpn_list .list_cart .usable_cpn li .overlap {color:#df7e7e;}
#pop_order_cpn_list .btn .box_btn span {float:none; color:inherit; font:inherit;}

@media all and (min-width:768px) {
	#pop_order_cpn_list .cpn_list .cpn_sep .title {display:table-cell; padding:15px;}
	#pop_order_cpn_list .cpn_list .cpn_cart .title {padding:15px;}
	#pop_order_cpn_list .cpn_list .tbl_order3 > .tbody > li {padding:10px;}
}
@media all and (min-width:1024px) {
	#pop_order_cpn_list {top:50%; left:50%; z-index:100; overflow-y:auto; width:1000px; height:auto; max-height:510px; padding:40px; margin:-250px 0 0 -505px; border:1px solid #d9d9d9;}
	#pop_order_cpn_list h2.title {padding-bottom:10px; font-size:1.833rem !important;}
	#pop_order_cpn_list > .close {top:20px; right:20px; background-size:22px;}
	#pop_order_cpn_list .btn {width:300px; margin:0 auto; padding-top:30px;}
	#pop_order_cpn_list .cpn_list {margin:0;}
	#pop_order_cpn_list .cpn_list .list_cart_wrap {max-height:250px; overflow-y:auto;}
	#pop_order_cpn_list .cpn_list .list_cart .usable_cpn {margin-top:0; padding:10px 0; border-top:none;}
	#pop_order_cpn_list .cpn_list .list_cart .usable_cpn li br {display:none;}
	#pop_order_cpn_list .cpn_list .list_cart .usable_cpn li input {top:7px;}
	#pop_order_cpn_list .cpn_list .list_cart > .thead {border-bottom:none;}
	#pop_order_cpn_list .cpn_list .list_cart > .thead > li {padding:0;}
	#pop_order_cpn_list .cpn_list .list_cart > .tbody > li.img + li p {min-height:auto;}
}

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

/* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 */
.box_member {width:100%; padding:0 30px;}
.box_member .tab_member {padding:23px 0 18px; font-size:0; text-align:center;}
.box_member .tab_member > li {display:inline-block; padding:0 5px;}
.box_member .tab_member > li a {display:inline-block; padding:5px; font-size:1.167rem; letter-spacing:-0.03rem; cursor:pointer; opacity:.5;}
.box_member .tab_member > li a.active {opacity:1;}
.box_member fieldset {position:relative;}
.box_member fieldset legend {padding:25px 0; font-weight:bold;}
.box_member fieldset .fld {position:relative; margin-bottom:10px; font-size:0;}
.box_member fieldset .fld label {position:absolute; top:50%; left:10px; color:#666; transform:translateY(-50%); cursor:auto; transition:all .3s ease;}
.box_member fieldset .fld.active label {display:inline-block; top:0; background:#fff; color:#333; font-size:0.75rem; line-height:10px;}
.box_member fieldset .fld .show_icon {display:block; position:absolute; top:0; right:0; width:42px; height:40px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/icon_pwd.png') no-repeat center/20px; cursor:pointer;}
.box_member fieldset .fld .show_icon:after {position:absolute; top:50%; left:0; width:1px; height:20px; margin-top:-10px; background:#e7e7e7; content:'';}
.box_member fieldset .fld .show_icon.active {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/icon_pwd_active.png');}
.box_member fieldset .savessl {padding:10px 0 17px; font-size:0;}
.box_member fieldset .savessl label {margin-right:10px; color:#999; font-size:0.917rem; vertical-align:middle;}
.box_member fieldset .select {float:right; margin-top:-40px;}
.box_member fieldset .box_btn * {border-radius:6px;}

@media all and (min-width:768px) {
	.box_member {width:380px; margin:0 auto; padding:0;}
	.box_member .tab_member {padding:20px 0 42px;}
	.box_member .tab_member > li {padding:0 15px;}
	.box_member .tab_member > li a {padding:0; font-size:1.833rem;}
	.box_member fieldset .fld label {left:15px; font-size:1.167rem;}
	.box_member fieldset .fld.active label {font-size:1.167rem; line-height:15px;}
	.box_member fieldset .fld .show_icon {width:50px; height:50px;}
	.box_member fieldset .fld .show_icon:after {height:24px; margin-top:-12px;}
	.box_member fieldset .savessl {padding:7px 0 27px;}
	.box_member fieldset .savessl label {font-size:1rem;}
	.box_member fieldset .select {margin-top:-44px;}
}

/* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 - 인풋 기본 스타일 */
.box_member .form_input.member {height:40px; padding:0 10px; border-radius:6px; border-color:#f5f5f5; background:#f5f5f5;}
.box_member .form_input.member:focus {border-color:#333;}
.box_member .form_input.member.number_first {width:32%;}
.box_member .form_input.member.number {width:33%; margin-left:1%;}
.box_member .find_id_item_2,
.box_member .find_id_item_3,
.box_member .find_pw_item_2,
.box_member .find_pw_item_3 {display:none;}

@media all and (min-width:768px) {
	.box_member .form_input.member {height:50px; padding:0 15px;}
}

/* 로그인(/member/login.php) */
#login .adult_msg {margin-top:32px; padding:55px 0 35px; border-bottom:1px solid #e6e6e6; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/adult_warning.png') no-repeat top center/40px; color:#000; font-size:0.917rem; text-align:center; line-height:18px; letter-spacing:-0.08rem; word-break:keep-all;}
#login .adult_msg br {display:none;}
#login .adult_msg strong {color:inherit; font-size:inherit;}
#login .guest_order {margin-top:10px;}
#login .fail {position:relative; margin-bottom:20px; padding:18px 10px; border-radius:10px; background:#fae4e8; color:#d53838; text-align:center;}
#login .fail:after {position:absolute; left:50%; bottom:-6px; width:0; height:0; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:6px solid #fae4e8; content:'';}
#login .joinfind {padding:25px 0; font-size:0; text-align:center;}
#login .joinfind li {display:inline-block; padding:0 10px;}
#login .joinfind li a {letter-spacing:-0.03rem;}
#login .simple {padding-top:15px; border-top:1px solid #e0e0e0; text-align:center;}
#login .simple a {display:block; width:100%; height:40px; margin-top:10px; border:1px solid #000; border-radius:6px;}
#login .simple a span {display:block; height:38px; background-repeat:no-repeat; background-position:left 15px center; background-size:17px; color:#191919; font-size:1.167rem; letter-spacing:-0.03rem; line-height:38px;}
#login .simple a.naver span {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/icon_naver.png');}
#login .simple a.facebook span {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/icon_facebook.png');}
#login .simple a.kakao span {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/icon_kakao.png');}
#login .simple a.payco span {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/icon_payco.png');}
#login .simple a.wemake span {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/icon_wemake.png');}
#login .simple a.apple span {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/icon_apple.png');}
#login .adult_certify {padding-top:30px; border-top:1px solid #e6e6e6; text-align:center;}
#login .adult_certify h5 {padding-bottom:10px; color:#000; font-size:1.167rem; font-weight:400;}
#login .adult_certify p {padding-bottom:10px; color:#888; font-size:0.917rem; letter-spacing:-0.08rem; word-break:keep-all;}
#login .adult_certify > a {display:block; height:40px; margin-top:8px; border-radius:6px; background:#aaa9a9;}
#login .adult_certify > a span {display:inline-block; height:40px; padding-left:21px; background:no-repeat left center/12px 18px; color:#fff; line-height:40px; letter-spacing:-0.08rem;}
#login .adult_certify > a.ipincheckplususe span {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/adult_phone.png');}
#login .adult_certify > a.ipinuse span {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/adult_ipin.png');}

@media all and (min-width:768px) {
	#login .adult_msg {margin-top:60px; padding-top:75px; background-size:56px; font-size:1.167rem; line-height:24px;}
	#login .adult_msg br {display:block;}
	#login .joinfind {padding:25px 0 35px;}
	#login .simple {padding-top:30px;}
	#login .adult_certify {padding-top:35px;}
	#login .adult_certify h5 {padding-bottom:5px; font-size:1.500rem;}
	#login .adult_certify p {padding-bottom:20px; font-size:1rem;}
	#login .adult_certify > a {height:50px; margin-top:10px;}
	#login .adult_certify > a span {height:50px; padding-left:25px; font-size:1.167rem; font-weight:700; line-height:50px;}
}

/* 아이디/비밀번호 찾기 레이어 */
.pop_find_id {position:fixed; left:50%; top:100px; z-index:1001; width:98%; border:1px solid #dcdcdc; margin-left:-49%; background-color:#fff;}
.pop_find_id h1 {height:49px; padding:0 10px; background-color:#676767; color:#fff; font-size:16px; font-weight:normal; line-height:49px;}
.pop_find_id > .box {padding:15px;}
.pop_find_id > .box > h2 {color:#333; font-size:20px; font-weight:normal;}
.pop_find_id > .box > .msg {padding-top:15px;}
.pop_find_id > .box > .input {position:relative; height:50px; margin-top:15px; padding-right:113px; background-color:#f5f5f5;}
.pop_find_id > .box > .input:after {position:absolute; right:113px; top:50%; width:1px; height:22px; margin-top:-11px; background-color:#dbdbdb; content:'';}
.pop_find_id > .box > .input > .input_number {width:100%; height:50px; padding:0 10px; border:0; background-color:transparent;}
.pop_find_id > .box > .input > .btn {position:absolute; right:0; top:0; width:113px; height:50px; border:0; background-color:#f5f5f5; font-weight:bold; cursor:pointer;}
.pop_find_id > .box > .form_input {height:50px; margin-top:5px;}
.pop_find_id > .box > .box_btn {margin-top:10px;}
.pop_find_id > .box > .pop_id_list {padding-top:15px;}
.pop_find_id > .box > .pop_id_list .list {overflow:auto; max-height:100px; margin-top:15px; padding:5px 0; border:1px solid #d2d2d2; border-width:1px 0; background-color:#f5f5f5;}
.pop_find_id > .box > .pop_id_list .list li {position:relative; padding:5px; text-align:left;}
.pop_find_id > .box > .pop_id_list .btn {padding-top:15px; text-align:center;}
.pop_find_id > .box > .close {display:inline-block; position:absolute; right:14px; top:14px; width:16px; height:16px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/button/close.png') no-repeat center; text-indent:-9999px; cursor:pointer;}

@media all and (min-width:768px) {
	.pop_find_id {width:400px;margin-left:-200px;}
	.pop_find_id > .box {padding:30px;}
	.pop_find_id > .box > .form_input {margin-top:10px;}
	.pop_find_id > .box > .box_btn {margin-top:20px;}
	.pop_find_id > .box > .pop_id_list {padding-top:25px;}
	.pop_find_id > .box > .pop_id_list .list {margin-top:10px;}
	.pop_find_id > .box > .pop_id_list .btn {padding-top:20px;}
}

/* 비밀번호 변경 */
#modify_pwd .modify_id {padding-bottom:20px; font-size:1.167rem; font-weight:bold;}
#modify_pwd .msg_chgpw {border:1px dashed #000; margin-bottom:10px; padding:10px; text-align:left;}

@media all and (min-width:768px) {
	#modify_pwd .msg_chgpw {margin-bottom:20px;}
}

/* 회원가입 약관동의(/member/join_step1.php) */
#join_agree {text-align:center;}
#join_agree .all_chk {margin-bottom:10px; padding-bottom:15px; border-bottom:1px solid #d3d3d3; background:#f0f0f0; text-align:left;}
#join_agree .all_chk .msg {padding:0 10px; color:#666; font-size:0.833rem; letter-spacing:-0.03rem; line-height:18px;}
#join_agree .check {padding:10px; text-align:left;}
#join_agree iframe {width:100%; height:80px; margin-bottom:10px; border:1px solid #d9d9d9; border-width:1px 0; background-color:#fff;}
#join_agree .tbl_row {margin-bottom:20px; border-top:1px solid #333;}
#join_agree .member_type {padding:20px 0 30px;}
#join_agree .member_type label {margin:0 10px;}
#join_agree .btn {padding:15px; text-align:center;}
#join_agree .simple {padding-top:25px; border-top:1px solid #e0e0e0; text-align:center;}
#join_agree .simple p {padding-bottom:15px; font-size:1.333rem; letter-spacing:-0.02rem;}
#join_agree .simple a {display:block; width:100%; height:40px; margin-top:10px; border:1px solid #000; border-radius:6px;}
#join_agree .simple a span {display:block; height:38px; background-repeat:no-repeat; background-position:left 15px center; background-size:17px; color:#191919; font-size:1.167rem; letter-spacing:-0.03rem; line-height:38px;}
#join_agree .simple a.naver span {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/icon_naver.png');}
#join_agree .simple a.facebook span {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/icon_facebook.png');}
#join_agree .simple a.kakao span {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/icon_kakao.png');}
#join_agree .simple a.payco span {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/icon_payco.png');}
#join_agree .simple a.wemake span {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/icon_wemake.png');}
#join_agree .simple a.apple span {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/icon_apple.png');}

@media all and (min-width:768px) {
	#join_agree .all_chk {margin-bottom:40px; padding-bottom:40px; background:none;}
	#join_agree .all_chk .msg {font-size:1rem; line-height:1.4;}
	#join_agree .check {padding:0 0 15px;}
	#join_agree .check > label {font-size:1.667rem;}
	#join_agree iframe {height:180px; margin-bottom:40px; border-width:1px;}
	#join_agree .tbl_row {margin-bottom:40px;}
	#join_agree .btn {padding-top:20px;}
	#join_agree .simple {margin-top:50px; padding-top:63px; text-align:center;}
	#join_agree .simple p {padding-bottom:29px; font-size:1.667rem;}
	#join_agree .simple a {display:inline-block; width:200px; margin:4px;}
	#join_agree .simple a span {display:inline-block; padding-left:29px; background-position:left center;}
}

/* 회원가입 정보입력(/member/join_frm.php) */
#join_input {padding:10px; background-color:#f7f7f7;}
#join_input fieldset {margin-top:10px; border:1px solid #dcdcdc; background-color:#fff;}
#join_input fieldset:nth-of-type(1) {margin-top:0;}
#join_input fieldset .form_input.invalid {border-color:#c41c1b; background-color:#fff5f6;}
#join_input fieldset legend {display:block; float:left; position:relative; width:100%; height:40px; margin-bottom:15px; padding:10px 15px; border-bottom:1px solid #dcdcdc; color:#333; font-size:1.167rem;}
#join_input fieldset legend > span {position:absolute; right:15px; top:10px; color:#666;}
#join_input fieldset legend > span > strong {color:#cc3a3a;}
#join_input fieldset > .box {margin:0 15px; padding:15px 0; border-top:1px solid #dcdcdc;}
#join_input fieldset > .box:nth-of-type(1) {border-top:0;}
#join_input fieldset > .box > div {width:100%; padding:5px 0;}
#join_input fieldset > .box > div > label {display:block; padding:10px 0 5px; color:#666; font-weight:normal; text-align:left; vertical-align:middle;}
#join_input fieldset > .box > div > .input_area {vertical-align:middle;}
#join_input fieldset > .box > div > .input_area label {margin-right:10px;}
#join_input fieldset > .box > div > .input_area input {vertical-align:top;}
#join_input fieldset > .box > div .msg > p {margin:5px 0; padding-left:15px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/bullet_msg.png') no-repeat left 1px; color:#888;}
#join_input fieldset > .box > div .msg > p.warning {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/bullet_msg_warning.png'); color:#c41c1c;}
#join_input fieldset > .box > div.required > label:after {color:#c41c1c; content:' *';}
#join_input fieldset > .box > div.birth > .input_area,
#join_input fieldset > .box > div.addr > .input_area {font-size:0;}
#join_input fieldset > .box > div.birth select {width:33%; margin-left:-1px; font-size:1rem;}
#join_input fieldset > .box > div.birth select:nth-of-type(1) {width:34%; margin-left:0;}
#join_input fieldset > .box > div.addr .radio_chg {margin-bottom:10px;}
#join_input fieldset > .box > div.addr .form_input:nth-of-type(1) {width:calc(100% - 126px) !important; margin-right:10px;}
#join_input fieldset > .box > div.addr .form_input:nth-of-type(2) {margin:10px 0;}
#join_input fieldset > .box > div.addr .box_btn * {width:116px;}
#join_input fieldset > .box > div.addr_country .form_input:nth-of-type(3) {margin-bottom:10px;}
#join_input fieldset > .box > div.addfld .form_input {width:100%;}
#join_input fieldset > .box > div.addfld select {width:26% !important;}
#join_input fieldset > .box > div.sns .integrate {font-size:0;}
#join_input fieldset > .box > div.sns .integrate > li {display:inline-block; width:33.33%; margin-top:23px; text-align:center; vertical-align:top;}
#join_input fieldset > .box > div.sns .integrate > li .name {padding:30px 0 5px; background:no-repeat top center/25px; font-size:0.917rem;}
#join_input fieldset > .box > div.sns .integrate > li .name.nameKA {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/integrate_kakao.png');}
#join_input fieldset > .box > div.sns .integrate > li .name.nameNA {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/integrate_naver.png');}
#join_input fieldset > .box > div.sns .integrate > li .name.nameFB {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/integrate_facebook.png');}
#join_input fieldset > .box > div.sns .integrate > li .name.namePC {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/integrate_payco.png');}
#join_input fieldset > .box > div.sns .integrate > li .name.nameWN {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/integrate_wemake.png');}
#join_input fieldset > .box > div.sns .integrate > li .name.nameAP {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/integrate_apple.png');}
#join_input fieldset > .box > div.sns .integrate > li .box_btn a {min-width:45px; font-size:0.875rem;}
#join_input fieldset > .box > div.sns .integrate > li .state {padding-top:5px;}
#join_input fieldset > .box > div.sns .integrate > li .state span {display:inline-block; padding-left:17px; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/integrate_state.png') no-repeat left center/12.5px; color:#888; font-size:0.917rem;}
#join_input fieldset > .box > div.sns .integrate > li .state.connect span {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/integrate_state_connect.png'); color:#fe0100;}

@media all and (min-width:768px) {
	#join_input {padding:0; background-color:#fff;}
	#join_input fieldset {margin-top:50px; border:none;}
	#join_input fieldset * {font-size:1.167rem;}
	#join_input fieldset legend {height:auto; padding:0 0 10px; border-bottom:1px solid #333; font-size:1.667rem;}
	#join_input fieldset legend > span {right:0; top:5px;}
	#join_input fieldset > .box {margin:0; padding:20px 0; border-top:0; border-bottom:1px solid #dcdcdc;}
	#join_input fieldset > .box > div {display:table; position:relative; padding-right:38%;}
	#join_input fieldset > .box > div > label {display:table-cell; width:170px; padding:0 0 0 10px;}
	#join_input fieldset > .box > div > .input_area {display:table-cell; height:34px;}
	#join_input fieldset > .box > div > .input_area input.form_input {width:400px;}
	#join_input fieldset > .box > div > .input_area label {margin-right:20px;}
	#join_input fieldset > .box > div .msg {display:inline-block; position:absolute; right:0; top:50%; z-index:1; width:38%; padding-left:20px; -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); transform:translate(0,-50%);}
	#join_input fieldset > .box > div .msg > p {margin:0; padding-left:15px; background-position:left center; font-size:1rem;}
	#join_input fieldset > .box > div .msg.block {display:block; position:static; width:100%; margin-top:5px; padding-left:0; -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0);}
	#join_input fieldset > .box > div.addr .box_btn * {padding:9.5px 12px;}
	#join_input fieldset > .box > div.sns {padding-right:0;}
	#join_input fieldset > .box > div.sns .integrate > li {width:auto; margin-top:0; padding-right:50px;}
	#join_input fieldset > .box > div.sns .integrate > li .name {font-size:1.083rem;}
	#join_input fieldset > .box > div.sns .integrate > li .box_btn a {min-width:55px; font-size:1rem;}
	#join_input fieldset > .box > div.sns .integrate > li .state span {padding-left:20px; font-size:1rem;}
}

/* 회원가입 정보입력 - SNS */
#join_input.api {margin-top:20px;}
#join_input.api fieldset > .box > div > .email_area .form_input {width:calc(100% - 85px) !important; margin-right:10px;}

@media all and (min-width:768px) {
	#join_input.api {margin-top:40px;}
	#join_input.api fieldset > .box > div > .email_area .form_input {width:calc(100% - 97px) !important; margin-right:10px;}
	#join_input.api fieldset > .box > div > .email_area .box_btn * {width:82px;}
}

/* 회원가입 정보입력 - dummy */
#join_input .dummy {position:absolute; left:0; top:0; width:0; height:0; font-size:0; line-height:0; opacity:0;}
/* 회원가입 정보입력 - 기업회원추가입력 */
#join_input fieldset > .box > div.licensee_num .form_input {width:32%;}
#join_input fieldset > .box > div.licensee_num .form_input.second {margin:0 2%;}
/* 회원가입 정보입력 - 버튼 */
#join_input .btn {margin:10px 0; text-align:center;}

@media all and (min-width:768px) {
	#join_input .btn {margin-top:30px;}
}

/* 비밀번호 안전도 */
#join_input .password_security_lev {display:inline-block; position:relative; margin-top:10px; padding:15px 10px; border:1px solid #bfbfbf; background-color:#fff; color:#333; font-weight:bold; text-align:left;}
#join_input .password_security_lev:before {position:absolute; left:7px; top:-5px; width:8px; height:8px; border:1px solid #bfbfbf; border-width:1px 1px 0 0; background-color:#fff; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';}
#join_input .password_security_lev > span {display:inline-block; position:relative; width:72px; height:4px; margin-top:7px; background-color:#e5e5e5; vertical-align:top;}
#join_input .password_security_lev > span:before  {display:inline-block; position:absolute; left:0; top:0; height:4px; content:'';}
#join_input .password_security_lev > span:after{display:inline-block; position:absolute; left:0; top:0; width:inherit; height:inherit; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/member/safebar.gif') no-repeat center; content:'';}
#join_input .password_security_lev > p {color:#888; font-size:11px; font-weight:normal; line-height:1.8;}
#join_input .password_security_lev.password_security_1 > strong {color:#e60012;}
#join_input .password_security_lev.password_security_1 > span:before {width:22px; background-color:#e60012;}
#join_input .password_security_lev.password_security_2 > strong {color:#e7853c;}
#join_input .password_security_lev.password_security_2 > span:before {width:47px; background-color:#e7853c;}
#join_input .password_security_lev.password_security_3 > strong {color:#32b16c;}
#join_input .password_security_lev.password_security_3 > span:before {width:72px; background-color:#32b16c;}

@media all and (min-width:768px) {
	#join_input .password_security_lev {margin-top:0; padding:7px 15px;}
	#join_input .password_security_lev:before {left:-5px; top:8px; border-width:1px 0 0 1px;}
}

/* 회원가입완료(/member/join_step3.php) */
#join_finish .box {padding:0; color:#888; text-align:center; line-height:2;}
#join_finish .box > .agree {margin-top:15px; padding:15px; color:#666; background-color:#f0f0f0;}
#join_finish .box > .agree > span {display:block;}
#join_finish .box strong {font-size:1.167rem;}
#join_finish .box .document > a {display:inline-block; padding:20px 10px; font-weight:bold; text-decoration:underline;}
#join_finish .btn {margin-top:20px; text-align:center;}

@media all and (min-width:768px) {
	#join_finish {width:640px; margin:0 auto;}
	#join_finish .box {padding:45px 0; border:1px solid #dedede; line-height:3;}
	#join_finish .box > .agree {width:80%; margin:0 auto;}
	#join_finish .btn {margin-top:30px;}
}

/* 정보수정(/member/edit_step1.php), 정보수정완료(/member/edit_step3.php) */
.edit_info .box {text-align:left;}
.edit_info .box > .msg {color:#666;}
.edit_info .box > .agree {margin:20px auto 0; padding:15px; color:#666; background-color:#f0f0f0; text-align:center;}
.edit_info .box > .agree > span {display:block;}
.edit_info .form_input {margin-top:15px;}
.edit_info .btn {padding-top:15px; text-align:center;}

@media all and (min-width:768px) {
	.edit_info .box {padding:60px 0; background-color:#f5f5f5; text-align:center;}
	.edit_info .box > .agree {width:50%;}
	.edit_info .form_input {width:50% !important;}
	.edit_info .btn {padding-top:30px;}
	.edit_info .btn .box_btn {display:inline-block; float:none; width:180px;}
}

/* 우편번호 레이어 */
.layer_zip_addr_list {width:100%; max-width:640px;}
.layer_zip_addr_list .title {position:relative; padding:20px; background:#676767;}
.layer_zip_addr_list .title h1 {color:#000; font-size:1.4rem; font-weight:bold; text-align:left;}
.layer_zip_addr_list .title .btn {position:absolute; right:15px; top:15px; padding:0 10px;}
.layer_zip_addr_list .title .close {display:block; position:relative; z-index:10; width:2px; height:25px; background:#b7b7b7; transform:rotate(45deg);}
.layer_zip_addr_list .title .close:after {position:absolute; z-index:20; top:11px; left:-11px; width:25px; height:2px; background:#b7b7b7; content:"";}
.layer_zip_addr_list table {table-layout:fixed;}
.layer_zip_addr_list caption {display:none;}
.layer_zip_addr_list thead th {display:none; padding:10px 0; text-align:center;}
.layer_zip_addr_list tbody th {height:34px; padding:10px 0; border-top:1px solid #ddd; color:#000; text-align:center; vertical-align:middle;}
.layer_zip_addr_list tbody td {height:34px; padding:10px; border-top:1px solid #ddd; color:#666; text-align:left; vertical-align:middle;}
.layer_zip_addr_list tbody td * {color:#666;}
.layer_zip_addr_list tbody tr:last-child th,
.layer_zip_addr_list tbody tr:last-child td {border-bottom:1px solid #ddd;}
.layer_zip_paging * {vertical-align:middle;}
.layer_zip_paging {margin:10px 0 20px; text-align:center;}
.layer_zip_paging li {display:inline; padding:0 2px; color:#9e9e9e; vertical-align:middle;}
.layer_zip_paging li strong {display:inline-block; width:28px; height:28px; border:1px solid #676767; background:#676767; color:#fff; line-height:30px;}
.layer_zip_paging li a {display:inline-block; width:28px; height:28px; border:1px solid #ccc; background:#fff; color:#6e6e6e; line-height:30px;}


/* 우편번호 찾기(/common/zip_search.php) */
.zipcode {width:100%; max-width:420px; padding:20px; text-align:center;}
.zipcode h1 {padding-bottom:20px; font-size:20px; font-weight:bold;}
.zipcode .tab {height:32px; text-align:center;}
.zipcode .tab li {float:left; width:50%; vertical-align:bottom;}
.zipcode .tab a {display:block; height:34px; margin:10px 0 0 -1px; border:1px solid #dcdcdc; background:#f8f8f8; color:#181818; line-height:34px;}
.zipcode .tab a.selected {height:44px; margin-top:0; border-bottom:0; background:#fff; font-weight:bold; line-height:49px;}
.zipcode .ex {clear:both; padding:20px 0; color:#666; text-align:left;}
.zipcode .ex span {display:block; color:#888;}
.zipcode .search {position:relative; padding-right:60px;}
.zipcode .search .box_btn {position:absolute; right:0; top:0;}
.zipcode table {table-layout:fixed; width:100%; margin-top:20px; border-top:1px solid #e0e0e0;}
.zipcode table th {font-size:0;}
.zipcode table td {padding:10px 0; border-bottom:1px solid #d7d7d7; color:#888; text-align:center; vertical-align:top;}
.zipcode table td.addr {text-align:left;}
.zipcode table td.addr p {display:inline-block; padding:0 4px 0 23px; border-radius:3px; background:#ffeded url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/shop/icon_addrwarring.png')no-repeat top 4px left 4px; color:#d83838; font-weight:600; letter-spacing:-0.05rem;}
.zipcode table td font {color:#d53838;}

/*-----------------------------------------------------------------*/
/* 4-4. 마이페이지
/*-----------------------------------------------------------------*/

/* 마이페이지 탭 & 회원정보 */
.tbl_mypage {display:none; width:100%; margin-bottom:40px; border:1px solid #d7d7d7;}
.tbl_mypage thead th {padding:16px 0; border-right:1px solid #dadada; border-bottom:1px solid #dadada; color:#181818; font-weight:bold; text-align:center;}
.tbl_mypage tbody td {padding:13px 0 17px 0; border-right:1px solid #dadada; text-align:center;}
.tbl_mypage tbody td ul li {padding:5px 0;}
.tbl_mypage tbody td ul li a { color:#888;}
.tbl_mypage tbody td ul li a:hover {color:#333;}
.tbl_mypage .last {border-right:0;}

@media all and (min-width:1024px) {
	
	.tbl_mypage {display:table;}
	.tbl_mypage * {font-size:1.167rem;}
}

/* 마이페이지 공통 박스 */
.box_mp {margin-bottom:15px; padding:15px; background:#f8f8f8; text-align:center; line-height:35px;}
.box_mp:after {display:block; clear:both; content:'';}
.box_mp .have {color:#666;}
.box_mp .have span {display:block; padding-top:5px; color:#333; font-family:'arial'; font-size:2rem; font-weight:bold;}

@media all and (min-width:768px) {
	.box_mp {margin-bottom:30px; padding:30px;}
}

/* 마이페이지 메인(/mypage/mypage.php) */
#mypage .my_info {background:#f8f8f8;}
#mypage .my_info ul {display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; width:100%; padding:15px 0;}
#mypage .my_info ul li {display:block; position:relative; width:33%; margin:15px 0; color:#666; text-align:center;}
#mypage .my_info ul li:after {position:absolute; left:0; top:0; width:1px; height:100%; background:#e5e5e5; content:'';}
#mypage .my_info ul li:nth-child(3n+1):after {display:none;}
#mypage .my_info ul li a {display:block;}
#mypage .my_info ul li span {display:block; margin-top:10px; font-size:1.250rem; font-weight:bold; line-height:100%;}
#mypage h3 {padding:30px 0 20px; font-size:1.250rem; text-align:left;}
#mypage h3 + .title_count { margin:-28px 0 16px; text-align:right;}
#mypage .ord_latest {padding:0 4.68%;}
#mypage .prd_latest {position:relative; margin-top:5px; padding:0 4.68%;}
#mypage .list {border-bottom:1px solid #dbdbdb;}
#mypage .list .no {padding:10px 15px; background:#e9e9e9; color:#333; font-size:1.167rem;}
#mypage .list .no a {color:#333; font-size:1.167rem; font-weight:bold;}
#mypage .list .no span {float:right; color:#888;}
#mypage .list .info {padding:15px;}
#mypage .list .info p + p {padding-top:3px;}
#mypage .list .info .set_label {display:inline-block; padding:0 6px; border:1px solid #d53838; border-radius:17px; color:#d53838; font-size:0.917rem; text-align:center; vertical-align:middle;}
#mypage .latest {overflow:hidden; margin-left:-10px; font-size:0;}
#mypage .latest li {float:left; width:20%; padding:0 0 10px 10px; text-align:center;}
#mypage .latest li img {width:100%; height:auto;}

@media all and (min-width:1024px) {
	#mypage * {font-size:1.167rem;}
	#mypage .my_info {margin-bottom:30px;}
	#mypage .my_info ul {display:table; margin:0 auto; padding:60px 0;}
	#mypage .my_info ul li {display:table-cell; width:5%; position:relative;}
	#mypage .my_info ul li:nth-child(3n+1):after {display:block;}
	#mypage .my_info ul li:first-child:after {display:none;}
	#mypage .my_info ul li span {height:30px; margin-top:20px; font-size:1.500rem; line-height:inherit;}
	#mypage .prd_latest .box_btn {position:absolute; top:25px; right:0;}
	#mypage .prd_latest .box_btn a {width:auto; padding:0; border:none; background:none; color:#333 !important;}
	#mypage .latest li {width:12.5%;}
}

@media all and (min-width:1100px) {
	#mypage .ord_latest {padding:0;}
	#mypage .prd_latest {padding:0;}
}

/* 주문내역조회(/mypage/order_list.php) */
#order_list > .search {background-color:#f8f8f8; text-align:center;}
#order_list > .search > .date {display:block; font-size:0; vertical-align:top;}
#order_list > .search > .date > span {float:left; width:33%; margin:-1px 0 0 -1px;}
#order_list > .search > .date > span:nth-child(3n-1) {width:34%;}
#order_list > .search > .date > span > * {border-color:#dcdcdc;}
#order_list > .search > .date > span.on * {background-color:#fff;}
#order_list > .search > .date:after {display:block; clear:both; content:'';}
#order_list > .search > .date_input {padding:10px 0; line-height:34px;}
#order_list > .search > .date_input > .form_input {float:left; width:48%;}
#order_list > .search > .date_input > .form_input:nth-child(2) {float:right;}
#order_list > .search > .date_input:after {display:block; clear:both; content:'';}
#order_list .msg {padding:15px;}
#order_list > .list {border-bottom:1px solid #dbdbdb;}
#order_list > .list .no {padding:10px 15px; background:#e9e9e9; color:#333; font-size:1.167rem;}
#order_list > .list .no a {color:#333; font-size:1.167rem; font-weight:bold;}
#order_list > .list .no span {float:right; color:#888;}
#order_list > .list .info {padding:15px;}
#order_list > .list .info p + p {padding-top:3px;}
#order_list > .list .info .set_label {display:inline-block; padding:0 6px; border:1px solid #d53838; border-radius:17px; color:#d53838; font-size:0.917rem; text-align:center; vertical-align:middle;}
#order_list > .list .info > .btn_col2 {margin-top:10px;}

@media all and (min-width:1024px) {
	#order_list * {font-size:1.167rem;}
	#order_list > .search {margin-bottom:30px; padding:30px;}
	#order_list > .search > .date {display:inline-block;}
	#order_list > .search > .date > span {display:inline-block; float:none; width:auto !important; margin:0 0 0 -1px;}
	#order_list > .search > .date > span > * {padding:11px 12px;}
	#order_list > .search > .date_input {display:inline-block; padding:0; vertical-align:top; line-height:40px;}
	#order_list > .search > .box_btn {display:inline-block;}
	#order_list > .search > .box_btn * {padding:11px 12px;}
	#order_list .msg {padding:15px 0;}
}

/* 주문상세조회(/mypage/order_detail.php) */
#order_detail {background-color:#f7f7f7;}
#order_detail .box {margin-bottom:10px; border:1px solid #dcdcdc; background-color:#fff;}
#order_detail .box .msg {text-align:center;}
#order_detail .box .msg strong {font-size:1.167rem;} 
#order_detail .btn {margin-top:20px;}
#order_detail .stat_img {padding:10px 0;}
#order_detail .stat_img li {float:left; width:20%; padding:0 2px;}
#order_detail .stat_img li img {width:100%; height:auto;}
#order_detail .stat_img:after {display:block; clear:both; content:'';}
#order_detail h3.title {position:relative; padding:15px; border:1px solid #dcdcdc; border-width:1px 1px 0 1px; background:#fff; font-size:1.167rem;}
#order_detail h3.title:before {position:absolute; right:25px; top:22px; width:15px; height:1px; background:#454545; content:''; -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); transition:all .3s ease;}
#order_detail h3.title:after {position:absolute; right:15px; top:22px; width:15px; height:1px; background:#454545; content:''; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); transition:all .3s ease;}
#order_detail h3.title.active:before {-ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
#order_detail h3.title.active:after {-ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg);}
#order_detail h3.title .print_receipt {display:none;}
#order_detail .list_cart {border-top:none;}
#order_detail .list_cart > .tbody:last-child {border-bottom:none;}
#order_detail .area_right h3.title {border:none;}
#order_detail .area_right .wrap_inner {border-top:1px solid #dcdcdc;}
#order_detail .tab {margin-bottom:15px;}
#order_detail .tab li {float:left; width:50%; text-align:center;}
#order_detail .tab li a {display:block; padding:10px 5px; border:1px solid #dbdbdb; border-width:0 1px 1px 0;}
#order_detail .tab li:nth-child(odd) a {border-left-width:1px;}
#order_detail .tab li:nth-child(1) a,
#order_detail .tab li:nth-child(2) a {border-top-width:1px;}
#order_detail .tab:after {display:block; clear:both; content:'';}

@media all and (min-width:1024px) {
	#order_detail {overflow:hidden; position:relative; background-color:transparent;}
	#order_detail * {font-size:1.167rem;}
	#order_detail .box {padding:20px 0; border-width:0 0 1px 0;}
	#order_detail .box .msg,
	#order_detail .box .msg * {font-size:1.5rem !important;}
	#order_detail .box.flr {position:relative;}
	#order_detail .box.flr .box_btn {position:absolute; right:0; top:-40px; margin:0;}
	#order_detail .box.flr .box_btn > * {padding:4px 8px;}
	#order_detail .btn {margin-top:0;}
	#order_detail .list_wrap {padding:0 20px;}
	#order_detail h3.title {position:relative; clear:both; padding:30px 0 10px; border-color:#000; border-width:0 0 1px 0; background:none; font-size:1.667rem;}
	#order_detail h3.title:before,
	#order_detail h3.title:after {display:none;}
	#order_detail h3.title.first {padding-top:0;}
	#order_detail h3.title.line {margin-top:25px; border-top:1px solid #dfdfdf;}
	#order_detail h3.title .print_receipt {display:block; position:absolute; bottom:10px; right:0;}
	#order_detail .area_left {float:left; width:calc(100% - 330px);}
	#order_detail .area_right {float:right; padding:30px 0 0 50px;}
	#order_detail .area_right .box {width:280px; padding:20px; border:none; background:#eff1f4;}
	#order_detail .area_right .box .line {margin-top:25px; border-top:1px solid #dfdfdf;}
	#order_detail .area_right .btn > .box_btn form input {padding:12px 16px;}
	#order_detail .area_right h3.title {margin:0 -20px; padding:0 0 20px 0; border-bottom:1px solid #d2d2d2; text-align:center;}
	#order_detail .area_right .wrap_inner {border-top:none;}
	#order_detail .area_right .tbl_order {margin-top:25px;}
	#order_detail .total_price {font-size:1.167rem;}
	#order_detail .tab {margin-bottom:0; text-align:left;}
	#order_detail .tab li {float:left; width:auto; margin-right:5px;}
	#order_detail .tab li a {padding:11px 12px; border-width:1px; line-height:1.4;}
	#order_detail .back {margin-top:-40px; text-align:right;}
	#order_detail .back * {width:auto;}
	#order_detail .list_counsel {margin-top:-20px; border-top:none;}
}

@media all and (min-width:1100px) {
	#order_detail .list_wrap {padding:0;}
	#order_detail .area_right {padding:30px 0 0 50px;}
}

/* 주문상세조회(/mypage/order_detail.php) - 정기배송주문상세조회 */
#order_detail h4.title {margin-top:15px; padding:15px 0; font-size:1.083rem}
#order_detail h4:first-child {margin-top:0; padding-top:0;}
#order_detail .area_left .chgdelivery {position:relative; top:-35px; height:0; text-align:right;}
#order_detail .area_right .btn {margin:10px 0;}
#order_detail .area_right .btn > .box_btn {margin-top:10px;}
#order_detail .area_right .btn > .box_btn:first-child {margin-top:0;}
#order_detail .area_right .btn > .box_btn form {padding:0;}
#order_detail .area_right .btn > .box_btn form input {display:block; width:100%; padding:9.5px 16px; border:none; color:inherit; font:inherit; text-align:center; cursor:pointer;}
#order_detail .sbs_schedule .msg {padding-bottom:10px;}

@media all and (min-width:1024px) {
	#order_detail .sbs_schedule .box {padding:0; border:none;}
	#order_detail .sbs_schedule .tbl_col {border-top:none;}
}

/* 주문상세조회(/mypage/order_detail.php) - 결제수단변경 레이어 */
.chg_paytype {overflow:auto; position:fixed; left:5vw; top:5vh; z-index:100; width:90vw; height:90vh; padding:15px 15px 25px 15px; background-color:#fff;}
.chg_paytype h2 {padding-bottom:10px; border-bottom:1px solid #535353; font-size:1.25rem; font-weight:bold;}
.chg_paytype h3 {padding:20px 0 10px; font-size:1rem; font-weight:bold;}
.chg_paytype .explain {padding:10px 0; border-bottom:1px solid #dcdcdc;}
.chg_paytype .explain > li {margin:5px 0; padding-left:25px; background:url('http://sw.wisaweb.co.kr/wm_engine_SW/_manage/image/common/icon_info.png') no-repeat left top/15px; color:#888; font-size:0.917rem;}
.chg_paytype .sum {text-align:left;}
.chg_paytype .select {text-align:left;}
.chg_paytype .select > .type {padding:15px; background-color:#f5f5f5;}
.chg_paytype .select > .type > li {padding:5px 0;}
.chg_paytype .select > .type > li > label {color:#666;}
.chg_paytype .select > .msg {margin-top:10px; padding:15px; border:1px solid #e5e5e5;}
.chg_paytype .select > .msg > li {color:#888; letter-spacing:-1px;}
.chg_paytype .select > .btn {padding-top:5px;}
.chg_paytype .select > .btn > span {margin-top:5px;}
.chg_paytype .sum > table {table-layout:fixed; width:100%; margin:0 auto; border-top:1px solid #e0e0e0;}
.chg_paytype .sum > table th {padding:10px 15px; border:1px solid #e0e0e0; border-width:0 1px 1px 0; font-weight:normal; text-align:left; vertical-align:middle;}
.chg_paytype .sum > table td {padding:10px 15px; border-bottom:1px solid #e0e0e0; text-align:left; vertical-align:middle;}
.chg_paytype .sum > table td .price {font-family:'arial'; font-size:1.333rem;}
.chg_paytype .close {display:block; position:absolute; right:20px; top:15px; width:20px; height:20px; text-indent:-9999px;}
.chg_paytype .close:before {position:absolute; right:0px; top:10px; width:20px; height:1px; background-color:#000; transform:rotate(45deg); content:'';}
.chg_paytype .close:after {position:absolute; right:0px; top:10px; width:20px; height:1px; background-color:#000; transform:rotate(-45deg); content:'';}

@media all and (min-width:768px) {
	.chg_paytype {padding:20px 40px 40px 40px;}
}

@media all and (min-width:1024px) {
	.chg_paytype {left:50%; top:50%; width:1024px; height:720px; margin:-360px 0 0 -512px;}
	.chg_paytype h2 {padding-bottom:20px; font-size:1.500rem;}
	.chg_paytype h3 {padding:30px 0 15px; font-size:1.083rem;}
	.chg_paytype .explain {margin-bottom:30px; padding:20px 0;}
	.chg_paytype .explain > li {margin:0; background-position:left center; font-size:1rem; line-height:2;}
	.chg_paytype .sum {float:left; width:58.82%;}
	.chg_paytype .select {float:right; width:35.29%;}
	.chg_paytype .select > .type {padding:30px;}
	.chg_paytype .select > .type > li > label {cursor:pointer;}
	.chg_paytype .select > .type > li > label > input {position:relative; top:-3px;}
	.chg_paytype .select > .msg {margin-top:20px; padding:20px;}
	.chg_paytype .select > .btn {padding-top:10px;}
	.chg_paytype .select > .btn > span {margin-top:10px;}
	.chg_paytype .sum > table * {font-size:1.083rem;}
	.chg_paytype .sum > table th {padding:15px;}
	.chg_paytype .sum > table td {padding:15px;}
	.chg_paytype .sum > table td .price {font-family:'arial';}
	.chg_paytype .select h3:first-child,
	.chg_paytype .sum h3:first-child {padding-top:0;}
	.chg_paytype .close {right:40px; top:20px; cursor:pointer;}
	.chg_paytype:after {display:block; clear:both; content:'';}
}

/* 정기배송주문 배송지변경 */
.sbs_address {width:100%; padding:15px;}
.sbs_address > table > caption {font-size:1.333rem; font-weight:bold;}
.sbs_address > .btn {padding-top:20px; text-align:center;}
.sbs_address .address_area > div {padding-top:10px;}
.sbs_address .address_area .code {position:relative; padding-right:110px;}
.sbs_address .address_area .code .box_btn {position:absolute; right:0; bottom:0;}

/* 쿠폰(/mypage/coupon_down_list.php) */
#coupon h3.title {padding:25px 0 15px;}
#coupon h3.title:first-child {padding-top:0;}

/* 소셜쿠폰(/mypage/sccoupon.php) */
#sccoupon .box_mp .form_input {margin-top:10px;}

@media all and (min-width:1024px) {
	#sccoupon .box_mp .form_input {width:270px; margin-top:20px;}
	#sccoupon .btn {text-align:center;}
	#sccoupon .btn .box_btn {display:inline-block; float:none; width:auto;}
	#sccoupon .btn .box_btn * {width:150px;}
}

/* 관심상품(/mypage/wish_list.php) */
#wish_list .count {padding-bottom:10px;}
#wish_list .count strong {font:inherit;}
#wish_list .btn_wrap {margin-top:15px;}
#wish_list .btn_wrap .btn {margin-bottom:10px;}

@media all and (min-width:1024px) {
	#wish_list .count {padding-bottom:10px;}
	#wish_list .count strong {font:inherit;}
	#wish_list .btn_wrap {position:relative; margin-top:30px; text-align:right;}
	#wish_list .btn_wrap .btn_col {position:absolute; top:0; left:0; width:auto;}
	#wish_list .btn_wrap .btn_col .box_btn {width:auto; margin-right:10px;}
	#wish_list .btn_wrap .btn_col .box_btn * {width:150px;}
	#wish_list .btn_wrap .btn {display:inline-block; margin-bottom:0; width:auto;}
	#wish_list .btn_wrap .btn * {width:150px;}
}

/* 1:1문의 내역(/mypage/counsel_list.php & /mypage/order_detail.php) */
.list_counsel {margin-bottom:15px; border-top:1px solid #dbdbdb;}
.list_counsel > .table {display:block; width:100%; padding:15px; border:1px solid #dbdbdb; border-width:0 1px 1px;}
.list_counsel > .table.first {display:none;}
.list_counsel > .table > li {display:block; width:100%; vertical-align:middle;}
.list_counsel > .table > li + li {padding-top:5px;}
.list_counsel > .table > li.subject > img {width:auto; height:10px; vertical-align:middle;}
.list_counsel > .table > li.state {display:inline-block; width:auto;}
.list_counsel > .table > li.date {display:inline-block; width:auto; padding-left:10px; color:#999;}
.list_counsel > .content {display:none; padding:15px; border:1px solid #dbdbdb; border-width:0 1px 1px; background:#fafafa;}
.list_counsel > .content .question {position:relative; min-height:45px; padding:0 0 15px 43px; border-bottom:1px solid #e1e1e1;}
.list_counsel > .content .question:before {display:inline-block; position:absolute; left:0; top:0; width:29px; height:29px; border-radius:50%; background-color:#777474; color:#fff;  font-size:1.167rem; text-align:center; line-height:29px; content:'Q';}
.list_counsel > .content .question > div + div {padding-top:10px;}
.list_counsel > .content .question img {max-width:100%; height:auto;}
.list_counsel > .content .answer {position:relative; min-height:30px; margin-top:15px; padding-left:43px;}
.list_counsel > .content .answer:before {display:inline-block; position:absolute; left:0; top:0; width:29px; height:29px; border-radius:50%; background-color:#ef6363; color:#fff;  font-size:1.167rem; text-align:center; line-height:29px; content:'A';}

@media all and (min-width:768px) {
	.list_counsel > .table {display:table; width:100%; padding:0; border-width:0 0 1px; table-layout:fixed; border-collapse:collapse;}
	.list_counsel > .table.first {display:table;}
	.list_counsel > .table > li {display:table-cell; width:15%; padding:15px 0; text-align:center; cursor:pointer;}
	.list_counsel > .table > li + li {padding-top:15px;}
	.list_counsel > .table > li.subject {width:70%; padding-left:30px !important; text-align:left;}
	.list_counsel > .table.first > li.subject {padding-left:0 !important; text-align:center;}
	.list_counsel > .table > li.state {display:table-cell; width:15%;}
	.list_counsel > .table > li.date {display:table-cell; width:15%; padding-left:0;}
	.list_counsel > .content {padding:30px; border-width:0 0 1px;}
	.list_counsel > .content .question {padding-bottom:30px;}
	.list_counsel > .content .answer {margin-top:30px;}
}

/* 1:1문의 글쓰기(/mypage/counsel_step1.php) */
#counsel_write .list_cart {margin-bottom:-1px;}
#counsel_write .btn {margin-top:15px;}

@media all and (min-width:1024px) {
	#counsel_write .btn .box_btn {display:inline-block; float:none; width:auto;}
	#counsel_write .btn .box_btn * {width:150px;}
}

/* 1:1문의 완료(/mypage/counsel_step2.php) */
#counsel_fin .box {padding:15px; border:1px solid #dedede; color:#888; font-size:1.167rem; text-align:center;}
#counsel_fin .box strong {font-size:inherit;}
#counsel_fin .btn {margin-top:15px; text-align:center;}

@media all and (min-width:1024px) {
	#counsel_fin {width:640px; margin:0 auto;}
	#counsel_fin .box {padding:80px 0; line-height:3;}
	#counsel_fin .btn {margin-top:30px;}
}

/* 출석체크(/mypage/attend_list.php) */
#attend .date {padding:25px 0; text-align:center; vertical-align:top;}
#attend .date a {display:inline-block; width:18px; height:18px; border:1px solid #dbdbdb; background-repeat:no-repeat; background-position:center;}
#attend .date a.prev {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/bullet_arrow_prev.png');}
#attend .date a.next {background-image:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/common/bullet_arrow_next.png');}
#attend .date strong {padding:0 5px; color:#040404; font-family:'arial'; font-size:1.667rem; line-height:20px; text-align:center; vertical-align:top;}
#attend #calendar table {width:100%;}
#attend #calendar table thead th {padding:10px 0; border:1px solid #dbdbdb; background:#fbfbfb; color:#666; font-family:'arial'; font-weight:normal; text-align:center;}
#attend #calendar table thead th.sun {border-left:0; color:#d53838;}
#attend #calendar table thead th.sat {border-right:0; color:#7cb4d1;}
#attend #calendar table tbody td {height:50px; padding:5px; border:1px solid #dbdbdb; color:#040404; text-align:left; vertical-align:top;}
#attend #calendar table tbody td:first-child {border-left:0;}
#attend #calendar table tbody td:last-child {border-right:0;}
#attend #calendar .attenY {background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/mypage/attend_ok.png') no-repeat center/18px;}
#attend #calendar .attenR {background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/mypage/attend_today.png') no-repeat center/18px #fbf9ed; font-weight:bold; text-decoration:underline;}
#attend .info {background:#fbfbfb; text-align:center;}
#attend .info .explain {padding:15px; border-bottom:1px solid #dbdbdb;}
#attend .info .sum {padding:15px; border-bottom:1px solid #e0e0e0;}
#attend .info .sum:after {display:block; clear:both; content:'';}
#attend .info .sum span {float:left;}
#attend .info .sum strong {float:right;}

@media all and (min-width:1024px) {
	#attend .date {border:1px solid #dbdbdb; border-bottom:0;}
	#attend #calendar table thead th.sun {border-left:1px solid #dbdbdb;}
	#attend #calendar table thead th.sat {border-right:1px solid #dbdbdb;}
	#attend #calendar table tbody td {height:100px; padding:10px;}
	#attend #calendar table tbody td:first-child {border-left:1px solid #dbdbdb;}
	#attend #calendar table tbody td:last-child {border-right:1px solid #dbdbdb;}
	#attend #calendar .attenY {background-size:36px;}
	#attend #calendar .attenR {background-size:36px;}
	#attend .info {overflow:hidden; padding:30px 50px; border:1px solid #dbdbdb; border-top:0; text-align:left;}
	#attend .info .explain {float:left; padding:0; border:none; text-align:left;}
	#attend .info .sum {float:right; padding:0; border:none;}
	#attend .info .sum span,
	#attend .info .sum strong {float:none;}
}

/* 회원탈퇴(/mypage/withdraw_step1.php), 회원탈퇴완료(/mypage/withdraw_step2.php) */
.withdraw .box {text-align:left;}
.withdraw .msg {margin-bottom:10px; color:#666;}
.withdraw .frame textarea {height:150px; margin-top:10px;}
.withdraw .btn {padding-top:15px; text-align:center;}

@media all and (min-width:1024px) {
	.withdraw .box {padding:60px 0; background:#f5f5f5; text-align:center;}
	.withdraw .frame {width:550px; margin:0 auto;}
	.withdraw .frame textarea {height:250px;}
	.withdraw .btn {padding-top:30px;}
	.withdraw .btn .box_btn {display:inline-block; float:none; width:auto;}
	.withdraw .btn .box_btn * {width:200px;}
}

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

/* 이용약관(/content/content.php?cont=uselaw) */
#uselaw {padding:10px;}
#uselaw > ol > li > dl > dt {padding:30px 0 10px; font-weight:bold;}
#uselaw > ol > li:nth-of-type(1) > dl > dt {padding-top:0;}
#uselaw > ol > li > dl > dd {padding-left:10px; color:#666;}
#uselaw > ol > li > dl > dd > ul,
#uselaw > ol > li > dl > dd > ol {padding-left:10px; color:#666;}

/* 개인정보취급방침(/content/content.php?cont=privacy) */
#privacy > ul > li > dl > dt {padding:30px 0 10px; font-weight:bold;}
#privacy > ul > li > dl > dd {padding-left:10px; color:#666;}
#privacy > ul > li > dl > dd > ul,
#privacy > ul > li > dl > dd > ol {padding-left:10px; color:#666;}

/* 이용안내(/content/content.php?cont=guide) */
#guide > dl > dt {padding:30px 0 10px; font-weight:bold;}
#guide > dl > dd {padding-left:10px; color:#666;}
#guide > dl > dd > ul,
#guide > dl > dd > ol {padding-left:10px; color:#666;}

/* 회사소개(/content/content.php?cont=company) */
#company {padding-top:27.8%; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/etc/company.jpg') no-repeat center top/100% auto; text-align:left;}
#company:after {display:block; clear:both; content:'';}
#company > dl > dt {padding:30px 0 10px; font-size:1.167rem; font-weight:bold;}
@media all and (min-width:768px) {
	#company > dl {float:left; width:30%;}
	#company > dl:nth-child(2) {margin:0 5%;}
	#company > dl.location {clear:both; float:none; width:100%;}
}

/* 고객센터(/content/customer.php) */
#customer .quick {display:none;}
#customer .search_faq {margin-bottom:30px; padding:15px; background:#f5f5f5; text-align:center;}
#customer .search_faq > h3 {padding-bottom:10px; font-size:1.2rem; font-weight:normal;}
#customer .search_faq > form {position:relative; background:#fff;}
#customer .search_faq > form > .form_input {padding-right:40px;}
#customer .search_faq > form > .btn {display:block; position:absolute; right:0; top:0; width:34px; height:34px; border:0; background:url('http://skinlesop.mywisa.com/_skin/skinlesop240611/img/button/hd_search.png') no-repeat center/18px; text-indent:-9999px;}
#customer .search_faq > form:after {display:inline-block; position:absolute; right:34px; top:50%; width:1px; height:16px; margin-top:-8px; background:#e0e0e0; content:'';}
#customer .search_faq > ul {border-top:1px solid #c3c3c3;}
#customer .search_faq > ul:after {display:block; clear:both; content:'';}
#customer .search_faq > ul > li {float:left; width:33.3%; border:1px solid #c3c3c3; border-width:0 1px 1px 0;}
#customer .search_faq > ul > li > a {display:block; padding:10px 0;}
#customer .search_faq > ul > li:nth-child(3n) {border-right:0;}
#customer .latest {margin-bottom:30px;}
#customer .latest > h3 {position:relative; padding-bottom:15px; color:#333; font-size:1.167rem; font-weight:normal;}
#customer .latest > ul {border-top:1px solid #e0e0e0;}
#customer .latest > h3 .more {display:block; position:absolute; right:0; top:-4px; width:25px; height:25px; border:1px solid #c3c3c3; text-indent:-9999px;}
#customer .latest > h3 .more:before {position:absolute; left:50%; top:50%; width:13px; height:1px; margin:-1px 0 0 -6px; background:#666; content:'';}
#customer .latest > h3 .more:after {position:absolute; left:50%; top:50%; width:1px; height:13px; margin:-7px 0 0 0; background:#666; content:'';}
#customer .latest.faq > ul > li > div {position:relative; padding:15px 15px 15px 50px; border-bottom:1px solid #e0e0e0;}
#customer .latest.faq > ul > li > div > .icon {display:inline-block; position:absolute; left:15px; top:11px; width:24px; height:24px; margin-right:5px; border-radius:50%; background:#777474; color:#fff; font-family:'arial'; text-align:center; line-height:24px;}
#customer .latest.faq > ul > li > div.answer {display:none; background:#f5f5f5; }
#customer .latest.faq > ul > li > div.answer > .icon {background:#ef6363;}
#customer .latest.notice > ul > li {overflow:hidden; position:relative; padding:15px 90px 15px 15px; border-bottom:1px solid #e0e0e0; line-height:24px; text-overflow:ellipsis; white-space:nowrap;}
#customer .latest.notice > ul > li > span {position:absolute; right:15px; top:19px;}
#customer .info {border:1px solid #dcdcdc;}
#customer .info > .box {position:relative; padding:15px; background-repeat:no-repeat; background-position:30px center; background-size:27px;}
#customer .info > .box:last-child {border-top:1px solid #dcdcdc;}
#customer .info > .box > .title {padding-bottom:10px; font-size:1.333rem; font-weight:bold;}

@media all and (min-width:1024px) {
	#customer .quick {display:block; width:100%; margin:0 0 35px 2px;}
	#customer .quick:after {display:block; clear:both; content:'';}
	#customer .quick > li {float:left; width:20%; margin-left:-1px; border:1px solid #dcdcdc;}
	#customer .quick > li > a {display:block; height:46px; padding:15px; text-align:center;}
	#customer .quick > li > a:hover {background:#f5f5f5;}
	#customer .search_faq {margin-bottom:35px; padding:20px 90px;}
	#customer .search_faq > h3 {padding-bottom:15px; font-size:1.500rem;}
	#customer .search_faq > form {margin:0 auto;}
	#customer .search_faq > form > .form_input {height:50px; padding-right:60px;}
	#customer .search_faq > form > .btn {width:50px; height:50px; cursor:pointer;}
	#customer .search_faq > form:after {right:50px; width:1px;}
	#customer .latest {width:48%; margin-bottom:40px;}
	#customer .latest > h3 {padding-bottom:20px; font-size:1.500rem;}
	#customer .latest > h3 .more {top:2px; width:27px; height:27px;}
	#customer .latest.faq {float:left;}
	#customer .latest.faq > ul > li > div .icon {top:13px;}
	#customer .latest.faq > ul > li > div.answer {word-break:break-all;}
	#customer .latest.notice {float:right;}
	#customer .latest.notice > ul > li {padding:15px; line-height:1.6;}
	#customer .latest.notice > ul > li > span {top:15px;}
	#customer .info {display:table; clear:both; width:100%;}
	#customer .info > .box {display:table-cell; width:50%; padding:50px 20px; vertical-align:middle;}
	#customer .info > .box:last-child {border-left:1px solid #dcdcdc; border-top:none;}
	#customer .info > .box > .title {position:absolute; right:50%; top:50%; margin-top:-24px; padding:0 48px 0 50px; background-repeat:no-repeat; background-position:left center; color:#000; font-size:24px;}
	#customer .info > .box > .content {padding-left:50%;}
}

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

/* 댓글 - 리스트(게시판, 상품리뷰) */
.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:#888;}
.list_comment > ul > li .date img {margin-top:3px; width:9px; height:9px;}
.list_comment > ul > li .content {clear:both; padding-top:5px;}

@media all and (min-width:1024px) {
	.list_comment > ul > li {padding:15px 30px;}
	.list_comment > ul > li .name {float:left; width:12%;}
	.list_comment > ul > li .date {width:15%;}
	.list_comment > ul > li .content {clear:none; float:left; width:73%; padding-top:0;}
}

/* 댓글 - 쓰기(게시판, 상품리뷰) */
.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; color:inherit; font-weight:bold; line-height:100%;}

@media all and (min-width:1024px) {
	.write_comment {padding:20px;}
	.write_comment .inputbox textarea.form_input {height:60px;}
}

/* 게시판 - 상품연동 - 검색 */
#product_search_frm {left:0 !important; width:100% !important; background:#fff;}
#product_search_frm .frame {min-height:350px; margin:10px;}
#product_search_frm .frame .search {display:flex; display:-webkit-flex; width:100%; padding-bottom:10px;}
#product_search_frm .frame .btn {padding:20px 0 5px 0; text-align:center;}

@media all and (min-width:1024px) {
	#product_search_frm {left:50% !important; width:700px !important; margin-left:-350px;}
	#product_search_frm .frame {min-height:600px;}
	#product_search_frm .frame .search .box_btn * {padding:11px 12px;}
	#product_search_frm .frame .btn_col {width:350px; margin:0 auto;}
}

/* 게시판 - 상품연동 - 쓰기 */
.related_prd_write {overflow:hidden; padding:10px 0;}
.related_prd_write .prd_basic {margin:10px 0; padding-bottom:30px;}

@media all and (min-width:1024px) {
	.related_prd_view h3.title {padding:60px 0 30px; font-size:1.833rem;}
}

/* 게시판 - 상품연동 - 열람 */
.related_prd_view {border-bottom:1px solid #e0e0e0;}
.related_prd_view h3.title {padding:30px 0 15px; font-size:1.167rem; text-align:center;}
.related_prd_view .prd_basic .box .summary {display:none;}

/* 관리자 - 인용구 */
blockquote.se2_quote1 {_zoom:1; margin:0 15px 30px 20px; padding:0 8px; border-left:2px solid #ccc; color:#888;}
blockquote.se2_quote1 * {color:inherit;}
blockquote.se2_quote2 {_zoom:1; margin:0 0 30px 13px; padding:0 8px 0 16px; background:url(http://static.se2.naver.com/static/img/bg_quote2.gif) 0 3px no-repeat;  color:#888;}
blockquote.se2_quote2 * {color:inherit;}
blockquote.se2_quote3 {_zoom:1; margin:0 0 30px 0; padding:10px; border:1px dashed #ccc;  color:#888;}
blockquote.se2_quote3 * {color:inherit;}
blockquote.se2_quote4 {_zoom:1; margin:0 0 30px 0; padding:10px; border:1px dashed #66b246;  color:#888;}
blockquote.se2_quote4 * {color:inherit;}
blockquote.se2_quote5 {_zoom:1; margin:0 0 30px 0; padding:10px; border:1px dashed #ccc; background:url(http://static.se2.naver.com/static/img/bg_b1.png) repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.se2.naver.com/static/img/bg_b1.png',sizingMethod='scale');  color:#888;}
blockquote.se2_quote5 * {color:inherit;}
blockquote.se2_quote6 {_zoom:1; margin:0 0 30px 0; padding:10px ;border:1px solid #e5e5e5;  color:#888;}
blockquote.se2_quote6 * {color:inherit;}
blockquote.se2_quote7 {_zoom:1; margin:0 0 30px 0; padding:10px; border:1px solid #66b246;  color:#888;}
blockquote.se2_quote7 * {color:inherit;}
blockquote.se2_quote8 {_zoom:1; margin:0 0 30px 0; padding:10px; border:1px solid #e5e5e5; background:url(http://static.se2.naver.com/static/img/bg_b1.png) repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.se2.naver.com/static/img/bg_b1.png',sizingMethod='scale');  color:#888;}
blockquote.se2_quote8 * {color:inherit;}
blockquote.se2_quote9 {_zoom:1; margin:0 0 30px 0; padding:10px; border:2px solid #e5e5e5;  color:#888;}
blockquote.se2_quote9 * {color:inherit;}
blockquote.se2_quote10 {_zoom:1; margin:0 0 30px 0; padding:10px; border:2px solid #e5e5e5; background:url(http://static.se2.naver.com/static/img/bg_b1.png) repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.se2.naver.com/static/img/bg_b1.png',sizingMethod='scale');  color:#888;}
blockquote.se2_quote10 * {color:inherit;}

/* 관리자 - 에디터 폰트 스타일 */
b, b *, u, u *, i, i *, strike, strike * {color:inherit; font-size:inherit;}