@charset "UTF-8";

.hidden,small { display:none; }

ul {list-style:none;}
ul { margin: 0 0 0 0; padding: 0; }
li { margin: 0; padding: 0; }

span.hidden_span { text-indent:-10000px; overflow:hidden; height:0; font-size:0; line-height:0px; }
p.hidden_p { text-indent:-10000px; overflow:hidden; height:0; font-size:0; line-height:0px; }

.wrap-main section {	}
.block a span { display:block; overflow:hidden; width:0; height:0; font-size:0; position:absolute; }
.wrap-sub section.layout { width:1200px; padding-top:90px; }
.wrap-sub > /**/ section.layout { height:auto; }

#CouponFixed { position:fixed; left:50%; margin-left:700px; top:50%; transform:translateX(0%)translateY(-50%); display:none; padding:8px 8px 12px; border-radius:8px; background:#ff247e; z-index:111; box-shadow:1px 2px 7px 0px rgba(0, 0, 0, 0.35); }
#CouponFixedUl { display:inline-block; }
#CouponFixedUl > li { float:left; display:inline-block; clear:both; border-bottom:3px solid #fff; }
#CouponFixedUl > li:last-child { border-bottom:0px; }
#CouponFixedUl > li > a { position:relative; display:inline-block; padding:3px 8px 8px 0; text-decoration:none; }
#CouponFixedUl > li:last-child > a { padding-bottom:5px; }
#CouponFixedUl > li > a > img { display:block; max-width:117px; }
#CouponFixedUl > li > a > img.cfu_go { position:absolute; right:-21px; bottom:0px; }


/* 상단영역 시작 */
#TopArea { position:relative; width:100%; min-width:1200px; max-width:1550px; height:67px; background:#fff; margin:0 auto; }

a.logo { position:absolute; text-decoration:none; left:7px; top:1px; padding:0px 0; }
a.logo > img { display:block; }

