@charset "utf-8";
@import "mobile.css";

/***********************************************
			검색
***********************************************/


/* 검색결과 없을떄 */
.srchNoData {margin:0 6px 10px}
.srchNoData strong {color:#1e84e4}
.srchNoData h3 {padding:12px 0 12px 5px;border-bottom:2px solid #7e6846;font-size:130%}
.srchNoData .txt {margin:12px 0 15px 5px;font-size:130%}
.srchNoData .eDList {margin:0 8px}

/* 리스트 */
.srchList {margin:0 6px}
.srchList h3 {padding:15px 0 12px 10px;font-size:130%}
.srchList li {position:relative;overflow:hidden;padding:0 70px 0 10px;border-bottom:1px solid #d1cfc7;font-size:130%;font-weight:bold;line-height:33px;white-space:nowrap;text-overflow:ellipsis}
.srchList .no {display:inline-block;width:19px;height:19px;margin-right:3px;line-height:20px;border:1px solid #876d4e;font-size:80%;color:#fff;text-align:center;vertical-align:1px;background:#d5a975}
.srchList .cnt {position:absolute;right:10px;font-size:78%}


/* STR : 130205 허준범 수정 */ 
/* 히스토리 */
.srchHistory {border-bottom:2px solid #b2b2b2;background:#f3f3f3}
.srchHistory .list li {padding-left:20px;border-top:1px solid #fff;border-bottom:1px solid #a9a9a9;line-height:28px}
.srchHistory .btn {padding:6px;border:1px solid #737373}
.srchHistory .btn span {height:22px;padding:0 8px;line-height:22px}
.srchHistory .btn .del {position:relative;top:-1px;height:8px}
.srchHistory .btnBack {float:right}
.srchHistory .cnt {position:absolute;right:10px;font-size:90%}

.srchHistory .tab {overflow:hidden;width:100%;font-weight:bold;background:url("../images/common/bg_srch_tab.gif") left bottom repeat-x;background-color:#fff;}
.srchHistory .tab li {float:left;position:relative;width:33.3%;height:32px;padding-top:4px;background:url("../images/common/bg_srch_line01.gif") right 13px no-repeat;background-size:auto 12px;text-align:center;line-height:28px}
.srchHistory .tab li:nth-child(3) {background:none;}
.srchHistory .tab li a {display:block;position:absolute;left:-1px;top:4px;width:100%;height:32px;letter-spacing:-0.07em}
.srchHistory .tab li a.on {height:31px;border:solid #b4b1b1;border-width:1px 1px 0;border-radius:5px 5px 0 0;color:#444343;background-color:#fff;letter-spacing:-0.1em}

.srchHistory .list01 li, .srchHistory .list02 li, .srchHistory .list03 li {position:relative;padding:10px 15px;border-bottom:solid 1px #a9a9a9;background-color:#fff;}
.srchHistory .list01 p span, .srchHistory .list02 p span {color:#ff9900}
.srchHistory .list01 .close, .srchHistory .list02 .hit {display:block;position:absolute;right:15px;top:9px}
.srchHistory .list01 .close img {height:16px}
.srchHistory .list03 li .num {display:inline-block;width:16px;height:18px;margin-right:5px;padding:3px 4px 4px;color:#fff;border:solid 1px #876d4e;background-color:#d5a975;text-align:center;}
.srchHistory .list03 li:nth-child(even) {background-color:#eeeeee}
.srchHistory .list03 li .rank {position:absolute;right:15px;top:11px;}
.srchHistory .list03 li .rank .icon, .srchHistory .list02 li .rank .new {display:inline-block;width:20px;text-align:center}
.srchHistory .list03 li .txt {display:inline-block;width:30px;margin-left:10px;text-align:center;}
.srchHistory .list03 li .icon img {width:12px;}
.srchHistory .list03 li .new img  {width:20px;}
/* END : 130205 허준범 수정 */ 


/* 검색결과 */
.srchW {margin:0 6px 5px;padding:15px 5px 10px;border-bottom:2px solid #83725a}
.srchW .info {margin-bottom:10px;font-size:112.5%}
.srchW .info strong {color:#92740d;}

.srchW .W {position:relative;padding:0 47px 0 125px;margin:0 5px 0 10px} /* 130314 허준범 수정 */
.srchW .W input {width:100%;border:2px solid #83725a}
.srchW .W .tit {position:absolute;left:0;top:0;width:120px;} /* 130312 허준범 수정 */
.srchW .W .btn {position:absolute;right:0;top:0;width:40px;color:#fff;text-align:center;font-weight:bold;background:#83725a}
.srchW .W .btn span {display:block;line-height:28px}

.srchBrand {border-bottom:1px solid #d1cfc7}
.srchBrand h3 {padding: 0 5px 7px;font-size:112.5%;font-weight:bold}
.srchBrand .mall, .srchBrand .item, .srchBrand .brand {padding:15px 16px}
.srchBrand .mall .name {padding:5px 10px;border:1px solid #000}
.srchBrand .brand,
.srchBrand .item {border-top:1px solid #d1cfc7}
.srchChoice .handle {position:relative;padding-left:10px;line-height:25px;font-weight:bold;background:#f3f3f3 }
.srchChoice .arr {position:absolute;top:12px;right:8px;width:15px;height:8px;margin-top:-4px;background:url("../images/common/bul_arrOpen.png") no-repeat;background-size:contain}
.srchChoice.on .arr {background:url("../images/common/bul_arrClose.png") no-repeat}

.srchChoice .opt { margin-top:10px;padding:10px 0;border:2px dotted #83725a;display:none}
.srchChoice .opt dl {margin:15px 0 0 10px}
.srchChoice .opt dt {margin:0 0 3px;font-weight:bold}
.srchChoice .opt dl.all {margin-top:0;color:#fe5757}

.srchChoice .opt .left{float:left;width:50%}
.srchChoice .opt .choicetxt{color:#525252;float:right;text-align:right;margin-top:0;padding-right:10px}
.srchChoice .opt .on{color:#2d48bc;font-weight:bold}
.srchChoice .opt ul{*zoom:1}
.srchChoice .opt ul:after{content:'';display:block;clear:both} 


/* .srchResult {padding:60px 0 0}  */
.srchResult h3 {padding:0 0 7px 17px;font-size:112.5%}
.srchResult .sel {position:relative;overflow:hidden;margin:0 6px;padding:0 0 10px 10px;border-bottom:1px solid #a9a9a9}
.srchResult .sel select  {width:50%}
.srchResult .sel .n3 {float:right}
.srchResult .sel .n3 img {width:35px;border:1px solid #000}
/***********************************************
			카테고리
***********************************************/

/* 추천 */
.cate .best {margin:8px 6px 6px;border:1px solid #d1cfc7}
.cate .best li {border-top:1px solid #d1cfc7;background:url("../img/mobile/cate/ico_best_arr.png") no-repeat right 50%;background-size:26px auto}
.cate .best li:first-child {border-top:none}
.cate .best li a {display:block;height:33px;padding-left:10px;font-size:138%;font-weight:bold;line-height:33px;background:url("../img/mobile/icon/ico_best.png") no-repeat 155px 7px;background-size:22px} 

/* 리스트 */
.cate .list {margin:0 6px}
.cate .list li {position:relative;border-top:1px solid #d1cfc7;background:url("../img/cate/ico_list_arr.png") no-repeat right 50%;background-size:26px auto}
.cate .list li:first-child {border:none}
/* .cate .list li a {display:block;padding:14px 0 13px 14px;font-size:14px;font-weight:bold;color:#525252} */
.cate .list li a {
    display: block;
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
    margin-right: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cate .listImg li a  {padding-left:50px}
.cate .listImg img {position:absolute;width:28px;top:8px;left:14px}



/***********************************************
			브랜드
***********************************************/

/* 브랜드 정렬 */
.brandSort {position:relative;height:32px;border-bottom:2px solid #7e6846;background:#f4f4f4}
.brandSort h3 {position:absolute;left:12px;top:10px}
.brandSort h3 img {height:13px;vertical-align:top}
.brandSort ul {overflow:hidden;padding:5px 5px 0 110px}
.brandSort ul li {float:left;width:25%}
.brandSort ul li a {display:block;height:20px;margin:0 2px;border:1px solid #a4a4a4;border-radius:5px;text-align:center;background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#f6f6f6));background: -moz-linear-gradient(top, #eeeeee,  #f6f6f6);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f6f6f6')}

.brandSort ul li.on a {background:#868686}
.brandSort ul li img {height:12px;margin-top:4px;vertical-align:top}


/* 브랜드 정렬 : 키패드 */
.brandKeyPad {display:none;margin:5px;padding:20px 2px 20px 7px;border:2px solid #868686;border-radius:10px}
.brandKeyPad .W {}
.brandKeyPad .W a {display:inline-block;margin:1px 2px 2px;padding-top:1px}
.brandKeyPad .W img {width:35px;height:34px;vertical-align:top}


/* 추천브랜드 */
.brandReco {margin:11px 6px 0;padding-bottom:6px;border-bottom:1px solid #d1cfc7}
.brandReco h3 {margin-bottom:11px;padding-left:21px;font-size:110%;background:url("../images/common/ico_best.png") no-repeat;background-size:17px}
.brandReco ul {overflow:hidden}
.brandReco ul li {float:left;width:33.3%;text-align:center}
.brandReco ul li a {display:block;height:32px;border:1px solid #ababab}
.brandReco ul li:nth-child(2) a {margin:0 6px}
.brandReco ul li img { height:30px}


/* [리스트] Vidual */
.brandVidual img {width:100%}

/* [리스트] 검색조건 */
.brndSel {position:relative;overflow:hidden;padding:3px 50px 3px 6px;border-bottom:2px solid #7e6846;background:#f4f4f4}
.brndSel select {width:100%}
.brndSel .n1 {float:left;width:52%}
.brndSel .n2 {float:left;width:47%}
.brndSel .n2 select {margin:0 5px}
.brndSel .n3 {position:absolute;top:3px;right:6px}
.brndSel .n3 img {width:35px;border:1px solid #000}

/* STR : 130219 허준범 수정 */
/* [리스트] 일반형  */
.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:20px;vertical-align:top}
/* .brndListA .tit {line-height:14px;min-height:51px} */
.brndListA .tit {line-height:14px;min-height:51px;word-break:break-all}
/*.brndListA .price {position:absolute;bottom:11px}*/
.brndListA .price span {display:block;text-decoration:line-through;height:13px}
.brndListA .price strong {display:block;color:#ef5050;font-size:112.5%}
/* END : 130219 허준범 수정 */

/* [리스트] 액범형  */
.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:80px;height:80px;margin:0 auto;line-height:80px}
.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:166px;margin:0px;width:135px}
.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}



/************************프로모션/기획전 롤링 모션 영역****
#m_pro { position:relative;width:100%}

#m_pro #promotion { clear:left;position:relative;width:100%;overflow:hidden;z-index:4}
#m_pro #promotion div { display:none;position:absolute;width:100%}
*/
/************************페이징 영역****
#paging { position:relative;width:100%;height:14px;margin-top:10px;margin-bottom:18px;text-align:center;letter-spacing:2px}
#paging_one { position:relative;width:100%;height:14px;margin-top:20px;margin-bottom:28px;text-align:center;letter-spacing:2px}
*/


/***************************************************************************
			메인화면 전사이벤트/상품/핫타임/기획전/바로가기 영역
***************************************************************************/

/* [공통] 타이틀 */
.mTit {padding:0 0 7px 10px}
.mTit img {height:17px;vertical-align:top}

.fn_pri_gray	{ color:#888888;font-size:95%;text-decoration:line-through;height:14px}
.fn_pri_red		{ color:#ef5050;font-size:109%}
.fn_pri_orange	{ color:#FF6400;font-size:130%;font-weight:bolder}
.fn_goods_brand {font-weight:bold}

/* [공통] 탭*/
.mTab {position:relative;margin:0 0 7px;border-top:2px solid #000;background:#f6f5f3}
.mTab ul {overflow:hidden;padding:4px;border:1px solid #b9bbaf;border-top:none}
.mTab li {float:left;width:50%;text-align:center}
.mTab li a {display:block;line-height:20px;color:#6d6d6d;letter-spacing:1px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.mTab li.on a {display:block;font-size:110%;color:#fff;background:url("../images/common/tab_bg.png") no-repeat center center;border-radius:5px}


@media all and (max-width:321px) {
	.mTab li a {letter-spacing:0}
}

/* 탭 - 모바일 추천상품 */
.mTabRecom ul {position:relative;padding:4px 25px}
.mTabRecom li {width:33.3%}
.mTabRecom li a {border-left:none}
.mTabRecom .prev,
.mTabRecom .next {position:absolute;top:4px;vertical-align:middle}
.mTabRecom .prev {left:10px}
.mTabRecom .next {right:10px}
.mTabRecom .prev img, .mTabRecom .next img {width:10px}

/* 전사이벤트 */
.mEvent {text-align:center}
.mEvent .ban a {display:block}
.mEvent .ban img {width:100%;margin:0 auto}
#banner_container {position:relative;overflow:hidden}
#banner_container div {position:absolute;width:100% !important;background: #F2F2F2}

.mLine {}


/* 프로모션 */
.mPormotion {margin-bottom:25px}
.mPormotion .ban {}
.mPormotion .ban img {width:100%}

.mPormotion #promotion { position:relative;overflow:hidden;width:100%;z-index:4;box-shadow:0 3px 5px 0 #dadada;-webkit-box-shadow:0 3px 5px 0 #dadada}
.mPormotion #promotion div { display:none;position:absolute;width:100%}	/* ALL FLICK DIVs */
.mPormotion .more{float:right;margin-right:10px}
.mPormotion .right{position:absolute;top:2px;right:0}
/*
.mPormotion .W {text-align:center;box-shadow:0 3px 5px 0 #dadada;-webkit-box-shadow:0 3px 5px 0 #dadada}
.mPormotion .W a {display:block}
.mPormotion .W img {width:100%;max-width:400px}
*/

/*

.mPormotion #promotion { clear:left;position:relative;overflow:hidden;width:100%;z-index:4;box-shadow:0 3px 5px 0 #dadada;-webkit-box-shadow:0 3px 5px 0 #dadada}
.mPormotion #promotion div { display:none;position:absolute;width:100%}	/* ALL FLICK DIVs */

/*
;max-width:400px;margin:0 auto;border:1px solid red;.mPormotion #promotion {clear:left;position:relative;overflow:hidden;width:100%;max-width:400px;z-index:4;box-shadow:0 3px 5px 0 #dadada;-webkit-box-shadow:0 3px 5px 0 #dadada}
.mPormotion #promotion div {position:relative;display:none;width:100%;text-align:center}
.mPormotion #promotion img {width:100%;height:auto !important;max-width:400px}
*/

/*원앤원 함께구매하기*/
.oneTogether {border-top:dotted 1px #8b8b8b;border-bottom:dotted 1px #8b8b8b}
.oneTogether .thumb {position:relative;margin-top:20px}
.oneTogether .thumb .con {position:relative;margin:20px 10px 0;height:145px;overflow:hidden;text-align:center}
.oneTogether .thumb .con:after {display:block;clear:both;content:''}


.oneTogether .thumb .con li {float:left;text-align:center;width:90px;padding:5px 5px 5px 5px}
.oneTogether .thumb .con li a {display:inline-block;padding:1px;border:1px solid #c9c9c9;cursor:pointer;height:90px;overflow:hidden}
.oneTogether .thumb .con li.on a {padding:0;border:2px solid #fd9b00}
.oneTogether .thumb .zoom .con img { width:90px}

.oneTogether .thumb .btn {position:absolute;top:50%;margin-top:-12px;cursor:pointer}
.oneTogether .thumb .btn img {width:14px}
.oneTogether .thumb .prev {left:10px}
.oneTogether .thumb .next {right:10px}

.oneTogether .thumb .zoom{width:320px;left:50%;margin-left:-160px;position:relative}

.oneTogether .thumb .btn {position:absolute;top:50%;margin-top:-12px;cursor:pointer}
.oneTogether .thumb .btn img {width:14px}
.oneTogether .thumb .prev {left:10px;z-index:100}
.oneTogether .thumb .next {right:10px;z-index:100}

.oneTogether .thumb .txt {text-align:center;margin-top:5px;overflow:hidden;height:20px;line-height:20px;color:#292929;font-size:110% }
.oneTogether .thumb .price {font-weight:bold;margin-top:0px;color:#565656;font-size:100%;text-align:center}

/*원앤원 함께구매하기 아이폰용*/
@media all and (max-width:370px) {
.oneTogether .thumb .con {height:126px}	
.oneTogether .thumb  .zoom{width:260px;left:50%;margin-left:-130px;position:relative}
.oneTogether .thumb .con li {width:80px;padding:0}
.oneTogether .thumb .con li a {height:70px}
.oneTogether .thumb .zoom .con img { width:70px }
.oneTogether .thumb  .on{height:70px}
	
}

/* 베스트 셀러 */
.mBest {margin:50px 6px 0 }
.mBest .W {position:relative;width:100%;height:186px;overflow:hidden}
.mBest .W div {position:absolute;width:100%;height:186px;text-align:center}
.mBest .item  {position:relative;float:left;width:33%;margin-top:0px;cursor:pointer}
.mBest .item dt	 {height:100px;overflow:hidden;text-align: center;width:100% }
.mBest .item dt img {border:1px solid #ffffff;width:100px }
.mBest .item dd	{width:100px;text-align:center;margin:auto;padding-top:3px;padding-bottom:3px;height:29px;overflow:hidden}
.mBest .item dd.price {width:auto;margin:auto;padding:0;text-align:center;height:30px;overflow:hidden;line-height:12px  }
.mBest .item dd.tagW {width:auto;padding:0;text-align:center}
.mBest .item dd.tagW div {position:relative;width:auto;height:14px}

/* 모바일 추천상품 */
.mMobile {margin:0px 6px 30px 6px}
.mMobile  h3 .mTit .imgs {height:19px}
.mMobile .W {clear:left;position:relative;width:100%;height:188px;overflow:hidden}
.mMobile .W div	{ position:absolute;width:100%;height:188px;text-align:center}
.mMobile .item  {position:relative;float:left;width:33%;margin-top:0px;cursor:pointer}
.mMobile .item dt { height:100px;overflow:hidden;text-align: center;width:100%}
.mMobile .item dt img{ border:1px solid #ffffff;width:100px}
.mMobile .item dd	{width:100px;text-align:center;margin:auto;padding-top:3px;padding-bottom:3px;height:29px;overflow:hidden}
/*.mMobile .item dd.price { width:100px;text-align:center;margin:auto;padding:0}*/
.mMobile .item dd.price {width:auto;margin:auto;padding:0;text-align:center;height:30px;overflow:hidden;line-height:12px }
.mMobile .item dd.tagW {width:auto;padding:0;text-align:center}
.mMobile .item dd.tagW div {position:relative;width:auto;height:14px}
.mMobile .more {margin:0 5px 0 0;float:right} 
.mMobile .more img {height:14px;padding-top:5px}
.mMobile .right{position:absolute;top:2px;right:0}

/*핫타임상품*/
.mHot {position:relative;margin:15px 6px 0}
.mHot  h3.mTit {padding-top:18px;border-bottom:2px solid #000}
.mHot  h3.mTit .imgs {height:19px}
.mHot .W		{ position:relative;width:100%;height:220px;overflow:hidden}
.mHot .W div	{ position:absolute;width:100%;height:220px;text-align:center}	/* ALL FLICK DIVs */
.mHot .item { position:relative;float:left;width:50%;margin-top:15px}
.mHot .item dt		{height:130px;overflow:hidden;text-align: center;width:100%;position:relative}
.mHot .item dt img	{ border:1px solid #ffffff;width:130px}
.mHot .item dd		{ width:130px;text-align:center;margin:auto;padding-top:4px;height:29px;overflow:hidden}
.mHot .item dd.price	{ width:130px;text-align:center;height:32px;overflow:hidden;line-height:14px }
.mHot .item dd.price span {display:block}
.mHot .more {margin:0 5px 0 0;float:right} 
.mHot .more img {height:14px;padding-top:5px}
.mHot .right{position:absolute;top:2px;right:0}

/*테마쇼핑 기획전*/
.mTheme {margin:18px 6px 18px}
.mTheme h3.mTit {border-top:dotted 1px #8b8b8b;padding-top:18px;padding-bottom:10px}
.mTheme .pic {margin:0 4px}
.mTheme .pic:after {display:block;clear:both;content:''}
.mTheme .pic li {float:left;width:33.3%}
.mTheme .pic li a {display:block;margin:0 2px}
.mTheme .pic li img {width:100%}

@media all and (max-width:321px) {
	.mBest .item dt,
	.mMobile .item dt {height:90px}	
	.mBest .item dt img,
	.mMobile .item dt img {width:90px}
	.mBest .W{height:170px}
	.mBest .W div{height:170px}
	.mMobile .W{height:170px}
	.mMobile .W div{height:170px}
	.mHot .W{height:218px}
	.mHot .W div{height:218px}
	.mTheme {margin:30px 6px 18px}
}

/*바로가기*/
.mQuick {margin:0 6px}
.mQuick h3.mTit {border-top:dotted 1px #8b8b8b;padding-top:18px;padding-bottom:5px}
.mQuick .pic {overflow:hidden;margin:15px 5px 0}
.mQuick .pic li {float:left;width:25%;margin-bottom:10px}
.mQuick .pic li a {display:block}
.mQuick .pic li .pic {text-align:center;margin:0 10px}
.mQuick .pic li .pic img {width:100%;max-width:60px}
.mQuick .pic li .txt {min-height:30px;margin-top:7px;text-align:center;font-weight:bold;letter-spacing:-1px}
.mQuick .more {margin:0 5px 0 0;float:right} 
.mQuick .more img {height:14px}



@media all and (max-width:321px) {
	.mBest .W div {margin:0 5px}
	.mMobile .W div	{margin:0 5px}
	.mHot .W 	{margin:0 5px}
	.mQuick .pic li .txt {letter-spacing:-1px}
}


/* 주문/배송조회 */
.myOrder {margin:0 6px}
.myOrder .cmOrderList li {cursor:pointer;}

/* 배송조회 */
.myDelivery {margin:17px 6px 0}
.myDelivery .B h2 {padding:0 0 7px 8px;border-bottom:2px solid #7e6846}
.myDelivery .B h2 img {height:16px;vertical-align:top}
.myDelivery .B1 .cmTB {margin-bottom:25px}
.myDelivery .B2 .cms {margin-top:10px}

/* 주문 상세 보기 */
.myOrderDetail {margin:0 6px 0}
.myOrderDetail hr {border:0;border-bottom:3px dotted #b6aa97}
.myOrderDetail .B {margin-top:20px}
.myOrderDetail .B h2 {padding:0 0 7px 8px;border-bottom:2px solid #7e6846}
.myOrderDetail .B h2 img {height:16px;vertical-align:top}
.myOrderDetail .B strong {color:#b88549}
.myOrderDetail .B .cmTB {margin-bottom:25px}
.myOrderDetail .B .cmTB h2 {margin-top:20px}
.myOrderDetail .B1 {margin-bottom:30px}
.myOrderDetail .B2 .cms {margin-top:10px}
.myOrderDetail .cmOrderList li {border-bottom:1px solid #d1cfc7}
.myOrderDetail .cmOrderList li  .itemCode{color:red;font-weight:bold}
.myOrderTotal {padding:12px 12px 10px;border:1px solid #b2a28a;border-top:2px solid #7e6846;text-align:right;background:#eee9e6}
.myOrderTotal .p2 {margin-top:4px ;font-size:109%;font-weight:bold}
.myOrderTotal .p2 span {color:#ef5050}

.myOrderPoint {padding:8px 0;line-height:16px}
.myOrderPoint dl {display:table;width:100%}

.myOrderPoint dt {display:table-cell;padding-left:22px}
.myOrderPoint dd {display:table-cell;padding-right:16px;font-weight:bold;text-align:right}

.myOrderPointA {background:#e8e4e4;font-size:109%}
.myOrderPointA dd {color:#ef5050}
.myOrderPointB {background:#f9f8f8;border-bottom:1px solid #e0e0e0}
.myOrderPointE {border-bottom:1px solid #e0e0e0;text-align:center}

/* 1:1 상담 추가분 */
.myCounsel .prdSrc select {width:70%}
.myCounsel .prdSrc input[type=text] {width:69%}
.myCounsel .prdSrc span {display:inline-block;height:21px;padding:4px 5px 1px;color:#fff;background-color:#565656}

.myCounPrd {margin:0 10px}
.myCounPrd table {width:100%;border-collapse:collapse;text-align:left}
.myCounPrd table thead th {padding:8px 0;font-weight:bold;text-align:center}
.myCounPrd table tbody tr:nth-child(odd){background-color:#f8f8f8}
.myCounPrd table tbody td {padding:5px 0;border:solid #d1cfc7;border-width:1px 0;line-height:18px}
.myCounPrd table tbody td.buyNum {color:#a46a06}
.myCounPrd table tbody td.playing {color:#000;font-weight:bold;text-align:center}



/* 1:1 상담 : 답변 */
.myCounView {margin:15px 0 0}
.myCounView dt {padding:0 15px 7px 30px;font-weight:bold;background:url("../images/common/ico_q.png") no-repeat 11px 0;background-size:12px}
.myCounView dd {padding:6px 15px 17px 30px;border-top:1px solid #d1cfc7;border-bottom:1px solid #d1cfc7;line-height:16px;background:#f5f5f5 url("../images/common/ico_a.png") no-repeat 11px 8px;background-size:12px}


/* 공지사항 */
.myNotice {margin:14px 6px 30px;border-top:1px solid #7e6846;border-bottom:1px solid #7e6846}
.myNotice dl {border-top:1px solid #d1cfc7}
.myNotice dl:first-child {border-top:1px solid #7e6846}
.myNotice dt {position:relative;padding:8px 30px 7px 12px}
.myNotice dt strong {display:block}
.myNotice dd {position:relative;z-index:1;display:none;padding:10px 30px 20px 22px;margin-bottom:-1px;border-bottom:1px solid #7e6846;background:#f5f5f5}
.myNotice .arr img {width:15px;cursor:pointer}
.myNotice .open {position:absolute;bottom:16px;right:8px}
.myNotice .close {position:absolute;bottom:12px;right:8px}
.myNotice dl.on .open {display:none}
.myNotice .id, .myNotice .date {font-size:95%}


/* My Btn */
.myBtn {position:relative;padding:6px 0 6px 6px;border-bottom:2px solid #7e6846}
.myBtn a {margin:0 2px}
.myBtn a span {padding:0 10px}
.myBtn .btn {position:absolute;bottom:6px;right:6px;margin:0;cursor:pointer}

/* My Item - 400x400 확실할떄 */
.myItem {margin:15px 8px 0 8px}
.myItem ul:after {display:block;clear:both;content:''}
.myItem li {position:relative;float:left;width:33.3%;margin-top:4px;background:url("../images/common/bg_item.png") no-repeat right bottom;background-size:contain}
.myItem li:nth-child(3n) {background:url("../images/common/bg_item2.png") no-repeat right bottom}
.myItem li a {display:block;padding:0 10px 10px 15px;text-align:center}
.myItem li img {width:100%;max-width:400px} 
.myItem li input {position:absolute;top:0;left:0}

/* My Item - 400 x 400 확실하지 않을때 */
.myItem2 li a {width:100px;height:100px;margin:0 auto;padding:7px 0 7px 0;overflow:hidden;text-align:center}
.myItem2 li img {width:100%;height:100%;vertical-align:top} 

@media all and (max-width:321px) {
	.myItem2 li a {width:80px;height:80px} 
}


/* My Brand
.myBrand {margin-top:10px}
.myBrand .list {margin:0 6px}
.myBrand .list li {position:relative;padding:8px 0 6px 30px;border-bottom:1px solid #d1cfc7;font-weight:bold}
.myBrand .list .name {font-size:138%}
.myBrand .list .brand {margin-top:2px;font-size:95%;color:#a97a08}
.myBrand .list input {position:absolute;left:3px;top:15px}
.myBrand .list .btn {position:absolute;top:9px;right:5px;padding:5px}
.myBrand .list .btn img {height:18px}

/* 접수증
.myReceipt {margin:0 6px}
.myReceiptNo {position:relative;margin-top:-1px;padding:15px 0;border:1px solid #b2a28a;border-top:2px solid #7e6846;text-align:center;background:#eee9e6}
.myReceiptNo strong {display:block;margin-bottom:5px}

/* 미 작성 상품평
.myReview .info {padding:12px 5px;border-bottom:2px solid #7e6846}
.myReview h2 {padding-left:12px;line-height:27px;color:#83725a}
.myReview h2 .bar {margin:0 10px;font-size:78%;color:#a5a5a5;vertical-align:1px}

.myReview .colName {display:table;width:100%;border-top:1px solid #d1cfc7;border-bottom:1px solid #cfcfcf;line-height:23px;font-weight:bold;background:#f8f8f8}
.myReview .colName span {display:table-cell;text-align:center}
.myReview .colName .c2 {width:70px}
.myReview .colName2 {}
.myReview .colName2 .c2 {width:70px}

.myReview .cmOrderList {margin:0 0 15px;border-bottom:2px solid #7e6846}
.myReview .cmOrderList li:last-child {border-bottom:none}
.myReview .cmOrderList .status {font-size:84%;text-indent:5px;color:#333}
.myReview .cmOrderList .btn {margin-top:15px}
.myReview .noData {padding:35px 0;text-align:center}

/* 상품평 작성
.myReview2 {margin:12px 6px 0}
.myReview2 .info {margin:20px 10px 0}
*/




/***************************************************************************
	[주문] 주문서 작성
***************************************************************************/

.myOrdWrite {margin:12px 0 0}
.myOrdWrite h3 {position:relative;padding:0 0 7px 12px;border-bottom:1px solid #d1cfc7;font-size:130%;font-weight:bold}
.myOrdWrite h4 {position:relative;padding:10px 0 10px 10px;font-size:112.5%;font-weight:bold}
.myOrdWrite h5 {position:relative;padding:10px 0 7px 10px;font-size:100%}

/*.myOrdWrite .cmOrderList .con {width:99%}*/
.myOrdWrite select {text-indent:0}

.myOrdWrite input[type="checkbox"] {margin-right:5px;vertical-align:0 !important} 
.myOrdWrite input[type="radio"] {margin-right:5px;vertical-align:0 !important}
.myOrdWrite label {vertical-align:1px !important}

.myOrdWrite .btn {cursor:pointer}
.myOrdWrite .btnB {vertical-align:middle}
.myOrdWrite .bar {display:inline-block;margin:2px 2px 0;font-size:112.5%;color:#7f7f7f}
.myOrdWrite .blueT{ color:#0087dc}
.myOrdWrite .list .pad{ padding:5px 0}

@media all and (max-width:321px) {
	.mediaG {margin-top:5px}
}


/* 총 주문금액 130322 허준범 삭제
.myOrdTotal {margin:10px 6px 25px}
.myOrdTotal .B {padding:13px;margin-top:8px;border:1px solid #b2a28a;border-top:2px solid #7e6846;background:#eee9e6}
.myOrdTotal .B p {font-weight:bold;text-align:right;color:#454545}
.myOrdTotal .B strong {padding-left:6px}
.myOrdTotal .B .calculate {margin-bottom:5px}
.myOrdTotal .B .total {font-size:109%}
.myOrdTotal .B .total strong {color:#ef5050}
.myOrdTotal .B .total .e {font-size:85%}
.myOrdTotal .B .txt {font-weight:normal;font-size:85%;letter-spacing:-1px}
.myOrdTotal .B .noMemInfo {padding:0 25px 15px 5px}
.myOrdTotal2 {margin-top:-10px}
.myOrdTotal2 .B {border-top:none}
*/


/* 주문상품정보 */
.myOrdPro {margin:0 6px}
.myOrdPro .msg {padding:7px;border-bottom:1px solid #d1cfc7;border-bottom:2px solid #7e6846}
.myOrdPro .msg .write {position:relative;padding:0 2px 0 90px;min-height:24px}
.myOrdPro .msg .write strong {position:absolute;left:0;top:5px;letter-spacing:-1px}
.myOrdPro .msg .write input {width:100%}
.myOrdPro .msg .write .txt {display:inline-block;padding:5px 0 0}

.myOrdPro .msg .info {margin-top:7px;color:#e44803}
.myOrdPro .cmOrderList li:last-child { border-bottom:2px solid #7e6846}

/* 배송정보 */
.myOrdDev {margin:0 6px;border-bottom:1px solid #d1cfc7}
.myOrdDev .B {padding:0 0 15px;border-top:1px solid #d1cfc7}
.myOrdDev .B:first-child {border:none}
.myOrdDev .B h4 {padding:15px 0 0 10px;font-size:112.5%;font-weight:bold}
.myOrdDev .abroadB {padding-bottom:15px;margin-bottom:20px;border-top:1px solid #d1cfc7;border-bottom:1px solid #d1cfc7;background:#f8f8f8}
.myOrdDev .abroadB .B {border-top:none;padding-bottom:0}
.myOrdDev .demandB { background:#f8f8f8}

.myOrdDev .thanks {position:relative}
.myOrdDev .thanks .comm {margin-bottom:5px;font-size:85%;font-weight:bold;color:#525252}
.myOrdDev .thanks input {width:95%;height:22px}

/* 130322 허준범 삭제
.myOrdDev .thanks .info {margin-top:7px;color:#e44803}
.myOrdDev .thanks .bl_quest {display:block;position:absolute;right:10px;top:16px;width:15px;height:15px;border:solid 1px #ccc;border-radius:15px;font-size:11px;text-align:center}
.myOrdDev .thanks .layer_pop {position:absolute;top:15px;width:100%;border:solid 1px #ccc;background-color:#FFF}
.myOrdDev .thanks .layer_pop .title {padding:7px 0;border-bottom:solid 1px #a6a6a6;background-color:#f5f5f5;text-align:center}
.myOrdDev .thanks .layer_pop ul {padding:15px;line-height:18px}
.myOrdDev .thanks .layer_pop ul li {padding-left:6px;font-size:95%;background:url("../images/common/bul_dot.png") no-repeat 0 8px;background-size:3px}}
*/

.myOrdDev .engB select,.myOrdDev .engB input {width:175px}
@media all and (min-width:321px) and (max-width:400px) {
	.myOrdDev .engB dl:last-child select {width:127px}
}

.myOrdDev dl {display:table;width:100%;margin-top:15px}
.myOrdDev dl:after {display:block;clear:both;content:''}
.myOrdDev dt {display:table-cell;width:80px;padding:0 0 0 10px}

.myOrdDev dd {display:table-cell}
.myOrdDev dd textarea {width:97%}

.myOrdDev dl.email * {vertical-align:top}
.myOrdDev dl.email .bar {position:relative;top:4px}
.myOrdDev dl.email .selW {display:inline-block}
.myOrdDev dl.email .txtBox {width:85px}
.myOrdDev dl.email .selW select,
.myOrdDev dl.email .selW input[type="text"] {width:170px;margin-bottom:5px}
.myOrdDev dl.ckBox {margin-top:3px}
.myOrdDev dl.ckBox p {padding:5px 0 0}
.myOrdDev dl.ckBox .ckDir {margin-left:112px}

@media all and (max-width:321px) {
	.myOrdDev dl.email .selW select,
	.myOrdDev dl.email .selW input[type="text"] {width:95px}
}

.myOrdDev .btnB span {height:22px}
.myOrdDev .ckPost {position:relative;left:5px;top:2px}
.myOrdDev .full {width:97%}
.myOrdDev .mt {margin-top:10px}

.myOrdDev .pickup {margin-bottom:50px;border-top:1px solid #d1cfc7}
.myOrdDev .pickup .info {padding:5px 5px 0 20px;text-indent:-14px}
.myOrdDev .pickInfo {padding:10px 0;border-top:1px solid #d1cfc7;border-bottom:1px solid #d1cfc7} 

.myOrdDev .cmOrderList {border-bottom:2px solid #7e6846;overflow:hidden}
.myOrdDev .cmOrderList li:last-child {border:none}
.myOrdDev .cmOrderList dt {padding-left:0}
.myOrdDev .cmOrderList dd {display:block}


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


/* 결제금액 */
.myOrdSum {margin:25px 6px 0}

.myOrdSum .B { margin-top:15px;border-top:1px solid #5e5e5e}
.myOrdSum .B .info {margin:15px 6px 0}

.myOrdSum .titG {position:relative;padding-top:2px}
.myOrdSum .titG .txt {position:absolute;bottom:0;right:10px;letter-spacing:-1px}
.myOrdSum .titG .txt02 {padding-bottom:10px;padding-left:10px;letter-spacing:-1px}
.myOrdSum .titG .txt03 {padding-bottom:10px;padding-left:10px;letter-spacing:-1px;color:#b4b4b4}

.myOrdSum .sumA {padding-right:10px;text-align:right;line-height:30px;background:#f8f8f8}
.myOrdSum .sumB {margin:10px 10px 0 0;text-align:right;font-weight:bold}
.myOrdSum .sumB input {text-align:right}
.myOrdSum .sumC {margin:10px 0 0 0;font-weight:bold}
.myOrdSum .sumC input {text-align:right}
.myOrdSum .sumD {padding-right:10px;text-align:right;line-height:30px;background:#eee9e6}

.myOrdSum .list {padding:10px 12px;background:#f8f8f8;border-top:1px solid #d1cfc7}
.myOrdSum .list:first-of-type {border-top:none}
.myOrdSum .list dt {margin:0 15px 7px 0;font-weight:bold}
.myOrdSum .list dd {margin:10px 15px 0 20px}
.myOrdSum .list dd:first-of-type {margin-top:0}
.myOrdSum .list select {width:100%}

.myOrdSum .B3 {padding:15px 0 15px}
.myOrdSum .point {position:relative;margin-top:15px;padding:10px;border:1px solid #000;background:#f8f8f8}
.myOrdSum .point:first-child {margin-top:0}
.myOrdSum .point .txt {overflow:hidden}
.myOrdSum .point strong {float:left;padding:0 10px 0 0;font-size:110%}
.myOrdSum .point span {display:table-cell}
.myOrdSum .btn {position:relative;left:50px;vertical-align:bottom}


/* 결제수단 */
.myOrdHow {margin:25px 6px 0}
.myOrdHow h4 {margin-top:10px;border-bottom:1px solid #a6a6a6}
.myOrdHow .info {padding:10px 10px 0}
.myOrdHow .choWay {position:relative;padding:10px 10px 10px 12px;border-bottom:1px solid #a6a6a6;background:#f8f8f8}
.myOrdHow .choWay p {margin:5px 0}
.myOrdHow .choWay  .btn {position:absolute;right:10px;top:10px}
.myOrdHow .choCard {overflow:hidden;padding:10px 10px 0 10px}
.myOrdHow .choCard dt {display:table-cell;width:58px;font-weight:bold;vertical-align:middle}
.myOrdHow .choCard dd {display:table-cell}
.myOrdHow .choCard dd select {width:130px}
.myOrdHow .choCard dd .ckSimple {position:relative;top:3px;left:5px}
/*
.myOrdHow .choCard .btn {margin-left:3px}
.myOrdHow .choCard .btn span {height:22px;line-height:22px}
*/
.myOrdHow .choQuota {position:relative;overflow:hidden;margin-top:10px;padding:10px 10px 7px;border-top:1px solid #a6a6a6;border-bottom:1px solid #a6a6a6;background:#f8f8f8}
.myOrdHow .choQuota dt {display:table-cell;width:58px;font-weight:bold}
.myOrdHow .choQuota dd {display:table-cell}
.myOrdHow .choQuota label {margin-right:10px}
.myOrdHow .choQuota select {display:block;width:130px;margin:7px 0 0 0}
.myOrdHow .choBank {margin-top:10px}
.myOrdHow .choBank dl {border-bottom:1px solid #d2d2d2}
.myOrdHow .choBank dt {display:table-cell;width:70px;padding-left:10px;vertical-align:middle}
.myOrdHow .choBank dd {display:table-cell;height:25px;padding:4px 0;vertical-align:middle}

/* 현금영수증 신청 */
.myOrdCash .choType {position:relative;padding:10px 10px 10px 12px;border-bottom:1px solid #a6a6a6;background:#f8f8f8}
.myOrdCash .choType input {vertical-align:-2px}
.myOrdCash .choType label {margin:0 15px 0 0}
.myOrdCash .inpW {padding:10px}
.myOrdCash .inpW p {padding:7px 0 0}
.myOrdCash .inpW p:first-child {padding-top:0}
.myOrdCash .info {border-top:1px solid #a6a6a6;padding:10px 10px 0}

/* 쇼핑몰 보증보험 가입 */
.myOrdIns h4 {margin-top:20px}
.myOrdIns h4 .btn {position:absolute;right:5px;bottom:5px;font-size:78.5% }
.myOrdIns h4 .btn span {height:auto;padding:3px 6px;line-height:14px;}

.myOrdIns .info {padding:0 10px}
.myOrdIns .choReg {padding:0 10px}
.myOrdIns .choReg label {margin-right:15px}
.myOrdIns .reg {margin-top:15px;padding:10px 10px 0;border-top:1px solid #a6a6a6}
.myOrdIns .reg .num label {position:relative;top:3px;margin-right:5px}
.myOrdIns .reg .ck {padding:10px 0 0 19px;text-indent:-19px;font-size:95%}
.myOrdIns .reg .ck span {color:#969696}


/* 우편번호 검색 리스트 */
.myPostList {margin-top:15px;padding:7px 0 5px;border:1px solid #6a6a6a;border-left:none;border-right:none;background:#f5f5f5}
.myPostList li {position:relative;padding:5px 5px 5px 65px;margin:0 7px;border-top:1px solid #a6a6a6}
.myPostList li:first-child {border-top:none}
.myPostList li span {position:absolute;left:5px;font-size:95%}
.myPostList li.noData {padding:20px 0;text-align:center}

/* 주문확인동의 */
.myOrdAgree {margin:15px 6px 0;padding:10px;border-top:1px solid #A6A6A6;border-bottom:1px solid #A6A6A6;background:#f8f8f8}
.myOrdAgree .ck {position:relative;line-height:25px}
.myOrdAgree .ck label {font-weight:bold}
.myOrdAgree .btn {position:absolute;top:-2px;right:0}
.myOrdAgree .txt {display:none;padding:10px 0 0}

.myOrdCheck {z-index:1;width:100%}
.myOrdCheck .inner {width:310px;margin:0 auto;padding:20px 0 10px;color:#3d3d3d;border:1px solid #000;text-align:center ;background:#f8f8f8}
.myOrdCheck .btn {margin-top:15px}


/* [레이어] 소비자피해보상보험서비스 안내 */
.myOrdInsLayer {margin-top:5px;padding:10px;border:1px solid #6a6a6a;background:#f5f5f5}
.myOrdInsLayer .eDList {margin:7px 0}

/* [레이어] 무이자할부안내 */
.myOrdCardLayer .card {position:relative;padding:10px;border-top:1px solid #a6a6a6}
.myOrdCardLayer .card dt {position:absolute}
.myOrdCardLayer .card dd {text-align:right}
.myOrdCardLayer .cardInfo {padding:10px;border:1px solid #b8b8b8;background:#e0e0e0} 

/* [레이어] 롯데포인트 사용 본인인증 */
.myOrdCerLayer {position:relative;z-index:1;margin:-5px 0 10px} 
.myOrdCerLayer .inner {padding:15px 10px;border:2px solid #555454;background:#fff}
.myOrdCerLayer h3 {padding:0 0 7px;border:none;font-size:109%}
.myOrdCerLayer h4 {padding:20px 0 5px;font-size:100%}
.myOrdCerLayer .cardNo {margin-top:15px;padding:10px 0;border:1px solid #b4a48d;border-top:2px solid #7e6846;background:#eee9e6}
.myOrdCerLayer .cardNo dt {display:table-cell;width:70px;padding:0 0 0 15px;font-weight:bold;text-align:left}
.myOrdCerLayer .cardNo dt span {font-size:95%;font-weight:normal}
.myOrdCerLayer .cardNo dd {display:table-cell;text-align:left;vertical-align:middle}
.myOrdCerLayer .cardNo dd input {margin-right:10px;text-align:center}
.myOrdCerLayer .btnLayer {margin-top:10px;text-align:center}
.myOrdCerLayer .btnLayer a {margin:0 3px}

/***************************************************************************
			결제안내
***************************************************************************/

.myOrdF2 h3 {font-size:112.5%;margin-top:15px;padding:0 0 7px 12px}
.myOrdF2 .cmOrderList .con {width:98%}
.myOrdF2 .box {margin:0 6px;padding:5px 8px;border:1px solid #b2a28a;border-top:2px solid #7e6846;background:#eee9e6}
.myOrdF2 .box .B {padding:0 2px 12px 2px;border-top:1px solid #9b9896}
.myOrdF2 .box .B:first-child {padding-top:0px;border-top:none}
.myOrdF2 .box .B h4 {padding:0 0 7px 7px}
.myOrdF2 .bEtc {margin-top:15px}
.myOrdF2 .bEtc .B p {margin-left:20px}
.myOrdF2 .bEtcCall {margin:10px 15px 0;color:#d40000}



/***************************************************************************
			프로모션
***************************************************************************/
/* 탭메뉴*/
.pmTab {margin-bottom:15px}
.pmTab ul {padding:3px 17px 0;border-bottom:1px solid #b4b1b1;background:#e8e8e8;background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));background: -moz-linear-gradient(top, #ffffff, #e8e8e8)}
.pmTab ul:after {display:block;clear:both;content:''}
.pmTab li {float:left;width:33%;text-align:center}
.pmTab li a {display:block;height:26px;line-height:27px}
.pmTab li.on {width:34%}
.pmTab li.on a {position:relative;top:1px;border:1px solid #b4b1b1;border-bottom:none;border-radius:3px 3px 0 0;line-height:25px;background:#fff}
.pmTab li img {height:14px}


/* 기획전 상세 상단배너 */
.pmCms img {display: block; width: 100% !important; height: auto !important;} /* 20130912 추가 */

/* [테마쇼핑] : 메인 */
.pmVidual .con {position:relative;width:100%;overflow:hidden;z-index:4;position:relative;box-shadow:0 3px 5px 0 #dadada;-webkit-box-shadow:0 3px 5px 0 #dadada}
.pmVidual .con div { display:none;position:absolute;width:100%}

/* [테마쇼핑] : 스페셜 테마쇼핑 */
.pmSptheme {margin:20px 6px 0}
.pmSptheme h2 {padding:0 0 5px 8px}
.pmSptheme ul li {border-bottom:solid 1px #a9a9a9}
.pmSptheme ul li a {display:block;height:20px;padding:5px 5px 10px;text-overflow:ellipsis}
.pmSptheme ul li a .point {color:#8c6721;font-weight:bold}
.pmSptheme ul li a .h_img {display:inline-block;width:30px}
.pmSptheme ul li a img {height:24px}

/* [테마쇼핑] 카테고리별 쇼핑*/
.pmCate {margin:20px 6px 0}
.pmCate h2 {padding:0 0 5px 8px}
.pmCate .B {border-bottom:1px solid #a9a9a9}
.pmCate .B h3 {position:relative;height:35px;padding:0 0 0 8px;line-height:35px;cursor:pointer}
.pmCate .B h3 img {width:165px;vertical-align:middle}
.pmCate .B ul {display:none}
.pmCate .B li {border-top:1px solid #f7f7f7}
.pmCate .B li a {display:block;padding-left:37px;line-height:30px}
.pmCate .B .arr {position:absolute;top:50%;right:8px;width:15px;height:8px;margin-top:-4px;background:url("../images/common/bul_arrOpen.png") no-repeat;background-size:contain}
.pmCate .B.on .arr {background:url("../images/common/bul_arrClose.png") no-repeat}

/* [핫타임쇼핑] 리스트 */
.hotListA {}
.hotListA li {position:relative;overflow:hidden;padding:20px 6px 10px 0;border-bottom:1px solid #d1cfc7}
.hotListA .pic {position:relative;float:left;width:110px;height:110px;line-height:110px;margin:13px 14px 0 10px}
.hotListA .pic img {width:inherit;height:inherit}
.hotListA .con {display:table-cell;vertical-align:top}
.hotListA .tit {line-height:14px;min-height:51px}
.hotListA .price dl {overflow:hidden}
.hotListA .price dt {float:left}
.hotListA .price dd {position:absolute;right:10px}
.hotListA .price strong {color:#ef5050;font-size:112.5%}
.hotListA .price .mt {margin-top:2px}
.hotListA .btn {position:absolute;right:6px;bottom:8px}
.hotListA .btn span {height:30px;padding:0 20px;line-height:30px}

.hotListB {margin:0 6px}
.hotListB li {position:relative;overflow:hidden;padding:20px 0 10px 0;border-bottom:1px solid #d1cfc7}
.hotListB .pic {position:relative;float:left;width:80px;height:80px;line-height:80px;margin:0 14px 0 10px}
.hotListB .pic img {width:inherit;height:inherit}
.hotListB .con {display:table-cell;vertical-align:top}
.hotListB .tit {line-height:14px}
.hotListB .price {position:absolute;bottom:11px}
.hotListB .price span {display:block}
.hotListB .price strong {display:block;color:#ef5050;font-size:112.5%}
.hotListB .btn {position:absolute;right:0;bottom:10px}


/* [핫타임쇼핑] best  */
.hotTime {margin-bottom:20px;box-shadow:0 3px 5px 0 #dadada;-webkit-box-shadow:0 3px 5px 0 #dadada}
.hotTime h2 {position:relative;margin:0 0 7px 8px}
.hotTime h2 img {height:28px}
.hotTime h2 .today {position:relative;left:7px;top:4px;width:34px;height:auto}
.hotTime .bd {padding-top:10px;background:url("../images/common/bg_hot_bd.png") repeat-x}

/* [핫타임쇼핑] 이상품어때요 */
.pmHotAbout {}
.pmHotAbout h2 {margin:0 0 7px 8px}
.pmHotAbout .bd {padding-top:8px;background:url("../images/common/bg_hot_bd2.png") repeat-x;background-size:auto 8px}


/* [이벤트] 상단 Event  */
.pmEvtVidual .con {position:relative;overflow:hidden}
.pmEvtVidual .con div {position:;overflow:hidden;display:none;padding:0 6px}	
.pmEvtVidual .con a {position:relative ;float:left;width:49.4%}
.pmEvtVidual .con a:last-child {float:right}
.pmEvtVidual .con img {width:100%}

/* [이벤트] 진행중인 이벤트 & 당첨자발표  */
.pmEvtIng {position:relative;margin:25px 6px 0}
.pmEvtIng h2 {margin:0 0 7px 8px}
.pmEvtIng ul {border-bottom:1px solid #a9a9a9}
.pmEvtIng li a {display:block;padding:0 12px;border-top:1px solid #d1cfc7;line-height:26px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.pmEvtIng .more {position:absolute;right:6px;top:0}

.pmWinner {position:relative;margin:25px 6px 0}
.pmWinner h2 {margin:0 0 7px 8px}
.pmWinner ul {border-bottom:1px solid #a9a9a9}
.pmWinner li a {display:block;padding:0 12px;border-top:1px solid #d1cfc7;line-height:26px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.pmWinner .more {position:absolute;right:6px;top:0}


.pmWinnerDetail .pic {text-align:center}
.pmWinnerDetail .pic img {width:100%;max-width:800px}
.pmWinnerDetail h2 {margin:20px 7px 10px;padding:4px 8px;border-top:2px solid #7e6846;font-size:100%;line-height:22px;background:#eee9e6}
.pmWinnerDetail .cms {margin:0 6px;line-height:20px}
.pmWinnerDetail .text { font-weight:bold;color:#000000;padding:4px 16px 0px 16px}

/* 회사소개 & ellotte 소개 */
.introW {margin:15px 15px 0}
.intro {margin:15px 15px 0}
.intro .vidual {margin-top:15px;text-align:center}
.intro .vidual .txt {margin:10px 25px 15px;color:#926c05}
.intro h3 {padding:7px 0 5px}
.intro dl {padding:3px 0}
.intro dt {display:inline;font-weight:bold}
.intro dd {display:inline}

.intro2 {margin:0 15px}
.intro2 .vidual {margin-top:15px;text-align:center}
.intro2 .vidual .txt {margin:10px 25px 20px;color:#926c05}
.intro2 h3 {padding-bottom:10px}
.intro2 dl {padding-bottom:20px}
.intro2 dt {display:block;font-weight:bold}
.intro2 dd {display:block}


/***********************************************
			고객센터
***********************************************/

/* 고객센터 */
.scCustomer {margin:15px 6px 0}
.scCustomer h3,
.scCustomer h4 {margin:0 0 7px 10px}
.scCustomer h3 img,
.scCustomer h4 img {height:13px}

.scCustomer .call {position:relative;padding:0 0 20px 30px;margin-bottom:10px;border-bottom:1px dotted #8b8b8b}
.scCustomer .call img {width:150px}
.scCustomer .call .btn {position:absolute;top:10px;right:10px}
.scCustomer .call .btn span {padding:0 20px;line-height:36px;font-size:121%}

/* 20140219 추가 */
.scCustomer .counsel {margin: 0 5px 12px; border-bottom: 1px dotted #8d8d8d;}
.scCustomer .counsel > div {padding: 0 0 10px;}
.scCustomer .counsel > div:after {display:block;clear:both;content:''}
.scCustomer .counsel > div a {display: block; float: left; width: 50%;}
.scCustomer .counsel > div a img {display: block; width: 100%; max-width: 280px; margin-left: 3px; margin-right: 0px;}
.scCustomer .counsel > div a:first-child img {margin-left: 0px; margin-right: 3px;}
@media all and (min-width:600px) {
	.scCustomer .counsel > div a img {margin: 0 auto !important;}
}


.scCustomer .menu {overflow:hidden;margin:0 5px 20px}
.scCustomer .menu li {float:left;width:25%;text-align:center}
.scCustomer .menu li a {display:block;margin:1px;cursor:pointer}
.scCustomer .menu li img {width:100%;max-width:140px}

.scCustomer .best {border-top:2px solid #7e6846}
.scCustomer .best li {border-bottom:1px solid #d1cfc7;background:url("../images/common/cus_ico_arr.png") no-repeat right center;background-size:16px;white-space:nowrap}
.scCustomer .best li a {display:block;padding:0 30px 0 12px;line-height:30px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.scCustomer .best li span {display:inline-block;width:15px;font-weight:bold}

.scCustomer .list .B {}
.scCustomer .list .B:first-child {margin-top:0}
.scCustomer .list h5 {position:relative;padding-left:10px;margin-bottom:7px;border-top:2px solid #afafaf;line-height:24px;background:#eee9e6}
.scCustomer .list ul {display:none;margin:-3px 0 5px}
.scCustomer .list li {border-top:1px solid #f7f7f7}
.scCustomer .list li:first-child {border-top:none;}
.scCustomer .list li a {display:block;padding:0 18px;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.scCustomer .list .arr {position:absolute;top:50%;right:8px;width:15px;height:8px;margin-top:-4px;background:url("../images/common/bul_arrOpen.png") no-repeat;background-size:contain}
.scCustomer .list .on .arr {background:url("../images/common/bul_arrClose.png") no-repeat;background-size:contain}

/* 매거진 */
.scMgz {}
.scMgz .cms {}

.scMgzMain {margin:0 6px}
.scMgzMain .B {}
.scMgzMain .B h3 {font-size:138%;padding:20px 0 10px 14px;border-bottom:1px solid #d1cfc7}
.scMgzMain .B li {border-top:1px solid #F7F7F7}
.scMgzMain .B li:first-child {border-top:none}
.scMgzMain .B li a {display:block;padding:10px 0 9px 24px;font-size:112.5%;font-weight:bold;color:#525252;background:url("../images/common/ico_list_arr.png") no-repeat right 50%;background-size:26px auto}

.scMgzList {margin:0 6px}
.scMgzList li {position:relative;padding:10px 0 10px 0;border-bottom:1px solid #d1cfc7}
.scMgzList .pic {display:table-cell;padding:0 15px 0 5px}
.scMgzList .pic .bd {display:block;overflow:hidden;width:77px;height:70px}
.scMgzList .pic img {width:inherit;height:inherit}
.scMgzList .tit {display:table-cell;padding:0 10px 0 0;vertical-align:middle;font-size:112.5%}


.scMgzstyle {margin:15px 6px 0}
.scMgzstyle h3,
.scMgzstyle h4 {margin:0 0 7px 10px}
.scMgzstyle h3 img,
.scMgzstyle h4 img {height:14px;padding-right:8px}

.scMgzstyle .best {border-top:2px solid #7e6846}
.scMgzstyle .best li {border-bottom:1px solid #d1cfc7;background:url("../images/common/cus_ico_arr.png") no-repeat right center;background-size:16px;white-space:nowrap}
.scMgzstyle .best li a {display:block;padding:0 30px 0 12px;line-height:30px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.scMgzstyle .best li span {display:inline-block;width:15px;font-weight:bold}



/* 바로가기 */
.scMain {overflow:hidden;margin-top:15px}
.scMain li {float:left;width:25%;height:100px}
.scMain li a {display:block}
.scMain li .pic {text-align:center}
.scMain li .pic img {height:55px}
.scMain li .txt {font-size:85%;letter-spacing:-0.04em;text-align:center}



/***********************************************
			태블릿용
***********************************************/

/* 전사이벤트 */
/* .mEventT {border-bottom:1px solid #e3e2dd} */
.mEventT {}
.mEventT .ban:after {display:block;clear:both;content:''}
/* .mEventT .ban div {background:#f2f2f2} */
.mEventT .ban div a{display:block;padding:0 0px;text-align:center}
.mEventT .ban div img {width:100%;max-width:768px}

.mPormotionT {position:relative;margin:0 0 20px}
.mPormotionT .banW {position:relative;overflow:hidden;padding-bottom:0px}
.mPormotionT .ban {position:relative;overflow:hidden}
.mPormotionT .ban:after {display:block;clear:both;content:''}
.mPormotionT .ban div {float:left}
.mPormotionT .ban div a {display:block;margin:0 0px;box-shadow:0 3px 5px 0 #dadada;-webkit-box-shadow:0 3px 5px 0 #dadada}
.mPormotionT .ban img {width:100%}

.mPormotionT .barL,
.mPormotionT .barR {position:absolute;top:0;width:7%;height:100%;background-size:contain}
.mPormotionT .barL {left:0;background:url("../images/main/mPromotion_bgL.png") repeat-y}
.mPormotionT .barR {right:0;background:url("../images/main/mPromotion_bgR.png") repeat-y right 0}
.mPormotionT .more{float:right;margin-right:10px}
.mPormotionT .right{position:absolute;top:2px;right:0}

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

	/* [메인] 탭 */
	.mTab {margin:0 0 7px;border-top:1px solid #000}
	.mTab li {width:25%}
	.mTab li.on a {font-weight:normal}
	.mTab ul {padding:4px 30px}
	.mTabRecom li {width:25%}

	.fn_goods_brand {font-weight:bold}

	/* [메인] 베스트 셀러 */
	.mBest {margin:50px 10px 0 10px}
	.mBest .item  {width:20%}
	
	/* [메인] 모바일 추천상품 */
	.mMobile {margin:25px 10px 0}
	.mMobile .item  {width:20%}
	
	/* [메인] 핫타임 쇼핑 Today */
	.mHot {margin:20px 10px 0}
	.mHot .item {width:25%}
	.mHot .more img {height:14px;padding-top:5px}
	.mHot  h3.mTit .imgs {height:19px}
	
	/* [메인] 테마쇼핑 */
	.mTheme {margin:40px 10px 18px}

	/* [메인] 바로가기 */
	.mQuick {margin:0 10px}
	.mQuick .pic li {width:15%}
	.mQuick .pic li:last-child {display:none}
	.mQuick .pic li .pic img {max-width:90px}
	.mQuick .more img {height:14px}
	.mQiick  h3.mTit .imgs {height:19px}

	/* [바로가기] 메인  */
	.scMain {margin:25px 20px}
	.scMain li {width:16.6%}


	/* [공통] - 주문관련 리스트 */
	.cmOrderList .etc {padding-right:15px}
	.cmOrderList .price {margin:0 0 0 140px;padding:8px 0 0 5px}
	.cmOrderList .price .p2 {padding-right:18px}
	.cmOrderList .ck {margin-left:20px}
	.cmOrderList .pic {width:100px;height:100px;margin:0 25px 0 20px;line-height:100px}
	
	/* 주문/배송조회 130322 허준범 삭제*/
	/*.cmOrderListE li {background:url("../img/mobile/btn/ico_list_arr2T.png") no-repeat right center;background-size:auto 5px}*/
	/*.cmOrderListE .pic .status span {letter-spacing:0}*/
	

	/* [공통] - 마이페이지메인 & 원앤원 하단  */
	.cmListB ul {margin:0 38px 0 40px}
	.cmListB .btn img {width:24px;min-width:24px}
	.cmListB .prev {left:20px}
	.cmListB .next {right:20px}

	/* [마이페이지] 상품평관리*/
	.myReview .colName .c2 {width:105px}
	.myReview .colName2 .c2 {width:105px}
	.myRevieList .date { right:20px}
	.myRevieList .arr {right:20px}

	/* [마이페이지] 주문서작성 */
	.myOrdDev dt { width:120px}

	/* [마이페이지] My Item - 400 x 400 확실하지 않을때 */
	.myItem2 li a {width:215px;height:215px;padding:10px 0 10px 0}


	/* [리스트] 브랜드 */
	.brndListA .pic {width:100px;height:100px;margin:0 25px 0 20px;line-height:100px}
	.brndListA .tag {margin:0 0 0 145px}
	.brndListA .tit { margin-top:5px;min-height:67px;line-height:16px}
	.brndListA .price strong {margin-top:2px}

	.brndListB li {position:relative;width:20%;margin-top:20px;padding:0 0 40px 0}
	.brndListB .pic {width:100px;height:100px;margin:0 auto;line-height:100px}
	.brndListB .tit {height:30px;line-height:16px}
	.brndListB .tag {position:absolute;top:178px;margin:0px;width:135px}
	.brndListB .price strong {margin-top:2px;text-indent:-1px}

	/* [리스트] 핫타임 */
	.hotListA .pic {width:130px;height:130px;line-height:130px;margin:13px 25px 0 20px}
	/*.hotListA .tag {left:20px;width:45px}*/
	.hotListA .tit {min-height:71px}
	.hotListB .pic {width:100px;height:100px;line-height:100px;margin:0 25px 0 20px}
	/*.hotListB .tag {left:20px;width:35px}*/
	.hotListB .tit {}

	.hotListA .price dd {right:20px}
	.hotListA .btn {right:15px}
	.hotListB .btn {right:15px}

	/* [리스트] 매거진 - best */
	.scMgzList .pic {padding:0 25px 0 20px}
	.scMgzList .pic .bd {width:100px;height:91px}

/*
	#gnb li {width:25% !important}
	#gnb .hybrid li {width:17% !important}
*/
	#footer .link a {padding:0 9px 0 12px}


	.oneZoom .thumb .con {height:158px}
	.oneZoom .thumb .zoom{width: 698px;left:50%;margin-left:-349px;position:relative}
	.oneZoom .thumb .zoom li {width:148px}
	.oneZoom .thumb .zoom .con img {height: 148px }


	/*랭킹 */

	/*.ico01 {position:absolute;z-index:1;width:90px;height:59px;background:url('../images/common/ico_ranking01.png') no-repeat;background-size:55%;background-position:6px 2px}
	.ico02 {position:absolute;z-index:1;width:90px;height:59px;background:url('../images/common/ico_ranking02.png') no-repeat;background-size:55%;background-position:6px 2px}
	.ico03 {position:absolute;z-index:1;width:90px;height:59px;background:url('../images/common/ico_ranking03.png') no-repeat;background-size:55%;background-position:6px 2px}
	.ico04 {position:absolute;z-index:1;width:90px;height:59px;background:url('../images/common/ico_ranking04.png') no-repeat;background-size:55%;background-position:6px 2px}
	.ico05 {position:absolute;z-index:1;width:90px;height:59px;background:url('../images/common/ico_ranking05.png') no-repeat;background-size:55%;background-position:6px 2px}
*/
	
	 /* [원앤원] 함께구매하기 
	 .oneTogether .thumb .con {height:205px;padding-bottom:1px} 
	 .oneTogether .thumb  .zoom{width:500px;left:50%;margin-left:-250px;position:relative}
	 .oneTogether .thumb .con li {width:150px;padding:0;line-height:16px;padding:2px 5px}
	 .oneTogether .thumb .con li a {height:150px}
	 .oneTogether .thumb .zoom .con img { width:150px }
	 .oneTogether .thumb  .on{height:150px}
	 */
}

@media all and (max-width:639px) {
	.mTabRecom li:nth-child(4) {display:none} /* 메인쪽 탭용 */
}


/***********************************************
			몰 태그 사용
***********************************************/
/* 상품 태그 */
.tag {}
.tag:after {display:block;clear:both;content:''}
.tag .img img {vertical-align:top}
.tag div {position:relative;display:inline-block;height:14px;overflow:hidden;margin-left:-1px;vertical-align:middle}
.tag div:first-of-type {margin-left:0}
.tag div span {display:inline-block;height:inherit;color:#fff;font-size:11px;line-height:12px;font-family:Tahoma;vertical-align:top}



/* 핫타임상품 */

.icoS .percent {width:60px;padding-top:20px;margin-left:-2px;color:#fff;font-size:200%;font-family:Tahoma;letter-spacing:-1px;text-align:center}
.icoS .percent span {padding-left:1px;font-size:50%}

.mHot .item .icoS { height:130px;width:130px;left:50%;margin-left:-90px}
.hotListA .icoS {position:absolute;top:6px;left:9px}
.hotListB .icoS {position:absolute;top:6px;left:10px;width:45px;height:45px;background-size:45px}
.hotListB .percent {width:auto;padding-top:13px;font-size:145%}

/*랭킹 */

.ico01 {position:absolute;z-index:1;width:90px;height:59px;background:url('../images/common/ico_ranking01.png') no-repeat;background-size:45%;background-position:2px 6px}
.ico02 {position:absolute;z-index:1;width:90px;height:59px;background:url('../images/common/ico_ranking02.png') no-repeat;background-size:45%;background-position:2px 6px}
.ico03 {position:absolute;z-index:1;width:90px;height:59px;background:url('../images/common/ico_ranking03.png') no-repeat;background-size:45%;background-position:2px 6px}
.ico04 {position:absolute;z-index:1;width:90px;height:59px;background:url('../images/common/ico_ranking04.png') no-repeat;background-size:45%;background-position:2px 6px}
.ico05 {position:absolute;z-index:1;width:90px;height:59px;background:url('../images/common/ico_ranking05.png') no-repeat;background-size:45%;background-position:2px 6px}


/* 원앤원 상품상세 */
.oneTabCon .detail_secure {text-align:left}



/* 달력 */
.calendarW {margin-top:5px}
.calendar {width:210px;border:1px solid #898989;font-size:110%;background:#fff}
@media all and (max-width:321px) {
	.calendar {width:181px}
}
.yemo {overflow:hidden;padding:6px 0 7px 0px;text-align:center;margin-bottom:1px;background:#ebebeb}
.yemo span {display:inline-block;vertical-align:top}
.yemo strong {display:inline-block;vertical-align:top;margin:2px 5px 0 2px}
.yemo input.text {width:45px !important;height:17px;line-height:17px;padding:0 0 0 2px;border-width:1px 0 1px 1px;border-color:#909090;border-style:solid;color:#464646;vertical-align:top}
.yemo span:last-of-type {margin-left:5px}
.yemo span:last-of-type input.text {width:30px !important}
.yemo .cal_btn {display:inline-block;width:18px;font-size:0;line-height:0;vertical-align:top}
.yymm .calyear{font-size:14px;width:35px;text-align:center;border:0px;background-color:#ebebeb;margin-top:-5px;letter-spacing:-1px;font-weight:bold}
.yymm .calmonth{font-size:14px;width:18px;text-align:center;border:0px;background-color:#ebebeb;margin-top:-5px;letter-spacing:-1px;font-weight:bold}
.yymm span{ font-size:13px}
.yymm .mon{width:18px;height:16px;border:0px;background-color:#ebebeb;text-align:center;margin-top:-3px}
.calendar .yymm {padding:7px 0;text-align:center;background:#ebebeb}
.calendar a, .calendar span {display:inline-block}
.calendar .prev {width:40px;margin-right:0px;line-height:20px;font-size:83%}
.calendar .next {width:40px;margin-left:5px;line-height:20px;font-size:83%}
.calendar .btnB span {display:block;padding:0;font-size:100%;font-weight:100;text-align:center}


.calendar table {width:100%}
.calendar table th {padding:4px 0 3px;border-left:1px solid #dcdcdc;background:#fff;font-weight:bold}
.calendar table td {border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background:#fff;text-align:center;line-height:24px}

.calendar table th.sun,
.calendar table td.sun {border-left:none}
.calendar table td a {display:block;color:#666}
.calendar table th.sun,
.calendar table td.sun a {color:#ff1212}
.calendar table th.sat,
.calendar table td.sat a {color:#4466a2}
.calendar table td.today a {background:#788eb7;color:#fffcfc;font-weight:bold;letter-spacing:-1px}

/* 아이콘 픽토그램 */
.btnPic {position:relative;padding:6px 0 6px 6px;border-bottom:2px solid #7e6846}
.btnPic a {margin:0 2px}
.btnPic a span {padding:0 10px}
.btnPic .btn {position:absolute;bottom:6px;right:6px;margin:0;cursor:pointer}


.btcart {display:inline-block;top:8px;width:20px;height:20px;margin-right:7px;background:url("../images/common/btn_pic1.png") no-repeat;background-size:100% auto;vertical-align:text-bottom}
.btitem {display:inline-block;top:8px;width:20px;height:20px;margin-right:7px;background:url("../images/common/btn_pic2.png") no-repeat;background-size:100% auto;vertical-align:text-bottom}
.btinfo {display:inline-block;top:6px;width:20px;height:21px;margin-right:7px;background:url("../images/common/btn_pic3.png") no-repeat;background-size:100% auto;vertical-align:text-bottom}

@media all and (max-width:350px) {
	.btcart {top:5px;width:14px;height:14px;margin-right:2px;background:url("../images/common/btn_pic1.png") no-repeat;background-size:100% auto}
    .btitem {top:5px;width:14px;height:14px;margin-right:2px;background:url("../images/common/btn_pic2.png") no-repeat;background-size:100% auto}
    .btinfo {top:0px;width:14px;height:15px;margin-right:2px;background:url("../images/common/btn_pic3.png") no-repeat;background-size:90% auto}
}

/* 2012.08.30 */

@media all and (max-width:321px) {
.mHot .item .icoS { height:130px;width:130px;left:50%;margin-left:-70px}
}

/* 팝업관련 */
.popup{position:absolute;width:100%;z-index:200;text-align:center }
.popup img{width:100%;margin:0 auto;max-width:800px;max-height:400px}
.popup .close{position:absolute;z-index:300;top:10px;right:10px}
.popup .close img {width:30px;height:28 !important}

/* STR :  추가 */
/* 이벤트팝업 */
.popupB {position:relative;bottom:15px;width:100%;z-index:200;text-align:center}
.popupB div img{width:95% !important;max-height:400px !important;margin:0 auto;max-width:800px;}
.popupB .close {position:absolute;z-index:300;top:5%;right:5%}
.popupB .close img {width:20px;height:20px !important;}
/* STR : END 추가 */

/* 스크롤바 */
#standard {position:relative;z-index:1;display:block;float:left;width:97%;height:120px;background:#fff;overflow:auto;border:1px solid #d1cfc7;padding:10px;font-size:100%}
#standard {	margin-right:20px}
#standard  h4 {padding-left:14px;text-indent:-14px;margin-bottom:5px}
#standard .uA li {padding-left:14px;text-indent:-14px}
#standard .uB li {padding-left:9px;text-indent:-13px}
#standard .uC {margin:0 0 10px 7px}
#standard .uC li {padding-left:7px;text-indent:-7px}
#standard .p {margin-left:14px;margin-bottom:10px}
#standard .pA {padding-left:8px;text-indent:-10px}
#standard .pB {padding-left:7px;text-indent:-7px}
#standard .date {margin-top:5px;text-align:right}

#standard2 {position:relative;z-index:1;display:block;float:left;width:97%;height:120px;background:#fff;overflow:auto;border:1px solid #d1cfc7;padding:10px;font-size:100%}
#standard2 {	margin-right:20px}
#standard2  h4 {padding-left:14px;text-indent:-14px;margin-bottom:5px}
#standard2 .uA li {padding-left:14px;text-indent:-14px}
#standard2 .uB li {padding-left:9px;text-indent:-13px}
#standard2 .uC {margin:0 0 10px 7px}
#standard2 .uC li {padding-left:7px;text-indent:-7px}
#standard2 .p {margin-left:14px;margin-bottom:10px}
#standard2 .pA {padding-left:8px;text-indent:-10px}
#standard2 .pB {padding-left:7px;text-indent:-7px}
#standard2 .date {margin-top:5px;text-align:right}

@media all and (max-width:321px) {
#standard {width:93%}
#standard2 {width:93%}
}

/*카카오톡 조르기*/
.kakaoT {margin:13px 6px 0}
.kakaoT .txtT {display:table;width:100%;margin-top:-3px}
.kakaoT .txtT .tit {display:table-cell;padding:0;vertical-align:middle;font-size:120%}
.kakaoT .txtT .tit img { height:28px;width:27px;padding: 0 5px 0 0}
.kakaoT .txtT .img {display:table-cell;padding:0 0 9px;text-align:right;vertical-align:middle;height:17px}
.kakaoT .txtT .img img{height:11px}
.kakaoT .txtT02 {display:table;width:100%;margin-top:3px}
.kakaoT .txtT02 .txt {display:table-cell;padding:0;vertical-align:middle;font-size:90%;padding-left:10px}
.kakaoT .txtT03 {display:table;width:100%;margin-top:3px;margin-bottom:12px  }
.kakaoT .txtT03 .txt {display:table-cell;padding:0;vertical-align:middle;font-size:90%;padding-left:10px}
.kakaoT .titG  {position:relative;line-height:28px;padding-left:12px;border-top:2px solid #7e6846;margin-bottom:3px}
.kakaoT .cText { border:1px solid #c3c3c3;background:#fefefe;padding: 6px 15px 6px 15px;margin-bottom:3px;color:#525252}
.kakaoT .cText .num{ padding-right:10px}
.kakaoT .on{ background:#e2f1fe;padding: 6px 15px 6px 15px;margin-bottom:3px;font-weight:bold;filter:glow(color:#c3c3c3, strength:10)}
.kakaoT .inputT {padding: 0 2px 20px 35px;margin-bottom:3px}
.kakaoT .inputT input{ border:1px solid #dedede;width:100%;background:#fefefe }




/* 마이아이템 */
.myItem3 {position:relative;margin-top:20px}
.myItem3 .con {position:relative;text-align:left;padding:0 0 0 10px}
.myItem3 .con:after {display:block;clear:both;content:''}


.myItem3 .con li {float:left;text-align:center;width:33.3%;margin-top:4px;background:url("../images/common/bg_item.png") no-repeat right bottom;background-size:contain}
.myItem3 .con li:nth-child(3n) {background:url("../images/common/bg_item2.png") no-repeat right bottom;background-size:contain}
.myItem3 .con li a {display:inline-block;cursor:pointer;height:100px;overflow:hidden}

.myItem3 .con img { width:100px}
.myItem3 .con li input {position:absolute;top:0;left:5px}
.myItem3 .con  div{  padding:0 10px 10px 15px;position:relative}


@media all and (max-width:321px) {
.myItem3 .con li {width:50%}
.myItem3 .con li:nth-child(2n) {background:url("../images/common/bg_item2.png") no-repeat right bottom;background-size:contain}
.myItem3 .con li:nth-child(3n) {background:url("../images/common/bg_item.png") no-repeat right bottom;background-size:contain}
}




/* 상품정보 보기 */
.productDetail {margin:0 6px 0}
.productDetail .B {margin-top:10px;font-size:95%}
.productDetail .B h2 {padding:0 0 7px 8px;border-bottom:2px solid #7e6846}
.productDetail .B h2 img {height:16px;vertical-align:top}
.productDetail .B1 {margin-bottom:30px}
.productDetail .B1 .cmTB {margin-bottom:25px}
.productDetail .B2 .cms {margin-top:10px}
.productDetail .cmOrderList li {border-bottom:1px solid #d1cfc7}
.productDetail .B dd strong {color:#92740d}

.productDetail .detail_secure {text-align:left}
.productDetail .detail_secure p {padding-left:34px;color:#525252;}
.productDetail .detail_secure strong{ color:#525252 !important} 


/*주문 취소
.myOrdCancel {margin:12px 0 0}
.myOrdCancel h3 {position:relative;padding:0 0 7px 12px;border-bottom:1px solid #d1cfc7;font-size:130%;font-weight:bold}
.myOrdCancel h4 {position:relative;padding:10px 0 10px 10px;font-size:112.5%;font-weight:bold}
.myOrdCancel h5 {position:relative;padding:10px 0 7px 10px;font-size:100%}
.myOrdCancel .infobox {padding:0px 6px}
.myOrdCancel .info {padding:0 5px 12px 20px;border-bottom:2px solid #cfcfcf;font-weight:bold}
/*.myOrdCancel .cmOrderList .con {width:99%}
.myOrdCancel select {text-indent:0}

.myOrdCancel input[type="checkbox"] {margin-right:5px;vertical-align:0 !important} 
.myOrdCancel input[type="radio"] {margin-right:5px;vertical-align:0 !important}
.myOrdCancel label {vertical-align:1px !important}

.myOrdCancel .btn {cursor:pointer}
.myOrdCancel .btnB {vertical-align:middle}
.myOrdCancel .bar {display:inline-block;margin:2px 2px 0;font-size:112.5%;color:#7f7f7f}

.myOrdCancel .blueT{ color:#0087dc}
.myOrdCancel .list .pad{ padding:5px 0}

.myOrdCancel .cmOrderList li:last-child {
    border-bottom: 0px solid #7E6846}
*/

/* 취소사유
.myOrdCoz {margin:0 6px}
.myOrdCoz .B {padding:0 0 15px;border-top:1px solid #d1cfc7}
.myOrdCoz .B:first-child {border:none}
.myOrdCoz .B h4 {padding:15px 0 0 10px;font-size:112.5%;font-weight:bold}
.myOrdCoz .abroadB {padding-bottom:15px;margin-bottom:20px;border-top:1px solid #d1cfc7;border-bottom:1px solid #d1cfc7;background:#f8f8f8}
.myOrdCoz .abroadB .B {border-top:none;padding-bottom:0}
.myOrdCoz .demandB { background:#f8f8f8}

.myOrdCoz .engB select,.myOrdCoz .engB input {width:175px}
@media all and (min-width:321px) and (max-width:400px) {
	.myOrdCoz .engB dl:last-child select {width:127px}
}

.myOrdCoz dl {display:table;width:100%;margin-top:15px}
.myOrdCoz dl:after {display:block;clear:both;content:''}
.myOrdCoz dt {display:table-cell;width:80px;padding:0 0 0 10px}

.myOrdCoz dd {display:table-cell}
.myOrdCoz dd textarea {width:97%}

.myOrdCoz .mt {margin-top:10px}


.mT10 {margin-top:10px}
.mT20 {margin-top:20px}

.myOrderPointF {background:#e8e4e4;font-size:109%;border-bottom:2px solid #7e6846}
.myOrderPointF dd {color:#ef5050}


.myOrdSum2 {margin:25px 6px 0}

.myOrdSum2 .B { margin-top:15px}
.myOrdSum2 .B .info {margin:15px 6px 0}

.myOrdSum2 .B h2 {padding:0 0 7px 8px;border-bottom:2px solid #7e6846}
.myOrdSum2 .B h2 img {height:16px;vertical-align:top}
.myOrdSum2 .totalprice { text-align:right;color:#525252}

.myOrdHow2 {margin:10px 0}
.myOrdSum2  .info{ text-align:center;border-bottom:0px}

.myOrdCardLayer2 {position:relative;padding:6px;border-bottom:1px solid #d0d0d0}
.myOrdCardLayer2 .card {}
.myOrdCardLayer2 .card dt { padding-left:15px;padding-bottom:5px}
.myOrdCardLayer2 .card dd { background:#f9f8f8;padding:20px}
.myOrdCardLayer2 .card dt p { float:right;font-weight:bold;padding-right:10px}
.myOrdCardLayer2 .cardInfo {padding:10px;border:1px solid #b8b8b8;background:#e0e0e0} 


.myOrdRefund{ margin:0 6px}
.myOrdRefund .refundPrice {padding:10px 0 10px 0px;border-bottom:2px solid #7e6846;background:#e8e4e4;font-size:109%;margin-bottom:10px}
.myOrdRefund .refundPrice dd {color:#ef5050}
.myOrdRefund .refundPrice dl {display:table;width:100%}
.myOrdRefund .refundPrice dt {display:table-cell;padding-left:22px}
.myOrdRefund .refundPrice dd {display:table-cell;padding-right:16px;font-weight:bold;text-align:right}

.myAccount  { margin-bottom:10px}
.myAccount .B {padding:10px 0 15px;border-top:1px solid #d1cfc7}
.myAccount .B h4 {padding:15px 0 0 10px;font-size:112.5%;font-weight:bold}

.myAccount dl {display:table;width:100%;margin-top:15px}
.myAccount dl:after {display:block;clear:both;content:''}
.myAccount dt {display:table-cell;width:80px;padding:0 0 0 10px;background:#f8f8f8;padding:10px 10px;border-top:1px solid #d1cfc7;border-right:1px solid #d1cfc7;border-bottom:1px solid #d1cfc7}

.myAccount dd {display:table-cell;padding:10px 10px;border-top:1px solid #d1cfc7;border-bottom:1px solid #d1cfc7}
.myAccount dd textarea {width:97%}
.myAccount .mt{ margin-top:10px}

.myAccount select,.myAccount input {width:175px;height:27px;margin-top:-3px }
@media all and (min-width:321px) and (max-width:400px) {
	.myAccount dl:last-child select {width:127px}
}


.myCancelAgree {margin:15px 6px 0;padding:10px 10px 20px;border-top:1px solid #A6A6A6;border-bottom:1px solid #A6A6A6;background:#f8f8f8}
.myCancelAgree .ck {position:relative;line-height:25px}
.myCancelAgree .ck label {font-weight:bold}
.myCancelAgree .btn {position:absolute;top:-2px;right:0}
.myCancelAgree .txt { padding:10px 0 0}
.myCancelAgree .txt p{ float:right}

.myCancelInfo {margin:15px 6px 0;padding:10px;border-top:1px solid #A6A6A6;border-bottom:1px solid #A6A6A6;background:#f8f8f8}
.myCancelInfo .ck {position:relative;line-height:25px}
.myCancelInfo .ck label {font-weight:bold}
.myCancelInfo .txt { padding:10px 0 0}
.myCancelInfo dl{ padding-bottom:20px}
.myCancelInfo dt{ padding-bottom:5px;font-weight:bold}
*/

/* 주문배송조회 line 130322 허준범 삭제
.cmOrderList .lineColor {position:relative;padding:10px 0;border-bottom:2px solid #7E6846}
.cmOrderList .etc .status {color:#594425;background-color:#d6d1c9;line-height:normal} 
*/

/*주문취소 페이지
.eDList .bT{ color:#1ba6ee}
.myOrderPointC  dd .yT{ color:#dd8700}
.myOrderPointC  dd .yT:last-child { padding-bottom:5px}
*/

/*원앤원 버튼 활성화*/

.btcartOn {display:inline-block;top:8px;width:20px;height:20px;margin-right:8px;background:url("../images/common/btn_pic1_on.png") no-repeat;background-size:100% auto;vertical-align:text-bottom}
.btitemOn {display:inline-block;top:8px;width:20px;height:20px;margin-right:8px;background:url("../images/common/btn_pic2_on.png") no-repeat;background-size:100% auto;vertical-align:text-bottom}

@media all and (max-width:350px) {
  .btcartOn {top:5px;width:14px;height:14px;margin-right:2px;background:url("../images/common/btn_pic1_on.png") no-repeat;background-size:100% auto}
  .btitemOn {top:5px;width:14px;height:14px;margin-right:2px;background:url("../images/common/btn_pic2_on.png") no-repeat;background-size:100% auto}
}

.btnAOn{display:inline-block;border-left:1px solid #d2d2d2;border-top:1px solid #d2d2d2;border-right:1px solid #a4a4a4;border-bottom:1px solid #a4a4a4;color:#3db2fd}
.btnAOn 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)}

.btnGOn{display:inline-block;border-left:1px solid #d2d2d2;border-top:1px solid #d2d2d2;border-right:1px solid #a4a4a4;border-bottom:1px solid #a4a4a4;color:#3db2fd}
.btnGOn span {display:block;padding:0 10px;line-height:25px;outline:solid 1px #fff;border:solid 1px #dad9d9;color:#fff;font-weight:100;background:#959595;box-shadow: inset 2px 2px 4px #555}

.oneBtn .btnAOn  {width:31.5%}
.oneBtn .btnAOn span{display:block;text-indent:3px;line-height:35px;text-align:center;font-size:100%;text-shadow:0px 0px 2px #57c2fc;-webkit-text-shadow:0px 0px 2px #57c2fc}
.oneBtn .btnGOn  {width:31.5%}
.oneBtn .btnGOn span{display:block;text-indent:3px;line-height:35px;text-align:center;font-size:100%}

@media all and (max-width:321px) {
.oneBtn .btnAOn span{display:block;text-indent:3px;line-height:35px;text-align:center;font-size: 100%}
}


/***************************************************************************
	2차 개발 추가 - 상품평 관리 및 작성
***************************************************************************/

/* 상품평관리 */
.myReviewN {margin:0 6px}
.myReviewN .info {padding:12px 5px;border-bottom:2px solid #7e6846}
.myReviewN h2 {padding-left:12px;line-height:27px;color:#83725a}
.myReviewN h2 .bar {margin:0 10px;font-size:78%;color:#a5a5a5;vertical-align:1px}

.myReviewN .colName {display:table;width:100%;border-top:1px solid #d1cfc7;border-bottom:1px solid #cfcfcf;line-height:23px;font-weight:bold;background:#f8f8f8}
.myReviewN .colName span {display:table-cell;text-align:center}
.myReviewN .colName .c2 {width:70px}
.myReviewN .colName2 { background:#f3e7d1 }
.myReviewN .colName2 .c2 {width:70px}

.myReviewN .cmOrderList {margin:0 0 15px;border-bottom:2px solid #7e6846}
.myReviewN .cmOrderList li:last-child {border-bottom:none}
.myReviewN .cmOrderList .status {font-size:84%;text-indent:5px;color:#333}
.myReviewN .cmOrderList .btn {margin-top:15px}
.myReviewN .noData {padding:35px 0;text-align:center}

.myRevieListN {}
.myRevieListN dl {border-top:1px solid #d1cfc7}
.myRevieListN dl:first-child {border-top:none}
.myRevieListN dt {position:relative;padding:8px 30px 7px 12px}
.myRevieListN dd {position:relative;z-index:1;display:none;padding:15px 10px 10px 12px;margin-bottom:-1px;border-bottom:1px solid #d1cfc7;background:#f5f5f5}
.myRevieListN .name {font-weight:bold}
.myRevieListN .tit {padding:1px 30px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.myRevieListN .date {position:absolute;top:6px;right:5px;font-size:95%}
.myRevieListN .arr {position:absolute;bottom:10px;right:8px;width:15px;height:8px;margin-top:-4px;background:url("../images/common/bul_arrOpen.png") no-repeat;background-size:contain}
.myRevieListN .on .arr {background:url("../images/common/bul_arrClose.png") no-repeat;background-size:contain}
.myRevieListN .arr img {width:15px;cursor:pointer}
.myRevieListN .btn {margin-top:15px;;text-align:right}

/* 상품평 작성 */
.myReview2N {margin:12px 6px 0}
.myReview2N .info {margin:20px 10px 0}


/*
@media all and (max-width:768px) {
	
	.myReviewN .colName .c2 {width:105px}
	.myReviewN .colName2 .c2 {width:105px}
	.myRevieListN .date { right:20px}
	.myRevieListN .arr {right:20px}
	}
*/



/***************************************************************************
	2차 개발 추가 - 1:1 상담문의
***************************************************************************/



/* 상담문의 */
.replySetN {padding:7px 0}
.replySetN .tit {}
.replySetN .mail {margin:5px 0 0}
.replySetN .mail * {vertical-align:top}
.replySetN .mail .bar {position:relative;top:5px}
.replySetN .mail .selW {display:inline-block}
.replySetN .mail .selW select,
.replySetN .mail .selW input[type="text"] {width:160px;margin-bottom:5px}
@media all and (max-width:321px) {
	.replySetN .mail .selW select,
	.replySetN .mail .selW input[type="text"] {width:95px}
}
.replySetN .cell {display:block;margin:15px 0 0}
.replySetN .checkDirect {width:46%;margin:7px 0 0 110px}
.replySetN .checkSns {margin-top:7px}

.replySetN input[type="checkbox"] {vertical-align:0 !important}
.replySetN label {vertical-align:1px !important}


/* 1:1 상담 */
.myCounselN {margin:13px 6px 0}
.myCounselN .txtT {display:table;width:100%;margin-top:-3px;color:#01568d}
.myCounselN .txtT .txt {display:table-cell;padding:0 0 9px 12px;vertical-align:middle}
.myCounselN .txtT .btn {display:table-cell;width:90px;padding:0 0 9px;text-align:right;vertical-align:middle}

.myCounselN .titG  {position:relative;height:28px;line-height:28px;padding-left:12px;border-top:2px solid #7e6846;border-bottom:1px solid #d1cfc7}
.myCounselN .titG:after {display:block;clear:both;content:''}
.myCounselN .titG h3 {float:left;font-size:109%;margin-top:8px;color:#83725a}
.myCounselN .titG span {float:right;padding-right:2px}

.myCounselN .txtE {padding:9px 0 5px 12px}
.myCounselN .txtE02 {padding:9px 0 12px;text-align:center;font-weight:bold;font-size:109%}

/* 1:1 상담 : 문의  */
.myCounListN {margin-top:12px;border-top:1px solid #7e6846}
.myCounListN.fir {margin-top:0}
.myCounListN table {width:100%;text-align:center;border-collapse:collapse}
.myCounListN table th,
.myCounListN table td {padding:5px 0 3px;border:1px solid #e3e2dd}
.myCounListN table th {background:#f8f8f8}
.myCounListN table .c1 {width:20%}
.myCounListN table .c2 {width:30%}
.myCounListN table .c3 {width:20%}
.myCounListN table .c4 {width:30%}

.myCounListN table tr:first-child th,
.myCounListN table tr:first-child td {border-top:none}
.myCounListN table th:first-child,
.myCounListN table td:first-child {border-left:none}
.myCounListN table th:last-child,
.myCounListN table td:last-child {border-right:none}

.myCounListN th.no {background:#fff}
.myCounListN th.no,
.myCounListN th.al {text-align:left;padding-left:12px}
.myCounListN td.con {padding:10px 10px 22px 10px;text-align:left;color:#1c1b1b}
.myCounListN td.con a {color:#1c1b1b}


/* 1:1 상담 : 답변 */
.myCounViewN {margin:15px 0 0}
.myCounViewN dt {padding:0 15px 7px 30px;font-weight:bold;background:url("../images/common/ico_q.png") no-repeat 11px 0;background-size:12px}
.myCounViewN dd {padding:6px 15px 17px 30px;border-top:1px solid #d1cfc7;border-bottom:1px solid #d1cfc7;line-height:16px;background:#f5f5f5 url("../images/common/ico_a.png") no-repeat 11px 8px;background-size:12px}




/***************************************************************************
	2차 개발 추가 - my recent
***************************************************************************/



/*마이페이지 최근에 본 상품 */
.myItem_recent {position:relative;margin-top:20px}
.myItem_recent .con {position:relative;text-align:left;padding:0 0 0 10px}
.myItem_recent .con:after {display:block;clear:both;content:''}
.myItem_recent .con li {float:left;text-align:center;width:33.3%;margin-top:4px;padding-bottom:4px;background:url("../images/common/bg_item.png") no-repeat right bottom;background-size:contain}
.myItem_recent .con li:nth-child(3n) {background:url("../images/common/bg_item2.png") no-repeat right bottom;background-size:contain}
.myItem_recent .con li a {display:inline-block;cursor:pointer;height:100px;overflow:hidden}
.myItem_recent .con img { width:100px}
.myItem_recent .con li input {position:absolute;top:0;left:5px}
.myItem_recent .con  div{padding:0 10px 10px 15px;position:relative}

@media all and (max-width:321px) {
.myItem_recent  .con li {width:50%}
.myItem_recent  .con li:nth-child(2n) {background:url("../images/common/bg_item2.png") no-repeat right bottom;background-size:contain}
.myItem_recent .con li:nth-child(3n) {background:url("../images/common/bg_item.png") no-repeat right bottom;background-size:contain}
}


/* 이용약관 */

#contents .gTitle {border-bottom:1px solid #000;overflow:hidden;}
#contents .gTitle:first-child {margin:3px 0 0 ;}
#contents .gTitle h2 {background:url(../img/mobile/bg/bg_member.png) 0 -60px no-repeat;background-size:20px 120px;float:left;padding:0 0 3px 16px; font-size:14px;line-height:20px;}
#contents .information {padding:15px 7px;color:#000;font-size:12px;}
#contents .mAgree {padding:0 5px;font-size:11px;color:#000;}
#contents .mAgree h3 {font-size:12px;color:#000;padding:12px 10px 5px;}
#contents .mAgree .agree {border:1px solid #9d9db0;border-radius:3px;}
#contents .mAgree .agree .txt_1, .mAgree .agree .txt_2 {overflow:hidden;height:100px;padding:5px;}
#contents .mAgree .agree .btn_1, .mAgree .agree .btn_2 {text-align:center;background:#dfdfe0;}
#contents .mAgree .agree .check {padding:15px 0 0;}
#contents .mButton {overflow:hidden;margin:20px 0;text-align:center;font-size:12px;}
#contents .mButton .tSubmit2 span {border:2px solid #434451;color:#434451;display:block;padding:7px 0;border-radius:7px;background:#fff;}