@charset "utf-8";
@import url("common.css");

/* CSS Document */

/***********************************************
			레이아웃
***********************************************/
#wrap {min-width:320px;background:#fff}
#container {margin:0 10px}

/* header */
#header {position:relative;width:100%;background-color:#fcfbf8;}
#header h1 {position:absolute;left:5px;top:10px;} /* 주석 삭제 금지 :  top:15px; 20130719  수정 */
#header h1 img {max-width:110px;} /* 주석 삭제 금지 : height:20px; 20130719  수정 */
#header .srchGroup {position:relative;height:46px;margin:0 70px 0 120px;padding-top:15px}
#header .srchGroup .srchInput {display:block;position:relative;border:solid 1px #43372a}
#header .srchGroup input {width:100%;height:23px;padding:2px 0 3px 0;border:0}
#header .srchGroup button {position:absolute;right:5px;top:3px;width:20px;height:20px;background:url("../img/mobile/login/m_main_search.png") 0 0 no-repeat;background-size:20px auto}
#header .srchGroup button.s_on {position:absolute;right:5px;top:3px;width:20px;height:20px;background:url("../img/mobile/login/m_main_search3.png") 0 0 no-repeat;background-size:20px auto}
#header .loginBtn {position:absolute;right:10px;top:15px}
#header .loginBtn img {height:30px}
/*#header .bt_patten {position:absolute; left:0; top:0; width:100%; height:61px; background:url("../images/common/bg_head_bt.png") left bottom repeat-x; background-size:auto 5px;}*/
#header .highlight {position:absolute; top:0; width:100%; height:61px;  background-size:100% 100%;}

/* 검색창  */
#header .infWrap {width:100%;padding-bottom:10px;text-align:center;}
#header .infWrap .infTxt {width:18%;text-align:center;}

/* GNB */
#gnb {border-bottom:solid 2px #6f5e45;background-color:#fcfbf8;}
#gnb ul {width:100%;overflow:hidden}
#gnb li {float:left;width:20%;text-align:center;background:url("../img/gnb/gnb_bar.png") no-repeat 0 center;}
/*#gnb li {float:left;width:20%;text-align:center;background:url("../img/mobile/gnb/gnb_bar.png") no-repeat 0 center;background-size:0 12px}*/
#gnb li:first-child {background:none;color:#a03e39}
#gnb li a {display:block;height:32px;line-height:32px;font-weight:bold;}
#gnb li:first-child a {color:#a03e39}
#gnb li img {height:14px !important;margin-top:10px}
@media all and (max-width:321px) {
	#gnb li img {height:13px !important;margin-top:10px}
}

/*
#gnb .hybrid li:nth-child(1) {width:20%}
#gnb .hybrid li:nth-child(2) {width:16%;text-align:center;background:url("../img/mobile/gnb/gnb_bar.png") no-repeat 0 center;}
#gnb .hybrid li:nth-child(3) {width:12%;text-align:center;background:url("../img/mobile/gnb/gnb_bar.png") no-repeat 0 center;}
#gnb .hybrid li:nth-child(4) {width:16%;text-align:center;background:url("../img/mobile/gnb/gnb_bar.png") no-repeat 0 center;}
#gnb .hybrid li:nth-child(5) {width:18%;text-align:center;background:url("../img/mobile/gnb/gnb_bar.png") no-repeat 0 center;}
#gnb .hybrid li:nth-child(6) {width:18%;text-align:center;background:url("../img/mobile/gnb/gnb_bar.png") no-repeat 0 center;}
*/

