/*-----------------------------------------------------------------*/
/* CSS Table of Contents
/*-----------------------------------------------------------------*/
/*
1. Reset

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

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

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

5. ETC

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

/* webfont - Open Sans */
@font-face {
	font-family:'Open Sans';
	font-weight:300;
	src:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/etc/OpenSans-Light.eot');
	src:local(※), url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/etc/OpenSans-Light.woff') format('woff');
}
@font-face {
	font-family:'Open Sans';
	font-weight:400;
	src:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/etc/OpenSans-Regular.eot');
	src:local(※), url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/etc/OpenSans-Regular.woff') format('woff');
}
@font-face {
	font-family:'Open Sans';
	font-weight:600;
	src:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/etc/OpenSans-Semibold.eot');
	src:local(※), url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/etc/OpenSans-Semibold.woff') format('woff');
}
@font-face {
	font-family:'Open Sans';
	font-weight:700;
	src:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/etc/OpenSans-Bold.eot');
	src:local(※), url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/etc/OpenSans-Bold.woff') format('woff');
}
@font-face {
	font-family:'Open Sans';
	font-weight:800;
	src:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/etc/OpenSans-ExtraBold.eot');
	src:local(※), url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/etc/OpenSans-ExtraBold.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:'Open Sans', dotum,'돋움',sans-serif; font-size:12px; line-height:1.4; vertical-align:baseline;}

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


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

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

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

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

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

/* 페이징 */
.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;}

/* 박스 스타일 - 수량 */
.box_qty {display:inline-block; position:relative; width:100px;}
.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://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/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://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/common/bullet_plus.png') no-repeat center/12px;}

/* 컬러칩 리스트 */
.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;}

