@charset "UTF-8";

/* btn 영역*/
.btn-area {text-align: center; box-sizing: border-box;}
.btn-area:after {display: block;content: '';clear: both;}
.btn-area a {display: block; width: 100%; height: 100%; color: #292929; box-sizing: border-box; font-weight: 700;}
.btn-area a.bg {background-color: #d7d7d7;}

/* btn - 양옆 마진 */
.btn-area.btn-wrap {margin: 0 20px;}

/* btn - 1개 기본형 */
.btn-area.one {}
.btn-area.one li {position: relative; width: 100%; height: 50px; line-height: 50px; font-size: 17px; box-sizing: border-box;}
.btn-area.one li + li {margin-top: 15px;}

/* btn - 2개 기본형 */
.btn-area.half {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.btn-area.half li{position: relative; display: table; float: left; width: 50%; height: 40px; line-height: 40px; box-sizing: border-box;}
.btn-area.half li:nth-child(odd) {}
.btn-area.half li:nth-child(even) {border-left: 1px solid #ddd;}

/* btn - 2개 사이 마진 */
.btn-area.m-half {}
.btn-area.m-half li{position: relative; display: table; float: left; width: 49%; height: 40px; line-height: 40px; box-sizing: border-box;}
.btn-area.m-half li:nth-child(odd) {}
.btn-area.m-half li:nth-child(even) {margin-left: 2%;}

/* btn - 2개 사이 패딩 */
.btn-area.p-half {border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.btn-area.p-half li{position: relative; display: table; float: left; width: 50%; height: 30px; line-height: 30px; margin: 10px 0; box-sizing: border-box;}
.btn-area.p-half li:nth-child(odd) {}
.btn-area.p-half li:nth-child(even) {border-left: 1px solid #ddd;}

/* btn - 3개 기본 */
.btn-area.third {border-top: 1px solid #ddd; border-bottom: 1px solid #dddddd;}
.btn-area.third li{position: relative; display: table; float: left; width: 33.3%; height: 40px; line-height: 40px; box-sizing: border-box; border-right: 1px solid #ddd;}
.btn-area.third li:last-child {border: none;}

/* btn - 색상 */
.type-black a, a.type-black {color: #fff; border: 1px solid #292929; background-color: #292929;}
.type-white a, a.type-white {color: #373737; border: 1px solid #ddd; background-color: #fff;}
.type-gray a, a.type-gray {color: #373737; border: 1px solid #d7d7d7; background-color: #d7d7d7;}



/* icon */
.icon-new{display: block; width: 18px; height: 18px; line-height: 19px; border-radius: 13px; text-align: center; color: #fff; font-size: 14px; font-family: 'NanumSB'; background-color: #ff0000;}
.btn-area .icon-new{position: absolute; top: 5px; left: 50%; margin-left: 21px;}

/* btn */
.btn-logout {display: block; width: 50%; height: 40px; line-height: 40px; text-align: center; margin: 20px auto 0; color: #fff; background-color: #292929;}
.btn-basic {display: inline-block; height: 20px; line-height: 21px; padding: 3px 10px; font-weight: 400; font-family: 'NanumSB'; text-align: center; border: 1px solid #ddd; background-color: #fff;}
.btn-basic.bg {background-color: #d7d7d7;}
.btn-more {height: 40px; line-height: 40px; color: #797979; background-color: #fff; border: 1px solid #dddddd; box-sizing: border-box; margin-top: 20px;}
.btn-more.bg {background-color: #d7d7d7;}
/*.btn-search {position: absolute; right: 10px; top: 50%; margin-top: -9px; padding-left: 5px; width:16px; height: 17px; vertical-align: top; background: url(../images/common/btn_search.png) 100% 0 #fff no-repeat; background-size: 16px 17px;}*/
.btn-search2 {position: absolute; right: 10px; top: 50%; margin-top: -9px; padding-left: 5px; width:16px; height: 17px; vertical-align: top; background: url(../images/common/btn_search2.png) 100% 0 #fff no-repeat; background-size: 16px 17px;}
.btn-back {position: absolute; display: block; left: 20px; top: 15px; width: 13px; height: 20px; background: url('../images/common/arrow_back.png') left top no-repeat;-webkit-background-size: 13px auto;background-size: 13px auto;}
.btn-home {position: absolute; display: block; right: 20px;top: 13px; width: 25px;height: 22px;background: url('../images/common/btn_home.png') left top no-repeat;-webkit-background-size: 25px auto;background-size: 25px auto;}
.btn-home-left {position: absolute; display: block; left: 50px;top: 13px; width: 25px;height: 22px;background: url('../images/common/btn_home.png') left top no-repeat;-webkit-background-size: 25px auto;background-size: 25px auto;}
.btn-command{float: right; width: 30px; height: 20px; font-size: 16px; color: #797979; padding-left: 25px; line-height: 20px; background: url(../images/common/btn_comm.png) left top no-repeat; -webkit-background-size: 20px auto; background-size: 20px auto;}
.btn-dot {position: absolute; display: block; top: 15px; right: 15px; width: 21px; height: 21px; background: url(../images/common/btn_dot.png) 0 50% no-repeat; -webkit-background-size: 21px auto; background-size: 21px auto;}
.btn-remove1 {position: absolute; display: block; top: 50%; margin-top: -6px; right: 15px; width: 11px; height: 11px; background: url('../images/common/btn_remove1.png') 0 0 no-repeat; -webkit-background-size: 11px auto;background-size: 11px auto;}
.btn-remove2 {position: absolute; top: 5px; right: -10px; width: 8.5px; height: 8.5px; background: url('../images/common/btn_remove2.png') 0 0 no-repeat;  -webkit-background-size: 8.5px auto;background-size: 8.5px auto;}

/*.btn-cart {position: absolute; right: 60px; top: 12px;}*/
/*.btn-cart a {display: block; width: 25.5px; height: 23.5px; background: url('../images/common/btn_cart.png') left top no-repeat; -webkit-background-size: 25.5px auto; background-size: 25.5px auto;}*/

/* .btn-gnb {position: absolute; top: 35px; right: 20px;} */
/*.btn-gnb {position: absolute; top: 20px; right: 20px;}*/
/*.btn-gnb a {display: block; width: 22.5px; height: 16px; background: url('../images/common/btn_gnb.png') left top no-repeat; -webkit-background-size: 22.5px auto; background-size: 22.5px auto;}*/
.btn-gnb a .icon-new{position: absolute; margin-top: -14px; margin-left: 14px; border: 3px solid #fff; }

.btn-share {padding-left: 20px;}
.btn-share:before {display: block; content: ''; position: absolute; top: 5px; left: 50%; margin-left: -43px; width: 18px; height: 18px; background: url('../images/common/ico_share.png') 0 0 no-repeat; -webkit-background-size: 18px auto;background-size: 18px auto;}

.zzim-s {display: block; width: 100%; text-align: center; height: 30px; line-height: 30px; padding-left: 20px; box-sizing: border-box;}
.zzim-s:before {position: absolute; display: block; content:''; top: 6px; left: 50%; margin-left: -30px; width: 17px; height: 16px; background: url('../images/common/ico_star_s.png') 0 0 no-repeat; -webkit-background-size: 17px auto; background-size: 17px auto; -webkit-appearance: none;}
.zzim-s.active:before {background: url('../images/common/ico_star_s_active.png') left top no-repeat; -webkit-background-size: 17px auto; background-size: 17px auto; }

/*.zzim-l {position: absolute; top: 7px; left: 50%; margin-left: -18px; width: 30px; height: 29px; background: url('../images/common/ico_star_l.png') 0 0 no-repeat; -webkit-background-size: 30px auto; background-size: 30px auto; -webkit-appearance: none;}*/
/*.zzim-l.active {background: url('../images/common/ico_star_l_active.png') left top no-repeat; -webkit-background-size: 30px auto; background-size: 30px auto; }*/

.heart {position: relative; padding-left: 25px; color: #292929; font-weight: 700;}
.heart input {position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -35px; display: block; width: 17px; height: 16px; padding-left: 30px; padding-right: 60px; background: url('../images/common/ico_heart.png') 0 0 no-repeat; -webkit-background-size: 17px 16px; background-size: 17px 16px; -webkit-appearance: none;}
.heart input:checked {background: url('../images/common/ico_heart_active.png') left top no-repeat; -webkit-background-size: 17px 16px; background-size: 17px 16px; }
.heart.active {color: #ff55a0;}

.heart_review_consult {position: relative; padding-left: 25px; color: #292929; font-weight: 700;}
.heart_review_consult input {position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -35px; display: block; width: 17px; height: 16px; padding-left: 30px; padding-right: 60px; background: url('../images/common/ico_heart.png') 0 0 no-repeat; -webkit-background-size: 17px 16px; background-size: 17px 16px; -webkit-appearance: none;}
.heart_review_consult input:checked {background: url('../images/common/ico_heart_active.png') left top no-repeat; -webkit-background-size: 17px 16px; background-size: 17px 16px; }
.heart_review_consult.active {color: #ff55a0;}

.heart_talk {position: relative; padding-left: 25px; color: #292929; font-weight: 700;}
.heart_talk input {position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -35px; display: block; width: 17px; height: 16px; padding-left: 30px; padding-right: 60px; background: url('../images/common/ico_heart.png') 0 0 no-repeat; -webkit-background-size: 17px 16px; background-size: 17px 16px; -webkit-appearance: none;}
.heart_talk input:checked {background: url('../images/common/ico_heart_active.png') left top no-repeat; -webkit-background-size: 17px 16px; background-size: 17px 16px; }
.heart_talk.active {color: #ff55a0;}

.btn-comment {padding-left: 20px;}
.btn-comment:before {display: block; content: ''; position: absolute; top: 12px; left: 50%; margin-left: -40px; width: 17px; height: 15px; background: url('../images/common/ico_comment.png') 0 0 no-repeat; -webkit-background-size: 17px auto;background-size: 17px auto;}

.btn-sisul {padding-left: 25px;}
.btn-sisul:before {display: block; content: ''; position: absolute; top: 9px; left: 50%; margin-left: -35px; width: 20px; height: 22px; background: url('../images/common/ico_sisul.png') 0 0 no-repeat; -webkit-background-size: 20px auto;background-size: 20px auto;}
.btn-sisul.active:before {background: url('../images/common/ico_sisul_on.png') 0 0 no-repeat; -webkit-background-size: 20px auto;background-size: 20px auto;}

.btn-free {padding-left: 30px;}
.btn-free:before {display: block; content: ''; position: absolute; top: 10px; left: 50%; margin-left: -40px; width: 23px; height: 20px; background: url('../images/common/ico_talk.png') 0 0 no-repeat; -webkit-background-size: 23px auto;background-size: 23px auto;}
.btn-free.active:before {background: url('../images/common/ico_talk_on.png') 0 0 no-repeat; -webkit-background-size: 23px auto;background-size: 23px auto;}

/*.btn-fixed {position: fixed; left: 0; right: 0; bottom: 20px; z-index: 999; width: 100%; max-width: 600px;}*/
.btn-fixed li + li {margin-top: 5px;}
/*.btn-fixed .btn-top {width: 35px; height: 38.5px; background: url('../images/common/btn_top.png') 0 0 no-repeat; -webkit-background-size: 35px auto;background-size: 35px auto;}*/
.btn-fixed .btn-write {width: 35px; height: 38.5px; background: url('../images/common/btn_write.png') 0 0 no-repeat; -webkit-background-size: 35px auto;background-size: 35px auto;}
.btn-fixed .btn-write-review {width: 35px; height: 38.5px; background: url('../images/common/btn_write_review.png') 0 0 no-repeat; -webkit-background-size: 35px auto;background-size: 35px auto;}
.btn-fixed.up {bottom: 83px; z-index: 98;}
/*.btn-fixed.up2 {bottom: 77px; z-index: 98;}*/

.btn-detail {display: inline-block; float: right; padding-right: 20px; font-size: 14px; font-family: 'NanumSB'; font-weight: 400;}
.btn-detail:after {content: ''; position: absolute; display: block; top: 50%; right: 15px; margin-top: -6px; width: 7.5px; height: 12px; background: url('../images/common/arrow_right.png') 0 0 no-repeat; -webkit-background-size: 7.5px auto;background-size: 7.5px auto;}

.btn-file {display: inline-block; height: 20px; line-height: 21px; padding: 3px 10px; font-size: 12px; font-weight: 400; font-family: 'NanumSB'; text-align: center; border: 1px solid #ddd; background-color: #fff;}
.file-upload {opacity: 0;}

/* star rating */
.jq-stars {display: inline-block;}
.jq-rating-label {font-size: 22px; display: inline-block; position: relative; vertical-align: top; font-family: helvetica, arial, verdana;}
.jq-star {width: 100px; height: 100px; display: inline-block; cursor: pointer; }
.jq-star + .jq-star {margin-left: 3px;}
.jq-star-svg {padding-left: 3px; width: 100%; height: 100% ; }
.jq-star:hover .fs-star-svg path {}
.jq-star-svg path {/* stroke: #000; */ stroke-linejoin: round; }
.jq-shadow {-webkit-filter: drop-shadow( -2px -2px 2px #888 ); filter: drop-shadow( -2px -2px 2px #888 );}

.star-readonly {width: 75px; height: 14px; margin-left: 10px; margin-top: 2px;}
.star-readonly:after {content: ''; display: block; clear: both;}
.star-on {float: left; width: 15px; height: 14px; background: url('../images/common/star-on.png') 0 0 no-repeat; background-size: 15px 14px;}
.star-off {float: left; width: 15px; height: 14px; background: url('../images/common/star-off.png') 0 0 no-repeat; background-size: 15px 14px;}

/* select 기본 */
.selector-wrap {}
.selector-wrap:after {clear: both; content: ''; overflow: hidden;}
.selector-wrap .selector {height: 43px;line-height: 43px; padding-right: 10px; position: relative; z-index: 1;  box-sizing: border-box; border: 1px solid #dddddd; background-color: #fff;}
.selector-wrap .selector.no-bor {border: none;}
.selector-wrap .selector select{width: 100%; padding-right: 25px; color: #292929; text-indent: 10px; border: none; -webkit-appearance: none; background: url(../images/common/ico_select.png) 100% 50% no-repeat #fff; -webkit-background-size: 10px auto; background-size: 10px auto; }

/* select 2개*/
.selector-wrap.half .selector {width: 49%; float: left;}
.selector-wrap.half .selector + .selector {margin-left: 2%;}

/* select 3개*/
.selector-wrap.third .selector {width: 29%; float: left; height: 35px; line-height: 35px;}
.selector-wrap.third .selector + .selector {margin-left: 1%;}

/* radio 버튼 */
.radio-wrap{text-align: center; }
.radio-wrap:after {content: ''; display: block; clear: both;}
.radio-wrap .btn-radio {display: block; float: left; position: relative; width: 50%;}
.radio-wrap .btn-radio input[type="radio"]{position: absolute; width: 22.5px; height: 22.5px; filter: alpha(opacity=0); opacity: 0;}
.radio-wrap .btn-radio label{position: relative; display: inline-block; padding-left: 30px;}
.radio-wrap .btn-radio label:before {content: ""; position: absolute; left: 0; top: 50%; margin-top: -12px; width: 22.5px; height: 22.5px; background: url('../images/common/btn_radio.png') 0 0 no-repeat; -webkit-background-size: 22.5px auto; background-size: 22.5px auto;}
.radio-wrap .btn-radio input[type="radio"]:checked + label:before{background: url('../images/common/btn_radio_on.png') 0 0 no-repeat; -webkit-background-size: 22.5px auto; background-size: 22.5px auto;}

/* checkbox 기본 */
.checkbox-wrap{}
.checkbox-wrap:after {content: ''; display: block; clear: both;}
.btn-check {position: relative;}
.btn-check input[type="checkbox"]{position: absolute; width: 20px; height: 20px; background: url(../images/common/btn_check.png) 0 0 no-repeat; -webkit-background-size: 20px auto; background-size: 20px auto; }
.btn-check input[type="checkbox"]:checked {background: url(../images/common/btn_check_on.png) 0 0 no-repeat; -webkit-background-size: 20px auto; background-size: 20px auto;}
.btn-check label{position: relative; display: inline-block; padding-left: 30px;}

/*textarea 댓글달기*/
.textarea-wrap {position: relative;}
.textarea-wrap .input-textarea {display: block; padding-right: 75px;}
.textarea-wrap .input-textarea textarea{width: 100%; height: 75px;resize: none; border: 1px solid #ddd; box-sizing: border-box;}
.textarea-wrap .btn-textarea{position: absolute; top: 0; right: 0;width: 75px; height: 75px; box-sizing: border-box; background-color: #ddd;}
.textarea-wrap.fix {position: fixed; bottom: 0; width: 100%; box-sizing: border-box;}

/* 기본 테이블 */
.basic-table {width: 100%; border-top: 2px solid #ddd; border-bottom: 1px solid #ddd;}
.basic-table th{position: relative; width: 110px;height: 35px; line-height: 35px; padding-left: 15px; text-align: left; font-weight: 700; border-bottom: 1px solid #ddd; background-color: #f8f8f8; }
.basic-table th span{}
.basic-table td{position: relative; height: 35px; line-height: 35px;border-bottom: 1px solid #ddd; padding: 7px;}
.basic-table td input[type="text"],
.basic-table td .selector {height: 35px; line-height: 35px; overflow: hidden;}
.basic-table .textarea-wrap .input-textarea {padding-right: 0;}

	/* 멤버 테이블 */
	.member-wrap .basic-table th{width: 95px;}
	.member-wrap .basic-table td input[type="text"],
	.member-wrap .basic-table td input[type="password"]{border: none; padding: 10px 0 10px 5px;}

	/* 회원가입 테이블 */
	.member-wrap .basic-table.join th {padding-left: 10px; width: 80px; font-size: 12px; font-family: 'NanumSB'; font-weight: 400;}
	.member-wrap .basic-table.join td {padding-left: 5px;}
	.member-wrap .basic-table.join input::-webkit-input-placeholder{font-family: dotum;color: #ccc; font-size:10px;font-weight: 400;}

	/* 환불계좌 테이블 */
	.mypage-wrap .basic-table.account th { padding-left: 15px; width: 100px; font-family: 'NanumSB'; font-weight: 400;}
	.mypage-wrap .basic-table.account td {padding-left: 15px;}
	.mypage-wrap .basic-table.account input::-webkit-input-placeholder{font-family: dotum;color: #ccc; font-size:13px;font-weight: 400;}

	/* 회원정보수정 테이블 */
	.mypage-wrap .basic-table.join th {padding-left: 10px; width: 110px; font-family: 'NanumSB'; font-weight: 400;}
	.mypage-wrap .basic-table.join td {}
	.mypage-wrap .basic-table.join input::-webkit-input-placeholder{font-family: dotum;color: #ccc; font-size:10px;font-weight: 400;}


	/* 결제 테이블 */
	.pay-wrap .basic-table th {width: 70px;}
	.pay-wrap .basic-table td {padding: 7px 0 7px 10px; line-height: 35px; height: 35px;}

	/* 리뷰작성 테이블 */
	.review-write .basic-table th {padding-left: 15px; width: 100px; height: 50px; line-height: 50px;}
	.review-write .basic-table th.join {text-align: center; padding: 0;}
	.review-write .basic-table td {position: relative; height: 50px; line-height: 50px; padding: 0; padding-left: 15px;}
	.review-write .basic-table td p.size {position: absolute; bottom: 0; left: 0; width: 70px;}
	.review-write .basic-table td.join {border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 0;}
	.review-write .basic-table td.join textarea {width: 100%; height: 100%; box-sizing: border-box; resize: none; border: none;}
	.review-write .basic-table td .star-rating {width: auto; display: block; line-height: 30px; padding-top: 7px;}
	.review-write .basic-table td input[type="file"] {height: 25px; line-height: 30px; visibility: hidden;}
	.review-write .basic-table td select {text-indent: 0;}
	.review-write .basic-table td .btn-file {position: absolute; left: 13px; top: 10px; }
	.review-write .basic-table input, .review-write .basic-table select {border: none; padding: 0;}
	.review-write .basic-table input::-webkit-input-placeholder{color: #bbb; font-size:12px;}
	.review-write .basic-table textarea::-webkit-input-placeholder{color: #bbb; font-size:12px;}
	.review-write .basic-table .selector label {position: absolute; display: block;}
	.review-write .basic-table .input-price:after {content: ''; position: absolute; right: 1px; top: 50%; margin-top: -19px; display: block; width: 31px; height: 37px; background: url(../images/common/ico_select.png) 50% 50% no-repeat #fff; -webkit-background-size: 10px auto; background-size: 10px auto;}

	/* 휴대폰인증 */
	/*.table-wrap.modify .num-send th {border-bottom: none;}*/
	/*.table-wrap.modify .num-send td {border-bottom: none; padding: 7px 0 7px 7px;}*/
	.table-wrap.modify .phone-confirm td{ padding-top: 0; border-bottom: none; padding: 0 0 7px 7px;}
	.table-wrap.modify .phone-confirm td span { padding-right: 75px;}
	.table-wrap.modify .phone-confirm td a{ top: 0;}
	.table-wrap.modify td span {display: block; padding-right: 62px;}
	.table-wrap.modify td span + a {position: absolute; right: 0; top: 7px; height: 27px; line-height: 27px; letter-spacing: -0.05em;}
	.table-wrap.modify td span.dot {display: inline-block; padding: 0 5px;}
	.table-wrap.modify p {padding-top: 15px;}
	.table-wrap.modify .btn-basic {min-width: 35px;}
	.table-wrap.modify .phone-confirm {display: none;}
	.table-wrap.modify .phone-confirm.active {display: block;}
	.table-wrap.modify .basic-table.join .phone-modify {position: relative; top: 0; margin-top: 5px;}
	.table-wrap.modify .basic-table.join .email-last {position: absolute; width: 55%; top: 8px; right: 0; padding: 0; padding-left: 27px; box-sizing: border-box;}
	.table-wrap.modify .basic-table.join .email-last input {width: 100%;}

	/* 게시판작성 테이블 */
	.board-write .basic-table th {padding-left: 15px; width: 100px; height: 50px; line-height: 50px;}
	.board-write .basic-table th.join {text-align: center; padding: 0;}
	.board-write .basic-table td {position: relative; height: 50px; line-height: 50px; padding: 0; padding-left: 15px;}
	.board-write .basic-table td.join {border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 0;}
	.board-write .basic-table td.join textarea {width: 100%; height: 100%; box-sizing: border-box; resize: none; border: none;}
	.board-write .basic-table td input[type="file"] {height: 25px; line-height: 30px;}
	.board-write .basic-table td select {text-indent: 0;}
	.board-write .basic-table td .btn-file {position: absolute; left: 13px; top: 10px; }
	.board-write .basic-table input, .board-write .basic-table select {border: none; padding: 0;}
	.board-write .basic-table input::-webkit-input-placeholder{color: #bbb; font-size:12px;}
	.board-write .basic-table textarea::-webkit-input-placeholder{color: #bbb; font-size:12px;}
	.board-write .basic-table .selector label {position: absolute; display: block;}
	.board-write .basic-table .input-price:after {content: ''; position: absolute; right: 1px; top: 50%; margin-top: -19px; display: block; width: 31px; height: 37px; background: url(../images/common/ico_select.png) 50% 50% no-repeat #fff; -webkit-background-size: 10px auto; background-size: 10px auto;}

	/* 이미지업로드 */
	.template-upload {}
	.template-upload td {padding: 0 !important;}
	.template-upload td:first-child {width: 90px; padding: 15px 0 15px 15px !important;}
	.template-upload td span.preview {display: block; width: 75px; height: 75px; overflow: hidden;}
	.template-upload td span.preview canvas {width: 100%; height: 100%;}

/* fix-banner */
.fix-wrap {position: fixed; height: 100%; z-index: 999;}
.fix-wrap .fix-banner {position: fixed; bottom: 0; display: block;}
.fix-wrap .fix-banner a {display: none;}
.fix-wrap .fix-banner a img {vertical-align: bottom;}