@CHARSET "EUC-KR";
@import url('/m/css/default.css');
@import url('/m/css/layout.css');
@import url('/m/css/common.css');

/* pantoneArea */
.pantoneArea img{width:100%;}
	.pantoneArea .headArea {background:#c2f2f0;}
	.pantoneArea .headArea p {padding:21px 0 15px 0; text-align:center;}
	.pantoneArea .headArea p img{width:187px;}
	.pantoneArea .pantoneTab{padding:10px 10px 0 10px; box-sizing:border-box;}
	.pantoneArea .pantoneTab:after{content:""; display:block; clear:both;}
	.pantoneArea .pantoneTab li{float:left; padding-right:5px; width:25%; height:48px; box-sizing:border-box;text-align:center;}
	.pantoneArea .pantoneTab li a{display:inline-block; width:70px; height:100%; }
	.pantoneArea .pantoneTab li a.tab1{background:url("/m/images/vdlpantone/tab1_off.jpg") no-repeat 0 0; background-size:100% auto;}
	.pantoneArea .pantoneTab li.on a.tab1{background:url("/m/images/vdlpantone/tab1_on.jpg") no-repeat 0 0; background-size:100% auto;}
	.pantoneArea .pantoneTab li a.tab2{background:url("/m/images/vdlpantone/tab2_off.jpg") no-repeat 0 0; background-size:100% auto;}
	.pantoneArea .pantoneTab li.on a.tab2{background:url("/m/images/vdlpantone/tab2_on.jpg") no-repeat 0 0; background-size:100% auto;}
	.pantoneArea .pantoneTab li a.tab3{background:url("/m/images/vdlpantone/tab3_off.jpg") no-repeat 0 0; background-size:100% auto;}
	.pantoneArea .pantoneTab li.on a.tab3{background:url("/m/images/vdlpantone/tab3_on.jpg") no-repeat 0 0; background-size:100% auto;}
	.pantoneArea .pantoneTab li a.tab4{background:url("/m/images/vdlpantone/tab4_off.jpg") no-repeat 0 0; background-size:100% auto;}
	.pantoneArea .pantoneTab li.on a.tab4{background:url("/m/images/vdlpantone/tab4_on.jpg") no-repeat 0 0; background-size:100% auto;}
	.pantoneArea .pantoneTab li a.tab5{background:url("/m/images/vdlpantone/tab5_off.jpg") no-repeat 0 0; background-size:100% auto;}
	.pantoneArea .pantoneTab li.on a.tab5{background:url("/m/images/vdlpantone/tab5_on.jpg") no-repeat 0 0; background-size:100% auto;}
	.pantoneArea .pantoneTab li a.tab6{background:url("/m/images/vdlpantone/tab6_off.jpg") no-repeat 0 0; background-size:100% auto;}
	.pantoneArea .pantoneTab li.on a.tab6{background:url("/m/images/vdlpantone/tab6_on.jpg") no-repeat 0 0; background-size:100% auto;}
	.pantoneArea .pantoneTab li a.tab7{background:url("/m/images/vdlpantone/tab7_off.jpg") no-repeat 0 0; background-size:100% auto;}
	.pantoneArea .pantoneTab li.on a.tab7{background:url("/m/images/vdlpantone/tab7_on.jpg") no-repeat 0 0; background-size:100% auto;}
	.pantoneArea .pantone .movieArea{text-align:center;}
	.pantoneArea .collection p{position:relative;}
	.pantoneArea .collection p a{position:absolute; left:50%; margin-left:-26px;}
	.pantoneArea .collection p a img{width:37%;}
	.pantoneArea .collection p a.btn1, .pantoneArea .collection p a.btn3, .pantoneArea .collection p a.btn5, .pantoneArea .collection p a.btn6, .pantoneArea .collection p a.btn8{top:48%;}
	.pantoneArea .collection p a.btn2{top:43%;}
	.pantoneArea .collection p a.btn4{top:52%;}
	.pantoneArea .collection p a.btn7{top:44%;}
	.pantoneArea .intel .btnArea a{display:inline-block; width:49%;} 
	.pantoneArea .intel p.btnTab{padding:20px 0;} 
	.pantoneArea .intel .btnArea p.btnTab{float:left; width:50%;} 
	.pantoneArea .intel .btnArea p.btnTab a{width:97%;} 

	.pantoneArea .intel .productArea div a{display:inline-block; position:absolute; left:47%; width:25%;} 
	.pantoneArea .intel .product1{position:relative;} 
	.pantoneArea .intel .product1 a.btn1{top:16%;} 
	.pantoneArea .intel .product1 a.btn2{top:41%;} 
	.pantoneArea .intel .product1 a.btn3{top:66%;} 
	.pantoneArea .intel .product1 a.btn4{top:84%;} 
	.pantoneArea .intel .product2{position:relative;}
	.pantoneArea .intel .product2 a.btn1{top:16%;} 
	.pantoneArea .intel .product2 a.btn2{top:41%;} 
	.pantoneArea .intel .product2 a.btn3{top:66%;} 
	.pantoneArea .intel .product2 a.btn4{top:84%;}  
	.pantoneArea .intel .product3{position:relative;} 
	.pantoneArea .intel .product3 a.btn1{top:22%;} 
	.pantoneArea .intel .product3 a.btn2{top:47%;} 
	.pantoneArea .intel .product3 a.btn3{top:72%;} 
	.pantoneArea .intel .product3 a.btn4{top:91%;}  
	.pantoneArea .intel .product4{position:relative;}
	.pantoneArea .intel .product4 a.btn1{top:22%;} 
	.pantoneArea .intel .product4 a.btn2{top:47%;} 
	.pantoneArea .intel .product4 a.btn3{top:72%;} 
	.pantoneArea .intel .product4 a.btn4{top:91%;}   
	.pantoneArea .intel .product5{position:relative;} 
	.pantoneArea .intel .product5 a.btn1{top:16%;} 
	.pantoneArea .intel .product5 a.btn2{top:41%;} 
	.pantoneArea .intel .product5 a.btn3{top:66%;} 
	.pantoneArea .intel .product5 a.btn4{top:84%;}  
	.pantoneArea .intel .product6{position:relative;}
	.pantoneArea .intel .product6 a.btn1{top:16%;} 
	.pantoneArea .intel .product6 a.btn2{top:34%;} 
	.pantoneArea .intel .product6 a.btn3{top:59%;} 
	.pantoneArea .intel .product6 a.btn4{top:78%;}   
	.pantoneArea .intel .productArea div.proView a{display:inline-block; position:absolute; left:73%; width:26%;}
	.pantoneArea .intel .product1 a.btn5{top:16%;} 
	.pantoneArea .intel .product1 a.btn6{top:41%;} 
	.pantoneArea .intel .product1 a.btn7{top:66%;} 
	.pantoneArea .intel .product1 a.btn8{top:84%;} 
	.pantoneArea .intel .product2 a.btn5{top:16%;} 
	.pantoneArea .intel .product2 a.btn6{top:41%;} 
	.pantoneArea .intel .product2 a.btn7{top:66%;} 
	.pantoneArea .intel .product2 a.btn8{top:84%;}   
	.pantoneArea .intel .product3 a.btn5{top:22%;} 
	.pantoneArea .intel .product3 a.btn6{top:47%;} 
	.pantoneArea .intel .product3 a.btn7{top:72%;} 
	.pantoneArea .intel .product3 a.btn8{top:91%;}  
	.pantoneArea .intel .product4 a.btn5{top:22%;} 
	.pantoneArea .intel .product4 a.btn6{top:47%;} 
	.pantoneArea .intel .product4 a.btn7{top:72%;} 
	.pantoneArea .intel .product4 a.btn8{top:91%;}   
	.pantoneArea .intel .product5 a.btn5{top:16%;} 
	.pantoneArea .intel .product5 a.btn6{top:41%;} 
	.pantoneArea .intel .product5 a.btn7{top:66%;} 
	.pantoneArea .intel .product5 a.btn8{top:84%;}  
	.pantoneArea .intel .product6 a.btn5{top:16%;} 
	.pantoneArea .intel .product6 a.btn6{top:34%;} 
	.pantoneArea .intel .product6 a.btn7{top:59%;} 
	.pantoneArea .intel .product6 a.btn8{top:78%;}   
	
	
	.pantoneArea .intel .skinColor	{display:block; position:relative; padding-top:30px; margin:0 auto; border-top:none;}
	.pantoneArea .intel .skinColor .colorChip { position:relative !important; bottom:0; left:0; margin:0 28px;}
	.pantoneArea .intel .skinColor .colorChip .control	{ position:absolute; left:1px; top:0; width: 21px; height:36px; cursor:pointer; overflow:hidden; border:2px solid #000;}
	.pantoneArea .intel .skinColor .colorChip .color	{margin:0 auto; width:214px; height:209px; }
	.pantoneArea .intel .skinColor ul	{padding-bottom:30px; width:300px; margin:0 auto;}
	.pantoneArea .intel .skinColor ul:after	{content:""; display:block; clear:both;}
	.pantoneArea .intel .skinColor li	{float:left; margin:0; width:26px; height:37px; border:1px solid #fff;;}
	.pantoneArea .intel .skinColor li.on	{border:2px solid #000;}
	.pantoneArea .intel .skinColor li.color1	{background-color:#dcc6b1;}
	.pantoneArea .intel .skinColor li.color2	{background-color:#d9c3ac;}
	.pantoneArea .intel .skinColor li.color3	{background-color:#dbc1b0;}
	.pantoneArea .intel .skinColor li.color4	{background-color:#dcc2b1;}
	.pantoneArea .intel .skinColor li.color5	{background-color:#d8c2ab;}
	.pantoneArea .intel .skinColor li.color6	{background-color:#d9c0ac;}
	.pantoneArea .intel .skinColor li.color7	{background-color:#d9c0ac;}
	.pantoneArea .intel .skinColor li.color8	{background-color:#d2bca7;}
	.pantoneArea .intel .skinColor li.color9	{background-color:#d4bba7;}
	.pantoneArea .intel .skinColor li.color10	{background-color:#d5baa7;}
	.pantoneArea .intel .skinColor li.color11	{background-color:#d1b6a5;}
	.pantoneArea .intel .skinColor li.color12	{background-color:#ccb39f;}
	.pantoneArea .intel .skinColor li.color13	{background-color:#cbb09d;}
	.pantoneArea .intel .skinColor li.color14	{background-color:#caaf9c;}
	.pantoneArea .intel .skinColor li.color15	{background-color:#caad9b;}
	.pantoneArea .intel .skinColor li.color16	{background-color:#c7ab96;}
	.pantoneArea .intel .skinColor li.color17	{background-color:#bfa78d;}
	.pantoneArea .intel .skinColor li.color18	{background-color:#bfa38e;}
	.pantoneArea .intel .skinColor li.color19	{background-color:#bea28d;}
	.pantoneArea .intel .skinColor li.color20	{background-color:#bea28d;}
	.pantoneArea .intel .skinColor li.color21	{background-color:#bca08b;}
	.pantoneArea .intel .skinColor li.color22	{background-color:#b69782;}
	.pantoneArea .intel .skinColor li.color23	{background-color:#af937b;}
	.pantoneArea .intel .skinColor li.color24	{background-color:#af9179;}
	.pantoneArea .intel .skinColor li.color25	{background-color:#b1927e;}
	.pantoneArea .intel .skinColor li.color26	{background-color:#ae9078;}
	.pantoneArea .intel .skinColor li.color27	{background-color:#a8826d;}
	.pantoneArea .intel .skinColor li.color28	{background-color:#a57e6d;}
	.pantoneArea .intel .skinColor li.color29	{background-color:#9e826a;}
	.pantoneArea .intel .skinColor li.color30	{background-color:#9f7f68;}
	.pantoneArea .intel .skinColor li.color31	{background-color:#9c7d68;}
	.pantoneArea .intel .skinColor li.color32	{background-color:#9d7a64;}
	.pantoneArea .intel .skinColor li.color33	{background-color:#95725e;}
	.pantoneArea .intel .faceArea	{padding-top:10px; text-align:center;}
	.pantoneArea .intel .faceArea .face	{position:relative; height:261px;}
	.pantoneArea .intel .faceArea .face #loveitFace .face	{position:absolute; left:50%; top:0;margin-left:-100px;}
	.pantoneArea .intel .faceArea .face #loveitFace .face img	{width:auto; height:261px; }
	.pantoneArea .intel .faceArea .face #loveitFace .shadow	{position:absolute; left:50%; top:0;margin-left:-100px;}
	.pantoneArea .intel .faceArea .face #loveitFace .shadow img	{width:auto; height:261px;}
	.pantoneArea .intel .faceArea .face #loveitFace .foundation	{position:absolute; left:50%; top:0;margin-left:-100px;}
	.pantoneArea .intel .faceArea .face #loveitFace .foundation img	{width:auto; height:261px;}
	.pantoneArea .intel .faceArea .face #loveitFace .lip{position:absolute; left:50%; top:0;margin-left:-100px;}
	.pantoneArea .intel .faceArea .face #loveitFace .lip img	{width:auto; height:261px;}
	.pantoneArea .intel .faceArea ul.proArea	{margin-bottom:20px; padding:10px; width:100%; box-sizing:border-box; overflow:hidden;}
	.pantoneArea .intel .faceArea ul.proArea:after	{content:""; display:block; clear:both;}
	.pantoneArea .intel .faceArea ul.proArea>li	{float:left; width:33%; border-left:1px solid #e0e0e0;box-sizing:border-box;}
	.pantoneArea .intel .faceArea ul.proArea>li.first	{width:34%; border-left:none; box-sizing:border-box;}
	.pantoneArea .intel .faceArea ul.proArea>li .prdName	{padding:0 10px; box-sizing:border-box;}

	.pantoneArea .intel .faceArea .toolBox h4	{padding-bottom:10px;}
	.pantoneArea .intel .faceArea .toolBox h4>img	{width:auto; height:19px;}
	.pantoneArea .intel .faceArea .toolBox .chip	{padding-top:15px; width:20px; height:20px; margin:0 auto;}
	.pantoneArea .intel .faceArea .toolBox input	{width:20px; height:20px; line-height:25px; margin:0;}
	.pantoneArea .intel .faceArea .toolBox .prdName span.num	{display:block; color:#666;}
	.pantoneArea .intel .faceArea .toolBox .prdName span.price	{display:block; padding-top:2px; color:#830b8a;}
	.pantoneArea .intel .faceArea .prdImg {position:relative;}
	.pantoneArea .intel .faceArea .btnArea {margin:0 10px; padding:50px 0; border-top:1px solid #000; box-sizing:border-box;}
	.pantoneArea .intel .faceArea .productInfo {position:relative;}
	.pantoneArea .intel .faceArea .chipBox {display:none; position:absolute; left:0; top:0; width:100%; min-height:60%; border:1px solid #ccc; background:#fff; z-index:1;}
	.pantoneArea .intel .faceArea .chipBox P.btnx {position:absolute; right:0; top:-29px;}
	.pantoneArea .intel .faceArea .chipBox P.btnx img {width:14px;}
	.pantoneArea .intel .faceArea .chipBox .optionList li a {display:inline-block; width:18px; height:18px; border:2px solid #fff; }
	.pantoneArea .intel .faceArea .chipBox .optionList li a.on {border:2px solid #000; }
	.pantoneArea .intel .intelList .listTop {margin:0 10px; border:none;}
	.pantoneArea .intel .intelList .listTop span {padding:0 10px 0 5px}
	.pantoneArea .intel .intelList .listTop a>img {margin-top:2px; width:12px;}
	.pantoneArea .intel .intelList .listCont {margin:5px 0 10px 0;border-top:2px solid #000;}
	.pantoneArea .intel .intelList .listCont .btnArea a {display:inline-block; width:49%;}
	.pantoneArea .intel .intelList .listCont ul.product {margin:0 10px;}
	.pantoneArea .intel .intelList .listCont ul.product>li {padding:10px 0; border-bottom:1px solid #20221d; overflow:hidden;}
	.pantoneArea .intel .intelList .listCont ul.product:after	{content:""; display:block; clear:both;}
	.pantoneArea .intel .intelList .listCont ul.product>li>input {margin-top:50px;}
	.pantoneArea .intel .intelList .listCont ul.product>li:first-child {border-top:1px solid #20221d;}
	.pantoneArea .intel .intelList .listCont ul.product>li>p.fl img {display:inline-block; width:100px !important; height:100px;}
	.pantoneArea .intel .intelList .listCont ul.product>li>p.fr	{display:inline-block; width:55%;}
	.pantoneArea .intel .intelList .listCont ul.product>li>p.fr span	{display:block; color:#767676;}
	
	.pantoneArea .intel .intelList .listCont ul.tabArea	{padding:10px 0 10px 10px; margin:0 10px; border-top:1px solid #000;}
	.pantoneArea .intel .intelList .listCont ul.tabArea:after	{content:""; display:block; clear:both;}
	.pantoneArea .intel .intelList .listCont ul.tabArea>li	{float:left; width:25%; text-align:center; background:url("/m/images/vdlpantone/bg_tab.gif") no-repeat left 0; background-size:1px auto;}
	.pantoneArea .intel .intelList .listCont ul.tabArea>li.on a	{color:#000;}
	.pantoneArea .intel .intelList .listCont ul.tabArea>li a	{color:#acacac;}
	.pantoneArea .intel .intelList .listCont ul.tabArea>li:first-child	{background:none;}
	
	.pantoneArea .eye .btnTab	{padding-bottom:20px; text-align:center;}
	.pantoneArea .eye .btnTab img	{width:50%;}
	.pantoneArea .eye .cont1	{position:relative;}
	.pantoneArea .eye .cont1 a	{display:inline-block; margin-left:-35px; position:absolute; left:50%; top:53%;}
	.pantoneArea .eye .cont1 a img	{width:50%;}
	.pantoneArea .cover .btnTab	{padding-bottom:20px; text-align:center;}
	.pantoneArea .cover .btnTab img	{width:50%;}
	.pantoneArea .cover .cont1	{position:relative;}
	.pantoneArea .cover .cont1 a	{display:inline-block; margin-left:-35px; position:absolute; left:50%; top:47%;}
	.pantoneArea .cover .cont1 a img	{width:50%;}
	.pantoneArea .socialArea{position:relative;}
	.pantoneArea .socialArea ul{position:absolute; right:12%; top:56%; width:37%;}
	.pantoneArea .socialArea ul:after{contnet:""; display:block; clear:both;}
	.pantoneArea .socialArea ul li{float:left; padding-left:5px; width:25%; box-sizing:border-box;}
	.pantoneArea .socialArea ul li img{width:100%;}
	.pantoneArea .gobtnArea{position:relative;}
	.pantoneArea .gobtnArea a{position:absolute; left:5%; top:34%; width:50%;}
	.pantoneArea .pantoneEventList{margin:0 15px; padding:22px 0; border-top:1px solid #aeaeae;}
	.pantoneArea .pantoneEventList ul:after	{content:""; display:block; clear:both;}
	.pantoneArea .pantoneEventList ul li	{float:left; margin-bottom:3px; width:25%; height:64px; box-sizing:border-box;}
	.pantoneArea .pantoneEventList ul li a	{display:inline-block; width:95%; margin:0 3px; border:1px solid #9d9d9d; height:56px;}
	.pantoneArea .pantoneEventList ul li a>img	{display:inline-block; height:100%;}
	.pantoneArea .pantoneEventList .moreBtn{margin-top:10px;}
	.pantoneArea .pantoneEventList .moreBtn p{background:url("/m/images/vdlpantone/bg_more.gif") no-repeat 0 0; background-size:100% auto; text-align:center;}
	.pantoneArea .pantoneEventList .moreBtn p img{width:19% !important;}
	#swatch	{position:absolute; right:7%; bottom:-36%; width:26%; z-index:10;}
	.pantoneArea .pantoneTop	{position:fixed; right:4%; bottom:1%;}
	.pantoneArea .pantoneTop img	{width:30px;}

	.layerPop {display:none; position:absolute; left:10%;top:0px; width:250px; height:303px; background:url('/m/images/instagram/box.png') 0 0 no-repeat;background-size:250px; z-index:99;}
	.layerPop .btnx {position:absolute; right:-28px;top:0px;}
	.layerPop .imgCont {padding:11px 0 0 11px;width:228px;height:228px;}
	.layerPop .imgCont>span {display:block;width:5px;height:5px; position:absolute; }
	.layerPop .textCont {margin:3px 0 0 10px;zoom:1;}
	.layerPop .textCont:after	{ content:""; display:block; clear:both;  }
	.layerPop .textCont .user {position:relative;width:30px;float:left;}
	.layerPop .textCont .one {display:block; position:absolute; left:0px;top:0px;width:25px;height:25px;background:url('/m/images/instagram/one.png') 0 0 no-repeat;background-size:25px;}
	.layerPop .textCont .userId {width:87px;height:25px;line-height:25px;float:left;padding:0 5px;color:#8b2020;font-size:11px;}
	.layerPop .textCont .userCont {width:224px;height:28px;overflow:hidden;font-size:11px;padding-top:5px;}
	.layerPop .btnmore  {position:absolute; right:16px;bottom:35px;}	
	.layerPop2 {display:none; position:absolute; left:13%; top:20%; padding-bottom:10px; margin-top:40px; width:264px; font-size:14px; background:url('/m/images/vdlpantone/bg_popBottom.png') 0 bottom no-repeat; background-size:260px;  z-index:99;}
	.layerPop2 .cont {height:8px; background:url('/m/images/vdlpantone/bg_popTop.png') 0 bottom no-repeat; background-size:260px;}
	.layerPop2 p#intel_Pop {padding:15px; background:url('/m/images/vdlpantone/bg_pop.png') 0 0 repeat-y; background-size:260px;}
	.layerPop2 .btnx {position:absolute; right:10px;top:-30px;}

/****** °øÅë ******/
.pdBox {padding:10px;}
.pdBox h3 {}
h3.tit {padding:15px 0 5px; font-size:15px; }
.pdSide {padding: 0 10px;}
.bdTop {border-top: 1px solid #bcbcbc}
.bdBottom {border-bottom: 1px solid #bcbcbc !important;}
#loading {text-align:center;}
#loading>img {width:26px}

/****** ¸ÞÀÎ ******/
#slideCont 	{position:relative;position:relative; z-index:1; } 
#slideCont ul li {position:absolute; left:0px; top:0px; width:100%; opacity: 0;}
#slideCont ul li img { width:100%;  }
#slideCont .slidePageing	{ position:absolute; width:100%;  z-index:30;  text-align:center; bottom: 5%; left:0px;}
#slideCont .slidePageing span {display:inline-block; font-size:0px; line-height:0px; width:9px; height:9px; background:url("/m/images/main/handle_off.png") no-repeat 0 0; background-size:9px; }
#slideCont .slidePageing span.on {background:url("/m/images/main/handle_on.png") no-repeat 0 0;background-size:9px;}

.mainBest p.fixBann {width: 50%;float: left;}
.mainBest p.ban {width: 50%;float: right;}
.mainNew p.ban {width: 50%;float: left;}
.mainNew p.fixBann {width: 50%;float: right;}
.mainbnn p {width: 50%;float: left;}
.mainBest:after, .mainNew:after, .mainbnn:after {content: '';clear: both;display: block;}
/*.fullbann p:last-child {border-top: 1px solid #e1e1e1;}*/
.mainbnn {border-top: 1px solid #bcbcbc}

/****** Á¦Ç° ¸®½ºÆ® ******/ 
.listTop {border-bottom: 1px solid #bcbcbc;overflow: hidden;}
.listTop:after {content: '';clear: both;display: block;}
.listTop .sel01 {float:left;width:49.6%;border-right: 1px solid #d0d0d0;}
.listTop .sel02 {float:left;width:30%;border-right: 1px solid #d0d0d0;}
.listTop .sel03 {float:right;width:15%;padding:13px 0 0 5px; margin-top:-3px;}
.listTop .sel03>span {display: inline-block;width:15px;padding-right: 4px;}

.listTop2 {position:absolute;top:-35px;right:5px;width:48px;}
.listTop2:after {content: '';clear: both;display: block;}
.listTop2 .sel03 {padding:10px 0 0 5px;}
.listTop2 .sel03>span {padding-right: 4px;}

/* ÀÌ¹ÌÁöÇü */
.boxInfo {}
.boxInfo:after {content: '';clear: both;display: block;}
.boxInfo .boxCont {position:relative;float:left;width:49.6%;height:290px;text-align: center;overflow:hidden;border-right: 1px solid #d0d0d0;border-bottom: 1px solid #bcbcbc;}
.boxInfo .prdImg {height:159px;text-align: center; position:relative;}
.boxInfo .prdImg span.timeIcon { position:absolute; right:0; top:0; }
.boxInfo .prdImg a>img {height: 100%;}
.boxInfo .prdName {padding:0 20px;height: 30px;margin:7px 0;overflow: hidden;}
.boxInfo .prdPay {font-size:16px; padding:0 20px;line-height: 26px;}
.boxInfo .prdPay span {font-size: 16px;color:#808080;}
.boxInfo .prdPay strong { font-size: 16px; font-weight:normal; color:#830b8a;}
.boxInfo .prdPay .cart {display: inline-block; width:23px;padding-left: 3px;}
.boxInfo .stateBar {position: absolute;bottom: 0;left: 0;width:100%; background: #f7f7f7;padding:10px 0;}
.boxInfo .stateBar span {display: inline-block;text-align: center;width: 46px;color:#3b3b3b;font-size: 10px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.boxInfo .stateBar .heart img {width:15px;padding-right: 3px;}
.boxInfo .stateBar .heart b {font-weight:lighter;}
.boxInfo .stateBar .cart img {width:22px;padding-left: 3px;}
.boxInfo .stateBar .face img {width:7px;padding-right: 3px;}
.boxInfo .stateBar .review  img{width:15px;padding-right: 3px;}
.boxInfo .boxCont .best {position: absolute;top: 0;left: 10px; z-index:2;}
.boxInfo .boxCont .best img {width:21px;}
/* ¸®½ºÆ®Çü */
.listInfo  {}
.listInfo:after {content: '';clear: both;display: block;}
.listInfo .boxCont {border-bottom: 1px solid #bcbcbc;overflow: hidden;}
.listInfo .boxCont:last-child {border-bottom: 0;}
.listInfo .boxCont:after {content: '';clear: both;display: block;}
.listInfo .prdImg {float: left;width: 50%;height: 162px;text-align: center; position:relative; }
.listInfo .prdImg span.timeIcon {float: left;width: 50%;height: 162px;text-align: center; position:absolute; right:0;top:0; }
.listInfo .prdImg a>img {height: 100%;}
.listInfo .prdName {height:34px;}
.listInfo .fr {width:46%;padding: 40px 0 10px 5px;margin-right: 5px;height: 115px; }
.listInfo .prdPay {font-size:16px; padding:10px 0 20px;line-height: 26px;}
.listInfo .prdPay span {text-decoration:line-through; font-size: 16px;color:#808080;}
.listInfo .prdPay strong {font-size: 16px; font-weight:normal; color:#830b8a;}
.listInfo .prdPay .cart {display: inline-block; width:23px;padding-left: 3px;}
.listInfo .stateBar {padding-top: 5px;}
.listInfo .stateBar span {display: inline-block;width: 46px;color:#3b3b3b;font-size: 10px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.listInfo .stateBar .heart img {width:15px;padding-right: 3px;}
.listInfo .stateBar .heart b {font-weight:lighter;}
.listInfo .stateBar .cart img {width:22px;padding-left: 3px;}
.listInfo .stateBar .face img {width:7px;padding-right: 3px;}
.listInfo .stateBar .review  img{width:15px;padding-right: 3px;}
.listInfo .boxCont .best {position: absolute;top: 0;left: 10px; z-index:1;}
.listInfo .boxCont .best img {width:21px;}

/****** Á¦Ç° »ó¼¼ ******/
.boxDetailtop {position: relative;}
.slideArea {position: relative;}
.slideArea:after {content: '';clear: both;display: block;}
.slideArea li {float: left;padding: 10px;min-height: 320px; position:relative;}
.slideArea li span.timeIcon { position:absolute; right:10px; top:0; }
.slideArea li:first-child {opacity:1;z-index:10}
.slideArea a.prev {position: absolute;top:50%;left: 3%;display: block;width:19px;z-index: 12;}
.slideArea a.next {position: absolute;top:50%;right: 3%;display: block;width:19px;z-index: 12;}

.skinColorLayer {display: none;position: absolute;top:0;left: 0;z-index: 14;}
.colorChip {position: absolute;bottom:-15px;left:50%;margin-left: -156px;}
.colorChip:after {content: '';clear: both;display: block;}
.colorChip li {width:27px;height:27px;border: 1px solid #000;float: left;margin:1px;box-sizing:border-box;}
.colorChip li.on {border:2px solid #000;}
.skinColorLayer .saveBtn {position: absolute;bottom:-10px;right:3%;width:72px;z-index:5;}
.skinColorLayer .closeBtn {position: absolute;top:5%;right:5%;width:24px;}

.snsArea {border-top: 1px solid #bcbcbc;margin-top: 20px;padding:10px;}
.snsArea:after {content: '';clear: both;display: block;}
.snsArea .face {float: left;font-size: 12px;}
.snsArea .face>img {width:10px;}
.snsArea .heart a>img  {width:18px;}
.snsArea .heart b {font-weight:lighter;}
.snsArea .heart {float: left;margin-left: 5px;font-size: 12px;margin-top: 3px;}
.snsArea .fr a {display: inline-block;width:15px;margin-left: 3px;}
.snsArea .icobox {display: inline-block;width: auto;height:16px;line-height: 18px;background: url('/m/images/icon/box_left.png') 0 0 no-repeat;padding:0 4px 0 8px;background-size: 100px;border-right: 1px solid #c7c7c7;}

.infoArea { margin:0 10px;}
.infoArea .timesaleArea { padding-bottom:10px;border-bottom:1px solid #b9b9b9;}
.infoArea .infoname {border-bottom: 1px dotted #000;}
.infoArea .infoname h3 {font-weight: bold;margin:10px 0;}
.infoArea .infoname .sub {font-size: 12px;}
.infoArea .infoname .pay {color:#808080;font-size: 12px;margin:10px 0;}
.infoArea .infoname .pay span.none {text-decoration:line-through;}
.infoArea .infoname .pay strong.price {color:#000;}

.optionList {margin-top: 5px; padding:0 0 10px 28px;}
.optionList:after {content: '';clear: both;display: block;}
.optionList li {width:27px;height:27px;float: left;margin:2px;box-sizing:border-box;}
.optionList li.on {border:1px solid #000;}
.optionList li>img {width:100%;height:100%;}
.choiceCont {padding-top:10px;}
.choiceCont:after {content: '';clear: both;display: block;}
.choiceCont .amount {border-bottom: 1px dotted #000; margin-bottom:10px; padding-bottom:10px;}

.choiceCont p .scr {width:55%;}
.color p .scr2 {width:90%;}
.btn_exp {position:absolute;right:10px;top:10px;width:75px}

.relationSlide {margin:0 5px;padding: 10px 0;}
.relationSlide ul:after {content: '';clear: both;display: block;}
.relationSlide li {float: left;width:38%;text-align: center;}
.relationSlide li p {padding: 5px;border-top: 1px dotted #000;font-size: 12px;}
.relationSlide a.prev {position: absolute;top:30%;left:3px;display: block;z-index:5;}
.relationSlide a.next {position: absolute;top:30%;right:3px;display: block;z-index:5;}

.detailReview {border-top: 1px solid #bcbcbc;}
.detailReview .reTop {padding:5px 0;}
.detailReview .reTop span {display: inline-block;border-right: 1px solid #bcbcbc;text-align: center;padding-right: 3px}
.detailReview .reTop .star {width:20%;padding-left: 4px;}
.detailReview .reTop .title {width:54%;}
.detailReview .reTop .date {width:18%;border-right: 0px;}
.detailReview .reArea {border-bottom: 1px solid #bcbcbc;}
.detailReview .reArea li {padding: 7px 0px;border-top: 1px solid #bcbcbc;}
.detailReview .reArea li span {display: inline-block;text-align: center;vertical-align: top;padding-right: 4px;}
.detailReview .reArea li .star {width:20%;padding-left: 4px;}
.detailReview .reArea li .title {width:54%;text-align: left;overflow:hidden;word-break:break-all;}
.detailReview .reArea li .date {width:18%;font-size: 11px;border-right: 0px;}
.detailReview .reArea .reCont {background: #f5f5f5;padding:0;border-top: 1px dotted #000;margin:0 10px 12px;color:#3a3a3d;overflow:hidden;word-break:break-all;}
.detailReview .reArea .review {margin:10px 10px;line-height:1.5em;overflow:hidden;word-break:break-all;}
.detailReview .reArea .replyCont {margin:0 10px 10px;line-height:1.5em;border-top:1px solid #cac9c9;padding:10px 5px 5px 10px;background: url("/m/images/blt/ans.png") 0 12px no-repeat;background-size: 6px;}
.detailReview .reArea .reply {background: #fff;padding-top:10px;}
.detailReview .reArea .reply .txt2 {width:88%;}
.detailReview .reArea .mytxt {padding:4px 0 0 5px;}
.detailReview .more {margin-top: 5px;}
.detailReview .more .plus {display: inline-block;padding-left:2px;margin-top: -5px;}
.detailReview .reArea p.ar {background: #fff;padding: 3px 0;}
.imgico {width:38px;}
.detailQna {}
.detailQna h4 {margin:10px;font-weight: bold;}
.detailQna .reTop {padding:5px 0;border-top: 1px solid #bcbcbc}
.detailQna .reTop span {display: inline-block;border-right: 1px solid #bcbcbc;text-align: center;padding-right: 3px}
.detailQna .reTop .who {width:14%;}
.detailQna .reTop .title {width:44%;padding-left: 10px;}
.detailQna .reTop .date {width:18%;}
.detailQna .reTop .answer {width:11%;border-right: 0px;}
.detailQna .reArea {border-bottom: 1px solid #bcbcbc;}
.detailQna .reArea li {padding: 7px 0px;border-top: 1px solid #bcbcbc;}
.detailQna .reArea li span {display: inline-block;text-align: center;vertical-align: top;padding-right: 4px;}
.detailQna .reArea li .who {width:14%;word-break:break-all}
.detailQna .reArea li .title {width:44%;text-align: left;padding-left: 10px;overflow:hidden;word-break:break-all;}
.detailQna .reArea li .date {width:18%;font-size: 11px;}
.detailQna .reArea li .answer {width:11%;}
.detailQna .reArea li .done {color:#d70353;}
.detailQna .reArea .reCont {background: #f5f5f5;padding:10px 5px;border-top: 1px dotted #000;margin:0 10px 12px;color:#3a3a3d;overflow:hidden;word-break:break-all;}
.detailQna .reArea .answerCont {margin-top:10px;border-top:1px solid #cac9c9;padding:10px 5px 5px 10px;background: url("/m/images/blt/ans.png") 0 12px no-repeat;background-size: 6px;}
.detailQna .more {margin-top: 5px;}
.detailQna .more .plus {display: inline-block;padding-left:2px;margin-top: -5px;}
.ingredient {padding:10px;font-size: 11px;color:#3a3a3d;}
.policy {padding:10px;}
.policy h4 {font-weight: bold;color:#000;padding:5px;background: #ececec;}
.policy dl {padding-bottom: 5px;}
.policy dt {font-weight: bold;color:#830b8a;font-size: 12px;padding:5px 5px 0;}
.policy dd {font-size: 11px;color:#3a3a3d;padding:5px;}
.productInfo {padding:10px;}
.productInfo h4 {font-weight: bold;color:#830b8a;padding:5px;font-size: 12px;}
.productInfo ul {padding:3px 0;}
.productInfo li {font-size: 11px;color:#3a3a3d;padding:0 5px;}
.productInfo p {font-size: 11px;color:#3a3a3d;padding:5px;}

.mydetailview {padding:5px 10px;border-bottom: 1px solid #20221d;}
.mydetailview:last-child {border-bottom: 0px;}
.mydetailview li {border-bottom: 1px solid #c7c8c6;color:#3a3a3d;padding: 4px;}
.mydetailview li:last-child {border-bottom: 0px;}
.mydetailview li>span {display: inline-block;font-weight: bold;width:23%;vertical-align: top;padding-top: 3px;}
.mydetailview li p {display: inline-block;width:75%;line-height: 1.3em;}
.mydetailview li p span {display: inline-block;margin-bottom: 3px;width:100%}
.mydetailview li .starArea label {color:#d70353;}
.mydetailview li .starArea label b {padding-right: 5px;vertical-align: middle;}

/****** ÄÃ·º¼Ç ******/
.black {position:relative;background: #000;}
.black .prev {display:block;width:12px;position: absolute;top:50%;left:3%;}
.black .next {display:block;width:12px;position: absolute;top:50%;right:3%;}
.eventSlide {margin: 10px auto;}
.eventSlide:after {content: '';clear: both;display: block;}
.eventSlide li {position:relative;float: left;width:260px;height:167px;}
.eventSlide li p.title {position:absolute;bottom:0;left:0;opacity:0.6; filter:alpha(opacity=60);background: #000;width:100%;height:20px;line-height:20px;overflow:hidden;font-size:12px;padding-left:5px;color:#fff;}


/****** ÀÌº¥Æ® ******/
.eventTop {border-bottom: 1px solid #bcbcbc;}
.eventList p {padding: 10px;}
.phoneBox {margin:0 10px;border-top: 1px dotted #000;padding: 10px 0;}
.evenDate {padding:5px;background:#f7f7f7;text-align:right;}
.eventWinner {}
.eventWinner .reTop {padding:5px 0;border-top: 1px solid #bcbcbc;}
.eventWinner .reTop span {display: inline-block;border-right: 1px solid #bcbcbc;text-align: center;padding-right: 3px}
.eventWinner .reTop .group {width:26%;}
.eventWinner .reTop .title {width:44%;}
.eventWinner .reTop .date {width:18%;border-right: 0px;}
.eventWinner .reArea {border-bottom: 1px solid #bcbcbc;}
.eventWinner .reArea li {padding: 7px 0px;border-top: 1px solid #bcbcbc;}
.eventWinner .reArea li span {display: inline-block;text-align: center;vertical-align: top;padding-right: 4px;}
.eventWinner .reArea li .group {width:26%;color:#d70353;font-size: 11px;}
.eventWinner .reArea li .title {width:44%;text-align: left;}
.eventWinner .reArea li .date {width:18%;font-size: 11px;}
.eventWinner .reArea .reCont {background: #f5f5f5;padding:10px 5px;border-top: 1px dotted #000;margin:0 10px 12px;color:#3a3a3d;}
.eventWinner .reArea .winCont {margin-top:10px;border-top:1px solid #cac9c9;padding-top:10px;}


/****** my vdl ******/
/* ¸¶ÀÌÆäÀÌÁö */
.myVdlIndex {}
.myVdlIndex .memInfo {margin:0 10px; padding:70px 0 10px 0; font-size:13px; line-height:20px; letter-spacing:-1px; background:url("/m/images/icon/ico_people.png") no-repeat center 15px; background-size:39px 47px; text-align:center; border-bottom:1px dotted #000;}
.myVdlIndex .section {}
.myVdlIndex .section ul.icoBtns {border-top: 1px solid #bcbcbc;}
.myVdlIndex .section ul.icoBtns li {height:105px; border:1px solid #bcbcbc; border-right:0px;border-top:0px;}
.myVdlIndex .section ul.icoBtns li a {display:block; height:105px; padding-top:73px; box-sizing:border-box; text-align:center; font-size:12px; }
.myVdlIndex .section ul.icoBtns li.coupon a{background:url("/m/images/icon/ico_coupon.png") no-repeat center 27px; background-size:47px auto; }
.myVdlIndex .section ul.icoBtns li.point a {padding-top:67px; background:url("/m/images/icon/ico_point.png") no-repeat center 22px; background-size:auto 31px; }
.myVdlIndex .section ul.icoBtns li.cart a {background:url("/m/images/icon/ico_cart2.png") no-repeat center 27px; background-size:39px auto; } 
.myVdlIndex .section ul.icoBtns li.loveIt a {background:url("/m/images/icon/ico_heart.png") no-repeat center 25px; background-size:34px auto; }
.myVdlIndex .section ul.icoBtns li.review a {background:url("/m/images/icon/ico_review.png") no-repeat center 25px; background-size:23px auto; }
.myVdlIndex .section ul.icoBtns li.inquiry a {background:url("/m/images/icon/ico_inquiry.png") no-repeat center 26px; background-size:30px auto; }
.myVdlIndex .section ul.icoBtns li:first-child {border-left:0px;}
.myVdlIndex .section ul.btns {}
.myVdlIndex .section ul.btns li {}
.myVdlIndex .section ul.btns li a {position:relative; display:block; padding:9px 0; font-size:12px; text-align:center; line-height:16px;}
.myVdlIndex .section ul.btns li a:after {position:absolute; content:"|"; left:-3px; top:9px;color:#bcbcbc}
.myVdlIndex .section ul.btns li:first-child a:after {content:"";}

/* ¸â¹öµî±Þ */
.membertb {width:100%;margin-bottom: 10px;}
.membertb thead {border-top: 1px solid #bcbcbc;border-bottom: 1px solid #bcbcbc;}
.membertb th {text-align: center;padding: 7px 0; background:#f5f5f5;}
.membertb th span {display: inline-block;border-right: 1px solid #bcbcbc;width:100%;}
.membertb td {border-bottom: 1px solid #bcbcbc;text-align: center;padding: 5px; text-align:left; vertical-align:top;}
.membertb td.ac {vertical-align:middle;}
.memberInfo {padding:0 10px 10px;border-bottom: 1px solid #bcbcbc;}

.memberCont h4 {font-size:14px; margin-top:20px; padding-bottom:10px;}
.memberCont h4 b {text-decoration:underline;}
.memberCont h3 {font-size:15px; color:#830b8a; padding:10px; margin-top:20px;}
.memberCont .lessonCp {border-top:1px solid #bcbcbc; padding:10px 10px 0 10px; margin-bottom:-10px;}
.memberCont .lessonCp li {margin-bottom:5px;}
.memberCont .lessonCp .tit b {text-decoration:underline;}
.memberCont .lessonCp .cont {padding-left:10px; margin-top:3px; line-height:1.2em;}
.memberCont .txtpp {color:#830b8a;}

.lessonPop {}
.lessonPop .titCont:after {content: '';clear: both;display: block;}
.lessonPop .titCont span {display:block; float:left; font-size:13px; font-weight:bold;}
.lessonPop .w1 {text-align:center; width:28%; padding:2%;}
.lessonPop .w2 {text-align:center; width:28%; padding:2%;}
.lessonPop .w3 {text-align:center; width:28%; padding:2%;}
.lessonPop .shoplist {}
.lessonPop .shoplist {border-top:2px solid #333; border-bottom:1px solid #333;}
.lessonPop .shoplist li { border-bottom:1px solid #e6e6e6;}
.lessonPop .shoplist li:after {content: '';clear: both;display: block;}
.lessonPop .shoplist span {display:block; float:left; height:28px; border-left:1px solid #e6e6e6; font-size:12px;}
.lessonPop .shoplist span:first-child {border-left:0;}
.lessonPop .shoplist .paging {border:0;}
.lessonPop .shoplist .w1 {color:#55007d; font-weight:bold;}

.lessonPop .paging		{ padding:15px 0; text-align:center; }
.lessonPop .paging li	{ display:inline-block; min-width:26px; height:19px; margin:0 1px; border:1px solid #d1d2d6; vertical-align:top; line-height:1em; background:#f8f8f8; }
.lessonPop .paging li a, .paging li strong	{ display:block; min-width:22px; height:15px; padding:4px 2px 0; text-align:center; font-family:arial; }
.lessonPop .paging li strong	{ background:#777; color:#fff; }
.lessonPop .paging li.btn	{ width:auto; height:auto; border:none; }
.lessonPop .paging li.btn a	{ width:auto; height:auto; padding:0; }

/* ÄíÆù,Æ÷ÀÎÆ® ÇöÈ² */
.myTitle {padding: 10px;text-align: center;line-height: 26px;}
.myTitle b {display:inline-block;font-size: 14px;font-weight: bold;height:26px;background: url("/m/images/icon/ico_coupon2.png") 0 center no-repeat;background-size: 47px;padding-left: 52px;}
.myTitle span {font-size: 14px;font-weight: bold;color:#830b8a;}
.myTitle b.popmy {display:inline-block;font-size: 14px;font-weight: bold;height:26px;background: none;padding-left: 0}
.myVdlList .enterNum {}
.myVdlList .enterNum .tit {margin-bottom:10px;}
.myVdlList .enterNum .contBox p {margin-bottom: 10px}
.myVdlList .enterNum .contBox p.dtt {border-bottom: 1px dotted #000;padding-bottom: 10px;}
.myVdlList .enterNum .sct {width:100%;}
.myVdlList .enterNum .sct3  {width:27%;}
.myVdlList .enterNum .mrr {margin-right: 1.2%;}
.myVdlList .enterNum .txt {width:26%;}
.myVdlList .enterNum .txt2 {width:100%;height:30px;}
.myVdlList .enterNum .txt3 {width:30%;height:30px;}
.myVdlList .linedott {border-bottom: 1px dotted #000;padding-bottom: 10px;margin-bottom: 0px !important;}
.myVdlList .cpTab {}
.myVdlList .cpTab:after {content: '';clear: both;display: block;}
.myVdlList .cpTab li {width: 50%;float: left;text-align: center;}
.myVdlList .cpTab li a {display: block;height:38px;border:1px solid #5b5b5b;color:#3a3a3d;line-height: 43px;background: #f8f8f9;margin-bottom: 5px;}
.myVdlList .cpTab li p {padding:15px 0 10px;border-right: 1px dotted #000;margin-top: -5px;}
.myVdlList .cpTab li p span {display: block;margin-bottom: 3px;}
.myVdlList .cpTab li a.on {color:#fff;height:45px;border:0;margin-bottom:0;font-weight: bold;background: url("/m/images/mypage/tab_on.png") center 0 no-repeat;background-size: 600px}
.myVdlList .cpTab li span.on {color:#830b8a;font-weight: bold;text-decoration: underline;}
.myVdlList .contBox {border-top: 1px solid #bcbcbc}
.myVdlList .mycpList {padding:5px 10px;border-bottom: 1px solid #20221d;}
.myVdlList .mycpList:last-child {border-bottom: 0px;}
.myVdlList .mycpList li {border-bottom: 1px solid #c7c8c6;color:#3a3a3d;padding: 3px;}
.myVdlList .mycpList li:last-child {border-bottom: 0px;}
.myVdlList .mycpList li span {display: inline-block;font-weight: bold;width:25%;vertical-align: top;padding-top: 1px;}
.myVdlList .mycpList li p {display: inline-block;width: 70%;margin-bottom:0px !important;}
.infoTxt li {color:#3a3a3d;margin-bottom: 3px;}
.infoTxt li:before { content:"-";display: block;padding-right: 3px;float: left;width: 5px;}
.infoTxt li:after {content: '';clear: both;display: block;}
.infotxt {color:#3a3a3d;}
.ui-datepicker-trigger {vertical-align: middle;width:15px;border:1px solid #bcbcbc;border-left:0;margin-top: -1px;}

a.down {display: inline-block;vertical-align: middle;width: 14px;height:14px;background: url("/m/images/btn/btn_down.png") 0 0 no-repeat;background-size: 14px;overflow: hidden;text-indent: -999em;}

.myVdlList .ptTab {border-top: 1px solid #bcbcbc;}
.myVdlList .ptTab:after {content: '';clear: both;display: block;}
.myVdlList .ptTab li {width: 49.5%;padding:10px 0;font-weight:bold;float: left;text-align: center;border-right: 1px solid #bcbcbc;}
.myVdlList .ptTab li b {color:#830b8a;padding-right: 5px;}

/* Àå¹Ù±¸´Ï */
.myCart {}
.cartTab {}
.cartTab:after {content: '';clear: both;display: block;}
.cartTab li {font-size:12px;float: left;width:33.5%;height:38px;border-bottom:1px solid #1c1b1b;text-indent: -1em;line-height:38px;text-align:center;color:#000;background:url("/m/images/shopping/tab_sp.png") right 0 no-repeat;background-size: 250px;}
.cartTab li.last {background: none;width:33%;text-indent: 0;}
.cartTab li.off {background-position: right -38px;}
.cartTab li.on {background: url("/m/images/shopping/tab_sp.png") right -76px;color:#fff;background-size: 250px;font-weight: bold;}
.cartTab li.onlast {background:#1c1b1b url("/m/images/shopping/tab_sp.png") right -76px;color:#fff;background-size: 250px;font-weight: bold;}
.allchk {padding: 10px;border-bottom: 1px solid #bcbcbc;}
.cartArea {padding: 10px 10px 30px;border-bottom: 1px solid #bcbcbc}
.cartArea:last-child {border-bottom: 0px;}
.cartArea .prdCont {}
.cartArea .prdCont:after {content: '';clear: both;display: block;}
.cartArea .chkbox {float: left;width:6%;text-align: center;}
.cartArea .prdImg {float: left;width:40%;text-align: center;}
.cartArea .prdImg a>img {width:115px;}
.cartArea .prdOption {float: right;width:53%;}
.cartArea .prdOption p.productTxt {display:inline-block; width:70%;}
.cartArea .prdOption p.productTxt span {}
.cartArea .prdOption .scr {width:93px;}
.cartArea .prdOption .name {border-bottom: 1px dotted #000;margin-bottom: 5px;padding-bottom: 5px;}
.cartArea .prdOption .name .pay {display: block;color:#830b8a;margin-top: 3px;}
.cartArea .prdOption .sizeTypeA {font-size: 11px;}
.cartArea .prdOption .ar {margin:5px 0;}
.cartArea .prdOption .al {padding:3px 0;}
.cartArea .prdOption p b {letter-spacing: -1px;}
.cartArea .prdOption p .fr {}
.cartArea .prdOption p .fr>span {display:block; padding-top:10px;}
.cartArea .prdTotal {font-weight: bold;border-top: 1px solid #bcbcbc;padding: 10px 0;margin-top: 10px;}
.cartArea .prdTotal span {color: #d70353; }
.myac {padding: 10px 0;text-align: center; margin-top:10px;}
.cartTotal {font-size: 14px;font-weight: bold;color:#fff;padding: 10px;background: #1c1b1b;margin-top: 1px;line-height: 1.5em;}
.cartTotal:after {content: '';clear: both;display: block;}

/* ÁÖ¹®°áÁ¦ */
.discount {border-bottom: 1px solid #c7c8c6;padding:10px;}
.discount:after {content: '';clear: both;display: block;}
.discount dt {float: left;width:40%;font-weight: bold;margin-bottom: 5px;}
.discount dd {float: right;width:60%;text-align: right;min-height: 19px;margin-bottom: 5px;}
.discount dd #gift_area {display: inline-block;text-align: left;width: 69%;}
.discount dd p {font-size: 11px;color:#3a3a3d;}
.discount dd:last-child {height:100%;}
.discount .ar {padding-top:10px;font-size: 11px;color:#3a3a3d;}
.discount .issueArea p.num	{position:relative;}
.discount .issueArea p.num input	{padding:0 10px; width:210px;}
.discount .issueArea p.num label	{display:inline-block; position:absolute; right:55px; top:14px;  color:#666;}
.mygift {margin:0 10px 10px;border-bottom: 1px solid #20221d;padding-bottom: 10px;}
.mygift span {padding-left: 10px;}
.mygift2 {border-bottom: 1px solid #20221d;border-top: 2px solid #20221d;padding: 10px;}
.giftac {text-align: center;padding-bottom: 10px;border-top: 1px solid #fff;}
.rdoac {text-align: center;margin: 10px 0;font-weight: bold;padding-bottom: 10px;}

.myList {padding:5px 10px; border-bottom: 1px solid #20221d;}
.myList:last-child {border-bottom: 0px;}
.myList li {border-bottom: 1px solid #c7c8c6;color:#3a3a3d;padding: 4px;}
.myList li:last-child {border-bottom: 0px;}
.myList li>span {display: inline-block;font-weight: bold;width:30%;vertical-align: top;padding-top: 3px;}
.myList li span.pdnone {padding-top: 0px;}
.myList li p {display: inline-block;width:68%;line-height: 1.3em;}
.myList li p span {display: inline-block;margin-bottom: 3px;width:100%;}
.myList li p .chkArea {width:auto; margin-right:4px;}

.giftArea {position:relative;padding: 10px 10px 30px;border-bottom: 1px solid #bcbcbc}
.giftArea:after {content: '';clear: both;display: block;}
.giftArea:last-child {border-bottom: 0px;}
.giftArea .prdCont {float: left;width:92%;height:120px;}
.giftArea .prdCont:after {content: '';clear: both;display: block;}
.giftArea .chkbox {float: left;width:6%;text-align: center;}
.giftArea .prdImg {float: left;width:40%;text-align: center;}
.giftArea .prdImg a>img {width:115px;}
.giftArea .prdOption {float: right;width:53%;}
.giftArea .prdOption .name {border-bottom: 1px dotted #000;margin-bottom: 5px;padding-bottom: 5px;}
.giftArea .eventPrice {position:absolute;bottom:5px;left: 10px;width: 95%;border-top:1px solid #bcbcbc;padding-top: 5px;}

.totalCont {padding:10px;}
.totalCont:after {content: '';clear: both;display: block;}
.totalCont dt {float: left;width: 70%;border-bottom: 1px solid #bfbfbe;padding:3px;font-weight: bold;}
.totalCont dd {float: left;width: 26%;border-bottom: 1px solid #bfbfbe;padding:3px;color:#3a3a3d;text-align: right;}

.mgfoot {padding-bottom: 1px;}

#attach_packing .cartArea {padding-bottom:0px;}
#attach_packing .cartArea .chkbox {padding-top:50px;}
#attach_packing .cartArea .prdOption {padding-top:23px;}

.modifyForm {}
.modifyForm .myList {border-bottom:0;}
.modifyForm .myList li:last-child {border-bottom: 1px solid #c7c8c6;}
.modifyForm .myList li>span {width:48%} 
.modifyForm .myList li p {width:50%} 
.modifyForm .infoTxt {padding:3px 10px 0;}
.modifyForm .gradeInfo {margin:20px 0;}
.modifyForm .gradeInfo h3 {padding:5px 10px; border-bottom:2px solid #20221d;}
.modifyForm .infoTxtList {padding:5px 10px 0;}

/* ¿ìÆí¹øÈ£ ÆË¾÷ */
.zipInfo {text-align: center;padding:10px 20px 20px;border-bottom: 1px dotted #000;}
.zipSearch {padding: 10px;}
.zipSearch input {width: 86%;margin-right: 2px;}
.zipTbl {border-top: 1px solid #bcbcbc;border-bottom: 1px solid #bcbcbc;padding: 5px;}
.zipTbl .zipnum {display:inline-block;padding-right:10px;text-align: center;border-right: 1px solid #bcbcbc;}
.zipTbl .zipaddr {display:inline-block;text-align: center;width:70%;}
#addBox  {position:relative; z-index:1;width:100%;height:200px;overflow:auto;}
#addBox #scrArea {position:absolute; top:0; left:0; z-index:2; -webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;padding:0;-webkit-transition: -webkit-transform 0ms;
    transition: -webkit-transform 0ms;
    -webkit-transform-origin: 0px 0px;
    -webkit-transform: translate(0px, 0px) translateZ(0px);}
#addBox #scrArea ul {width: 98%;}
#addBox #scrArea li {padding:3px;border-bottom: 1px dotted #000;}
#addBox #scrArea li span {display: block;float: left;}
#addBox #scrArea li .code {width:20%;text-align: center;padding-right: 6px;}
#addBox #scrArea li .addr {width:66%;}
#addBox #scrArea li .fr {width:11%;text-align: right;margin-top: 1px;}
#addBox #scrArea li:after {content: '';clear: both;display: block;}
#addBox p.ac {padding-top:65px;}

.zipInfo2 {padding:10px 0px 20px;}
.addBox2 #addBox {height:300px !important; border-bottom: 1px dotted #000; margin-bottom:85px;}
.addBox2 #scrArea li .code {font-weight:bold;}
.addBox2 #scrArea li .addr {width:75% !important;}
.addBox2 #scrArea li .addr b {display:block; padding-bottom:5px;}
.addBox2 #scrArea li:last-child {border-bottom:0 !important;}
.addBox2 .page {position:absolute; bottom:55px; left:0; width:100%; text-align:center;}
.addBox2 .page a {display:inline-block; width:29px; height:29px; vertical-align:middle;}
.addBox2 .page img {width:100%;}
.addBox2 .page span {display:inline-block; line-height:29px; vertical-align:middle;}
.zipSrc2 {padding:5px 10px 10px;}
.zipSrc2 p {font-size:13px; padding-bottom:10px;}
.zipSrc2 p span	{ color:#8823a1;}
.zipSrc2 label {font-weight:bold;}
.zipFoot {position:absolute; bottom:0; left:0; width:94%; background:#e3e3e3; padding:3%; font-size:11px; color:#000; text-align:center;}

.myScrollbarV {position:absolute; z-index:4; width:3px; bottom:2px; top:2px; right:1px}
.myScrollbarV>div {
	position:absolute;
	z-index:100;
	width:100%;
	background:#000;
	opacity:0.3;

	-webkit-background-clip:padding-box;
	-moz-background-clip:padding-box;
	-o-background-clip:padding-box;
	background-clip:padding-box;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}

/* ÀÌÀü ÁÖ¼Ò ÆË¾÷ */
.pastAdd {}
.pastAdd dl {padding:10px;}
.pastAdd dt {width:26% !important;}
.pastAdd dd {width:69% !important;}

/* ÄíÆù ÆË¾÷ */
.popcp {text-align: center;margin:-10px 10px 10px;padding-bottom: 20px;border-bottom: 1px dotted #000;}
.popchoice {background: #fff;}
.popcpList {border-bottom: 1px solid #bcbcbc;}
.popcpList:after {content: '';clear: both;display: block;}
.popcpList .poprd {float: left;width: 7%;padding-left: 8px;}
.popcpList .poprd .rdo {margin-top:57px;}
.popcpList dl {float: left;width: 90%;border-left: 1px solid #bfbfbe;}
.popcpList dl:after {content: '';clear: both;display: block;}
.popcpList dt {float: left;width: 25%;border-top: 1px solid #bfbfbe;padding:3px;font-weight: bold;}
.popcpList .last {border-bottom:none;border-top: 1px solid #bfbfbe;}
.popcpList dd {float: left;width: 70%;border-top: 1px solid #bfbfbe;padding:3px;color:#3a3a3d;}

/* »óÇ°±Ç ÆË¾÷ */
.giftCard	{background:#fff;}
	.giftCard .contHead	{padding:10px; border-bottom:1px dotted #999;}
	.giftCard p.txt	{color:#808080;}
	.giftCard p.inquiry	{padding-top:10px;}
	.giftCard p.inquiry input	{width:71%; text-align:center;}
	.giftCard .contBody	{padding:10px;}
	.giftCard .contBody dl:after	{content:""; display:block; clear:both;}
	.giftCard .contBody dl dt	{float:left; padding-bottom:10px; width:23%; text-align:center;}
	.giftCard .contBody dl dd	{float:left; padding-bottom:10px;  width:73%;}
	.giftCard .contBody dl dd input	{width:95%;margin-right:10px; text-align:right;}
	.giftCard .contBody dl dd a.btnColorA	{display:inline-block; margin-left:10px; padding:0 20px; height:20px;line-height:20px;}
	.giftCard .contBody dl dd span.price	{display:inline-block; width:55%;}
	.giftCard .card	{padding:10px;}
	.giftCard .card p.txt	{text-align:center; color:#000;}
	.giftCard .card ul li	{position:relative; padding:10px 0; border-bottom:1px dotted #999;}
	.giftCard .card ul li span	{display:block;}
	.giftCard .card ul li a.cancel	{position:absolute; right:20px; top:16px;}
	.giftCard p.allPrice	{padding-top:20px; font-weight:bold; text-align:center;}
	
/* ÁÖ¹®¿Ï·á */
.doneMg {padding:20px 10px;text-align: center;}
.bigtit {font-size: 15px;padding:5px 0 10px;border-bottom: 1px dotted #000;margin-bottom: 10px;}
.myHome:after {content: '';clear: both;display: block;} 
.myHome dt {float: left;width: 28%;border-top: 1px solid #bfbfbe;padding:3px;font-weight: bold;}
.myHome dd {float: left;width: 68%;border-top: 1px solid #bfbfbe;padding:3px;color:#3a3a3d;}

/* ÁÖ¹®¹è¼Û Á¶È¸ */
.myVdlList .btnbd {padding:0 10px 10px; border-bottom:1px solid #bcbcbc;}
.myVdlList .datetxt {font-weight: bold;margin:10px 10px 0;border-bottom:1px solid #c7c8c6;padding-bottom: 10px;}
.myVdlList .myorderList {margin:0 10px;border-bottom: 1px solid #20221d;}
.myVdlList .myorderList:last-child {border-bottom: 0px;}
.myVdlList .myorderList li {border-bottom:1px solid #c7c8c6;color:#3a3a3d;padding: 4px;}
.myVdlList .myorderList li:last-child {border-bottom: 0px;}
.myVdlList .myorderList li span {display: inline-block;font-weight: bold;width:30%;vertical-align: top;}
.myVdlList .myorderList li p {display: inline-block;width: 65%;margin-left: -4px;}
.myVdlList .myorderList li a {color:#000;}
.myVdlList .myorderList .ac {padding:10px 0;}
.orderInfo p {font-weight: bold;padding-bottom: 10px;border-bottom: 1px dotted #000}
.orderInfo dl {margin-top: 10px;}
.orderInfo dt {color:#830b8a;font-weight: bold;margin-bottom: 3px;}
.orderInfo dd {color:#3a3a3d;padding-left: 10px;margin-bottom: 5px;}

/* ±³È¯È¯ºÒ ½ÅÃ» */
.formtit {margin:10px 10px 0px;font-weight: bold;border-bottom: 1px dotted #000;padding-bottom: 10px;}
.formtit2 {margin:10px;font-weight: bold;}
.comment {margin:0 10px;border-bottom: 1px dotted #000}
.comment p {margin-bottom: 5px;}
.comment p textarea {height:95px;}
.comment p.tit {border:1px solid #bfbfbe;padding: 3px;}
.comment p.cont {border:1px solid #bfbfbe;padding: 3px;min-height: 95px;}
.myrefund {border-bottom: 1px solid #bcbcbc;margin: 0 10px}
.myrefund:after {content: '';clear: both;display: block;} 
.myrefund dt {float: left;width: 30%;border-top: 1px solid #bfbfbe;padding:3px;font-weight: bold;}
.myrefund dd {float: left;width: 66%;border-top: 1px solid #bfbfbe;padding:3px;color:#3a3a3d;}

/* ³ªÀÇ ¸®ºä */
.myReview {padding-bottom: 20px;}
.myReview .reTop {padding:5px;}
.myReview .reTop span {display: inline-block;border-right: 1px solid #bcbcbc;text-align: center;}
.myReview .reTop .num {width:12%;}
.myReview .reTop .star {width:20%;}
.myReview .reTop .title {width:43%;}
.myReview .reTop .date {width:18%;border-right: 0px;}
.myReview .reArea {border-bottom: 1px solid #bcbcbc;}
.myReview .reArea li {padding: 7px 3px;border-top: 1px solid #bcbcbc;}
.myReview .reArea li span {display: inline-block;text-align: center;vertical-align: top;}
.myReview .reArea li .num {width:12%;font-size: 11px;}
.myReview .reArea li .star {width:20%;}
.myReview .reArea li .star>img {width:59px;}
.myReview .reArea li .title {width:43%;text-align: left;}
.myReview .reArea li .date {width:18%;font-size: 11px;}
.myReview .reArea .reCont {background: #f5f5f5;padding:10px 5px;border-top: 1px dotted #000;margin:0 10px 12px;color:#3a3a3d;}

/* ³ªÀÇ »ó´ã³»¿ª */
.myQna {padding-bottom: 20px;}
.myQna .reTop {padding:5px 0;}
.myQna .reTop span {display: inline-block;border-right: 1px solid #bcbcbc;text-align: center;padding-right: 3px}
.myQna .reTop .num {width:14%;}
.myQna .reTop .title {width:44%;}
.myQna .reTop .date {width:18%;}
.myQna .reTop .answer {width:15%;border-right: 0px;}
.myQna .reArea {border-bottom: 1px solid #bcbcbc;}
.myQna .reArea li {padding: 7px 0px;border-top: 1px solid #bcbcbc;}
.myQna .reArea li span {display: inline-block;text-align: center;vertical-align: top;padding-right: 4px;}
.myQna .reArea li .num {width:14%;}
.myQna .reArea li .title {width:44%;text-align: left;}
.myQna .reArea li .date {width:18%;font-size: 11px;}
.myQna .reArea li .answer {width:15%;}
.myQna .reArea li .done {color:#d70353;}
.myQna .reArea .reCont {background: #f5f5f5;padding:10px 5px;border-top: 1px dotted #000;margin:0 10px 12px;color:#3a3a3d;}
.myQna .reArea .answerCont {margin-top:10px;border-top:1px solid #cac9c9;padding:10px 5px 5px 10px;background: url("/m/images/blt/ans.png") 0 12px no-repeat;background-size: 6px;}

/* vip */
.vipArea {}
.vipArea .btnArea {text-align:center; padding:2%;}
.vipArea .btnArea>a, .vipArea .btnArea>span {display:inline-block; width:50%; margin:1% 0.5%;}
.vipArea .btnArea2>a, .vipArea .btnArea2>span {width:47%;}
.vipArea .qnaInfo {}
.vipArea .qnaInfo h4 {padding:1% 15% 5%;}
.vipArea .qnaInfo .btnShow {position:relative; border-top:1px solid #333; padding-bottom:20px;}
.vipArea .qnaInfo .btnShow>a {display:block; position:absolute; top:-1px; left:50%; margin-left:-25px; width:50px; height:15px; overflow:hidden;}
.vipArea .qnaInfo .btnShow>a.on img {margin-top:-15px;}
.vipArea .qnaInfo dl {display:none; padding:0 10px 10px;}
.vipArea .qnaInfo dt {font-size:14px; font-weight:bold; color:#55007d; padding-top:12px;}
.vipArea .qnaInfo dd {padding-top:5px;}
.vipArea .qnaInfo dd .btn {display:block; width:55%; margin-top:5px;}
.vipHowto {background:#fff; padding:28px 20px;}
.vipHowto h3 {font-size:17px; color:#55007d; font-weight:bold;}
.vipHowto .tit {padding:15px 0 10px; text-align:center; font-size:14px;}
.vipHowto p {padding:0 10px;}
.vipHowto p>img {width:100%;}
.offlineList2 {}
.offlineList2 li {border-top:1px solid #333; padding:10px;}
.offlineList2 li:after {content:''; clear:both; display:block;}
.offlineList2 li>a {display:block;}
.offlineList2 li .fl {width:80%;}
.offlineList2 li .fl.on {color:#55007d; font-weight:bold;}
.offlineList2 li .fr {width:8px; padding-left:10%;}
.vipArea .userForm {padding:10px; text-align:center;}
.vipArea .userForm>p>b {font-size:16px; color:#333;}
.vipArea .userForm .info {padding:12px 0 0 40px; text-align:left;}
.vipArea .userForm .info span {display:block; margin-bottom:4px; line-height:15px;}

/****** VDL ½ºÅä¸® ******/
.storyCont01	{ padding-bottom:32px; border-bottom:1px solid #bcbcbc; }
.storyCont02	{ padding:18px 10px 40px 10px; text-align:center; position:relative; }
.storyCont02 .tit	{ padding-bottom:16px; }
.storyCont02 .txt	{ padding-bottom:35px; border-bottom:1px dotted #000; font-size:14px; line-height:20px; }
.storyCont02 dl {position:relative;z-index:5}
.storyCont02 dl.violet	{ padding-top:-6px; }
.storyCont02 dl.dream	{ padding-bottom:30px; }
.storyCont02 dt	{ padding:32px 0 20px 0; font-size:16px; font-weight:bold; }
.storyCont02 dd	{ padding-top:10px;background:url(../images/story/line.gif)no-repeat center 0; }
.storyCont02 .txt02	{ padding:0 5px; width:122px; color:#fff; background:#000; margin:0 auto; letter-spacing:5px; }
.storyCont02 .bg01	{ position:absolute; left:0%; top:243px; }
.storyCont02 .bg02	{ position:absolute; right:0%; top:277px; }


/****** UITL ******/
/* ·Î±×ÀÎ */
.loginArea	{ padding:13px 10px 0 10px; }
.loginArea .loginInfo	{ padding:2px 0 10px 0; position:relative; border-bottom:1px dotted #000; }
.loginArea .loginInfo input.txt	{ display:inline-block; margin-top:10px; width:70%; }
.loginArea .loginInfo .loginBtn	{ display:inline-block; width:28%; height:69px; text-align:center; line-height:69px; font-weight:bold; position:absolute; right:0; top:12px; }
.loginArea .loginInfo .check	{ padding-top:10px; }
.loginArea .ps	{ padding:12px 0; }
.membershipArea 	{ margin-top:12px;  padding:12px 0 38px 0; border-top:1px solid #bcbcbc; }
.membershipArea .membership 	{ padding:0 10px; }
.membershipArea .membership p.txt 	{ padding-bottom:12px; }

/* ¸ÅÀå */
.offlineSearch	{ padding:8px 10px 12px 10px; }
.offlineSearch p.search	{ margin-top:12px; padding:12px 0 10px 0; border-top:1px dotted #000; }
.offlineSearch p.search input	{ width:100%; height:30px; }
.offlineList li	{ padding:13px 10px; border-top:1px solid #bcbcbc; font-size:11px; background: url("/m/images/btn/btn_detail.png") 96% center no-repeat;background-size: 8px;}
.offlineList li a	{ display:inline-block; width:100%; }
.globalList li	{ padding:13px 10px; border-top:1px solid #bcbcbc; font-size:11px; }
.globalList li.on a {color:#830b8a;font-weight: bold;}
.globalList li.reCont {position:relative;border-top: 0;padding-top: 0; border-top:1px dotted #000; }
.globalList li .slideshow {width:300px;height:246px;margin:0 auto;}
.globalList li .slideshow>img {width:300px;height:246px;}
.globalList .reCont .prev {position:absolute;top:120px;left:5px;width:22px;z-index:10;}
.globalList .reCont .next {position:absolute;top:120px;right:5px;width:22px;z-index:10;}

.offlineView	{ padding:13px 10px; }
.offlineView p.txt	{ padding-bottom:14px; color:#7b14a8; font-weight:bold; }
.offlineView p.map	{ border:1px solid #bcbcbc; }
.offlineView .btn	{ padding-top:10px; text-align:right; }
.offlineView .btn a	{ display:inline-block; padding:0 5px; height:22px; line-height:22px; }
.mapInfo	{ padding:12px 10px 40px 10px; }
.mapInfo p.address	{ padding-bottom:13px; border-bottom:1px dotted #000; }
.mapInfo strong	{ display:inline-block; padding:13px 0 8px 0; }
.offlineView #slideshow {width:300px;height:246px;margin:0 auto;}
.offlineView #slideshow>img {width:300px;height:246px;}
.offlineView .storeImage {position:relative;}
.offlineView .storeImage .prev {position:absolute;top:120px;left:5px;width:22px;z-index:10;}
.offlineView .storeImage .next {position:absolute;top:120px;right:5px;width:22px;z-index:10;}

/* °í°´¼¾ÅÍ */
.faqArea p.search	{ margin-top:12px; padding:12px 0 10px 0; border-top:1px dotted #000; }
.faqArea p.search input	{ width:100%; height:30px; }
.faq li		{ padding:13px 10px; border-top:1px solid #bcbcbc; }
.faq li span		{ color:#830b8a; }
.faq li.reCont	{ background: #f5f5f5;padding:10px 5px;border-top: 1px dotted #000;margin:0 10px 12px;color:#3a3a3d; }
.qnaArea	 p.txt	{ border-bottom:1px solid #bcbcbc; padding-bottom:12px; }
.qna { border-bottom:1px solid #bcbcbc; }
.qna li {border-bottom: 1px solid #c7c8c6;color:#3a3a3d;padding:5px 4px; }
.qna li:last-child {border-bottom: 0px;}
.qna li>span {display: inline-block;font-weight: bold;width:23%;vertical-align: top;padding-top: 3px;}
.qna li p {display: inline-block;width:75%;line-height: 1.3em;}
.qna li p span {display: inline-block;margin-bottom: 3px;width:100%;}
.phoneInquiry p	{ padding-bottom:13px; border-bottom:1px dotted #000; }
.phoneInquiry dl	{ padding-top:11px; }
.phoneInquiry dl dt	{ padding-bottom:3px; }
.phoneInquiry dl dd	{ padding-bottom:3px; color:#3a3a3d; }

/* ´º½º */
.newsArea p.search	{ margin-top:12px; padding:12px 0 10px 0; border-top:1px dotted #000; }
.newsArea p.search input	{ width:100%; height:30px; }
.news li:after {content: '';clear: both;display: block;} 
.news li		{ padding:13px 10px; border-top:1px solid #bcbcbc;}
.news li.reCont	{ background: #f5f5f5;padding:10px 5px;border-top: 1px dotted #000;margin:0 10px 12px;color:#3a3a3d; }
.news li a {display: block;float: left;width:81%;}
.news li.on a	{color:#830b8a;font-weight: bold; }
.news li span.date {display: block;float: left;width:19%;font-size:11px;}

/* »ó´Ü Á¦Ç° °Ë»ö */
#searchArea {display: none; position: absolute;left: 0;top:0;width: 100%; background: #000;padding-top: 13px;height: 34px;z-index: 20;}
#searchArea .searchBox {padding-left: 10px;}
#searchArea .searchBox .searchtxt {width:78%;height: 28px;padding:1px 3px;border: 1px solid #fff;color:#fff;border-right: 0;vertical-align: middle;background: none;}
#searchArea .searchBox a {display: inline-block;width: 26px;height: 26px;border: 1px solid #fff;}
#searchArea .searchBox a>img {width: 26px;vertical-align: middle;}
#searchArea .btnx {position: absolute;right: 10px;top:18px;}
#searchArea .btnx a>img {width:16px;}

/* °³ÀÎÁ¤º¸Ãë±Þ¹æÄ§ */
.agreeWrap	{ padding:10px; border:1px solid #efefef; background:#fafafa; }
.agreeArea *	{ line-height:17px; }
.agreeArea p	{ margin-bottom:8px; }
.agreeArea ul	{ margin-bottom:8px; }
.agreeArea ul li	{ padding-left:8px; background:url('/images/common/blt1.gif') no-repeat left 5px; }
.agreeArea ol li	{ padding:0 0 5px 0; }
.agreeArea ol li ol	{ }
.agreeArea ol li ol li	{ padding:0 0 0 12px; }
.agreeArea h2	{ padding:10px 0 5px;  font-weight:bold; font-size:13px; color:#2d2d2d; background: none;border-top: 0;height: 20px; }
.agreeArea h3	{ padding-left:5px;  font-weight:bold; font-size:12px; color:#2d2d2d; background:url('/images/common/blt6.gif') no-repeat left 4px;background-size: 3px; }
.agreeArea h3.bgn	{ padding-left:0; }
.agreeArea .list	{ margin-bottom:5px; }
.agreeArea .list thead th, .agreeArea .list tbody td	{ height:auto; padding:4px 5px; border:1px solid #ddd; line-height:20px; }

/* »çÀÌÆ®¸Ê */
.sitemap {width: 100%;overflow: hidden;}
.sitemap h3 {background: #55017d;padding: 10px;color:#fff;font-weight: bold;font-size: 14px;}
.sitemap h3 a {color:#fff;}
.sitemap>ul>li {color:#000;font-size: 13px;border-bottom: 1px solid #bcbcbc;}
.sitemap>ul>li>span {display: block;width: 100%; padding: 10px;font-weight: bold;}
.sitemap>ul>li>div:after {content: '';clear: both;display: block;} 
.sitemap>ul>li>div {background: #f2f2f2;padding: 10px;}
.sitemap>ul>li>div .tit {display: inline-block; width: 100%;font-size: 13px;padding: 5px 0 5px;border-bottom: 1px solid #bcbcbc;background:none;}
.sitemap>ul>li>div p {display: inline-block; width: 44%;font-size: 13px;padding: 5px;border-bottom: 1px solid #bcbcbc;}
.sitemap>ul>li>div.boxline {background:#f2f2f2 url(/m/images/common/sitebg.png) 0 bottom repeat-x;background-size:2px;}
.sitemap>ul>li>div.boxbg  {background:#f2f2f2 url(/m/images/common/sitelogo.png) 75% 70% no-repeat;background-size:65px;}
.sitemap>ul>li>div>ul {width: 45%;float: left;}
.sitemap>ul>li>div>ul:last-child {margin-left: 10px;}
.sitemap>ul>li>div>ul>li {font-size: 12px;background:url(/m/images/blt/blt.png) 0 5px no-repeat;background-size:2px;padding-left:4px;margin:3px;}
.sitemap>ul>li>div>ul>li a {color:#48484c}
.sitemap>ul>li>div .tit a {color:#000}

/* ÀÌº¥Æ® ÆË¾÷ */
#eventPop {}
.popEvent .eveTop {padding:10px 10px 0;}
.popEvent img {width:100%;}
.eveList {margin:0 10px 10px;}
.eveList li {padding:10px;background:#fff;border-bottom:1px dotted #000;}
.eveList li:after {content:'';clear:both;display:block;}
.eveList .eveTit {width:80%;float:left;padding-top:5px;font-weight:bold}
.eveList .eveTit span {display:block;font-size:12px;color:#3a3a3d;font-weight:lighter;}
.eveList .btnGo {display:block;width:50px;float:right;}
.popEvent .close {position:absolute;right:5%;top:5%;}
.todayPop {margin:-10px 10px 0;background:#000;}
.todayPop a {display:block;padding:3px 5px 3px 0; color:#fff;text-align:right;font-size:9px;}

/* È¸¿øÁ¤º¸ ¼öÁ¤ */
.myColor {}
.myColor h4 {margin-bottom:10px;margin-top:10px;}
.myColor p {padding-bottom:10px;border-bottom:1px dotted #000;}
.myColor .lineH {line-height:80%;border-top:1px dotted #000;}
.myColor .lineH label {display:inline-block; padding: 0 6px 4px 0}
.myColor .lineH label .chk {margin-right:3px;}
.colorChip2 {padding:10px 0;}
.colorChip2:after {content: '';clear: both;display: block;}
.colorChip2 li {width:27px;height:27px;border: 1px solid #000;float: left;margin:1px;box-sizing:border-box;}
.colorChip2 li.on {border:2px solid #000;}
.pz {padding:0 !important;}

/* Å¸ÀÓ¼¼ÀÏ */
.timesaleArea .time	{ padding:15px 10px 20px 10px; height:60px; background:url(/m/images/timesale/time.png) 10px 50px no-repeat; background-size:auto 40px;}
	.timesaleArea .timeProduct .infoArea p.productImg	{ margin-top:10px;  border-top:1px solid #b9b9b9;}
	.timesaleArea .time p.tit	{  padding-top:12px;}
	.timesaleArea .time .num	{position:relative; }
	.timesaleArea .time .num span	{ position:absolute; top:20px; font-size:38px; font-weight:bold; color:#fff;}
	.timesaleArea .time .num span.date	{ position:absolute; left:7px;}
	.timesaleArea .time .num span.hour1	{ position:absolute; left:61px;}
	.timesaleArea .time .num span.hour2	{ position:absolute; left:99px;}
	.timesaleArea .time .num span.min1	{ position:absolute; left:141px;}
	.timesaleArea .time .num span.min2	{ position:absolute; left:181px;}
	.timesaleArea .time .num span.sec1	{ position:absolute; left:224px;}
	.timesaleArea .time .num span.sec2	{ position:absolute; left:262px;}
	.timesaleArea .timeProduct{ margin-top:15px; border-top:1px solid #b9b9b9;  }	
	.timesaleArea .tabArea	{ padding:0 10px 0 10px;position:relative;  border-top:3px solid #f1f1f1; height:60px; }
	.timesaleArea .tabArea .tab01	{  padding:0 10px 0 10px; overflow:hidden; margin:0 30px 0 20px;}
	.timesaleArea .tabArea .tab01 ul	{ *zoom:1; position:relative; }
	.timesaleArea .tabArea .tab01 ul:after	{ content:""; display:block; clear:both;  }
	.timesaleArea .tabArea .tab01 ul li	{ padding-top:20px;float:left; height:53px; box-sizing:border-box; width:120px;}	
	.timesaleArea .tabArea .tab01 ul li.on	{ color:#000 !important; background:url('/m/images/timesale/tab_bg.png') no-repeat center top; background-size:auto 7px; box-sizing:border-box; }
	.timesaleArea .tabArea .tab01 ul li a	{ display:block; padding:0 10px; border-right:1px solid #c1c1c1; }	
	.timesaleArea .tabArea .tab01 ul li div	{ padding-left:37px; position:relative; }	
	.timesaleArea .tabArea .tab01 ul li div img	{ position:absolute; left:0; top:0; }	
	.timesaleArea .tabArea .tab01 ul li div span	{ display:block; font-size:14px; }	
	.timesaleArea .tabArea p.prev	{ display:block; width:15px; height:15px; position:absolute; left:10px; top:28px; }
	.timesaleArea .tabArea p.next	{ display:block; width:15px; height:15px; position:absolute; right:10px; top:28px; }	
	.timesaleArea .timeProduct .info	{ width:100%; margin-top:20px;border-top:1px solid#bcbcbc; box-sizing:border-box; }
	.timesaleArea .timeProduct .info dl	{ margin:0 15px; padding:10px 0; height:40px; box-sizing:border-box; border-top:1px dotted #000; overflow:hidden;}
	.timesaleArea .timeProduct .info dl:first-child	{ border-top:0;}	
	.timesaleArea .timeProduct .info dl:after	{ content:""; diaplay:block; clear:both;   }	
	.timesaleArea .timeProduct .info dl	dt	{ float:left; font-weight:bold;  }
	.timesaleArea .timeProduct .info dl	dd	{ float:right;font-weight:bold; }	
	.timesaleArea .timeProduct .info dl	dd{ font-size:14px; color:#3a3a3d; }	
	.timesaleArea .timeProduct .info dl.tit03{ border-bottom:1px dotted #000; }	
	.timesaleArea .timeProduct .info dl.tit01 dd span	{ font-size:14px; color:#3a3a3d; text-decoration:line-through;}
	.timesaleArea .timeProduct .info dl.tit02 dd span	{ font-size:20px; color:#850a89;}
	.timesaleArea .timeProduct .info dl.tit03 dd span	{ font-size:20px; color:#000;}
	.timesaleArea .timeProduct .info .btnArea01	{ text-align:center; padding-bottom:20px; }
	.timesaleArea .tabArea .tab01 {position:relative; }
	.timesaleArea .tabArea .tab01 ul li a div {  font-family:Malgun Gothic, '¸¼Àº °íµñ', mGothic; }
	.timesaleArea .tabArea a.prev	{ display:block; width:15px; height:15px; position:absolute; left:10px; top:28px; }
	.timesaleArea .tabArea a.next	{ display:block; width:15px; height:15px; position:absolute; right:10px; top:28px; }
	
	.timesaleArea .comingSoon	{ padding:30px 10px 20px 10px; }
	.timesaleArea .comingSoon ul	{ margin-top:10px; width:100%; box-sizing:border-box;}	
	.timesaleArea .comingSoon ul:after		{ content:""; display:block; clear:both; }	
	.timesaleArea .comingSoon ul li	{ float:left; width:50%; height:166px; box-sizing:border-box; border:1px solid #ddd;}	
	.timesaleArea .comingSoon ul li span.none	{ display:block; padding-top:53px; }	
	.timesaleArea .comingSoon ul li div{ position:relative;}
	.timesaleArea .comingSoon ul li div img{ display:block; height:164px; margin:0 auto; width:auto;}
	.timesaleArea .comingSoon ul li div span.bg{ display:block; background:url('/m/images/timesale/soon_bg.png') no-repeat left top; background-size:100% 164px; position:absolute; left:0; top:0; width:100%; height:165px;  }
	.timesaleArea .comingSoon ul li div span.date{ font-size:16px; color:#666; font-family:Malgun Gothic, '¸¼Àº °íµñ', mGothic; position:absolute; left:10px; top:7px;}
	.timesaleArea .comingSoon ul li div p.tit{ margin-top:-36px;font-size:12px; color:#1c1b18; font-weight:bold; text-align:center; z-index:10; position:relative;}
	/*.timesaleArea .comingSoon ul li.bdr	{ border-right:1px solid #ddd; }	
	.timesaleArea .comingSoon ul li.bdb{ border-bottom:1px solid #ddd; }	*/
	.timesaleArea .detail	{ padding:10px; }
	.timesaleArea .detail .tit	{ padding-bottom:20px; }
	.timesaleArea .detail .txt img	{ width:100%; }
	.timesaleArea .review	{ padding:10px; }
	.timesaleArea .review .tit	{ padding-bottom:3px; }
	
/* instagram */
.instagramArea	{}
	.instagramArea .cont	{  }
	.instagramArea .cont ul	{ background:url('/m/images/instagram/bg.jpg') repeat-y left top;background-size:100%; width:96%;padding-left:4%;}
	.instagramArea .cont ul:after	{ content:""; display:block; clear:both;  }
	.instagramArea .cont ul li	{ float:left; background:url('/m/images/instagram/bg02.gif') no-repeat left 0; background-size:98%;width:30%; height:30%; padding:3px;margin:0 3px 3px 0;}
	.instagramArea .cont ul li a	{ display:block;width:85px;height:85px; overflow:hidden;margin: 0 auto;}
	.instagramArea .cont .btnCont {text-align:center;padding:5px 0 20px;}
	.instagramArea .cont .btnCont a>img {width:50%;}
	.layerPop {display:none; position:absolute; left:10%;top:0px; width:250px; height:303px; background:url('/m/images/instagram/box.png') 0 0 no-repeat;background-size:250px; z-index:99;}
	.layerPop .btnx {position:absolute; right:-28px;top:0px;}
	.layerPop .imgCont {padding:11px 0 0 11px;width:228px;height:228px;}
	.layerPop .imgCont>span {display:block;width:5px;height:5px; position:absolute; }
	.layerPop .textCont {margin:3px 0 0 10px;zoom:1;}
	.layerPop .textCont:after	{ content:""; display:block; clear:both;  }
	.layerPop .textCont .user {position:relative;width:30px;float:left;}
	.layerPop .textCont .one {display:block; position:absolute; left:0px;top:0px;width:25px;height:25px;background:url('/m/images/instagram/one.png') 0 0 no-repeat;background-size:25px;}
	.layerPop .textCont .userId {width:87px;height:25px;line-height:25px;float:left;padding:0 5px;color:#8b2020;font-size:11px;}
	.layerPop .textCont .userCont {width:224px;height:28px;overflow:hidden;font-size:11px;padding-top:5px;}
	.layerPop .btnmore  {position:absolute; right:16px;bottom:35px;}


	.colorList	{ padding:10px 0 0 15px; height:71px; }
	.colorList p.tit	{ display:inline-block;padding:8px 0; font-family:mGothicB; font-weight:bold; color:#353535; }
	.colorList>div select	{ width:84%; height:22px; border:1px solid #a1a1a1; text-align:center; }
	.colorList>div ul{ *zoom:1; margin-top:5px;}
	.colorList>div ul:after	{ content:""; display:block; clear:both;}
	.colorList>div ul li	{ margin-left:5px; float:left; width:16px; height:16px; border:3px solid #fff;}
	.colorList>div ul#optionList li.on	{border:3px solid #000}
	.colorList>div ul li:first-child	{ margin-left:0;}

	/* cart_popup */
#bodyLayer	{ display:none;position:fixed; top:0; left:0; width:100%; height:100%; filter:alpha(opacity=50);opacity:0.5;z-index:11;background:#000}
#popup { position:absolute; left:0; top:10%;z-index:12; width:100%; }
#popup .topArea{ margin:0 10px;background:#e8e8e8; border-top:1px solid #fff;border-bottom:1px solid #fff; }
#popup p.tit { padding:13px 0 13px 10px; font-size:13px; color:#000; font-weight:bold; width:100%; }
#popup .cont { padding:16px 17px 0 18px; background:#fff; margin:0 10px; border-top:1px solid #000;}
#popup .cont .optionColorList { padding-bottom:10px; }
#popup .cont .optionColorList select { width:100% !important; }
#popup .cont ul { overflow:hidden; }
#popup .cont ul li { float:left; border:3px solid #fff; margin:0 3px 3px 0; }
#popup .cont ul li.on {  border-color:#000;}
#popup .cont p.btn { text-align:center; padding-bottom:20px; }
#popup .cont a.cancel { position:absolute; right:20px; top:12px; };