/* 상품리스트 정렬 */
.sort_line {padding-bottom:15px;}
.sort_line:after {display:block; clear:both; content:'';}
.sort_line .sort {float:left; width:50%;}
.sort_line .sort select {width:100%;}
.sort_line .type {float:left; width:50%; height:34px; border:1px solid #dcdcdc; border-left:0; color:#666;}
.sort_line .type a {display:block; width:100%; height:100%; padding:0 10px; background-repeat:no-repeat; background-position:right center; background-size:32px; color:inherit; line-height:34px;}
.sort_line .type a.type1 {background-image:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/shop/type1.png');}
.sort_line .type a.type2 {background-image:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/shop/type2.png');}
.sort_line .type a.type3 {background-image:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/shop/type3.png');}
.sort_line .type a.type4 {background-image:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/shop/type4.png');}
.sort_line .type a.type5 {background-image:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/shop/type5.png');}

/* 엔진 - 레이어 딤드(게시판 상품 선택, 퀵프리뷰 팝업) */
#qdBackground {position:fixed !important; width:100% !important; height:100% !important;}


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

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

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

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

/* 테이블 스타일 - 세로 */
.tbl_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;}

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


/*-----------------------------------------------------------------*/
/* 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:'Open Sans', sans-serif; font-weight:normal; text-align:center; vertical-align:middle; line-height:1.4; white-space:nowrap; cursor:pointer; -webkit-appearance:none; transition:all .2s ease;}
.box_btn > *:hover,
.box_btn > *:active,
.box_btn > *:focus {background:#333;}

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

/* 버튼스타일 - 가로길이 */
.box_btn.block {display:block;}
.box_btn.block > * {width:100%;}
.box_btn.w50 > * {width:50px;}
.box_btn.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.strong * {font-weight:bold;}

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


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

/* 상품스타일 - 기본 */
.prd_basic {display:table; width:100%; font-size:0; text-align:left !important;}
.prd_basic > li {display:inline-block; padding-bottom:30px; text-align:center; vertical-align:top;}
.prd_basic .box {position:relative; width:100%; margin:0 auto;}
.prd_basic .box .img {overflow:hidden; position:relative; z-index:1; width:100%; margin:0 auto; text-align:center;}
.prd_basic .box .img .prdimg {transition:all .3s ease;}
.prd_basic .box .img .prdimg img {width:100%; height:auto;}
.prd_basic .box .img:hover .prdimg {-ms-transform:scale(1.1,1.1); /* IE 9 */ -webkit-transform:scale(1.1,1.1); /* Safari */ transform:scale(1.1,1.1); /* Standard syntax */}
.prd_basic .box .img .soldout {display:none;}
.prd_basic .box.out .img .prdimg {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity:.3;}
.prd_basic .box.out .img .soldout {display:block; position:absolute; left:0; top:50%; z-index:5; width:100%; color:#000; font-size:1.167rem; font-weight:bold; text-align:center; cursor:pointer;} /* 품절시 soldout 출력 */
.prd_basic .box .info {text-align:left;}
.prd_basic .box .name {padding:6px 0 4px;}
.prd_basic .box .name a {color:#333; font-size:1.083rem;}
.prd_basic .box .summary {padding-bottom:6px; color:#aaa; font-size:0.917rem; word-break:break-all; word-wrap:break-word;}
.prd_basic .box .price p {word-break:break-all; word-wrap:break-word;}
.prd_basic .box .price .consumer {color:#333; font-size:0.917rem; text-decoration:line-through;}
.prd_basic .box .price .sell {color:#333; font-size:1.083rem; font-weight:700;}
.prd_basic .box .icon {margin-top:4px;}
.prd_basic .box .icon img {margin:4px 4px 0 0;}
/* 상품스타일 - 보기갯수 */
.prd_basic.col1 > li {width:100%;}
.prd_basic.col2 > li {width:50%; padding-right:1.5625%;}
.prd_basic.col2 > li:nth-child(2n) {padding:0 0 30px 1.5625%;}
.prd_basic.col3 > li {width:32%;}
.prd_basic.col3 > li:nth-child(3n-1) {margin:0 2%;}
.prd_basic.col_img > li {width:50%; padding-right:1.5625%;}
.prd_basic.col_img > li:nth-child(2n) {padding:0 0 0 1.5625%;}
.prd_basic.col_img .box .info {display:none;}
.prd_basic.col_list > li {width:100%;}
.prd_basic.col_list > li {margin-bottom:10px; border-bottom:1px solid #ebebeb;}
.prd_basic.col_list > li .box:after {display:block; clear:both; content:'';}
.prd_basic.col_list > li .box .img {float:left; width:30%;}
.prd_basic.col_list > li .box .info {float:left; width:70%; padding-left:10px; text-align:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.prd_basic.col_list > li .box .name {padding-top:0;}


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

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

.wrap_inner {padding:4.68%;} /* 컨텐츠 사이즈 */
body.view_nav {overflow:hidden;}
body.view_nav #dimmed {display:block;}

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

header {width:100%; height:50px; background:#fff; text-align:center;}
header .fix {position:fixed; top:0; left:0; z-index:5; width:100%; height:inherit; background:inherit;}
header h1 {padding:12px 0; text-align:center;}
header h1 img {width:88.5px; height:auto;}
header .gnb li a {display:block; width:40px; height:50px; color:transparent;}
header .gnb li.category a {position:absolute; left:0; top:0; background:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/common/category.png') no-repeat center 19.5px; background-size:20px 16.5px;}
header .gnb li.cart {position:absolute; right:7.5px; top:0; vertical-align:top;}
header .gnb li.cart a { background:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/common/cart.png') no-repeat center 18px; background-size:23px 20px;}
header .gnb li.cart span {display:block; position:absolute; right:2.5px; top:12px; width:15px; height:15px; margin:0; border-radius:10px; background:#333; color:#fff; font-size:0.750em; text-align:center; line-height:15px;}


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

nav {visibility:hidden; position:fixed; top:0; z-index:20; width:100%; height:100%;}
nav.lnb .inner {overflow-y:auto; position:absolute; left:-80%; top:0; z-index:20; width:80%; height:100%; background: #fff; transition:all 0.3s ease-in-out; -webkit-overflow-scrolling:touch;}
nav.lnb .close {position:fixed; top:0; left:80%; z-index:25; width:42px; height:42px; background:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/common/snb_close.png') no-repeat 50%; background-size:15px; font-size:0; line-height:0; text-indent:-99999em;}
nav.lnb .category {padding:4px 0 29px 0;}
nav.lnb .category li {padding-bottom:6px;}
nav.lnb .category .big {height:43px; color:#333; font-size:1.250rem; font-weight:600; letter-spacing:0.083rem; line-height:43px;}
nav.lnb .category .big.open {color:#aaa;}
nav.lnb .category .big a {display:block; height:inherit;  color:inherit; font:inherit; line-height:inherit;}
nav.lnb .category .box {display:none;}
nav.lnb .category .box a {display:block; padding:9px 0; color:#aaa;}
nav.lnb .board {padding:29px 0; border-top:1px solid #ddd;}
nav.lnb .board a {display:block; padding:9px 0; color:#aaa;}
nav.lnb .banner {padding:0 14px;}
nav.lnb .banner img {width:100%;}
nav.lnb .snb_fix {height:50px;}
nav.lnb .snb_fix ul {position:fixed; left:-100%; bottom:0; z-index:10; width:80%; height:49px; border-top:1px solid #ddd; background:#fff; transition:all 0.3s ease-in-out;}
nav.lnb .snb_fix li {float:left; width:25%; text-align:center;}
nav.lnb .snb_fix li a {display:block; height:49px; color:#aaa; font-size:0.917rem; line-height:71px;}
nav.lnb .snb_fix li.log a {background:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/common/snb_log.gif') no-repeat center 9px; background-size:18px 15px;}
nav.lnb .snb_fix li.join a {background:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/common/snb_join.gif') no-repeat center 7px; background-size:18px;}
nav.lnb .snb_fix li.my a {background:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/common/snb_my.gif') no-repeat center 7.5px; background-size:15px 18px;}
nav.lnb .snb_fix li.search a {background:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/common/snb_search.gif') no-repeat center 9.5px; background-size:15px;}
nav.lnb .dimmed {display:none; position:fixed; left:0; top:0; z-index:15; width:100%; height:100%; background:rgba(0,0,0,0.5);}
nav.lnb.is_show {visibility:visible;}
nav.lnb.is_show .inner {left:0;}
nav.lnb.is_show .snb_fix ul {left:0;}
nav.lnb.is_show .dimmed {display:block;}


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

footer {text-align:center;}
footer .box {padding:20px 0; border-top:1px solid #eee;}
footer .box h2 span {display:inline-block; height:55px; padding-right:25px; background:no-repeat right center; background-image:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/common/ft_open.gif'); background-size:15px; color:#333; font-weight:700; font-size:1.250em; letter-spacing:0.167em; line-height:55px;}
footer .box h2 span.close {background-image:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/common/ft_close.gif');}
footer .box .toggle {display:none; padding:0 10px 20px;}
footer .customer .tel {padding-bottom:10px; line-height:1;}
footer .customer .tel a {color:#333; font-size:1.250rem; font-weight:600;}
footer .customer .time {color:#aaa;}
footer .bank ul li {color:#333;}
footer .bank ul li span {color:inherit;}
footer .return .address {color:#333;}
footer .return .btn {overflow:hidden; padding-top:18px;}
footer .return .btn a {float:right; width:48%; height:39px; border:1px solid #333; color:#333; font-weight:600; line-height:39px;}
footer .return .btn a:first-child {float:left;}
footer .info {padding:0 0 30px; background:#f7f7f7;}
footer .info * {color:#777; font-size:0.750em;}
footer .info .sns {padding:26px 0 16px; background:#fff; font-size:0; text-align:center;}
footer .info .sns li {display:inline-block; padding:14px; vertical-align:middle;}
footer .info .sns li:first-child img {width:18.5px;}
footer .info .sns li:nth-child(2) img {width:9px;}
footer .info .sns li:nth-child(3) img {width:16.5px;}
footer .info .menu {border-bottom:1px solid #ddd; font-size:0; text-align:center;}
footer .info .menu li {display:inline-block;}
footer .info .menu li a {display:inline-block; height:53px; padding:0 9px; color:#333; font-size:1rem; line-height:53px;}
footer .info .menu li a strong {color:inherit; font-size:inherit;}
footer .info address {padding-top:16px; color:#aaa; font-size:0.917rem; font-style:normal; line-height:1.6;}
footer .info address * {color:inherit; font-size:inherit;}
footer .info .escrow {padding:17.5px 15px 0; color:#aaa; font-size:0.917rem;}
footer .info .escrow a {color:inherit; font-size:inherit;}
footer .info .copyright {padding-top:16px; color:#aaa; font-size:0.917rem;}
footer .info .copyright a {color:inherit; font-size:inherit;}
footer .info .copyright a strong {color:#26ace3; font-size:inherit;}
footer .viewpc {display:block; width:100%; height:30px; background:#ebebeb; color:#000; font-size:1.167em; line-height:30px;}
footer .btn_top {display:none; position:fixed; right:5%; bottom:10%; z-index:10; width:40px; height:40px; background:rgba(204,204,204,0.8); color:#fff; font-size:0.833rem; font-weight:600; text-align:center; line-height:40px;}


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

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

#main .main_visual .swiper-slide img {width:100%; height:auto;}
#main .main_visual .ctrl {position:absolute; bottom:0; right:0; z-index:10; width:100px; height:50px;}
#main .main_visual .ctrl .swiper-button-prev {position:absolute; bottom:0; left:0; z-index:10; width:50px; height:50px; background:#fff url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/main/arrow_prev.png') no-repeat center; background-size:6px 10px;}
#main .main_visual .ctrl .swiper-button-next {position:absolute; bottom:0; right:0; z-index:10; width:50px; height:50px; background:#fff url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/main/arrow_next.png') no-repeat center; background-size:6px 10px;}
#main .banner {margin-top:50px;}
#main .banner:after {display:block; clear:both; content:'';}
#main .banner li {float:left; width:50%;}
#main .banner li:first-child {width:100%;}
#main .banner li img {width:100%; height:auto;}
#main h3 {padding:45px 0 16px; color:#333; font-size:1.250rem; font-weight:800; letter-spacing:0.167em; text-align:center;}
#main .main_new,
#main .main_best {padding:0 10px;}
#main .btn_more {padding:10px 0; text-align:center;}
#main .txt_bnr {padding:40px 0 0;}
#main .txt_bnr .swiper-slide {position:relative; width:92%; margin:0 auto;}
#main .txt_bnr .swiper-slide img {width:100%; height:auto;}
#main .txt_bnr .ctrl .swiper-button-prev {position:absolute; top:32%; left:4%; z-index:10; width:35px; height:35px; background:#fff url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/main/arrow_prev.png') no-repeat center; background-size:6px 10px;}
#main .txt_bnr .ctrl .swiper-button-next {position:absolute; top:32%; right:4%; z-index:10; width:35px; height:35px; background:#fff url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/main/arrow_next.png') no-repeat center; background-size:6px 10px;}
#main .txt_bnr .swiper-slide .txt {position:relative; top:-25px; width:90%; margin:0 auto; padding:20px 10px; background:#fff; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#main .txt_bnr .swiper-slide .txt .subject {color:#333; font-size:1.583rem; font-weight:600;}
#main .txt_bnr .swiper-slide .txt .summary {padding:10px 0 13px; color:#333;}
#main .md {margin:30px 0 48.5px; padding:35px 10px 38px; background:#f4f4f4;}
#main .md h3 {padding:0 0 16px;}
#main .md .md_tab {padding-bottom:25px;}
#main .md .md_tab .swiper-wrapper > div {width:auto; height:29px; padding:0 8px; color:#333; line-height:29px; letter-spacing:0.167em;  text-align:center;}
#main .md .md_tab .swiper-wrapper > div.selected {height:27px; padding:0 7px; border:1px solid #333; line-height:27px;}
#main .md .md_slide .swiper-wrapper > div {width:120px; height:120px;}
#main .md .md_slide .swiper-wrapper > div img {width:120px; height:120px;}
#main .bnr_box {padding:0 10px;}
#main .bnr_box li {padding-bottom:40px;}
#main .bnr_box img {width:100%;}
#main .instagram {text-align:center;}
#main .instagram h3 {display:inline-block; padding:0 0 0 35px; background:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/main/icon_instagram.gif') no-repeat left center; background-size:15px; font-weight:400;}
#main .instagram ul {padding:18px 0 0;}
#main .instagram ul:after {display:block; clear:both; content:'';}
#main .instagram li {float:left; width:33.333%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#main .instagram li img {width:100%;}
#main .instagram li:nth-child(3n+1) {clear:both; padding-left:0.0005%;}
#main .instagram li:nth-child(3n+3) {padding-right:0.0005%;}


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

/* 주문배송비메세지 - 장바구니(/shop/cart.php), 주문서(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;}

/* 상품리스트 - 장바구니(/shop/cart.php), 주문서(order.php), 주문완료(order_finish.php) */
.list_cart > li {position:relative; padding:15px 15px 15px 45px; border-bottom:1px solid #dbdbdb; text-align:left;}
.list_cart.order > li {padding-left:15px;}
.list_cart.orderfin > li {padding-left:0; padding-right:0;}
.list_cart > li:first-child {border-top:1px solid #dbdbdb;}
.list_cart > li:after {display:block; clear:both; content:'';}
.list_cart > li > .check {position:absolute; left:15px; top:15px;}
.list_cart > li > .box:after {display:block; clear:both; content:'';}
.list_cart > li > .box .img {float:left; width:80px}
.list_cart > li > .box .img img {width:80px; height:auto;}
.list_cart > li > .box .info {margin-left:90px;}
.list_cart > li > .box .info > p,
.list_cart > li > .box .info > div {padding-top:5px;}
.list_cart > li > .box .info > p:first-child,
.list_cart > li > .box .info > div:first-child {padding-top:0;}
.list_cart > li > .total {margin-top:10px; padding:15px; border:1px solid #dbdbdb; border-width:1px 0; background:#f8f8f8;}
.list_cart > li > .total strong {float:right; font-size:1.083rem;}
.list_cart > li > .stat {padding:10px 15px; border-bottom:1px solid #dbdbdb; background:#f8f8f8; line-height:34px;}
.list_cart > li > .stat .box_btn {float:right; margin-top:4px;}
.list_cart > li > .stat:after {display:block; clear:both; content:'';}
.list_cart > li > .trace {margin-top:10px;}
.list_cart > li > .trace > p {padding-top:5px;}
.list_cart > li > .btn {margin-top:10px;}
.list_cart > li > .btn .box_btn {position:relative;}
.list_cart > li > .btn .box_btn a {padding-left:30px;}
.list_cart > li > .btn .wish:before {display:inline-block; position:absolute; left:50%; top:50%; width:13px; height:13px; margin:-7px 0 0 -30px; background:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/common/icon_wish.png') no-repeat; background-size:cover; content:'';}
.list_cart > li > .btn .del:before {display:inline-block; position:absolute; left:50%; top:50%; width:13px; height:13px; margin:-7px 0 0 -30px; background:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/common/icon_delete.png') no-repeat; background-size:cover; content:'';}

/* 상품목록(/shop/big_section.php) */
#big_section .best_area .swiper-wrapper {padding-bottom:30px;}
#big_section .best_area .prd_basic .box .summary {display:none;}

/* 상품상세페이지(/shop/detail.php) */
#detail > .name {position:relative; padding:12px 46px; border-bottom:1px solid #dbdbdb; text-align:center;}
#detail > .name h2 {overflow:hidden; font-size:1.333rem; font-weight:normal; text-overflow:ellipsis; white-space:nowrap;}
#detail > .name .share {position:absolute; right:0; top:0; z-index:2;}
#detail > .name .share .icon {display:block; width:46px; height:46px; background:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/shop/icon_share.png') no-repeat center/46px;}
#detail > .name .share .list {display:none;}
#detail > .name .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 > .name .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 > .name .share .list li.kakao a {background-image:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/shop/icon_kakao.png');}
#detail > .name .share .list li.kakaostory a {background-image:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/shop/icon_kakaostory.png');}
#detail > .name .share .list li.twitter a {background-image:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/shop/icon_twitter.png');}
#detail > .name .share .list li.facebook a {background-image:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/shop/icon_facebook.png');}
#detail > .prdimg {overflow:hidden; position:relative; text-align:center;}
#detail > .prdimg img {width:100%; height:auto;}
#detail > .prdimg .addimg {display:none;}
#detail .info > .price del {color:#888;}
#detail .info > .price .sell,
#detail .info > .price .sell * {font-size:1.250rem;}
#detail .info > .price .coupon {display:inline-block; padding-right:20px; background:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/shop/download_coupon.png') no-repeat 90% center/10px #676767; cursor:pointer;}
#detail .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 .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 .info .pop_coupon h2 {color:#000; font-size:1.167rem;}
#detail .info .pop_coupon .count {margin-top:20px; padding:15px 20px; background:#fafafa;}
#detail .info .pop_coupon .list {overflow:auto; max-height:200px; margin-top:10px; border-top:1px solid #e0e0e0;}
#detail .info .pop_coupon .list li {position:relative; padding:15px 100px 15px 15px; border-bottom:1px solid #e0e0e0; text-align:left;}
#detail .info .pop_coupon .list a {position:absolute; right:15px; top:10px; padding:5px 10px; background:#363636; color:#fff; cursor:pointer;}
#detail .info .pop_coupon .close {display:inline-block; position:absolute; right:15px; top:10px; width:21px; height:21px; background:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/button/close.png') no-repeat center / 16px; text-indent:-9999px; cursor:pointer;}
#detail .info > .summary {padding-top:5px; color:#888; word-break:break-all;}
#detail .info > .list {width:100%; border:1px solid #e0e0e0; border-width:1px 0; margin:20px 0;}
#detail .info > .list th {padding:5px 0; color:#666; font-weight:normal; text-align:left; vertical-align:middle;}
#detail .info > .list td {padding:5px 0; color:#888; text-align:left; vertical-align:middle;}
#detail .info > .list tr:first-child th,
#detail .info > .list tr:first-child td {padding-top:20px;}
#detail .info > .list tr:last-child th,
#detail .info > .list tr:last-child td {padding-bottom:20px;}
#detail .info > .list td select {width:100%;}
#detail .info > .list .milage_info {display:inline-block; position:relative;}
#detail .info > .list .milage_info .info {display:none; position:absolute; left:20px; top:-8px; width:150px; padding:5px 10px; border:1px solid #dcdcdc; background:#fff;}
#detail .info > .list .milage_info:hover .info {display:block;}
#detail .info > .box_qty {width:100%;}
#detail .info > .list_opt > li select,
#detail .info > .list_opt > li > input {width:100%;}
#detail .info > .multi_opt {margin-top:20px;}
#detail .info > .multi_opt .selected_list > li:after {display:block; clear:both; content:'';}
#detail .info > .multi_opt .selected_list > li {position:relative; padding:7px 15px; border-top:1px solid #ebebeb; background:#fafafa;}
#detail .info > .multi_opt .selected_list > li .name {float:left; width:50%; word-break:break-all;}
#detail .info > .multi_opt .selected_list > li .box_qty {float:left;}
#detail .info > .multi_opt .selected_list > li .del {float:right;}
#detail .info > .multi_opt .selected_list > li .del img {width:10px; height:10px; margin-top:12px; vertical-align:top;}
#detail .info > .multi_opt .opt_total {clear:both; position:relative; padding:15px 0; border:1px solid #e0e0e0; border-width:1px 0; text-align:right;}
#detail .info > .multi_opt .opt_total .title {position:absolute; left:0; top:50%; margin-top:-10px;}
#detail .info > .multi_opt .opt_total strong,
#detail .info > .multi_opt .opt_total strong * {color:#222; font-size:1.167rem;}
#detail .info > .multi_opt .opt_total .coupon {display:inline-block; margin-right:5px; padding:2px 20px 2px 5px; border:1px solid #c3c3c3; background:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/shop/apply_coupon.png') no-repeat 90% center; font-size:11px; cursor:pointer;}
#detail .info > .btn {position:relative; margin-top:20px; padding-right:45px; font-size:0;}
#detail .info > .btn .wish {position:absolute; right:0; top:0;}
#detail .info > .btn .wish * {width:40px; height:40px; background:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/button/wish.png') no-repeat center/40px; text-indent:-9999px;}
#detail .info > .btn .wish.on * {background-image:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/button/wish_on.png')}
#detail .tab_area {height:48px;}
#detail .tab_area > .tab:after {display:block; clear:both; content:'';}
#detail .tab_area > .tab li {float:left; width:25%; text-align:center;}
#detail .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 .tab_area > .tab li a.active {background:#fff; border-bottom-color:#fff; color:#333; font-weight:bold;}
#detail .tab_area > .tab li:first-child a {border-left:0;}
#detail .tab_area > .tab.fixed {position:fixed; left:0; top:50px; 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-top: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_qnarev .title_btn {padding-bottom:15px;}
#detail .wrap_info .detail_qnarev .title_btn:after {display:block; clear:both; content:'';}
#detail .wrap_info .detail_qnarev .title_btn h3 {float:left; padding-top:7px; font-size:1.167rem;}
#detail .wrap_info .detail_qnarev .title_btn h3 span {color:#888; font:inherit;}
#detail .wrap_info .detail_qnarev .title_btn .btn {float:right;}
#detail .wrap_info .detail_qnarev .more {margin-top:10px;}
#detail .wrap_info .detail_related .title {padding:12px 0; font-style:italic; font-size:1.417rem; font-weight:normal; text-align:center;}
#detail .wrap_info .detail_related .box_btn {margin-top:10px;}

/* 퀵프리뷰 - 팝업(/shop/detail_popup.php) */
#detail_pop {position:relative; padding:0;}
#detail_pop #detail > .name .close {display:block; overflow:hidden; position:absolute; right:0; top:0; z-index:5; width:46px; height:100%; background:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/button/close.png') no-repeat center / 16px; text-indent:-9999px; cursor:pointer;}

/* 장바구니(/shop/cart.php) */
#cart .sum {border-bottom:1px solid #bdbdbd; background:#f8f8f8;}
#cart .sum.total {border-top:1px solid #bdbdbd; background:#e4eaed;}
#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://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/shop/bullet_check.png') no-repeat left center/12px 9px; content:'';}
#cart .btn_bottom {margin-bottom: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 .ea {position:relative; height:40px; border:1px solid #d8d8d8;}
.cart_change_option .info .ea a {display:block; position:absolute; top:0; width:40px; height:40px; font-size:2em; text-align:center; line-height:40px;}
.cart_change_option .info .ea a.plus {left:0; border-right:1px solid #d8d8d8;}
.cart_change_option .info .ea a.minus {right:0; border-left:1px solid #d8d8d8;}
.cart_change_option .info .ea .box_input {margin:0 40px;}
.cart_change_option .info .ea .box_input .form_input {border:0; text-align:center;}
.cart_change_option .info .list_opt li {padding-bottom:10px;}
.cart_change_option .info .list_opt li select {width:100%;}
.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;}

/* 주문서(/shop/order.php) */
#order .price {padding:15px; font-size:1.167rem; text-align:right;}
#order .price span {float:left; font-size:inherit;}
#order .price strong {font-size:1.333rem;}
#order h3.title {position:relative; padding:15px; border-bottom:1px solid #e0e0e0; background:#e9e9e9; 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 .box_hidden {display:none;}
#order .part_guest .scroll {overflow-x:hidden; overflow-y:scroll; position:relative; width:100%; height:160px; border:1px solid #d9d9d9; border-width:1px 0; background:#fff; -webkit-overflow-scrolling:touch;}
#order .part_guest .scroll iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
#order .part_guest .agree_guest {padding:15px;}
#order .part_prd .msg {padding:10px 15px; color:#888; font-size:0.917rem;}
#order .part_gift .tbl_col thead {display:none;}
#order .part_discount > div {padding:15px 0; border-bottom:1px solid #e0e0e0;}
#order .part_discount > div:first-child {padding-top:0;}
#order .part_discount > div h4 {padding-bottom:5px; text-align:left;}
#order .part_discount > div h4 span {float:right; color:#888; font-size:0.917rem; font-weight:normal;}
#order .part_discount > div .msg {padding-top:5px; color:#888; font-size:0.917rem;}
#order .part_discount > div.coupon .name {display:block; padding:10px 5px; background:#f5f5f5;}
#order .part_discount > div.coupon .list > li > ul {padding:10px;}
#order .part_discount > div.coupon .list > li > ul > li {color:#888;}
#order .part_discount > div.coupon .list > li > ul > li > span {color:#333;}
#order .part_discount > div.offcoupon .offbtn {padding-top:10px;}
#order .part_discount > div.offcoupon #off_cpn_div2,
#order .part_discount > div.offcoupon #off_cpn_img2 {display:none;}
#order .part_delivery .country {padding-bottom:10px;}
#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 {padding-top:10px;}
#order .part_delivery .address_area > div:first-child {padding-top:0;}
#order .part_delivery .address_area .code {position:relative; padding-right:110px;}
#order .part_delivery .address_area .code .box_btn {position:absolute; right:0; bottom:0;}
#order .part_method > div {position:relative; padding:25px 0 10px 25px;}
#order .part_method > div > label {position:absolute; left:0; top:0; cursor:pointer;}
#order .part_method > div .msg_pay {padding:0 !important; color:#999 !important;}
#order .part_method > div .bank_name {display:none;}
#order .part_method > div #cash_reg {padding:5px 0 !important;}
#order .part_method > div #cash_reg span {color:#999 !important;}
#order .part_method > div select {width:100%; margin-bottom:5px;}
#order .order_cancel_msg {color:#666;}
#order .reconfirm {border-top:1px solid #dfdfdf;}
#order .reconfirm label {display:block; position:relative; padding:15px 15px 15px 40px; background:#f5f5f5; cursor:pointer;}
#order .reconfirm label > input {position:absolute; left:15px; top:15px;}
#order #order1 {border-top:1px solid #dfdfdf;}
#order #order2 {display:none; border-top:1px solid #dfdfdf; text-align:center;}
#order #order2 .total_info {font-size:1.333rem; font-weight:bold;}
#order #order2 .total_info strong,
#order #order2 .total_info strong * {font-size:inherit;}
#order #order2 .msg {padding:23px 0; color:#888;}

/* 주문완료(/shop/order_finish.php) */
#orderfin h3 {padding-bottom:15px;}
#orderfin > .box {margin-bottom:15px; padding:15px; background:#f5f5f5;}
#orderfin .info {padding-bottom:15px;}
#orderfin .info .bank {padding-bottom:15px; color:#888;}
#orderfin .info .email {color:#888;}
#orderfin .title_gift {padding-top:10px;}
#orderfin .btn_col {margin-top:15px;}

/* 상품검색(/shop/search_result.php) */
#search_result .research {width:100%; text-align:left;}
#search_result .research .box {position:relative; padding:5px 50px 5px 0; background:#efeeed;}
#search_result .research .box .basic_search {border:0; background:transparent;}
#search_result .research .box .btn {position:absolute; right:15px; top:13px; width:18px; height:18px;}
#search_result .research .box:after {position:absolute; right:45px; top:13px; width:1px; height:18px; background:#c9c8c8; content:'';}
#search_result .research label {display:inline-block; padding:10px 15px 0 15px; color:#888;}
#search_result .rank {background:#f1f1f1;}
#search_result .rank .title {padding:5px; border:1px solid #dcdcdc; background:#fff; color:#666; text-align:center;}
#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 h3 {padding:5px;}
#search_result .result_cate ul {border-top:1px solid #dcdcdc;}
#search_result .result_cate ul li {position:relative; float:left; width:33.33%; border:1px solid #dcdcdc; border-width:0 1px 1px 0; font-size:0.917rem;}
#search_result .result_cate ul li:nth-child(3n+1) {border-width:0 1px 1px 1px;}
#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 .result_cate:after {display:block; clear:both; content:'';}
#search_result .prd_normal {margin-top:15px;}

/* 상품문의 & 상품후기 - 상품정보(/shop/product_review_list.php & /shop/product_qna_list.php) */
#qnarev_list_all .board_search {clear:both; margin-bottom: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://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/common/icon_search.png') no-repeat center/18px; vertical-align:top; text-indent:-9999px; cursor:pointer;}
#qnarev_list_all > .box_btn {margin-bottom:15px;}
#qnarev_list_all > .box_btn.more {margin:15px 0 0 0;}

/* 상품문의 & 상품후기 & 마이페이지 상품문의 & 마이페이지 상품후기 - 상품정보(/shop/product_review.php & /shop/product_qna.php) */
.qnarev_list > .prd {overflow:hidden; position:relative; padding-bottom:15px;}
.qnarev_list > .prd .img {float:left; width:128px;}
.qnarev_list > .prd .img img {width:128px; height:auto;}
.qnarev_list > .prd .info {float:left; padding-left:10px; text-align:left;}
.qnarev_list > .prd .info .name {padding:20px 0 10px; font-weight:bold;}
.qnarev_list > .prd .info .name img {padding-right:5px; vertical-align:middle;}
.qnarev_list > .prd .info ul li {color:#666;}
.qnarev_list > .prd .info ul li .nprice {text-decoration:line-through;}
.qnarev_list > .prd .btn_related {clear:both; padding-top:15px;}
.qnarev_list > .btn_col {padding-top:15px;}
.list_qnarev {border:1px solid #dbdbdb;}
.list_qnarev > li {border-top:1px solid #dbdbdb;}
.list_qnarev > li:first-child {border-top:0;}
.list_qnarev > li:after {display:block; clear:both; content:'';}
.list_qnarev > li > .prdimg {float:left; width:72px;}
.list_qnarev > li > .prdimg img {width:72px; height:auto;}
.list_qnarev > li > .subject {padding:15px;}
.list_qnarev > li > .subject.prd {padding-left:82px;}
.list_qnarev > li > .subject > p {overflow:hidden; padding-top:5px; text-overflow:ellipsis; white-space:nowrap;}
.list_qnarev > li > .subject > p:first-child {padding-top:0;}
.list_qnarev > li > .subject > p.prdname a {color:#666;}
.list_qnarev > li > .subject > p.title img {width:auto; height:6px; margin-top:4px; vertical-align:top;}
.list_qnarev > li > .subject > p.stat,
.list_qnarev > li > .subject > p.stat * {color:#666; font-size:0.917rem;}
.list_qnarev > li > .subject > p.stat img {width:auto; height:9px; margin-top:3px; vertical-align:top;}
.list_qnarev > li > .content {display:none; padding:15px; border-top:1px solid #dbdbdb; background:#fafafa;}
.list_qnarev > li > .content .question {position:relative; min-height:45px; padding:0 0 15px 43px; border-bottom:1px solid #e1e1e1;}
.list_qnarev > li > .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-family:'arial'; font-size:1.167rem; text-align:center; line-height:29px; content:'Q';}
.list_qnarev > li > .content .answer {position:relative; min-height:30px; margin:15px 0; padding-left:43px;}
.list_qnarev > li > .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-family:'arial'; font-size:1.167rem; text-align:center; line-height:29px; content:'A';}
.list_qnarev > li > .content .question img,
.list_qnarev > li > .content .answer img {max-width:100%; height:auto;}
.list_qnarev > li > .content .btn {padding-top:10px; text-align:left;}
.list_qnarev > li > .content .comment {padding-top:10px;}

/* 상품문의, 상품후기 - 비밀번호 확인 */
#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;}

/* 상품문의 & 상품후기 - 쓰기 */
.qnarev_write fieldset > div {margin-bottom:10px; text-align:left;}
.qnarev_write fieldset > div:last-child {margin-bottom:0;}
.qnarev_write fieldset > div > label {display:none;}
.qnarev_write fieldset > div.grade > label {display:inline-block;}
.qnarev_write fieldset > div.name {position:relative; 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 select {width:100%;}
.qnarev_write .btn {padding:10px 0 20px;}

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

/* 설문조사(/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 .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:3px 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;}
#poll > .list {border-top:1px solid #dbdbdb;}
#poll > .list li {padding:10px 0; border-bottom:1px solid #dbdbdb;}
#poll > .list li .no {float:left; width:50px; text-align:center;}
#poll > .list li .subject {padding-left:50px; text-align:left;}
#poll > .list li .subject .title {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#poll > .list li .subject .stat {padding:5px 0; font-size:0.917rem;}
#poll > .list li .subject .stat * {font-size:0.917rem;}

/* 개별상품쿠폰 레이어 */
#prdCouponArea {width:100%; top:50% !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://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/button/close.png') no-repeat center / 16px; text-indent:-9999px; cursor:pointer;}


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

/* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 */
.box_member {width:100%; padding:0 30px;}
.box_member fieldset {position:relative;}
.box_member fieldset.login_field {padding-bottom:20px; border-bottom:1px solid #e0e0e0;}
.box_member fieldset legend {padding:25px 0; font-weight:bold;}
.box_member fieldset .fld {margin-bottom:10px; font-size:0;}
.box_member fieldset .fld label {display:none;}
.box_member fieldset .savessl {margin-bottom:20px;}
.box_member fieldset .savessl label {color:#999; font-size:0.917rem;}
.box_member fieldset .select {float:right; margin-top:-40px;}
/* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 - 인풋 기본 스타일 */
.box_member .form_input.member {height:40px; padding:0 10px; border-color:#f5f5f5; background:#f5f5f5;}
.box_member .form_input.member:focus {border-color:#000;}
.box_member .form_input.member.number_first {width:32%;}
.box_member .form_input.member.number {width:33%; margin-left:1%;}
.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;}

/* 로그인(/member/login.php) */
#login {margin-top:30px;}
#login .guest_order {margin-bottom:30px;}
#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 .simple {padding:20px 0; border-bottom:1px solid #e0e0e0; color:#666; text-align:center;}
#login .simple p {padding-bottom:20px; color:#666;}
#login .simple p strong {font-size:1.167rem;}
#login .simple a {display:inline-block; width:38px; height:38px; margin:0 5px; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:23px; text-indent:-9999px; transition:all .3s ease;}
#login .simple a.naver {background-color:#5ebc67; background-image:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/member/icon_naver.png');}
#login .simple a.naver:hover {border-radius:0; background-color:#519c58;}
#login .simple a.facebook {background-color:#5e85bc; background-image:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/member/icon_facebook.png');}
#login .simple a.facebook:hover {border-radius:0; background-color:#4f709f;}
#login .simple a.kakao {background-color:#f4cf50; background-image:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/member/icon_kakao.png');}
#login .simple a.kakao:hover {border-radius:0; background-color:#ddbc4b;}
#login .simple a.payco {background-color:#e72a2d; background-image:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/member/icon_payco.png');}
#login .simple a.payco:hover {border-radius:0; background-color:#d73a3c;}
#login .joinfind {padding-top:20px;}
#login .joinfind p {position:relative; margin:7px 0; color:#666; font-size:0.917rem;}
#login .joinfind p a {position:absolute; right:0; top:0; font-size:0.917rem; text-decoration:underline;}

/* 비밀번호 변경 */
#modify_pwd .modify_id {padding-bottom:20px; font-size:1.167rem; font-weight:bold;}

/* 회원가입 약관동의(/member/join_step1.php) */
#join_agree {text-align:center;}
#join_agree .check {padding:15px; text-align:left;}
#join_agree .check label {font-size:1.167rem; font-weight:bold;}
#join_agree .check a {float:right; text-decoration:underline;}
#join_agree .scroll {overflow-x:hidden; overflow-y:scroll; position:relative; width:100%; height:80px; border:1px solid #d9d9d9; border-width:1px 0; background:#fff; -webkit-overflow-scrolling:touch;}
#join_agree .scroll iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
#join_agree .member_type {padding:20px 0;}
#join_agree .member_type label {margin:0 10px;}
#join_agree .btn {padding:0 15px; text-align:center;}
#join_agree .simple {padding:20px 0; text-align:center;}
#join_agree .simple a {display:inline-block; width:38px; height:38px; margin:0 5px; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:23px; text-indent:-9999px; transition:all .3s ease;}
#join_agree .simple a.naver {background-color:#5ebc67; background-image:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/member/icon_naver.png');}
#join_agree .simple a.naver:hover {border-radius:0; background-color:#519c58;;}
#join_agree .simple a.facebook {background-color:#5e85bc; background-image:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/member/icon_facebook.png');}
#join_agree .simple a.facebook:hover {border-radius:0; background-color:#4f709f;}
#join_agree .simple a.kakao {background-color:#f4cf50; background-image:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/member/icon_kakao.png');}
#join_agree .simple a.kakao:hover {border-radius:0; background-color:#ddbc4b;}
#join_agree .simple a.payco {background-color:#e72a2d; background-image:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/member/icon_payco.png');}
#join_agree .simple a.payco:hover {border-radius:0; background-color:#d73a3c;}

/* 회원가입 정보입력(/member/join_frm.php) */
#join_input fieldset legend {display:block; width:100%; padding:15px; background:#f8f8f8; font-size:1.083rem;}
#join_input fieldset .box {padding:15px;}
#join_input fieldset .box > div {position:relative; margin-bottom:10px;}
#join_input fieldset .box > div:last-child {margin-bottom:0;}
#join_input fieldset .box > div > label {display:none;}
#join_input fieldset .box .warning {display:none; position:relative; padding:5px; border-radius:5px; background:#fae4e8; color:#d53838;}
#join_input fieldset .box .warning:after {position:absolute; left:15px; top:-6px; width:0; height:0; margin-left:-8px; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #fae4e8; content:'';}
#join_input fieldset .box input:focus+.warning {display:block;}
#join_input fieldset .box .msg,
#join_input fieldset .box .msg * {color:#999;}
#join_input fieldset .box .msg {padding-top:10px;}
#join_input fieldset .box .addbtn .check {display:inline-block; position:absolute; right:0; top:0; height:34px; padding:0 13px; font-weight:bold; line-height:35px;}
#join_input fieldset .box .addbtn .check:hover {color:#d53838;}
#join_input fieldset .box .addbtn .check:after {position:absolute; left:0; top:6px; width:1px; height:22px; background:#e5e5e5; content:'';}
#join_input fieldset .box .addbtn .middle_address {margin:4px 0;}
#join_input fieldset .box .address > div {padding-top:10px;}
#join_input fieldset .box .address .code {position:relative; padding-right:110px;}
#join_input fieldset .box .address .code .box_btn {position:absolute; right:0; bottom:0;}
#join_input fieldset .box .email {position:relative;}
#join_input fieldset .box .email span {position:absolute; left:50%; top:7px; margin-left:-5px;}
#join_input fieldset .box .email .form_input.first {width:48%;}
#join_input fieldset .box .email .form_input.second {float:right; width:48%;}
#join_input fieldset .box .email select {width:100%; margin-top:10px;}
#join_input fieldset .box .birth {position:relative; margin-bottom:10px;}
#join_input fieldset .box .birth > label {display:none;}
#join_input fieldset .box .birth select {width:15%;}
#join_input fieldset .box .birth .sl {padding-top:5px;}
#join_input fieldset .box .type2 {position:relative; margin-bottom:10px;}
#join_input fieldset .box .type2 > label {display:block; padding-bottom:5px; font-weight:bold;}
#join_input fieldset .box .line {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dcdcdc;}
/* 회원가입 정보입력 - 기업회원추가입력 */
#join_input fieldset.biz .licensee_num .form_input {width:32%;}
#join_input fieldset.biz .licensee_num .form_input.second {margin:0 2%;}
/* 회원가입 정보입력 - 추가필드리스트 */
#join_input fieldset.addfd .box > div {margin-bottom:20px;}
#join_input fieldset.addfd .box > div > label {display:block; padding-bottom:5px; font-weight:bold;}
/* 회원가입 정보입력 - 버튼 */
#join_input .btn {padding:0 15px; text-align:center;}
/* 회원가입 정보입력 - sns회원가입 */
#join_input.simple fieldset .box .name {position:relative; margin-bottom:10px;}
#join_input.simple fieldset .box .name label {display:none;}
#join_input.simple fieldset .box .type2.line {margin-bottom:0; padding-bottom:0; border-bottom:0;}

/* 회원가입완료(/member/join_step3.php) */
#join_finish p {padding:40px 0; color:#888; text-align:center; line-height:2;}
#join_finish p strong {font-size:1.167rem;}

/* 정보수정(/member/edit_step1.php), 정보수정완료(/member/edit_step3.php) */
.edit_info .box {text-align:left;}
.edit_info .msg {color:#666;}
.edit_info .form_input {margin-top:15px;}
.edit_info .btn {padding-top:15px; text-align:center;}

/* 우편번호 레이어 */
.layer_zip_addr_list {width:100%;}
.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;}


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

/* 마이페이지 공통 박스 */
.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;}

/* 마이페이지 공통 리스트 */
.list_common {padding-bottom:15px;}
.list_common > li {padding:15px; border:1px solid #dbdbdb; border-width:0 0 1px 0;}
.list_common > li:first-child {border-top:1px solid #dbdbdb;}
.list_common > li:after {display:block; clear:both; content:'';}
.list_common > li .left_area {float:left; width:85px; color:#888; text-align:left;}
.list_common > li .right_area {margin-left:85px; color:#666; text-align:left;}
.list_common > li .right_area * {color:inherit;}
.list_common > li .right_area > p,
.list_common > li .right_area > div {padding-top:5px;}
.list_common > li .right_area > p:first-child,
.list_common > li .right_area > div:first-child {padding-top:0;}
/* 마이페이지 공통 리스트 - 쿠폰,소셜쿠폰 */
.list_common .left_area .point {font-size:1.333rem;}
/* 마이페이지 공통 리스트 - 관심상품, 관련상품 */
.list_common.prd > li {padding-left:0;}
.list_common.prd .left_area {width:130px;}
.list_common.prd .left_area .check {float:left; margin-right:10px;}
.list_common.prd .left_area img {width:80px; height:auto;}
.list_common.prd .right_area {margin-left:130px;}
.list_common.prd .right_area select {width:100%;}
/* 마이페이지 공통 리스트 - 주문조회 */
.list_common.orderlist .left_area {width:130px;}
.list_common.orderlist .right_area {margin-left:130px;}

/* 마이페이지 메인(/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:10px 0; font-size:1.250rem; text-align:left;}
#mypage h3 + .title_count { margin:-28px 0 16px; text-align:right;}
#mypage .prd_latest {padding-top:5px;}
#mypage .list {margin:0 -15px; 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 .latest {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;}

/* 주문내역(/mypage/order_list.php) */
#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 > .btn_col2 {margin-top:10px;}

/* 주문상세조회(/mypage/order_detail.php) */
#order_detail .order_no {padding:15px; font-size:1.333rem; font-weight:bold; text-align:center;}
#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-bottom:1px solid #e0e0e0; background:#e9e9e9; 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 .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 #ddd; 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:'';}

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

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

/* 1:1문의 내역(/mypage/counsel_list.php & /mypage/order_detail.php) */
#counsel .box_btn {margin-bottom:15px;}
.list_counsel {border:1px solid #dbdbdb; margin-bottom:15px;}
.list_counsel > li {border-top:1px solid #dbdbdb;}
.list_counsel > li:first-child {border-top:0;}
.list_counsel > li .subject {padding:15px;}
.list_counsel > li .subject > p {padding-top:5px;}
.list_counsel > li .subject > p:first-child {padding-top:0;}
.list_counsel > li .subject > p.stat,
.list_counsel > li .subject > p.stat * {color:#666; font-size:0.917rem;}
.list_counsel > li .content {display:none; padding:15px; border-top:1px solid #dbdbdb; background:#fafafa;}
.list_counsel > li .content .question {position:relative; min-height:45px; padding:0 0 15px 43px; border-bottom:1px solid #e1e1e1;}
.list_counsel > li .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-family:'arial'; font-size:1.167rem; text-align:center; line-height:29px; content:'Q';}
.list_counsel > li .content .answer {position:relative; min-height:30px; margin-top:15px; padding-left:43px;}
.list_counsel > li .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-family:'arial'; font-size:1.167rem; text-align:center; line-height:29px; content:'A';}

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

/* 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;}

/* 출석체크(/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://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/common/bullet_arrow_prev.png');}
#attend .date a.next {background-image:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/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://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/mypage/attend_ok.png') no-repeat center/18px;}
#attend #calendar .attenR {background:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/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;}

/* 회원탈퇴(/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;}


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

/* 이용약관(/content/content.php?cont=uselaw) */
#uselaw > ol > li > dl > dt {padding:30px 0 10px; font-weight:bold;}
#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 .tab {text-align:center;}
#guide .tab li {display:inline;}
#guide .tab li a {padding:0 15px;}
#guide .tab li a:hover {text-decoration:underline;}
#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:150px; background:url('http://m.lnpfamily.mywisa.co.kr/_skin/m_hayhay/img/etc/company.jpg') no-repeat center top/auto 150px; text-align:left;}
#company:after {display:block; clear:both; content:'';}
#company > dl > dt {padding:30px 0 10px; font-size:14px; font-weight:bold;}


/*-----------------------------------------------------------------*/
/* 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;}

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

/* 게시판 - 상품연동 - 검색 */
#product_search_frm {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;}

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

/* 게시판 - 상품연동 - 열람 */
.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 .swiper-wrapper {padding-bottom:30px;}
.related_prd_view .prd_basic .box .summary {display:none;}