/* container - sub */ #container.sub{} #container.sub .container_inner{width: 930px; margin:30px auto 100px auto ;} /* path */ #path{margin-bottom: 20px;} .pathArea:after {display:block; clear:both; content:"";} .pathArea{border-bottom: 2px solid #454545; padding-bottom: 17px; } .pathArea h1{padding-left: 15px; } .pathArea h1 .txt{ color: #858585; font-size: 14px; line-height: 26px; margin-left: 15px; vertical-align: text-top; display: inline-block;} .selectArea{font-size: 14px; color: #999;} .selectArea select{width: 163px; height: 30px; border: 1px solid #e6e6e6; padding-left: 5px; font-size: 13px;} /* common */ /*tag*/ .tag{height: 17px;} .tag > span{font-size: 11px; color: #fff; display: inline-block; min-width:43px; text-align: center; padding:2px 0 2px 0; font-weight: bold;} .tag > span.yellow{background-color: #fac421;} .tag > span.gray{background-color: #a0a0a0;} .tag > span.red{background-color: #c82f3a;} /* font */ .fc_red2{color: #ba2f34;} /*tab*/ .tabArea .tab_cont {margin-top:10px;} .tabArea .tab_cont .cont {display:none; } .tabArea .tab_cont .cont:first-child {display:block;} .tabArea .tab_list ul{margin-top:29px; border-bottom: 1px solid #333;} .tabArea .tab_list ul:after {display:block; clear:both; content:"";} .tabArea .tab_list li {float:left; width: 16.5423%;font-size:14px; color: #333; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #e8e8e8; } .tabArea .tab_list li:first-child{ border-left-width: 1px; border-style: solid; border-color: #e8e8e8;} .tabArea .tab_list li a {display:block; padding:10px 0; text-align:center; letter-spacing:-1px; } .tabArea .tab_list li a:hover{background:#333333; color:#fff; font-weight:bold;} .tab_list li.fixed a{text-decoration:none; background:#333333; color:#fff; font-weight:bold; } /* input&select */ .selectBox{height: 35px; border: 1px solid #d1d1d1;} .selectBox.bg{background-color: #f6f6f6;} .selectBox.w115{width: 115px;} .selectBox.w185{width:185px;} .selectBox.w420{width: 420px;} .selectBox.wp99{width: 99%;} .selectBox.wp25{width: 25%;} .inputST1{height: 33px; border: 1px solid #d1d1d1;} .inputST1.bg{background-color: #f6f6f6;} input.w280{width: 280px;} input.w250{width: 250px;} input.w115{width: 115px;} input.w393{width: 393px;} input.w367{width: 367px;} input.wp25{width: 25%;} input.wp100{width: 100%;} input.wp95{width: 95%;} input.wp93{width: 93%;} input.wp90{width: 90%;} input.wp99{width: 99%;} input.wp70{width: 70%;} input.wp74{width: 74%;} .textarea{border: 1px solid #d1d1d1; height:200px;} .textarea.wp98{width: 98%;} .textarea.wp93{width: 93%;} div.fileImg {text-align:center;} span.fileImg{ vertical-align: middle; margin-right: 10px;} div.fileinputs { position: relative; float: left; width: 340px; } div.fileinputs.inlineB{float:none; display:inline-block; *display:inline; *zoom:1;} /* fakefile */ div.fakefile { position: absolute; top: 0px; right: 0px; z-index: 1; } div.fakefile input{ border: 1px solid #d1d1d1; width: 238px; height: 33px; line-height: 24px; margin-right: 5px;} input.file { cursor: pointer; width: 330px; height: 33px; line-height: 28px; position: relative; text-align: right; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; z-index: 2; } .fileinputsDesign{ padding-left: 20px; padding-right: 75px; background: url(../images/btn/btn_upload_off.gif) 100% 50% no-repeat; vertical-align: middle; } input.fileDesign { vertical-align: middle; border: 1px solid #e2e7eb; cursor: pointer; width: 150px; height: 33px; line-height: 26px; position: relative; z-index: 2; } /* 쿠폰북 */ #couponBook > .article{margin-top: 20px; border: 1px solid #e8e8e8; padding:60px 0; margin-bottom: 60px;} #couponBook > .article .lst_coupon ul{margin-left: -3px; margin-top: -70px; margin-bottom: 60px;} #couponBook > .article .lst_coupon ul:after {display:block; clear:both; content:"";} #couponBook > .article .lst_coupon ul li{width: 247px; height: 140px; float: left; background: url(/images/common/bg_coupon.png) no-repeat left top;position: relative; margin-left: 55px; margin-top: 70px; } #couponBook > .article .lst_coupon ul li>.inner{padding: 8px 49px 8px 12px;} #couponBook > .article .lst_coupon ul li .cont{background-color: #fff; height: 87px; padding-left: 44px;} #couponBook > .article .lst_coupon ul li .cont .couponName{color: #555; font-size: 12px;padding-top: 20px;} #couponBook > .article .lst_coupon ul li .cont .discont{color: #e51873; font-size: 30px;padding-top: 3px;} #couponBook > .article .lst_coupon ul li .btn_down{background-color: #4d4343; text-align: center;} #couponBook > .article .lst_coupon ul li .btn_down a{display: block; padding: 6px 0 8px 0;} #couponBook > .article .lst_coupon ul li .tag{position: absolute; top: -21px; left: -39px; width: 81px; height: 81px; background: url(/images/couponBook/bg_couponTag.png) no-repeat left top;} #couponBook > .article .lst_coupon ul li .tag p{position: relative;} #couponBook > .article .lst_coupon ul li .tag p > span{position: absolute; top: 28px;left: 13px;color: #c53554;font-size: 11.4px;font-weight: bold;} #couponBook > .article .coupon_down{text-align: center;} #couponBook .coupon_info ul li{margin-bottom: 10px;} #couponBook > .article .lst_coupon ul li .date{margin-top: 20px; text-align: center;} /* 온라인 전용샵 */ #online_shop .ban_top{border: 1px solid #e8e8e8;} .productList .lst_prd{ padding-top: 10px;} .productList .lst_prd ul:after {display:block; clear:both; content:"";} .productList .lst_prd ul:first-child{ border-top: 0;} .productList .lst_prd ul{border-top: 1px solid #eaeaea; padding-top: 20px;} .productList .lst_prd ul li{text-align: center; width: 25%; float: left;} .productList .lst_prd ul li .img{margin:10px auto;/* height:170px ;*/width: 135px; height: 135px; text-align:center;overflow:hidden;margin-bottom:15px;} .productList .lst_prd ul li .img > a{display:block; height:100%;} .productList .lst_prd ul li .img img{vertical-align:middle; max-width:100%; height: 100%;} .productList .lst_prd ul li .con{margin:18px 10px 30px 10px;} .productList .lst_prd ul li .con h2{color:#454545;margin:5px 0px;} .productList .lst_prd ul li .con h3{margin-bottom:7px; height:32px;overflow:hidden; width: 120px; margin-left:auto; margin-right: auto;} .productList .lst_prd ul li .con h3 >a{font-weight:normal;line-height:16px;color:#727272; } .productList .lst_prd ul li .con p{color:#c82f3a; font-size: 14px;font-weight: bold;} .productList .lst_prd ul li .con p > span{display: inline-block; color: #959595; font-size: 12px; text-decoration: line-through; margin-right: 10px;} /* 브랜드 샵 */ #brandShop .lst_brand{margin-top: 30px;} #brandShop .lst_brand ul{margin-left: -7px; } #brandShop .lst_brand ul:after {display:block; clear:both; content:"";} #brandShop .lst_brand ul li{width: 227px; margin-left:7px; margin-top: 8px; float: left;} #brandShop .lst_brand .brandName{color: #333; text-align: center;background-color: #f0f0f0; font-weight: bold; } #brandShop .lst_brand .brandName > a{display: block; padding: 13px 0; } #brandShop .searchArea{position: relative;} #brandShop .searchArea .searchList ul li{float: left;} #brandShop .searchArea .searchList ul{margin-top:29px; border-bottom: 2px solid #805660; height: 38px;} #brandShop .searchArea .searchList ul:after {display:block; clear:both; content:"";} #brandShop .searchArea .searchList ul li {float:left; width: 148px; font-size:14px; color: #333; border-width: 2px 2px 0px 0px; border-style: solid; border-color: #ddd; } #brandShop .searchArea .searchList ul li:first-child{ border-left-width: 2px; border-style: solid; border-color: #805660;} #brandShop .searchArea .searchList ul li a {display:block; padding:10px 0; text-align:center; letter-spacing:-1px; font-weight: bold; } #brandShop .searchArea .searchList ul li a:hover,#brandShop .searchArea .searchList ul li.fixed a{text-decoration:none;font-weight:bold; border-color: #805660; border-bottom: 2px solid #fff;} #brandShop .searchArea .cont{padding: 30px 0;} .standard:after {display:block; clear:both; content:"";} .standard{padding: 0 20px;} .standard .searchAll{float: left; } .standard .searchAll .lst_check > span{width: 65px;} .standard .searchAll .lst_check > span > label{width: 67px; padding: 23px 0;} .standard .searchBtn{float: left; margin-left: 26px; padding-left: 23px;background: url(/images/bg/bg_dash.jpg) left top no-repeat;} .standard .searchBtn .kor{margin-bottom: 11px;} #brandShop .search_box{position: relative;padding:0px 20px;} #brandShop .search_box .input_txt{border: 1px solid #ddd; width: 158px;height: 21px; margin-left: 10px;} #brandShop .box_searchBrand{background-color: #fff;border-bottom: 1px solid #e3e3e3; margin-top: 30px; padding-bottom: 30px; } #brandShop .box_searchBrand > .inner{padding: 10px; } #brandShop .box_searchBrand > .inner:after {display:block; clear:both; content:"";} #brandShop .box_searchBrand > .inner > p {display: table; float: left; width: 132px;text-align: left;height: 100%; border-right: 1px solid #e3e3e3; padding-left: 10px; padding-right: 10px;} #brandShop .box_searchBrand > .inner > p > span{display: table-cell; vertical-align: top; font-size: 24px; color: #4d4343; font-weight: bold; } #brandShop .box_searchBrand > .inner .lst_brandName{float: left; background-color: #fff; width: 757px;} #brandShop .box_searchBrand > .inner .lst_brandName > .inner{padding: 0px 10px 0 50px;} #brandShop .box_searchBrand > .inner .lst_brandName > .inner ul:after {display:block; clear:both; content:"";} #brandShop .box_searchBrand > .inner .lst_brandName > .inner ul li{float: left; width: 22%; margin-bottom: 13px; font-size: 12px; position: relative; padding-left: 15px;} #brandShop .box_searchBrand > .inner .lst_brandName > .inner ul li:after{position: absolute; top:4px; left:5.5px; width: 3px; height: 3px;background-color: #dadada; content: "";} #brandShop .box_searchBrand > .inner .lst_brandName > .inner ul li > a{color: #555;} #brandShop .box_searchBrand > .inner .lst_brandName > .inner ul li > a:hover{color: #e51873; border-bottom: 1px solid #e51873;} /* 리스트 체크리스트 (radio) */ .lst_check {display:inline-block; overflow:hidden; vertical-align: middle;} .lst_check > span{ display: inline-block; background:#fff;*display: inline; *zoom: 1; position: relative; overflow: hidden; min-width:12px; border: 1px solid #ddd; color: #858585; } .lst_check > span.on{background-color: #e82e5a; border: 0; padding: 1px 1px;} .lst_check > span > label,.lst_check > span > input{ vertical-align: bottom; cursor: pointer; } .lst_check > span > label{min-width:12px; padding: 4px 6px; display: inline-block; *display: inline; *zoom: 1; text-align: center; color: #858585; } .lst_check > span.on label{background-color: #e82e5a; color: #fff;} .lst_check > span > input{ position: absolute; left: -50px; top: -50px; } /* 브랜드 뷰페이지 */ #brandShop_view .ban_top{border: 1px solid #e3e3e3; height: 411px;} #brandShop_view .ban_top:after {display:block; clear:both; content:"";} #brandShop_view .ban_top > .img{float: left;} #brandShop_view .ban_top > .cont{float: right; width: 501px; height: 100%;background-color: #383333;} #brandShop_view .ban_top > .cont > .inner{ padding:41px 47px;} #brandShop_view .ban_top > .cont > .inner .brand_text.intro{margin-top: 36px;} #brandShop_view .ban_top > .cont > .inner .brand_text h2{color: #fff; margin-bottom: 18px; font-size: 15px;} #brandShop_view .ban_top > .cont > .inner .brand_text p{color: #adaaaa; line-height: 20px; } /* 기획전 */ #plan .focusPlan{position: relative;} #plan .focusPlan .focusVisual{border: 1px solid #e3e3e3; height: 416px; margin-bottom: 20px; overflow: hidden; position: relative;visibility:hidden;} #plan .focusPlan .focusVisual ul:after {display:block; clear:both; content:"";} #plan .focusPlan .focusVisual ul{width: 4550px;} #plan .focusPlan .focusVisual ul li{position:relative;float: left;} #plan .focusPlan .focusVisual ul li .cover{position:absolute; top:0px;left:0px;width:100%;height:100%;background:rgb(0,0,0);opacity:1;visibility:visible; -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; background: transparent\9; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; } #plan .focusPlan .focusVisual ul li .cover:nth-child(n) {filter: none;} #plan .focusPlan .focusVisual ul li.on .cover{opacity: 0;visibility:hidden;} #plan .focusPlan .focusVisual ul li .con {position:absolute;bottom:0px;left:0px;width:100%; background:rgb(240,240,239); background: transparent\9; background:rgba(240,240,239,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5f0f0ef,endColorstr=#e5f0f0ef); zoom: 1; } #plan .focusPlan .focusVisual ul li .con:nth-child(n) {filter: none;} #plan .focusPlan .focusVisual ul li .con > h1{font-size:22px; font-weight:700;line-height:26px;padding:35px 48px 0px;} #plan .focusPlan .focusVisual ul li .con > h2{font-size:14px; font-weight:400;line-height:20px;padding:0px 48px 35px;} #plan .focusPlan .btn_paging{text-align: center; margin-bottom: 32px;height:12px;} #plan .focusPlan .btn_paging > span{display:inline-block;width:12px;height:12px;margin-left:3px;background:url(/images/btn/btn_page_off.png)left center no-repeat;} #plan .focusPlan .btn_paging > span.on{background:url(/images/btn/btn_page_on.png)left center no-repeat;} #plan .focusPlan .btn_paging > span > a{display:inline-block; width:100%;height:100%;} #plan .btn_direction{position: absolute; top:50%; margin-top: -22.5px;width:100%;} #plan .btn_direction .planPrev{position:absolute;left:115px;} #plan .btn_direction .planNext{position:absolute;right:115px;left:inherit;} #plan .lst_plan{border-top: 2px solid #805660;} #plan .lst_plan ul{margin-left: -22px;} #plan .lst_plan ul:after {display:block; clear:both; content:"";} #plan .lst_plan ul li{float: left;border: 1px solid #e3e3e3; width: 293px; margin-left: 22px; margin-top: 23px;} #plan .lst_plan ul li .img{width: 100%; height: 264px; display: table; text-align: center;} #plan .lst_plan ul li .img a {display: table-cell; vertical-align: middle;} #plan .lst_plan ul li .cont{padding:15px 25px;} #plan .lst_plan ul li .cont h2{font-size: 16px; color: #454545; font-weight: bold;} #plan .lst_plan ul li .cont .date{font-size: 13px; color: #858585; margin-top: 5px;} /* 기획전 상세 */ #plan .brandPlan{margin-top: 30px;} #plan .brandPlan .brand_tit{position: relative; background: url(/images/plan/bg_line2.gif) left top repeat-x; padding: 25px 0 20px 0; text-align: center; border-bottom: 1px solid #c6c6c6; margin-bottom: 30px;} #plan .brandPlan .brand_tit h2{color: #333; font-size: 18px;} #plan .brandPlan .brand_tit h2 > span{display: block; color: #858585; font-size: 14px; font-family: "rato"; font-weight: normal; margin-bottom: 5px;} #plan .brandPlan .brand_tit .btn_top{position: absolute; bottom:15px; right:20px;} /* 베스트 셀러 */ #bestSeller .ban_top{margin-bottom: 40px;} #bestSeller .ti{ background: url(/images/plan/bg_line2.gif) left 6px repeat-x; margin-bottom: 20px;} #bestSeller .bestProduct .lst_prd{margin-top: 5px;border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding-top: 23px; padding-bottom: 23px;} #bestSeller .productList .lst_prd ul > li{position: relative;} #bestSeller .productList .lst_prd ul > li .rebon{position:absolute; top:10px; left:10px; background-color:#e6e6e6; background-position: left top; background-repeat: no-repeat; width:36px; height:36px; color:#545454;text-align:center;} #bestSeller .productList .lst_prd ul > li .rebon p{font-size:11.12px;padding-top:3px; font-weight: 600; font-family: "Myriad Pro";} #bestSeller .productList .lst_prd ul > li .rebon span{font-size:16px;font-weight:bold;line-height:15px; font-family: "Myriad Pro";} #bestSeller .hotProduct{margin-top: 40px;} .bestPrd{height: 447px;} .bestPrd:after {display:block; clear:both; content:"";} .bestPrd .best{float: left; position: relative;} /* best : best01 */ .bestPrd .best01 .rebon{position: absolute;top:0px;left:18px; color: #fff; background:url(/images/bestSeller/best_label_bigRed.png) left 0 no-repeat; width:65px; height:76px;text-align: center;} .bestPrd .best01 .rebon p{font-size:15.89px; padding-top:10px; font-family: "Myriad Pro";} .bestPrd .best01 .rebon span{font-size:30.33px;font-weight:bold; line-height:26px; font-family: "Myriad Pro";} .bestPrd .best01{width: 576px;border: 1px solid #e6e6e6; text-align: center; height: 100%; float: left;} .bestPrd .best01:after {display:block; clear:both; content:"";} .bestPrd .best01 .img{float: left; vertical-align: middle; padding: 10px 50px;} .bestPrd .best01 .img{height: 95.5%; width: 208px;} .bestPrd .best01 .img > a{height: 100%;display: block; } .bestPrd .best01 .img > a > img{min-width: 100%;} .bestPrd .best01 .cont{width: 212px;margin-top: 150px; vertical-align: middle; text-align: left; float: left;} .bestPrd .best01 .cont .con > h2{font-size: 15px; color: #454545; margin-top: 18px;} .bestPrd .best01 .cont .con > h3{font-size: 20px; color: #727272;font-weight: normal; line-height: 24px; margin-top: 10px;} .bestPrd .best01 .cont .con > p{color: #c82f3a; font-size: 28px; font-weight: bold; margin-top: 20px; font-family: "Verdana";} /* best : best02,best02 */ .bestPrd .best02,.bestPrd .best03{width: 345px; height: 220px; border: 1px solid #e6e6e6; margin-left: 5px; position: relative; } .bestPrd .best02:after {display:block; clear:both; content:"";} .bestPrd .best03:after {display:block; clear:both; content:"";} .bestPrd .best03{margin-top: 5px;} .bestPrd .best02 .img,.bestPrd .best03 .img{height: 100%; width: 118px; text-align: center; vertical-align: middle; float: left; margin-left: 40px; } .bestPrd .best02 .img a,.bestPrd .best03 .img a {display: block; height: 100%; vertical-align: middle;} .bestPrd .best02 .img a > img,.bestPrd .best03 .img a > img{max-width:100%;} .bestPrd .best02 .cont,.bestPrd .best03 .cont{width: 136px; float: left; margin-left: 20px; margin-top: 57px;} .bestPrd .best02 .cont .con > h2,.bestPrd .best03 .cont .con > h2{font-size: 11px; color: #454545; margin-top: 15px;} .bestPrd .best02 .cont .con > h3,.bestPrd .best03 .cont .con > h3{font-size: 12px; color: #727272;font-weight: normal; line-height: 15px; margin-top: 8px;} .bestPrd .best02 .cont .con > p,.bestPrd .best03 .cont .con > p{color: #c82f3a; font-size: 16px; font-weight: bold; margin-top: 15px; font-family: "Verdana";} .bestPrd .best02 .cont .con > p > span,.bestPrd .best03 .cont .con > p > span{font-size: 13px; color: #898989; margin-right: 10px; text-decoration:line-through ;} .bestPrd .best02 .rebon, .bestPrd .best03 .rebon{position: absolute; top:0px;left:10px; color: #fff; background:url(/images/bestSeller/best_label_gray.png) left 0 no-repeat; width:43px; height:50px;text-align: center;} .bestPrd .best02 .rebon p,.bestPrd .best03 .rebon p{font-size:11.12px;padding-top:5px; font-weight: 600; font-family: "Myriad Pro";} .bestPrd .best02 .rebon span,.bestPrd .best03 .rebon span{font-size:16px;font-weight:bold;line-height:15px; font-family: "Myriad Pro";} /* 이벤트 */ .lst_eventBan ul:after {display:block; clear:both; content:"";} .lst_eventBan ul{} .lst_eventBan ul li{border:1px solid #e7e7e7; width: 439px; margin:0 12px; float: left; margin-bottom: 25px; position: relative;} .eventEnd{position: absolute; left:0; top:0; width: 100%;height: 100%; z-index: 80; background-color: rgba(0, 0, 0, 0.8); background-image: url(trg.png); /* IE 5.5 - 7 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)"; } .eventEnd:not([dummy]) { /* IE9 only */ filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');} .eventEnd .cont{height: 52px;margin: 45px 0 0 112px; background-image: url(/images/event/ico_close.png) ; background-position: 0 0; background-repeat: no-repeat; padding-left: 65px;} .eventEnd span{color: #fef163; font-size: 16px; font-weight: bold;} .eventEnd p{font-size: 23px; color: #fff; font-weight: bold; } .eventEnd p.end{padding-top: 13px;} /* paging */ .paging_comm {margin-top: 50px;font-weight:bold;font-size:15px;line-height:14px;text-align:center;vertical-align:top;} .paging_comm .link_page {display:inline-block;padding: 0px 1px 3px 1px;margin-right:1px;text-decoration:none;vertical-align: -1px; color: #666; font-size: 14px; line-height: 16px; vertical-align: middle; } .paging_comm em.link_page {font-weight:bold; color: #e82e5a; font-style: normal; } .paging_comm em.link_among {margin-right: 5px; color: #d6d6d6; font-weight: normal; } .paging_comm .btn_prev.ls {padding-right:15px;} .paging_comm .btn_next.ls {padding-left:15px;} .paging_comm .btn_prev {padding-left:5px;} .paging_comm .btn_next {padding-right:5px;} /* 이벤트 뷰 */ .area_winner{border: 4px solid #e0e0e0; margin-top: 30px;} .area_winner > .inner{padding: 22px; } .area_winner > .inner:after {display:block; clear:both; content:"";} .area_winner > .inner .ti {text-align: center; float: left; border-right: 1px solid #e6e6e6; padding-right: 20px;margin-right: 40px; width: 180px; } .area_winner > .inner .ti > span{font-size: 16px; color: #555; margin-top: 20px; display: block; font-weight: bold;} .area_winner .lst_winner{float: left;} .tableST1 {border-top: 1px solid #e6e6e6; margin-top: 30px;} .tableST1 > table{width: 100%;} .tableST1 > table > tbody tr td{padding: 12px; border-bottom: 1px solid #e6e6e6; font-size: 13px; text-align: center;} .tableST1 > table > tbody tr td.ta-left{text-align: left;} /* 고객센터 */ .tabArea2 .lst_tab{margin-bottom: 30px;} .tabArea2 .lst_tab ul{margin-top:29px;} .tabArea2 .lst_tab ul:after {display:block; clear:both; content:"";} .tabArea2 .lst_tab li {float:left; width: 33.13%; color: #333; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #cecece; position: relative; } .tabArea2 .lst_tab li .shadow{display: none;} .tabArea2 .lst_tab li:first-child{ border-left-width: 1px; border-style: solid; border-color: #e8e8e8;} .tabArea2 .lst_tab li a {display:block ; height: 16px;font-size:13px; padding:12px 0 13px 0; text-align:center; letter-spacing:-1px; background-color: #efefef; } .tabArea2 .lst_tab li a:hover,.lst_tab li.fixed a{font-size:15px;text-decoration:none; color:#fff; font-weight:bold; background-color: #805660; } .tabArea2 .lst_tab li.fixed a:after{z-index: 20;position: absolute; right:-9px; top:-1px; width: 10px; height: 42px; background: url(/images/bg/bg_tab.png); content:"";} .tabArea2 .lst_tab li a:hover:after{z-index: 20;position: absolute; right:-9px; top:-1px; width: 10px; height: 42px; background: url(/images/bg/bg_tab.png); content:"";} .tabArea2 .lst_tab li.last.fixed a:after{z-index: 20;position: absolute; left:-9px; top:-1px; width: 10px; height: 42px; background: url(/images/bg/bg_tab_hori.png); content:"";} .tabArea2 .lst_tab li.last a:hover:after{z-index: 20;position: absolute; left:-9px; top:-1px; width: 10px; height: 42px; background: url(/images/bg/bg_tab_hori.png); content:"";} /* 공지사항 */ /*공통 tableST2 */ .tableST2{ border-top:2px solid #805660; margin-bottom:22px;} .tableST2 > table{ width:100%; border-top:0; margin:0;font-size: 13px;} .tableST2 > table thead th,.tableST2 > table tbody th,.tableST2 > table tbody td{ padding:12px 0; border-style:solid; border-width:0 0px 1px 0; border-color:#e5e5e5; text-align:center; } .tableST2.pv_s > table thead th,.tableST2.pv_s > table tbody th,.tableST2.pv_s > table tbody td{padding: 6px; font-size: 12px;} /*제품상세 - 상품고시정보*/ .tableST2 > table thead th.last, .tableST2 > table tbody td.last{ border-width:0 0 1px 0; } .tableST2 > table thead th{ background:#fff; color:#333333; } .tableST2 > table tbody th{background-color: #f5f5f5; vertical-align: middle;} .tableST2 > table tbody th.ta-left{text-align: left;} .tableST2 > table tbody th.pl5p{padding-left: 5%;} .tableST2 > table tbody th.pl2p{padding-left: 2%;} .tableST2 > table tbody td{ color:#888;} .tableST2 > table tbody td.pl2p{padding-left: 2%;} .tableST2 > table tbody td.pl5p{padding-left: 5%;} .tableST2 > table tbody td.ta-left{text-align: left;} .tableST2 > table tbody td.bt_noline{border-bottom: none;} .tableST2 > table tbody td .tip{ margin-left: 10px; padding-top: 8px; display: inline-block;} .tableST2 > table tr.notice_line{background-color: #f7f7f7; } .tableST2 > table tr.notice_line > td{color: #333;} .tableST2 > table tr.title_line td{border-bottom: 1px solid #858585; } .tableST2 > table tr.title_line td.tit{font-size: 16px; padding:20px 0 20px 37px; color: #333;} /*// 공통 tableST2 */ .searchArea {padding-top: 10px;margin-bottom: 10px;} .searchArea .search_box .input_txt{border: 1px solid #e6e6e6; height: 33px; width: 320px; padding-left: 10px; color: #bababa; font-size: 12px;} a.title:hover{text-decoration: underline;} /*첨부파일 다운로드*/ .file {position:relative;z-index:2;padding-right:20px;text-align:right;} .file .fileIcon {padding-left: 18px; display:-moz-inline-stack; display:inline-block;zoom:1; *display:inline; vertical-align:middle; background:url(/images/ico/ico_file2.gif) 0px 50% no-repeat; font-size:12px; background-size:14px;} .file strong {font-weight:400;color:#f99c23;} .fileList {width:260px;padding:8px 30px 8px 10px;text-align:left;border:#999 1px solid;background-color:#fff;position:absolute;top:26px;right:20px;display:none;} .fileList ul {} .fileList ul li {display:block;width:212px;padding-right:48px;height:21px;line-height:21px;font-family:"dotum", serif;color:#333333;font-size:12px;position:relative;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .fileList ul li a.dn {height:21px;line-height:21px;text-decoration:underline;font-size:11px;position:absolute;top:0;right:0;} .fileList .close {width:13px;height:13px;background:url(/images/ico/btn_close.gif) 0 50% no-repeat; white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;position:absolute;top:12px;right:8px;} /* faqArea */ #faq .faqArea ul {border-top:1px solid #565656; } #faq .faqArea ul li{position: relative;} #faq .faqArea ul li .que {padding:14px 10px; border-bottom:1px solid #c7c9ce; cursor:pointer; position:relative;} #faq .faqArea ul li .que:after{display: block; clear:both; content:"";} #faq .faqArea ul li .que span {display: block; color:#805660; font-weight:bold; font-size: 16px; float: left; width: 5%; margin-left: 20px; } #faq .faqArea ul li .que p {width: 90%; float: left; padding-top: 4px; color:#282828; font-weight:bold; font-size:13px; color:#666; } #faq .faqArea > ul > li > .ans {background:#f6f6f6;padding:30px 10px; border-bottom:1px solid #c7c9ce; display:none;} #faq .faqArea > ul > li > .ans:after{display: block; clear:both; content:"";} #faq .faqArea > ul > li > .ans span{display: block;color:#bababa; font-size: 16px; font-weight: bold; float: left; width: 3%; margin-left: 67px;} #faq .faqArea > ul > li > .ans p {width: 770px; float: left;color:#777; margin-left:10px; line-height:18px; font-size:12px; } #faq .faqArea ul li .faq_arr{position: absolute; top:18px; right:20px; width: 14px; height: 9px; background: url(/images/ico/faq_arr_open.gif) right 0 no-repeat;} #faq .faqArea ul li .faq_arr.on{position: absolute; top:18px; right:20px; width: 14px; height: 9px; background: url(/images/ico/faq_arr_close.gif) right 0 no-repeat; no-repeat;} .lst_faqOption { width: 766px; margin:30px auto; text-align: center;padding: 10px 0 13px 0;background: url(/images/customer/bg_faq_optionBar.gif) left top no-repeat;} .lst_faqOption ul{padding: 0 20px;} .lst_faqOption ul:after{display: block; clear:both; content:"";} .lst_faqOption ul li{float: left; position: relative; padding: 0 30px; color: #999;} .lst_faqOption ul li:after{position: absolute; top:0; left:0px; width: 1px;height: 10px; background-color: #d2d2d2;content:"";} .lst_faqOption ul li:first-child:after{display: none;} .lst_faqOption ul li a:hover,.lst_faqOption ul li.on a{color: #c82f3a; font-weight: bold;} /* 멤버십 */ .membership > .header{text-align: center; padding-top: 40px; margin-bottom: 70px;} .membership > .header h2{font-size: 28px;} .membership > .header p{font-size: 14px;color: #666; margin-top: 20px; line-height: 22px;} .membership > .article { background-color: #f8f8f8; border: 5px solid #f0f0f0;} /* login */ #login > .article > #loginBox{ height: 327px;} #login > .article > #loginBox > .inner{padding: 25px 0 25px 40px;} #login > .article > #loginBox > .inner:after{display: block; clear:both; content:"";} .loginArea{width: 450px; float: left; padding-right: 53px; padding-bottom: 44px;border-right: 1px solid #e4e4e4;} .loginArea h3{font-size: 22px; margin-bottom: 40px; padding-top: 36px;} .loginArea .login_input:after{display: block; clear:both; content:"";} .loginArea .login_input ul{float: left;} .loginArea .login_input ul li{margin-top:4px;} .loginArea .login_input ul li:first-child{margin-top: 0;} .loginArea .login_input ul li .inputST1{padding-left: 20px; height: 42px;} .loginArea .login_input ul li .inputST1.w310{width:310px;} .loginArea .btn_login{float:right; width: 114px; height: 95px;background-color: #c82f3a; color: #fff; font-size: 15px; font-weight: bold;} .search_pw{color: #c82f3a; text-decoration: underline; font-weight: bold; font-size: 13px;} .joinArea{float: left; padding-left: 35px;} .joinArea h3{font-size: 22px; margin-bottom: 40px; padding-top: 36px;} .joinArea p{line-height: 20px; font-size: 13px; color: #777; margin-bottom: 20px;} /* 회원가입 */ .join_input{padding: 54px 0; width: 534px; margin:0 auto; } .join_input ul li h3{margin-bottom: 10px; font-size: 13px; color: #555;} .join_input ul li h3.birth{padding-top: 10px;} .join_input ul li h3 > span.tip{font-size:11px;color:#999;font-weight:400;} .join_input ul li .inputST1{padding-left: 20px; margin-bottom: 18px; vertical-align: baseline;} .join_input ul li .inputST1.readonly{border-color:#fff;padding-left:10px;} .join_input ul li select { margin-left: 10px;} .join_input ul li{ margin-top: 5px;} .join_input ul li:after{display: block; clear:both; content:"";} .join_input ul li .space{padding:0 10px;} .join_input ul li:first-child{margin-top: 0;} .join_input .agreeBox{border-top: 1px solid #e4e4e4; padding-top: 40px; margin-top: 35px;} .join_input .agreeBox > p{margin-bottom: 10px; font-size: 13px; color: #777; letter-spacing:-0.05em;} .join_input .agreeBox > p a{color: #c82f3a; text-decoration: underline; font-weight: bold;} /* 비밀번호 찾기 */ #search_pw .searchPwArea{width: 453px;margin:60px auto 50px auto;} #search_pw .searchPw_input{margin-top: 10px;} #search_pw .searchPw_input:after{display: block; clear:both; content:"";} #search_pw .searchPw_input .inputST1{padding-left: 20px; height: 42px;} #search_pw .searchPw_input .inputST1.w310{width:310px;} #search_pw .searchPw_input .btn_ok{width: 114px;height: 45px; font-size: 15px; font-weight: bold;background-color: #c82f3a; color: #fff;} #search_pw .add_txt{font-size: 13px; color: #c82f3a; line-height: 22px; margin-top: 20px;} /* 입점 제휴문의 */ #unite > .header{text-align: center; padding-top: 40px; } #unite > .header h2{font-size: 28px;} .agreeBox .textarea{ background-color: #f6f6f6; border: 2px solid #e2e2e2; text-align: left; padding: 30px; height: 150px;margin-top: 50px;} .txt_agree{margin-top: 10px; font-size: 13px;} .mb30{margin-bottom: 30px;} /* 마이페이지 */ /* 마이페이지 공통 */ .mypage > .header{text-align: center; padding-top: 40px; } .mypage > .header h2{font-size: 28px;} .title1{font-size: 25px; color: #333; line-height: 30px; font-weight: 700;} .title2{font-size: 18px;color: #c82f3a; margin-bottom: 30px;} .title3{font-size: 20px;color: #333; margin-bottom: 30px; line-height: 30px;} .lst_mypageOption { width: 766px; margin:50px auto; text-align: center;padding: 10px 0 13px 0;background: url(/images/customer/bg_faq_optionBar.gif) left top no-repeat;} .lst_mypageOption ul{padding: 0 10px;} .lst_mypageOption ul:after{display: block; clear:both; content:"";} .lst_mypageOption ul li{float: left; position: relative; padding: 0 19px; color: #999;} .lst_mypageOption ul li:after{position: absolute; top:2px; left:0px; width: 1px;height: 10px; background-color: #d2d2d2;content:"";} .lst_mypageOption ul li:first-child:after{display: none;} .lst_mypageOption ul li a{transition: .4s ease; -moz-transition: .4s ease; -webkit-transition: .4s ease; -o-transition: .4s ease;} .lst_mypageOption ul li a:hover,.lst_mypageOption ul li.on a{color: #c82f3a; font-weight: bold;} /* dash - 기본정보 */ #basicArea{border-top: 2px solid #805660; border-bottom: 1px solid #d6d6d6;} #basicArea > .inner:after{display: block; clear:both; content:"";} #basicArea > .inner{padding: 35px 23px 50px 42px;} #basicArea .lst_basic{margin-bottom: 30px; font-size: 13px;} #basicArea .lst_basic > li{ margin-bottom: 23px; position: relative; left: 0; top: 0;} #basicArea .lst_basic > li > span{ display: block; margin-left: 130px; color: #999;width: 391px; overflow: hidden; } #basicArea .lst_basic > li > span.fc_red{color: #c82f3a; display: inline; font-weight: bold; margin-left: 0;} #basicArea .lst_basic > li > strong{ color: #333; position: absolute; left: 0; top: 0; font-weight: 700; } #basicArea .basic_info{float: left; padding-top: 40px; width: 435px; border-right: 1px dashed #838383;} #basicArea .memCard{float: right; width: 360px; text-align: center; padding-top: 20px; padding-bottom: 46px; margin-top: 50px; border: 3px solid #e2e2e2;} #basicArea .memCard > h2{font-size: 14px; font-weight: bold; } #basicArea .memCard > p{margin-top: 15px;} /* dash - 기본정보new */ #mpTopArea{border-top: 2px solid #805660; border-bottom: 1px solid #805660; } #mpTopArea:after{display: block; clear:both; content:"";} #mpTopArea article{float: left; border-left: 1px solid #d6d6d6; min-height: 317px; width: 33%;} #mpTopArea article:first-child{border-left: 0;} #mpTopArea article > .inner{padding: 30px 20px;} #mpTopArea article h3{font-size: 18px; color: #333; font-weight: bold; padding-bottom: 50px;} #mpTopArea .mem_info h3{background-image: url(/images/common/dash_ti01.gif); background-repeat: no-repeat; background-position: top right;} #mpTopArea .mem_info .lst_basic{margin-bottom: 30px; font-size: 13px;} #mpTopArea .mem_info .lst_basic > li{ margin-bottom: 20px; position: relative; left: 0; top: 0;} #mpTopArea .mem_info .lst_basic > li > span{ display: block; margin-left: 100px; color: #999; overflow: hidden; } #mpTopArea .mem_info .lst_basic > li > span.fc_red{color: #c82f3a; display: inline; font-weight: bold; margin-left: 0;} #mpTopArea .mem_info .lst_basic > li > strong{ color: #333; position: absolute; left: 0; top: 0; font-weight: 700; } #mpTopArea .mem_number h3{background-image: url(/images/common/dash_ti02.gif); background-repeat: no-repeat; background-position: top right;} #mpTopArea .mem_number .lst_basic > li{ margin-top: 17px; position: relative; left: 0; top: 0;} #mpTopArea .mem_number .lst_basic > li > span.fc_red{color: #c82f3a; display: inline; font-weight: bold; margin-left: 0;} #mpTopArea .mem_number .memCard{text-align: center; border: 3px solid #e2e2e2;} #mpTopArea .mem_number .memCard > p{margin: 15px 0;} #mpTopArea .mem_address h3{background-image: url(/images/common/dash_ti03.gif); background-repeat: no-repeat; background-position: top right;} #mpTopArea .mem_address .lst_shipAdd{} #mpTopArea .mem_address .lst_shipAdd:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} #mpTopArea .mem_address .lst_shipAdd .lst { background:url(/images/mypage/ico_mark.gif) 0 3px no-repeat; display: inline-block; *display: inline; *zoom: 1; position: relative; width: 100%; margin-top: 20px;} #mpTopArea .mem_address .lst_shipAdd .lst:first-child{margin-top: 0;} #mpTopArea .mem_address .lst_shipAdd .lst .btn > * {margin-right: 3px;} #mpTopArea .mem_address .lst_shipAdd .lst > .inner { padding-left: 26px; } #mpTopArea .mem_address .lst_shipAdd .lst h1 {color:#333; margin-bottom:10px; font-size: 13px; line-height:21px;} #mpTopArea .mem_address .lst_shipAdd .lst .txt {color:#999; font-size:13px; line-height: 22px; } #mpTopArea .mem_address .inline_btns{position:absolute;right:0px;top:0px;height:33px;vertical-align: middle;} #mpTopArea .mem_address .inline_btns a{display:block;width:62px;text-align:center;background:#fff;border:1px solid #D6D6D6;height:33px; line-height:33px;margin-bottom:-1px;color:#777777; } /* dash - 배송주소록 */ #shppingAddArea{ border-bottom: 1px solid #d6d6d6; position: relative;} #shppingAddArea > .inner:after{display: block; clear:both; content:"";} #shppingAddArea > .inner{margin-top: 50px; padding: 0 23px 50px 42px;} #shppingAddArea .more{position: absolute; right: 24px; top: 0px; } #shppingAddArea .lst_shipAdd{margin-left: 4px; margin-top: 40px;*zoom:1;} #shppingAddArea .lst_shipAdd:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} #shppingAddArea .lst_shipAdd .lst { width: 33.3%; margin-left: -4px; background:url(/images/mypage/ico_mark.gif) 0 3px no-repeat; display: inline-block; *display: inline; *zoom: 1;} #shppingAddArea .lst_shipAdd .lst .btn > * {margin-right: 3px;} #shppingAddArea .lst_shipAdd .lst > .inner { padding-left: 26px; } #shppingAddArea .lst_shipAdd .lst h1 {color:#333; margin-bottom:10px; font-size: 13px; line-height:21px;} #shppingAddArea .lst_shipAdd .lst .txt {color:#999; font-size:13px; line-height: 22px; } #shppingAddArea .lst_shipAdd .lst .btn{margin-top: 15px; font-size: 13px; } #shppingAddArea .lst_shipAdd .lst .btn > a{ color: #999;display: inline-block; *display: inline; *zoom: 1; padding-left: 10px; background: url(/images/mypage/bg_line_gray.gif) 0 50% no-repeat; transition: .8s ease; -moz-transition: .8s ease; -webkit-transition: .8s ease; -o-transition: .8s ease;} #shppingAddArea .lst_shipAdd .lst .btn > a:hover{color: #c82f3a;} #shppingAddArea .lst_shipAdd .lst .btn > a:first-child{background: none; padding-left: 0; margin-left: 0;} /* dash - 주문내역 */ #orderArea{ border-bottom: 1px solid #d6d6d6; position: relative;} #orderArea > .header{margin-top: 50px;padding: 0px 23px 30px 42px;} #orderArea .more{position: absolute; right: 24px; top: 0px; } #orderArea .box_total{border: 3px solid #dbdbdb; background-color: #fff;margin:0px 40px;} #orderArea .box_total > .inner:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} #orderArea .box_total .detail_sum{float: left; width: 497px; padding: 16px 45px;} #orderArea .box_total .detail_sum ul:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} #orderArea .box_total .detail_sum ul li{font-size: 13px;padding-left: 15px; margin-left: 10px; line-height: 23px; color: #555; float: left; min-width: 212px; text-align: left; position: relative; } #orderArea .box_total .detail_sum ul li:after{position: absolute; top:10px; left:0; width: 3px; height: 3px; background-color: #777;content:""; display: block;clear: both;} #orderArea .box_total .detail_sum ul li > span{width: 90px;float: left; display: inline-block;} #orderArea .box_total .detail_sum ul li > strong{float: left; color: #e82e5a; font-weight: bold; padding-left: 15px; font-weight: bold;} #orderArea .box_total .sum{float: right; width: 254px; border-left: 1px dashed #a5a5a5;padding: 16px 0; } #orderArea .box_total .detail_sum dl{text-align:left;margin-top:10px;padding-top:10px;} #orderArea .box_total .detail_sum dl > dt{position:absolute;padding-left: 15px; margin-left: 10px;} #orderArea .box_total .detail_sum dl dt:after{position: absolute; top:10px; left:0; width: 3px; height: 3px; background-color: #777;content:""; display: block;clear: both;} #orderArea .box_total .detail_sum dl > dd{margin-left:115px;padding-left:15px;margin-bottom:5px;} #orderArea .box_total .sum .cont{ margin:0 auto; text-align: left; display: inline-block;} #orderArea .box_total .sum .cont > h2{font-size: 15px; color: #555;} #orderArea .box_total .sum .cont p{font-size: 22px; color: #e82e5a; margin-top: 8px; font-weight: bold; font-family:"Verdana" ;} /* dash - 문의내역 */ #contactArea{ position: relative;} #contactArea > .header{margin-top: 50px;padding: 0px 23px 30px 42px;} #contactArea .more{position: absolute; right: 24px; top: 0px; } #contactArea #contactbbs > .table_dot{border-top: 1px solid #838383; border-bottom: 0;} #contactbbs .qnaContent > .inner .table_dot{border-top: 0;} /* 마이페이지 - 주문내역 팝업 */ .mypage .optionView{display: inline-block;} .mypage .view_box{text-align: left;position:fixed; top:30%; left:50%; margin-left: -305px; z-index:200; display:none; width: 630px;height:402px; background-color:#FFF;} .mypage .view_box > .inner{ padding:20px; background-color: #fff; } .mypage .view_box h1{ text-align: left;padding:13px 0px; font-size: 20px; font-weight: bold; color: #333; border-bottom: 2px solid #805660; margin-bottom: 10px;} .mypage .view_box p{margin-bottom: 10px;} .mypage .view_box .view_box_btn{display:block; margin:0px 0 0 0;position:absolute; top:20px; right:30px; } .mypage .view_box .view_box_btn button{cursor:pointer;} .mypage .view_btn button{cursor:pointer;} .pop_bg {position:fixed;width:100%; height:100%; background:url('/images/bg/bg_pop.png') repeat top left; left:0; top:0;z-index:90; display:none;} /*table : 도트라인*/ .table_dot{border-top: 1px solid #838383;} .table_dot > table{ width: 100%; } .table_dot > table > thead > tr > th{ padding: 12px; text-align: center; font-size: 14px; } .table_dot > table > tbody > tr.first > th{background: none;} .table_dot > table > tbody > tr.first > td{background: none;} .table_dot > table > tbody > tr > th,.table_dot > table > tbody > tr > td{background: url(/images/bg/bg_dot_line.gif) 0 top repeat-x; vertical-align: middle;} .table_dot > table > tbody > tr > th,.table_dot > table tbody tr td{padding: 15px 0; width: inherit; text-align: center; font-size: 13px; line-height: 19px; color: #333; } .table_dot > table > tbody > tr > td > a.h{color: #333; font-weight: 700;} .table_dot > table tbody tr td.ta-left{text-align: left; padding-left: 3%;} #orderArea .price{color: #e82e5a; font-weight: bold;} #orderArea .detail{color: #999; text-decoration: underline;} #orderArea .shipping > a{color: #999; text-decoration: underline;} #orderArea .review > a{text-decoration: underline;} #orderArea .table_dot .orderAnswer{display: none; } #orderArea .table_dot .orderAnswer2{display: none;} #orderArea .table_dot .orderAnswer > td{padding: 1px;} #orderArea .table_dot .orderAnswer2 >td {padding: 1px;} #orderArea .qnaContent{ background: #fbfbfb url(/images/order/bg_dot_line.gif) 0 100% repeat-x; position: relative; text-align: left; } #orderArea .qnaContent > .inner > .table_dot{border-top: 0;} #orderArea .qnaContent > .inner{padding-bottom:20px;} #orderArea .qnaContent .table_dot > table > tbody > tr.first > td{background: 0;} #orderArea .qnaContent .table_dot > table > tbody > tr > td.ta-l{padding-left:40px;} #orderArea .qnaContent .close{ position: absolute; right: 40px; top: 15px;} #orderArea .thumb_photo .photo{ width: 88px; height: 88px; display: table; float: left; border: 1px solid #e9e9e9; background-color: #fff; text-align: center;} #orderArea .thumb_photo .photo > span{ display: table-cell; vertical-align: middle; padding: 5px;} #orderArea .thumb_photo .photo img{max-width: 100%; max-height: 76px;} #orderArea .thumb_photo .info{ display: inline-block; *display: inline; *zoom: 1; padding-top: 17px; margin-left: 20px; vertical-align: middle; } #orderArea .thumb_photo .info p.t1{ font-size: 13px; line-height: 22px; color: #454545; font-weight: 700; } #orderArea .thumb_photo .info p.t2{ margin-top: 5px; font-size: 13px; line-height: 18px; color: #727272; } /* 마이페이지dash - 끝 */ /* 마이페이지 - 회원정보수정 */ #member_info{ border-top: 2px solid #805660; border-bottom: 1px solid #d6d6d6; margin-top: 50px;} #member_info > .inner:after{display: block; clear:both; content:"";} #member_info > .inner{margin-top: 50px; padding: 0 23px 50px 42px;} #member_info .join_input{margin:0; padding-bottom: 0;} #addressArea{ border-bottom: 1px solid #d6d6d6;} #addressArea > .inner:after{display: block; clear:both; content:"";} #addressArea > .inner{margin-top: 50px; padding: 0 23px 50px 42px;} #addressArea > .inner > .header{margin-bottom: 40px;} #addressArea > .inner > .header > p{font-size: 13px; font-weight: bold; color: #777; margin-top: 15px;} #addressArea > .inner > .article:after{display: block; clear:both; content:"";} /********************** popup **********************/ #cover,#coverSolo { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 84; background-color: rgba(0, 0, 0, 0.7); background-image: url(trg.png); /* IE 5.5 - 7 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)"; } #cover:not([dummy]),#coverSolo:not([dummy]) { /* IE9 only */ filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); } .layerPopup{ position: absolute; left: 100px; top: 100px; background-color: #fff; } .layerPopup .inner{ padding: 24px 19px; } .layerPopup .close{ position: absolute; right: 20px; top: 22px; } .layerPopup .header h1{ color: #333; font-size: 17px; line-height: 22px; margin-bottom: 15px; } #addressFind.layerPopup{width: 407px; } #addressFind.layerPopup .ex_box{ margin-bottom: 20px; padding: 12px; border: 1px solid #ddd; background-color: #f8f8f8; color: #666; font-size: 13px; line-height: 16px; } #addressFind.layerPopup .ex{ margin-top: 10px; font-size: 13px; line-height: 16px; color: #959494; } #addressFind.layerPopup .searchAddress1{margin-bottom: 30px; } #addressFind.layerPopup .searchAddress1 > ul >li{position: relative; left: 0; top: 0; margin-top: 10px; padding-left: 67px;} #addressFind.layerPopup .searchAddress1 > ul >li:after{display: block;clear: both;content:"";height: 0; visibility: hidden;} #addressFind.layerPopup .searchAddress1 > ul >li:first-child{margin-top: 0;} #addressFind.layerPopup .searchAddress1 > ul >li > strong{display: block; width: 57px; padding-left: 10px; position: absolute; left: 0; top: 5px; } #addressFind.layerPopup .searchAddress1 span.selectbox_title{min-width: 140px;} #addressFind.layerPopup .searchAddress1 .bbs_searchbox .inp{float: left; display: block; width: 193px; border-color: #cacaca; border-width:1px 0 1px 1px; border-style: solid; background-color: #fff; } #addressFind.layerPopup .searchAddress1 .bbs_searchbox .inp > input{ border: 0; width: 98%; padding: 0 1%; height: 26px; line-height: 26px; } #addressFind.layerPopup .searchAddress1 a.ch_add{color: #ed1848; } #addressFind.layerPopup .searchAddress2 > p.total{ color: #666; margin-bottom: 8px; } #addressFind.layerPopup .searchAddress2 > p.total strong{ color: #ee2854; font-weight: bold;} #addressFind.layerPopup .searchAddress2 .addbox{border: 4px solid #d8d8d8; height: 150px; overflow-y: auto;} #addressFind.layerPopup .searchAddress2 .addbox table{width: 100%; } #addressFind.layerPopup .searchAddress2 .addbox table thead th{padding: 7px; font-weight: bold;} #addressFind.layerPopup .searchAddress2 .addbox table th,#addressFind.layerPopup .searchAddress2 .addbox table td{padding: 10px 15px; border: 1px solid #d8d8d8;font-size: 13px; line-height: 18px;} .searchAddress2 .addbox table td.ta-c{text-align: center;} #editAddress{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 84; display:none; background-color: rgba(0, 0, 0, 0.7); background-image: url(trg.png); /* IE 5.5 - 7 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)"; } #editAddress > .inner{position:absolute;width:600px;margin:auto;left:0;right:0;background:#fff;visibility: hidden;max-height:100%;overflow-y:auto;} #editAddress .btn_close{position:absolute;right:15px;top:15px;} /********************** popup **********************/ .join_input.shipping{padding: 0;padding:30px 20px 20px;} .join_input.shipping select{height: 33px; border: 1px solid #d1d1d1; line-height:33px;width: 95%; padding-left: 20px; margin-bottom: 18px;vertical-align: middle;} .saved_add{width: 225px; margin-right: 50px;} #modify .saved_add{width: auto;margin-right:0px;} #modify .lst_add .lst {width: 33.33%; margin-bottom:20px; background:url(/images/mypage/ico_mark.gif) 0 4px no-repeat; height:149px; float:left} #modify .lst_add .lst > .inner { padding-left: 20px; } #modify .lst_add{*zoom:1;} #modify .lst_add:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} #modify .lst_add .lst h1 {color:#333; margin-bottom:10px; font-size: 15px; line-height:21px;} #modify .lst_add .lst .txt {color:#777; font-size:13px; line-height: 22px;} #modify .lst_add .lst .txt strong{max-height:22px;} #modify .lst_add .lst .txt p{max-height: 66px;} #modify .lst_add .lst .btn{margin-top: 15px; font-size: 13px; } #modify .lst_add .lst .btn > a{color: #999; display: inline-block; *display: inline; *zoom: 1; padding-left: 10px; margin-left: 6px; background: url(../images/mypage/bg_line_gray.gif) 0 50% no-repeat;} #modify .lst_add .lst .btn > a:first-child{background: none; padding-left: 0; margin-left: 0;} #modify .lst_add .lst .btn > a:hover{color: #c82f3a; text-decoration: underline;} /* 마이페이지 - 주문내역 */ #order_my{} /* #order_my #orderArea{border-top: 2px solid #805660;padding-top:40px;} */ #order_my .box_total{border: 3px solid #dbdbdb; background-color: #fff;margin:0px 40px;} #order_my .box_total > .inner:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} #order_my .box_total .detail_sum{float: left; width: 497px; padding: 16px 45px;} #order_my .box_total .detail_sum ul:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} #order_my .box_total .detail_sum ul li{font-size: 13px;padding-left: 15px; margin-left: 10px; line-height: 23px; color: #555; float: left; min-width: 212px; text-align: left; position: relative; } #order_my .box_total .detail_sum ul li:after{position: absolute; top:10px; left:0; width: 3px; height: 3px; background-color: #777;content:""; display: block;clear: both;} #order_my .box_total .detail_sum ul li > span{width: 90px;float: left; display: inline-block;} #order_my .box_total .detail_sum ul li > strong{float: left; color: #e82e5a; font-weight: bold; padding-left: 15px; font-weight: bold;} #order_my .box_total .sum{float: right; width: 254px; border-left: 1px dashed #a5a5a5;padding: 16px 0; } #order_my .box_total .detail_sum dl{text-align:left;margin-top:10px;padding-top:10px;} #order_my .box_total .detail_sum dl > dt{position:absolute;padding-left: 15px; margin-left: 10px;} #order_my .box_total .detail_sum dl dt:after{position: absolute; top:10px; left:0; width: 3px; height: 3px; background-color: #777;content:""; display: block;clear: both;} #order_my .box_total .detail_sum dl > dd{margin-left:115px;padding-left:15px;margin-bottom:5px;} #order_my .box_total .sum .cont{ margin:0 auto; text-align: left; display: inline-block;} #order_my .box_total .sum .cont > h2{font-size: 15px; color: #555;} #order_my .box_total .sum .cont p{font-size: 22px; color: #e82e5a; margin-top: 8px; font-weight: bold; font-family:"Verdana" ;} #order_my .table_dot{border-top: 2px solid #805660;/* border-bottom: 1px solid #ddd; */} #order_my .table_dot table > thead > tr{border-bottom: 1px solid #838383;} #order_my .table_dot > table > tbody > tr:first-child td{background: 0;} #order_my .table_dot > table tbody tr td.bdt_noline{background:none;} /* 마이페이지 - 문의 내역 */ #contactbbs{border-bottom: 1px solid #ddd;} #contactbbs .qnaContent{ background: #fbfbfb url(/images/order/bg_dot_line.gif) 0 100% repeat-x; position: relative; text-align: left; } #contactbbs .qnaContent > .inner > .table_dot{border-top: 0;} #contactbbs .qnaContent > .inner{ padding:20px 40px 20px } #contactbbs .qnaContent .table_dot > table > tbody > tr.first > td{background: 0;} #contactbbs .qnaContent .close{ position: absolute; right: 40px; top: 15px;} #contactbbs .table_dot{border-top: 2px solid #805660; /* border-bottom: 1px solid #ddd; */} #contactbbs .table_dot table > thead > tr{border-bottom: 1px solid #838383;} #contactbbs .table_dot > table > tbody > tr:first-child td{background: 0;} #contactbbs .table_dot .orderAnswer{display: none;} #contactbbs .table_dot .orderAnswer > td{padding: 1px;} #contactbbs .qnaContent .table_dot > table > tbody > tr > td{padding:20px 0; height: 100px; vertical-align: text-top;} #contactbbs .qnaContent .table_dot > table > tbody > tr > td > strong{font-size: 14px; color: #555;} /* 마이페이지 - K포인트 내역 */ #Kpoint .box_kpoint{border: 2px solid #dbdbdb; padding: 20px 0; text-align: center; margin-bottom: 50px; font-size: 16px;} #Kpoint .box_kpoint p > span{color: #e82e5a; font-weight: bold; border-bottom: 1px solid #e82e5a; font-size: 18px;} #Kpoint .Kpoint_info{ margin-top: 10px;padding-left: 30px;} #Kpoint .Kpoint_info ul li{margin-bottom: 10px;} /* 마이페이지 - 쿠폰 내역 */ #coupon .coupon_info{ margin-top: 10px;padding-left: 30px;} #coupon .coupon_info ul li{margin-bottom: 10px;} /* 마이페이지 - 위시리스트 */ #wishList .article{border-top: 2px solid #805660; border-bottom: 1px solid #d6d6d6;} #wishList .productList .lst_prd ul li .img{border: 1px solid #ebebeb;height: 200px; width: 100%;padding: 35px 0;margin: 0 0 30px 0;box-sizing: border-box;} #wishList .productList .lst_prd ul{border: none; margin-top: 30px;} #wishList .productList .lst_prd ul li{width: 206px;position: relative;overflow: hidden; margin-left: 25px; } #wishList .productList .lst_prd ul {margin-left: -10px;} #wishList .productList .lst_prd ul li .delet{ position: absolute; right: -28px; top: 0px; z-index: 2; } #wishList .productList .lst_prd ul li .con{margin-bottom: 0;} #wishList .btn_cart{margin-top: 20px;} /* 마이페이지 - 회원탈퇴 */ #secession .secession_cont{padding: 0 20px 45px 20px;font-size: 13px; line-height: 20px; color: #777; } #secession .secession_cont strong{display: block;} #secession .secession_cont .title2{margin-bottom: 10px;} /*-----// 마이페이지 끝 -----*/ /* 마이페이지, 주문하기 */ /* order List*/ .dis_order{border-bottom: 1px solid #ddd; margin-bottom: 20px;}/*2015-09-22*/ .orderStep{border-bottom: 1px solid #aeaeae; padding-top: 37px;padding-bottom: 54px;} .order{border-bottom: 1px solid #dbdbdb;} .order .qnaContent{ background: #fbfbfb url(/images/order/bg_dot_line.gif) 0 100% repeat-x; position: relative; text-align: left; } .order .qnaContent .table_dot{border-top: 0;} .order .qnaContent .table_dot > table > tbody > tr > td{padding: 30px 0;} .order .thumb_photo .photo{ width: 88px; height: 88px; display: table; float: left; border: 1px solid #e9e9e9; background-color: #fff; text-align: center;} .order .thumb_photo .photo > span{ display: table-cell; vertical-align: middle;padding: 5px;} .order .thumb_photo .photo img{max-width: 100%; max-height: 76px;} .order .thumb_photo .info{ display: inline-block; *display: inline; *zoom: 1; padding-top: 17px; margin-left: 20px; vertical-align: middle; } .order .thumb_photo .info p.t1{ font-size: 14px; line-height: 22px; color: #454545; font-weight: 700; margin-bottom: 5px;} .order .lst_option ul li{color: #a9a9a9; font-size: 12px;} .order .pd_cnt {position:relative; margin-bottom:10px;} .order .pd_cnt > ul{float: right; margin-right: 4px; margin-bottom: 5px;} .order .pd_cnt > ul > li{float:left; height:25px;border:1px solid #BABABA;border-left-width:0px} .order .pd_cnt > ul > li:first-child{border-left-width:1px;} .order span.selectbox_title.stype2{min-width:145px;} .order div.selectbox_option.stype2{min-width:145px;} .order span.selectbox_title strong{color: #999;} .order .pd_cnt > ul li > button{display:block;width:25px;height:100%;line-height:normal; background-color: #fff;} .order .pd_cnt > ul li.cnt{width:34px;background:#fff;font-size:12px;text-align:center;line-height:22px;} .order .pd_cnt > ul li.cnt > input{display: block;height:100%;border-width:0px;padding:0px;line-height:22px;margin:0px;background:none;text-align: center;width:100%;font-size:12px;color:#999;} .order .table_dot > table > tbody > tr > td.pl45{padding-left: 45px;} .order .table_dot > table > tbody > tr > td.pr45{padding-right: 45px;} .order .table_dot > table > tbody > tr > th, .order .table_dot > table > tbody > tr > td{background: url(/images/bg/bg_dot_line.gif) 0 top repeat-x; } .order .table_dot > table > tbody > tr.first > td{background:0 } .order .pay{font-size: 14px; color: #e82e5a; font-weight: bold;} .order .btn_del{text-decoration: underline; font-size: 14px; color: #555;} .order .table_dot > table > tbody > tr > td.add_text{ font-size: 12px; color: #777; background-color: #fff; text-align: left; padding:15px 0;} /* 장바구니 - 배송지 확인 */ #shipping_ok .lst_add .lst {width: 100%; margin-bottom:40px; background:url(/images/mypage/ico_mark.gif) 0 4px no-repeat; display: inline-block; *display: inline; *zoom: 1; } #shipping_ok .lst_add .lst > .inner { padding-left: 20px; } #shipping_ok .lst_add{*zoom:1;} #shipping_ok .lst_add:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} #shipping_ok .lst_add .lst h1 {color:#333; margin-bottom:10px; font-size: 15px; line-height:21px;} #shipping_ok .lst_add .lst .txt {color:#777; font-size:13px; line-height: 22px;} #shipping_ok .lst_add .lst .btn{margin-top: 15px; font-size: 13px; } #shipping_ok .lst_add .lst .btn > a{color: #999; display: inline-block; *display: inline; *zoom: 1; padding-left: 10px; margin-left: 6px; background: url(../images/mypage/bg_line_gray.gif) 0 50% no-repeat;text-decoration: underline;} #shipping_ok .lst_add .lst .btn > a:first-child{background: none; padding-left: 0; margin-left: 0;} #shipping_ok .lst_add .lst .btn > a:hover{color: #c82f3a; text-decoration: underline;} #shipping_ok .shipping{padding-left: 50px; width: 496px;} #shipping_ok .shipping .lst_add .lst h1{ color: #777;} #shipping_ok .shipping .lst_add .lst .txt{font-size: 15px;} /* 주문하기 - 결제 */ #add_discount {margin-top: 20px; padding:20px 0; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;} #add_discount:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} #add_discount .discount{/* float: left;2015-08-31임시 */ padding-left: 10px;} #add_discount .lst_discount{margin-left: 20px;} #add_discount .lst_discount > ul > li{margin-top: 30px; } #add_discount .lst_discount > ul > li:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} #add_discount .lst_discount > ul > li > span{width: 90px; font-size: 14px; color: #333; font-weight: bold; float: left; padding-top: 8px;} #add_discount .lst_discount > ul > li > div > p{margin-top: 10px; color: #999;} #add_discount .lst_discount > ul > li > div .inputST1{color: #999;} #add_discount .lst_discount > ul > li > div > p> span.fc_pink{color: #e82e5a; float: none;} #add_discount .lst_discount > ul > li > div{float: left;} #add_discount .btn_ok{margin-top: 57px; margin-left: 110px;} #add_discount .order_result{float: right; border: 1px solid #dbdbdb; width: 325px;} #add_discount .order_result .title3{padding:14px 0 13px 30px; border-bottom: 1px solid #dbdbdb; margin-bottom: 0;} #add_discount .lst_order ul{padding:27px 38px 32px 38px; background-color: #f7f7f7;} #add_discount .lst_order ul li:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} #add_discount .lst_order ul li{font-size: 13px; margin-top: 22px;} #add_discount .lst_order ul li:first-child{margin-top: 0;} #add_discount .lst_order ul li strong{color: #555; font-weight: bold; float: left; width: 75px;} #add_discount .lst_order ul li span{color: #999; float: right; width: 165px; font-weight: bold; text-align: right;} #add_discount .lst_order ul li span.fc_pink{color: #e82e5a;} #add_discount .order_result .total{padding:23px 30px; border-top: 1px solid #dbdbdb;} #add_discount .order_result .total:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} #add_discount .order_result .total strong{font-size: 16px; color: #333; font-weight: bold; float: left; padding-top: 4px;} #add_discount .order_result .total span{text-align: right; font-size: 24px; font-weight: bold; color: #c82f3a; float: right;} #add_discount .shipping ul li{margin-top: 10px;} /* overseas */ .overseas #add_discount{border-bottom: 0;} .overseas .discount{background: url(/images/bg/bg_dot_line.gif) 0 bottom repeat-x; height: 358px;} .overseas .lst_payMethod{width:100%;} #pay_method {padding:20px 10px 20px 30px; border-bottom: 1px solid #dbdbdb;} /*#order .lst_payMethod{width: 514px;}*/ #order .lst_payMethod ul li:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} #order .lst_payMethod > ul > li:first-child{background: none; padding-top: 10px;} #order .lst_payMethod > ul > li{padding-top: 30px; padding-bottom: 25px; background: url(/images/bg/bg_dot_line.gif) 0 top repeat-x;} #order .lst_payMethod ul li strong{float: left; font-size: 14px; color: #555; width: 89px; padding-top: 10px;} #order .lst_payMethod ul li > div{float: left;} #order .lst_payMethod .pay_method{font-size:13px;line-height:14px;padding-top:10px;margin-left:10px;} #order .lst_payMethod .pay_method input +label{margin-right:20px;} #order .lst_cardinfo{width: 423px;} #order .lst_cardinfo ul li{margin-top: 9px;} #order .lst_cardinfo ul li:first-child{margin-top: 0;} #order .lst_cardinfo ul li h3{margin-bottom: 8px; font-size: 12px; color: #555; font-weight: normal;} #order .lst_cardinfo ul li h3 .star_red{color: #c82f3a; font-weight: bold;} #order .arr{font-size: 10px; vertical-align: top; margin-left: 5px;} #order .billing_info{padding: 20px 0 56px 30px; border-bottom: 1px solid #dbdbdb;} #order .billing_info ul li:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} #order .billing_info ul li > strong{float: left; width: 89px; font-size: 14px;} #order .billing_info ul li > div{width: 807px; float: left;} #order .lst_billing{width: 811px;} #order .lst_billing ul:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} #order .lst_billing ul li{margin-top: 9px; width: 395px; } #order .lst_billing ul li.fl-l{float: left; } #order .lst_billing ul li.fl-r{float: right;margin-left: 15px;} #order .lst_billing ul li:first-child{; margin-left: 0;} #order .lst_billing ul li h3{margin-bottom: 8px; font-size: 12px; color: #555; font-weight: normal;} #order .lst_billing ul li h3 .star_red{color: #c82f3a; font-weight: bold;} /* 결제하기 - 팝업 */ #order .optionView{display: inline-block;} #order .view_box{text-align: left;position:fixed;top:30%; left:50%; margin-left: -267.5px; z-index:200; display:none; width: 522px;background-color: #fff;} #order .view_box > .inner{ padding:30px; background-color: #f2f2f2; } #order .view_box h1{ text-align: left;padding:25px 45px; font-size: 20px; font-weight: bold; background-color:#4d4343; color: #fff;border-bottom: 2px solid #805660; } #order .view_box ul:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} #order .view_box ul li{width: 104px; height: 145px; float: left; margin-left: 14px; background: url(/images/order/bg_method_off.jpg) left top no-repeat; text-align: center;} #order .view_box ul li:hover{background: url(/images/order/bg_method_on.jpg) left top no-repeat;} #order .view_box ul li:first-child{margin-left: 0;} #order .view_box ul li img{margin-top: 47px;} #order .view_box ul li p{margin-top: 11px;} #order .view_box .view_box_btn{display:block; margin:0px 0 0 0;position:absolute; top:30px; right:30px; } #order .view_box .view_box_btn button{cursor:pointer;} #order .view_btn button{cursor:pointer;} /* 주문하기 - 쿠폰찾기 팝업 */ #add_discount .optionView{display: inline-block;} #add_discount .view_box{text-align: left;position:fixed;overflow-y:scroll; top:30%; left:50%; margin-left: -250px; z-index:200; display:none; width: 500px;height:402px; background-color: #fff;} #add_discount .view_box > .inner{ padding:20px; padding-top: 0; background-color: #fff; } #add_discount .view_box h1{ text-align: left;padding:25px 45px; font-size: 20px; font-weight: bold; background-color:#4d4343; color: #fff;border-bottom: 2px solid #805660; } #add_discount .view_box > .inner .table_dot{border-top: 0; border-bottom: 1px solid #797171;} #add_discount .view_box > .inner .table_dot tr.notice_line td{background: none;} #add_discount .view_box > .inner .table_dot td{padding: 30px 0;font-size: 14px;} #add_discount .period {font-size: 12px;} #add_discount .period dt{color: #656565;} #add_discount .period dd{color: #999;} #add_discount .view_box .view_box_btn{display:block; margin:0px 0 0 0;position:absolute; top:30px; right:30px; } #add_discount .view_box .view_box_btn button{cursor:pointer;} #add_discount .view_btn button{cursor:pointer;} .pop_bg {position:fixed;width:100%; height:100%; background:url('/images/bg/bg_pop.png') repeat top left; left:0; top:0;z-index:90; display:none;} /* 주문하기 - 주문완료 */ #order_end{margin-bottom: 160px;} #order_end > .article{margin: 90px 0;} #order_end > .article > strong{display: block;margin-top: 38px; color: #c82f3a; font-size: 30px; margin-bottom: 20px;} #order_end > .article > p{font-size: 18px; font-weight: bold; line-height: 28px; color: #454545;} /* 언어별 링크*/ #language{display: none; background-color: #fff; position: absolute; left: 0; top: 20px; width: 86.2188px; padding: 4px 5px; border: 1px solid #c82f3a; z-index: 5;} #language > ul > li{margin-top: 0px; color: #c82f3a; padding-left: 5px;} #language > ul > li:first-child{margin-top: 0;} #language > ul > li a:hover{border-bottom: 1px solid #c82f3a; padding-bottom: 1px;} /* 사이트맵 */ #sitemap > .header{text-align: center; padding-top: 40px; } #sitemap > .header h2{font-size: 28px;} #sitemap > .header > p{font-weight: bold; margin-top: 20px; font-size: 15px;} #sitemap > .article{margin-top: 50px;} #sitemap > .article > ul{border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6;} #sitemap > .article > ul:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} #sitemap > .article > ul > li{float: left; width:25%; border-style:solid; border-width: 0px 1px 1px 0; border-color: #e6e6e6; box-sizing:border-box; } #sitemap > .article > ul > li h2{font-size: 16px; font-weight: bold;color: #805660; background-color: #f4f4f4; line-height: 45px; padding-left: 40px; border-style:solid; border-width: 0px 0 1px 0; border-color: #e6e6e6;} #sitemap > .article > ul > li .cate2{padding:20px 0 20px 40px; min-height:218px;} #sitemap > .article > ul > li .cate2 li{position: relative; font-size: 12px; color: #555; margin-bottom: 13px; line-height: 18px; padding-left: 10px; } #sitemap > .article > ul > li .cate2 > li:after{position: absolute; width: 3px; height: 3px; background-color: #bbb; left:0px; top:6px; content:""; } #sitemap > .article > ul > li .cate2 > li a{display: block;} /* 매장안내 */ .store{position: relative;} .store_movie{position: absolute; top: 957px;right:57px;}