/*-----------------------------------------------------------------*/
/* 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, AppleGothic, 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.5em;}

/*-----------------------------------------------------------------*/
/* 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_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('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/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('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/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('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/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('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/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;}

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

/* 상품 리스트 */
.prd_list {width:100%;}
.prd_list ul {display:table; width:100%;}
.prd_list ul li {padding-bottom:20px; 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:10px; line-height:76px;}
.prd_list ul li .box .info .name {padding-top:10px;}
.prd_list ul li .box .info .name a {color:#181818;}
.prd_list ul li .box .info .normal_prc {text-decoration:line-through;}
.prd_list ul li .box .info .summary {display:none; margin-top:10px; color:#bcbcbc; font-size:11px;}

/* 두줄로 노출 */
.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 .check input {background:red;}
.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('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/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;}
.line_prd ul li img {width:25px;}

/*-----------------------------------------------------------------*/
/* 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:45px; border-bottom:1px solid #f0f0f0;}
#header h1 {text-align:center;}
#header h1 img {height:45px;}
#header .gnb li a {display:block; width:45px; height:45px; background-size:35px 35px; background-position:center; background-repeat:no-repeat; color:transparent;}
#header .gnb li.category a {position:absolute; left:0; top:0; background-image:url('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/img/common/category.png');}
#header .gnb li.search a {position:absolute; left:45px; top:0; background-image:url('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/img/common/search.png');}
#header .gnb li.cart {position:absolute; right:45px; top:0; vertical-align:top;}
#header .gnb li.cart a {background-image:url('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/img/common/cart.png');}
#header .gnb li.cart span {display:block; position:absolute; right:5px; top:13px; width:15px; height:15px; margin:0 0 0 0; border-radius:10px; background:#30d1ee; color:#fff; font-size:0.750em; text-align:center; line-height:15px;}
#header .gnb li.my {position:absolute; right:0; top:0;}
#header .gnb li.my a {background-image:url('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/img/common/my.png');}
#header .searchform {display:none; position:absolute; left:0; top:45px; z-index:2; width:100%; padding:10px; background:#ebebeb; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#header .searchform input {float:left; width:80%;}
#header .searchform .btn input {float:right; width:18%; height:40px; border:1px solid #afafb1; background:#333; color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; line-height:38px;}

/*-----------------------------------------------------------------*/
/* 3-3. content
/*-----------------------------------------------------------------*/
#cnt {padding:0 10px 20px 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 .box {border-top:1px solid #eee;}
#footer .box h2 {position:relative; padding:10px; background:#f9f9f9; color:#181818; font-size:1.167em;}
#footer .box h2 span {display:inline-block; position:absolute; right:5%; top:10px; padding:2px 5px; border:1px solid #ddd; background:#fff;}
#footer .box .toggle {display:none; padding:10px;}
#footer .customer .tel {padding-bottom:10px;}
#footer .customer .tel a {color:#181818; font-size:1.667em; font-weight:bold;}
#footer .customer .time {color:#373737; font-size:0.917em;}
#footer .customer .time strong {padding-right:5px; color:#949494;}
#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;}
#footer .customer .btn a:nth-child(2) {float:right;}
#footer .bank ul li {font-weight:bold;}
#footer .bank ul li span {color:#949494;}
#footer .return .address {color:#777;}
#footer .info {padding:10px 0;}
#footer .info * {color:#777; font-size:0.750em;}
#footer .info .sns li {display:inline; padding:0 5px;}
#footer .info .sns li img {width:25px;}
#footer .info .menu {padding-top:20px;}
#footer .info .menu li {display:inline; padding:0 5px;}
#footer .info .menu li a {color:#000; font-size:1em; font-weight:bold;}
#footer .info address {padding-top:10px; font-style:normal;}
#footer .info .escrow {padding-top:10px;}
#footer .info .copyright {padding-top:10px;}
#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:5%; z-index:100; text-align:center;}
#footer .btn_top img {width:40px;}

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

/* snb 공통 */
.snb {display:none; position:absolute; top:0; z-index:-10; width:275px; height:100%;}
.snb .area_scroll {overflow-y:auto; position:relative; width:100%; height:100%; background:#fff;}
.snb .area_scroll .btn_close {position:absolute; top:0; width:45px; height:45px; background:url('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/img/button/btn_close.png') no-repeat 50%; background-size:16px; font-size:0; line-height:0; text-indent:-99999em; cursor:pointer;}
.snb .area_scroll .list {border-top:1px solid #ebebeb;}
.snb .area_scroll .list.board {display:none;}
.snb .area_scroll .list ul li {position:relative; border-bottom:1px solid #ebebeb; background:url('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/img/common/arrow_ui_right.png') no-repeat 98% center; background-size:12px;}
.snb .area_scroll .list ul li a {display:block; width:100%; height:35px; padding:0 10px; color:#181818; line-height:35px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.snb .area_scroll .list ul li a span {position:absolute; right:10%; top:0px; color:inherit; font-size:inherit; font-weight:bold; line-height:inherit;}
.snb .area_scroll .list.mypage ul li a {padding-left:35px; background-size:35px; background-repeat:no-repeat; background-position:left top;}
.snb .area_scroll .list.mypage ul li:nth-child(1) a {background-image:url('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/img/common/icon_order_list.png');}
.snb .area_scroll .list.mypage ul li:nth-child(2) a {background-image:url('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/img/common/icon_wish.png');}
.snb .area_scroll .list.mypage ul li:nth-child(3) a {background-image:url('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/img/common/icon_milage.png');}
.snb .area_scroll .list.mypage ul li:nth-child(4) a {background-image:url('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/img/common/icon_emoney.png');}
.snb .area_scroll .list.mypage ul li:nth-child(5) a {background-image:url('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/img/common/icon_point.png');}
.snb .area_scroll .list.mypage ul li:nth-child(6) a {background-image:url('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/img/common/icon_coupon.png');}
.snb .area_scroll .list.mypage ul li:nth-child(7) a {background-image:url('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/img/common/icon_counsel.png');}
.snb .area_scroll .list.mypage ul li:nth-child(8) a {background-image:url('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/img/common/icon_attend.png');}
.snb .area_scroll .list.mypage ul li:nth-child(9) a {background-image:url('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/img/common/icon_edit.png');}
.snb .area_scroll .list.mypage ul li:nth-child(10) a {background-image:url('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/img/common/icon_draw.png');}

/* snb - 좌측 */
.snb1 {left:0;}
.snb1 .btn_close {right:0;}
.snb1 .area_scroll .menu_tab {overflow:hidden; margin-top:45px; border-top:1px solid #ebebeb;}
.snb1 .area_scroll .menu_tab li {float:left; width:50%; height:38px; background:#ebebeb; color:#181818; font-size:1.083em; font-weight:600; text-align:center; line-height:38px;}
.snb1 .area_scroll .menu_tab li.selected {background:#fff;}

/* snb - 우측 */
.snb2 {right:0;}
.snb2 .btn_close {left:0;}
.snb2 .area_scroll .btn_member {position:absolute; top:10px; right:10px;}
.snb2 .area_scroll .btn_member .btn_link {display:inline-block; width:79px; height:25px; border:1px solid #c4c1bc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; color:#181818; font-size:0.917em; font-weight:800; line-height:23px;}
.snb2 .area_scroll h2 {height:62px; margin-top:45px; border-top:1px solid #ebebeb; color:#181818; font-size:1.500em; text-align:center; line-height:62px;}
.snb2 .area_scroll h2 span {color:#777; font-size:inherit; font-weight:bold; line-height:inherit;}
.snb2 .area_scroll .level {position:relative; top:-10px; text-align:center;}
.snb2 .area_scroll .info {padding:10px 10px 5px 10px; border-top:1px solid #ebebeb; background:#f8f8f8;}
.snb2 .area_scroll .info ul li {float:left;}
.snb2 .area_scroll .info ul li:nth-child(even) {float:right;}
.snb2 .area_scroll .info ul li a {display:block; width:125px; padding:10px; margin-bottom:5px; border:1px solid #ebebeb; background:#fff;  font-size:0.833em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.snb2 .area_scroll .info ul li a span {float:right; color:#949494; font-size:0.833em;}
.snb2 .area_scroll .info:after {display:block; clear:both; content:'';}

/* 레이아웃 음영 */
.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 .visual_slides {overflow:hidden; position:relative; width:100%;}
#main .visual_slides .slides_container {overflow:hidden; width:100%;}
#main .visual_slides .slides_container ul {overflow:hidden; width:100%;}
#main .visual_slides .slides_container ul li {float:left; position:relative;  width:100%; top:0;}
#main .visual_slides .slides_container ul li img {width:100%; height:auto;}
#main .visual_slides .pagination {position:absolute; left:0; bottom:20px; z-index:100; width:100%; height:0; text-align:center;}
#main .visual_slides .pagination li {display:inline-block; margin:0 2px;}
#main .visual_slides .pagination li a {display:inline-block; width:10px; height:10px; border-radius:100%; background:#c7c7c7;}
#main .visual_slides .pagination li.current a {background:#000;}
#main .banner {margin-top:20px; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
#main .banner:after {display:block; clear:both; content:'';}
#main .banner li {float:left; width:50%;}
#main .banner li:first-child {border-right:1px solid #dadada; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#main .banner li img {width:100%; height:auto;}
#main .main_new, #main .main_best {margin-top:30px; padding:10px;}

/*-----------------------------------------------------------------*/
/* 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 .addimg #product_add_image_list {overflow:hidden; width:100%;}
#detail .addimg #product_add_image_list .slides_container {overflow:hidden; width:100%;}
#detail .addimg #product_add_image_list .slides_container li {float:left; position:relative; width:100%; top:0;}
#detail .addimg #product_add_image_list .slides_container li img {width:100%; height:auto;}
#detail .addimg .pagination {position:absolute; left:0; bottom:20px; z-index:100; width:100%; height:0; text-align:center;}
#detail .addimg .pagination li {display:inline-block; margin:0 2px;}
#detail .addimg .pagination li a {display:inline-block; width:10px; height:10px; border-radius:100%; background:#c7c7c7;}
#detail .addimg .pagination li.current a {background:#fff;}
#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:#000; 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('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/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('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/img/shop/icon_kakaostory.gif');}
#detail .share li.twitter a {background-image:url('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/img/shop/icon_twitter.gif');}
#detail .share li.facebook a {background-image:url('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/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 .list_opt .color_option {clear:both;}
#detail .list_opt .color_option:after {display:block; clear:both; content:'';}
#detail .list_opt .color_option li {float:left; padding-bottom:0;}
#detail .list_opt .color_option li a {display:block; width:30px; height:30px; margin:1px; border:1px solid #fff;}
#detail .list_opt .color_option li a.selected {border:1px solid #ff1111;}
#detail .list_opt .color_option li a img {width:30px; height:30px;}
#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%;}

/* 주문서(/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;}
#orderfin .box_gift {padding:20px 0 10px;}
#orderfin .box_gift h4 {padding-bottom:5px; font-size:0.917em;}
#orderfin .box_gift .list {overflow:hidden; margin-bottom:10px; border:1px solid #d6d6d6;}
#orderfin .box_gift .list li {position:relative; min-height:50px; padding:5px 0 5px 70px; border-top:1px solid #d6d6d6; text-align:left;}
#orderfin .box_gift .list li:first-child {border:0;}
#orderfin .box_gift .list li .chk {position:absolute; left:0; top:5px; line-height:50px;}
#orderfin .box_gift .list li .img {position:absolute; left:22px; top:5px;}
#orderfin .box_gift .list li .img img {width:41px; height:50px;}
#orderfin .box_gift .list li .name {font-size:0.917em;}

/* 상품검색(/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;}

/*-----------------------------------------------------------------*/
/* 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 {height:100px; border-bottom:1px solid #d7d7d7;}
#join_agree .box .content iframe {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_phone .input {float:left; width:32%;}
#join_input .row_group .row_phone .input.center {margin:0 2%;}
#join_input .row_group .row_nick .input {float:left; width:210px; margin-right:14px;}
#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/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:20%; 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('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/img/mypage/attend_ok.gif') no-repeat center; background-size:contain;}
#attend .attenN {background:url('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/img/mypage/attend_no.gif') no-repeat center; background-size:contain;}
#attend .attenR {background:url('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/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('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/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('http://m.skinfoodsay.mywisa.com/_skin/m_sw_kor/img/common/bullet.gif') no-repeat 10px 4px;}


/*-----------------------------------------------------------------*/
/* 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;}
#product_search_frm .prd_search_list {min-height:600px; margin:10px;}
#product_search_frm .prd_search_list .tbl_row td .prd_name a {font-size:12px; font-weight:bold;}
#product_search_frm .prd_search_list .btn {padding:15px 0 10px 0;}
#product_search_frm .prd_search_list .search_prd {padding:10px 0;}
#product_search_frm .prd_search_list .search_prd .input {height:23px;}
.pick_list li {display: inline-block; width:122px; height:180px; margin-right:5px; padding-right:10px;  border-right:1px solid #dfdfdf; vertical-align:top;}
.pick_list a {color:#000; font-weight:bold;}
.pick_list dt {height:120px; margin-bottom:5px; border:1px dotted #000; text-align:center;}
.pick_list dd {width:100%; padding:2px 0; word-break:break-all;}
.pick_empty {margin-top:5px;}