.allmenu_btn { display:inline-block; position:absolute; left:153px; top:22px; line-height:21px; color:#9fa0a0; font-size:17px; margin:0; padding:0; border:0; background:none; }
.allmenu_btn > img { display:inline-block; vertical-align:middle; margin:-3px 8px 0 0; }

.top_member { position:absolute; right:0px; top:20px; display:inline-block; }
.top_member > li { float:left; display:inline-block; margin-left:15px; }
.top_member > li:first-child { margin-left:0px; }
.top_member > li > a { display:inline-table; width:82px; height:25px; border-radius:13px; text-decoration:none; overflow:hidden; box-shadow:1px 2px 8px 0px rgba(0,0,0,0.2); }
.top_member > li > a > span { display:table-cell; vertical-align:middle; text-align:center; font-size:13px; color:#fff; font-weight:400; line-height:1.2em; }

.tlink { position:absolute; right:55px; top:21px; display:inline-block; }
.tlink > li { float:left; display:inline-block; margin-left:40px; }
.tlink > li:first-child { margin-left:0px; }
.tlink > li > a { display:inline-block; text-decoration:none; padding-left:26px; line-height:21px; color:#9fa0a0; font-size:16px; }
.tlink > li:nth-child(1) > a { background:url("/res/images/top/qna.png") no-repeat left 3px; padding-left:25px; }
.tlink > li:nth-child(2) > a { background:url("/res/images/top/cart.png") no-repeat left 1px; }

.top_link2 { position:absolute; right:300px; top:19px; display:inline-block; }
.top_link2 > li { float:left; display:inline-block; margin-left:15px; }
.top_link2 > li:first-child { margin-left:0px; }
.top_link2 > li > a { display:inline-block; text-decoration:none; padding-left:28px; line-height:26px; color:#9fa0a0; font-size:17px; }
.top_link2 > li:nth-child(1) > a { background:url("/res/images/top/icon_customer.jpg") no-repeat left 2px; }
.top_link2 > li:nth-child(2) > a { background:url("/res/images/top/icon_cart.jpg") no-repeat left 4px; }
/* .top_link2 > li:hover > a { color:#555; } */
/* 상단영역 끝 */







/*메인 영역 시작*/
.Mainvisual_video { width:100%; min-width:1200px; max-width:1550px; height:670px; margin:0 auto; position:relative; overflow:hidden; }
.Mainvisual_catchy { width:100%; min-width:1200px; max-width:1919px; height:100%; left:0; top:0; right:0; margin:0 auto; position:absolute; background:url("/res/images/mainvisual/catchy.png") no-repeat center center; }


/*
@media screen and (min-width:1600px)  and  (max-width:1751px){
    .Mainvisual_video { width:90%; }
}

@media screen and (max-width:1600px) {
    .Mainvisual_video { width:100%; }
}
*/


.mSearchArea { width:1200px; position:absolute; left:0; top:-27px; right:0; margin:0 auto; padding:23px 25px 21px 45px; display:inline-block; background:#fff; border-radius:5px; box-shadow:3px 3px 9px 0px rgba(0,0,0,0.3); z-index:60; box-sizing:border-box; }
	.sma_box { float:right; margin:0px 0 0px 0; display:inline-block; }
	input#sma_stx { float:left; width:393px; height:50px; border:1px solid #f6f6f6; background:#fff; box-sizing:border-box; padding:0 25px 0 55px; font-size:20px; color:#555; box-shadow:inset 1px 1px 5px 0px rgba(100,100,100,0.5); border-radius:5px; outline:none; background:url("/res/images/index/search_bg.png") no-repeat left 18px top 9px; }
	input#sma_stx::-webkit-input-placeholder { color:#898989; font-weight:400; }
	input#sma_stx:-ms-input-placeholder { color:#898989; font-weight:400; }
	input#sma_stx::placeholder { color:#898989; font-weight:400; opacity:1; }
	input#sma_stx::-ms-clear { display:none; }
	input#sma_submit { float:left; width:120px; height:50px; margin-left:12px; border-radius:3px; border:0px; background:#ffa49b; color:#fff; font-size:20px; font-weight:500; }

	.sma_member { float:right; display:inline-block; }
	.sma_member > li { float:left; display:inline-block; margin-left:20px; }
	.sma_member > li:first-child { margin-left:0px; }
	.sma_member > li > a { display:inline-table; width:76px; height:76px; border-radius:50%; text-decoration:none; overflow:hidden; }
	.sma_member > li > a > span { display:table-cell; vertical-align:middle; text-align:center; font-size:16px; color:#fff; font-weight:700; padding-top:2px; }

.mCateArea { width:1200px; margin:0 auto; padding:27px 0 48px; font-size:0; }
.mCateBtnArea { width:100%; height:68px; border-bottom:1px solid #ececec; text-align:center; }
button.mCateBtn { border:0px; padding:0 2px 0 0px; margin:0; height:69px; font-size:0; background:none; margin-left:65px; outline:none; }/*padding:0 2px 0 20px;*/
button.mCateBtn > img { display:inline-block; vertical-align:middle; }
button.mCateBtn > img.off { display:inline-block; }

button.mCateBtn > span { font-size:22px; color:#888; line-height:69px; display:inline-block; vertical-align:middle; }
button.mCateBtn:hover > span { color:#000; font-weight:500; }

button.mCateBtn.on { border-bottom:4px solid #ee3681; padding-left:0px; }
button.mCateBtn.on > span {  }

button.mCateBtn.mCateBtn1:hover { background:url("/res/images/index/cate1on.png") no-repeat left -9px top 46px; }
button.mCateBtn.mCateBtn2:hover { background:url("/res/images/index/cate2on.png") no-repeat left -2px top 42px; }
button.mCateBtn.mCateBtn3:hover { background:url("/res/images/index/cate3on.png") no-repeat left -8px top 42px; }
button.mCateBtn.mCateBtn4:hover { background:url("/res/images/index/cate4on.png") no-repeat left -11px top 42px; }
button.mCateBtn.mCateBtn5:hover { background:url("/res/images/index/cate5on.png") no-repeat left -12px top 46px; }
button.mCateBtn.mCateBtn6:hover { background:url("/res/images/index/cate6on.png") no-repeat left -10px top 44px; }

.mCateCon { display:inline-block; width:100%; padding-top:30px; }
.mCateCon > li { float:left; display:inline-block; }
.mCateCon > li:first-child { margin-left:0px; }
.mCateCon > li > a { display:inline-block; text-decoration:none; }
/*
.mCateCon > li > a > .mcc_circle { float:left; width:132px; height:132px; position:relative; border-radius:50%; }
*/
.mCateCon > li > a > .mcc_circle { float:left; width:144px; height:148px; position:relative; }
/*
.mCateCon > li > a > .mcc_circle > span { position:absolute; display:inline-block; left:0px; top:-20px; font-size:100px; font-weight:900; line-height:1em; color:#896b6a; letter-spacing:-0.05em; font-family:'Nanum Gothic'; }
.mCateCon > li > a > .mcc_circle > p { padding:75px 0 0 25px; font-weight:900; font-size:17px; line-height:1.2em; font-family:'Nanum Gothic'; letter-spacing:-0.07em; }
*/
.mCateCon > li > a > .mcc_circle > img { position:absolute; left:-5px; top:0px; }
.mCateCon > li > a > .mcc_circle > img.off { display:block; }
.mCateCon > li > a > .mcc_circle > img.on { display:none; }
.mCateCon > li:hover > a > .mcc_circle > img.off { display:none; }
.mCateCon > li:hover > a > .mcc_circle > img.on { display:block; }
.mCateCon > li > a > .mcc_info { float:left; position:relative; margin-left:7px; }
.mCateCon > li > a > .mcc_info > p:nth-child(1) { font-size:20px; color:#595757; font-weight:bold; padding:20px 0 5px; line-height:1.3em; }
.mCateCon > li > a > .mcc_info > p:nth-child(2) { font-size:18px; color:#9fa0a0; line-height:1.3em; }
/*
.mCateCon > li:nth-child(1) > a > .mcc_circle { background:#ffcccc; }
.mCateCon > li:nth-child(1) > a > .mcc_circle > span { color:rgba(89,2,1, 0.6); }
.mCateCon > li:nth-child(1) > a > .mcc_circle > p { color:#895655; }

.mCateCon > li:nth-child(2) > a > .mcc_circle { background:#0245bd; }
.mCateCon > li:nth-child(2) > a > .mcc_circle > span { color:rgba(0,0,225, 0.8); }
.mCateCon > li:nth-child(2) > a > .mcc_circle > p { color:#ffffff; }

.mCateCon > li:nth-child(3) > a > .mcc_circle { background:#9174db; }
.mCateCon > li:nth-child(3) > a > .mcc_circle > span { color:rgba(32,2,120, 0.6); }
.mCateCon > li:nth-child(3) > a > .mcc_circle > p { color:#2300b7; }

.mCateCon > li:nth-child(4) > a > .mcc_circle { background:#e8e4c9; }
.mCateCon > li:nth-child(4) > a > .mcc_circle > span { color:rgba(77,56,1, 0.6); }
.mCateCon > li:nth-child(4) > a > .mcc_circle > p { color:#8b762e; }

.mCateCon > li:hover > a > .mcc_circle { box-shadow:3px 3px 10px 0px rgba(0,0,0,0.4); }
*/
.mCateCon > li:hover > a > .mcc_info > p:nth-child(1) { color:#000; }
.mCateCon > li:hover > a > .mcc_info > p:nth-child(2) { color:#444; }

.mEventArea { width:1200px; margin:0 auto; background:url("/res/images/index/event_bg.png") no-repeat 46px 16px, #f6eddc; padding:40px 0px 32px 298px; box-sizing:border-box; }
.mEVul { display:inline-block; }
.mEVul > li { float:left; display:inline-block; width:249px; margin-left:44px; }
.mEVul > li:first-child { margin-left:0px; }
.mEVul > li > a { display:inline-block; width:100%; text-decoration:none; }
.mEVul > li > a > .mEV_thumb { width:243px; height:243px; object-fit:cover; }
.mEVul > li > a > .mEV_p1 { padding:11px 20px 0; text-align:left; font-size:19px; color:#5684da; line-height:23px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; }
.mEVul > li > a > .mEV_p2 { padding:0 20px; text-align:left; font-size:17px; color:#5684da; line-height:26px; font-weight:bold; }

.mEventAreaVer2 { width:1200px; height:313px; margin:0 auto; position:relative; padding-bottom:15px; }
.mbanner_left { position:absolute; left:20px; top:130px; padding:14px 20px; background:rgba(255,255,255,0.7); z-index:3; cursor:pointer; outline:none; border-radius:50%; box-shadow:1px 1px 5px rgba(0,0,0,0.2); }
.mbanner_left:hover { background:rgba(255,255,255,1); box-shadow:3px 3px 5px rgba(0,0,0,0.4); }
.mbanner_right { position:absolute; right:20px; top:130px; padding:14px 20px; background:rgba(255,255,255,0.7); z-index:3; cursor:pointer; outline:none; border-radius:50%; box-shadow:1px 1px 5px rgba(0,0,0,0.2); }
.mbanner_right:hover { background:rgba(255,255,255,1); box-shadow:3px 3px 5px rgba(0,0,0,0.4); }

p.mTitle { line-height:35px; padding:0px 0 10px 35px; margin-top:55px; font-size:35px; color:#3e3a39; font-weight:bold; position:relative; }
p.mTitle.mTitle10::before { content:""; display:inline-block; position:absolute; left:0px; top:0px; width:21px; height:45px; background:#ffcccc; }
p.mTitle.mTitle20::before { content:""; display:inline-block; position:absolute; left:0px; top:0px; width:21px; height:45px; background:#dae1ff; }
p.mTitle.mTitle30::before { content:""; display:inline-block; position:absolute; left:0px; top:0px; width:21px; height:45px; background:#fcdf7a; }
p.mTitle.mTitle40::before { content:""; display:inline-block; position:absolute; left:0px; top:0px; width:21px; height:45px; background:#a6f0ea; }
p.mTitle.mTitle50::before { content:""; display:inline-block; position:absolute; left:0px; top:0px; width:21px; height:45px; background:#0245bd; }

.m_all { position:absolute; left:390px; top:-8px; border-radius:50%; box-shadow:1px 2px 7px 0px rgba(0, 0, 0, 0.3); }


.mt50Area { display:inline-block; width:100%; text-align:left; position:relative; }
.mt50titArea { position:absolute; left:0; top:0; right:0; width:100%; }
p.mt50tit1 { font-size:33px; line-height:1em; font-weight:400; color:rgba(255,255,255,1); position:absolute; left:35px; top:68px; 
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
p.mt50tit2 { font-size:54px; line-height:1em; font-weight:300; letter-spacing:-0.03em; color:rgba(255,255,255,0.65); position:absolute; left:32px; top:110px; 
			text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.35);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
p.mt50tit2 > span { font-weight:400; }
.mt50titArea > img { 
	position:absolute; right:51px; top:77px; 
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
ul.mt50ul { display:inline-block; width:500px; position:absolute; left:28px; top:210px; }
ul.mt50ul > li { display:inline-block; width:100%; padding:5px 0; }
ul.mt50ul > li > p { font-size:20px; color:#fff; line-height:1.2em;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}

.mt50Area:hover .mt50titArea p,
.mt50Area:hover .mt50titArea img { 
    -webkit-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -ms-transform:scale(1.03);
    -o-transform:scale(1.03);
    transform:scale(1.03);
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
	text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.35);
}

.mItemArea { display:inline-block; width:100%; z-index:10; position:relative; }/* background:#f9f9f9; */
table.mItemLayer {  }
table.mItemLayer th { text-align:left; padding:20px 32px 0 20px; vertical-align:top; }
table.mItemLayer th p { font-size:20px; line-height:1.4em; font-weight:400; }
table.mItemLayer th p.mItemTypeTitle { font-size:43px; line-height:50px; padding-bottom:30px; font-weight:300; letter-spacing:-0.1em;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    -ms-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
}
table.mItemLayer th p.mItemTypeTitle > b { font-size:70px; font-weight:700; }
table.mItemLayer th p.mItemTypeTitle > span { font-size:70px; font-weight:400; }
table.mItemLayer th.mItemType1 { background:#ffcccc; }
table.mItemLayer th.mItemType1 p { color:rgba(0,0,0,0.65); }
table.mItemLayer th.mItemType2 { background:#dae1ff; }
table.mItemLayer th.mItemType2 p { color:#777b8b; /*color:rgba(255,255,255,0.85);*/ }
table.mItemLayer th.mItemType3 { background:#fcdf7a; }
table.mItemLayer th.mItemType3 p { line-height:1.135em; color:#716336; /*color:rgba(0,0,0,0.65);*/ }
table.mItemLayer th.mItemType3 p.mItemTypeTitle { color:#716336; /*color:rgba(127,96,0,0.65);*/ }
table.mItemLayer th.mItemType4 { background:#a6f0ea; }
table.mItemLayer th.mItemType4 p { color:rgba(0,0,0,0.65); }
table.mItemLayer th.mItemType4 p.mItemTypeTitle { color:rgba(60,115,112,0.65); }
table.mItemLayer th p.mItemType_gtgt { font-size:30px; line-height:50px; display:inline-block; position:absolute; right:0px; top:0px; font-family:"Nanum Gothic"; }

table.mItemLayer td { padding:0px 55px 0px 40px; vertical-align:top; }

.mItemArea:hover .mItemTypeEasing .mItemTypeTitle { 
    -webkit-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -ms-transform:scale(1.03);
    -o-transform:scale(1.03);
    transform:scale(1.03);
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    -ms-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}


.swiper-container.swiper-mitem { width:620px; height:394px; position:relative; z-index:1; padding:0px; }
.swiper-container.swiper-mitem .swiper-slide { width:272px; position:relative; margin-right:76px; }
.swiper-container.swiper-mitem .swiper-slide > a { display:inline-block; text-decoration:none; width:100%; }
	.mitem_thumb { width:100%; height:272px; background-repeat:no-repeat; background-size:cover; background-position:center top; }
	.mitem_Name { 
		width:100%; height:40px; line-height:20px; font-size:16px; color:#222; padding-top:15px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:normal;
		word-wrap:break-word;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
	}
	.mitem_amountArea { display:inline-block; width:100%; padding-top:8px; line-height:18px; }
	.mitem_amount { float:left; color:#ee3681; font-weight:bold; font-size:14px; }
	.mitem_amount > span { font-size:13px; font-weight:400; }
	.mitem_average { float:right; color:#9fa0a0; line-height:18px; font-size:14px; }

a.mitem_more { position:absolute; right:-45px; top:25px; z-index:3; line-height:30px; font-size:16px; color:#898989; outline:none; display:inline-block; text-decoration:none; text-align:center; }
img[role="button"].mitem_left { position:absolute; left:-55px; top:145px; padding:14px 20px; background:rgba(255,255,255,0.5); z-index:3; cursor:pointer; outline:none; border-radius:50%; box-shadow:1px 1px 5px rgba(0,0,0,0.2); }
img[role="button"].mitem_left:hover { background:rgba(255,255,255,1); box-shadow:3px 3px 5px rgba(0,0,0,0.4); }
img[role="button"].mitem_right { position:absolute; right:-41px; top:155px; padding:14px 20px; background:rgba(255,255,255,0.5); z-index:3; cursor:pointer; outline:none; border-radius:50%; box-shadow:1px 1px 5px rgba(0,0,0,0.2); }
img[role="button"].mitem_right:hover { background:rgba(255,255,255,1); box-shadow:3px 3px 5px rgba(0,0,0,0.4); }


.mItemTab { display:inline-block; padding-top:12px; border-top:1px solid rgba(0,0,0,0.3); text-align:center; margin-top:23px; }
.mItemTab > ul { display:inline-block; }
.mItemTab > ul > li { float:left; margin:0 0 0 7px; background:rgba(255,255,255,0.3); border-radius:5px; position:relative; }
.mItemTab > ul > li:first-child { margin-left:0px; }
.mItemTab > ul > li > a { 
	float:left; display:inline-block; text-decoration:none; width:58px; height:64px; box-sizing:border-box; 
	color:rgba(0,0,0,0.7); font-size:17px; line-height:27px; padding:10px 0 0;
}
.mItemTab > ul > li > a::after { content:"▶"; display:block; position:absolute; left:50%; margin-left:-9px; top:40px; font-size:15px; line-height:1em; color:rgba(255,255,255,0.5); }
.mItemTab > ul > li:hover { background:rgba(255,255,255,0.5); }


.mProductArea { width:100%; min-width:1200px; max-width:1919px; position:relative; margin:0px auto 0; background:#fdaf3f; padding:20px 0 15px; z-index:2; }
.mProductArea2 { width:100%; min-width:1200px; max-width:1919px; position:relative; margin:0px auto 0; background:#fff1de; padding:40px 0 75px; z-index:2; }

.RecoArea { width:100%; min-width:1200px; max-width:1919px; position:relative; margin:0 auto; background:#efefef; padding-bottom:65px; }
.RecoAreaTitle { text-align:center; line-height:57px; border-bottom:2px solid #dcdddd; color:#595757; font-size:18px; }

p.mRecoTitle { line-height:63px; padding:48px 0 0 15px; font-size:30px; color:#595757; font-weight:900; font-family:"Nanum Gothic"; letter-spacing:-0.1em; }
table.mRecoLayer {  }
table.mRecoLayer th { text-align:left; padding:15px 0px 15px 27px; vertical-align:top; background:rgba(255,255,255,0.1); }
table.mRecoLayer th p { font-size:20px; line-height:30px; font-weight:400; color:rgba(255,255,255,1); }
table.mRecoLayer th p.mRecoTypeTitle { font-size:40px; line-height:50px; padding-bottom:40px; color:rgba(255,255,255,0.65); }
table.mRecoLayer th p.mRecoType_gtgt { font-size:30px; line-height:50px; display:inline-block; position:absolute; right:0px; top:0px; color:rgba(255,255,255,0.65); font-family:"Nanum Gothic"; }

table.mRecoLayer td { padding:5px 15px 12px 0px; vertical-align:top; background:rgba(255,255,255,0.1); }


.swiper-container.swiper-mreco { width:900px; height:363px; position:relative; z-index:1; padding:15px 15px 15px; }
.swiper-container.swiper-mreco .swiper-slide { width:280px; position:relative; margin:0 30px 0 0; font-size:0; } /* box-shadow:3px 3px 8px 0px rgba(0,0,0,0.3); */
.swiper-container.swiper-mreco .swiper-slide > a { display:inline-block; text-decoration:none; width:100%; }
.swiper-container.swiper-mreco .swiper-slide .mreco_thumb { width:100%; height:280px; background-repeat:no-repeat; background-size:cover; background-position:center top; }
.swiper-container.swiper-mreco .swiper-slide .mreco_ConCover { width:100%; display:inline-block; background:#fff; padding:8px 12px 5px; box-sizing:border-box; }
.swiper-container.swiper-mreco .swiper-slide .mreco_Name { 
															width:100%; height:40px; line-height:20px; font-size:16px; color:#222; 
															overflow:hidden;
															text-overflow:ellipsis;
															white-space:normal;
															word-wrap:break-word;
															display:-webkit-box;
															-webkit-line-clamp:2;
															-webkit-box-orient:vertical;
														}
.swiper-container.swiper-mreco .swiper-slide .mreco_Name2 { 
															width:100%; height:20px; line-height:20px; font-size:16px; color:#222; 
															overflow:hidden;
															text-overflow:ellipsis;
															white-space:normal;
															word-wrap:break-word;
															display:-webkit-box;
															-webkit-line-clamp:2;
															-webkit-box-orient:vertical;
														}
	.mreco_amountArea { display:inline-block; width:100%; padding-top:8px; line-height:18px; }
	.mreco_amount { float:left; color:#ee3681; font-weight:bold; font-size:14px; }
	.mreco_amount > span { font-size:13px; font-weight:400; }
	.mreco_average { float:right; color:#9fa0a0; line-height:18px; font-size:14px; }
/*
a.mreco_more { position:absolute; left:0px; bottom:0px; z-index:3; width:70px; height:70px; outline:none; display:inline-block; text-decoration:none; text-align:center; background:#fff; border-radius:50%; box-sizing:border-box; padding:10px 0 0; }
a.mreco_more > img { display:block; margin:0 auto; }
a.mreco_more > div { font-size:16px; color:#898989; padding-top:5px; }
*/
.mreco_more { position:absolute; left:0px; bottom:0px; border-radius:50%; box-shadow:1px 2px 7px 0px rgba(0, 0, 0, 0.3); }
.mreco_more > img { display:block; }

img[role="button"].mreco_left { position:absolute; left:0px; top:156px; padding:14px 20px; background:rgba(255,255,255,0.7); z-index:3; cursor:pointer; outline:none; border-radius:50%; box-shadow:1px 1px 5px rgba(0,0,0,0.2); }
img[role="button"].mreco_left:hover { background:rgba(255,255,255,1); box-shadow:3px 3px 5px rgba(0,0,0,0.4); }
img[role="button"].mreco_right { position:absolute; right:0px; top:156px; padding:14px 20px; background:rgba(255,255,255,0.7); z-index:3; cursor:pointer; outline:none; border-radius:50%; box-shadow:1px 1px 5px rgba(0,0,0,0.2); }
img[role="button"].mreco_right:hover { background:rgba(255,255,255,1); box-shadow:3px 3px 5px rgba(0,0,0,0.4); }


.swiper-container.swiper-mreco-once { width:936px; height:363px; position:relative; z-index:1; box-shadow:3px 3px 8px 0px rgba(0,0,0,0.3); }
.swiper-container.swiper-mreco-once .swiper-slide { width:100%; position:relative; margin:0 0px 0 0; font-size:0; }
.swiper-container.swiper-mreco-once .swiper-slide .mreco_thumb { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; }



.mTitle3 { text-align:left; padding:10px 0 10px 5px; font-size:30px; color:#ee3681; font-weight:400; line-height:1em; }
.mTitle3 > span { font-size:16px; color:#9fa0a0; line-height:1em; }
.mAlliance { display:inline-block; width:100%; box-sizing:border-box; border:1px solid #d0d0d0; padding:72px 0 65px; text-align:center; }
.mAlliance_title { font-size:36px; font-weight:300; color:#595757; line-height:1em; padding-bottom:43px; }
.mAlliance_con { color:#595757; font-size:19px; font-weight:400; }
a.mAlliance_more { display:inline-block; text-decoration:none; width:188px; height:51px; line-height:51px; border-radius:25px; background:#ee3681; text-align:center; font-size:20px; color:#fff; font-weight:400; margin-top:40px; }
a.mAlliance_more > img { display:inline-block; vertical-align:middle; margin:-3px 0 0 5px; }


.mainInstaUl { float:left; display:inline-block; }
.mainInstaUl > li { float:left; margin-left:10px; }
.mainInstaUl > li > div { float:left; cursor:pointer; width:177px; height:252px; background-size:cover; background-position:center top; background-repeat:no-repeat; }
/*메인 영역 끝*/





/*서브 영역 시작*/
.ShopListTitle { margin-bottom:15px; }
.ShopListTitle tbody tr td { text-align:left; line-height:1em; vertical-align:middle; }
.ShopListTitle tbody tr td.slt_name_eng { color:#fff; font-size:45px; font-weight:300; }
.ShopListTitle tbody tr td.slt_name { color:#000; font-size:50px; font-weight:400; }
.ShopListTitle tfoot tr td { text-align:right; line-height:1.5em; font-size:23px; color:rgba(50,50,50,0.8); padding:30px 0 5px; border-bottom:1px solid rgba(50,50,50,0.8); }
.ShopListTitle tfoot tr.other_color td { color:rgba(0,0,0,0.65); border-bottom:1px solid #000; font-weight:400; font-family:"Nanum Gothic"; }

.ShopListTitle2 { margin-bottom:15px; }
.ShopListTitle2 tbody tr td { text-align:left; line-height:1em; vertical-align:middle; }
.ShopListTitle2 tbody tr td.slt_name_eng { color:#fff; font-size:50px; font-weight:300; letter-spacing:-0.1em; }
.ShopListTitle2 tbody tr td.slt_name { color:#000; font-size:70px; font-weight:400; letter-spacing:-0.05em; }
.ShopListTitle2 tfoot tr td { text-align:right; line-height:1.5em; font-size:23px; color:rgba(50,50,50,0.8); padding:30px 0 5px; border-bottom:1px solid rgba(50,50,50,0.8); }
.ShopListTitle2 tfoot tr.other_color td { color:rgba(0,0,0,0.65); border-bottom:1px solid #000; font-weight:400; font-family:"Nanum Gothic"; }

.ShopListTitle_s { display:inline-block; width:100%; padding:55px 42px 0px; box-sizing:border-box; }
.ShopListTitle_s > div { position:relative; display:inline-block; width:100%; color:#000; font-size:25px; line-height:32px; border-bottom:1px solid #dbdbdb; padding:0px 0px 10px 34px; box-sizing:border-box; }
.ShopListTitle_s.ShopListTitle_s_10 > div::before { content:""; display:block; position:absolute; left:0px; top:0px; width:18px; height:100%; background:#ffcbcb; }
.ShopListTitle_s.ShopListTitle_s_20 > div::before { content:""; display:block; position:absolute; left:0px; top:0px; width:18px; height:100%; background:#e9e3f8; }
.ShopListTitle_s.ShopListTitle_s_30 > div::before { content:""; display:block; position:absolute; left:0px; top:0px; width:18px; height:100%; background:#fde9a5; }
.ShopListTitle_s.ShopListTitle_s_40 > div::before { content:""; display:block; position:absolute; left:0px; top:0px; width:18px; height:100%; background:#d7f8f6; }
/*
.ShopListTitle_s {  }
.ShopListTitle_s tbody tr td { text-align:left; font-size:24px; line-height:1.5em; color:rgba(0,0,0,0.65); padding:30px 0 0 30px; vertical-align:top; }
.ShopListTitle_s tbody tr th { text-align:right; font-size:55px; line-height:1.5em; padding:10px; vertical-align:top; font-weight:300; }
*/


.integrate_title { display:inline-block; width:100%; line-height:45px; font-size:35px; font-weight:bold; color:rgba(255,255,255,0.6); border-bottom:1px solid rgba(255,255,255,0.65); position:relative; margin-bottom:15px; }

section.layout .content { width:1200px; margin:0 auto; }
section.layout .content header { width:1200px; }
.shoptitle { margin-top:20px; }
section.layout .subContent {  }


.boardarea { width:1200px; margin:0 auto; padding:30px 0 100px; background:#fff; }


.subTab31 { position:relative; width:100%; height:70px; background:#fff; /*margin-top:-35px;*/ text-align:center; margin-bottom:30px; }
.subTab31 > ul { display:inline-block; margin-top:20px; }
.subTab31 > ul > li { display:inline-block; float:left; padding:0 50px; border-left:1px solid #bbbbbb; height:30px; line-height:30px; }
.subTab31 > ul > li:first-child { border-left:0px; }
.subTab31 > ul > li > a { display:inline-block; text-decoration:none; line-height:30px; color:#757575; font-size:20px; }
.subTab31 > ul > li > a:hover,
.subTab31 > ul > li > a.on { color:#000; }


/*서브 영역 끝*/



/* 게시판 영역 시작 */
.Boardpage { display:inline-block; width:100%; margin:10px auto; text-align:center; }
.Boardleftbtn { float:left; width:22%; }
.Boardrightbtn { float:right; }
table.t6 { border:0; background:#fff; padding:0 0 0 0; margin:0 auto; }
table.t6 td { border:1px solid #d0d0d0; width:28px; padding:0; margin:0; height:28px; text-align:center; vertical-align:middle; color:#595959; background:#fff; font-size:14px; }
table.t6 td.td-remo { text-align:right; padding:0 13px 0 0; border:0; width:8px; margin:0; }
table.t6 td.td-remo2 { text-align:left; padding:0 0 0 13px; border:0; width:8px; margin:0; }
table.t6 td.td-con { border:0; }
table.t6 td.td-on { background:#1f1f1f; color:#dcdcdc; border:1px solid #1f1f1f; }
table.t6 td a { display:inline-block; width:100%; height:28px; line-height:28px; color:#222; text-decoration:none; }
table.t6 td.td-on a:link { color:#dcdcdc; }
table.t6 td.td-on a:visited { color:#dcdcdc; }
table.t6 td.td-on a:hover { color:#dcdcdc; }
table.t6 td.td-on a:active { color:#dcdcdc; }
table.t6 thead th, table.t1 tfoot th { text-align:center; vertical-align:middle; }
/* 게시판 영역 끝 */


/* 카피영역 시작 */
.copy_p { color:#b08550; font-size:15px; }
.copy_p > span { font-weight:bold; display:inline-block; margin:0 5px 0 50px; }

a.copy_a { display:inline-block; width:118px; height:27px; line-height:27px; border:1px solid #7f7f7f; color:#d0d0d0; font-size:13px; text-align:center; display:inline-block; text-decoration:none; margin-left:5px; }
a.copy_a:hover { border:1px solid #ddd; color:#fff; }
a.copy_a2 { display:inline-block; width:120px; height:29px; line-height:29px; background:#2c2c2c; color:#d0d0d0; font-size:13px; text-align:center; display:inline-block; text-decoration:none; }
a.copy_a2:hover { background:#2f2f2f; color:#fff; }
a.copy_it9 { position:absolute; right:49px; bottom:7px; }
/* 카피영역 끝 */

.gotoTop { position:fixed; right:25px; bottom:90px; z-index:300; display:none; cursor:pointer; }


/* 회원가입 영역 시작 */
.regi_status { width:100%; height:81px; display:inline-block; border-top:1px solid #898989; border-bottom:1px solid #898989; margin-top:30px; }
.regi_status > li { float:left; display:inline-block; width:33.3%; height:81px; position:relative; }
.regi_status > li:not(:last-child) { background:url("/res/images/regi_arrow.png") no-repeat right center; }
.regi_status > li:not(:last-child).on { background:url("/res/images/regi_arrow_on.png") no-repeat right center; }
.regi_status > li.on::before { content:""; display:block; position:absolute; left:0; right:0; top:-1px; width:100%; height:3px; background:#5684da; }
.regi_status > li.on::after { content:""; display:block; position:absolute; left:0; right:0; bottom:-1px; width:100%; height:3px; background:#5684da; }
.regi_status > li > div { display:inline-table; width:100%; height:100%; }
.regi_status > li > div > div { display:table-cell; vertical-align:middle; text-align:center; font-size:22px; color:#898989; font-weight:400; line-height:1.2em; }
.regi_status > li.on > div > div { color:#5684da; }
.regi_status > li > div > div > b { letter-spacing:-0.07em; }

.regi_steptitle { color:#222; font-weight:500; font-size:50px; padding:60px 0 0 0px; line-height:1em; }
.regi_steptitle > span { display:inline-block; position:relative; font-size:45px; font-weight:500; vertical-align:middle; line-height:1em; margin-top:-5px; letter-spacing:-3px; }
.regi_steptitle > span::before { content:"step"; display:inline-block; position:absolute; left:0px; top:-22px; right:0; width:100%; line-height:1em; font-size:20px; letter-spacing:-1px; font-weight:300; text-align:center; }

.regi_title { display:inline-block; width:100%; line-height:56px; color:#000; font-size:25px; font-weight:400; padding:0; box-sizing:border-box; border-bottom:1px solid #000; margin:50px 0 15px; }
/* 회원가입 영역 끝 */

/* 상품영역 */
.ShopCover { padding:0px 0 100px; background:#fff; box-sizing:border-box; }
.ShopCover.ShopCoverBlank { padding:65px 55px 100px; }
.ShopCover.ShopCoverBlank2 { padding:20px 20px 100px; }
a.cart_item_name { text-decoration:none; color:#595757; font-weight:700; }

.star_off { color:#dce0e3; font-size:0; line-height:0;  }
.star_on { color:#f53333; font-size:0; line-height:0;  }
.star_icon { display:inline-block; vertical-align:top; }


.c1 {background:#999999;}
.c2 {}


/*

.cartsub_top > thead > tr > th { vertical-align:top; text-align:left; font-size:17px; font-weight:400; padding:10px; border-top:1px solid #eaeaea; }
.cartsub_top > thead > tr > td { vertical-align:top; text-align:center; font-size:17px; padding:10px 0; border-top:1px solid #eaeaea; }
.cartsub_top > tbody > tr > th { vertical-align:top; text-align:left; font-size:16px; font-weight:400; padding:10px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
.cartsub_top > tbody > tr > td { vertical-align:top; text-align:center; font-size:16px; padding:10px 0; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }


.cartsub_top > thead > tr > th:first-child { border-left:1px solid #eaeaea; border-top-left-radius:10px; border-bottom-left-radius:10px; }
.cartsub_top > thead > tr > th:last-child { border-right:1px solid #eaeaea; border-top-right-radius:10px; border-bottom-right-radius:10px; }
.cartsub_top > thead > tr > td:first-child { border-left:1px solid #eaeaea; border-top-left-radius:10px; border-bottom-left-radius:10px; }
.cartsub_top > thead > tr > td:last-child { border-right:1px solid #eaeaea; border-top-right-radius:10px; border-bottom-right-radius:10px; }
.cartsub_top > thead > tr:last-child > th,
.cartsub_top > thead > tr:last-child > td { border-bottom:1px solid #eaeaea; }

.cartsub_top > tbody > tr > th:first-child { border-left:1px solid #eaeaea; border-top-left-radius:10px; border-bottom-left-radius:10px; }
.cartsub_top > tbody > tr > th:last-child { border-right:1px solid #eaeaea; border-top-right-radius:10px; border-bottom-right-radius:10px; }
.cartsub_top > tbody > tr > td:first-child { border-left:1px solid #eaeaea; border-top-left-radius:10px; border-bottom-left-radius:10px; }
.cartsub_top > tbody > tr > td:last-child { border-right:1px solid #eaeaea; border-top-right-radius:10px; border-bottom-right-radius:10px; }

.cartsub_top > thead > tr > th.td_no_line,
.cartsub_top > thead > tr > td.td_no_line,
.cartsub_top > tbody > tr > th.td_no_line,
.cartsub_top > tbody > tr > td.td_no_line { border:0px; }

.cartsub_top > tbody > tr > td > a { text-decoration:none; color:#5684da; }



.cartsub_top2 > thead > tr > th { vertical-align:top; text-align:left; font-size:17px; font-weight:400; padding:10px; border-top:1px solid #eaeaea; }
.cartsub_top2 > thead > tr > td { vertical-align:top; text-align:center; font-size:17px; padding:10px 0; border-top:1px solid #eaeaea; }
.cartsub_top2 > tbody > tr > th { vertical-align:top; text-align:left; font-size:16px; font-weight:400; padding:10px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
.cartsub_top2 > tbody > tr > td { vertical-align:top; text-align:center; font-size:16px; padding:10px 0; border-top:1px solid #eaeaea; }

.cartsub_top2 > thead > tr > th:first-child { border-left:1px solid #eaeaea; border-top-left-radius:10px; border-bottom-left-radius:10px; }
.cartsub_top2 > thead > tr > th:last-child { border-right:1px solid #eaeaea; border-top-right-radius:10px; border-bottom-right-radius:10px; }
.cartsub_top2 > thead > tr > td:first-child { border-left:1px solid #eaeaea; border-top-left-radius:10px; border-bottom-left-radius:10px; }
.cartsub_top2 > thead > tr > td:last-child { border-right:1px solid #eaeaea; border-top-right-radius:10px; border-bottom-right-radius:10px; }
.cartsub_top2 > thead > tr:last-child > th,
.cartsub_top2 > thead > tr:last-child > td { border-bottom:1px solid #eaeaea; }

.cartsub_top2 > tbody > tr > th:first-child { border-left:1px solid #eaeaea; }
.cartsub_top2 > tbody > tr > th:last-child { border-right:1px solid #eaeaea; }
.cartsub_top2 > tbody > tr > td:first-child { border-left:1px solid #eaeaea; }
.cartsub_top2 > tbody > tr > td:last-child { border-right:1px solid #eaeaea; }

.cartsub_top2 > tbody > tr:first-child > th:first-child { border-top-left-radius:10px; }
.cartsub_top2 > tbody > tr:first-child > th:last-child { border-top-right-radius:10px; }
.cartsub_top2 > tbody > tr:first-child > td:first-child { border-top-left-radius:10px; }
.cartsub_top2 > tbody > tr:first-child > td:last-child { border-top-right-radius:10px; }
.cartsub_top2 > tbody > tr:last-child > th:first-child { border-bottom-left-radius:10px; }
.cartsub_top2 > tbody > tr:last-child > th:last-child { border-bottom-right-radius:10px; }
.cartsub_top2 > tbody > tr:last-child > td:first-child { border-bottom-left-radius:10px; }
.cartsub_top2 > tbody > tr:last-child > td:last-child { border-bottom-right-radius:10px; }

.cartsub_top2 > tbody > tr:last-child > th,
.cartsub_top2 > tbody > tr:last-child > td { border-bottom:1px solid #eaeaea; }

.cartsub_top2 > thead > tr > th.td_no_line,
.cartsub_top2 > thead > tr > td.td_no_line,
.cartsub_top2 > tbody > tr > th.td_no_line,
.cartsub_top2 > tbody > tr > td.td_no_line { border:0px !important; }

.cartsub_top2 > tbody > tr > td > a { text-decoration:none; color:#5684da; }
*/

.cartsub_top > thead > tr > th { vertical-align:top; text-align:left; font-size:17px; font-weight:400; padding:12px 0 12px 30px; background:#f2f2f3; font-weight:700; }
.cartsub_top > thead > tr > td { vertical-align:top; text-align:center; font-size:17px; padding:12px 0; background:#f2f2f3; font-weight:700; }
.cartsub_top > tbody > tr > th { vertical-align:top; text-align:left; font-size:16px; font-weight:400; padding:10px; border-bottom:1px solid #c9caca; }
.cartsub_top > tbody > tr > td { vertical-align:top; text-align:center; font-size:16px; padding:10px 0; border-bottom:1px solid #c9caca; }

.cartsub_top > thead > tr > th.td_no_line,
.cartsub_top > thead > tr > td.td_no_line,
.cartsub_top > tbody > tr > th.td_no_line,
.cartsub_top > tbody > tr > td.td_no_line { padding:10px 0 0; border:0px; }

.cartsub_top > tbody > tr > td > a { text-decoration:none; color:#5684da; }


.cartsub_top2 > thead > tr > th { vertical-align:top; text-align:left; font-size:17px; font-weight:400; padding:10px; border-bottom:1px solid #eaeaea; }
.cartsub_top2 > thead > tr > td { vertical-align:top; text-align:center; font-size:17px; padding:10px 0; border-bottom:1px solid #eaeaea; }
.cartsub_top2 > tbody > tr > th { vertical-align:top; text-align:left; font-size:16px; font-weight:400; padding:10px; border-bottom:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
.cartsub_top2 > tbody > tr > td { vertical-align:top; text-align:center; font-size:16px; padding:10px 0; border-bottom:1px solid #eaeaea; }

.cartsub_top2 > thead > tr > th.td_no_line,
.cartsub_top2 > thead > tr > td.td_no_line,
.cartsub_top2 > tbody > tr > th.td_no_line,
.cartsub_top2 > tbody > tr > td.td_no_line { padding:10px 0 0; border:0px; }

.cartsub_top2 > tbody > tr > td > a { text-decoration:none; color:#000; font-weight:bold; }

.cartsub_top.cartsub_textleft > tbody > tr > th { text-align:left; padding:10px; vertical-align:middle; }
.cartsub_top.cartsub_textleft > tbody > tr > td { text-align:left; padding:10px; vertical-align:middle; }

/* 상단 익스6에서 글자 짤리는거 방지소스.. */
/* .cartsub_top td {line-height:1.2;} */





.cartsub {width:100%;}
.cartsub, .cartsub td, .cartsub tr, .cartsub small, .cartsub font {font-family:돋움; !important}
.cartsub FONT {font-weight:bold;}
.cartsubtext { padding:20px;}


/* 상품리스트 영역 */
.cartBtn {background:#4b4b4b;color:#ffffff;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.cartBtn:hover {background:#ffffff;color:#000000;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.shop_btns { padding:0 0 20px 0; }
.shop_btns a:hover {text-decoration:none;}

.shop_page { clear:both; text-align:center; margin:20px 0 30px 0; display:inline-block; width:100%; font-size:0px; }
.shop_page a { display:inline-block; vertical-align:middle; text-decoration:none; margin:0 3px; }
.shop_page a.page_text { color:#999898; font-size:14px; margin:0 10px; }
.shop_page a.now_on_page { color:#ec2a2a; }
.shop_page .page_bg1 { background:#919191; border:1px solid #ddd; }
.shop_page .page_bg2 { background:#ec2a2a; border:1px solid #ddd; }
.shop_page .page_bg1 img { display:block; }
.shop_page .page_bg2 img { display:block; }
/* 상품리스트 영역 끝 */


/* 아이템 영역 */
.cartBtn {background:#4b4b4b;color:#ffffff;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.cartBtn:hover {background:#ffffff;color:#000000;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.shop_btns a:hover {text-decoration:none;}

.vleft_img {width:560px; margin:0px 0 0 0px; float:left; display:inline-block;  }
.vimg { display:block; width:560px; height:560px; position:relative; border:1px solid #e1e1e1; }

.thum_img { margin-top:9px; padding:0; height:65px; width:auto; text-align:center }
.thum_img img { width:60px; height:60px; border:1px solid #c0c0c0; margin:0 4px; display:inline-block }

.vright { float:left; width:570px; margin:0px 0px 0 50px; display:inline-table; font-family:"Noto Sans KR"; text-align:left; font-weight:400; position:relative; }

#zoom_area { position:absolute; left:-37px; top:-2px; width:400px; height:400px; background:rgba(0,0,0,0.2); display:none; overflow:hidden; border:3px solid gray;}

.vright > div { display:table-cell; vertical-align:top; }

.vright h3 { padding:0; font-size:38px; color:#000000; line-height:44px; display:block; }
.it_basic { font-size:16px; color:#b8b8b8; font-weight:400; line-height:25px; margin-bottom:25px; }
.vright_con { width:100%; color:#4b4b4b; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:40px 0; }
.vright_con th { padding:5px 0 5px 10px; text-align:left; font-size:16px; color:#414141; }
.vright_con td { padding:5px 0 5px 0px; vertical-align:top;font-size:14px;  }

.cnt_amount { display:inline-block; width:100%; margin:30px 0 30px; }
/*
.v_btn { padding:0px 0 0 0; list-style:none; width:100%; display:inline-block; }
.v_btn li { float:left; }
.v_btn li img { display:block; }
.v_btn li a { text-decoration:none; }

.vbanner { float:right; position:relative; display:inline-block; }
.vbanner .v_left { position:absolute; right:24px; top:0px; cursor:pointer; }
.vbanner .v_right { position:absolute; right:0px; top:0px; cursor:pointer; }

.pro_btn { width:183px; height:43px; text-align:center; line-height:40px; font-size:16px; }

.btn_buy { border:1px solid #4a4a4a; color:#fff; background:#4a4a4a; }
.btn_buy:hover { background:#ff9c00; border:1px solid #ff9c00; }
.ather_btn { border:1px solid #b0b0b0; color:#555; }
.ather_btn:hover { border:1px solid #333; }
*/
.product_icon { width:100%; height:20px; text-align:right; }


.slt_add_option {width:100%; padding:6px 0px; font-size:14px; }
select.slt_add_option:disabled,
select.slt_add_option[disabled],
select.slt_add_option[disabled='disabled']::-ms-value { color:#afafaf; background-color:#f1f1f1; }

.opt_name { display:inline-block; font-size:14px; }
.opt_amount { display:inline-block; font-size:14px; text-align:right; }

.div_add_options_nosltopt { width: 100%;  padding: 0%;   background-color: white;  margin: 10px 0px 30px 0px;}
.div_add_options_nosltopt .tit {padding:3px 0px 0px 0px; font-size:16px; font-weight:bold; display:inline-block;}
.div_add_options_nosltopt .cont {width:85%; font-weight:bold; float:right; display:inline-block; }
.div_add_options_nosltopt .slt_add_option {width:100%; padding:5px 0px; font-size:13px;}

.div_add_options {float: right; width: 95%;  padding: 0%;   background-color: white;  margin: 10px 0px 30px 5%;}
.div_add_options .tit {padding:5px; font-weight:bold;}
.div_add_options .cont {padding-left:20px; font-weight:bold;}
.div_add_options .slt_add_option {width:100%; padding:3px 0px; font-size:13px;}

/* 아이템 영역 끝 */



/* 장바구니 */
.cartBtn {background:#4b4b4b;color:#ffffff;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.cartBtn:hover {background:#ffffff;color:#000000;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.cart_btns a:hover {text-decoration:none;}

.cart_item_option_hr { border:0px; border-top:1px dashed #aaaaaa; }
.cart_item_option { padding:8px 0; }
.cart_item_option li { margin-top:4px; color:#595757; font-size:14px; }
.cart_item_option_name { display:inline-block; padding:1px 5px; text-align:center; border-right:1px solid #3d3d3d; border-left:1px solid #3d3d3d;  color:#3d3d3d; border-radius:4px;}



table.b7 {width:100%;border:0;background:#fff;padding:0 0 0 0;}
table.b7 th {padding: 0;font-size:13px;background:#f4f4f4;font-weight:bold;color:#1f1f1f;height:38px;border-top:1px solid #455560;border-bottom:1px solid #455560;}
table.b7 td {border-bottom:1px solid #c7cccf;padding:0;height:40px;text-align:center;vertical-align:middle;color:#5e5e5e;background:#fff;}
table.b7 th.th-right {width:75px;}
table.b7 td.td-topone {border-bottom:1px solid #a2aaaf;height:1px;}
table.b7 td.td-top {}
table.b7 td.td-bottom {border-bottom:1px solid #1f1f1f;}
table.b7 td.td-bottom2 {border-bottom:1px solid #a2aaaf;height:40px;background:#f4f4f4;}
table.b7 td.Boardtit {text-align:left;padding:0 0 0 10px;}
table.b7 thead th, table.t1 tfoot th { text-align: center; vertical-align: middle;}

/* 장바구니 끝 */



/* 결제창 */
.cartBtn {background:#4b4b4b;color:#ffffff;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:13px;}
.cartBtn:hover {background:#ffffff;color:#000000;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:13px;}
.shop_btns a:hover {text-decoration:none;}
.left_tit { font-size:16px; font-weight:400; float:left; padding-left:10px; }
/* .cartBtn {background:#4b4b4b;color:#ffffff;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.cartBtn:hover {background:#ffffff;color:#000000;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.shop_btns a:hover {text-decoration:none;} */
.od_group {box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); border-radius:3px; overflow:hidden;}
.od_group_title { background-color:#efefef; position:relative; left:-10px; width:105%; height:37px; font-size:17px; padding-top:10px; padding-left:15px; font-weight:bold; color:#4d4d4d;}
.od_group table.od_group_table td {font-size:15px;}
.od_group table {margin:10px 0 10px 0; width:100%;}
.od_group table td {height:30px;}
.od_group table td input, .od_group table td select, .od_group table td textarea  {padding:6px; border:1px solid #afafaf; box-shadow:#efefef 1px 1px 1px;}
.btn_settlecase { border:2px solid #aaa; font-size:15px; width:170px; display:inline-block; cursor:pointer; padding:10px 5px; clear:both; border-radius:2px; background-color:#ffffff; margin-bottom:5px; text-align:center; }
.btn_settlecase label { position:relative; margin-left:1px; display:inline-block; cursor:pointer; }
.btn_settlecase input { width:1px; height:1px; margin:0; padding:0; }
.btn_settlecase.on {border:2px solid #CC0000; color:#CC0000; font-size:15px;}
.multi_delivery_title { border: 1px solid #9f9f9f; background-color:#fff; border-radius:3px; font-weight:bold;}
/* 결제창 끝 */



/* 마이페이지 */
.mybonus {  }
.mybonus > tbody > tr > td { vertical-align:middle; text-align:center; padding:15px 0; background:#ffc1c6; position:relative; }
.mybonus > tbody > tr > td > a { display:inline-block; text-decoration:none; }
.mybonus > tbody > tr > td.mybo_name { font-size:25px; color:#000; font-weight:700; padding:15px 5px 15px 20px; text-align:left; }
.mybonus > tbody > tr > td.mybo_name > span { font-size:21px; }
.mybonus > tbody > tr > td p.mybo_tit { color:#777; font-size:20px; }
.mybonus > tbody > tr > td p.mybo_con { color:#ee3681; font-size:25px; padding-top:0px; font-weight:700; }
.mybo_line { width:1px; height:-webkit-calc(100% - 40px); height:calc(100% - 40px); display:inline-block; position:absolute; left:0; top:20px; right:0; margin:0 auto; background:#b2878a; }


.mypage_tit { line-height:30px; font-size:20px; color:rgba(0,0,0,0.65); border-bottom:1px solid rgba(0,0,0,0.65); padding-top:20px; margin-bottom:10px; font-weight:700; }
.mypage_tit2 { line-height:20px; font-size:20px; color:rgba(0,0,0,0.65); border-bottom:1px solid rgba(0,0,0,0.65); padding:60px 5px 5px; margin-bottom:10px; display:inline-block; width:100%; box-sizing:border-box; font-weight:700; }
.mypage_tit3 { display:inline-block; width:100%; line-height:40px; position:relative; padding-left:30px; margin:50px 0 15px; box-sizing:border-box; border-bottom:1px solid #b3b2b2; color:#000; font-size:21px; font-weight:700; }
.mypage_tit3::before { content:""; display:block; position:absolute; left:0px; top:0px; width:20px; height:41px; background:#ffd1e4; line-height:1em; }

.mypage_table {  }
.mypage_table > tbody > tr > th { padding:10px 0 10px 30px; text-align:left; font-size:15px; color:rgba(0,0,0,0.65); border-bottom:1px solid #c9caca; vertical-align:middle; font-weight:400; }
.mypage_table > tbody > tr > td { padding:10px; text-align:left; font-size:15px; color:rgba(0,0,0,0.65); border-bottom:1px solid #c9caca; vertical-align:middle; font-weight:400; }
.mypage_table > tbody > tr > td.none_td { border:0px; padding:0px; font-size:0; }
.mypage_table > tbody > tr:last-child > th,
.mypage_table > tbody > tr:last-child > td { border-bottom:1px solid #b2b2b2; }

.mypage_tb .mp_it_tit { padding:9px 9px 9px 10px; font-size:9pt; font-weight: bold; border-right:1px solid #999999; border-bottom:1px solid #999999; }
.mypage_tb .mp_it_tit2 { padding:9px 9px 9px 10px; font-size:9pt; font-weight: bold; border-right:1px solid #999999; border-bottom:1px solid #999999; border-left:1px solid #999999; }
.mypage_tb .mp_it_cont { padding:9px 9px 9px 10px; font-size:9pt; border-bottom:1px solid #999999; }
.mypageBtn span{background:#4b4b4b;color:#ffffff;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.mypageBtn span:hover {background:#ffffff;color:#000000;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.mypageBtn:hover {text-decoration:none;}
/* 마이페이지 끝 */




/* 버튼 */
/*
span.btnBack { display:inline-block; background-color:#CACACA; color:#5d5d5d; padding:15px 10px; position:relative; font-size:15px; font-weight:bold; top:0px; border-radius:3px; cursor:pointer; }
span.btnOK { display:inline-block; background-color:#404040; color:white; padding:15px 10px; position:relative; font-size:15px; font-weight:bold; top:0px; border-radius:3px; cursor:pointer; }

*/
span.btnBack { display:inline-block; width:120px; height:50px; line-height:50px; background-color:#CACACA; color:#222; position:relative; font-size:15px; font-weight:bold; border-radius:4px; cursor:pointer; }
span.btnOK { display:inline-block; width:120px; height:50px; line-height:50px; background-color:#ee3681; color:#fff; position:relative; font-size:15px; font-weight:bold; border-radius:4px; cursor:pointer; }

span.btn1 { cursor:pointer; display:inline-block; border:1px solid #ee3681; background-color: #ee3681; color:#ffffff; padding:6px 10px; position:relative; top:0px; border-radius:4px;}
span.btn1-o { cursor:pointer; display:inline-block; border:1px solid #c9caca; background:#fff; color:#595757; padding:6px 10px; position:relative; top:0px; border-radius:4px;}
span.btn1:hover, span.btn1-o:hover { box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); }
span.btn1.big, span.btn1-o.big {font-size:15px; padding:10px 15px;}
span.btn1.small, span.btn1-o.small {font-size:13px; padding:5px 9px;}
span.rvbtn2 { display:inline-block; font-size:14px; border:1px solid #c9caca; background:#fff; color:#595757; padding:2px 5px; border-radius:4px; text-decoration:none; }
span.rvbtn2:hover { box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); }

span.label_black { font-size:12px; border:solid 1px #616161; padding:8px 6px; line-height:1; border-radius:2px; display:inline-block; color:#616161; text-align:center; }
span.label_orange { font-size:12px; border:solid 1px #ef8100; padding:8px 6px; line-height:1; border-radius:2px; display:inline-block; color:#CB4D00; text-align:center; }
span.label_green { font-size:12px; border:solid 1px #2ba600; padding:8px 6px; line-height:1; border-radius:2px; display:inline-block; color:#228101; text-align:center; }
span.label_gray { font-size:12px; border:solid 1px #a9a9a9; padding:8px 6px; line-height:1; border-radius:2px; display:inline-block; color:#707070; text-align:center; }
span.label_blue { font-size:12px; border:solid 1px #009bec; padding:8px 6px; line-height:1; border-radius:2px; display:inline-block; color:#0276cb; text-align:center; }
span.label_purple { font-size:12px; border:solid 1px #7a00e2; padding:8px 6px; line-height:1; border-radius:2px; display:inline-block; color:#7a00e2; text-align:center; }

.cancel_submit { display:inline-block; width:50px; height:30px; background-color:#ee3681; color:#fff; position:relative; font-size:15px; font-weight:bold; border-radius:4px; border:0; margin:0; padding:0; }
/* 버튼 끝 */





/* 커스텀 체크,라디오,셀렉트박스 */
.transparent_sltbox_wrapper {position:relative; display:inline-block;}

.transparent_radio_wrapper {position:relative; display:inline-block; cursor:pointer;}
.transparent_radio_wrapper span {position:relative; display:inline-block; top:-2px;}
.transparent_radio_wrapper span img{position:relative;  display:inline-block; width:21px; top:4px;}
.transparent_radio_focus_area {position:absolute; top:0px; left:0px; width:21px; height:21px;font-size:1px; text-decoration:none !important;}

.transparent_chkbox_wrapper {position:relative; display:inline-block; cursor:pointer;}
.transparent_chkbox_wrapper span {position:relative; display:inline-block; top:1px; font-size:15px; color:rgba(0,0,0,0.65); }
.transparent_chkbox_wrapper span img {position:relative;  display:inline-block; width:21px; top:4px; }
.transparent_chkbox_focus_area {position:absolute; top:0px; left:0px; width:21px; height:21px;font-size:1px; text-decoration:none !important;}

.transparent_sltbox {width:100%;height:100%; position:absolute; top:0px; left:0px; opacity:0;}
.transparent_chkbox {width:100%;height:100%; position:absolute; top:0px; left:0px; opacity:0; margin:0 0 0 15%;}
.transparent_radio {width:100%;height:100%; position:absolute; top:0px; left:0px; opacity:0; margin:0 0 0 15%;}
.transparent_date {width:100%;height:100%; position:absolute; top:0px; left:0px; opacity:0;}
/* 커스텀 체크,라디오,셀렉트박스 끝*/