/* Footer*/
footer {position:relative;margin-top:45px;padding:0 0 10px;border-top:2px solid #3c3c3c;background:#f2f2f2;} /* background:url("../images/common/m_footer_bg2.png") 0 bottom repeat-x; */
/* footer ul {overflow:hidden;background-color:#dedede;}
footer ul li {float:left;background:url("../img/mobile/footer/m_foot_bar.png") 1px 12px no-repeat;background-size:1px 12px;text-align:center;display:block;font-weight:bold;}
footer ul li:nth-child(1) {background:none;}
footer ul li a {display:block;padding:10px 4px 10px 7px;color:#282828;line-height:12px;} */
.footerTop {padding:10px 0;text-align:center;border-bottom:3px solid #ddd;background-color:#dedede;}
.footerTop a {width:25%;display:inline-block;margin-left:-5px;border-left:1px solid #b3b3b3;font-size:12px;letter-spacing:-1px;}
.footerTop a:first-child {border:0;}
footer .footWrap {padding:10px 20px;color:#666;font-size:85%;line-height:14px;}
footer .btn .admin_bt { display:inline-block; background-color:#fff; border:1px solid #ddd; font-size:11px; padding:1px 5px; font-weight:bold; }

/* 20130610  수정 s:  */
footer .footWrap em {display:block; margin-bottom:10px; line-height:15px;}
footer .csCenter {display:block;margin-top:5px;}
/* 20130610  수정 e:  */
footer .btn {text-align:center;}
footer .btn a {margin-right:5px;}
footer .btn a img {height:17px;}
/* 20130724  수정 s: */
footer .top {display:none; position:fixed; right:10px; bottom:10px; width: 45px; height: 45px;  background:url("../img/btn/btn_gotop_off.png") center center no-repeat; background-size: 45px 45px; border: 1px solid #ccc; border-radius:7px; -webkit-border-radius:7px; -webkit-tap-highlight-color: transparent;} 
footer .top:hover {background:url("../img/btn/btn_gotop_on.png") center center no-repeat; background-size: 45px 45px;}
footer .top img {display:none; height:16px;}
/* 20130724  수정 e: */
.cs_wrap { width:90%; height:100%; padding:2% 5%; background:none; background-color:#ececec; }
.cs_wrap h1 { font-size:18px; margin:7px 0 7px 0;}
.cs_tell { font-size:20px;margin-bottom:10px; color:#e33b24; }
.cs_info { clear:both; margin-bottom:5px; }
.cs_info li { font-size:12px; background:url("../../skin/default/mobile/img/cs_bullet.png") no-repeat 0 7px; background-size:5px; padding-left:12px; line-height:18px; }
/* 컨텐츠영역 */
#contents {margin-top:5px;}
#contents:after {display:block;clear:both;content:''}
#contents .hgroup {position:relative;border-bottom:2px dotted #ccc}
#contents .hgroup h2 {clear:both;color:#111;font-size:16px;font-weight:bold;text-align:center;padding:5px 0 10px;}
#contents .hgroup h2 .ico {width:28px;margin-top:-4px}
#contents .hgroup h2 .tit {height:16px}
#contents .hgroup h2 .no {color:#616161}
#contents .hgroup .myBrand {position:absolute;top:5px;right:6px;height:28px;margin:0}



/***********************************************
			공통
***********************************************/

img.more {height:14px}
img.btnAll {height:12px}
img.device {height:15px;margin-top:-2px}

.sTit img {height:16px;vertical-align:top}
.cPoint {color:#fe5757}
.txtArea {padding-right:6px}

.inpDate {width:90px;text-align:center;text-indent:0 !important}
.cal  {height:25px;margin-left:6px}

.star {position:relative;top:2px;color:#fe5757}
.eS {padding-left:10px;text-indent:-10px}
.eD {padding-left:6px;background:url("../images/common/bul_dot.png") no-repeat 0 5px;background-size:3px}
.eSList li {padding-left:10px;text-indent:-10px}
.eDList li {padding-left:6px;font-size:95%;background:url("../images/common/bul_dot.png") no-repeat 0 5px;background-size:3px}

.dimStatus {position:absolute;top:0;left:0;width:inherit;height:inherit;color:#fff;line-height:inherit;text-align:center;font-size:112.5%;font-weight:bold;background:url("../images/common/bg_noImg.png") no-repeat;background-size:contain}
.brandtit{ height:28px;line-height:15px;overflow:hidden}

/* [공통] */
.myOrd {margin:20px 6px 0}
.myOrd h3 {border-bottom:2px solid #7e6846;font-size:130%;padding-bottom:5px;}

/* 폰트스타일 */
.pFt {color:#83725a}

/* [공통] 페이징 */
.paging {margin-top:16px;text-align:center}
.paging a {display:inline-block;height:20px;line-height:20px;border:1px solid #000}
.paging .no a {width:25px;text-indent:1px;text-align:center;font-weight:bold;margin: 0 2px 0 2px}
.paging .no a.on {border:1px solid #b88549;color:#fff;background:#f1a141}
.paging .prev a {padding:0 6px 0 12px;background:url('../img/mobile/page/paging_prev.png') no-repeat 5px center;background-size:4px auto}
.paging .next a {padding:0 12px 0 6px;background:url('../img/mobile/page/paging_next.png') no-repeat 34px center;background-size:4px auto}
.paging .total{ padding:8px}
.paging .now{}
/* [공통] 페이징 - circle */
.mPaging {margin:12px 0 0;text-align:center}
.mPaging span {display:inline-block; width:7px; height:7px; margin:0; border:1px solid #d2d2d2; border-radius:5px; vertical-align:middle; background:#e6e6e6;} /* 20131230 */
.mPaging span.on {border:1px solid #4379c2;background:#4379c2}
.mPaging .more {height:14px;margin-left:2px}

/* [버튼] 하단 */
.btnW {position:relative;margin-top:20px;text-align:center}
.btnW a {margin:0 5px}
.btnW a span {padding:0 5px;font-size:100%;line-height:30px}

.btnW3 a {margin:0;width:31%}
.btnW3 a:nth-child(2) {margin:0 3px}
.btnW3 a span {padding:0 0;font-size:100%}

/* [버튼]정렬 */
.btnRight {text-align:right;} /* 130322  추가 */
.btnCenter {text-align:Center;} /* 130701  추가 */
.btn_wrap {text-align:center;margin:20px; 0;}

/* [버튼] btnA */
.btnA, .btnF {display:inline-block;border-left:1px solid #d2d2d2;border-top:1px solid #d2d2d2;border-right:1px solid #a4a4a4;border-bottom:1px solid #a4a4a4;color:#3d3d3d}
.btnA span, .btnF span {display:block;padding:0 10px;line-height:25px;border:1px solid #fff;font-weight:bold;background:#f7f7f7;background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e4e4e4));background: -moz-linear-gradient(top, #fbfbfb, #e4e4e4)}

.btnB {display:inline-block;border:1px solid #c5c5c5;color:#3d3d3d}
.btnB span {display:block;padding:0 10px;line-height:21px;border:1px solid #fff;font-weight:bold;background:#e8e8e8}

.btnC, .btnD {display:inline-block;border-left:1px solid #acacac;border-top:1px solid #acacac;border-right:1px solid #555555;border-bottom:1px solid #555555;color:#fff;cursor:pointer}
.btnC span, .btnD span {display:block;padding:0 10px;line-height:25px;border:1px solid #fff;font-weight:bold}
.btnC span {background:#a58a69}
.btnD span {background:#aea493}

.btnG{display:inline-block;border-left:1px solid #d2d2d2;border-top:1px solid #d2d2d2;border-right:1px solid #a4a4a4;border-bottom:1px solid #a4a4a4;color:#3d3d3d}
.btnG span {display:block;padding:0 10px;line-height:25px;border:1px solid #fff;font-weight:bold;background:#f7f7f7;background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e4e4e4));background: -moz-linear-gradient(top, #fbfbfb, #e4e4e4)}


.btnH {display:block;height:30px;color:#fff;background-color:#699cb7;line-height:27px} 
.btnI {display:block;height:30px;color:#fff;background-color:#877669;line-height:27px} 
.btnJ {display:block;height:30px;color:#fff;background-color:#aea493;line-height:27px} 


.btnBack {display:inline-block;border-left:1px solid #acacac;border-top:1px solid #acacac;border-right:1px solid #555555;border-bottom:1px solid #555555;color:#fff}
.btnBack span {display:block;padding:0 10px;line-height:23px;border:1px solid #ddd;font-weight:bold;background:#a0a0a0;background: -webkit-gradient(linear, left top, left bottom, from(#a0a0a0), to(#494949));background: -moz-linear-gradient(top, #a0a0a0, #494949)}
.hgroup .btnBack {position:absolute;right:6px;top:5px}

/* [버튼] 상품평관리 */
.btnMod, .btnDel {display:inline-block;border-left:1px solid #d2d2d2;border-top:1px solid #d2d2d2;border-right:1px solid #a4a4a4;border-bottom:1px solid #a4a4a4}
.btnMod span, .btnDel span {display:block;padding:0 10px;height:21px;line-height:21px}
.btnMod span{ color:#3d3d3d;background:#f7f7f7;background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e4e4e4));background: -moz-linear-gradient(top, #fbfbfb, #e4e4e4)}
.btnDel span{ color:#fff;background:#a0a0a0;background: -webkit-gradient(linear, left top, left bottom, from(#a0a0a0), to(#494949));background: -moz-linear-gradient(top, #a0a0a0, #494949)}

.btDollar {display:inline-block;position:relative;top:5px;width:20px;height:20px;margin-right:5px;background:url("../img/mobile/order/ico_dollar.png") no-repeat;background-size:20px}

.btSel {display:inline-block;position:relative;top:2px;width:16px;height:12px;margin-right:5px;background:url("../img/mobile/wish/ico_sel1.png") no-repeat;background-size:100% auto}

.btDel {display:inline-block;position:relative;top:4px;width:11px;height:16px;margin-right:7px;background:url("../img/mobile/wish/ico_del1.png") no-repeat;background-size:100% auto}

.btnE {display:inline-block;border-left:1px solid #acacac;border-top:1px solid #acacac;border-right:1px solid #555555;border-bottom:1px solid #555555;color:#fff}
.btnE span {background:#699cb7}

/* 탭형식 - 상품평 */
.cmList {margin:14px 0 30px;border-top:1px solid #7e6846;border-bottom:1px solid #7e6846}
.cmList dl {border-top:1px solid #d1cfc7}
.cmList dl.best {background:#ccffff}
.cmList dl:first-child {border-top:1px solid #7e6846}
.cmList dt {position:relative;padding:8px 30px 7px 50px; }/* 20130822  수정 */ 
.cmList dt strong {display:block}
.cmList dd {position:relative;z-index:1;display:none;padding:15px 12px;margin-bottom:-1px;border-bottom:1px solid #7e6846;background:#f5f5f5}/* 20130822  수정 */ 
.cmList .arr img {width:15px;cursor:pointer}
.cmList .open {position:absolute;bottom:16px;right:8px}
.cmList .close {position:absolute;bottom:12px;right:8px}
.cmList dl.on .open {display:none}
.cmList .id, .myNotice .date {font-size:95%}
/* 20130822  추가 s: */ 
/* 탭형식 - 이미지상품평 */
.cmList dl.photo dt {background: url(../images/common/bg_photoreview.gif) 10px center no-repeat; background-size: 33px 20px; }
.cmList dl.photo dd .score strong {margin-right: 5px; font-size: 18px; line-height: 20px; vertical-align: middle;}
.cmList dl.photo dd .score span {display: inline-block; width: 121px; height: 20px; background: url(../images/icon/icon_star.png); background-size: 121px 120px; line-height: 20px; vertical-align: middle;}
.cmList dl.photo dd .score span.star5 {background-position: 0 0;}
.cmList dl.photo dd .score span.star4 {background-position: 0 -25px;}
.cmList dl.photo dd .score span.star3 {background-position: 0 -50px;}
.cmList dl.photo dd .score span.star2 {background-position: 0 -75px;}
.cmList dl.photo dd .score span.star1 {background-position: 0 -100px;}
.cmList dl.photo dd .score .icon {height: 13px; vertical-align: middle;}
.cmList dl.photo dd .cont {padding-top: 15px;}

/* 20130911  추가 s: */
.cmList dl.starscore dd .score strong {margin-right: 5px; font-size: 18px; line-height: 20px; vertical-align: middle;}
.cmList dl.starscore dd .score span {display: inline-block; width: 121px; height: 20px; background: url(../images/icon/icon_star.png); background-size: 121px 120px; line-height: 20px; vertical-align: middle;}
.cmList dl.starscore dd .score span.star5 {background-position: 0 0;}
.cmList dl.starscore dd .score span.star4 {background-position: 0 -25px;}
.cmList dl.starscore dd .score span.star3 {background-position: 0 -50px;}
.cmList dl.starscore dd .score span.star2 {background-position: 0 -75px;}
.cmList dl.starscore dd .score span.star1 {background-position: 0 -100px;}
.cmList dl.starscore dd .score .icon {height: 13px; vertical-align: middle;}
.cmList dl.starscore dd .cont {padding-top: 15px;}
/* 20130911  추가 e: */



.thumbArea {width: 94%; max-width: 700px; margin: 0 auto; padding-top: 15px;}
.thumbArea ul {}
.thumbArea ul:after {display:block;clear:both;content:''}
.thumbArea li {float: left; width: 33%; margin: 0 !important; padding: 0 !important; border: 0 !important;}
.thumbArea li .thumb {display: block; margin-left: 5%; border: 1px solid #cfcfcf; padding: 4px; overflow: hidden; text-align: right;}
.thumbArea li:first-child .thumb {margin-left: 0;}
.thumbArea li .thumb > img {display: block; width: 100%;}
.thumbArea li .thumb .del img {width: 11px; height: 11px;}

.popPhotoReview {position: fixed; left: 0; top:10%; width: 100%; text-align: center; z-index: 2}
.popPhotoReview img {display: block; position: fixed; top: 50%; left: 50%; max-width: 90%; max-height: 80%; margin: 0 auto; -moz-box-shadow: 0 0 15px -1px #000; -webkit-box-shadow: 0 0 15px -1px #000; box-shadow: 0 0 15px -1px #000;}/* 20130926  수정 */

/* 20130822  추가 e: */

/* 3단 리스트 one&one */
.cmListB {position:relative}
.cmListB ul {margin:0 28px 0 30px}
.cmListB ul:after {display:block;clear:both;content:''}
.cmListB li {float:left;width:33.3%}
.cmListB li a {display:block;margin:0 3px;text-align:center}
.cmListB li img {width:100%;max-width:150px}
.cmListB .btn {position:absolute;top:50%;margin-top:-10px}
.cmListB .btn img {width:14px}
.cmListB .prev {left:5px}
.cmListB .next {right:5px}
.cmListB .txt {text-align:center}
.cmListB .price {font-weight:bold;margin-top:5px;color:#EF5050;font-size:109%;text-align:center}

/* STR : 130507  추가 */

/* [리스트] 일반형  */
.brndListA {margin:0 6px}
.brndListA li {position:relative;overflow:hidden;padding:10px 0 10px 0;border-bottom:1px dotted #d1cfc7}
.brndListA li a {display:block}
.brndListA .tag {position:absolute;left:125px;}
.brndListA .tag img {vertical-align:top}
.brndListA .pic {position:relative;float:left;width:100px;height:100px;overflow:hidden;margin:0 14px 0 10px;line-height:80px}
.brndListA .pic img {width:inherit}
.brndListA .con {display:table-cell;padding-top:0px;vertical-align:top}
/* .brndListA .tit {line-height:14px;min-height:51px} */
.brndListA .tit {line-height:14px;min-height:41px;}
/*.brndListA .price {position:absolute;bottom:11px}*/
.brndListA .price span {display:block;text-decoration:none;height:13px}
.brndListA .price strong {display:block;color:#ff0000;font-size:112.5%}

/* [리스트] 액범형  */
.brndListB {min-width:310px;padding-bottom:10px;margin:0 5px;padding-top:10px} /* 130110  수정 */
.brndListB:after {display:block;clear:both;content:''}
.brndListB li {position:relative;float:left;width:50%;padding:10px 0 30px;border-bottom:dotted 1px #d1cfc7;text-align:center}
.brndListB li a {display:block;width:135px;margin:0 auto 15px}
.brndListB .pic {overflow:hidden;position:relative;width:120px;height:120px;margin:0 auto;line-height:120px} /* 20131231 */
.brndListB .pic img {width:inherit;vertical-align:top}
/* .brndListB .tit {min-height:30px;margin-top:5px;line-height:30px} */
.brndListB .tit { min-height:31px;margin-top:5px;line-height:16px;height:30px;word-break:break-all;overflow:hidden;text-align:center}
.brndListB .price {margin-top:8px;text-align:center}
.brndListB .price span {display:block;text-decoration:line-through;height:13px}
.brndListB .price strong {display:block;font-size:112.5%;color:#ef5050}
.brndListB .tag {position:absolute;top:205px;margin:0px;width:135px}/* 20131217 166 > 185 */
.brndListB .pricegray{height:15px}

/* [리스트] 관련행사 */
.brandEvent {position:relative;margin:13px 6px 0;padding:1px;border:1px solid #9c9c9c;background:#b1b1b1}
.brandEvent dt {position:absolute;left:0;top:7px;width:70px;font-weight:bold;text-align:center;color:#fff;background:#b1b1b1}
.brandEvent dd {margin-left:70px;padding-left:10px;height:24px;font-weight:bold;line-height:24px;border:1px solid #9c9c9c;background:#fff}
.brandEvent dd a {color:#444343}

/* END : 130507  추가 */

/* [공통] - 테이블 형식 */
.hasBD dl:first-child {border-top:2px solid #7e6846}
.cmTB dl {position:relative;display:table;table-layout:fixed;width:100%;border-bottom:1px solid #e0e0e0}
.cmTB dt {display:table-cell;width:95px;padding:7px 0 7px 15px;border-right:1px solid #e0e0e0;background:#f9f8f8;vertical-align:middle}/* width:75 수정 */
.cmTB dd {display:table-cell;padding:7px 10px;word-break:break-word}
.cmTB .e {display:block;text-align:center}
.cmTB .p {font-weight:bold}
.cmTB .s {padding-left:6px;font-size:95%;background:url("../images/common/bul_dot.png") no-repeat 0 5px;background-size:3px}
.cmTB .total {font-size:109%;color:#ef5050}
.cmTB .bar {color: #7F7F7F;font-size: 14px;margin: 0 2px}

.cmTB.ac dt {text-align:center;padding-left:0}
.cmTB.ac dd {text-align:left}
.cmTB input[type="checkbox"] {margin:0 5px 0 0;vertical-align:-2px}

/* 데이타 없을때 & Error Page */
.cmNoData {display:table;width:100%;height:100px;text-align:center}
.cmNoData .inner {display:table-cell;vertical-align:middle}

.cmNoData2 {text-align:center}
.cmNoData2 .inner {padding:80px 20px 15px;vertical-align:middle;background:url("../images/common/ico_error.png") no-repeat center 25px}
.cmNoData2 .errWrap {margin:0 10px;padding:10px;background-color:#f1f1f1;border:solid 1px #aaaaaa;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-size:12px;letter-spacing:-0.05em}
.cmNoData2 .errWrap dt {padding-top:90px;background:url("../images/common/icon_error.png") center 20px no-repeat;background-size:auto 60px;font-size:15px;font-weight:bold}
.cmNoData2 .errWrap dd {margin-top:10px;padding:10px 5px;background-color:#FFF;border:solid 1px #e3e3dd}
.cmNoData2 .errWrap span {color:#f00}
.cmNoData2 .errWrap .date {margin:10px 0}


.cmError {margin-bottom:50px}
.cmError .cmNoData2 .inner  {text-align:center}

@media all and (max-width:321px) {
	.cmError .btnW span {padding:0 10px}
}


/* 즐겨찾기 */
.favorite {position:fixed;bottom:0;width:100%;height:120px;background:url("../images/common/favo_bg.png") repeat-x}
.favorite ul {position:absolute;width:9999px;top:15px}
.favorite li {position:relative;float:left;width:57px;margin:0 18px}
.favorite li .pic {overflow:hidden;border:1px solid #b8b8b8;width:55px;height:75px}
.favorite li .pic img {width:100%}
.favorite li .txt {margin-top:3px;color:#fff;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.favorite li .del {position:absolute;top:-5px;right:-10px;width:26px;height:26px;font-size:0;text-indent:-9999px;cursor:pointer;background:url("../images/common/favo_close.png") no-repeat;background-size:auto}


/* 로그인 */

.btnMem {display:inline-block;line-height:24px;border:1px solid #a9a9a9;border-radius:3px;text-align:center}
.btnMem_1 {display:inline-block;line-height:24px;border:1px solid #a9a9a9;border-radius:3px;text-align:center}
.btnMem_2 {display:inline-block;line-height:24px;border:1px solid #a9a9a9;border-radius:3px;text-align:center}
.btnMem span {padding-right:9px;background:url("../img/mobile/btn/ico_arr.png") no-repeat right center;background-size:5px auto;letter-spacing:-1px}
.btnMem_1 span {padding-right:9px;background:url("../img/mobile/btn/ico_arr.png") no-repeat right center;background-size:5px auto;letter-spacing:-1px}
.btnMem_2 span {padding-right:9px;background:url("../img/mobile/btn/ico_arr.png") no-repeat right center;background-size:5px auto;letter-spacing:-1px}

.loginW {margin:20px 6px}
.loginW .info {padding:0 20px 14px;margin-bottom:20px;border-bottom:2px solid #7e6846}
.loginW .infoBot {margin:20px 15px 0;font-size:95%}

.login .isMem {margin:0 0 15px 10px;text-align:center}
.login .isMem input {position:relative;vertical-align:0}
.login .isMem label {margin:0 20px 0 5px;vertical-align:1px}

.login .W { margin:0 auto;max-width:500px}
.login .write {position:relative;margin:0 15px}
.login .write p {position:relative;margin-top:12px;padding:0 72px 0 60px;font-weight:bold;color:#000;font-size:1.1em}
.login .write label {position:absolute;left:0;top:7px}
.login .write label img {height:13px;vertical-align:top}
.login .write input {width:100%;border:1px solid #a9a9a9;border-radius:1px;text-align:left} /* 130805  수정 */
.login .write .btnLogin {position:absolute;right:0;top:0;border-left:1px solid #acacac;border-top:1px solid #acacac;border-right:1px solid #555555;border-bottom:1px solid #555555;}
.login .write .btnLogin span {display:block;width:60px;border:1px solid #fff;color:#fff;font-size:121%;font-weight:bold;text-align:center;line-height:60px;background:#db8419}
.login .write input[type=button] {position:absolute;right:0;top:0;width:60px;border:1px solid #fff;color:#fff;font-size:121%;font-weight:bold;text-align:center;line-height:60px;background:#db8419; }

.login .noMem {margin:15px 0 0 75px}
.login .noMem .txt {display:inline-block;margin-right:10px}
.login .noMem .btnMem {margin-top:3px;padding:0 10px}
.login .save, .login .check_member {margin:13px 0 0 40px}
.login .save input, .login .check_member input {position:relative;vertical-align:middle}
.login .check_member label {margin:0 33px 0 5px;vertical-align:1px}
.login .save label {margin:0 15px 0 5px;}
.login .btn {overflow:hidden;margin:20px 10px 0;text-align:center}
.login .btn .col {width:38%}
.login .btn .btnMem {margin:0 2px;text-align:center}
.login .btn .btnMem_1 {display:block;margin:0 2px;text-align:center}
.login .btn .btnMem_2 {display:block;margin:0 2px;text-align:center}
.login .btn2 .col {width:50% !important}

.login .btn3 {position:relative;margin-top:20px;text-align:center}
.login .btn3 a {margin:0 5px}
.login .btn3 {overflow:hidden;margin:20px 10px 0;text-align:center}
.login .btn3 .col {float:left;width:33.3%}
.login .btn3 .btnMem3 {display:inline-block;margin:0 2px;text-align:center;width:33%}

/* 튜토리얼 */
/* STR : 130701  수정 */
.bgPop {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:url("../images/common/bg_opacity.png") 0 0 repeat;z-index:100;}
.bgPop .tutorial {position:relative;width:100%;height:100%;background:url("../images/common/img_tutorial.png") center 35% no-repeat;background-size:87% auto;-webkit-background-size:87% auto;-moz-background-size:87% auto;}
.bgPop .tutorial .close {display:block;position:absolute;right:20px;top:20px;width:7%;z-index:100;}
.bgPop .tutorial .close img {width:100%;}
.bgPop > dl {position:fixed;left:5%;top:50%;width:90%;margin-top:-25%;border:solid 2px #d3c1b3;background:#f2eeeb;} /* 20130731  수정 */
.bgPop > dl dt {padding:10px 10px 0;line-height:22px;}
.bgPop > dl dt img {height:18px;}
.bgPop > dl dd {padding:10px;}

@media all and (max-device-height : 480px) {
	.bgPop .tutorial {background-position:center 70%;background-size:87% auto;-webkit-background-size:87% auto;-moz-background-size:87% auto;}
	.bgPop .tutorial .close {display:block;position:absolute;right:10px;top:10px;width:7%;z-index:100;}	
}

@media all and (orientation : landscape) and (max-width: 768px) {
	.bgPop {-webkit-overflow-scrolling:touch; overflow:auto;}
	.bgPop .tutorial {height:800px;}
	.bgPop .tutorial .close {;right:20px;top:20px;}
}
/* END : 130701  수정 */

@media all and (max-width:321px) {
	.login .btn .col:nth-child(1) {width:29%}
	.login .btn .col:nth-child(2) {width:33%}
	.login .btn .col:nth-child(3) {width:38%}
	
.bgPop .setGPS {width:90%;height:129px;margin-top:-65px;left: 5%;} /* 20130731  수정 */
}

/* 20130903  s: */
.mkt_bn {border: 1px solid #ccc;}
.mkt_bn.type1 {margin: 20px 0;}
.mkt_bn.type2 {margin: 10px 0 0 0;} /* 20130912  수정 */
.mkt_bn.type3 {margin: 30px 6px 0;}
.mkt_bn.type4 {margin: 20px 12px;}
.mkt_bn.type5 {margin: 20px 6px;}
.mkt_bn img {display: block; width: 100%;}
/* 20130903  e: */

/* 20131022  추가 s */
#mPromo-btn2 {display:none; position:fixed; right:10px; top:10px; height: 31px; z-index: 99} 

#mPromo-btn2 .bubble {width: 86px; height:26px;}
#mPromo-btn2 .bubble img {width: 86px; height:26px;}
#mPromo-btn2 .btn {width: 31px; height:31px;}
#mPromo-btn2 .btn img {width: 31px; height:31px;}

#mPromo-expander {display: none; position: absolute; left: 0; top: 65px; width: 100%; height: 100%; z-index: 100000;} /* 20131230 */
#mPromo-expander .promo-pop {width: 90%; max-width: 430px; margin: 0 auto; border: 2px solid #927144; background-color: #fff; padding: 20px 0;}
#mPromo-expander .promo-pop h2 {text-align: center;}
#mPromo-expander .promo-pop article {padding-top: 10px;}
#mPromo-expander .promo-pop article ul li {margin: -1px 10px 0;}
#mPromo-expander .promo-pop article ul li img {width: 100%; border: 1px solid #c2c3c3;}
#mPromo-expander .promo-pop .close {display: block; position: absolute; right: 8px; top: 0px; width: 20px; height: 20px;}
#mPromo-expander .promo-pop .close img {width: 20px;}
#back {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 10000; }

#mPromo-expander section {margin-bottom:20px;}
#mPromo-expander section header {position:relative; margin-bottom:10px;}
#mPromo-expander section header h2 {font-size: 19px; font-weight: bold; letter-spacing: -0.15em; color: #403629;}/* 20131022  추가 */
#mPromo-expander section header h2 img {height:18px;}
#mPromo-expander section header .more {display:block;position:absolute;right:0;top:4px;}
#mPromo-expander section header .more img {height:10px;}

 /* 20131022  추가 e */


/******************************************************************
 * 이하부터 태블릿용 미디어쿼리 추가
 * 상품 리스트 앨범뷰
 */

/* 아이패드 세로, 갤탭 10.1 세로 */
@media all and (min-width:767px) and (max-width:800px) {
	/*
	.brndListB {width: 750px; margin: 0 auto; padding-top: 25px;} 
	.brndListB li {width: 214px; height: 319px; margin: 0 17px 25px; padding: 0; border: 1px solid #ccc;}
	.brndListB li a{width: auto; margin: 0; padding: 10px;} 
	 */
	
	.brndListB {padding-top: 0;} 
	.brndListB li {width: 33.3%; height: 319px; padding: 0; margin-top: 25px; border: none;}
	.brndListB li a{display: block; width: 214px; height: 298px; margin: 0 auto 25px; padding-bottom: 20px; border: 1px solid #ccc;} 
		
	.brndListB .pic {width:195px !important;height:195px !important;margin:0 auto;line-height:195px !important;}
	.brndListB .pic img {width:195px !important;height:195px !important;}
	.brndListB .tag {position:absolute;top:290px !important;margin:0px;width:213px}
	.brndListB .price {margin-top: 5px;}
	.brndListB .tit {margin-top: 15px;}
}

@media all and (min-width:768px) and (max-width:1023px) {
}

/* 아이패드 가로부터 */
@media all and (min-width:1023px) {
	/*
	.brndListB {width: 981px; margin: 0 auto;  padding-top: 45px;}
	.brndListB li {width: 281px; height: 382px; margin: 0 22px 45px; padding: 0; border: 1px solid #ccc;} 
	.brndListB li a{width: auto; margin: 0; padding: 15px;}
	*/
	.brndListB {padding-top: 0;} 
	.brndListB li {width: 33.3%; height: 382px; padding: 0; margin-top: 35px; border: none;}
	.brndListB li a{display: block; width: 281px; height: 357px; margin: 0 auto 25px; padding-bottom: 20px; border: 1px solid #ccc;} 	
		
	.brndListB .pic {width:251px !important;height:251px !important;margin:0 auto;line-height:251px !important;}
	.brndListB .pic img {width:251px !important;height:251px !important;}
	.brndListB .tag {position:absolute;top:350px !important;margin:0px;width:251px}
	.brndListB .price {margin-top: 5px;}
	.brndListB .tit {margin-top: 15px;}
	
	/* 검색어 입력 */
	#header h1 {top: 10px !important;}
	#header h1 img {height: 35px !important;}
	#header .srchGroup .srchInput {left: -10px; top: -3px; width: 571px; margin: 0 auto;}
	#header .srchGroup input {height: 28px !important;}
	#header .srchGroup button {top: 6px !important;}
	#header .loginBtn img {height: 35px !important;}
	#header .loginBtn {top: 12px !important;}
}

	.autoComplete {position: relative;z-index: 1;display:none;}
	.autoComplete .keyword li {position: relative;padding-right: 70px;border-right: 1px solid #e7e7e7;border-top: 1px solid #e7e7e7;-webkit-box-sizing: border-box;box-sizing: border-box;}
	.autoComplete .keyword li:first-child {border-top: none;}
	.autoComplete .keyword li a {display: block;padding: 0 0 0 10px;olor: #666;line-height: 35px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	.autoComplete .btn {height: 17px;padding: 9px 10px;border-top: 1px solid #ccc;background: #e7e7e7;text-align: right;}
	.autoComplete .btn .close {height: 14px;padding-right: 18px;font-size: 14px;line-height: 1.1;color: #333;background: url('../img/mobile/btn/btn_sch_close.png') right 2px no-repeat;background-size: 11px 11px;}
/* 갤탭 10.1 가로 */
@media all and (min-width:1280px){

	.brndListB {padding-top: 0; margin: 0 1%;} 
	.brndListB li {width: 25%; height: 382px; padding: 0; margin-top: 35px; border: none;}
	.brndListB li a{display: block; width: 281px; height: 357px; margin: 0 auto 25px; padding-bottom: 20px; border: 1px solid #ccc;} 	
		
	.brndListB .pic {width:251px !important;height:251px !important;margin:0 auto;line-height:251px !important;}
	.brndListB .pic img {width:251px !important;height:251px !important;}
	.brndListB .tag {position:absolute;top:350px !important;margin:0px;width:251px}
	.brndListB .price {margin-top: 5px;}
	.brndListB .tit {margin-top: 15px;}
}
/* 회원가입 입력폼*/
.sub_list            { height:29px; border-left:1px #ccc solid; background:url(../img/mobile/bg/img_bg_x.gif) 0 -92px repeat-x; }
.sub_list .off    { height:28px; float:left; border:1px #ccc solid; border-left:none;border-bottom:none;  }
.sub_list .off p    { padding:8px 5px 0; font:12px/12px gulim; color:#555; }
.sub_list .on        { height:28px; float:left; border:1px #ccc solid; border-left:none; border-bottom:none; background-color:#eee;font-weight:bold; }
.sub_list .on p    { padding:8px 5px 0;  font:12px/12px gulim;color:#000;font-weight:bold; }

.table_03            { width:100%; border-top:1px #ccc solid; border-left:1px #ccc solid; }
.table_03 th        { border-bottom:1px #ccc solid; border-right:1px #ccc solid; background-color:#f4f4f4; font-weight:normal; text-align:center; }
.table_03 th p    { padding:5px 2px; }
.table_03 td        { border-bottom:1px #ccc solid; border-right:1px #ccc solid; padding:5px; text-align:center;}

/* 2차 개발 추가 */
/* 카테고리 페이지 사이드 */
aside {display:none;width:100%;height:90%;margin-top:10px;background-color:#fff;overflow-y:auto;z-index:10000;}
aside .navTitle {clear:both;height:24px;color:#111;font-size:14px;font-weight:bold;text-align:center;border-bottom:1px solid #e5e5e5;}
aside .navPath {height:38px;line-height:38px;font-size:12px;color:#999;border-bottom:1px solid #ccc}
aside .navPath ul {float:left;width:100%;font-size:12px;}
aside .navPath ul li {float:left;padding-left:5px;}
aside .navCategory li {position:relative;border-bottom:1px solid #ccc;}
aside .navCategory li:last-child {border-bottom:0;}
aside .navCategory ul.navTop > li:nth-child(1) {background:url('../img/bg/ca_icon_01.png') 5px 6px no-repeat;}
aside .navCategory ul.navTop > li:nth-child(2) {background:url('../img/bg/ca_icon_02.png') 5px 6px no-repeat;}
aside .navCategory ul.navTop > li:nth-child(3) {background:url('../img/bg/ca_icon_03.png') 5px 6px no-repeat;}
aside .navCategory ul.navTop > li:nth-child(4) {background:url('../img/bg/ca_icon_04.png') 5px 6px no-repeat;}
aside .navCategory ul.navTop > li:nth-child(5) {background:url('../img/bg/ca_icon_05.png') 5px 6px no-repeat;}
aside .navCategory ul.navTop > li:nth-child(6) {background:url('../img/bg/ca_icon_06.png') 5px 6px no-repeat;}
aside .navCategory ul.navTop > li:nth-child(7) {background:url('../img/bg/ca_icon_07.png') 5px 6px no-repeat;}
aside .navCategory ul.navTop > li:nth-child(8) {background:url('../img/bg/ca_icon_08.png') 5px 6px no-repeat;}
aside .navCategory ul.navTop > li:nth-child(9) {background:url('../img/bg/ca_icon_09.png') 5px 6px no-repeat;}
aside .navCategory ul.navTop > li:nth-child(10) {background:url('../img/bg/ca_icon_10.png') 5px 6px no-repeat;}
aside .navCategory li a {display:block;height:34px;line-height:34px;padding-left:30px;margin-right:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
aside .navCategory li span.fa {position:absolute;top:0;right:0;display:inline-block;width:40px;text-align:center;height:34px;line-height:34px;background:url('../img/bg/ca_more.png') center center no-repeat;}
aside .navCategory li > ul {display:none;background-color:#f4f4f4;border-top:1px solid #666;}

aside .navCategory li > ul > li a {padding:0 40px;}
aside .navCategory li > ul > li > ul {display:none;background-color:#fff;border-top:1px solid #666;}

aside .navCategory li > ul > li > ul > li a {padding:0 50px;}


/* 고객센터 추가 2016-04-25*/
.hgroup_tit {position:relative;height:28px;border-bottom:2px dotted #b6aa97;}
.hgroup_tit h2 {text-align:center;font-size:120%;height:100%;font-weight:bold;color:#2f2d28;}
.cs_center ul {margin:0 6px;}
.cs_center ul li {position: relative;border-bottom: 1px solid #d1cfc7;background: url("../../img/mobile/cate/ico_list_arr.png") no-repeat right 50%;background-size: 26px auto;}
.cs_center ul li a {display: block;height: 34px;line-height: 34px;padding-left: 30px;margin-right: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.no_qna {height:14px;color:#111;text-align:center;margin-top:10px;font-weight:bold;}


/* 15개 더보기 버튼 */
.list_more {padding:10px}
.list_more .load_more {width:100%;height:26px;padding:0;border:none;background: #f7f7f7;background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e4e4e4));color:#3e3e3e;border-radius:3px;font-size:14px;border-left: 1px solid #d2d2d2;
border-top: 1px solid #d2d2d2;
border-right: 1px solid #a4a4a4;
border-bottom: 1px solid #a4a4a4;
}

/* 공지사항 추가 2016-04-26 */
.notice_row {height:25px;border-bottom:1px solid #eee;}
.notice_row ul {width:100%;}
.notice_row ul li {float:left;}
.notice_row ul li:nth-child(1) {width:13%;padding:5px 3px;font-weight:bold;text-align:center;}
.notice_row ul li:nth-child(2) {width:15%;padding:5px 3px;text-align:center;}
.notice_row ul li:nth-child(3) {width:13%;padding:5px 3px;font-weight:bold;text-align:center;}
.notice_row ul li:nth-child(4) {width:22%;padding:5px 3px;ext-align:center;}
.notice_row ul li:nth-child(5) {width:13%;padding:5px 3px;font-weight:bold;text-align:center;}
.notice_row ul li:nth-child(6) {width:10%;padding:5px 3px;text-align:center;}
.notice_view {padding:10px;}

/* 문의게시판 추가*/
.cs_center_qna ul {margin:0 6px;}
.cs_center_qna ul li {position: relative;border-bottom: 1px solid #d1cfc7;background: url("../../img/mobile/cate/ico_list_arr.png") no-repeat right 50%;background-size: 26px auto;}
.cs_center_qna ul li:last-child {border-bottom:0;}
.cs_center_qna ul li a {display:block;width:80%;padding:10px 0 10px 10px;font-size:105%;color:#525252;text-indent:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cs_center_qna ul li img {margin-left:5px;vertical-align:initial;}
.qna_row {height:25px;border-bottom:1px solid #eee;}
.qna_row ul {width:100%;}
.qna_row ul li {float:left;}
.qna_row ul li:nth-child(1) {width:13%;padding:5px 3px;font-weight:bold;text-align:center;}
.qna_row ul li:nth-child(2) {width:17%;padding:5px 3px;text-align:center;}
.qna_row ul li:nth-child(3) {width:13%;padding:5px 3px;font-weight:bold;text-align:center;}
.qna_row ul li:nth-child(4) {width:20%;padding:5px 3px;ext-align:center;}
.qna_row ul li:nth-child(5) {width:13%;padding:5px 3px;font-weight:bold;text-align:center;}
.qna_row ul li:nth-child(6) {width:10%;padding:5px 3px;text-align:center;}
.qna_view {margin-bottom:8px;padding:10px;lineheight:18px;border-bottom:1px solid #e5e5e5;}
.qna_cmt_btn {margin:-1px 0 8px;padding:0 10px 0 13px;overflow:hidden;}
.qna_reply_cnt {float:left;display:inline-block;margin-top:9px;font-size:18px;font-weight:bold;color:#000;}
.qna_reply_cnt em {margin-left:-1px;color:#ed232b;font-size:19px;}
.qna_reply_btn {float:right;}
.qna_cmt_area {clear:both;}
.qna_cmt_list {margin-top:1px;border-top:1px solid #c5c5c5;}
.qna_cmt_list li {overflow:hidden;position:relative;padding:12px 12px 20px;border-bottom:1px solid #e5e5e5;}
.qna_cmt_list li.rep {padding:15px 12px 20px 27px;}
.qna_cmt_list li .qna_name {display:inline-block;width:80%;margin-left:-23px;padding-left:23px;margin-bottom:3px;font-size:14px;font-weight:bold;color:#26459b;vertical-align:top;line-height:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.qna_cmt_list li .qna_func {margin:6px 0 -2px;font-size:11px;color:#c4c4c4;line-height:14px;}
.qna_cmt_list li .qna_func .qna_date {display:inline-block;margin:6px 0 -2px;font-size:11px;color:#c4c4c4;line-height:14px;}
.qna_cmt_list li p {padding-top:3px;font-size:14px;color:#333;line-height:20px;letter-spacing:-1px;word-break:break-all;word-wrap:break-word;}
.qna_btn2 {margin-top:17px;}
.qna_btn2 .btn_cmt {display:inline-block;height:23px;margin-right:1px;padding:1px;background-color:#dbdbdb;background:-webkit-gradient(linear,0 0,0 100%,from(#ddd),to(#b9b9b9));border-radius:2px 2px;font-size:.95em;line-height:1.4em;}
.qna_btn2 .btn_cmt button {display: inline-block;height: 23px;padding: 0 .75em;border: 0;background-color: #fff;background: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f8f8f8));font-size: .9em;color: #444;line-height: 21px;white-space: nowrap;border-radius: 1px 1px;text-align: center;}

/* 게시판 글쓰기 추가 */
.act_chc {padding:10px 12px 18px;margin-bottom:0;background:#fff;}
.txt_info {margin-bottom:10px;overflow:hidden;}
.txt_info dl {display:table;width:100%;margin-top:15px;}
.txt_info dt {display:table-cell;width:25%;padding-left:5px;}
.txt_info dd {display:table-cell;width:75%;padding:0 5px;}
.txt_info dd label {margin-right:10px;}
.txt_info dl:after {display: block;clear: both;content: '';}
.txtara_wrp {overflow: hidden;position: relative;margin-bottom: 18px;padding: 8px 6px 8px 6px;border: 1px solid #acacac;border-radius: 1px;background: #fff;font-size: 13px;color: #666;line-height: 20px;-webkit-box-shadow: inset 1px 0 #ececec,inset 0 1px #e4e4e4,inset -1px -1px #ececec;}
.btn_area {margin-top:17px;text-align:center;}
.act_chc .cmt_btn {
    display: inline-block;
    height: 23px;
    margin-right: 1px;
    padding: 1px;
    background-color: #dbdbdb;
    background: -webkit-gradient(linear,0 0,0 100%,from(#ddd),to(#b9b9b9));
    border-radius: 2px 2px;
    font-size: .95em;
    line-height: 1.4em;
}
.act_chc .cmt_btn button {
    display: inline-block;
    height: 23px;
    padding: 0 .75em;
    border: 0;
    background-color: #fff;
    background: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f8f8f8));
    font-size: .9em;
    color: #444;
    line-height: 21px;
    white-space: nowrap;
    border-radius: 1px 1px;
    text-align: center;
}

.txtara_wrp .qna_user_info input {width:20%;}

/* FAQ 추가 */
.faq_wrap {border-bottom:1px solid #d1cfc7;}
.faq_q {display:block;padding:10px 10px 10px 20px;font-size:15px;font-weight:bold;color:#525252;background:url('../../img/mobile/bg/bg_faq_q.gif') 2px 10px no-repeat;}
.faq_a {display:block;padding:10px 10px 10px 30px;font-size:15px;color:#525252;background:url('../../img/mobile/bg/bg_faq_a.gif') 12px 10px no-repeat;}

/* 이용약관 공통 추가 */
.poli_wrap {background-color:#f1f1f1;}
.poli_area {margin:14px 7px 0;padding:14px;color:#777;font-size:12px;line-height:1.5;border:1px solid #ddd;background-color:#fff;}