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

2. Global
2-1. table
2-2. button
2-3. box
2-4. etc

3. Layout
3-1. wrapper
3-2. header
3-3. content
3-4. footer
3-5. snb

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

5. 기타

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

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; color:inherit; font-family:'돋움', dotum, sans-serif; font-size:12px; line-height:normal; vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {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;}
a {color:#000; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}

.hidden {visibility:hidden; overflow:hidden; width:1px; height:1px; margin:0 !important; padding:0 !important; font-size:0;} /* 히든 */
.empty {padding:20px 0 !important; text-align:center;} /* 빈 상태 */
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 style
/*-----------------------------------------------------------------*/

/* input */
.input {width:100%; height:40px; padding:5px; border:1px solid #d8d8d8; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; line-height:38px;}
.input.file {line-height:28px;}
.input_ea {width:40px; height:25px; padding:0 5px; border:1px solid #d8d8d8; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; line-height:23px;}
.input_text {width:100%; height:80px; padding:5px; border:1px solid #d8d8d8; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/* select */
select {height:40px; background:#fff; padding:5px; border:1px solid #d8d8d8; border-radius:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; line-height:38px;}
input[type=checkbox] {width:20px; height:20px; vertical-align:middle;}
h3.title {padding:20px 0 10px; font-size:1.5rem;}

/*-----------------------------------------------------------------*/
/* 2-1. Global table style
/*-----------------------------------------------------------------*/

/* 테이블 스타일 - 가로 */
.tbl_col {clear:both; table-layout:fixed; width:100%; border-collapse:collapse;}
.tbl_col caption {padding:10px 0; font-weight:bold; text-align:left;}
.tbl_col th {padding:10px 0; border-top:1px solid #000; border-bottom:1px solid #d7d7d7; color:#181818; font-weight:normal; text-align:center;}
.tbl_col td {padding:10px 0; border-bottom:1px solid #d7d7d7; color:#837d81; text-align:center; vertical-align:middle;}
.tbl_col td a {color:#837d81;}
.tbl_col td * {vertical-align:middle;}
.tbl_col td.left {padding-left:10px; text-align:left;}
.tbl_col td.img img {width:100px; height:auto;}

/* 테이블 스타일 - 세로 */
.tbl_row {table-layout:fixed; width:100%; margin:0 auto; border-top:1px solid #000;}
.tbl_row caption {display:none;}
.tbl_row th {padding:10px 0 10px 10px; border-bottom:1px solid #d7d7d7; background:#f9f9f9; color:#181818; font-weight:normal; text-align:left; vertical-align:middle;}
.tbl_row th label {color:#181818;}
.tbl_row td {padding:10px 0 10px 10px; border-bottom:1px solid #d7d7d7; color:#837d81; text-align:left; vertical-align:middle;}
.tbl_row td label {color:#837d81;}
.tbl_row td a {color:#231f20;}

/* 테이블 스타일 - 쿠폰 */
.tbl_coupon {clear:both; table-layout:fixed; width:100%; border:1px solid #e8e8e8; border-bottom:0; table-layout:fixed; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.tbl_coupon th {padding:15px; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; background:#fafafa; color:#000; font-size:11px; text-align:left; vertical-align:middle;}
.tbl_coupon td {padding:15px 0; border-bottom:1px solid #e8e8e8; font-size:11px; text-align:left; vertical-align:middle;}
.tbl_coupon td.left {padding-left:20px; color:#777;}
.tbl_coupon td.download {text-align:center;}
.tbl_coupon td.download span {padding:9px 12px; border:1px solid #dcdcdc; color:#000; font-size:11px;}

/*-----------------------------------------------------------------*/
/* 2-2. Global button style
/*-----------------------------------------------------------------*/

/* 버튼스타일 - 기본 */
.box_btn {display:inline-block; *zoom: 1; overflow:hidden; text-align:center; vertical-align:top;}	
.box_btn * {-webkit-appearance:none; display:inline-block; *zoom: 1; width:110px; height:40px; margin:0; padding:0; border:1px solid #181818; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; outline:0; background:#181818; color:#fff !important; font-family:'dotum', '돋움', sans-serif; font-size:12px; text-align:center !important; line-height:40px; cursor:pointer;}

/* 버튼스타일 - 모양 */
.box_btn.circle * {width:95px; height:95px; border-radius:100%; line-height:95px;}
.box_btn.ea * {width:25px; height:25px; line-height:25px;}

/* 버튼스타일 - 크기 */
.box_btn.block {display:block !important;}
.box_btn.block * {width:100%;}
.box_btn.small * {width:70px; line-height:25px; height:25px;}
.box_btn.middle * {width:110px; height:30px; line-height:30px;}
.box_btn.large * {width:140px; height:50px; line-height:50px;}
.box_btn.cmt * {width:85px; height:63px; line-height:63px;}

/* 버튼스타일 - 색상 */
.box_btn.white * {border:1px solid #181818; background:#fff; color:#181818 !important;}
.box_btn.white2 * {border:1px solid #ddd; background:#fff; color:#837d81 !important;}

/* 버튼스타일 - 색상(그라데이션) */
.box_btn.grd_gray * {width:105px; border:1px solid #c1c1c1; background:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/button/bg_gray_gra.gif') repeat-x; color:#181818 !important;}

/* 2개 버튼 나열 */
.btn_col {padding:10px 0;}
.btn_col:after {display:block; clear:both; content:'';}
.btn_col .box_btn {float:left; width:50%;}

/* 버튼스타일 - sns로그인 */
.box_btn.naver {margin-bottom:5px;}
.box_btn.naver * {border-color:#19a601; background:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/member/naver.gif') no-repeat left top #1ec701; background-size:auto 100%;}
.box_btn.facebook {margin-bottom:5px;}
.box_btn.facebook * {border-color:#314c83; background:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/member/facebook.gif') no-repeat left top #3e5c9a; background-size:auto 100%;}
.box_btn.kakao {margin-bottom:5px;}
.box_btn.kakao * {border-color:#d1bd0c; background:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/member/kakao.gif') no-repeat left top #f9e000; background-size:auto 100%; color:#000 !important;}

/*-----------------------------------------------------------------*/
/* 2-3. Global box style
/*-----------------------------------------------------------------*/

/* 박스 스타일 - 회원가입 완료, 회원정보수정 1단계, 회원정보수정 완료, 탈퇴 완료, 1:1문의 완료, 주문 완료, 소셜쿠폰 */
.box_common {clear:both; padding:10px; border:1px solid #d7d7d7; border-radius:3px; background:#f9f9f9; text-align:center;}
.box_common h3 {padding:10px 0;}
.box_common .point_color {color:#f36d14;}
.box_common .btn {overflow:hidden; padding:10px 0; text-align:center;}
.box_common.left {text-align:left;}
.box_common.space {margin:10px 0;}

/* 박스 스타일 - 사은품 */
.box_gift {margin:10px 0 30px;}
.box_gift .box_btn {margin-top:10px;}

/*-----------------------------------------------------------------*/
/* 2-4. Global etc style
/*-----------------------------------------------------------------*/

/* 상품 리스트 */
.prd_list {width:100%;}
.prd_list ul {display:table; width:100%;}
.prd_list ul li {padding-bottom:13.5px; text-align:center;}
.prd_list ul li .box {width:100%; text-align:center;}
.prd_list ul li .box .img {position:relative;}
.prd_list ul li .box .img img {width:100%; height:auto;}
.prd_list ul li .box .img .soldout {display:none;}
.prd_list ul li .box.out .img .soldout {display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%;} /* 품절시 soldout 출력 */
.prd_list ul li .box.out .img .soldout .icon_soldout {position:absolute; left:0; top:0; z-index:15; width:100%; height:100%; background:rgba(255,255,255,0.5);}
.prd_list ul li .box.out .img .soldout .icon_soldout span {display:block; position:absolute; left:50%; top:50%; z-index:100; width:76px; height:76px; margin:-38px 0 0 -38px; border-radius:50%; background:#000; color:#fff; font-size:0.833rem; line-height:76px;}
.prd_list ul li .box .info {text-align:left;}
.prd_list ul li .box .info .name {padding-top:13px;}
.prd_list ul li .box .info .name a {color:#000; font-weight:bold;}
.prd_list ul li .box .info .summary {padding-top:3px; color:#808080; font-size:0.833rem;}
.prd_list ul li .box .info .prc {padding-top:13px; color:#000;}
.prd_list ul li .box .info .prc strong {color:#000;}
.prd_list ul li .box .info .prc .normal_prc {color:#808080; font-size:0.833rem; text-decoration:line-through;}
.prd_list ul li .box .info .qna {padding-top:3px; font-size:0.833rem;}

/* 두줄로 노출 */
.prd_list1 ul li {float:left; width:49%;}
.prd_list1 ul li:nth-child(even) {float:right;}
.prd_list1 ul li:nth-child(2n+1) {clear:both;}

/* 세줄로 노출 */
.prd_list2 ul li {float:left; width:32%;}
.prd_list2 ul li:nth-child(3n-1) {margin:0 2%;}
.prd_list2 ul li:nth-child(3n+1) {clear:both; float:left;}

/* 이미지만 노출 */
.prd_list3 ul li {float:left; width:49%; padding-bottom:2%;}
.prd_list3 ul li:nth-child(even) {float:right;}
.prd_list3 ul li:nth-child(2n+1) {clear:both;}
.prd_list3 ul li .box .info {display:none;}

/* 리스트 형식 노출 */
.prd_list4 ul li {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ebebeb;}
.prd_list4 ul li .box:after {display:block; clear:both; content:'';}
.prd_list4 ul li .box .img {float:left; width:30%;}
.prd_list4 ul 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_list4 ul li .box .info .summary {display:block;}

/* 상품정보 리스트 - 장바구니, 주문내역상세, 관심상품, 주문서 */
.list_prd {border:1px solid #ddd; border-radius:3px;}
.list_prd li {padding:0 10px; border-top:1px solid #ddd; background:#f9f9f9;}
.list_prd li:first-child {border-top:0;}
.list_prd li:nth-child(even) {background:#fff;}
.list_prd li .box .prd_detail {overflow:hidden; padding:10px 0;}
.list_prd li .box .prd_detail .check {float:left; padding-right:10px;}
.list_prd li .box .prd_detail .img {float:left; padding-right:10px;}
.list_prd li .box .prd_detail .name {overflow:hidden; padding-bottom:5px; white-space:nowrap; text-overflow:ellipsis;}
.list_prd li .box .prd_detail .opt {clear:both;}
.list_prd li .box .prd_detail .opt select {width:100%; margin-top:5px;}
.list_prd li .box .price {clear:both; padding:10px 0; border-top:1px solid #ddd;}
.list_prd li .box .price .pay {padding-top:5px; color:#1795ea;}
.list_prd li .box .price .confirm {position:absolute; right:0; top:15px;}
.list_prd li .box .price .confirm a {padding:5px; background:#000; color:#fff;}
.list_prd li .box .delivery {padding:10px 0; border-top:1px solid #ddd;}
.list_prd li .box .delivery .stat {float:left; color:#f36d14;}
.list_prd li .box .delivery .confirm {float:right; padding-top:10px;}
.list_prd li .box .delivery .confirm a {padding:5px; background:#000; color:#fff;}
.list_prd li .box .delivery:after {display:block; clear:both; content:'';}
.list_prd li .box .btn_col {border-top:1px solid #ddd;}

/* 리스트 */
.list_common {padding:10px; border:1px solid #ddd; border-radius:3px; background:#f9f9f9;}
.list_common dl {overflow:hidden;}
.list_common dl dt {clear:both; float:left; width:27%; padding:4px 0; text-align:left;}
.list_common dl dd {float:right; width:73%; padding:4px 0; text-align:right;}
.list_common dl dd .total {color:#f26522; font-weight:bold;}
.list_common.half dl dt {width:50%;}
.list_common.half dl dd {width:50%;}
.list_common.total {border-width:2px; border-radius:0;}

/* 타이틀 있는 리스트 */
.list_title li {clear:both; margin:10px 0; border:1px solid #d7d7d7;}
.list_title li h3 {padding:10px; border-bottom:1px solid #d7d7d7; background:#f9f9f9;}
.list_title li dl {overflow:hidden; padding:10px;}
.list_title li dl dt {clear:both; float:left; width:27%; padding:4px 0; text-align:left;}
.list_title li dl dd {float:right; width:73%; padding:4px 0; text-align:right;}

/* 리스트 입력폼 - 주문서 */
.list_input li {overflow:hidden; padding:10px 0; border-top:1px dashed #ddd; text-align:left;}
.list_input li:first-child {border-top:0;}
.list_input li label {display:block; padding-bottom:5px;}
.list_input li select {width:100%;}
.list_input li.addfd input[type=text] {width:100%; height:40px; padding:5px; border:1px solid #d8d8d8; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; line-height:38px;}

/* 리스트 - 게시판 목록(/mypage/counsel_list.php & /mypage/order_detail.php & qna_list.php & review_list.php) */
.list_board {clear:both;}
.list_board li {padding:2px 0;}
.list_board li .frame {border:1px solid #ddd; border-radius:1px;}
.list_board li .frame.notice {background:#f6f6f6;}
.list_board li .frame .subject {padding:10px;}
.list_board li .frame .subject .title {overflow:hidden; width:100%; padding-bottom:5px; font-size:1em; white-space:nowrap; text-overflow:ellipsis;}
.list_board li .frame .subject .title img {height:16px; vertical-align:middle;}
.list_board li .frame .subject .title .notice {display:inline-block; margin-right:2px; padding:0 2px; border:1px solid #aaa; background:#fff; font-size:0.833em;}
.list_board li .frame .subject .stat {float:right; padding:0; color:#f36d14;}
.list_board li .frame .subject .name {font-size:0.75em;}
.list_board li .frame .subject .name img {height:12px; vertical-align:middle;}
.list_board li .frame .content {display:none; padding:10px; border-top:1px dotted #ddd; background:#f6f6f6; color:#363636; text-align:left;}
.list_board li .frame .content img {max-width:100%;}
.list_board li .frame .content .answer {margin-top:15px; padding:10px 0 10px 25px; border:1px solid #e0e0e0; background:#fff url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/mypage/bullet_reply.gif') no-repeat 10px 10px; background-size:12px 10px;}
.list_board li .frame2 .prdimg {float:left; width:20%; padding:10px 0 10px 10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align:center;}
.list_board li .frame2 .prdimg img {width:100%; height:auto;}
.list_board li .frame2 .subject {float:left; width:80%; padding:10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.list_board li .frame2 .subject .title {padding:5px 0;}
.list_board li .frame2:after {display:block; clear:both; content:'';}

/* 리스트 - 게시판 글쓰기(qna, review) */
.list_write {margin-top:10px; padding:10px; border:1px solid #ddd;}
.list_write li {padding:2px 0;}
.list_write li.grade img {height:10px; vertical-align:baseline;}
.list_write li .readonly {background:#eee;}
.list_write li select {width:100%;}
.list_write li input[type=file] {line-height:0;}

/* 전체선택 */
.select_all {margin-bottom:10px; padding:10px; border:1px solid #ddd; background:#f9f9f9;}
.select_all label {display:inline-block; padding:6px 0 0 10px; vertical-align:top;}

/* 상품 진열 아이콘 */
.line_prd {position:relative; height:40px;}
.line_prd h3 {position:absolute; left:0; top:3px; font-size:1.167em; vertical-align:top;}
.line_prd .sort {position:absolute; left:0; top:0;}
.line_prd .sort select {height:25px; padding:0 5px;}
.line_prd ul {float:right;}
.line_prd ul li {float:left; border:1px solid #c4c1bc; border-left:0;}
.line_prd ul li:first-child {border-left:1px solid #c4c1bc;}
.line_prd ul li img {width:25px;}

/* 페이징 */
.paging * {vertical-align:middle;}
.paging {margin:30px 0 0 0; text-align:center;}
.paging li {display:inline; padding:0 2px; color:#9e9e9e; vertical-align:middle;}
.paging li strong {display:inline-block; width:28px; height:28px; border:1px solid #000; background:#000; color:#fff; line-height:30px;}
.paging li a {display:inline-block; width:28px; height:28px; border:1px solid #ccc; background:#fff; color:#6e6e6e; line-height:30px;}

/* 컬러칩 리스트 */
.color_option {clear:both;}
.color_option:after {display:block; clear:both; content:'';}
.color_option li {float:left; padding-bottom:0;}
.color_option li a {display:block; width:30px; height:30px; margin:1px; border:1px solid #fff;}
.color_option li a.selected {border:1px solid #ff1111;}
.color_option li a img {width:30px; height:30px;}


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

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

#wrap {min-width:320px; width:100%;}
#layout {position:relative; background:#fff;}

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

#header {position:relative; width:100%; height:47.5px;}
#header h1 {padding:11px 0 13.5px; text-align:center;}
#header h1 img {height:22.5px;}
#header .gnb li a {display:block; height:47.5px; background-position:center; background-repeat:no-repeat; color:transparent;}
#header .gnb li.category a {position:absolute; left:0; top:0; width:37px; background-image:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/category.png'); background-size:22px 14.5px;}
#header .gnb li.search a {position:absolute; right:7.5px; top:0; width:26px; background-image:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/search.png'); background-size:17px 17.5px;}
#header .gnb li.cart {position:absolute; right:37px; top:0; width:26px; vertical-align:top;}
#header .gnb li.cart a {background-image:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/cart.png'); background-size:19.5px 20.5px; background-position:left center;}
#header .gnb li.cart span {display:block; position:absolute; right:0; top:9.5px; width:15px; height:15px; margin:0; border-radius:15px; background:#fc4b79; color:#fff; font-size:0.750rem; text-align:center; line-height:15px;}
#header .searchform {display:none; position:absolute; left:0; top:0; z-index:10; width:100%; height:47px; border-bottom:1px solid #7f7f7f; background:#fff;}
#header .searchform input {float:left; width:80%; height:47px; padding:0 10px 0 3px; border:0; color:#999; line-height:47px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#header .searchform .btn input {float:left; width:10%; height:47px; border:0; background:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/search.png') no-repeat center; background-size:17px 17.5px; color:transparent; text-indent:-9999em;}
#header .searchform .close {float:right; width:10%; color:#333; line-height:47px; text-align:center;}

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

#cnt {padding:0 10px 35px 10px;}
.subtitle span {display:block; margin-bottom:10px; padding:10px; border-bottom:1px solid #ddd; background:#f6f6f6; text-align:center; box-shadow:0 2px 2px #ddd;}

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

#footer {text-align:center;}
#footer .sns {padding-bottom:35px; font-size:0; text-align:center;}
#footer .sns li {display:inline; padding:0 20px;}
#footer .sns li img {height:19.5px;}
#footer .box {border-top:1px solid #eee;}
#footer .box h2 {position:relative; height:49px; padding:0 7px; background:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/toggle_open.png') no-repeat right 7.5px center; background-size:13.5px; color:#333; font-size:1.042rem; font-weight:bold; text-align:left; line-height:49px;}
#footer .box h2.close {background:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/toggle_close.png') no-repeat right 7.5px center; background-size:13.5px 1.5px;}
#footer .box .toggle {display:none; padding:15px 8px; text-align:left;}
#footer .bank ul li {padding:9px 0; font-size:0.833rem;}
#footer .bank ul li span {display:inline-block; width:55px; color:#949494; font-size:inherit;}
#footer .return .address {color:#777; font-size:0.833rem;}
#footer .customer .tel {padding-bottom:10px;}
#footer .customer .tel a {color:#181818; font-size:1.167em; font-weight:bold;}
#footer .customer .time {color:#373737; font-size:0.833rem;}
#footer .customer .time strong {padding-right:5px; color:#949494; font-size:inherit;}
#footer .customer .btn {padding-top:10px;}
#footer .customer .btn:after {display:block; clear:both; content:'';}
#footer .customer .btn a {float:left; width:48%; height:24px; border:1px solid #c4c1bc; color:#181818; line-height:24px; text-align:center;}
#footer .customer .btn a:nth-child(2) {float:right;}
#footer .info {padding:33.5px 7.5px; background:#f5f5f5; text-align:left;}
#footer .info * {color:#666; font-size:0.750rem; text-align:left; line-height:140%;}
#footer .info a {font-weight:bold;}
#footer .info .menu {}
#footer .info .menu li {float:left; background:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/bar_ft_menu.gif') no-repeat left center; background-size:1px 10px;}
#footer .info .menu li:first-child {width:16%; background:none;}
#footer .info .menu li:nth-child(2) {width:18%;}
#footer .info .menu li:nth-child(3) {width:17%;}
#footer .info .menu li:nth-child(4) {width:32%;}
#footer .info .menu li:nth-child(5) {width:17%;}
#footer .info .menu li a {display:block; height:21.5px; color:#666; font-size:0.833rem; font-weight:bold; text-align:center; line-height:21.5px;}
#footer .info address {padding-top:10px; font-style:normal;}
#footer .info .escrow {padding-top:10px;}
#footer .info .copyright {padding-top:10px; font-weight:bold;}
#footer .info .copyright .wisa {color:#26ace2;}
#footer .btn_top {display:none; position:fixed; right:5%; bottom:5%; z-index:100; text-align:center;}
#footer .btn_top img {width:30px;}

/*-----------------------------------------------------------------*/
/* 3-5. snb
/*-----------------------------------------------------------------*/

/* snb 공통 */
.snb {display:none; position:absolute; top:0; left:0; z-index:-10; width:255px; height:100%;}
.snb .btn_close {position:absolute; top:7.5px; right:-33.5px; z-index:110; width:33.5px; height:33.5px; background:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/button/btn_close.png') no-repeat 50%; background-size:21.5px; font-size:0; line-height:0; text-indent:-99999em; cursor:pointer;}
.snb .area_scroll {overflow-y:auto; position:relative; width:100%; height:100%; background:#fff;}
.snb .area_scroll .list {padding:12px 14px;}
.snb .area_scroll .list .big {height:37px; color:#333; font-size:1.167rem; font-weight:bold; line-height:37px;}
.snb .area_scroll .list .child .big {background:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/toggle_open.png') no-repeat right center; background-size:13.5px;}
.snb .area_scroll .list .child .big.selected {background:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/toggle_close.png') no-repeat right center; background-size:13.5px 1.5px;}
.snb .area_scroll .list .big a {display:block; height:37px; color:inherit; font:inherit; line-height:37px;}
.snb .area_scroll .list .mid {display:none; padding-bottom:4px;}
.snb .area_scroll .list .mid a {display:block; height:31px; color:#333; font-size:0.917rem; line-height:31px;}
.snb .area_scroll .list  li ul li.special_1011,
.snb .area_scroll .list  li ul li.special_1012,
.snb .area_scroll .list  li ul li.special_1013 {display:none;}
.snb .area_scroll .sns {border-top:1px solid #ccc;}
.snb .area_scroll .sns ul {padding:15px 14px 4.5px; font-size:0; text-align:left;}
.snb .area_scroll .sns ul li {display:inline-block; padding:10px 0; margin-right:35px;}
.snb .area_scroll .sns ul li img {height:19.5px;}
.snb .area_scroll .member {padding:0 14px;}
.snb .area_scroll .member a {display:block; height:37px; color:#333; font-size:0.917rem; font-weight:bold; line-height:37px;}

/* 레이아웃 음영 */
.layout_dimmed {display:none; position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0.5);}


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

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

#main .main_visual .swiper-slide img {width:100%; height:auto;}
#main .main_visual .swiper-pagination {bottom:15.5px; font-size:0;}
#main .main_visual .swiper-pagination span {width:40px; height:3.5px; border:1px solid #fff; padding:0; margin:0 5px; border-radius:0; background:transparent; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#main .main_visual .swiper-pagination span.swiper-pagination-bullet-active {background:#fff;}
#main h3 {position:relative; padding:0 6px; margin-bottom:19.5px; font-family:'Arial', '돋움', Dotum, sans-serif; color:#333; font-size:14px; font-weight:bold; letter-spacing:2px;}
#main h3 .more {display:block; position:absolute; right:7.5px; bottom:0; z-index:10; padding-left:30px; background:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/main/bg_more.gif') no-repeat left center; background-size:20px 1px; color:#333; font-family:'Arial', '돋움', Dotum, sans-serif; font-size:10px; font-weight:bold; letter-spacing:1px;}
#main .banner {text-align:center;}
#main .banner img {width:100%;}
#main .prd_list {padding:0 7.5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#main .new {padding:34px 0 19.5px;}
#main .new .banner {padding-bottom:14.5px;}
#main .trend {margin-top:35px; padding:45.5px 0 93px 0; /*background:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/main/bg_trend.png') no-repeat left bottom; background-size:100%; border-top:1px solid #e6e6e6;*/}
#main .trend .banner {padding-bottom:10px;}
#main .trend_swipe {padding-bottom:17.5px; background:none;}
#main .trend_swipe .swiper-slide {width:90%; text-align:center;
/* Center slide text vertically */
display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#main .trend_swipe .swiper-slide img {width:100%; height:auto;}
#main .trend_swipe .swiper-pagination {bottom:0; font-size:0;}
#main .trend_swipe .swiper-pagination span {width:40px; height:3.5px; border:1px solid #333; padding:0; margin:0 5px; border-radius:0; background:transparent; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#main .trend_swipe .swiper-pagination span.swiper-pagination-bullet-active {background:#333;}
#main .trend .makeup {padding:62.5px 0 0 0;}
#main .trend .makeup h4 {padding-bottom:10px; text-align:center;}
#main .trend .makeup h4 span {display:block; font-family:'Arial', '돋움', Dotum, sans-serif; color:#333;}
#main .trend .makeup h4 span:first-child {font-size:18px; letter-spacing:2px;}
#main .trend .makeup h4 span:last-child {font-size:18px; letter-spacing:2px; padding-top:5px;}
#main .trend .makeup .frame {overflow:hidden; position:relative; height:0; padding-bottom:56.25%;}
#main .trend .makeup .frame iframe {position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; padding:0 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#main .best {padding:49.5px 0 72.5px;}
#main .instagram h3 {text-align:center;}
#main .instagram h3 span {display:block; color:#333; font-family:'Arial', '돋움', Dotum, sans-serif;}
#main .instagram h3 span:first-child {font-size:15px; letter-spacing:1px;}
#main .instagram h3 span:last-child {padding-top:3px; color:#808080; font-size:12px; letter-spacing:1px;}
#main .instagram ul:after {display:block; clear:both; content:'';}
#main .instagram ul li {float:left; width:calc(100%/3);}
#main .instagram ul li img {width:100%;}
#main .instagram ul li:nth-child(3n+1) {clear:both;}

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

/* 회원 쇼핑통장(장바구니, 주문서) */
.myshop_info {height:92px; margin-bottom:30px; border:1px solid #eaeaea;}
.myshop_info .name {float:left; width:306px; border-right:1px solid #eaeaea; text-align:center; line-height:92px;}
.myshop_info ul {float:left; width:650px; padding:19px 70px 0;}
.myshop_info ul li {float:left; width:122px; height:55px; margin-left:10px; text-align:center;}
.myshop_info ul li:first-child {margin-left:0;}
.myshop_info ul li a {display:block; height:55px; background:#f9f9f9; color:#6e6e6e;}
.myshop_info ul li a strong {display:block; padding:10px 0 5px; color:#000;}

/* 상품목록(/shop/big_section.php) */
#big_section .title {width:70%; margin:10px auto; padding:5px 0; border:3px double #c4c1bc; font-size:1.5em; text-align:center; line-height:25px;}
#big_section .midcate {margin-bottom:10px; padding:5px 0; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
#big_section .midcate li {float:left; width:25%; text-align:center;}
#big_section .midcate li:nth-child(4n+1) {clear:both;}
#big_section .midcate li a {display:block; width:100%; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#big_section .midcate:after {display:block; clear:both; content:'';}

/* 상품상세페이지(/shop/detail.php) */
#detail .prdimg {overflow:hidden; position:relative; border-bottom:1px solid #000; text-align:center;}
#detail .prdimg img {width:100%; height:auto;}
#detail .addimg {display:none;}
#detail .info_top {position:relative; padding:10px; border-bottom:1px solid #ebebeb;}
#detail .info_top .name {padding-bottom:5px; color:#000; font-size:1.833em; font-weight:bold; line-height:1.4;}
#detail .info_top .summary {color:#979797; line-height:1.4;}
#detail .info_top .price span {color:#979797; font-family:'arial';}
#detail .info_top .price strong {color:#6f0000; font-family:'arial'; font-size:1.667em;}
#detail .info_top .btn_share {display:block; position:absolute; right:10px; bottom:10px; width:20px; height:20px; background:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/shop/icon_share.png') no-repeat right top; background-size:auto 20px;}
#detail .share {display:none; padding:10px 10px 5px 10px; border-bottom:1px solid #ebebeb; background:#f8f8f8;}
#detail .share:after {display:block; clear:both; content:'';}
#detail .share li {float:left; width:32%; padding-bottom:1%; text-align:left;}
#detail .share li:nth-child(2) {margin:0 2%;}
#detail .share li a {display:block; height:37px; padding:8px 0 8px 35px; border:1px solid #ebebeb; background:#fff; background-repeat:no-repeat; background-position:5px center; background-size:22px; line-height:21px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#detail .share li.kakaostory a {background-image:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/shop/icon_kakaostory.gif');}
#detail .share li.twitter a {background-image:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/shop/icon_twitter.gif');}
#detail .share li.facebook a {background-image:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/shop/icon_facebook.gif');}
#detail .tbl_info {width:100%;}
#detail .tbl_info th {width:35%; padding:5px 0 5px 10px; color:#000; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#detail .tbl_info td {width:65%; padding:5px 0; color:#979797; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#detail .ea {position:relative; height:40px; margin:10px; border:1px solid #d8d8d8;}
#detail .ea a {display:block; position:absolute; top:0; width:40px; height:40px; font-size:2em; text-align:center; line-height:40px;}
#detail .ea a.plus {left:0; border-right:1px solid #d8d8d8;}
#detail .ea a.minus {right:0; border-left:1px solid #d8d8d8;}
#detail .ea .box_input {margin:0 40px;}
#detail .ea .box_input .input {border:0; text-align:center;}
#detail .list_opt {margin:0 10px;}
#detail .list_opt li {padding-bottom:10px;}
#detail .list_opt li select {width:100%;}
#detail .list_opt .text_option {clear:both;}
#detail .list_opt .text_option:after {display:block; clear:both; content:'';}
#detail .list_opt .text_option li {float:left; padding-bottom:0;}
#detail .list_opt .text_option li a {display:block; width:30px; height:30px; margin:1px; border:1px solid #d8d8d8; line-height:30px; text-align:center;}
#detail .list_opt .text_option li a.selected {border:1px solid #ff1111;}
#detail .list_opt .text_option li a.soldout {background:#ff1111; color:#fff;}
#detail .multi_opt {margin:0 10px 10px 10px; border:1px solid #c7c7c7;}
#detail .multi_opt .selected_list {padding:0 10px;}
#detail .multi_opt .selected_list li {padding:8px 0 9px; border-bottom:1px solid #e0e0e0;}
#detail .multi_opt .selected_list li .cover_set {display:-webkit-flex; display:flex; -webkit-align-items:center; align-items: center; position:relative; min-height:25px;}
#detail .multi_opt .selected_list li .cover_set .opt_data {-webkit-flex:2; flex:2; padding-right:10px;}
#detail .multi_opt .selected_list li .cover_set .box_qty {-webkit-flex:none; flex:none; position:relative; width:30px; padding:0 30px;}
#detail .multi_opt .selected_list li .cover_set .box_qty .input {width:30px; height:30px; text-align:center; line-height:30px;}
#detail .multi_opt .selected_list li .cover_set .box_qty a {position:absolute; top:0; width:30px; height:30px; border:1px solid #ddd; box-sizing:border-box; font-size:1.667em; font-weight:bold; text-align:center; line-height:30px;}
#detail .multi_opt .selected_list li .cover_set .box_qty a.plus {left:0; border-right:0;}
#detail .multi_opt .selected_list li .cover_set .box_qty a.minus {right:0; border-left:0;}
#detail .multi_opt .selected_list li .cover_prc {padding:5px 0 0; text-align:right;}
#detail .multi_opt .selected_list li .cover_prc .opt_price {-webkit-flex:initial; flex:initial; min-width:70px; line-height:20px;}
#detail .multi_opt .selected_list li .cover_prc .opt_del {-webkit-flex:none; flex:none; width:30px;}
#detail .multi_opt .selected_list li .cover_prc .opt_del img {vertical-align:top;}
#detail .multi_opt .opt_total {overflow:hidden; *zoom:1; padding:15px 10px; text-align:right;}
#detail .multi_opt .opt_total strong {margin-left:3px; color:#222; font-size:1.167em;}
#detail .multi_opt .opt_total strong #detail_multi_option_prc {color:#222; font-family:'Verdana'; font-size:1.667em; font-weight:bold;}
#detail .btn_buy {margin:0 10px;}
#detail .btn_buy .btn_col .box_btn {float:left; width:49%;}
#detail .btn_buy .btn_col .box_btn:nth-child(2) {float:right;}
#detail .tab {margin-top:20px;}
#detail .tab li {float:left; width:25%; text-align:center;}
#detail .tab li a {display:block; padding:10px 0; background:#f9fbf9; border-top:2px solid #bababa; border-bottom:1px solid #d8d8d8; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#detail .tab li a.over {border-top:2px solid #000; background:#ececec;}
#detail .tab li:first-child a {border-left:0;}
#detail .tab:after {display:block; clear:both; content:'';}
#detail .box_detail {padding:10px;}
#detail .box_detail1,
#detail .box_detail2,
#detail .box_detail3 {display:none;}
#detail .box_detail .detail_info * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#detail .box_detail .detail_info img,
#detail .box_detail .common_info img {max-width:100%;}
#detail .title_related {display:block; margin-bottom:10px; padding:10px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; background:#ececea; font-weight:bold; text-align:center;}
#detail .related {margin:0 10px;}

/* 장바구니(/shop/cart.php) */
#cart .enterprise {padding-top:20px;}
#cart .enterprise.headY {padding-top:0;}
#cart .enterprise .msg_delivery {padding-bottom:10px;}
#cart .title_total {padding:20px 0 10px; font-weight:bold; font-size:1.4rem;}
#cart .order {height:40px; padding:10px 0;}
#cart .order .box_btn {float:left; width:37%;}
#cart .order .box_btn * {width:100%;}
#cart .order .box_btn.white {width:25%;}
/* 장바구니 옵션 변경 */
.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 .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;}

/* 주문서(/shop/order.php) */
#order .enterprise {padding-top:20px;}
#order .enterprise.headY {padding-top:0;}
#order .enterprise .msg_delivery {padding-bottom:10px;}
#order .guest {text-align:left;}
#order .guest .box_frame {overflow-y:auto; -webkit-overflow-scrolling:touch; height:100px; border:1px solid #dbdbdb;}
#order .guest .box_frame iframe {width:100%; height:100%; border:0;}
#order .guest .agree_guest {padding:5px 0;}
#order .guest .agree_guest label {font-size:0.917em;}
#order .guest .agree_msg {padding:5px; background:#f4f4f4; font-size:0.833em;}
#order h3.title:after {display:block; clear:both; content:'';}
#order h3.title .btn_guest {float:right;}
#order .select_cpn {padding:5px 0;}
#order .select_cpn span {color:#f46665;}
#order .input_phone {float:left; width:32%;}
#order .input_phone.mid {margin:0 2%;}
#order .msg {clear:both; padding-top:5px;}
#order .msg label {display:inline;}
#order .address .select {padding:10px 0;}
#order .address label {display:inline;}
#order .address select {width:100%; margin:10px 0;}
#order .address .input.mid {margin:5px 0;}
#order .order_cancel_msg {padding-top:5px; text-align:left;}
#order .total_info {padding:10px 0; text-align:left;}
#order .method select {display:block; width:100%;}

/* 주문완료(/shop/order_finish.php) */
#orderfin .info_banking {padding-top:10px;}
#orderfin .info_banking strong {color:#f46665;}
#orderfin .email {padding-top:10px; color:#181818; line-height:1.6;}
#orderfin .msg {color:#837d81; line-height:1.6;}
#orderfin .msg strong {color:#181818;}

/* 상품검색(/shop/search_result.php) */
#search_result .box_search {position:relative;}
#search_result .box_search .box_input {margin-right:21%;}
#search_result .box_search .box_input .box_btn {position:absolute; right:0; top:0; width:20%;}
#search_result .box_search .rank {margin-top:10px; border:1px solid #ddd;}
#search_result .box_search .rank .title {padding:5px; border-bottom:1px solid #ddd; background:#f9f9f9; text-align:center;}
#search_result .box_search .rank ol {display:none;}
#search_result .box_search .rank ol li {float:left; width:50%; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:left;}
#search_result .box_search .rank ol li span {display:inline-block; width:20px; background:#000; color:#fff; text-align:center;}
#search_result .box_search .rank:after {display:block; clear:both; content:'';}
#search_result .result_cate {margin-top:10px; border:1px solid #ddd;}
#search_result .result_cate h3 {padding:5px; border-bottom:1px solid #ddd; background:#f9f9f9;}
#search_result .result_cate ul li {float:left; width:50%; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:left;}
#search_result .result_cate:after {display:block; clear:both; content:'';}
#search_result .prd_normal {margin-top:10px;}

/* 최근본상품(/shop/click_prd.php) */
#click_prd .total_msg {padding:10px 0;}

/* 상품문의 & 상품후기 - 상품정보(/shop/product_review.php & /shop/product_qna.php) */
.minidetail .miniinfo {position:relative; padding:10px; background:#f6f6f6; color:#474645;}
.minidetail .miniinfo .img {float:left; width:40%; padding-right:10px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.minidetail .miniinfo .img img {width:100%; height:auto;}
.minidetail .miniinfo .list {float:left; width:60%; text-align:left;}
.minidetail .miniinfo .list .name {padding-bottom:10px; font-size:1.167em; font-weight:bold;}
.minidetail .miniinfo .list ul li {padding:2px 0; line-height:1.4;}
.minidetail .miniinfo .list ul li span {color:#837d81;}
.minidetail .miniinfo .list ul li .nprice {text-decoration:line-through;}
.minidetail .miniinfo .btn {clear:both; padding-top:10px;}
.minidetail .miniinfo .btn .box_btn {float:left; width:32%;}
.minidetail .miniinfo .btn .box_btn:nth-child(2) {margin:0 2%;}
.minidetail .miniinfo .btn:after {display:block; clear:both; content:'';}
.minidetail .bottom {padding:10px;}

/* 상품문의 & 상품후기 */
#qnarev_list .search {position:relative; margin:10px 0;}
#qnarev_list .search select {position:absolute; left:0; top:0; width:20%;}
#qnarev_list .search .box_btn {position:absolute; right:0; top:0; width:20%;}
#qnarev_list .search .box_btn * {width:100%;}
#qnarev_list .search .str {margin:0 20%; padding:0 1%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* 상품문의 & 상품후기 */
#qnarev .qnarev_content .row * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#qnarev .qnarev_content .row img {max-width:100%;}
#qnarev .qnarev_content .row.question {text-align:left; padding-bottom:25px;}
#qnarev .qnarev_content .row.answer {margin-top:20px; text-align:left;}
#qnarev .qnarev_content .row.question strong,
#qnarev .qnarev_content .row.answer strong {color:#000;}
#qnarev .qnarev_content .edit_del {padding-top:10px; text-align:right;}
#qnarev .qnarev_content .edit_del img {width:49px; border:1px solid #ddd;}

/* 상품문의 & 상품후기 - 수정 */
#qnarevmod {text-align:center;}
#qnarevmod .modInput {padding:20px 0; text-align:center;}
#qnarevmod .modInput .input {border:1px solid #ddd;}
#qnarevmod .modInput * {vertical-align:middle;}
#qnarevmod .modi_pwd {display:none;}
#qnarevmod .modi_cnt {display:none; background:#fff; text-align:center;}
#qnarevmod .modcnt {padding:10px 0; text-align:left;}
#qnarevmod .modcnt * {vertical-align:middle;}
#qnarevmod .modcnt .input {width:80%;}
#qnarevmod .modcnt .input2 {width:100%; height:150px; border:1px solid #e9e9e9;}

/* 상품문의 - 바공개 열람 */
#pwbox {padding:10px; margin:10px 0; border:1px solid #ddd; background:#fff; text-align:center !important;}
#pwbox h3 {padding-bottom:10px;}
#pwbox p {padding:10px 0; color:#837d81;}
#pwbox .box_btn a, 
#pwbox .box_btn input {line-height:40px !important;}

/* 상품이미지줌 - 팝업(/shop/zoom.php) */
#zoomimg {overflow:hidden; position:relative; width:100%; height:630px;}
#zoomimg h2 {padding:10px 0; font-size:14px; font-weight:bold; text-align:center;}
#zoomimg .img {position:relative; width:100%; height:593px; text-align:center;}
#zoomimg .img_view {width:100%; height:593px; padding:20px 0; text-align:center;}
#zoomimg .img_view img {}
#zoomimg .img_list {position:absolute; right:20px; top:20px; text-align:center;}
#zoomimg .img_list li {margin-top:5px;}
#zoomimg .img_list li img {width:60px; height:60px; border:1px solid #ddd;}
#zoomimg .box_btn {position:absolute; right:10px; bottom:10px;}

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

/* 로그인 & 아이디,비밀번호찾기 */
.box_member h3 {clear:both; padding:20px 0 10px; color:#000; font-weight:bold;}
.box_member .box_form div {padding-bottom:5px;}
.box_member .box_form div label {display:none;}
.box_member .box_form div .input_phone {width:32%;}
.box_member .box_form div .input_phone.mid {margin:0 2%;}
.box_member .box_form .msg {padding-bottom:10px;}
.box_member .fail {padding:10px 0; border:1px solid #f46665; color:#f46665; text-align:center;}

/* 회원가입 약관동의(/member/join_step1.php) */
#join_agree .box {border:1px solid #d7d7d7; border-bottom:0;}
#join_agree .box .check {position:relative; height:43px; padding:0 10px; border-bottom:1px solid #d7d7d7; background:#fafbfb; color:#737373; text-align:left; line-height:43px; letter-spacing:-1px;}
#join_agree .box .check span {position:absolute; right:10px; top:10px;}
#join_agree .box .content {position:relative; overflow-x:hidden; overflow-y:scroll; width:100%; height:100px; border-bottom:1px solid #d7d7d7; -webkit-overflow-scrolling:touch;}
#join_agree .box .content iframe {position:absolute; top:0; left:0; width:100%; height:100px;}
#join_agree .member_type {padding:20px 0; text-align:center;}
#join_agree .member_type input {margin-left:20px;}

/* 회원가입 정보입력(/member/join_frm.php) */
#join_input .row_group {display:block; width:100%; margin-bottom:10px; border:1px solid #ddd;}
#join_input .row_group .group_title {padding:15px 0; border-bottom:1px solid #ddd; color:#837d81; font-weight:normal; text-align:center;}
#join_input .row_group fieldset {padding:10px;}
#join_input .row_group .row_field {*zoom:1; padding-bottom:10px; text-align:left;}
#join_input .row_group .row_field:after {content:''; clear:both; display:block;}
#join_input .row_group .row_field .field_title {display:block; padding:5px 0 10px 5px; color:#837d81; font-weight:bold;}
#join_input .row_group .row_field p.msg {clear:both; padding-top:5px; color:#bebebe; font-size:11px;}
#join_input .row_group .row_field .input {width:100%; height:40px; padding:0 10px; border-color:#c1c1c1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:middle; line-height:40px;}
#join_input .row_group .row_field .input.readonly {background:#dbdbdb;}
#join_input .row_group .row_field .input:focus {border-color:#000;}
#join_input .row_group .row_id .input {float:left; width:70%; margin-right:2%;}
#join_input .row_group .row_id .box_btn {width:28%;}
#join_input .row_group .row_nick .input {float:left; width:70%; margin-right:2%;}
#join_input .row_group .row_nick .box_btn {width:28%;}
#join_input .row_group .row_phone .input {float:left; width:32%;}
#join_input .row_group .row_phone .input.center {margin:0 2%;}
#join_input .row_group .row_zip .zip_search {padding:10px; border:1px solid #ddd; background:#f9f9f9;}
#join_input .row_group .row_zip .zip_search .desc {padding-bottom:10px; border-bottom:1px solid #ddd;}
#join_input .row_group .row_zip .zip_search .type {padding:10px 0;}
#join_input .row_group .row_zip .zip_search .input_zipcode {float:left; width:58%; margin-right:2%;}
#join_input .row_group .row_zip .zip_search .box_btn {width:40%;}
#join_input .row_group .row_zip .zip_search select {clear:both; display:block; width:100%; margin-top:10px;}
#join_input .row_group .row_zip .add_mid {clear:both; margin:5px 0;}
#join_input .row_group .row_zip .add_mid .input:nth-child(2) {margin:5px 0;}
#join_input .row_group .row_email .input {float:left; width:47%;}
#join_input .row_group .row_email span {display:inline-block; float:left; width:6%; font-size:1.2rem; text-align:center; vertical-align:middle; line-height:40px;}
#join_input .row_group .row_email .input.center {float:right;}
#join_input .row_group .row_email select {clear:both; width:100%; margin-top:5px; border-color:#c1c1c1;}
#join_input .row_group .row_birth select {width:25%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#join_input .row_group .row_birth .type {margin-top:10px;}
#join_input .row_group .row_biznum .input {float:left; width:32%;}
#join_input .row_group .row_biznum .input.center {margin:0 2%;}

/* 정보수정(/member/edit_step1.php) */
#edit_pw .msg {padding-bottom:15px; color:#837d81;}

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

/* 마이페이지(/mypage/mypage.php) */
#mypage .list {border-top:1px solid #ebebeb;}
#mypage .list li {position:relative; border-bottom:1px solid #ebebeb; background:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/arrow_ui_right.png') no-repeat 98% center; background-size:12px;}
#mypage .list li a {display:block; width:100%; height:35px; padding:0 10px 0 35px; background-size:35px; background-repeat:no-repeat; background-position:left top; color:#181818; line-height:35px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#mypage .list li:nth-child(1) a {background-image:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/icon_order_list.png');}
#mypage .list li:nth-child(2) a {background-image:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/icon_wish.png');}
#mypage .list li:nth-child(3) a {background-image:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/icon_milage.png');}
#mypage .list li:nth-child(4) a {background-image:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/icon_emoney.png');}
#mypage .list li:nth-child(5) a {background-image:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/icon_point.png');}
#mypage .list li:nth-child(6) a {background-image:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/icon_coupon.png');}
#mypage .list li:nth-child(7) a {background-image:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/icon_counsel.png');}
#mypage .list li:nth-child(8) a {background-image:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/icon_attend.png');}
#mypage .list li:nth-child(9) a {background-image:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/icon_edit.png');}
#mypage .list li:nth-child(10) a {background-image:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/icon_draw.png');}
#mypage h3 {padding:15px 0 5px;}

/* 주문내역(/mypage/order_list.php) */
.list_ord li {padding-bottom:10px;}
.list_ord li .box {border:1px solid #ddd; border-radius:3px;}
.list_ord li .box .date_stat {padding:10px; border-bottom:1px solid #ddd; background:#f9f9f9;}
.list_ord li .box .date_stat .stat {float:right; color:#f36d14;}
.list_ord li .box .date_stat .stat a {color:#f36d14;}
.list_ord li .box .prd {padding:10px;}
.list_ord li .box .prd .no {padding-bottom:5px; color:#1795ea;}
.list_ord li .box .prd .no span {text-decoration:underline;}
.list_ord li .box .prd .no a {color:#1795ea;}
.list_ord li .box .price {position:relative; margin:0 10px 10px 10px; padding-top:10px; border-top:1px solid #ddd;}
.list_ord li .box .price .pay {color:#1795ea;}
.list_ord li .box .price .confirm {position:absolute; right:0; top:15px;}
.list_ord li .box .price .confirm a {padding:5px; background:#000; color:#fff;}

/* 주문상세조회(/mypage/order_detail.php) */
#order_detail .stat_img {padding:10px 0;}
#order_detail .stat_img li {float:left; width:20%; padding:0 2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#order_detail .stat_img li img {width:100%; height:auto; border:1px solid #ddd;}
#order_detail .stat_img:after {display:block; clear:both; content:'';}
#order_detail .tab li {float:left; width:25%; text-align:center;}
#order_detail .tab li a {display:block; padding:10px 5px; border:1px solid #ddd; border-left:0;}
#order_detail .tab li:first-child a {border-left:1px solid #ddd;}
#order_detail .tab:after {display:block; clear:both; content:'';}
#order_detail .backtolist {padding-top:10px; text-align:center;}

/* 포인트(/mypage/point.php) */
#point .change {margin-top:10px; padding:20px; border:1px solid #d7d7d7; background:#f9f9f9; text-align:center;}
#point .change p {padding-bottom:5px;}

/* 1:1문의 글쓰기(/mypage/counsel_step1.php) */
#counsel_step1 .box_write li {padding:2px 0; text-align:left;}

/* 출석체크(/mypage/attend_list.php) */
#attend .box_common {margin-bottom:5px;}
#attend .date {overflow:hidden;}
#attend .date .month {float:left; position:relative; width:49%; height:42px; font-size:1.5em; font-weight:bold; text-align:center; line-height:42px;}
#attend .date .day {float:right; position:relative; width:49%; height:42px; font-size:1.5em; font-weight:bold; text-align:center; line-height:42px;}
#attend .date .prev {position:absolute; left:0; top:5px; width:30px; height:30px; border:1px solid #d7d7d7; background:#f9f9f9; line-height:30px;}
#attend .date .next {position:absolute; right:0; top:5px; width:30px; height:30px; border:1px solid #d7d7d7; background:#f9f9f9; line-height:30px;}
#attend table {width:100%; border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}
#attend table thead th {padding:7px 0; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background:#f5f5f5; font-weight:bold; color:#000; text-align:center;}
#attend table thead th:first-child {color:#ff7820;}
#attend table thead th:last-child {color:#0072bc;}
#attend table tbody td {height:40px; padding:5px; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:right; vertical-align:top;}
#attend table tbody td:nth-child(7n) {color:#0072bc;}
#attend .attenY {background:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/mypage/attend_ok.gif') no-repeat center; background-size:contain;}
#attend .attenN {background:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/mypage/attend_no.gif') no-repeat center; background-size:contain;}
#attend .attenR {background:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/mypage/attend_today.gif') no-repeat center; background-size:contain;}

/* 회원탈퇴(/mypage/withdraw_step1.php) */
#draw_input .msg {padding-bottom:10px; color:#837d81;}
#draw_input .reason {width:100%; height:100px; margin-top:10px; padding:5px; border:1px solid #afafb1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

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

/* 이용약관(/content/content.php?cont=uselaw) */
#uselaw {margin:20px; text-align:left;}
#uselaw * {color:#837d81; line-height:150%;}
#uselaw li {padding-bottom:20px;}
#uselaw li dl dt {color:#181818; font-weight:bold;}
#uselaw li dl dd ul li {padding:0 0 0 20px; background:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/bullet.gif') no-repeat 10px 4px;}

/* 개인정보취급방침(/content/content.php?cont=privacy) */
#privacy {margin:20px; text-align:left;}
#privacy * {color:#837d81; line-height:150%;}
#privacy li {padding-bottom:20px;}
#privacy li dl dt {color:#181818; font-weight:bold;}
#privacy li dl dd dl dt {color:#181818; font-weight:normal;}
#privacy li dl dd ul li,
#privacy li dl dd ol li {padding:0 0 0 20px; background:url('https://m.happyhomefashion.com/_skin/m_moreandmore/img/common/bullet.gif') no-repeat 10px 4px;}

/* 이용안내(/content/content.php?cont=guide) */
#guide .tab:after {content:''; clear:both; display:block;}
#guide .tab li {float:left; width:50%; border:1px solid #e2e2e3; border-width:0 1px 1px 1px; color:#ddd; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#guide .tab li:nth-child(1),
#guide .tab li:nth-child(2) {border:1px solid #e2e2e3;}
#guide .tab li:nth-child(2n) {border-left:0;}
#guide .tab li a {display:block; padding:10px 0; color:#181818; text-align:center;}
#guide dl dt {padding-top:30px; font-weight:bold;}
#guide dl dt a {color:#181818;}
#guide dl dd {color:#837d81;}
#guide dl dd .step {margin:10px 0;}
#guide ul {padding-bottom:10px;}


/*-----------------------------------------------------------------*/
/* 5. 기타
/*-----------------------------------------------------------------*/

/* 댓글 - 리스트 */
#cmtlist {margin-top:10px; background:#fff; text-align:left;}
#cmtlist h3 {padding-bottom:5px; background:#f6f6f6;}
#cmtlist h3.white {background:#fff;}
#cmtlist li {padding:5px; border:1px solid #ddd; border-bottom:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#474645; word-break:break-all; word-wrap:break-word;}
#cmtlist li:last-child {border-bottom:1px solid #ddd;}
#cmtlist li p {padding-bottom:5px; color:#626261;}
#cmtlist li strong a {color:inherit; font-size:inherit;}
#cmtlist li .date {padding:0 5px; color:#626261;}
#cmtlist li .cmtcontent {font-size:0.917em;}

/* 댓글 - 쓰기 */
#cmtwrite {margin-top:5px;}
#cmtwrite .guest {margin-top:10px;}
#cmtwrite .guest .input {float:left; width:49%; background:#fff;}
#cmtwrite .guest .input:nth-child(2) {float:right;}
#cmtwrite .guest:after {display:block; clear:both; content:'';}
.box_comment {margin-top:5px;}
.box_comment .msg {padding:10px 0; border:1px solid #ddd; background:#fff; text-align:center;}
.box_comment .msg h3 {color:#181818; font-size:1.333em;}
.box_comment .msg p {padding:5px 0; color:#837d81;}

/* 게시판 - 상품연동 - 검색 */
#product_search_frm {background:#fff; width:100% !important;}
#product_search_frm .related_prd_search {min-height:300px; margin:10px;}
#product_search_frm .related_prd_search .tbl_row td .prd_name a {font-weight:bold;}
#product_search_frm .related_prd_search .btn {padding:15px 0 10px 0; text-align:center;}
#product_search_frm .related_prd_search .search_prd {padding:10px 0;}

/* 게시판 - 상품연동 - 쓰기 */
.related_prd_write {padding:20px 0;}
.related_prd_write > ul {overflow:hidden; padding:20px 0;}
.related_prd_write > ul > li {float:left; width:25%; padding-bottom:20px; text-align:center;}
.related_prd_write > ul > li:nth-child(4n+1) {clear:both; float:left;}
.related_prd_write > ul > li .box {width:90%; margin:0 auto;}
.related_prd_write > ul > li .img {padding-bottom:10px;}
.related_prd_write > ul > li .img img {width:100%; height:auto;}

/* 게시판 - 상품연동 - 열람 */
.related_prd_view {border-bottom:1px solid #dfdfdf;}
.related_prd_view .recommended {padding:30px 0 15px; color:#3f3f3f; font-size:1.5rem; font-weight:500; text-align:center;}
.related_prd_view > ul > li {float:left; width:25%;}
.related_prd_view > ul > li:nth-child(4n+1) {clear:both; float:left;}
.related_prd_view > ul > li .info {border:0 !important;}

/* 우편번호 레이어 */
.layer_zip_addr_list {width:100%;}
.layer_zip_addr_list .title {position:relative; padding:20px; background:#f7f7f7;}
.layer_zip_addr_list .title h1 {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:5px; height:25px; background:#b2b2b2; transform:rotate(45deg);}
.layer_zip_addr_list .title .close:after {position:absolute; z-index:20; top:10px; left:-10px; width:25px; height:5px; background:#b2b2b2; content:"";}
.layer_zip_addr_list table {width:100%; table-layout:fixed;}
.layer_zip_addr_list caption {display:none;}
.layer_zip_addr_list thead th {padding:10px 0; border-top:3px solid #000; text-align:center;}
.layer_zip_addr_list thead th:nth-child(1) {border-color:#374b64;}
.layer_zip_addr_list thead th:nth-child(2) {border-color:#26ace2;}
.layer_zip_addr_list tbody th {height:34px; padding:5px 0; border-top:1px solid #ddd; color:#000; text-align:center; vertical-align:middle;}
.layer_zip_addr_list tbody td {height:34px; padding:5px; 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:nth-child(odd) {background:#f7f7f7;}
.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 #000; background:#000; 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;}