/************************************************************************ * 파일명 : v2018_buy.css * 설명 : 구매대행,오샵 세부 css * 작성자 : hahaC * 작성일 : 2018.07 ************************************************************************/ /* 서비스별 CSS구분 기본설정 - v2018.css 버튼,팝업 메인설정 - v2018_main.css 서비스별 공통사항 - v2018_service.css SA 배송대행 shipping - v2018_ship.css SB 구매대행,오샵 buy - v2018_buy.css SC 오카페 cafe - v2018_cafe.css */ @charset 'utf-8'; .tit.buy > .search {margin-top:10px;line-height:35px;} .tit.buy > .search > span > a {padding:7px 25px 10px;outline:none;margin:0;background:#555;color:#fff;} .tit.buy > .search > input {height:30px;line-height:30px;width:490px;} /* 구매대행 URL 신청 - 20191004 */ .contentM .buy {margin-bottom:50px;overflow:hidden;background:#f9f9f9;padding:30px 0;} .contentM .buy h1 {margin-bottom:20px;text-align:center;} .contentM .buy h1 span img{vertical-align:bottom;padding-right:10px;} .contentM .buy .search {width:820px; margin:0 auto;overflow:hidden;position:relative;padding-left:56px;} .contentM .buy .search input{width:545px;float:left;height:50px;line-height:50px;border:2px solid #ff6300;} .contentM .buy .search input:active{border:2px solid #ff6300;} .contentM .buy .search span {float:left;height:54px;line-height:54px;} .contentM .buy .search span a {padding:18px 50px;background:#ff6300;font-size:16px;font-weight:700;text-decoration:none;} .contentM .buy .search .camera{position:absolute;right:255px;top:0;width:42px;height:54px;overflow:hidden;background:url('/images2017/shop/search_camera.png') no-repeat 0 11px;} .contentM .buy .search .camera input{border:none;opacity:0;height:54px;width:32px;padding-left:50px;cursor:pointer;} .contentM .buy .search .search_img{position:absolute;top:0;left:0;width:54px;height:54px;} .contentM .buy .search .search_img img{width:100%;height:100%;} /* .contentM .buy .search input::-webkit-input-placeholder {color:#303030;} */ .contentM .buyTop {margin-bottom:15px;overflow:hidden;} .contentM .buyTop p {font-size:20px;font-weight:700;font-family:'NanumSquare';} /*쇼핑별 리스트*/ .tag {position:absolute;z-index:10; margin:5px} .tag span {display:inline-block;float:left;clear:both;height:20px;margin-bottom:2px;padding:0 5px 2px;font-weight:700;line-height:24px;letter-spacing:-1px;} .tag .best {background:#eb000a;color:#fff;} .tag .md {background:#23b300;color:#fff;} .tag .lowprice {background:#000;color:#fff;} .tag .one {background:#b541f4;color:#fff;} .tag .two {background:#45b728;color:#fff;} .tag .three {background:#f4d341;color:#fff;} .tag .four {background:#f45642;color:#fff;} .tag .five {background:#42a4f4;color:#fff;} .tag .deal {position:absolute;background:url('/images2017/shop/tag_todaydealS.png') no-repeat center center;width:70px;height:70px;margin:-5px 0 0 140px;} .tag .dealL {background:url('/images2017/shop/tag_todaydeal.png') no-repeat center center;width:116px;height:116px;margin:-40px 0 0 350px;} #container.buy > .contentM > h1 {float:left;} #container.buy > .contentM > ul.align {float:right;} #container.buy > .contentM > ul.align > li {float:left;font-size:11px;padding-left:10px;} #container.buy > .contentM > ul.align > li > a {color:#999;text-decoration:none;} #container.buy > .contentM > ul.align > li > a > i {padding-right:3px;} #container.buy > .contentM > ul.align > li > a:hover, #container.buy > .contentM > ul.align > li.on > a {color:#303030;} #container.buy > .contentM > ul.align > li > a:hover > i, #container.buy > .contentM > ul.align > li.on > a > i {color:#ff7000;} /* #container.buy > .contentM > .buyTop {position:absolute; width:1246px; margin:-20px 0 0;font-size:12px;}*/ #container.buy > .contentM > .buyTop > p > em {color:#ff7000;} #container.buy > .contentM > .buyTop > p.fRight {color:#999;} #container.buy > .contentM > ul.prd_list{position: relative;clear:both;} #container.buy > .contentM > ul.prd_list > li {float:left;height:260px;margin-right:16px;vertical-align:top;width:194px;overflow:hidden;margin-bottom:20px;} #container.buy > .contentM > ul.prd_list > li:nth-child(6n+6){margin-right:0;} #container.buy > .contentM > ul.prd_list > li > a.box {cursor:pointer;position:relative;display:block;overflow:hidden;padding:0;margin:0;vertical-align:middle;height:260px;} #container.buy > .contentM > ul.prd_list > li > a.box > .img {display:table-cell;width:192px;height:192px;border:1px solid #ddd;overflow:hidden;vertical-align: middle;text-align:center;} #container.buy > .contentM > ul.prd_list > li > a.box > .img > img {max-width:100%;max-height:192px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} /* #container.buy > .contentM > ul.prd_list > li > a.box .fade-caption {position:absolute;font-weight:700;opacity:0;text-align:center;top:0;width:100%;height:192px;z-index:1; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} #container.buy > .contentM > ul.prd_list > li > a.box .caption {background-color: rgba(255,255,255,0.7);color: #777;} #container.buy > .contentM > ul.prd_list > li > a.box .soldout {background-color: rgba(0,0,0,0.5);color: #fff;opacity: 1;} #container.buy > .contentM > ul.prd_list > li > a.box .fade-caption p {padding-top:77px;} #container.buy > .contentM > ul.prd_list > li > a.box:hover .fade-caption {opacity: 1;} */ #container.buy > .contentM > ul.prd_list > li p.price {margin-top:7px;vertical-align:middle;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #container.buy > .contentM > ul.prd_list > li p.price > .priceSale {font-weight:700;font-size:13px;} #container.buy > .contentM > ul.prd_list > li p.price > .priceNormal {padding-left:10px;color:#999;text-decoration:line-through;} #container.buy > .contentM > ul.prd_list > li p.price > .pricePer {color:#ff7000;} #container.buy > .contentM > ul.prd_list > li p.tit {width:100%;/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/color:#999; word-break: break-all;} #container.buy > .contentM > ul.prd_list > li a:hover {text-decoration:none;} #container.buy > .contentM > ul.prd_list > li a:hover > p.price > .priceSale {color:#303030;} #container.buy > .contentM > ul.prd_list .box .fade-caption{position:absolute;font-weight:700;text-align:center;width:100%;height:56px;z-index:1;top:calc(100%);left:0;transition:all 0.5s ease 0s;} #container.buy > .contentM > ul.prd_list .box .caption{background:rgba(44,44,44,0.9);color: #fff;} #container.buy > .contentM > ul.prd_list .box .fade-caption p{line-height:50px;font-size:14px;font-weight:700;} #container.buy > .contentM > ul.prd_list .box .caption:hover{background-color:rgba(255,112,0,0.9);} #container.buy > .contentM > ul.prd_list .box:hover .caption{top:203px;} #container.buy > .contentM > ul.prd_list .box .soldout{background:rgba(44,44,44,0.4);color: #fff;height:260px;top:0;} #container.buy > .contentM > ul.prd_list .box .soldout p{font-size:14px;font-weight:700;border:3px solid #fff;border-radius:60px;width:60px;height:60px;line-height:60px;position:absolute;left:67px;top:90px;} #container.buy > .contentM > ul.prd_list .box:hover .soldout{top:0;} #container.buy .contentM #container {min-height: auto !important;background: none !important; margin-bottom: 50px !important; padding: 0 !important;} #container.buy .contentM #container .contentM{margin-top:0 !important;} #container.buy .contentM #container ul.prd_list .no_Result{border: 1px solid #e4e4e4;background: #fff;text-align:center;padding:40px 0;margin-bottom:50px} #container.buy .contentM #container ul.prd_list .no_Result p.tit{font-size:18px;font-weight:bold;background:url('/images2017/shop/search_no_icon.png') no-repeat left center;padding-left:55px;display:inline-block;line-height:40px;} #container.buy .contentM #container ul.prd_list .no_Result div{width:80%;border-top:2px solid #303030;margin:30px auto 0;padding-top:20px;overflow:hidden;} #container.buy .contentM #container ul.prd_list .no_Result div ul.txt{float:left;text-align:left;margin-left:15px;} #container.buy .contentM #container ul.prd_list .no_Result div ul.txt li{background:url('/images2017/shop/search_check.png') no-repeat left center;padding-left:20px;line-height:24px;} #container.buy .contentM #container ul.prd_list .no_Result div p.btn{float:right;margin-right:15px;height:48px;line-height:48px;border:1px solid #e9e9e9;} #container.buy .contentM #container ul.prd_list .no_Result div p.btn a{font-size:16px;font-weight:bold;text-decoration:none;padding:0 40px;} /* #container.buy > .contentM > ul.prd_list > li+li+li+li+li+li, #container.buy > .contentM > ul.prd_list > li+li+li+li+li+li+li+li+li+li+li+li, #container.buy > .contentM > ul.prd_list > li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li, #container.buy > .contentM > ul.prd_list > li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li {margin-right:0px;}#container.buy > .contentM > ul.prd_list > li+li+li+li+li+li+li, #container.buy > .contentM > ul.prd_list > li+li+li+li+li+li+li+li+li+li+li+li+li, #container.buy > .contentM > ul.prd_list > li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li, #container.buy > .contentM > ul.prd_list > li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li {margin-right:16px;} */ /*리스트 페이지 투데이딜*/ .todayOn {position:relative;width:1217px;border:5px solid #ef8789;padding:10px;background:#fff;margin-bottom:20px;} .todayOn > .tagDeal {z-index:10;position:absolute;background:url('/images2017/shop/tag_todaydeal.png') no-repeat center center;width:116px;height:116px;top:-40px;right:-20px;} .todayOn > p.img {overflow:hidden;} .todayOn > p.img > a > img {width:400px;height:400px;} .todayOn > dl {position:absolute;width:740px;margin:-350px 0 0 420px;} .todayOn > dl > dt {margin-top:10px;font-family:'NanumSquare';font-size:35px; font-weight: 800;line-height:100%;} .todayOn > dl > dt > a:hover {text-decoration:none;} .todayOn > dl > dd {font-size:16px;line-height:120%;} .todayOn > dl > dd.txt {font-family:'NanumSquare';font-size:18px;font-weight: 800;padding-bottom:10px;} .todayOn > dl > dd.priceS {margin-top:40px;font-size:12px;color:#999;} .todayOn > dl > dd.price {font-size:50px;color:#ff2000;font-weight: 800;letter-spacing:-2px;} .todayOn > dl > dd.btn {margin-top:30px;} .todayOn > dl > dd.btn > a {background:#ff7000;color:#fff;padding:10px 50px;font-size:14px;} .todayOn > dl > dd.btn > a:hover {background:#ff5000;} /* 독일 면세 구매대행 */ #content .apGR {} #content .apGR > ul.guide {/*margin-top:-10px;*/} #content .apGR > ul.guide > li {display:inline-block;background-color:#f8f8f8;border:1px solid #eee;padding:10px 3px 10px;margin-left:25px;min-width:14.11%;font-weight:700;letter-spacing:-1px;text-align:center;} #content .apGR > ul.guide > li:first-child {margin-left:0;} #content .apGR > ul.guide > li > em {padding:2px 6px;color:#fff;background-color:#ff7000;border-radius:100%;} #content .apGR > ul.guide > li > span {display:block;padding-top:5px;} #content .apGR > ul.guide > li > i {position:absolute;margin:-40px 0 0 93px;color:#ccc;} #content .apGR > .clearfix {/*margin-top:50px;*/} #content .apGR > .clearfix > .fRight {margin-top:35px;} #content .apGR > .clearfix > .fRight > span.btnFree1 > a {padding:7px 20px;font-weight:700;font-size:14px;line-height:100%;} #content .apGR > .boxG {background:#f8f8f8;border-radius:0;padding:10px;border-top:1px solid #ddd;} #content .apGR > .boxG > .inputS {font-size:14px;height:32px;line-height:32px;} #content .apGR > .boxG > input.inputS {/*margin-top:-1px*/} /*구매대행 신청 게시판*/ .BuyBoard {} /*구매대행 신청 게시판*/ .BuyBoard_inBtn {text-align:right;margin-top:50px;line-height:140%} /*셀안에 버튼이 들어간경우*/ .BuyBoard_reply {margin-top:30px;background:#f8f8f8;border-radius:0;padding:10px;border:1px solid #e4e4e4}/*게시판 보기에서 덧글쓰기 설정*/ .BuyBoard_reply textarea {height:100px;width:955px} /* 구매대행신청하기 */ #content.GEbuy > table.tableType7 th {background-color:#eee;} #content.GEbuy > table.tableType7 input.inputS {width:100px; border:0px; padding:0px 5px 1px 5px;} #content.GEbuy dl.cLine2 {display:block;zoom:1;width:100%;padding:0;border-top:1px solid #e4e4e4;} #content.GEbuy dl.cLine2:after{content:"";display:block;clear:both} #content.GEbuy dl.cLine2 dt {} #content.GEbuy dl.cLine2 dt ul {border-bottom:1px solid #e4e4e4;background:#eee;padding:5px;} #content.GEbuy dl.cLine2 dt ul li{display:inline-block;font-weight:700;line-height:27px;text-align:center;} #content.GEbuy dl.cLine2 dd.line_purchase ul{border-bottom:1px solid #e4e4e4;padding:5px;display:block;zoom:1} #content.GEbuy dl.cLine2 dd.line_purchase ul:after{content:"";display:block;clear:both} #content.GEbuy dl.cLine2 dd.line_purchase li{float:left;line-height:22px;padding:0 1px} #content.GEbuy dl.cLine2 dd.line_purchase li:first-child{padding-left:10px} #content.GEbuy dl.cLine2 dt ul li.tm0 {width:209px;} #content.GEbuy dl.cLine2 dt ul li.tm1 {width:180px;} #content.GEbuy dl.cLine2 dt ul li.tm2{width:105px;} #content.GEbuy dl.cLine2 dt ul li.tm3{width:110px;} #content.GEbuy dl.cLine2 dt ul li.tm4{width:78px;} #content.GEbuy dl.cLine2 dt ul li.tm5{width:78px;} #content.GEbuy dl.cLine2 dt ul li.tm6{width:220px;} #content.GEbuy dl.cLine2 dt ul li.tm7{width:220px;} #content.GEbuy dl.cLine2 dt ul li.tm1.enName{width:404px;} #content.GEbuy dl.cLine2 dd {position:relative;} #content.GEbuy dl.cLine2 dd ul.inline100 {border-bottom:1px solid #e4e4e4;padding:5px;display:block;zoom:1;background:#eee;} #content.GEbuy dl.cLine2 dd ul.inline100:after{content:"";display:block;clear:both} #content.GEbuy dl.cLine2 dd ul.inline100 > li {float:left;line-height:22px;padding:0 1px} #content.GEbuy dl.cLine2 dd ul.inline100 > li:first-child {padding-left:5px} #content.GEbuy dl.cLine2 dd ul.inline100 > li.m0 > input {width:290px} #content.GEbuy dl.cLine2 dd ul.inline100 > li.m1 > input {width:150px} #content.GEbuy dl.cLine2 dd ul.inline100 > li.m2 > input {width:80px} #content.GEbuy dl.cLine2 dd ul.inline100 > li.m3 > input {width:80px} #content.GEbuy dl.cLine2 dd ul.inline100 > li.m4 > input {width:50px} #content.GEbuy dl.cLine2 dd ul.inline100 > li.m5 > input {width:50px} #content.GEbuy dl.cLine2 dd ul.inline100 > li.m1.enName > input {width:364px} #content.GEbuy dl.cLine2 dd ul.w100per {border-bottom:1px solid #e4e4e4;padding:5px 0;display:block;zoom:1;background:#eee;} #content.GEbuy dl.cLine2 dd ul.w100per:after{content:"";display:block;clear:both} #content.GEbuy dl.cLine2 dd ul.w100per > li {line-height:22px;padding:0 5px;margin-top:5px;} #content.GEbuy dl.cLine2 dd ul.w100per > li > span {position:absolute;margin-left:5px;line-height:32px;font-weight:700;} #content.GEbuy dl.cLine2 dd ul.w100per > li > input {margin-left:150px;width:1051px} #content.GEbuy dl.cLine2 dd ul.w100per > li > input.radio { width:auto; margin:5px 5px 5px 55px;} #content.GEbuy dl.cLine2 dd ul.w100per > li > input.radio:nth-child(2){ margin-left:150px;} #content.GEbuy dl.cLine2 dd ul.w100per > li > span.product_error_msg span.errorBox_Line {position:relative !important;margin-left:0} #content.GEbuy dl.cLine2 dd .prodt_Box{display:block;zoom:1;border:1px solid rgba(255,144,0,0.4);background:rgba(255,144,0,0.2);padding:10px;font-size: 14px;line-height: 24px} #content.GEbuy dl.cLine2 dd .prodt_Box:after{content:"";display:block;clear:both} #content.GEbuy dl.cLine2 dd .btnGEbuy {position:absolute;right:0;margin-right:10px; bottom: 5px;} #content.GEbuy dl.cLine2 dd .btnGEbuy span a, #content.GEbuy dl.cLine2 dd .right .btnPack a, #content.GEbuy > .buyBtn > span.btnPack a {font-weight:700;} #content.GEbuy dl.cLine2 dd .btnGEbuy span a i, #content.GEbuy dl.cLine2 dd .right .btnPack a i, #content.GEbuy > .buyBtn > span.btnPack a i {color:#ff7000;} #content.GEbuy > .buyBtn {margin:10px 0; text-align:right;} #content.GEbuy dl.cLine2 dd .btnTaobuy {position:relative;right:0;margin-right:10px; margin-bottom:0;vertical-align:middle !important;} #content.GEbuy dl.cLine2 dd .btnTaobuy span a {font-weight:700;} #content.GEbuy dl.cLine2 dd .btnTaobuy span a i {color:#ff7000;} /* taobao 구대 */ .box_fieldset {padding-left:20px;} .box_fieldset li {display:inline-block;} #content.GEbuy dl.cLine2 dd ul.inline200 {border-bottom:1px solid #e4e4e4;padding:5px 0;display:block;zoom:1;background:#eee;margin:0 auto;} #content.GEbuy dl.cLine2 dd ul.inline200:after{content:"";display:block;clear:both} #content.GEbuy dl.cLine2 dd ul.inline200 > li {display:inline-block;line-height:22px;margin:0;vertical-align:middle;padding:0 2px;} #content.GEbuy dl.cLine2 dd ul.inline200 > li.m1 {width:52px;padding-left:20px;} #content.GEbuy dl.cLine2 dd ul.inline200 > li.m2 {width:25%;margin:0 1px;} #content.GEbuy dl.cLine2 dd ul.inline200 > li.m3 {width:10%;margin:0 1px;} #content.GEbuy dl.cLine2 dd ul.inline200 > li.m4 {width:5%;margin:0 1px;} #content.GEbuy dl.cLine2 dd ul.inline200 > li.m4 {width:5%;margin:0 1px;} #content.GEbuy dl.cLine2 dd ul.inline200 > li.m5 {width:10%;margin:0 1px;} #content.GEbuy dl.cLine2 dd ul.inline200 > li.m6 {width:10%;margin:0 1px;} #content.GEbuy dl.cLine2 dd ul.inline200 > li.m7 {width:222px;margin:0 0 0 1px;} #content.GEbuy dl.cLine2 dd ul.inline200 > li.m8 {min-width:54px;} #content.GEbuy dl.cLine2 dd ul.inline200 > li > input {width:100%;font-size:12px;height: 30px;line-height: 30px;padding:0 3px;} #content.GEbuy dl.cLine2 dd ul.inline200 > li.m6 > input {width:100%;border:1px solid #ff7000;font-weight:bold;color:#ff7000 !important;} #content.GEbuy dl.cLine2 dd ul.inline200.txt_box > li {text-align:center !important;vertical-align:top;} .box_fieldset {padding-left:20px;} .box_fieldset li {display:inline-block;} /* taobao 구대 카트자동등록 */ #content.GEbuy > table.tableType16 th {background-color:#f8f8f8;padding:5px 10px;} #content.GEbuy > table.tableType16 input.inputS {width:100px; border:0px; padding:0px 5px 1px 5px;} #content.GEbuy > table.tableType16 > tbody > tr.first_line th, #content.GEbuy > table.tableType16 > tbody > tr .first_line td {border-top:1px solid #212121 !important;border-bottom:1px solid #e4e4e4;} #content.GEbuy > table.tableType16 th.total_right, #content.GEbuy > table.tableType16 td.total_right {text-align:right;} #content.GEbuy > table.tableType16 td.total_right input {text-align:right !important;width:80%;border:0 none;padding:0 5px 1px 5px;color:#ff7000 !important;} #content.GEbuy > table.tableType16 td.price_right input {text-align:right !important;width:70%;border:0 none;padding:0 5px 1px 5px;} #content.GEbuy > table.tableType16 .price_notice {position:absolute;top:53px;left:20px;font-size:11px;} #content.GEbuy > table.tableType16 .cardfee_notice {position:absolute;top:52px;right:5px;margin-right:5px;} #content.GEbuy > table.tableType16 .bb_none td {padding:15px 0 55px;} #content.GEbuy > table.tableType16 .bb_none th {padding:20px 5px 55px 0;vertical-align:top;} #content.contentM > table.tableType17 thead > tr > th {border-right:0;padding:10px 3px 10px 15px;font-weight:700;} #content.contentM > table.tableType17 thead > tr > th {border-top:1px solid #212121 !important;border-bottom:1px solid #212121 !important;} #content.contentM table.tableType17 tbody > tr > th.bl_line {border-left:1px solid #e4e4e4 !important;} #content.contentM > table.tableType17 .last_line > th, #content.contentM > table.tableType17 .last_line > td {background:#faf7e2;padding-top:13px;padding-bottom:13px;border-right:0;border-top:1px solid #e4e4e4 !important;border-bottom:1px solid #e4e4e4 !important;} #content.contentM > table.tableType17 .last_line > th {font-weight:700;border-top:1px solid #e4e4e4 !important;} #content.contentM > table.tableType17 .last_line > td {font-size:24px;font-weight:700;border-top:1px solid #e4e4e4 !important;} #content.contentM > table.tableType17 tr > td.bt_line {border-bottom:1px solid #e4e4e4 !important;} #content.contentM > table.tableType18 tr > th {border-right:0;padding:10px 20px;font-weight:700;font-size:14px;} #content.contentM > table.tableType18 tr > td {border-right:0;padding:10px 20px;font-weight:700;font-size:14px;} #content.contentM > table.tableType18 tr > th.total_line, #content.contentM > table.tableType18 tr > td.total_line {background:#faf7e2 !important;font-weight:700;padding:27px 20px;} #container #content.contentM .search_line select.inputS {line-height:20px;height:32px;padding:4px 9px 4px;} #content.contentM .banking {background:url('/images2017/sub/ico_purchase01.png') no-repeat 0 0;line-height:23px;padding:3px 0 3px 0;} /*마이페이지*/ #content.mypageBuyShop > .titDep8 {font-family:inherit;} /*주문배송조회 검색*/ #content.mypageBuyShop .orderBoxTop {position:relative;} #content.mypageBuyShop .orderBoxTop > .searchBox {position:absolute;right:0;top:-45px;left:auto;} #content.mypageBuyShop .orderBoxTop > .searchBox strong {padding:0 0 0 25px;} #content.mypageBuyShop .orderBoxTop > .searchBox img {vertical-align:middle;} #content.mypageBuyShop .orderBoxTop > .searchBox select {height:28px;margin-top:-1px;} #content.mypageBuyShop .orderBoxTop > .searchBox input {height:26px;} /*주문배송조회 리스트*/ .orderBox-group {margin-bottom:16px;} .orderBox-group .orderBox-head {display:block;border:1px #ddd solid;border-bottom:none;border-radius:4px 4px 0 0;background:#f6f6f6!important;} .orderBox-group .orderBox-head .orderBox-inner {position:relative;padding:14px 18px;min-height:18px;} .orderBox-group .orderBox-head p {float:left;min-width:180px;} .orderBox-group .orderBox-head span {margin:0 10px;} .orderBox-group .orderBox-head .receiver {position:absolute;top:35px;left:350px;background:#fff;width:160px;padding:10px;border:1px solid #cdccca;z-index:5;border-radius:4px} .orderBox-group .orderBox-body {display:block;border:1px #ddd solid;border-top:none;border-radius:0 0 4px 4px;background:#fff!important;} .orderBox-group .orderBox-body .orderBox-inner {display:inline-block;padding:25px;} .orderBox-group>.orderBox-body>.orderBox {border-radius:0;border-bottom:1px #ddd solid;} .orderBox-group>.orderBox-body>.orderBox:last-child {border-bottom:0} .orderBox-group a {color:#047ffc;} .orderBox-group a:hover {color:#fa9710;} .orderBox-group .orderBox .orderPrd {float:left; position:relative; width:1040px; margin-right:20px;} .orderBox-group .orderBox .orderPrd h3 {margin:0 0 10px 0; font-weight:700; color:#424242} .orderBox-group .orderBox .orderPrd .orderItem {margin:0 0 20px;} .orderBox-group .orderBox .orderPrd .orderItem img {float:left; display:inline; margin:0 20px 0 25px;} .orderBox-group .orderBox .orderPrd .orderItem p {margin:0 0 5px 95px;} .orderBox-group .button * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} .orderBox-group .button{background:#fefefe;border-radius:3px;border-color:#ededed #e2e2e2 #d8d8d8;border-style:solid;border-width:1px;cursor:pointer;margin:0 0 5px;padding:0;text-align:center;text-decoration:none!important;vertical-align:middle} .orderBox-group .button .button-inner{background:#f4f4f4;background:-webkit-linear-gradient(top,#fefefe,#f4f4f4);background:linear-gradient(to bottom,#fefefe,#f4f4f4)} .orderBox-group .button:hover .button-inner{background:#e7e7e7;background:-webkit-linear-gradient(top,#fefefe,#e7e7e7);background:linear-gradient(to bottom,#fefefe,#e7e7e7)} .orderBox-group .button:active .button-inner{box-shadow:0 1px 3px rgba(0,0,0,.2) inset;background-color:#e7e7e7;background-image:none;} .orderBox-group .button:hover{border-color:#ededed #e2e2e2 #d8d8d8} .orderBox-group .button:active, .orderBox-group .button:active:hover{border-color:#ededed #e2e2e2 #d8d8d8} .orderBox-group .button.button-focus, .orderBox-group .button:focus{outline:0;border-color:#e77600;box-shadow:0 0 3px 2px rgba(228,121,17,.5)} .orderBox-group .button-inner{display:block;position:relative;overflow:hidden;height:29px;box-shadow:0 1px 0 rgba(255,255,255,.6) inset;border-radius:2px} .orderBox-group .button-text{background-color:transparent;border:0;display:block;font-size:13px;line-height:29px;margin:0;outline:0;padding:0 10px 0 11px;text-align:center;white-space:nowrap} .orderBox-group .button-text:focus{outline:0} .orderBox-group a.button-text, .orderBox-group button.button-text{width:100%;height:100%;color:#5c5b5b;text-decoration:none;font-weight:700;} .orderBox-group .button-primary{background:#ff9000;border-color:#edae4b #e3940c #db950f;} .orderBox-group .button-primary .button-inner{background:#ff9000;background:-webkit-linear-gradient(top,#feae46,#f79000);background:linear-gradient(to bottom,#feae46,#f79000);box-shadow:0 1px 0 rgba(255,255,255,.4) inset} .orderBox-group .button-primary:hover .button-inner{background:#ff7e06;background:-webkit-linear-gradient(top,#fe9f46,#f67b00);background:linear-gradient(to bottom,#fe9f46,#f67b00)} .orderBox-group .button-primary:active .button-inner{background-color:#f87c03;background-image:none} .orderBox-group .button-primary:hover{border-color:#ed9f4a #e2800b #d8810e} .orderBox-group .button-primary:active, .orderBox-group .button-primary:active:hover{border-color:#ed9f4a #e2800b #d8810e} .orderBox-group .button-primary.button-focus, .orderBox-group .button-primary:focus{border-color:#e77600} .orderBox-group .button-primary .button-text{color:#fff;} .orderBox-group .button-fixed {width:132px;} /* 구매대행 주문 / 배송 조회 - 20191011 */ #content.mypageBuyShop > div.titDep8 {overflow:hidden;padding-bottom:10px;} #content.mypageBuyShop > div.titDep8 p.tit {font-size:16px;font-weight:bold;float:left} #content.mypageBuyShop > div.titDep8 div.linkBtn {float:right;} #content.mypageBuyShop > h1 {font-weight:normal;} #content.mypageBuyShop > table.tableType tr th {background:#574599;padding:10px 0;color:#fff;border-right:1px solid #dcdddd;} #content.mypageBuyShop > table.tableType tr th:first-child {border-left:1px solid #574599;} #content.mypageBuyShop > table.tableType tr th:last-child {border-right:1px solid #574599;} #content.mypageBuyShop > table.tableType tr th a {color:#fff;text-decoration:none;} #content.mypageBuyShop > table.tableType tr td {background:#f9f9f9;padding:15px 0;color:#303030;border-bottom:1px solid #b8b7b7;border-right:1px solid #dcdddd;text-align:center;} #content.mypageBuyShop > table.tableType tr td:first-child {border-left:1px solid #b8b7b7;} #content.mypageBuyShop > table.tableType tr td:last-child {border-right:1px solid #b8b7b7;} #content.mypageBuyShop > .caution{font-size:11px;padding-left:710px;padding-top:10px;color:#777;line-height:24px;} #content.mypageBuyShop > .caution li span{color:red;padding-right:5px;} .tableType20 {width:100%;border-top:1px solid #dcdcdc;border-bottom:2px solid #818080;margin-bottom:10px;} .tableType20 tbody tr th {border-bottom:1px solid #dcdcdc !important;} .tableType20 tbody tr th {padding:20px 0;font-weight:bold;} .tableType20 tbody tr td {text-align:center;border-bottom:1px solid #dcdcdc;padding:10px 0;cursor:pointer;} .tableType20 tbody > tr > td > table > tbody > tr.orderHis > td > a{color:#0e70ba;} .tableType20 tbody > tr > td > table > tbody > tr.orderHis > td.number > a {font-weight:bold;text-decoration:none;} .tableType20 tbody > tr > td > table > tbody > tr.orderHis > td.totalPay{} .tableType20 tbody > tr > td > table > tbody > tr.orderHis > td.totalPay > span {color:red;} .tableType20 tbody > tr > td > table > tbody > tr > td{text-align:center;padding:10px 0;border-bottom:none;} .tableType20 tbody > tr > td > table > tbody > tr > td.cancel > a{color:#303030;border:1px solid #ababab;padding:3px 10px;border-radius:3px;text-decoration:none;} .tableType20 tbody > tr > td > table > tbody > tr > td.viewDetail > a{color:#7057cc;border:1px solid #7057cc;padding:3px 10px;border-radius:3px;text-decoration:none;} .tableType20 tbody tr td.orderItem > p {float:left;padding-left:17px;} .tableType20 tbody tr td.orderItem > p:first-child {width:100%;padding-bottom:10px;} .tableType20 tbody tr td.orderItem > p.txRed {padding-left:20px;} .tableType20 tbody tr td.active tr.orderDet {display:table-row !important;} .tableType20 thead tr th {border-bottom:1px solid #dcdcdc;padding:10px 0;background-color:#f7f7f7;} .tableType20 thead tr th select {height:28px;} .tableType20 thead tr th input {height:26px;} .tableType20 thead tr th a {background-color:#ababab;padding:0 12px;color:#fff;text-decoration:none;height:28px;line-height:28px;display:inline-block;vertical-align:bottom;} #content.mypageBuyShop > ul.orderHis {background-color:#f7f5e1;border-top:1px solid #dbdbdc;border-bottom:1px solid #dbdbdc;overflow:hidden;} #content.mypageBuyShop > ul.orderHis > li{padding:20px 4%;float:left;} #content.mypageBuyShop > ul.orderHis > li > span {font-weight:bold;color:#106fb9;padding-left:10px;} #content.mypageBuyShop > ul.orderHis > li > span.Ocolor{color:#eb5412;font-size:16px;} #content.mypageBuyShop table.orderCompletion{border-top:none;border-bottom:1px solid #dcdcdc} #content.mypageBuyShop table.orderCompletion thead tr th {padding:20px 0 20px 17px;text-align:left;background-color:#fff;} #content.mypageBuyShop table.orderCompletion thead tr th span {color:#eb5412;border:1px solid #eb5412;padding:5px 10px;border-radius:3px;margin-right:15px;font-weight:bold;} #content.mypageBuyShop table.orderCompletion tbody tr td {border-bottom:none;padding:20px 0;cursor:unset;} #content.mypageBuyShop table.orderCompletion thead tr th.orderAdd {text-align:right;} #content.mypageBuyShop table.orderCompletion thead tr th.orderAdd span {border:none;font-weight:normal;padding:0;margin-right:0;} .linkBtn .validation a {background-color:#ff7000;color:#fff;padding:5px 12px;text-decoration:none;} .tright {text-align:right !important;} /* 이용안내>아마존 가이드&코스트코 가이드&티몰타오바오 가이드 */ #content.amazonGuide {} #content.amazonGuide > table.tableType5 > tbody > tr > td {vertical-align:top;padding-bottom:20px;text-align:center;background:#fff;} #content.amazonGuide > table.tableType5 > tbody > tr > td > i {color:#ff7000;padding:10px 0;} #content.amazonGuide > table.tableType5 > tbody > tr > td > span {font-weight:700;font-size:16px;line-height:140%;} #content.amazonGuide > table.tableType5 > tbody > tr > td > span > em {font-weight:normal;font-size:13px;color:#999;} #content.amazonGuide .guideBox {text-align:center;} #content.amazonGuide .guideBox > ul.step {} #content.amazonGuide .guideBox > ul.step > li {display:inline;} #content.amazonGuide .guideBox > ul.step > li > a {background:#ddd;color:#fff;border-radius:5px;padding:2px 8px;font-size:16px;} #content.amazonGuide .guideBox > ul.step > li > a.on {background:#ff7000;padding:2px 20px;font-weight:700;} #content.amazonGuide .guideBox > ul.step > li > a:hover {text-decoration:none;} #content.amazonGuide .guideBox > .txtL {font-size:28px;font-weight:700;padding:30px 0 15px;} #content.amazonGuide .guideBox > .img {} #content.amazonGuide .guideBox > .img > img {padding:0;margin:10px 0 0;} #content.amazonGuide .guideBox > .img > .txtUp {text-align:left;} #content.amazonGuide .guideBox > .img > .txtUp > span {display:block;background:#ff2000;color:#fff;padding:3px 10px;border-radius:5px;box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.1);font-size:12px;line-height:13px;} #content.amazonGuide .guideBox > .img > .txtUp > span > em {display: block;text-align:center;} #content.amazonGuide .guideArrow {text-align:center;padding:20px 0;} #content.amazonGuide .guideArrow > i {font-size:50px;color:#ccc;} #content.amazonGuide .amazon_guideBox01 {background:#633bc4 url('/images2017/sub/bg_amazonguide_usa.jpg') no-repeat 0 0;color:#fff;line-height:23px;} #content.amazonGuide .amazon_guideBox02 {background:#633bc4 url('/images2017/sub/bg_amazonguide_gr.jpg') no-repeat 0 0;color:#fff;line-height:23px;} #content.amazonGuide .costco_guideBox01 {background:#633bc4 url('/images2017/sub/bg_costcoguide_usa.jpg') no-repeat 0 0;color:#fff;line-height:23px;} #content.amazonGuide .taobao_guideBox01 {background:#633bc4 url('/images2017/sub/bg_taobaoguide_new01.jpg') no-repeat 0 0;color:#fff;line-height:23px;} #content.amazonGuide .amazon_guideBox01 > section, #content.amazonGuide .amazon_guideBox02 > section, #content.amazonGuide .costco_guideBox01 > section, #content.amazonGuide .taobao_guideBox01 > section {margin:0 auto;width:722px;} #content.amazonGuide .amazon_guideBox01 > section:first-child, #content.amazonGuide .amazon_guideBox02 > section:first-child, #content.amazonGuide .costco_guideBox01 > section:first-child, #content.amazonGuide .taobao_guideBox01 > section:first-child {padding-top:304px;} #content.amazonGuide .guideArrow01 {display:block;background:#633bc4 url('/images2017/sub/ico_amazonguide_new02.png') no-repeat 0 -427px;width:65px;height:65px;text-align:center;padding:0;margin:20px auto;} #content.amazonGuide .guideArrow02 {position:absolute;display:inline-block;background:#633bc4 url('/images2017/sub/ico_amazonguide_new03.png') no-repeat 0 -96px;width:50px;height:48px;text-align:center;padding:0;margin-top:70px;} #content.amazonGuide .guideArrow03 {position:absolute;display:inline-block;background:#633bc4 url('/images2017/sub/ico_amazonguide_new03.png') no-repeat 0 -165px;width:35px;height:35px;text-align:center;padding:0;margin-top:70px;} #content.amazonGuide .amazon_guideBox01 #step01 .step01, #content.amazonGuide .amazon_guideBox02 #step01 .step01, #content.amazonGuide .costco_guideBox01 #step01 .step01, #content.amazonGuide .taobao_guideBox01 #step01 .step01 {display:inline-block;background:url('/images2017/sub/ico_amazonguide.png') no-repeat 0 0;height:84px;padding-left:94px;padding-top:20px;} #content.amazonGuide .amazon_guideBox01 #step01 p, #content.amazonGuide .amazon_guideBox02 #step01 p, #content.amazonGuide .costco_guideBox01 #step01 p, #content.amazonGuide .taobao_guideBox01 #step01 p {position:relative;padding-left:94px;top:-60px;} #content.amazonGuide .amazon_guideBox01 #step01 img, #content.amazonGuide .amazon_guideBox02 #step01 img, #content.amazonGuide .costco_guideBox01 #step01 img, #content.amazonGuide .taobao_guideBox01 #step01 img {margin-top:-30px;} #content.amazonGuide .amazon_guideBox01 #step02 .step02, #content.amazonGuide .amazon_guideBox02 #step02 .step02 {display:inline-block;background:url('/images2017/sub/ico_amazonguide.png') no-repeat 0 -111px;height:84px;padding-left:94px;padding-top:5px;} #content.amazonGuide .costco_guideBox01 #step02 .step02 {display:inline-block;background:url('/images2017/sub/ico_amazonguide.png') no-repeat 0 -111px;height:84px;padding-left:94px;padding-top:20px;} #content.amazonGuide .taobao_guideBox01 #step02 .step02 {display:inline-block;background:url('/images2017/sub/ico_amazonguide.png') no-repeat 0 -111px;background-position:right-top;height:84px;padding-left:94px;padding-top:20px;} #content.amazonGuide .amazon_guideBox01 #step02 p, #content.amazonGuide .amazon_guideBox02 #step02 p {position:relative;padding-left:105px;top:-60px;} #content.amazonGuide .costco_guideBox01 #step02 p {position:relative;padding-left:94px;top:-60px;} #content.amazonGuide .taobao_guideBox01 #step02 p {position:relative;padding-left:94px;top:-60px;} #content.amazonGuide .amazon_guideBox01 #step02 img, #content.amazonGuide .amazon_guideBox02 #step02 img {margin-top:-30px;} #content.amazonGuide .costco_guideBox01 #step02 img {margin-top:-30px;} #content.amazonGuide .taobao_guideBox01 #step02 img, #content.amazonGuide .taobao_guideBox01 #step03 img, #content.amazonGuide .taobao_guideBox01 #step04 img {margin-top:-10px;} #content.amazonGuide .amazon_guideBox01 #step03 .step03, #content.amazonGuide .amazon_guideBox02 #step03 .step03, #content.amazonGuide .costco_guideBox01 #step03 .step03 {display:inline-block;background:url('/images2017/sub/ico_amazonguide.png') no-repeat 0 -221px;height:84px;padding-left:94px;padding-top:5px;} #content.amazonGuide .taobao_guideBox01 #step03 .step03 {display:inline-block;background:url('/images2017/sub/ico_amazonguide.png') no-repeat 0 -221px;height:84px;padding-left:94px;padding-top:20px;} #content.amazonGuide .amazon_guideBox01 #step03 > p, #content.amazonGuide .amazon_guideBox02 #step03 > p, #content.amazonGuide .costco_guideBox01 #step03 > p, #content.amazonGuide .taobao_guideBox01 #step03 > p {position:relative;padding-left:105px;top:-60px;} #content.amazonGuide .amazon_guideBox01 #step03 img, #content.amazonGuide .amazon_guideBox02 #step03 img, #content.amazonGuide .costco_guideBox01 #step03 img, #content.amazonGuide .costco_guideBox01 #step04 img {margin-top:-30px;} #content.amazonGuide .amazon_guideBox01 #step04 .step04, #content.amazonGuide .amazon_guideBox02 #step04 .step04, #content.amazonGuide .costco_guideBox01 #step04 .step04 {display:inline-block;background:url('/images2017/sub/ico_amazonguide.png') no-repeat 0 -331px;height:84px;padding-left:94px;padding-top:10px;} #content.amazonGuide .taobao_guideBox01 #step04 .step04 {display:inline-block;background:url('/images2017/sub/ico_amazonguide.png') no-repeat 0 -331px;height:84px;padding-left:94px;padding-top:20px;} #content.amazonGuide .costco_guideBox01 #step05 .step05 {display:inline-block;background:url('/images2017/sub/ico_amazonguide_new02.png') no-repeat -83px 0;height:84px;padding-left:94px;padding-top:10px;} #content.amazonGuide .taobao_guideBox01 #step05 .step05 {display:inline-block;background:url('/images2017/sub/ico_amazonguide_new02.png') no-repeat -83px 0;height:84px;padding-left:94px;padding-top:10px;} #content.amazonGuide .amazon_guideBox01 #step04 > p, #content.amazonGuide .amazon_guideBox02 #step04 > p {position:relative;padding-left:105px;top:-60px;} #content.amazonGuide .costco_guideBox01 #step04 > p, #content.amazonGuide .costco_guideBox01 #step05 > p {position:relative;padding-left:105px;top:-60px;} #content.amazonGuide .taobao_guideBox01 #step05 > p, #content.amazonGuide .taobao_guideBox01 #step07 > p {position:relative;padding-left:94px;top:-60px;} #content.amazonGuide .amazon_guideBox01 #step04 img, #content.amazonGuide .amazon_guideBox02 #step04 img, #content.amazonGuide .costco_guideBox01 #step05 img {margin-top:-30px;} #content.amazonGuide .taobao_guideBox01 #step05 img {margin-top:-15px;} #content.amazonGuide .taobao_guideBox01 #step07 img {margin-top:-35px;} #content.amazonGuide .taobao_guideBox01 #step06 .step06 {display:inline-block;background:url('/images2017/sub/ico_amazonguide_new02.png') no-repeat -83px -111px;height:84px;padding-left:94px;padding-top:20px;} #content.amazonGuide .taobao_guideBox01 #step07 .step07 {display:inline-block;background:url('/images2017/sub/ico_amazonguide_new02.png') no-repeat -83px -221px;height:84px;padding-left:94px;padding-top:10px;} #content.amazonGuide .taobao_guideBox01 #step08 .step08 {display:inline-block;background:url('/images2017/sub/ico_amazonguide_new02.png') no-repeat -83px -331px;height:84px;padding-left:94px;padding-top:10px;} #content.amazonGuide .amazon_guideBox01 .amazonguide_input, #content.amazonGuide .amazon_guideBox02 .amazonguide_input, #content.amazonGuide .costco_guideBox01 .amazonguide_input {display:inline-block;background:url('/images2017/sub/ico_amazonguide_new02.png') no-repeat 0 -503px;height:23px;width:194px;vertical-align:middle;} #content.amazonGuide .amazon_guideBox01 .description, #content.amazonGuide .costco_guideBox01 .description {position:relative;width:650px;margin-left:20px;top:-40px;padding:10px 10px 10px 25px;word-break:nowrap !important;} #content.amazonGuide .taobao_guideBox01 .description {position:relative;width:650px;margin-left:20px;top:-10px;padding:10px 10px 10px 25px;word-break:nowrap !important;} #content.amazonGuide .amazon_guideBox01 > ul.step, #content.amazonGuide .costco_guideBox01 > ul.step {} #content.amazonGuide .amazon_guideBox01 > ul.step > li, #content.amazonGuide .costco_guideBox01 > ul.step > li {display:inline;} #content.amazonGuide .amazon_guideBox01 > ul.step > li > a, #content.amazonGuide .costco_guideBox01 > ul.step > li > a {background:#ddd;color:#fff;border-radius:5px;padding:2px 8px;font-size:16px;} #content.amazonGuide .amazon_guideBox01 > ul.step > li > a.on, #content.amazonGuide .costco_guideBox01 > ul.step > li > a.on {background:#ff7000;padding:2px 20px;font-weight:700;} #content.amazonGuide .amazon_guideBox01 > ul.step > li > a:hover, #content.amazonGuide .costco_guideBox01 > ul.step > li > a:hover {text-decoration:none;} #content.amazonGuide .bgBox01 {position:relative;width:100%;background:#faf7e2;text-align:left;margin:0 auto 30px;} #content.amazonGuide .bgBox01 ul {position:relative;margin:0 auto;padding:25px 30px 20px 40px;} #content.amazonGuide .bgBox01 li {position:relative;} #content.amazonGuide .bgBox01 li h3 {font-weight:bold;padding-left:3px;} #content.amazonGuide .bgBox01 li p {padding-left:7px;margin:8px 0 20px;} #content.amazonGuide .bgBox01 ul.liststyle01 {margin:-15px 0 0 0;padding:0 0 0 8px;} #content.amazonGuide .bgBox01 ul.liststyle01 li {display:inline-block;width:25%;} #content.amazonGuide .bgBox01 .link {position:absolute;top:-5px;right:220px;} /* 구매대행 가이드 버튼 추가 */ #content.amazonGuide {position:relative;} #content.amazonGuide .topBtn {position:absolute; right:0; top:5px;} #content.amazonGuide .topBtn span a {color:#ff7000; font-size:14px; font-weight:700; padding:4px 15px;border:2px solid #ff7000;text-decoration:none;border-radius:20px;} #content.amazonGuide .topBtn span a i {padding-left:10px;} #content.amazonGuide .topBtn span a:hover {border:2px solid #303030; color:#303030;} .pdt0 {padding-top:0 !important;} /* 이용안내>티몰타오바오 가이드 v02 */ #content .menuBar ul.tabMenu {width:916px;height:57px;border-bottom:3px solid #233040;margin:0 !important;padding:0 !important;} #content .menuBar ul.tabMenu li {display:inline-block;margin:0 1px 0 0;padding:0;} #content .menuBar ul.tabMenu li:last-child {margin-right:0;} #content .menuBar ul.tabMenu li span.menu01 {display:inline-block;background:url('/images2017/sub/ico_amazonguide_new03.png') no-repeat -63px -8px;width:178px;height:57px;} #content .menuBar ul.tabMenu li span.menu02 {display:inline-block;background:url('/images2017/sub/ico_amazonguide_new03.png') no-repeat -271px -8px;width:188px;height:57px;} #content .menuBar ul.tabMenu li span.menu03 {display:inline-block;background:url('/images2017/sub/ico_amazonguide_new03.png') no-repeat -273px -86px;width:164px;height:57px;} #content .menuBar ul.tabMenu li span.menu04 {display:inline-block;background:url('/images2017/sub/ico_amazonguide_new03.png') no-repeat -272px -163px;width:174px;height:57px;} #content .menuBar ul.tabMenu li span.menu05 {display:inline-block;background:url('/images2017/sub/ico_amazonguide_new03.png') no-repeat -272px -240px;width:164px;height:57px;} #content .taobao_guideBox02 {background:#633bc4 url(/images2017/sub/bg_taobaoguide_new01.jpg) no-repeat 0 0;color:#fff;line-height:23px;} #content .taobao_guideBox02 > section {margin:0 auto;width:916px;} #content .taobao_guideBox02 > section:first-child {padding-top: 304px;} #content .taobao_guideBox02 {background:#633bc4 url(/images2017/sub/bg_taobaoguide_new01.jpg) no-repeat 0 0;color:#fff;line-height:23px;} #content .taobao_guideBox02 #step01, #content .taobao_guideBox02 #step02, #content .taobao_guideBox02 #step03, #content .taobao_guideBox02 #tip01 {position:relative;} #content .taobao_guideBox02 #step01 h3.step01 {display:inline-block;background:url(/images2017/sub/taobaoguide_step01_tit.png) no-repeat 98px 0;height:81px;width:916px;padding-left:0;padding-top:20px;} #content .taobao_guideBox02 #step01 h4.step01_01 {display:inline-block;background:url(/images2017/sub/taobaoguide_step01_02.jpg) no-repeat 95px 0;height:31px;width:916px;padding-top:20px;} #content .taobao_guideBox02 #step01 h4.step01_02 {display:inline-block;background:url(/images2017/sub/taobaoguide_step01_05.jpg) no-repeat 95px 0;height:31px;width:916px;padding-top:20px;} #content .taobao_guideBox02 #step02 h3.step02 {display:inline-block;background:url(/images2017/sub/taobaoguide_step02_tit.png) no-repeat 98px 0;height:81px;width:916px;padding-left:0;padding-top:20px;margin-top:50px;} #content .taobao_guideBox02 #step03 h3.step03 {display:inline-block;background:url(/images2017/sub/taobaoguide_step03_tit.png) no-repeat 98px 0;height:81px;width:916px;padding-left:0;padding-top:20px;margin-top:50px;} #content .taobao_guideBox02 #tip01 h3.tip01 {display:inline-block;background:url(/images2017/sub/taobaoguide_tip01_tit.png) no-repeat 98px 0;height:63px;width:916px;padding-left:0;padding-top:20px;margin-top:60px;} #content .taobao_guideBox02 .mid {width:721px;margin:0 auto;} #content .taobao_guideBox02 .step_line {margin:30px auto 0;border-top:1px solid #b36bf7;width:90%;} #content .taobao_guideBox02 .tip_line {margin:0 auto 0;border-left:1px solid #b36bf7;width:1px;height:70px;} #content .taobao_guideBox02 .process_notice01 {background:#443685;margin:0 auto;width:75%;padding:10px 10px 10px 25px;} #content .taobao_guideBox02 .process_notice02 {background:rgba(255,255,255,0.1);margin:0 auto;width:75%;padding:10px 10px 10px 25px;} #content .taobao_guideBox02 .process_notice02 ul li {display:inline-block;vertical-align:middle;} #content .taobao_guideBox02 .floatBox {position:relative;margin:0 auto;width:78%;} #content .taobao_guideBox02 .floatBox .inblock {vertical-align:top;} #content .taobao_guideBox02 .go_detailview01 {position:absolute;display:inline-block;border:1px solid #ffff00;border-radius:20px;padding:5px 20px;right:100px;} #content .taobao_guideBox02 .go_detailview01 a {color:#ffff00;font-size:15px;font-weight:bold;text-decoration:none;vertical-align:middle;} #content .taobao_guideBox02 .go_detailview02 {position:absolute;display:inline-block;border:1px solid #fff;padding:2px 7px;right:115px;margin-top:0;} #content .taobao_guideBox02 .go_detailview02 a {color:#fff;font-size:13px;font-weight:bold;text-decoration:none;vertical-align:middle;} /* NEW 구매대행 가이드 - 20191015 */ #content.Guide h1 {font-size:24px;float:left;} #content.Guide h1 span {font-size: 14px;font-weight: normal;padding-left: 10px;} #content.Guide .topBtn{float:right;margin-top:10px;} #content.Guide .topBtn a {border:1px solid #dfdfdf;padding:5px 10px;text-decoration:none;font-size:13px;} #content.Guide .topBtn a:hover{color:#303030;background:linear-gradient(to top, #e6e6e6 , #fff);} #content.Guide .Gtitle{overflow:hidden;} #content.Guide .top_Bar{overflow:hidden;position:relative;} #content.Guide .menuBar {overflow:hidden;width:100%;margin-bottom:20px;} #content.Guide .menuBar ul.tabMenu1{border-bottom:1px solid #d6d6d6;overflow:hidden;} #content.Guide .menuBar ul.tabMenu1 li {float:left;width:305px;font-size:14px;font-weight:bold;border-top:1px solid #d6d6d6;border-left:1px solid #d6d6d6;box-sizing:border-box;} #content.Guide .menuBar ul.tabMenu1 li a {display:block;padding:15px 20px;text-decoration:none;} #content.Guide .menuBar ul.tabMenu1 li:nth-child(3n+3){border-right:1px solid #d6d6d6;} #content.Guide .menuBar ul.tabMenu1 li.active{background:#464646;} #content.Guide .menuBar ul.tabMenu1 li.active a{color:#fff;} #content.Guide .menuBar ul.tabMenu1 li:hover{background:#464646;} #content.Guide .menuBar ul.tabMenu1 li:hover a{color:#fff;} /* #content.Guide .menuBar ul li {float:left;margin-right:5px;height:44px;} #content.Guide .menuBar ul li.active {background:url(/images2017/shop/tabMenu_arrow.png) no-repeat center bottom;} #content.Guide .menuBar ul li.active a{color:#fff;background-color:#444444;border-bottom:3px solid #ff9000;} #content.Guide .menuBar ul li a {display:block;text-decoration:none;font-size:14px;font-weight:bold;background-color:#efefef;border-radius:5px 5px 0 0;height:36px;line-height:36px;padding:0 20px;} */ #content.Guide .guideStep {overflow:hidden;width:100%;margin-bottom:40px;margin-top:20px;} /* #content.Guide .guideStep ul li{float:left;text-align:center;width:20%;background-color:#f8f8f8;cursor:pointer;padding:20px 0} #content.Guide .guideStep ul li:hover{background-color:#fdfbee;} #content.Guide .guideStep ul li strong{display:block;font-size:14px;padding-bottom:5px;} #content.Guide .guideStep ul li span {color:#656565} #content.Guide .guideStep ul li a {text-decoration:none;} #content.Guide .guideStep ul li a:hover{color:#303030;} #content.Guide .guideStep ul li p{background:url(/images2017/shop/guideStep_icon.png);background-position-x:0%;background-position-y:0%;display:block;width:80px;height:80px;margin:0 auto 10px;} #content.Guide .guideStep ul li.step01 p{background-position:0 0;} #content.Guide .guideStep ul li.step02 p{background-position:-90px 0;} #content.Guide .guideStep ul li.step03 p{background-position:-180px 0;} #content.Guide .guideStep ul li.step04 p{background-position:-270px 0;} #content.Guide .guideStep ul li.step05 p{background-position:-360px 0;} #content.Guide .guideStep ul li:hover.step01 p{background-position:0 -120px;} #content.Guide .guideStep ul li:hover.step02 p{background-position:-90px -120px;} #content.Guide .guideStep ul li:hover.step03 p{background-position:-180px -120px;} #content.Guide .guideStep ul li:hover.step04 p{background-position:-270px -120px;} #content.Guide .guideStep ul li:hover.step05 p{background-position:-360px -120px;} #content.Guide .guideStep ul li.on {background-color:#fdfbee;} #content.Guide .guideStep ul li.on p {background-position:0 -120px;} */ #content.Guide .guideStep ul.top_tab{width:100%;overflow:hidden;margin-bottom:20px;} #content.Guide .guideStep ul.top_tab li{float:left;width:33.33%;font-size:14px;font-weight:bold;height:40px;line-height:40px;text-align:center;background:#fbfbfb;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-bottom:1px solid #7057cc;box-sizing:border-box;} #content.Guide .guideStep ul.top_tab li:last-child{border-right:1px solid #e0e0e0;} #content.Guide .guideStep ul.top_tab li.active{border-top:1px solid #7057cc;border-left:1px solid #7057cc;border-right:1px solid #7057cc;border-bottom:none;background:none;} #content.Guide .guideStep ul.top_tab li.active a{color:#7357d2;} #content.Guide .guideStep ul.top_tab li a{padding:0;width:100%;background:none;text-decoration:none;} #content.Guide .guideStep ul.top_tab li.active:hover{background:none;} #content.Guide .guideStep ul.top_tab li:hover a{background:none;color:#303030;} #content.Guide .guideStep.decommon ul li{width:50%;} #content.Guide .guideBox {overflow:hidden;width:100%;} #content.Guide .guideBox dl {margin-bottom:50px;} #content.Guide .guideBox dl dt {border-top:1px solid #e4e4e4;border-bottom:1px solid #606060;overflow:hidden;padding:10px 2px;margin-bottom:20px;} #content.Guide .guideBox dl dt p {float:left;font-weight:bold;font-size:14px;line-height:28px;} #content.Guide .guideBox dl dt p span{font-weight:normal;font-size:12px;} #content.Guide .guideBox dl dt p.setp {color:#7357d2;font-size:16px;border:1px solid #7357d2;padding:0 18px;border-radius:40px;margin-right:12px;} #content.Guide .guideBox dl dd.txt {margin-bottom:30px;padding-left:2px;} #content.Guide .guideBox dl dd.txt p{line-height:24px;background:url(/images2017/shop/guide_txt_line.gif)no-repeat left 11px;padding-left:10px;} #content.Guide .guideBox dl dd.txt p.tit{background:none;padding-left:0;} #content.Guide .guideBox dl dd.txt p.tit {color:#7357d2;font-weight:bold;} #content.Guide .guideBox dl dd.txt p span {color:#7357d2;} #content.Guide .guideBox dl dd.tipImp {text-align:center;} #content.Guide #tipAnimation {text-align:center;overflow:hidden;} #content.Guide #tipAnimation dl dt p.tip{background-color:#7357d2;color:#fff;} #content.Guide .guideStep > a{float:left;text-align:center;width:20%;background-color:#f8f8f8;cursor:pointer;padding:20px 0} #content.Guide .guideStep > a:hover{background-color:#fdfbee;} #content.Guide .guideStep > a strong{display:block;font-size:14px;padding-bottom:5px;} #content.Guide .guideStep > a span {color:#656565} #content.Guide .guideStep > a{text-decoration:none;} #content.Guide .guideStep > a:hover{color:#303030;} #content.Guide .guideStep > a p{background:url(/images2017/shop/guideStep_icon.png);background-position-x:0%;background-position-y:0%;display:block;width:80px;height:80px;margin:0 auto 10px;} #content.Guide .guideStep > a p.step01{background-position:0 0;} #content.Guide .guideStep > a p.step02{background-position:-90px 0;} #content.Guide .guideStep > a p.step03{background-position:-180px 0;} #content.Guide .guideStep > a p.step04{background-position:-270px 0;} #content.Guide .guideStep > a p.step05{background-position:-360px 0;} #content.Guide .guideStep > a:hover p.step01{background-position:0 -120px;} #content.Guide .guideStep > a:hover p.step02{background-position:-90px -120px;} #content.Guide .guideStep > a:hover p.step03{background-position:-180px -120px;} #content.Guide .guideStep > a:hover p.step04{background-position:-270px -120px;} #content.Guide .guideStep > a:hover p.step05{background-position:-360px -120px;} #content.Guide .guideStep > a.active {background-color:#fdfbee;} #content.Guide .guideStep > a.active p.step01 {background-position:0 -120px;} #content.Guide .guideStep > a.active p.step02 {background-position:-90px -120px;} #content.Guide .guideStep > a.active p.step03 {background-position:-180px -120px;} #content.Guide .guideStep > a.active p.step04 {background-position:-270px -120px;} #content.Guide .guideStep > a.active p.step05 {background-position:-360px -120px;} #content.Guide .guideStep.decommon a{width:50%;} #content.Guide .guideStep ul.l_step{overflow:hidden;} #content.Guide .guideStep ul.l_step li{width:20%;float:left;padding-right:1px;box-sizing:border-box;} #content.Guide .guideStep ul.l_step li p.tit{background:#f8f8f8;border:1px solid #e4e4e4;height:50px;line-height:50px;font-weight:bold;font-size:14px;padding-left:10px;} #content.Guide .guideStep ul.l_step li p.txt{color:#656565;line-height:50px;position:relative;padding-left:10px;} #content.Guide .guideStep ul.l_step li p.txt .step_arrow{background:url(/images2020/sub/pgIcon_bundle.png) 0 0 no-repeat;width:28px;height:26px;background-position:0 -28px;position:absolute;right:0;top:15px;} #content.Guide .guideStep ul.l_step li:last-child p.txt .step_arrow{background:none;} #content.Guide .guideStep ul.l_step li a{text-decoration:none;} #content.Guide .guideStep ul.l_step li a:hover{color:#7357d2;} #content.Guide .guideStep ul.l_step.step4 li{width:25%;} #content.Guide .guideStep ul.l_step.step3 li{width:33.33%;} #content.Guide .guideStep .tip_box{overflow:hidden;border:1px solid #e4e4e4;padding:30px;margin-top:20px;} #content.Guide .guideStep .tip_box > p.tit{font-size:18px;font-weight:bold;border-bottom:1px solid #f0f0f0;padding-bottom:20px;margin-bottom:20px;} #content.Guide .guideStep .tip_box > ul > li{float:left;width:50%;} #content.Guide .guideStep .tip_box ul li:first-child p.icon{background:url(/images2017/shop/guide_tip_icon01.png) 0 0 no-repeat;width:80px;height:80px;float:left;} #content.Guide .guideStep .tip_box ul li:last-child p.icon{background:url(/images2017/shop/guide_tip_icon02.png) 0 0 no-repeat;width:80px;height:80px;float:left;} #content.Guide .guideStep .tip_box ul li .tipLink{float:left;padding-left:20px;} #content.Guide .guideStep .tip_box ul li .tipLink strong{font-size:14px;padding-bottom:10px;display:block;padding-left:5px;} #content.Guide .guideStep .tip_box ul li .tipLink li{display:block;} #content.Guide .guideStep .tip_box ul li .tipLink a{background:url('/images2017/flag/dep1_off_icon.png') no-repeat 95% 50%;padding-right:20px;text-decoration:none;} #content.Guide .guideStep .tip_box ul li .tipLink a:hover{color:#303030;} #content.Guide .guideStep .tip_box ul li ul li a{position:relative;padding-left:5px;} #content.Guide .guideStep .tip_box ul li ul li a:before{content:'';width:100%;height:10px;display:none;position:absolute;bottom:-3px;left:0;z-index:1;background-color:#7357d2;transition:background-color 200ms ease-in-out;opacity:0.1;} #content.Guide .guideStep .tip_box ul li ul li a:hover:before{display:block;} .guideBtn {overflow:hidden;text-align:center;} .guideBtn a {font-size:16px;font-weight:bold;color:#fff;text-decoration:none;display:inline-block;margin:0 5px;height:56px;line-height:56px;padding:0 30px;} .guideBtn a.btn01{background-color:#444444;} .guideBtn a.btn02{background-color:#7057cc;} #content.Guide .GuideCon.stuck .top_Bar{position:fixed !important;top:0 !important;z-index:99;background:#fff;} #content.Guide .GuideCon.stuck .top_Bar .guideStep{margin-bottom:20px;} #content.Guide .GuideCon.stuck .guideBox{padding-top:211px;} #content.Guide .GuideCon.stuck .guideBox.pt270{padding-top:270px;} .banner.stuck {position:fixed !important;top:0 !important;z-index:99;background:#fff;width:916px;} .banner.stuck .guideStep {margin-bottom:20px !important;} #content.Guide .taobao_guideBox .guideBtn {width:440px;margin:50px auto 0;} #content.Guide .taobao_guideBox .guideBtn p {float:left;width:210px;margin:0 5px;} #content.Guide .taobao_guideBox .guideBtn a {font-size:16px;font-weight:bold;color:#fff;text-decoration:none;height:56px;line-height:56px;} #content.Guide .taobao_guideBox .guideBtn p.btn01{background-color:#444444;} #content.Guide .taobao_guideBox .guideBtn p.btn02{background-color:#7057cc;} /* 구매대행 가이드 반영시 아래 스타일 삭제 */ #content.Guide .taobao_guideBox {overflow:hidden;width:100%;} #content.Guide .taobao_guideBox dl {margin-bottom:50px;} #content.Guide .taobao_guideBox dl dt {border-top:1px solid #e4e4e4;border-bottom:1px solid #606060;overflow:hidden;padding:10px 2px;margin-bottom:20px;} #content.Guide .taobao_guideBox dl dt p {float:left;font-weight:bold;font-size:14px;line-height:28px;} #content.Guide .taobao_guideBox dl dt p span{font-weight:normal;font-size:12px;} #content.Guide .taobao_guideBox dl dt p.setp {color:#7357d2;font-size:16px;border:1px solid #7357d2;padding:0 18px;border-radius:40px;margin-right:12px;} #content.Guide .taobao_guideBox dl dd.txt {margin-bottom:30px;padding-left:2px;} #content.Guide .taobao_guideBox dl dd.txt p{line-height:24px;background:url(/images2017/shop/guide_txt_line.gif)no-repeat left 11px;padding-left:10px;} #content.Guide .taobao_guideBox dl dd.txt p.tit{background:none;padding-left:0;} #content.Guide .taobao_guideBox dl dd.txt p.tit {color:#7357d2;font-weight:bold;} #content.Guide .taobao_guideBox dl dd.txt p span {color:#7357d2;} #content.Guide .taobao_guideBox dl dd.tipImp {text-align:center;} #content.Guide .guideBox .Notice {overflow:hidden;background-color:#f8f8f8;padding:20px;margin-bottom:50px;} #content.Guide .guideBox .Notice p.tit{font-weight:bold;color:#6a57c3;margin-bottom:10px;background:none;margin-left:0;font-size:14px;} #content.Guide .guideBox .Notice p.tit span.mark{background-color:#6a57c3;padding:2px 7px;color:#fff;margin:0 5px 0 0;border-radius:25px;} #content.Guide .guideBox .Notice p{padding-left:10px;margin-left:25px;line-height:24px;} /*#content.Guide .guideBox .Notice p{background:url("/images2017/shop/guide_list_dot.gif")no-repeat left 11px;padding-left:10px;margin-left:25px;line-height:24px;} */ .msgPop {display:none;position: absolute;top: 80px;width: 310px;padding:20px;background: #fff;border: 3px solid #7057cc; left: 283px;border-radius:10px;box-shadow:0px 0px 2px 2px rgba(0,0,0,0.2);} .msgPop .popcon {overflow:hidden;margin-bottom:20px;margin-top:20px;} .msgPop .popcon .tit{font-size:18px;font-weight:bold;text-align:center;line-height:24px;margin-bottom:20px;} .msgPop .popcon .tit span{color:#7057cc;} .msgPop .popcon .txt{padding:0 20px;} .msgPop .popcon .txt strong{display:block;font-size:14px;} .msgPop .close_btn {overflow:hidden;text-align:center;} .msgPop .close_btn a {background-color:#777;padding:5px 20px;color:#fff;border-radius:5px;text-decoration:none;display:block;} /* NEW 구매대행 소개 - 20191015 */ #content.Intro .infor {overflow:hidden;width:100%;margin-bottom:80px;line-height:24px;height:340px;} #content.Intro .infor.cninfor{background:url("/images2017/shop/taobaoInfor_img.gif")no-repeat center bottom;} #content.Intro .infor.usinfor{background:url("/images2017/shop/usamazonInfor_img.gif")no-repeat center bottom;} #content.Intro .infor.uscoinfor{background:url("/images2017/shop/uscostcoInfor_img.gif")no-repeat center bottom;} #content.Intro .infor.decminfor{background:url("/images2017/shop/decommonInfor_img.gif")no-repeat center bottom;} #content.Intro .infor.deinfor{background:url("/images2017/shop/deamazonInfor_img.gif")no-repeat center bottom;} #content.Intro .infor p.tit {font-size:16px;font-weight:bold;padding-bottom:20px;} #content.Intro .infor p span {color:#6a57c3;} #content.Intro > .Advantages {overflow:hidden;width:100%;margin-bottom:60px;} #content.Intro > .Advantages > p.tit {font-size:16px;font-weight:bold;padding-bottom:20px;} #content.Intro > .Advantages > ul {border-top:2px solid #606060;} #content.Intro > .Advantages > ul > li{border-bottom:1px solid #e4e4e4;padding:20px 0;overflow:hidden;} #content.Intro > .Advantages > ul > li > .txt{line-height:24px;padding-left:170px;} #content.Intro > .Advantages > ul > li > .txt > p.tit {font-size:14px;font-weight:bold;padding-bottom:10px;} #content.Intro > .Advantages > ul > li > .txt > p.tit > span {color:#6a57c3;} #content.Intro > .Advantages > ul > li > .txt > p > span{color:#6a57c3;} #content.Intro > .Advantages > ul > li > .txt > ul {background-color:#fdfbee;overflow:hidden;margin-top:10px;} #content.Intro > .Advantages > ul > li > .txt > ul > li {float:left;padding:5px 10%;} #content.Intro > .Advantages > ul > li > .txt > ul > li > p{display:inline-block;} #content.Intro > .Advantages > ul > li > .txt > ul > li > strong{display:inline-block;padding-right:30px;} #content.Intro > .Advantages > ul > li > .txt.imgIcon01{background:url("/images2017/shop/infor_Adv_icon01.png")no-repeat 50px center;} #content.Intro > .Advantages > ul > li > .txt.imgIcon02{background:url("/images2017/shop/infor_Adv_icon02.png")no-repeat 60px center;} #content.Intro > .Advantages > ul > li > .txt.imgIcon03{background:url("/images2017/shop/infor_Adv_icon03.png")no-repeat 60px center;} #content.Intro > .Advantages > ul > li > .txt.imgIcon04{background:url("/images2017/shop/infor_Adv_icon04.png")no-repeat 65px center;} #content.Intro > .Advantages > ul > li > .txt.imgIcon05{background:url("/images2017/shop/infor_Adv_icon05.png")no-repeat 60px center;} #content.Intro > .Advantages > ul > li > .txt.imgIcon06{background:url("/images2017/shop/infor_Adv_icon06.png")no-repeat 60px center;} #content.Intro > .Advantages > ul > li > .txt.imgIcon07{background:url("/images2017/shop/infor_Adv_icon07.png")no-repeat 50px center;} #content.Intro > .Advantages > ul > li > .txt.imgIcon08{background:url("/images2017/shop/infor_Adv_icon08.png")no-repeat 50px center;} #content.Intro > .Advantages > ul > li > .txt.imgIcon09{background:url("/images2017/shop/infor_Adv_icon09.png")no-repeat 50px center;} #content.Intro > .Advantages > ul > li > .txt.imgIcon10{background:url("/images2017/shop/infor_Adv_icon10.png")no-repeat 60px center;} #content.Intro > .Advantages > ul > li > .txt.imgIcon11{background:url("/images2017/shop/infor_Adv_icon11.png")no-repeat 50px center;} #content.Intro > .Advantages > ul > li > .txt.imgIcon12{background:url("/images2017/shop/infor_Adv_icon12.png")no-repeat 50px center;} #content.Intro > .Advantages > ul > li > .txt.imgIcon13{background:url("/images2017/shop/infor_Adv_icon13.png")no-repeat 65px center;} #content.Intro .inforStep p.tit{font-size:16px;font-weight:bold;padding-bottom:20px;} #content.Intro .inforStep ul {overflow:hidden;width:100%;margin-bottom:50px;} #content.Intro .inforStep ul li{float:left;width:20%;text-align:center;background-color:#f8f8f8;padding:15px 0;height:250px;border-right:1px solid #fff;border-bottom:1px solid #fff;box-sizing:border-box;} #content.Intro .inforStep ul li.onColor {background-color:#f4f4f4;} #content.Intro .inforStep ul li p.img {padding-bottom:20px;} #content.Intro .inforStep ul li i.xi-info{font-size:18px;padding-right:5px;} #content.Intro > .inforStep > ul > li > strong{font-size:14px;font-weight:bold;padding-bottom:5px;display:block;} #content.Intro .inforStep ul li p.txt {color:#656565;line-height:18px;} #content.Intro .inforStep ul li p.txt span, #content.Guide .inforStep ul li p.txt strong {color:#6a57c3;} #content.Intro .inforStep ul li p.btn {margin-top:10px;} #content.Intro .inforStep ul li p.btn a{border:1px solid #dcdcdc;background-color:#fff;padding:5px 10px;} #content.Intro .inforStep ul li p.btn a:hover {color:#6a57c3;} #content.Intro .inforStep ul li p.txt span.mark {background-color:#6a57c3;padding:2px 7px;color:#fff;margin-right:5px;margin-left:-20px;border-radius:25px;} /*상품 상세 페이지*/ /*2019-10-02 부분 스타일 수정*/ #content.buyDtls .goodsDtls {position:relative;width:100%;margin-bottom:50px;vertical-align:top;overflow:hidden;} #content.buyDtls .goodsDtls:after {content:""; display:block; clear:both;} #content.buyDtls .goodsDtls .imgs {float:left;width:450px;margin-right:45px;} #content.buyDtls .goodsDtls .imgs .mainImg img{max-width:450px;height:100%;} #content.buyDtls .goodsDtls .imgs .altImgs {text-align:center;} #content.buyDtls .goodsDtls .imgs .altImgs a {display:inline-block; cursor:pointer;border:1px solid #e4e4e4;width:50px;height:50px;} #content.buyDtls .goodsDtls .imgs .altImgs a:hover, .goodsDtls .imgs .altImgs a:active{border:1px solid #ff7000;} #content.buyDtls .goodsDtls .imgs .altImgs a img {width:100%;max-width:50px;height:100%;background-color:#fff;} #content.buyDtls .goodsDtls .imgs .mainImg {width:450px;height:450px;text-align:center;overflow:hidden;border:1px solid #dcdcdc;margin-bottom:20px;} #content.buyDtls .goodsDtls .imgs .mainImg .mainImgLoading {width:450px;height:270px;padding-top:130px;text-align:center;vertical-align:middle;position:absolute;} #content.buyDtls .goodsDtls .imgs .mainImg .mainImgLoading i {color:#ccc;font-size:120px} #content.buyDtls .goodsDtls > .summery {float:left;width:750px;overflow:hidden;} #content.buyDtls .goodsDtls > .summery > .flag {margin-top:-6px;} #content.buyDtls .goodsDtls > .summery > .titDep2 {font:12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;font-size:24px;line-height:28px;font-weight:700;word-break:normal;margin-bottom:20px;} #content.buyDtls .goodsDtls > .summery > .titDep2 > span{padding-bottom:5px;display:block;} #content.buyDtls .goodsDtls > .summery > .txt2 {color:#777;font-size:16px;} #content.buyDtls .goodsDtls > .summery > .txt3 {} #content.buyDtls .goodsDtls > .summery > .price {margin-bottom:5px;font-weight:700;background-color:#fff2e8;padding:20px;overflow:hidden;} #content.buyDtls .goodsDtls > .summery > .price > .list-price {font-family:'NanumSquare';text-decoration:line-through;color:#777;font-size:16px;font-weight:700;} #content.buyDtls .goodsDtls > .summery > .price > .sale-price {font-family:'NanumSquare';font-size:35px;letter-spacing:-1px;font-weight:900;color:#ff3000;background:#FFF2E8;padding:20px;width:100%;} #content.buyDtls .goodsDtls > .summery > .price > .sale-per {position:absolute;margin:-45px 0 0 165px;color:#fff;font-size:20px;letter-spacing:-1px;font-weight:900;padding-top:10px;background:url('/images2017/shop/icon_arrow.png') no-repeat 0 0;height:55px;width:75px;text-align:center;} /* 20191010 추가 */ #content.buyDtls .goodsDtls > .summery > .price > dl > dt {float:left;max-width:100px;width:20%;font-size:14px;} #content.buyDtls .goodsDtls > .summery > .price > dl > dd {float:left;font-size:12px;width:80%;} #content.buyDtls .goodsDtls > .summery > .price > dl > dd > ul{width:100%;overflow:hidden;} #content.buyDtls .goodsDtls > .summery > .price > dl > dd > ul > li {float:left;text-align:center;border-left:1px solid #ecc8ae;padding-top:3px;padding-left:4%;padding-right:4%;width:27.5%;} #content.buyDtls .goodsDtls > .summery > .price > dl > dd > ul > li > p{font-size:28px;font-weight:bold;color:#ff3000;line-height:28px;} #content.buyDtls .goodsDtls > .summery > .price > dl > dd > ul > li > p > .money {width:35px;text-align:center !important;display:inline-block;} #content.buyDtls .goodsDtls > .summery > .price > dl > dd > ul > li:first-child{text-align:left;border-left:none;padding-left:0;} #content.buyDtls .goodsDtls > .summery > .price > dl > dd > ul > li:nth-child(2) p{color:#444;} #content.buyDtls .goodsDtls > .summery > .price > dl > dd > ul > li:last-child{padding-right:0;} #content.buyDtls .goodsDtls > .summery > .freight{overflow:hidden;padding:10px 20px;} #content.buyDtls .goodsDtls > .summery > .freight > dl > dt {float:left;max-width:100px;width:20%;font-size:14px;} #content.buyDtls .goodsDtls > .summery > .freight > dl > dd {float:left;font-size:12px;width:80%;} #content.buyDtls .goodsDtls > .summery > .language{position:absolute;right:0;top:0;} #content.buyDtls .goodsDtls > .summery > .language span > a:hover{background:#ff7000;border:1px solid #ff7000;} #content.buyDtls .goodsDtls > .summery {position:relative} #content.buyDtls .goodsDtls > .summery > .fees {border-top:1px dotted #b3b3b3;border-bottom:1px dotted #b3b3b3;} #content.buyDtls .goodsDtls > .summery > .fees > p {padding:5px 20px;color:#666;text-align:center;} #content.buyDtls .goodsDtls > .summery > .fees > p > span {color:#ff7171;} #content.buyDtls .goodsDtls > .summery > .optionArea {margin-bottom:20px;padding:20px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#f8f8f8;width:100%;overflow:hidden;} #content.buyDtls .goodsDtls > .summery > .optionArea > select {margin:0 0 5px 10px;} #content.buyDtls .goodsDtls > .summery > .goodsbtn {margin:10px auto 0 auto; width:690px;} #content.buyDtls .goodsDtls > .summery > .goodsbtn > .btnFree6 > a {width:256px} #content.buyDtls .goodsDtls > .summery > .goodsbtn > .btnC9 > a {width:495px;} #content.buyDtls .goodsDtls > .summery > .optionArea > dl {overflow:hidden;margin-bottom:20px;} #content.buyDtls .goodsDtls > .summery > .optionArea > dl > dt {float:left;max-width:100px;width:20%;font-size:14px;} #content.buyDtls .goodsDtls > .summery > .optionArea > dl > dd {float:left;overflow:hidden;font-size:12px;width:80%;} #content.buyDtls .goodsDtls > .summery > .optionArea > dl > dd span {line-height:28px;padding-left:10px;} #content.buyDtls .goodsDtls > .summery > .optionArea > dl > dd > ul > li {float:left;margin:0 5px 5px 0;} #content.buyDtls .goodsDtls > .summery > .optionArea > dl > dd > ul > li > a {text-decoration:none;-moz-transition-property:border-color,background;cursor:pointer;} #content.buyDtls .goodsDtls > .summery > .optionArea .none a {color:#cecece;cursor:not-allowed;} /* #content.buyDtls .goodsDtls > .summery > .optionArea > .option_size {margin-bottom:20px;} #content.buyDtls .goodsDtls > .summery > .optionArea > .option_size dd a {border:1px solid #dcdcdc;padding:3px 6px;min-width:10px;} #content.buyDtls .goodsDtls > .summery > .optionArea > .option_color {margin-bottom:20px;} #content.buyDtls .goodsDtls > .summery > .optionArea > .option_color > dd li {background-color:#fff;margin:0 5px 10px 0;line-height:20px;} #content.buyDtls .goodsDtls > .summery > .optionArea > .option_color > dd li a {border:1px solid #dcdcdc;display:block;min-width:32px;height:32px;line-height:32px;padding:1px;} #content.buyDtls .goodsDtls > .summery > .optionArea > .option_color > dd li a:hover {padding:0;} #content.buyDtls .goodsDtls > .summery > .optionArea > .option_color > dd a img {width:32px;height:100%;} #content.buyDtls .goodsDtls > .summery > .optionArea > .option_quantity > dd span a {width:26px;height:26px;border:1px solid #dcdcdc;display:block;float:left;line-height:26px;padding:0;text-align:center;text-decoration:none;cursor:pointer;} #content.buyDtls .goodsDtls > .summery > .optionArea > .option_quantity > dd span a:first-child {border-right:0 !important;} #content.buyDtls .goodsDtls > .summery > .optionArea > .option_quantity > dd span a:last-child {border-left:0 !important;} #content.buyDtls .goodsDtls > .summery > .optionArea > .option_quantity > dd span input {float:left;margin:0;padding:0;width:48px;height:26px;line-height:26px;text-align:center;border:1px solid #dcdcdc;} */ #content.buyDtls .goodsDtls > .summery > .optionArea > dl > dd > ul > li > a > .txt {border:1px solid #dcdcdc;padding:3px 6px;min-width:10px;} #content.buyDtls .goodsDtls > .summery > .optionArea > dl > dd > ul > li.active > a > .txt{border:2px solid #f1810a;} #content.buyDtls .goodsDtls > .summery > .optionArea > dl > dd > ul > li.none:hover > a > .txt{border:1px solid #dcdcdc;padding:3px 6px;} #content.buyDtls .goodsDtls > .summery > .optionArea > dl > dd > ul > li:hover > a > .txt{border:2px solid #f1810a;} #content.buyDtls .goodsDtls > .summery > .optionArea > dl > dd > ul > li > a > .img {border:1px solid #dcdcdc;display:block;min-width:32px;height:32px;line-height:32px;padding:1px;} #content.buyDtls .goodsDtls > .summery > .optionArea > dl > dd > ul > li > a > .img img{max-width:32px;height:100%;} #content.buyDtls .goodsDtls > .summery > .optionArea > dl > dd > ul > li.active > a > .img{border:2px solid #f1810a !important;padding:0 !important;} #content.buyDtls .goodsDtls > .summery > .optionArea > dl > dd > ul > li.none:hover > a > .img{border:1px solid #dcdcdc !important;padding:1px !important;} #content.buyDtls .goodsDtls > .summery > .optionArea > dl > dd > ul > li:hover > a > .img{border:2px solid #f1810a;padding:0 !important;} #content.buyDtls .goodsDtls > .summery > .optionArea > dl > dd > ul > li.none > a img{opacity:0.4;} /* #content.buyDtls .goodsDtls > .summery > .optionArea > .select_option_2 {margin-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #f5f5f5;} #content.buyDtls .goodsDtls > .summery > .optionArea > .select_option_2 > dd li {background-color:#fff;margin:0 5px 10px 0;line-height:20px;text-align:center;} #content.buyDtls .goodsDtls > .summery > .optionArea > .select_option_2 > dd li a {border:1px solid #dcdcdc;display:block;min-width:32px;height:32px;line-height:32px;padding:1px;} #content.buyDtls .goodsDtls > .summery > .optionArea > .select_option_2 > dd li a:hover {padding:0;} #content.buyDtls .goodsDtls > .summery > .optionArea > .select_option_2 > dd a img {max-width:32px;height:100%;} #content.buyDtls .goodsDtls > .summery > .optionArea > .select_option_2 ul li.active a{border:2px solid #f1810a !important;padding:0 !important;} #content.buyDtls .goodsDtls > .summery > .optionArea > .select_option_2 ul li.none a:hover{border:1px solid #dcdcdc !important;padding:1px !important;} #content.buyDtls .goodsDtls > .summery > .optionArea > .select_option_2 ul li.none a img {opacity:0.4;} */ #content.buyDtls .goodsDtls > .summery > .optionArea > .option_quantity{margin-top:10px;margin-bottom:10px;} #content.buyDtls .goodsDtls > .summery > .optionArea > .option_quantity > dt{line-height:28px;} #content.buyDtls .goodsDtls > .summery > .optionArea > .option_quantity > dd span a {width:26px;height:26px;font-family:cursive;color:#666;font-size:16px;border:1px solid #dcdcdc;display:block;float:left;line-height:26px;padding:0;text-align:center;text-decoration:none;cursor:pointer;} #content.buyDtls .goodsDtls > .summery > .optionArea > .option_quantity > dd span a.minus_qty{background:url('/images2017/mobile/m_minus_icon.gif')no-repeat center center;background-size:10px auto;} #content.buyDtls .goodsDtls > .summery > .optionArea > .option_quantity > dd span a.plus_qty{background:url('/images2017/mobile/m_plus_cion.png')no-repeat center center;background-size:9px auto;} #content.buyDtls .goodsDtls > .summery > .optionArea > .option_quantity > dd span input {float:left;margin:0;padding:0;width:48px;height:26px;line-height:26px;text-align:center;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;border-left:0;border-right:0;} /*아마존 구매대행 옵션 뜨는 경우*/ .amazonImgsTit {padding:3px 0 10px;color:#ff2000;font-weight:700;} .amazonImgs li {display:inline-block;width:51px; height:51px; overflow:hidden; margin:0 1px 1px 0;} .amazonImgs li a {display:block; cursor:pointer; border:1px solid #d1cfcf;} .amazonImgs li a:hover, .amazonImgs li a:active, .amazonImgs li a.active {border:1px solid #f1810a;} .amazonImgs li a img {width:49px;height:49px} #content.buyDtls .goodsInfo {position:relative;width:100%;} #content.buyDtls .goodsInfo:after {content:""; display:block; clear:both;} #content.buyDtls .goodsInfo em {color:#ff2000;} #content.buyDtls .goodsInfo.goodsLine {background:url('/images2017/shop/icon_bar.png') top center repeat-x;min-height:10px;} /* 상세에서 전체인 경우*/ #content.buyDtls .goodsInfo > .ship_info {padding:23px 0 10px;width:100%; overflow:hidden; } #content.buyDtls .goodsInfo > .ship_info li {float:left; position:relative; width:32.63%; height:100px; padding-top:15px; background:#f3f3f3; margin-right:13px; text-align:center;} #content.buyDtls .goodsInfo > .ship_info li:last-child {margin-right:0px; } #content.buyDtls .goodsInfo > .ship_info li > i {display:block;font-size:40px;padding-bottom:5px;} #content.buyDtls .goodsInfo > .ship_info li .ship_info_tit { font-weight:700;text-decoration: underline;line-height:30px} #content.buyDtls .goodsInfo > .goodsInfo_left {width:100%;} #content.buyDtls .goodsInfo > .goodsInfo_left >.description {padding-top:25px; text-align:center;} #content.buyDtls .goodsInfo > .goodsInfo_left >.description > img {display:block;margin:0 auto;max-width:916px;} #content.buyDtls .goodsInfo > .goodsInfo_left >.ship02_tit {padding-top:40px;font-size:20px;font-weight:700;} #content.buyDtls .goodsInfo > .goodsInfo_left >.descriptionBox {background:#f3f3f3; padding:20px;margin-top:10px; overflow:hidden;font-size:12px;line-height:160%;} #content.buyDtls .goodsInfo > .goodsInfo_left >.descriptionBox > h2 {font-size:12px;color:#333;font-weight:700; padding:0 0 7px; margin:0} #content.buyDtls .goodsInfo > .goodsInfo_left >.descriptionBox > em {color:#ff2000;} #content.buyDtls .goodsInfo > .ship02_tit {padding-top:40px;font-size:20px;font-weight:700;} #content.buyDtls .goodsInfo > .descriptionBox2 {background:#f3f3f3; padding:20px;margin-top:10px; overflow:hidden;font-size:12px;line-height:160%;}/*가로100%일때 아마존 구매대행*/ #content.buyDtls .goodsInfo > .descriptionBox2 > h2 {font-size:12px;color:#333;font-weight:700; padding:0 0 7px; margin:0} #content.buyDtls .goodsInfo > .descriptionBox2 > em {color:#ff2000;} /* 유의사항 */ #content.buyDtls .goodsInfo > .ship02_tit2 {font-size:20px;font-weight:700; border-bottom:1px solid #dcdcdc; padding-bottom:10px;margin-top:50px;} #content.buyDtls .goodsInfo > .ship02_info > .ship02_info_in {margin-top:10px;} #content.buyDtls .goodsInfo > .ship02_info > .ship02_info_in > p.ship02_circle {position:absolute;width:50px;height:27px;padding:13px 0 10px;border-radius:100%;color:#fff;text-align:center;font-size:25px;} #content.buyDtls .goodsInfo > .ship02_info > .ship02_info_in > p.ship02_circle.c01 {border:1px solid #00a29f;color:#00a29f;} #content.buyDtls .goodsInfo > .ship02_info > .ship02_info_in > p.ship02_circle.c02 {border:1px solid #02accd;color:#02accd;} #content.buyDtls .goodsInfo > .ship02_info > .ship02_info_in > p.ship02_circle.c03 {border:1px solid #ff7000;color:#ff7000;} #content.buyDtls .goodsInfo > .ship02_info > .ship02_info_in > ul {padding:0 0 0 65px;} #content.buyDtls .goodsInfo > .ship02_info > .ship02_info_in > ul > li {display:block;line-height:140%;padding:5px 0 0 15px;} #content.buyDtls .goodsInfo > .ship02_info > .ship02_info_in > ul > li:first-child {font-size:16px;font-weight:700;padding:5px 0 0;} #content.buyDtls .goodsInfo > .ship02_info > .ship02_info_in > ul > li > em {position:absolute;color:#999;margin-left:-15px} #content.buyDtls .goodsInfo > .ship02_info > .ship02_info_in + .ship02_info_in, #content.buyDtls .goodsInfo > .ship02_info > .ship02_info_in + .ship02_info_in + .ship02_info_in {margin-top:20px;} /* 장바구니 타이틀 및 STEP부문 */ #shop > h1.titDep3 {margin-bottom:10px;} #shop > ul.tit3Area {display:block;zoom:1;width: 100%;margin-bottom:50px;background:#f9f9f9;padding:15px 0;} #shop > ul.tit3Area li{float:left;width:15%;margin:0 1% 0 2%;height:63px;line-height:63px;} #shop > ul.tit3Area li.arrow {width:2%;margin:0;} #shop > ul.tit3Area li span.img {background:url('/images2017/flag/cart_icon_4.png');background-position-x:0%;background-position-y:0%;float:left;} #shop > ul.tit3Area li.step1 span.img{background-position:0 0;width:63px;height:63px;display:block; } #shop > ul.tit3Area li.step2 span.img{background-position:-73px 0;width:63px;height:63px;display:block;} #shop > ul.tit3Area li.step3 span.img{background-position:-146px 0;width:63px;height:63px;display:block;} #shop > ul.tit3Area li.step4 span.img{background-position:-73px 0;width:63px;height:63px;display:block;} #shop > ul.tit3Area li.step5 span.img{background-position:-219px -4px;width:63px;height:63px;display:block;} #shop > ul.tit3Area li.step1.on span.img{background-position:0 -70px;width:63px;height:63px;display:block;} #shop > ul.tit3Area li.step2.on span.img{background-position:-73px -70px;width:63px;height:63px;display:block;} #shop > ul.tit3Area li.step3.on span.img{background-position:-146px -70px;width:63px;height:63px;display:block;} #shop > ul.tit3Area li.step4.on span.img{background-position:-73px -70px;width:63px;height:63px;display:block;} #shop > ul.tit3Area li.step5.on span.img{background-position:-219px -70px;width:63px;height:63px;display:block;} #shop > ul.tit3Area li p {float:left;line-height:20px;font-size:14px;font-weight:700;padding-top:10px;padding-left:10px;} #shop > ul.tit3Area li.on p{color:#ff7000;} #shop > ul.tit3Area li.arrow span{background:url('/images2017/flag/cart_arrow.png') no-repeat 50% 50%;width:100%;height:62px;display:block;} #shop > ul.tit3Area:after{content:"";display:block;clear:both} #shop > ul.tit3Area > li.right {float:right;} #shop > ul.tit3Area ul.step3 {zoom:1;width:717px;height:30px;background:url('/images/common.png') no-repeat 0 0;margin:0;} #shop > ul.tit3Area ul.step3:after{content:"";display:block;clear:both} #shop > ul.tit3Area ul.step3 li {float:left;line-height:30px;letter-spacing:-1px;text-align:center;font-size:14px;width:239px;color:#909090} #shop > ul.tit3Area ul.step3 li.on {color:#fff} #shop > ul.tit3Area ul.stepBg1 {background-position:0px -23px} #shop > ul.tit3Area ul.stepBg2 {background-position:0px -53px} #shop > ul.tit3Area ul.stepBg3 {background-position:0px -83px} #shop > .no_cart {text-align:center;margin-top:100px;} #shop > .no_cart p {color:#969696;font-size:24px;font-weight:700;padding-top:30px;} #shop > ul.tit3Area > li.right {width:56%;} #shop > ul.tit3Area > li.right > ul > li {margin:0;} @media (max-width:1499px) /* PC – 1500px~1170px */ { #container.buy > .contentM > .buyTop {width:916px;} #container.buy.mobile > .contentM > .buyTop {width:100%;} #container.buy > .contentM > ul.prd_list > li {height:260px;margin-right:46px;} #container.buy > .contentM > ul.prd_list > li:nth-child(4n+4){margin-right:0 !important;} #container.buy > .contentM > ul.prd_list > li:nth-child(6n+6){margin-right:46px;} /* #container.buy > .contentM > ul.prd_list > li+li+li+li, #container.buy > .contentM > ul.prd_list > li+li+li+li+li+li+li+li, #container.buy > .contentM > ul.prd_list > li+li+li+li+li+li+li+li+li+li+li+li, #container.buy > .contentM > ul.prd_list > li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li, #container.buy > .contentM > ul.prd_list > li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li {margin-right:0px;} #container.buy > .contentM > ul.prd_list > li+li+li+li+li, #container.buy > .contentM > ul.prd_list > li+li+li+li+li+li, #container.buy > .contentM > ul.prd_list > li+li+li+li+li+li+li, #container.buy > .contentM > ul.prd_list > li+li+li+li+li+li+li+li+li, #container.buy > .contentM > ul.prd_list > li+li+li+li+li+li+li+li+li+li+li+li+li, #container.buy > .contentM > ul.prd_list > li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li, #container.buy > .contentM > ul.prd_list > li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li, #container.buy > .contentM > ul.prd_list > li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li, #container.buy > .contentM > ul.prd_list > li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li {margin-right:46px;} */ /*주문배송조회 리스트*/ .orderBox-group .orderBox .orderPrd {width:710px;} /*리스트 페이지 투데이딜*/ .todayOn {width:884px;} .todayOn > dl {width:450px;} /* 독일 면세 구매대행 */ #content .apGR > ul.guide > li {min-width:12.95%;} #content .apGR > ul.guide > li > i {margin:-40px 0 0 64px;} /* 독일구매대행신청하기 */ #content.GEbuy dl.cLine2 dt ul li:nth-child(1) {width:124px;} #content.GEbuy dl.cLine2 dt ul li:nth-child(2){width:100px;} #content.GEbuy dl.cLine2 dt ul li:nth-child(3){width:65px;} #content.GEbuy dl.cLine2 dt ul li:nth-child(4){width:70px;} #content.GEbuy dl.cLine2 dd ul.inline100 > li.m1 > input {width:104px} #content.GEbuy dl.cLine2 dd ul.inline100 > li.m2 > input {width:50px} #content.GEbuy dl.cLine2 dd ul.inline100 > li.m3 > input {width:50px} #content.GEbuy dl.cLine2 dd ul.inline100 > li.m4 > input {width:40px} #content.GEbuy dl.cLine2 dd ul.w100per > li > input {width:721px} /* 상세에서 전체인 경우*/ #content.buyDtls .goodsInfo > .ship_info li {width:32.38%;} /*상품 상세 페이지*/ #content.buyDtls .goodsDtls .imgs .mainImg {margin-left:5px;} #content.buyDtls .goodsDtls > .summery {margin-left:10px;width:394px;} #content.buyDtls .goodsDtls > .summery > .goodsbtn > .btnFree6 > a {width:312px;margin-bottom:3px;} /*.cartTotal ul li.tPayPay {width:100px;}*/ } /************************************************************** 여기부터 기존 shop.css 복붙 */ /* Today Deal */ #shop .todayDeal {border:4px solid #ef8789;border-radius:3px;margin-top:30px;} #shop .todayDeal > p.titDep2 {padding:10px 0 0 20px;} #shop .todayDeal > .todayDeal_img {background:#eee;min-height:320px} #shop .todayDeal > .todayDeal_Con {position:absolute;margin:45px 0 0 650px;} #shop .todayDeal > .todayDeal_Con > .txtS {font-size:16px;line-height:16px;} #shop .todayDeal > .todayDeal_Con > .titDep2 {font-size:30px;width:450px;line-height:34px;padding:10px 0 0;} #shop .todayDeal > .todayDeal_Con > .txtPrice {font-size:40px;font-family:'NanumSquare';font-weight:900;letter-spacing:-2px;color:#ff5000;padding:50px 0 20px} /* 상품 목록 */ .goodsListing {margin-top:10px;} .goodsListing .goods_list{} .goodsListing .goods_list, .goodsListing .goods_special {float: left; position: relative; overflow:hidden;} .goodsListing .goods_special {border:1px solid #e5e5e5;} .goodsListing .goods_special .promote {float:left; margin:0;} .goodsListing .goods_special .goods_item {float: left; width:265px; margin:0 0 0 24px;} .goodsListing .goods_special .goods_item .box {width:265px; text-align:center;} .goodsListing .goods_item {float:left; width:220px; height:285px; margin:0 9px 30px 0; vertical-align:top ;} .goodsListing .goods_item.end {margin:0 0 30px 0; !important;} .goodsListing .goods_item .box {cursor: pointer;width: 220px;height:195px;display:inline-block;position: relative;text-align:center;overflow: hidden;padding:0;border:1px solid #dcdcdc; margin:0 0 5px 0;} .goodsListing .goods_item .box:after {content:""; display:block; clear:both;} .goodsListing .goods_item .box img {max-width:100%;max-height:100%; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .goodsListing .goods_item .box .fade-caption {position:absolute;top:0;left:0;font-size:14px;font-weight:700;opacity: 0;width: 100%;height: 100%;text-align: center;z-index: 100; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .goodsListing .goods_item .box .caption {background-color: rgba(255,255,255,0.7);color: #999;} .goodsListing .goods_item .box .soldout {background-color: rgba(0,0,0,0.5); color: #fff;opacity: 1;} .goodsListing .goods_item .box .fade-caption p {padding: 80px 0;} .goodsListing .goods_item .box:hover .fade-caption {opacity: 1;} .goodsListing .goods_item .item {display:inline-block; font-size:14px; line-height:18px; color:#333; margin:0 5px 10px; min-height:40px; height:auto; word-break: break-all;} .goodsListing .goods_item .item:hover {text-decoration:underline;} .goodsListing .goods_item .item .item_brand {display:block;color:#999;font-size:12px;line-height:14px;} .goodsListing .goods_item .price {margin:0 5px;color:#ff7000; font-size:18px; font-weight:700; line-height:20px;letter-spacing: -0.5px;} .goodsListing .goods_item .price .saleBefore {color:#333;text-decoration:line-through;} .goodsListing .goods_item .price .txt_info {color:#777; font-size:11px; font-weight: normal;vertical-align:middle;/*border-top:1px solid #eee;margin-top:15px;*/padding-top:3px;display: block;} .goodsListing .goods_item .price .txt_info > i {color:#999;} .goodsListing .goods_item .price .country {float:right;} .goodsListing .goods_item .priceEnd {margin:0 5px;font-size:16px; font-weight:700; line-height:20px;}/*투데이딜 종료*/ .goodsListing .goods_item .priceSoon .txt1 {margin:0 5px;color:#ff7000;font-weight:700; line-height:20px;}/*투데이딜 판매전*/ .goodsListing .goods_item .priceSoon .txt2 {margin:0 5px;font-size:16px; font-weight:700; line-height:20px;} #shop > .Pagination {padding-top:30px;clear:both;} /* 결제 부문 안내사항 나오는 경우 -무통장입금 선택시 나오는 사항*/ #payment_0_notice {color:#3150d3; } /* 결제 부문 안내사항 나오는 경우 -신용카드 선택시 나오는 사항*/ #payment_1_notice {color:#ff7000; } /* 장바구니, 주문결제, 주문완료 부문 */ .mgt30- {margin-top:-30px !important;} .cartTotal {height:40px; padding:13px 0 20px;} .cartTotal ul {float:right; border:1px solid #d7d7d7;} .cartTotal ul li {float:left; list-style:none; padding:12px; color:#666;border-left:1px solid #eee;} .cartTotal ul li:first-child {border-left:0px solid #eee} .cartTotal ul li strong {color:#000; padding:0 0 0 0px;} .cartTotal ul li.tPay {color:#ff7000; font-weight:700; font-size:16px;} .cartTotal ul li.tPayPay {font-weight:700;background:#f8f8f8 } .cartTotal ul li.tPayPay .totalPay {color:#ff5000; font-weight:700; font-size:16px; letter-spacing:0;} .cartPayTotal {height:40px; padding:13px 0 20px;} .cartPayTotal ul {float:right; padding:0 0 0 10px;} .cartPayTotal ul li {float:left; list-style:none; padding:12px; color:#666;} .cartPayTotal ul li strong {color:#000; letter-spacing:0.2em; padding:0 0 0 0px;} .cartPayTotal ul li.totalPay {color:#ff9000; font-weight:700; font-size:18px; letter-spacing:0; padding:12px 15px;} /*구매대행일때 장바구니 */ .AssistedPurchase > ul.cartAP {clear:both;border:1px solid #d7d7d7;font-size: 0;} .AssistedPurchase > ul.cartAP > li {display:inline-block;font-weight:700;padding:5px 40px;border-right:1px solid #d7d7d7;font-size: 13px;} .AssistedPurchase > ul.cartAP > li > a:hover {text-decoration:none;} .AssistedPurchase > ul.cartAP > li.on {background:#555;} .AssistedPurchase > ul.cartAP > li.on > a {color:#fff;} .AssistedPurchase > .cartAP_noti {float:right;margin:-24px 10px 0 0;color:#999;} .AssistedPurchase > table.tableType11 > tbody > tr > td.cardNull {font-weight:700;padding:30px 0;} .AssistedPurchase > table.tableType11 > tbody > tr > td.cardNull > i {display:block;color:#ccc;font-size:50px;padding-bottom:10px;} .AssistedPurchase > .cartTotal {padding:0;background:#fcfbed;} .AssistedPurchase > .cartTotal > ul {float:right;border:0;} .AssistedPurchase > .cartTotal > ul > li {border:0;color:#333;font-size:14px;font-weight:700;padding:12px;float:left;} .AssistedPurchase > .cartTotal > ul > li.tPay {color:#ff7000; font-size:18px;letter-spacing:-1px;} .AssistedPurchase > .cartTotal > ul > li.btnPack {padding-top:6px;} .AssistedPurchase > .cartTotal > ul > li.btnPack a {color:#fff;background:#ff7000;padding:5px 35px;font-weight:normal;font-size:12px;text-decoration:none;} .AssistedPurchase > .cBtnArea {padding:30px 0 100px;} .AssistedPurchase > .cBtnArea > span.btnCf > a, .AssistedPurchase > .cBtnArea > span.btnCf > a:hover {border:1px solid #fe9002;color:#fe9002;background:#fff;} #step_1 .cartTotal {margin-bottom:70px;} #shop div.Title {overflow:hidden;margin-bottom:15px;margin-top:50px;} #shop p.titDep3 {float:left;padding:2px 0 2px 30px;} #shop p.titDep3.us_tit{background:url('/images2017/sub/ico_ohcafe_usa.png') no-repeat 0 center;} #shop p.titDep3.de_tit{background:url('/images2017/sub/ico_ohcafe_germany.png') no-repeat 0 center;} #shop p.titDep3.cn_tit{background:url('/images2017/sub/ico_ohcafe_china.png') no-repeat 0 center;} #shop p.titDep3.kr_tit{background:url('/images2017/sub/ico_ohcafe_korea.png') no-repeat 0 center;} #shop p.titDep3.jp_tit{background:url('/images2017/sub/ico_ohcafe_japan.png') no-repeat 0 center;} #shop p.cartAP_noti {float:right;padding-right:10px;} #shop p.cartAP_noti span {color:#ff8707;} #step_2 > .txtInfoBox {display:block;margin:80px 0 5px;padding:15px 20px;line-height:22px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} #step_2 > table.tableType12 > tbody > tr > td > div > input, #step_2 > table.tableType12 > tbody > tr > td > input, #step_2 > table.tableType12 > tbody > tr > td > select, #step_2 > table.tableType12 > tbody > tr > td > p > select {height:30px;} #step_2 > table.tableType12 > tbody > tr > td > p#coupon_wrap {margin-top:5px;} /*구매대행일때 주문결제 */ /* #shop > #step_2 > .cartTotal {overflow:hidden;height:auto;padding:0;margin-bottom:50px;} #shop > #step_2 > .cartTotal > ul{border:0;width:100%;} #shop > #step_2 > .cartTotal > ul > li {border-left:0;float:none;font-size:14px;} #shop > #step_2 > .cartTotal > ul > li > span:first-child{float:left;padding-left:800px;} #shop > #step_2 > .cartTotal > ul > li > strong:last-child{padding-right:35px} */ #step_2 .cartTotal {height:auto;padding:0;overflow:hidden;} #step_2 .cartTotal ul {width:100%;border:0;} #step_2 .cartTotal ul li {float:none;border-left:none;border-bottom:1px solid #eee;} #step_2 .cartTotal ul li.tPayPay{background:#fcfbed;} #step_2 > .cBtnArea > span.btnCf > a, #step_2 > .cBtnArea > span.btnCf > a:hover {border:1px solid #fe9002;color:#fe9002;background:#fff;} #step_2 .cartTotal2 {overflow:hidden;width:100%;} #step_2 .cartTotal2 ul {text-align:right;} #step_2 .cartTotal2 ul li {padding:5px 0;} #step_2 .cartTotal2 ul li ul li{border-bottom:none;} #step_2 .cartTotal2 ul li .name {width:160px;padding-right:75px;text-align:left;} #step_2 .cartTotal2 ul li .mMarker {font-weight:bold;width:35px;} #step_2 .cartTotal2 ul li .Price {width:150px;padding-right:30px;font-weight:bold;} #step_2 .cartTotal2 ul li span {display:inline-block} #step_2 .cartTotal2 ul li.total {border-bottom:1px solid #d7d7d7;} #step_2 .cartTotal2 ul li.tPayPay.detPay {font-size:12px;background:none;padding:5px 0;border-bottom:1px solid #d7d7d7;} #step_2 .cartTotal2 ul li.tPayPay.detPay span.mMarker, #step_2 .cartTotal2 ul li.tPayPay.detPay span.Price {font-size:12px;color:#303030;} #step_2 .cartTotal2 ul li.tPay {font-weight.:bold;border-bottom:1px solid #d7d7d7;} #step_2 .cartTotal2 ul li.omz_tPay, #step_2 .cartTotal2 ul li.tPayPay {font-size:14px;font-weight:bold;background:#fcfbed;padding:10px 0;width:100%;} #step_2 .cartTotal2 ul li.omz_tPay .mMarker, #step_2 .cartTotal2 ul li.omz_tPay .Price, #step_2 .cartTotal2 ul li.tPayPay .mMarker, #step_2 .cartTotal2 ul li.tPayPay .Price{font-size:18px;color:#ff623e;} #step_2 .cartTotal2 ul li.omz_tPay p.cardfee_notice {padding-right:30px;padding-top:5px;} /*구매대행일때 주문완료 */ #shop > section.Order {margin-bottom:15px;overflow:hidden;} #shop > section.Order > ul > li {float:left;padding-top:15px;} #shop > section.Order > ul > li.number {padding-right:5%;} #shop > section.Order > ul > li.number em {font-weight:bold;padding-right:10px;} #shop > section.Order > ul > li.number span{color:#ff7000;} #shop > section.Order > ul > li.myPage_btn {float:right;padding-top:0;} #shop > section.Order > ul > li.myPage_btn a {font-size:14px;font-weight:bold;padding:10px 15px;background:#444444;border-radius:3px;display:block;color:#fff;text-decoration:none;color:#fff;} #shop > section.Order > ul > li.transit > span:first-child {padding-right:20px;} #shop > section.Order > ul > li.transit > span .air {background: #ff6749;color: #fff;padding: 3px 10px;border-radius: 25px;text-decoration: none;} #shop > section.Order > ul > li.transit > span .sea {background: #ffb22b;color: #fff;padding: 3px 10px;border-radius: 25px;text-decoration: none;} .cBtnArea span.btnCf a {border:1px solid #fe9002;color:#fe9002;background:#fff;} #shop > .tableType12.complete {border-top:2px solid #212121;margin-bottom:50px;} #shop > .tableType12.complete > tbody > tr > td {border-bottom:1px solid #e4e4e4;} #shop > .tableType12.complete > tbody > tr > td > span {width:20%;float:left;} #shop > .tableType12.complete > tbody > tr > td > span.first {display:block;padding-bottom:10px;width:100%;} #shop > .tableType12.complete > tbody > tr > td.details > span:last-child {width:60%;} #shop > .tableType12.complete > tbody > tr > td > span.last {width:60%;} #shop > .tableType12.complete > tbody > tr > td.details > span > strong {padding-right:30px;} #shop > .tableType12.complete > tbody > tr > td.img img{width:75px;height:45px;} #shop > .tableType12.payment > tbody > tr > th {text-align:left;padding:0 0 0 40px;border-bottom:none;font-weight:normal;line-height:28px;} #shop > .tableType12.payment > tbody > tr > td {padding:0 0 0 25px;border-bottom:none;font-weight:bold;line-height:28px;} #shop > .tableType12.payment > tbody > tr.tPay{border-top:1px solid #e4e4e4;} #shop > .tableType12.payment > tbody > tr.tPay > th, #shop > .tableType12.payment > tbody > tr.omz_tPay > th{background:none;font-weight:bold;padding:10px 0 10px 40px;} #shop > .tableType12.payment > tbody > tr.omz_tPay {border-top:1px solid #e4e4e4;background:#fdfbee;font-size:16px;} #shop > .tableType12.payment > tbody > tr.omz_tPay > td {color:#ff7000;} #shop > .tableType12.payment > tbody > tr > td > span{float:right;padding-right:50px;width:30%;text-align:right;} #shop > .Information {margin-bottom:50px;} #shop > .Information p.tit {font-size:14px;font-weight:bold;color:#4b4b4b;padding-bottom:10px;background:url('/images2017/shop/pay_icon.png') no-repeat 0 center;padding-left:35px;} #shop > .Information > dl {line-height:20px;padding-left:27px;} #shop > .Information > dl > dt {font-size:14px;font-weight:bold;color:#4b4b4b;padding-bottom:10px;} #shop > .Information > dl > dd > span {color:#ff7000;} /* SHOP MAIN */ .category {height:30px; background:#363636; padding:16px 20px;} .category ul li {float:left;} .category ul li img {margin:0 5px 0 17px; vertical-align:middle;} .category ul li a {font-size:14px; font-weight:700; color:#fff; margin:5px 0 0 0; padding: 0 17px 0 0; border-right:1px solid #fff;} .category ul li a.last {border-right:none;} .products:before, .products:after, .promote:before, .promote:after, .clear {content:""; display:block; clear:both;} .products {width:1140px; margin:0 auto;} .products .hotdeals {width:100%;display:block;} .products .hotdeals .hotdealsBanner {float: left; width: 454px} .products .hotdeals .hotdealsPrd {position: relative; overflow:hidden; } .products .hotdeals .ctrller {position:absolute;width:30px;height:40px;z-index:10;margin-top:270px;background:#000 url('/images/shop/main_slider.png') no-repeat 0 0;opacity:0.5;filter:alpha(opacity=50);-ms-filter:"alpha(opacity=50)"} .products .hotdeals .ctrller.next {margin-left:1105px; background-position:-30px 0} .products .hotdeals .ctrller.prev {background-position:0 0} .products .prd_lst_detail {width:100%; padding-top: 20px;} .prd_t {font-size:24px; font-weight:700; color:#333; padding:30px 5px 10px ;} .prd_t img {vertical-align:middle; margin:0 0 5px;} .prd_t span {float:right;} .prd_t span.more {margin:15px 0 0;} .shop_title {width: 957px;} .shop_title .title_banner {position:relative; margin-bottom:16px; } .shop_title .under_title_banner {position:relative; margin-bottom:16px; width:950px; height:105px;} .title_country {padding:5px 0 10px;font-size: 26px; font-weight:700;/*margin-top:30px*/} .title_country img {margin:0px 5px -5px 10px;} .title_country .productArray {width:1140px;text-align:right} .title_country .productArray a {font-size:12px;color:#999;text-decoration: none;font-weight: normal;padding-left:15px} .title_country .productArray a:hover {color:#333;} .title_country .productArray a i {font-size:14px;} .title_country .productArray a.on {color:#333;} .title_country .productArray a.on i,.title_country .productArray a:hover i {color:#ff8000;} .ctg_banner {margin:10px 0 40px;} .shop_list {width:1147px; margin:0 auto;} .shop_list:after {content:""; display:block; clear:bobth;} .promote {float:left; margin:30px 0;} .promote .right {float:right; margin: 0 0 0 12px;} /* TABS */ #tab1 .prd_list, #tab2 .prd_list, #tab3 .prd_list {margin-bottom:70px} ul.shop_tabs {background:#dcdcdc;margin-bottom:10px} .shop_tabs li {list-style:none;display:inline;} .shop_tabs a {display:inline-block;font-size:16px; color:#333; font-weight:700; text-decoration:none; padding:10px 60px;} .shop_tabs a.active { } .shop_tabs li.tab1 .active, .shop_tabs li.tab2 .active, .shop_tabs li.tab3 .active {color:#fff; background:#333} /* CART Title */ .cartTitle {margin:30px 0 0; padding:0 0 12px 0; border-bottom:1px solid #d1cfcf;} .cartTitle:after {content:""; display:block; clear:both;} .cartTitle .title {float:left; width:300px;font-family:'NanumSquare';padding-top:15px;font-size:26px;line-height:34px;color:#303030;letter-spacing:-1px;font-weight:700;} .cartTitle .step {float:right; width:681px; margin:13px 0 0;} .cartTitle .step.on1 {background:url(/images/shop/cart_step_bg.png) 0 0 no-repeat;} .cartTitle .step.on2 {background:url(/images/shop/cart_step_bg.png) 0 -40px no-repeat;} .cartTitle .step.on3 {background:url(/images/shop/cart_step_bg.png) 0 -80px no-repeat;} .cartTitle .step ul {zoom:1;} .cartTitle .step ul:after {content:""; display:block; clear:both;} .cartTitle .step ul li {float:left; width:227px; min-height:36px; text-align:center;} .cartTitle .step ul li p {display:inline-block; *display:inline; zoom:1; padding:10px 0; color:#595959; font-size:14px; line-height:1em; font-weight:normal;} .cartTitle .step ul li.on p {color:#fff;} /* CART TABLE */ .cartList {margin:10px 0 0; padding:0 0 1px 0; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;} .cartList table tr {border:none;} .cartList table th {padding:9px; text-align:center; font-size:11px; word-spacing:-1px; background:#fAfAfA;} .cartList table th.for_step_2 {background:#fAfAfA; text-align: left; padding-left: 20px;} .cartList table th.for_step_2 span {background:url(/images/app/bullet_dot_black_small.gif) left no-repeat; padding: 0 8px;} .cartList table td {padding:4px 5px; text-align:center; border-bottom:1px solid #d7d7d7;} .cartList table td.pName {text-align:left;} .cartList table td strong {display:block;} .cartList table td.shipping span {background:#ff5000;color:#fff;border-radius:3px;font-weight:700;padding:5px 10px 6px} .tableType11 .pName {text-align:left;} .tableType11 .shipping span {background:#ff5000;color:#fff;border-radius:3px;font-weight:700;padding:5px 10px 6px} .card_info tr {border-bottom: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1;} .card_info th {color:#797979; padding: 9px; text-align: left; font-size: 11px; word-spacing: -1px; background: #fAfAfA; padding: 13px 10px 13px 20px; border-bottom:1px solid #f1f1f1; border-top:1px solid #f1f1f1;} .card_info td {padding: 6px 12px;} .card_info .payment p {display:block; padding:9px 0;} .card_info .payment em {font-size:14px; font-weight:700; color: #ff9000;} .card_info span.title {background:url(/images/app/bullet_dot_black_small.gif) left no-repeat; padding:0 8px; text-align:left;} .card_info select.country {height:32px; width:260px;} .card_info .btn {position:absolute; margin: 0 0 0 3px;} .card_info .btn_paypal {position:absolute; margin: 0 0 0 4px;} .card_info td.bgB {background:#fAfAfA;} .card_info td input {height:25px;line-height:25px;} .address_list ul {zoom:1;} .address_list ul:after {content:""; display:block; clear:both;} .address_list ul li {float:left; position:relative; width:197px; min-height:160px; margin:35px 13px 20px 13px;} .address_list ul li strong {display:block; margin-bottom:8px; color:#353535; font-size:18px; font-weight:normal;} .address_list ul li p {color:#353535; font-size:12px; line-height:18px; margin:0 0 10px;} .address_list ul li p span {display:block;} .address_list ul li p em {margin:0 0 0 15px;} .address_list ul li p em a {color:#0084ff;} .ohshop_confrim td {padding:15px 10px 15px 20px; line-height:20px;} .ohshop_confrim td em {color:#ff7000;} .ohshop_confrim tr {border-bottom:1px solid #f1f1f1; border-top:1px solid #f1f1f1;} .ohshop_confrim th {padding:15px 10px 15px 20px; text-align:left; vertical-align:middle; word-break:normal; background:#fafafa; color:#797979;} .ohshop_confrim th.modify_th {padding:15px 10px 15px 20px; text-align:left; vertical-align:middle; word-break:normal; background:#ffffff; color:#797979;} .ohshop_confrim th.bgW {background:#fff;} .ohshop_confrim td {padding:6px 12px;} .ohshop_confrim span.item {background:url(/images/app/bullet_dot_black_small.gif) left no-repeat; padding:0 8px; text-align:left;} .ohshop_confrim .details span {border-left:1px solid #ccc; padding:0 0 0 10px; margin:0 10px 0 0;} .ohshop_confrim .details span.first {border-left:none; padding:0;} /* SHOP MYPAGE */ .myinfo ul.items {margin:0 0 20px;} .myinfo ul.items li {width:200px; height:36px;} .myinfo ul.items li span {padding:10px 20px;} .myinfo .items .item_t {background:#b69c90;background:-webkit-linear-gradient(top,#b69c90,#a48d82);background:linear-gradient(to bottom,#b69c90,#a48d82);text-align:center;} .myinfo .items .item_t p {color:#fff; font-size:14px; font-weight:700; text-decoration:none; padding:10px; text-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);} .mypageTap {position:relative;border-bottom:2px solid #999;width: 1140px;clear:both;margin:0;height:44px} .mypageTap li {float:left;vertical-align:top;background:#eee;color:#303030;padding:12px;width:546px;border-top-left-radius:3px;border-top-right-radius:3px;text-align:center} .mypageTap li a {font-size:18px;} .mypageTap li a:hover {text-decoration:none;color:#ff7000;} .mypageTap li.on {background:#999;} .mypageTap li.on a {color:#fff;font-weight:700;} .prdTitle {padding:0px 15px 20px; border-bottom:1px solid #ccc;} .prdTitle span {float:left; width:34px; text-align:center;} .prdTitle span strong {display:block; font-size:15px; color:#333; padding-top:7px;} .prdTitle h1 {font-size:24px; color:#333; line-height:1.2em; padding:0 0 5px; margin-left:54px;} .prdTitle p {color:#999; margin-left:54px;} .prdDtls {position:relative;width:100%;margin:30px 0 0;height:400px;} .prdDtls .imgs, .prdDtls .imgs .altImgs, .prdDtls .imgs .mainImg {float:left;} .prdDtls .imgs {width:720px; margin-right:20px;} .prdDtls .imgs .altImgs li {width:42px; height:42px; overflow:hidden; margin:0 10px 5px 0;} .prdDtls .imgs .altImgs li a {display:block; cursor:pointer; border:1px solid #d1cfcf;} .prdDtls .imgs .altImgs li a:hover, .prdDtls .imgs .altImgs li a:active, .prdDtls .imgs .altImgs li a.active {border:1px solid #f1810a; -webkit-box-shadow: 0px 0px 5px #f1810a; -moz-box-shadow: 0px 0px 5px #f1810a; box-shadow: 0px 0px 5px #f1810a;} .prdDtls .imgs .mainImg {margin:0 0 0 75px;} .prdDtls .imgs .mainImg img{/*border:1px solid #dcdcdc;background-size:cover;width:450px;*/padding-bottom:30px} .prdDtls .imgs .mainImg .mainImgLoading {width:450px;height:270px;padding-top:130px;text-align:center;vertical-align:middle;position:absolute;} .prdDtls .imgs .mainImg .mainImgLoading i {color:#ccc;font-size:120px} .prdDtls .summery {float:right; width:400px;border-top:1px solid #dcdcdc} .prdDtls .summery dl {padding:12px 0;border-bottom:1px solid #dcdcdc} .prdDtls .summery dl:after {content:"";display:block;clear:both} .prdDtls .summery dl dt, .prdDtls .summery dl dd {float:left} .prdDtls .summery dl dt {width:120px;padding-left:10px;color:#777;} .prdDtls .summery dl dd {} .prdDtls .summery dl dd .shopSeller {color:#999; text-decoration:none;} .prdDtls .summery dl dd.list-price {text-decoration:line-through;} .prdDtls .summery dl dd.sale-price {font-size:16px; } .prdDtls .summery dl dd.sale-price strong {font-size:20px; color:#f00006;padding-right:10px} .prdDtls .summery dl dd.sale-price .sale-per {background:#0082f0; color:#fff;padding:0 10px} .prdDtls .summery dl dd.ship-date strong {color:#f2810a;} .prdDtls .summery dl dd .option {margin:-5px 0;} .prdDtls .summery dl dd span {margin:0 8px 0 0;} .prdDtls .summery .btn {margin:30px 0;} a.btn-big-orange {display:inline-block; *display:inline; zoom:1; padding-left:4px; vertical-align:middle;} a.btn-big-orange {display:block; background:#ff7000; padding: 0 30px; height: 50px;line-height: 50px;color:#fff; text-align:center;font-size: 18px;font-weight:700;} a.btn-big-orange:hover {background:#ff5000; } a.btn-big-orange i {font-size:30px; vertical-align: bottom; margin-bottom: 12px;} .btn-big-gray {display:block; *display:inline; zoom:1; padding-left:4px; vertical-align:middle;background:#aaa; padding: 0 30px; height: 50px;line-height: 50px;color:#fff; text-align:center;font-size: 18px;font-weight:700;} .btn-big-grey {display:inline-block; *display:inline; zoom:1; background:url(/images/shop/btn_bigG_bg1.png) 0 0 no-repeat; padding-left:4px; vertical-align:middle;} .btn-big-grey span {display:block; background:url(/images/shop/btn_bigG_bg2.png) 100% 0 no-repeat; height:32px; padding:18px 30px 0 26px; color:#393b43; text-align:center; font-size:18px;font-weight:700;} .prdInfo {margin:30px 0 0; font-size:14px; color:#393b43; line-height:20px;position:relative} .prdInfo em {color:#e5282e;} .prdInfo .ship01 {display:inline-block; padding:7px 0; background:#f7f7f7; border:1px solid #ebebeb;} .prdInfo .ship01 img {float:left; margin:20px 30px;} .prdInfo .ship01 p {float:left; width:708px; height:32px; padding:50px 20px; border-left:1px solid #ebebeb;} .prdInfo .ship01 p i {background:url(/images/app/bullet_dot_black_small.gif) left no-repeat; padding:5px; margin:0 0 0 10px;} .prdInfo .ship02_tit {margin-top:30px;font-size:20px;font-weight:700;} .prdInfo .ship02 {background:#f3f3f3; padding:40px 45px;margin:20px 0px 50px;width:1060px; overflow:hidden;font-size:12px;line-height:160%;} .prdInfo .ship02 h2 {font-size:12px;color:#333;font-weight:700; padding:0 0 7px; margin:0} .prdInfo .ship02 em {color:#e5282e;} /* 유의사항 */ .prdInfo .ship02_info {margin:20px 0px 50px;width:1140px; overflow:hidden;font-size:14px;line-height:160%;} .prdInfo .ship02_info ul li {vertical-align:top;display:inline-block; *display:inline; zoom:1;} .prdInfo .ship02_info .ship02_info_order { padding-bottom:20px; margin-bottom:20px;border-bottom:1px dashed #dcdcdc; } .prdInfo .ship02_info .ship02_info_order .ship02_circle { border:1px solid #ff7000; } .prdInfo .ship02_info .ship02_info_order .ship02_circle i { color:#ff7000; } .prdInfo .ship02_info .ship02_info_delivery { padding-bottom:20px; margin-bottom:20px;border-bottom:1px dashed #dcdcdc; } .prdInfo .ship02_info .ship02_info_delivery .ship02_circle {border:1px solid #00a29f;} .prdInfo .ship02_info .ship02_info_delivery .ship02_circle i {color:#00a29f;} .prdInfo .ship02_info .ship02_info_change { } .prdInfo .ship02_info .ship02_info_change .ship02_circle { border:1px solid #02accd;} .prdInfo .ship02_info .ship02_info_change .ship02_circle i { color:#02accd;} .prdInfo .ship02_info .ship02_info_check { } .prdInfo .ship02_info .ship02_info_check .ship02_circle { border:1px solid #ff7000; } .prdInfo .ship02_info .ship02_info_check .ship02_circle i { color:#ff7000; } .prdInfo .ship02_info .ship02_circle { width:100px;height:70px;padding-top:30px; margin-right:20px;border-radius:100%;color:#fff;text-align:center;font-size:40px } .prdInfo .ship02_info .ship02_txt { padding-top:10px } .prdInfo .ship02_info .ship02_txt em { color:#ff7000; } .prdInfo .ship02_info .ship02_txt strong { font-size:16px;line-height:30px; } .prdInfo .ship02_info .ship02_txt .pdl { padding-left:13px; } .prdInfo .ship02_info .ship02_txt .C999 {color:#999;} .prdInfo .ship03 {padding:15px 0;margin-top:20px; text-align:center; background:#f7f7f7;} .prdInfo .ship04_tit {margin:30px 0 20px;font-size:20px;font-weight:700;} .prdInfo .description {padding:30px 0; text-align:center;background:url('//image.ohmyzip.com/front/design/201605/img_ship_bar.png') center 10px repeat-x;} .prdInfo .ship_info {background:url('//image.ohmyzip.com/front/design/201605/img_ship_bar.png') top repeat-x; padding-top:23px;width:100%; overflow:hidden; } .prdInfo .ship_info li {float:left; position:relative; width:370px; height:110px; padding-top:15px; background:#f3f3f3; margin-right:13px; text-align:center;} .prdInfo .ship_info li:last-child {margin-right:0px; } .prdInfo .ship_info li img{padding-bottom:10px;} .prdInfo .ship_info li .ship_info_tit { font-weight:700;text-decoration: underline;line-height:30px} /* 20170905 HAHA// */ #shopMenu {background:#ef8789/*#00a49a*/;padding:10px 0;} #shopMenu .shopMenu {width:1140px; margin:0 auto;} #shopMenu .shopMenu:after{content:"";display:block;clear:both} #shopMenu .shopMenu .shopLogo {float:left;padding-right:100px;display:none} #shopMenu .shopMenu .shopCtg {padding:0;} #shopMenu .shopMenu .shopCtg li {display:inline-block;width:246px;line-height:24px;font-size:14px;padding:0 10px;border-right:1px solid rgba(255,255,255,0.3);} #shopMenu .shopMenu .shopCtg li:first-child {width:130px;} #shopMenu .shopMenu .shopCtg li:last-child {width:148px;} #shopMenu .shopMenu .shopCtg li li {display:block;border-right:0px;} #shopMenu .shopMenu .shopCtg li li:first-child {width:auto;} #shopMenu .shopMenu .shopCtg li li:last-child {width:auto;} #shopMenu .shopMenu .shopCtg li li a {color:#fff;} #shopMenu .shopMenu .shopCtg li li a:hover {color:#fff;} /* 오샵의 특별한 약속*/ #ohshop_benefit {width:100%;background:#f3f3f3;padding:10px 0 30px;clear:both} #ohshop_benefit .bentfit {width:1140px; margin:0 auto;} #ohshop_benefit .bentfit h1 {font-size:20px;line-height:45px;font-weight:700;color:#333} #ohshop_benefit .bentfit .pdr {padding-right:7px;} /* 오샵등 결제 관련 */ #container #shop .boxS {background:#fff;border:1px solid #e4e4e4;font-size:12px;padding:5px 10px} /* 20180912 비타민 쿠폰선택추가// */ .ohshop_coupon00 {position:relative;} .ohshop_coupon01 {position:absolute;top:-62px;left:180px;} .shopPoint1 {color:#f00006} /* MOBILE부분 - 타오바오 구매대행 */ #container.mobile {width:100%;max-width:100%;min-width:100%;overflow:hidden;padding:0;margin-bottom:40px !important;} #container.mobile .contentM{width:100%;position:relative;overflow:hidden;background:#f8f8f8;margin-top:0;} #container.mobile a{text-decoration:none !important;} #container.mobile .contentM .tit.buy {background:#fff;margin-bottom:10px;padding:20px 4%;} #container.mobile .contentM .tit.buy .search{width:100%;padding-left:0;} #container.mobile .contentM .tit.buy .search input{width:65%;padding-right:34%;height:40px;line-height:40px;font-size:12px;border:1px solid #ff6300;} #container.mobile .contentM .tit.buy .search span {position:absolute;right:0;} #container.mobile .contentM .tit.buy .search span a{height:40px;line-height:40px;padding:13px 11px 11px 11px;display:block;} #container.mobile .contentM .tit.buy .search span a i{font-size:22px;} #container.mobile .contentM .tit.buy .search .MultiFile-wrap{right:77px;} #container.mobile .contentM .tit.buy h1.titDep1{font-size:16px;line-height:24px;margin-bottom:10px;} #container.mobile .contentM .tit.buy h1.titDep1 span img{width:50px;} #container.mobile .contentM .buy .search .camera{height:42px;background:url('/images2017/mobile/m_search_camera.png') no-repeat 0 8px;right:45px;background-size:32px;} #container.mobile .contentM .buyTop{padding:15px 4%;background:#fff;margin-bottom:0;border-top:1px solid #e4e4e4;} #container.mobile .contentM .buyTop p{font-size:16px;} #container.mobile .contentM .Mprd_list{overflow:hidden;padding:10px 10px 0;} #container.mobile .contentM .Mprd_list li {width:50%;float:left;/*box-shadow:0 0 20px #ececec;*/background:#fff;margin-bottom:10px;} #container.mobile .contentM .Mprd_list li:first-child{border-right: 5px solid #f8f8f8;box-sizing: border-box;} #container.mobile .contentM .Mprd_list li:nth-child(2n + 2){border-left: 5px solid #f8f8f8;box-sizing: border-box;} #container.mobile .contentM .Mprd_list li:nth-child(2n + 1){border-right: 5px solid #f8f8f8;box-sizing: border-box;} #container.mobile .contentM .Mprd_list li .img{position:relative;display:block;overflow:hidden;padding-top:100%;background:#fff;} #container.mobile .contentM .Mprd_list li .img img{width:100%;position:absolute;top:0;left:0;bottom:0;margin:auto 0;} #container.mobile .contentM .Mprd_list a:hover{color:#303030;text-decoration:none;} #container.mobile .contentM .Mprd_list li .list_txt{padding:10px 10px 17px;overflow:hidden;} #container.mobile .contentM .Mprd_list li .list_txt .tit{width:100%;overflow:hidden;height:34px;line-height:18px;text-overflow:ellipsis;word-break:break-word;} #container.mobile .contentM .Mprd_list li .list_txt .tit span{color:#ff6300;} #container.mobile .contentM .Mprd_list li .list_txt .price{padding-top:10px;color:#797878;font-size:14px;font-weight:bold;} #container.mobile .contentM .Mprd_list li .list_txt .price span{display:block;} #container.mobile .contentM .Mprd_list li .list_txt .price span.price_KRW{color:#333333;font-size:16px;padding-top:3px;} /* MOBILE부분 - 타오바오 구매대행 이미지로 검색 */ #container.mobile .searchResult{transition: all 0.5s ease 0s;position: fixed;z-index: 99;height: 100%;width: 100%;top: 30%;border-top:1px solid #6a57c3;background:#f8f8f8;/*display:grid;*/} #container.mobile .searchResult .searchTop{background:#fff;position:relative;height:120px;margin-bottom:10px;} #container.mobile .searchResult .searchTop div{position: absolute;width: 100%;padding-bottom: 20px;top: -50px;text-align:center;} #container.mobile .searchResult .searchTop .search_img{width:100px;height:100px;border:1px solid #6a57c3;border-radius:5px;margin:0 auto 20px;background:#fff;overflow:hidden;} #container.mobile .searchResult .searchTop .search_img img{width:100%;} #container.mobile .searchResult .searchTop .Title{font-size:16px;font-weight:bold;padding-bottom:10px;} #container.mobile .searchResult .searchTop .cardfee_notice .bul_circle03{display:inline-block;} #container.mobile .searchResult .searchTop .close_btn{position:absolute;right:15px;top:15px;} #container.mobile .searchResult .searchTop .close_btn img{width:20px;} #container.mobile .searchResult .Mprd_list{overflow:scroll;height:100vw;padding:0 10px;} #container.mobile .searchResult .Mprd_list .no_Result{background:#fff;padding:20px 10px;overflow:scroll;width:100%;} #container.mobile .searchResult .Mprd_list .no_Result .txt_Con{position:relative;} #container.mobile .searchResult .Mprd_list .no_Result .tit{text-align:center;background:url('/images2017/mobile/no_order.png') no-repeat top center;padding-top:60px;background-size:60px;font-size:14px;color:#7b7b7b;border-bottom:1px solid #cdcdcd;padding-bottom:40px;margin-bottom:20px;} #container.mobile .searchResult .Mprd_list .no_Result .txt li{background:url('/images2017/shop/search_check.png') no-repeat left 6px;padding-left:15px;line-height:20px;margin:0 5px 10px;} #container.mobile .searchResult .Mprd_list .no_Result .btn{display:block;position:absolute;right:0;top:50px;} #container.mobile .searchResult .Mprd_list .no_Result .btn a{padding:5px 10px;border-radius:20px;border:1px solid #dcdcdc;} #container.mobile .searchResult .Mprd_list .no_Result .cBtnArea{padding:20px 0;width:60%;margin:0 auto;} #container.mobile .searchResult .Mprd_list .no_Result .cBtnArea p{width:100%;} #container.mobile .searchResult .Mprd_list .no_Result div.txt_Con .txt li{width:100%;border:none;} #container.mobile .searchResult .Mprd_list li:last-child{margin-bottom:50px;} /* MOBILE부분 상품상세 */ #container.mobile #content.buyDtls .goodsDtls{margin-bottom:0;} #container.mobile #content.buyDtls .goodsDtls .imgs{float:none;margin-right:0;width:auto;position:relative;} #container.mobile #content.buyDtls .goodsDtls .summery{margin-left:0;width:100%;} #container.mobile #content.buyDtls .goodsDtls .summery section{padding:0 4%;background:#fff;width:92%;} #container.mobile #content.buyDtls .goodsDtls .summery h1{padding:20px 4%;background:#fff;width:92%;margin-bottom:0;font-size:18px;line-height:24px;} #container.mobile #content.buyDtls .goodsDtls > .summery > .price{margin-bottom:0;} #container.mobile #content.buyDtls .goodsDtls > .summery > .price > dl{overflow:hidden;margin-bottom:15px;} #container.mobile #content.buyDtls .goodsDtls > .summery > .price > dl > dt, #container.mobile #content.buyDtls .goodsDtls > .summery > .freight > dl > dt{font-size:14px;} #container.mobile #content.buyDtls .goodsDtls > .summery > .price > dl > dd, #container.mobile #content.buyDtls .goodsDtls > .summery > .freight > dl > dd{font-size:18px;} #container.mobile #content.buyDtls .goodsDtls > .summery > .price > dl > dd > p{display:inline-block;padding-right:10px;} #container.mobile #content.buyDtls .goodsDtls > .summery > .price > dl:last-child > dd > p{font-weight:bold;color:#ff7000;font-size:22px;padding-top:1px;} #container.mobile #content.buyDtls .goodsDtls > .summery dl dt{max-width:150px;width:30%;} #container.mobile #content.buyDtls .goodsDtls > .summery dl dd{width:70%;} #container.mobile #content.buyDtls .goodsDtls > .summery > .fees{border:none;padding-bottom:10px;position:relative;} #container.mobile #content.buyDtls .goodsDtls > .summery > .fees p{text-align:left;padding:0;} #container.mobile #content.buyDtls .goodsDtls > .summery > .fees p span{color:#303030;} #container.mobile #content.buyDtls .goodsDtls > .summery > .fees p .txt span{color:#6a57c3;} #container.mobile #content.buyDtls .goodsDtls > .summery > .fees p .txt{padding-left:20px;display:block;} #container.mobile #content.buyDtls .goodsDtls > .summery > .fees p span.bul_circle03{display:inline-block;width:13px;height:13px;line-height:13px;border-radius:13px;} #container.mobile #content.buyDtls .goodsDtls > .summery > .fees .bul_circle03 {position:absolute;left:4%;top:2px;} #container.mobile #content.buyDtls .goodsDtls > .summery > .freight{border-top:1px solid #f5f5f5;padding:10px 4% 20px;} #container.mobile #content.buyDtls .goodsDtls > .summery > .optionArea{margin-top:10px;border:none;margin-bottom:10px;padding-bottom:10px;padding-top:20px;} #container.mobile #content.buyDtls .goodsDtls > .summery > .optionArea .select_option_1 dd, #container.mobile #content.buyDtls .goodsDtls > .summery > .optionArea .select_option_2 dd, #container.mobile #content.buyDtls .goodsDtls > .summery > .optionArea .select_option_3 dd{width:100%;margin-top:10px;} #container.mobile #content.buyDtls .goodsDtls > .summery > .optionArea dl dt{width:100%;} #container.mobile #content.buyDtls .goodsDtls > .summery > .optionArea .option_quantity dt{width:20%;} #container.mobile #content.buyDtls .goodsDtls > .summery > .optionArea .option_quantity dd{width:80%;} #container.mobile #content.buyDtls .goodsDtls > .summery > .optionArea > dl > dd > ul > li:hover > a > .txt{border:1px solid #f1810a;} #container.mobile #content.buyDtls .goodsDtls > .summery > .optionArea > dl > dd > ul > li.active > a > .txt{border:1px solid #f1810a;} #container.mobile #content.buyDtls .goodsDtls > .summery > .optionArea > dl > dd > ul > li:hover > a > .img{border:1px solid #f1810a !important;padding:1px !important;} #container.mobile #content.buyDtls .goodsDtls > .summery > .optionArea > dl > dd > ul > li.active > a > .img{border:1px solid #f1810a !important;padding:1px !important;} #container.mobile #content.buyDtls .goodsDtls > .summery > .language{right:90px;top:20px;width:auto;padding:0;} #container.mobile #content.buyDtls .goodsDtls > .summery > .language input[type="checkbox"] + label{display: inline-block; width:27px; height:16px; background:#dcdcdc;cursor: pointer; border-radius:20px;box-sizing:border-box;} #container.mobile #content.buyDtls .goodsDtls > .summery > .language input[type="checkbox"]:checked + label{background:#fe9002;background-size:15px 10px;border:none;} #container.mobile #content.buyDtls .goodsDtls > .summery > .language input[type="checkbox"] + label span{position: absolute; top:0; left:30px; display: block;font-size:14px;width:100px;} #container.mobile #content.buyDtls .goodsDtls > .summery > .language input[type="checkbox"]{display:none;} #container.mobile #content.buyDtls .goodsDtls > .summery > .language input[type="checkbox"] + label span.btn{background: #fff;width: 14px;height: 14px; left: 1px;border-radius: 15px;top: 1px;} #container.mobile #content.buyDtls .goodsDtls > .summery > .language input[type="checkbox"]:checked + label span.btn{background: #fff;width: 14px;height: 14px; left:12px;border-radius: 14px;top: 1px;} #container.mobile #content.buyDtls .goodsInfo > .descriptionBox2 {padding:0 2%;margin-top:0;background:none;width:96%;overflow:hidden;height:2000px;} #container.mobile #content.buyDtls .goodsInfo > .descriptionBox2.active{height:100%;} #container.mobile #content.buyDtls .goodsDtls .imgs section{margin: 0;width: 100%;height: 100%;;} #container.mobile #content.buyDtls .goodsDtls .imgs section img{max-width: 100%;width: auto;height: auto;} #container.mobile #content.buyDtls .goodsDtls .imgs .paging_num{position: absolute;right: 3%;bottom: 3%;font-size:12px;font-weight:bold;color:#fff;background:rgba(21, 21, 22, 0.3);padding:5px 15px;border-radius:15px;} #container.mobile #content.buyDtls .goodsDtls .swiper-slide img{width:100vw;height:100vw;display:block;object-fit:contain;} #container.mobile #content.buyDtls .goodsDtls .swiper-pagination{position: absolute;right: 5%;bottom: 3%;width:auto;font-size:14px;font-weight:bold;color:#fff;background:rgba(21, 21, 22, 0.3);padding:2px 15px;border-radius:15px;} #container.mobile #content.buyDtls .goodsInfo > .descriptionBox2 div, #container.mobile #content.buyDtls .goodsInfo > .descriptionBox2 div img, #container.mobile #content.buyDtls .goodsInfo > .descriptionBox2 p img {margin:0 auto;text-align:center;overflow:hidden;display:block;width:100%;} #container.mobile #content.buyDtls .goodsInfo > .descriptionBox2 p{width:100%;overflow:hidden;} #container.mobile #content.buyDtls .goodsInfo > .descriptionBox2 table{overflow:hidden;display:block;} #container.mobile #content.buyDtls .goodsInfo > .descriptionBox2 div, #container.mobile #content.buyDtls .goodsInfo > .descriptionBox2 p, #container.mobile #content.buyDtls .goodsInfo > .descriptionBox2 span{font-size:12px !important;line-height:22px !important;} #container.mobile #content.buyDtls .tabInfo ul {background:#fff;border-bottom:1px solid #f5f5f5;overflow:hidden;width:100%;} #container.mobile #content.buyDtls .tabInfo ul li{width:33.33%;text-align:center;float:left;} #container.mobile #content.buyDtls .tabInfo ul li a{font-size:14px;color:#656565;border-top:1px solid #cdcdcd;padding:15px 0;display:block;} #container.mobile #content.buyDtls .tabInfo ul li.active{border-top:2px solid #333333;color:#1a1a1a;font-weight:bold;} #container.mobile #content.buyDtls .tabInfo.stuck ul{position:fixed;top:0;z-index:1;} #container.mobile #content.buyDtls .goodsInfo{background:#fff;display:none;} #container.mobile #content.buyDtls .goodsInfo.active{display:block;} #container.mobile #content.buyDtls .goodsInfo:last-child{margin-bottom:0;} #container.mobile #content.buyDtls .goodsInfo p.title{font-size:16px;font-weight:bold;padding:25px 0 15px 4%;background:#fff;float:left;} #container.mobile #content.buyDtls .goodsInfo p.more{float: right;font-size: 14px;padding: 20px 4% 0 0;} #container.mobile #content.buyDtls .goodsInfo p.MoreInfo {font-size:14px;width:92%;margin:4%;padding:10px 0;text-align:center;border:1px solid #cdcdcd;border-radius:0 0 5px 5px;background:#fff;display:block;} #container.mobile #content.buyDtls .goodsInfo p.MoreInfo i{padding-left:20px;vertical-align:-2px;font-size:16px;} #container.mobile #content.buyDtls .goodsInfo p.MoreInfo.off {display:none;} #container.mobile #content.buyDtls .goodsInfo table.shipInfo {width:100%;font-size:12px;background:#fff;border-bottom:1px solid #f5f5f5;overflow:hidden; } #container.mobile #content.buyDtls .goodsInfo table.shipInfo tr td{padding:10px;line-height:22px;border-top:1px solid #f5f5f5;} #container.mobile #content.buyDtls .goodsInfo table.shipInfo tr th{font-weight:normal;border-right:1px solid #f5f5f5;background:#fcfcfc;border-top:1px solid #f5f5f5;} #container.mobile #content.buyDtls .goodsInfo table.shipInfo tr td p.tlink{display:block;margin-top:10px;margin-bottom:10px;} #container.mobile #content.buyDtls .goodsInfo table.shipInfo tr td p.tlink a{padding:5px 10px;border:1px solid #dcdcdc;border-radius:20px;text-decoration:none;} #container.mobile #content.buyDtls .goodsInfo .stepMenu{overflow:hidden;width:100%;} #container.mobile #content.buyDtls .goodsInfo .stepMenu li{float:left;width:50%;font-size:14px;text-align:center;background:#fcfcfc;border-top:1px solid #f5f5f5;border-bottom:1px solid #333333;border-right:1px solid #333333;box-sizing:border-box;} #container.mobile #content.buyDtls .goodsInfo .stepMenu li a{color:#8d8d8d;padding:10px 0;display:block;} #container.mobile #content.buyDtls .goodsInfo .stepMenu li:last-child{border-right:none;} #container.mobile #content.buyDtls .goodsInfo .stepMenu li.active{background:#fff;border-top:1px solid #333333;border-bottom:1px solid #fff;} #container.mobile #content.buyDtls .goodsInfo .stepMenu li.active a{color:#333333;} #container.mobile #content.buyDtls .goodsInfo .stepList{width:92%;padding:20px 4% 0;font-size:12px;overflow:hidden;display:none;} #container.mobile #content.buyDtls .goodsInfo .stepList.active{display:block;} #container.mobile #content.buyDtls .goodsInfo .stepList dl{overflow:hidden;padding-bottom:10px;line-height:22px;} #container.mobile #content.buyDtls .goodsInfo .stepList dl dt{line-border:1px solid #333;float:left;border:1px solid #333;text-align:center;border-radius:3px;width:15%;max-width:80px;height:22px;line-height:22px;} #container.mobile #content.buyDtls .goodsInfo .stepList dl dd{float:left;width:80%;padding-left:10px;} #container.mobile #content.buyDtls .goodsInfo .conInfo_txt{overflow:hidden;width:100%;border-top:1px solid #333;padding-bottom:0 !important;} #container.mobile #content.buyDtls .goodsInfo .conInfo_txt ul{width:92%;padding:10px 4% 0;font-size:12px;line-height:22px;} #container.mobile #content.buyDtls .goodsInfo .conInfo_txt ul li{background:url('/images2017/mobile/m_txt_dot.gif') 0 9px no-repeat;padding-left:10px;padding-bottom:10px;line-height:20px;} #container.mobile #content.buyDtls .goodsInfo .conInfo_txt ul li span{color:#f5821f;} #container.mobile #content.buyDtls .goodsInfo .conInfo_txt ul li ul li{background:url('/images2017/shop/guide_txt_line.gif') 0 13px no-repeat;padding-left:10px;} #container.mobile #content.buyDtls .goodsInfo.target02 .descriptionBox2 img{width:100%;} #container.mobile a {text-decoration:none;} /* MOBILE부분 - 장바구니 */ #container.mobile .AssistedPurchase .Select_all{padding:10px;font-size:14px;overflow:hidden;} #container.mobile .AssistedPurchase .Select_all .S_all{float:left;line-height:30px;position:relative;} #container.mobile .AssistedPurchase .Select_all .delete{float:right;padding:0 10px;height:28px;line-height:28px;border:1px solid #dcdcdc;background:#fff;border-radius:20px;letter-spacing:-1px;} #container.mobile .AssistedPurchase .Select_all .delete img{width: 14px;vertical-align: -3px;padding-left: 10px;} #container.mobile .AssistedPurchase .product_con{background:#fff;border:1px solid #e9eaeb;border-radius:5px;padding:10px;margin:0 10px 10px;position:relative;} #container.mobile .AssistedPurchase .product_con .top_con{overflow:hidden;margin-bottom:10px;position:relative;} #container.mobile .AssistedPurchase .product_con .top_con .img{float:left;max-width:65px;width:25%;height:65px;background:#000;position:absolute;left:0;top:0;} #container.mobile .AssistedPurchase .product_con .top_con .img img{width:100%;height:100%;} #container.mobile .AssistedPurchase .product_con .top_con .name_price{width:100%;padding-left:75px;box-sizing:border-box;} #container.mobile .AssistedPurchase .product_con .top_con .name_price .pName{text-overflow: ellipsis;white-space: normal;word-break:break-word;max-height: 37px;overflow: hidden;margin-bottom:13px;font-size:14px;} #container.mobile .AssistedPurchase .product_con .top_con .name_price dl{overflow:hidden;margin-bottom:10px;} #container.mobile .AssistedPurchase .product_con .top_con .name_price dl:last-child{margin-bottom:0;} #container.mobile .AssistedPurchase .product_con .top_con .name_price dl dt{float:left;font-size:14px} #container.mobile .AssistedPurchase .product_con .top_con .name_price dl dd{float:right;font-size:16px;} #container.mobile .AssistedPurchase .product_con .top_con .name_price dl.division dd{font-size:13px;color:#797878;background:#f8f8f8;padding:5px 10px;float:none;} #container.mobile .AssistedPurchase .product_con .top_con .name_price .pName a{color:#303030 !important;} #container.mobile .AssistedPurchase .product_con .option{overflow:hidden;} #container.mobile .AssistedPurchase .product_con .option dl{overflow:hidden;line-height:28px;margin-bottom: 10px;} #container.mobile .AssistedPurchase .product_con .option dl dt{float:left;font-weight:bold;padding-right:10px;padding-left:10px;font-size:14px;} #container.mobile .AssistedPurchase .product_con .option dl dd{float:left;} #container.mobile .AssistedPurchase .product_con .option dl.division{background: #f8f8f8;padding-right:10px;position:relative;} #container.mobile .AssistedPurchase .product_con .option dl.division dd{width:80%;overflow: hidden;color:#797878;line-height:28px;} #container.mobile .AssistedPurchase .product_con .option dl.division span{position:absolute;right:10px;top:8px;} #container.mobile .AssistedPurchase .product_con .option .quantity dd{float:right;} #container.mobile .AssistedPurchase .product_con .option .quantity dd a{border: 1px solid #dcdcdc;width: 26px;height: 26px;line-height: 26px;display: block;text-align: center;float: left;cursor: pointer;font-size: 16px;font-family: cursive;color:#666;} #container.mobile .AssistedPurchase .product_con .option .quantity dd a.minus_qty{background:url('/images2017/mobile/m_minus_icon.gif')no-repeat center center;background-size:10px auto;} #container.mobile .AssistedPurchase .product_con .option .quantity dd a.plus_qty{background:url('/images2017/mobile/m_plus_cion.png')no-repeat center center;background-size:10px auto;} #container.mobile .AssistedPurchase .product_con .option .quantity dd input{padding: 0 10px;border: 0;line-height: 28px;display: block;float: left;height: 28px;width:28px;text-align:center;} #container.mobile .AssistedPurchase .product_con .price{border-top: 1px solid #f8f8f8;overflow:hidden;padding-top:10px;padding-bottom:10px;font-size:14px;letter-spacing:0;text-align:center;} #container.mobile .AssistedPurchase .product_con .price p{display:inline-block;text-align:center;vertical-align:middle;color:#797878;} #container.mobile .AssistedPurchase .product_con .price p.icon1 {background:url(/images2017/mobile/plas_icon.png) no-repeat center center;background-size:18px auto;width:18px;height:18px;} #container.mobile .AssistedPurchase .product_con .price p.icon2 {background:url(/images2017/mobile/total_icon.png) no-repeat center center;background-size:18px auto;width:18px;height:18px;} #container.mobile .AssistedPurchase .product_con .price p.icon{background: #d4d4d4;color: #fff;width: 11px;height: 11px;border-radius: 11px;text-align: center;padding: 0 1px 1px;font-family: 'Nanum Gothic' !important;margin-top:7px;line-height:13px;margin:7px 5px 0;} #container.mobile .AssistedPurchase .product_con .price p .fs_10{font-size: 10px;vertical-align: top;padding-right:5px;} #container.mobile .AssistedPurchase .product_con .price p:last-child{font-size:18px;color:#303030;} #container.mobile .AssistedPurchase .cartTotal{margin:0;height:auto;background:#fff;overflow:hidden;padding:10px 0 50px;} #container.mobile .AssistedPurchase .cartTotal dl{font-size:14px;overflow:hidden;padding:5px 4%;} #container.mobile .AssistedPurchase .cartTotal dl dt{float:left;} #container.mobile .AssistedPurchase .cartTotal dl dd{float:right;font-size:16px;} #container.mobile .AssistedPurchase .cartTotal dl.total{border-top:1px solid #333333;padding:15px 0 10px;margin-top:5px;} #container.mobile .AssistedPurchase .cartTotal dl.total dt{padding-left:4%;font-size:16px;font-weight:bold} #container.mobile .AssistedPurchase .cartTotal dl.total dd{padding-right:4%;font-size:24px;font-weight:bold;color:#ff623e;} #container.mobile .AssistedPurchase .cartTotal .payment{background: #ff7000;text-align: center;margin: 0 4%;color: #fff;font-size: 16px;font-weight: bold;height: 50px;line-height: 50px;margin-top: 20px;} #container.mobile .AssistedPurchase input[type="checkbox"] + label{display: inline-block; width:20px; height:20px; background:url(/images2017/mobile/check_icon_off.png) #fff no-repeat center/15px 10px;border:1px solid #dcdcdc;box-sizing:border-box;cursor: pointer; border-radius: 3px;margin-top:5px;margin-left:10px;} #container.mobile .AssistedPurchase input[type="checkbox"]:checked + label{background:url(/images2017/mobile/check_icon.png) #fe9002 no-repeat center/15px 10px;border:none;} #container.mobile .AssistedPurchase input[type="checkbox"] + label span{position: absolute; top: 0; left:35px; display: block;} #container.mobile .AssistedPurchase input[type="checkbox"]{display:none;} #container.mobile .AssistedPurchase .product_con .S_check{position:absolute;left:10px;top:10px;z-index:1;} #container.mobile .AssistedPurchase .product_con .S_check label{margin:0;} #container.mobile #step_1 .Title:first-child {padding-top:15px;} /* MOBILE부분 주문결제 */ #container.mobile #cartList {background:#fff;border:1px solid #e9eaeb;border-radius:5px;margin:10px;position:relative;overflow:hidden;} #container.mobile #cartList .product_con{border-bottom:1px solid #e9eaeb;padding-bottom:10px;margin:10px;} #container.mobile #cartList .product_con:last-child{border-bottom:none;} #container.mobile #cartList .product_con .top_con{overflow:hidden;padding-bottom:10px;position:relative;} #container.mobile #cartList .product_con .top_con .img{width:65px;height:65px;position:absolute;left:0;top:0;} #container.mobile #cartList .product_con .top_con .img img{width:100%;height:100%;} #container.mobile #cartList .product_con .top_con .name_price{overflow:hidden;padding-left:75px;} #container.mobile #cartList .product_con .top_con .name_price .pName{text-overflow: ellipsis;white-space: normal;word-break:break-word;max-height: 35px;overflow: hidden;margin-bottom:10px;font-size:14px;} #container.mobile #cartList .product_con .top_con .name_price .pPrice{font-size:14px;color:#797878;float:left;padding-top:10px;} #container.mobile #cartList .product_con .top_con .name_price .pPrice dt{float:left;padding-right:10px;padding-left:0;font-weight:normal;} #container.mobile #cartList .product_con .top_con .name_price .pPrice dd{float:left;font-size:16px;} #container.mobile #cartList .product_con .top_con .name_price .pPrice:last-child{float:right;} #container.mobile #cartList .product_con .option{display:block;color:#797878;} #container.mobile #cartList .product_con .option dl{overflow:hidden;} #container.mobile #cartList .product_con .option dl dt{float:left;font-weight:bold;padding-right:10px;padding-left:10px} #container.mobile #cartList .product_con .option dl dd{float:left;} #container.mobile #cartList .product_con .option dl.division{background: #f8f8f8;padding-right:10px;position:relative;} #container.mobile #cartList .product_con .option dl.division dd{width: 220px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} #container.mobile #cartList .product_con .option dl.division span{position:absolute;right:10px;top:8px;} #container.mobile #cartList .product_con .option .quantity dd{float:right;} #container.mobile #cartList .product_con .option .quantity dd a{border: 1px solid #dcdcdc;width: 26px;height: 26px;line-height: 26px;display: block;text-align: center;float: left;cursor: pointer;} #container.mobile #cartList .product_con .option .quantity dd input{padding: 0 10px;border: 0;line-height: 28px;display: block;float: left;height: 28px;width:28px;text-align:center;} #container.mobile #cartList .product_con .price{border-top: 1px solid #f8f8f8;overflow:hidden;padding-top:10px;font-size:14px;letter-spacing:0;text-align:center;} #container.mobile #cartList .product_con .price p{display:inline-block;text-align:center;vertical-align:middle;color:#797878;} #container.mobile #cartList .product_con .price p.icon1 {background:url(/images2017/mobile/plas_icon.png) no-repeat center center;background-size:18px auto;width:18px;height:18px;} #container.mobile #cartList .product_con .price p.icon2 {background:url(/images2017/mobile/total_icon.png) no-repeat center center;background-size:18px auto;width:18px;height:18px;} #container.mobile #cartList .product_con .price p .fs_10{font-size: 10px;vertical-align: top;padding-right:5px;} #container.mobile #cartList .product_con .price p:nth-child(5){font-size:16px;color:#303030;} #container.mobile #cartList .product_con .price p.exchange{width:100%;text-align:center;padding-top:10px;padding-bottom:10px;color:#303030;margin-top:10px;} #container.mobile #cartList .product_con .price p.exchange strong{font-size:18px;padding-left:10px;} #container.mobile #cartList .product_con .price p.exchange span{display:inline-block;} #container.mobile #cartList .product_con .price p.exchange .money{padding-right:5px;} #container.mobile .cartTotal2{padding: 0 4%;width: 92%;background:#fff;} #container.mobile .cartTotal2 ul li{overflow:hidden;padding:5px 0;font-size:14px;} #container.mobile .cartTotal2 ul li .name{width: auto;padding-right: 0;float:left;} #container.mobile .cartTotal2 ul li .mMarker{width:auto;} #container.mobile .cartTotal2 ul li span{width:auto;padding:0;} #container.mobile .cartTotal2 ul li p{text-align:right;float:right;} #container.mobile .cartTotal2 ul li strong{text-align:right;float:right;} #container.mobile .cartTotal2 ul li .Price{font-size:16px;} #container.mobile .cartTotal2 ul li.total, #container.mobile .cartTotal2 ul li.tPay{border-bottom:none;} #container.mobile .cartTotal2 ul li.tPay{padding-top:0;} #container.mobile .cartTotal2 ul li.tPay strong{font-size:18px;} #container.mobile .cartTotal2 ul li.omz_tPay{background:none;border-top:1px solid #cdcdcd;margin-top:5px;} #container.mobile .cartTotal2 ul li.omz_tPay p.cardfee_notice{overflow:hidden;width:100%;text-align:left;float:none;} #container.mobile .cartTotal2 ul li.omz_tPay p.cardfee_notice .bul_circle03{width:15px;height:15px;position:absolute;left:4%;} #container.mobile .cartTotal2 ul li.omz_tPay p.cardfee_notice .txt{padding-left:25px;color:#797878;font-size:12px;} #container.mobile .cartTotal2 ul li.omz_tPay, #container.mobile .cartTotal2 ul li.tPayPay {font-size:14px;font-weight:bold;padding:15px 0 20px;width:100%;} #container.mobile .cartTotal2 ul li.omz_tPay .name{font-size:16px;} #container.mobile .cartTotal2 ul li.omz_tPay .mMarker, #container.mobile .cartTotal2 ul li.omz_tPay .Price, #container.mobile .cartTotal2 ul li.tPayPay .mMarker, #container.mobile .cartTotal2 ul li.tPayPay .Price{font-size:24px;color:#ff623e;} #container.mobile #step_2 .cartTotal2 ul li.total ul li strong {font-weight:normal;} #container.mobile #step_2 .cartTotal2 ul li .Price {font-weight:normal;} #container.mobile #step_2 .cartTotal2 ul li .mMarker {font-weight:normal;} #container.mobile #step_2 .cartTotal2 ul li.tPay strong span{font-weight:bold;} #container.mobile #step_2 .cartTotal2 ul li.omz_tPay strong span{font-weight:bold;} #container.mobile #step_2 .purchase{background:#fff;overflow:hidden;padding:10px 4% 20px;} #container.mobile #step_2 .purchase ul {overflow:hidden;} #container.mobile #step_2 .purchase ul li{float:left;width:50%;position:relative;} #container.mobile #step_2 .purchase ul li input[type="radio"] + label{display: inline-block; width:20px; height:20px; background:url(/images2017/mobile/check_icon_off.png) #fff no-repeat center/15px 10px;border:1px solid #dcdcdc;cursor: pointer; border-radius: 3px;box-sizing:border-box;} #container.mobile #step_2 .purchase ul li input[type="radio"]:checked + label{background:url(/images2017/mobile/check_icon.png) #fe9002 no-repeat center;background-size:15px 10px;border:none;} #container.mobile #step_2 .purchase ul li input[type="radio"] + label span{position: absolute; top: 3px; left:25px; display: block;font-size:14px;line-height:14px;} #container.mobile #step_2 .purchase ul li input[type="radio"]{display:none;} #container.mobile #step_2 .purchase p{margin-top: 10px;margin-left: 2px;position:relative;} #container.mobile #step_2 .purchase p span.bul_circle03{position:absolute;left:0;top:1px;} #container.mobile #step_2 .purchase p span.txt{margin-left: 20px;display: block;} #container.mobile #step_2 .cartTotal2 ul li .Price {font-weight:normal;} #container.mobile #step_2 .cartTotal2 ul li .mMarker {font-weight:normal;} #container.mobile #payment_0_notice{color:#333;} #container.mobile .Transaction{background:#fff;padding:10px 4%;position:relative;} #container.mobile .Transaction ul.tab_Type{overflow:hidden;margin-bottom:10px;} #container.mobile .Transaction ul.tab_Type li{float:left;width:49%;background:#f8f8f8;border:1px solid #dcdcdc;box-sizing:border-box;font-size:14px;height:40px;line-height:40px;text-align:center;} #container.mobile .Transaction ul.tab_Type li:last-child{float:right;} #container.mobile .Transaction ul.tab_Type li.active{background:#fe9002;color:#fff;border:none;} #container.mobile .Transaction ul.tab_Type li span {padding-left:30px;} #container.mobile .Transaction ul.tab_Type li span.payment1{background:url(/images2017/mobile/Transaction_icon01_off.png) no-repeat 0 0;background-size:26px 16px;} #container.mobile .Transaction ul.tab_Type li span.payment2{background:url(/images2017/mobile/Transaction_icon02_off.png) no-repeat 0 0;background-size:24px 16px;} #container.mobile .Transaction ul.tab_Type li.active span.payment1{background:url(/images2017/mobile/Transaction_icon01_on.png) no-repeat 0 0;background-size:26px 16px;} #container.mobile .Transaction ul.tab_Type li.active span.payment2{background:url(/images2017/mobile/Transaction_icon02_on.png) no-repeat 0 0;background-size:24px 16px;} #container.mobile .Transaction .payment_list > li{width:100%;overflow:hidden;height:70px;line-height:70px;border:1px solid #cdcdcd;border-radius:5px;margin-bottom:10px;padding:0 20px;box-sizing:border-box;box-shadow:1px 2px 3px #e6e6e6;} #container.mobile .Transaction .payment_list > li a {font-size:16px;} #container.mobile .Transaction .payment_list > li p{padding-left:50px;position:relative;} #container.mobile .Transaction .payment_list > li p:after{content:'';width:13px;height:100%;background:url(/images2017/mobile/m_arrow1_off.png) no-repeat left center;background-size:13px auto;position:absolute;right:0;} #container.mobile .Transaction .payment_list > li.payment0 p{background:url(/images2017/mobile/Transaction_icon01_off.png) no-repeat left center;background-size:40px auto;} #container.mobile .Transaction .payment_list > li.payment1 p{background:url(/images2017/mobile/Transaction_icon02_off.png) no-repeat left center;background-size:40px auto;} #container.mobile .Transaction .payment_list > li.payment2 p{background:url(/images2017/mobile/Transaction_icon03_off.png) no-repeat left center;background-size:42px auto;} #container.mobile .Transaction .payment_list > li.active {border:1px solid #ff7000;} #container.mobile .Transaction .payment_list > li.active a{color:#ff7000;} #container.mobile .Transaction .payment_list > li.active p:after{content:'';width:13px;height:100%;background:url(/images2017/mobile/m_arrow1_on.png) no-repeat left center;background-size:13px auto;position:absolute;right:0;} #container.mobile .Transaction .payment_list > li.active.payment0 p{background:url(/images2017/mobile/Transaction_icon01_on.png) no-repeat left center;background-size:40px auto;} #container.mobile .Transaction .payment_list > li.active.payment1 p{background:url(/images2017/mobile/Transaction_icon02_on.png) no-repeat left center;background-size:40px auto;} #container.mobile .Transaction .payment_list > li.active.payment2 p{background:url(/images2017/mobile/Transaction_icon03_on.png) no-repeat left center;background-size:42px auto;} #container.mobile .Transaction .payment_list > div{margin-bottom:40px;padding:0 10px;} #container.mobile .Transaction .payment_list > div > p.omz_tPay{font-size: 14px;font-weight: bold;border-top: 1px solid #dcdcdc;padding-top: 10px;} #container.mobile .Transaction .payment_list > div > p.omz_tPay strong{float: right;font-size: 16px;color: #ff623e;} #container.mobile .Transaction .notice .title{font-size: 14px;font-weight: bold;border-bottom:1px solid #cdcdcd;padding-bottom:10px;} #container.mobile .Transaction .notice .Account{border-bottom:1px solid #cdcdcd;padding:5px 0;} #container.mobile .Transaction .notice .Account p{line-height: 28px;font-size: 14px;} #container.mobile .Transaction .notice .Account p span{color:#797878;width:150px;display:inline-block;} #container.mobile .Transaction .notice .Whether{padding-bottom:10px;border-bottom:1px solid #cdcdcd;} #container.mobile .Transaction .notice .Whether p{line-height: 28px;font-size: 14px;} #container.mobile .Transaction .notice .Whether p strong{width:150px;display:inline-block;} #container.mobile .Transaction .notice .Whether p span.popup_btn{color: #797878;background: #dddddd;padding: 1px 5px;border-radius: 10px;font-size: 12px;font-weight:bold;margin-left: 5px;font-family:'Nanum Gothic' !important;} #container.mobile .Transaction .tTxt{color:#797878;margin-top:10px;position:relative;} #container.mobile .Transaction .tTxt .bul_circle03{position:absolute;left:0;top:1px;} #container.mobile .Transaction .tTxt .txt{margin-left:20px;display:block} #container.mobile .Transaction .Precautions{overflow: hidden;font-size: 12px;line-height: 20px;margin-top: 10px;margin-bottom:10px;background:#fbfbfb;padding:10px;} #container.mobile .Transaction .Precautions p{font-weight:bold;font-size:14px;padding-bottom:10px;} #container.mobile .Transaction .Precautions li {background:url(/images2017/mobile/m_txt_dot.gif) no-repeat 0 9px;padding-left:8px;} #container.mobile .Transaction .Precautions li span{color:#f5821f;} #container.mobile .Transaction .area .payment > div{padding-bottom:10px;overflow:hidden;line-height:28px;} #container.mobile .Transaction .area .payment > div:first-child{border-bottom:1px solid #dcdcdc;margin-bottom:10px;} #container.mobile .Transaction .area .payment > div p{position:relative;} #container.mobile .Transaction .area .payment > div input[type="checkbox"] + label{display: inline-block; width:20px; height:20px; border:1px solid #dcdcdc;cursor: pointer; border-radius: 3px;box-sizing:border-box;} #container.mobile .Transaction .area .payment > div input[type="checkbox"]:checked + label{background:url(/images2017/mobile/check_icon.png) #fe9002 no-repeat center;background-size:15px 10px;border:none;} #container.mobile .Transaction .area .payment > div input[type="checkbox"] + label span{position: absolute; top: -5px; left:25px; display: block;font-size:14px;width:100px;} #container.mobile .Transaction .area .payment > div input[type="checkbox"]{display:none;} #container.mobile .Transaction .area .payment > div i {padding-left:45px;} #container.mobile .Transaction .area .payment > div i em{color:#ff6749;font-weight:bold;} #container.mobile .Transaction .area .payment .payment_btn{float:right;} #container.mobile .Transaction .area .payment .payment_btn a{font-size:12px;color: #fe9002;border: 1px solid #fe9002;padding: 0 5px;border-radius: 3px;display:block;} #container.mobile .Transaction .area .payment > div select{width:100%;height:40px;line-height:40px;background:#fff;} #container.mobile .Transaction .area .payment > div input#card_cvs_cd{width:100%;box-sizing:border-box;} #container.mobile .Transaction .area .payment > div input{height:auto;padding:10px 14px;line-height:18px;} #container.mobile #step_2 .boxS_txt{overflow:hidden;padding:10px 4% 0;font-size:14px;line-height:24px;background:#fff;} #container.mobile #step_2 .boxS_txt li {background:url(/images2017/mobile/m_txt_dot.gif) no-repeat 0 13px;padding-left:8px;padding-bottom:10px;line-height:22px;} #container.mobile #step_2 div.Title{border-bottom:1px solid #333;} #container.mobile #step_2 div.Title:first-child{border-bottom:1px solid #e9eaeb;} #container.mobile #step_2 .Title:first-child{padding-top:15px;} #container.mobile #step_2 .Title span.popup_btn{margin-left:5px;border:1px solid #dddddd;color:#797878;border-radius:25px;height:15px;width:15px;line-height:15px;font-weight:bold;font-size:12px;text-align:center;background:#dddddd;vertical-align:text-top;display:inline-block;margin-top:3px;} #container.mobile #step_2 .m_LayerPopup.msg{top:20%;position:fixed;z-index:1;font-size:14px;line-height:22px;} #container.mobile .box_bg{background:#f8f8f8;padding:10px 0;} #container.mobile .Transaction .m_LayerPopup .txt{font-size:14px;line-height:22px;} /* 주문결제 카드입력 팝업 */ .editPop.m_LayerPopup {width: 80%;height:350px;overflow:scroll;margin: 0 10%;position: fixed;top: 15%;left: 0;border: 1px solid #6a57c3;box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);} .editPop.m_LayerPopup .inner{padding:0 15px;position:relative;} .editPop.m_LayerPopup .inner .message02{width:auto;background-color:rgba(250,247,226,1);border:1px solid rgba(250,247,226,1);padding:5px 0;} .editPop.m_LayerPopup .inner .message02 p{color:#303030;font-size:12px;} .editPop.m_LayerPopup .inner .message02 .close{top:3px;right:10px;} .editPop.m_LayerPopup ul{margin:20px 0 0 0;} .editPop.m_LayerPopup ul li{padding:0;margin-bottom:20px;} .editPop.m_LayerPopup ul li:last-child{margin-bottom:0;} .editPop.m_LayerPopup ul li label{padding:0 0 10px 0;text-align:left;width:100%;color:#303030;font-weight:bold;} .editPop.m_LayerPopup ul li select, .editPop.m_LayerPopup ul li input{width:100%;padding:0 0 0 10px;box-sizing:border-box;background:#fff;} .editPop.m_LayerPopup ul li span.bul_circle03{display:inline-block;position:absolute;left:15px;} .editPop.m_LayerPopup ul li span.txt{margin-left:20px;display:block;width:auto;} .editPop.m_LayerPopup .cBtnArea {width:100%;padding-top:0;overflow:hidden;} .editPop.m_LayerPopup .cBtnArea p{width:100%;height:50px;line-height:50px;} .editPop.m_LayerPopup .cBtnArea a{font-size:16px;display:block;color:#fff;font-weight:bold;} .editPop.m_LayerPopup .cBtnArea p.btn2{background:#444;} .editPop.m_LayerPopup .select_Box{width:100%;} .editPop.m_LayerPopup ul li.date .select_Box select{width:100%;} /* MOBILE부분 주문완료 */ #container.mobile .Order{padding:0 4%;position:relative;overflow:unset;} #container.mobile .Order ul{overflow:hidden;font-size:14px;height:50px;line-height:50px;} #container.mobile .Order ul li.number em{font-weight:bold;} #container.mobile .Order div.tbox{position:relative;} #container.mobile .Order div.tbox .txt{width:330px;background:url(/images2017/mobile/order_txtBox_arrow.png) no-repeat 10px 0;padding-top:9px;display: inline-block;position: absolute;left: 0;top: -15px;z-index:1;} #container.mobile .Order div.tbox .txt p{color: #fff;padding: 5px 0;text-align:center;border-radius: 3px;background: #6a57c3;font-size:11px;} #container.mobile .Order div.tbox .txt p span{color:#fcff02;} #container.mobile .Order div.tbox .cbtn{position:absolute;top:-15px;left:315px;z-index:99;} #container.mobile #step_3 .Transaction .notice .Account{border-bottom:1px solid #cdcdcd;padding-bottom:10px;padding-top:0;} #container.mobile #step_3 .Transaction .notice .Account p{line-height: 28px;font-size: 14px;} #container.mobile #step_3 .Transaction .notice .Account p span{color:#797878;width:145px;display:inline-block;} #container.mobile #step_3 .Transaction .notice .Account p span.popup_btn{margin-left:5px;border:1px solid #dddddd;color:#797878;border-radius:25px;height:15px;width:15px;line-height:15px;font-weight:bold;font-size:12px;text-align:center;background:#dddddd;vertical-align:text-top;} #container.mobile #step_3 .Transaction .tTxt{color:#797878;margin-top:10px;position:relative;} #container.mobile #step_3 .Transaction .tTxt .bul_circle03{position:absolute;left:0;top:1px;} #container.mobile #step_3 .Transaction .tTxt .txt{margin-left:20px;display:block} #container.mobile #step_3 #cartList{margin:0 10px 10px;} #container.mobile #step_3 .cBtnArea{padding-top:0;padding-bottom:0;} #container.mobile #step_3 .Title:first-child{padding-top:15px;} /* MOBILE부분 배송조회 */ #container.mobile .my_info{display:none;} #container.mobile .my_info.active{display:block;} #container.mobile .my_info .point{padding:20px 4%;background:#fff;border-bottom:1px solid #cdcdcd;font-size:14px;color:#797878;} #container.mobile .my_info .point span{float:right;font-size:18px;font-weight:bold;color:#333;} #container.mobile .my_info .Transaction .notice .Account{border-top:none;margin-top:0;padding-top:0;} #container.mobile .my_info .Transaction .notice .Precautions{background:#fbfbfb;padding:10px;} #container.mobile .my_info .cBtnArea{padding:0 4% 40px;} #container.mobile .order_list{padding-top:10px;display:none;} #container.mobile .order_list.active{display:block;} #container.mobile .order_list .orderCon .topBar{border-bottom:1px solid #333333;background:#fff;font-size:14px;overflow:hidden;padding:20px 4%;position:relative;} #container.mobile .order_list .orderCon .topBar .orderTotal{position:absolute;right:4%;bottom:20px;} #container.mobile .order_list .orderCon .topBar .orderSearch{display:inline-block;background:url(/images2017/mobile/m_arrow_off.png) no-repeat right center;background-size:10px auto;padding-right:20px;} #container.mobile .order_list .orderCon .topBar .orderSearch.active{background:url(/images2017/mobile/m_arrow_on.png) no-repeat right center;background-size:10px auto;} #container.mobile .order_list .orderCon .topBar .searchArea {overflow:hidden;width:100%;position:relative;padding-top:10px;padding-bottom:25px;display:none;} #container.mobile .order_list .orderCon .topBar .searchArea.active{display:block;} #container.mobile .order_list .orderCon .topBar .searchArea select{width:100%;height:40px;line-height:40px;padding:0 0 0 10px;box-sizing:border-box;background:#fff;background:#fff;} #container.mobile .order_list .orderCon .topBar .searchArea .select_Box:nth-child(3) select{border-left:none;} #container.mobile .order_list .orderCon .topBar .searchArea .select_Box:nth-child(2) select{background:url(/images2017/mobile/m_select_line.gif) no-repeat right center;background-size:1px 20px;border-right:none;} #container.mobile .order_list .orderCon .topBar .searchArea .select_Box{width:50%;float:left;} #container.mobile .order_list .orderCon .topBar .searchArea .select_Box:before{content: "";position: absolute;top: 50%;right: 15px;width: 0;height: 0;margin-top: -1px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #313131;} #container.mobile .order_list .orderCon .topBar .searchArea input{float:left;width:100%;box-sizing:border-box;height:40px;line-height:40px;margin-top:10px;} #container.mobile .order_list .orderCon .topBar .searchArea a.search_Btn{position:absolute;right:10px;top:65px;width:30px;height:30px;background:url(/images2017/mobile/m_search_icon.png) no-repeat right center;background-size:23px auto;} #container.mobile .order_list .orderCon div.list{overflow:hidden;margin-bottom:10px;padding:0 10px 10px;background:#fff;} #container.mobile .order_list .orderCon div.list .top_View{padding:20px 0 10px 10px;overflow:hidden;} #container.mobile .order_list .orderCon div.list .top_View p{float:left;font-size:14px;} #container.mobile .order_list .orderCon div.list .top_View p:first-child{padding-right:10px;} #container.mobile .order_list .orderCon div.list .top_View p.viewBtn{float:right;padding-right:10px;} #container.mobile .order_list .orderCon div.list .top_View p.viewBtn i{vertical-align: -3px;background: #bababa;border-radius: 13px;padding: 2px 0;color: #fff;font-weight: normal;margin-left: 5px;} #container.mobile .order_list .orderCon div.list .top_View p strong{color:#6a57c3;} #container.mobile .order_list .orderCon div.list:last-child{margin-bottom:0;} #container.mobile .order_list .orderCon .product_con{background:#fff;border:1px solid #e9eaeb;border-radius:5px;position:relative;width:100%;overflow:hidden;} #container.mobile .order_list .orderCon .product_con .Status{background:#f8f8f8;padding:10px;overflow:hidden;} #container.mobile .order_list .orderCon .product_con .Status p{font-size:14px;line-height:20px;display:inline-block;overflow:hidden;vertical-align:middle;} #container.mobile .order_list .orderCon .product_con .Status p.tit{width:60%;} #container.mobile .order_list .orderCon .product_con .Status p .pNum{display:block;color:#6a57c3;} #container.mobile .order_list .orderCon .product_con .Status p.sBtn{width:38%;text-align:right;} #container.mobile .order_list .orderCon .product_con .Status p.sBtn a{width:80px;display:inline-block;background:#fff;border:1px solid #dcdcdc;border-radius:3px;height:28px;line-height:28px;text-align:center;} #container.mobile .order_list .orderCon .product_con .conBox .pName{text-overflow:ellipsis;white-space:normal;word-break:break-word;max-height:45px;overflow:hidden;padding:10px 10px 0;font-size:14px;} #container.mobile .order_list .orderCon .product_con .conBox .pName span:first-child{color:#fe9002;} #container.mobile .order_list .orderCon .product_con .conBox .top_con{overflow:hidden;padding:10px;position:relative;min-height:65px;} #container.mobile .order_list .orderCon .product_con .conBox .img{float:left;max-width:65px;width:35%;height:65px;position:absolute;left:10px;top:10px;} #container.mobile .order_list .orderCon .product_con .conBox .img img{width:100%;height:100%;} #container.mobile .order_list .orderCon .product_con .conBox .name_price{padding-left:75px;position:relative;} #container.mobile .order_list .orderCon .product_con .conBox .name_price p.pName{text-overflow:ellipsis;white-space:normal;word-break:break-word;max-height:35px;overflow:hidden;margin-bottom:10px;} #container.mobile .order_list .orderCon .product_con .conBox .name_price p.pName span{color: #797878;padding-left:10px;} #container.mobile .order_list .orderCon .product_con .conBox .name_price p.price{margin-top:10px;font-size:16px;font-weight:bold;} #container.mobile .order_list .orderCon .product_con .conBox .name_price p.price span{font-size:12px;font-weight:normal;color:#fe9002;background:url(/images2017/mobile/m_txt_line02.gif) no-repeat left center;background-size:1px 12px;padding-left:10px;margin-left:10px;} #container.mobile .order_list .orderCon .product_con .conBox .name_price p.case{position: absolute;right: 10px;top: 19px;color: #797878;} #container.mobile .order_list .orderCon .product_con .conBox .name_price p{font-size:14px;} #container.mobile .order_list .search{overflow:hidden;padding:20px 4%;background:#fff;} #container.mobile .order_list .search select{float:left;width:100%;box-sizing:border-box;height:40px;line-height:40px;background:#fff;padding:0 0 0 10px;} #container.mobile .order_list .search .select_Box:first-child select{border-right:none;background:url(/images2017/mobile/m_select_line.gif) no-repeat right center;background-size:1px 20px} #container.mobile .order_list .search .select_Box:last-child select{border-left:none;} #container.mobile .order_list .search .select_Box{float:left;width:50%;} /* MOBILE부분 - 주문상세 */ #container.mobile .orderHis .top_View{padding:20px 4% 10px;overflow:hidden;background:#fff;} #container.mobile .orderHis .top_View p{float:left;font-size:14px;} #container.mobile .orderHis .top_View p:first-child{padding-right:20px;} #container.mobile .orderHis .top_View p strong{color:#6a57c3;} #container.mobile .orderHis .Status{padding:10px 4%;overflow:hidden;background:#f8f8f8;border-top:1px solid #cdcdcd;} #container.mobile .orderHis .Status p{font-size:14px;} #container.mobile .orderHis .Status p.state{float:left;font-weight:bold;line-height:28px;} #container.mobile .orderHis .Status p.state span{display:inline-block;} #container.mobile .orderHis .Status p.state .msg{color: #797878;font-size: 11px;font-weight: normal;vertical-align:1px;padding-left:9px;} #container.mobile .orderHis .Status p.state .pNum{color:#6a57c3;font-size:13px;} #container.mobile .orderHis .Status p.btn{float:right;border:1px solid #6a57c3;border-radius:3px;height:28px;line-height:28px;} #container.mobile .orderHis .Status p.btn a{color:#6a57c3;padding:0 15px;} #container.mobile .orderHis .orderCon{padding:0 4%;overflow:hidden;background:#fff;border-bottom:1px solid #dcdcdc} #container.mobile .orderHis .orderCon:last-child{border-bottom:none;} #container.mobile .orderHis .orderCon .list{padding:10px 0;border-bottom:1px solid #dcdcdc} #container.mobile .orderHis .orderCon .list:last-child{border-bottom:none;} #container.mobile .orderHis .orderCon .list .top_con{overflow:hidden;padding-bottom:10px;position:relative;} #container.mobile .orderHis .orderCon .list .pName{text-overflow: ellipsis;white-space: normal;word-break:break-word;max-height: 35px;overflow: hidden;margin-bottom:10px;font-size:14px;} #container.mobile .orderHis .orderCon .list .pName span{color:#fe9002;} #container.mobile .orderHis .orderCon .list .top_con .img{width:65px;height:65px;position:absolute;left:0;top:0;} #container.mobile .orderHis .orderCon .list .top_con .img img{width:100%;height:100%;} #container.mobile .orderHis .orderCon .list .top_con .name_price{padding-left:75px;color:#797878;min-height:65px;} #container.mobile .orderHis .orderCon .list .top_con .name_price .pPrice{font-size:14px;color:#797878;float:left;padding-top:10px;} #container.mobile .orderHis .orderCon .list .top_con .name_price .pPrice dt{float:left;padding-right:10px;padding-left:0;font-weight:normal;} #container.mobile .orderHis .orderCon .list .top_con .name_price .pPrice dd{float:left;font-size:16px;} #container.mobile .orderHis .orderCon .list .top_con .name_price .pPrice:nth-child(3){float:right;padding-right:10px;} #container.mobile .orderHis .orderCon .list .top_con .name_price p.lbtn{overflow: hidden;width: 100%;margin-top: 10px;padding-top: 10px;} #container.mobile .orderHis .orderCon .list .top_con .name_price p.lbtn a{color: #fe9002;font-size: 14px;} #container.mobile .orderHis .orderCon .list .top_con .name_price p.lbtn i{color: #fff;background: #fe9002;border-radius: 13px;padding: 2px 0;margin-left: 5px;font-weight: normal;vertical-align: -3px;} #container.mobile .orderHis .orderCon .list .price{border-top: 1px solid #f8f8f8;overflow:hidden;padding-top:10px;font-size:12px;letter-spacing:0;text-align:center;} #container.mobile .orderHis .orderCon .list .price p{display:inline-block;text-align:center;vertical-align:middle;color:#797878;} #container.mobile .orderHis .orderCon .list .price p.icon{background: #d4d4d4;color: #fff;width: 11px;height: 11px;border-radius: 11px;text-align: center;padding: 0 1px 1px;font-family: 'Nanum Gothic' !important;margin-top:7px;line-height:13px;margin:7px 5px 0;} #container.mobile .orderHis .orderCon .list .price p .fs_10{font-size: 10px;vertical-align: top;padding-right:5px;} #container.mobile .orderHis .orderCon .list .price p:last-child{font-size:16px;} #container.mobile .orderHis .orderCon .list .price p.icon1 {background:url(/images2017/mobile/plas_icon.png) no-repeat center center;background-size:18px auto;width:18px;height:18px;} #container.mobile .orderHis .orderCon .list .price p.icon2 {background:url(/images2017/mobile/total_icon.png) no-repeat center center;background-size:18px auto;width:18px;height:18px;} #container.mobile .orderHis .orderCon .list .price p:nth-child(5){font-size:16px;color:#303030;} #container.mobile .mypageBuyShop .cBtnArea{padding-bottom:0;} /* MOBILE부분 - MEMO */ #container.mobile .mypageBuyShop .Question{overflow:hidden;background:#fff;} #container.mobile .mypageBuyShop .Question .memo_no{font-size: 14px;text-align: center;padding: 20px;border-bottom: 1px solid #cdcdcd;color: #7b7b7b;} #container.mobile .mypageBuyShop .Question .memo .ohmyzipTit{border-bottom: 1px solid #cdcdcd;padding: 20px 4%;overflow:hidden;} #container.mobile .mypageBuyShop .Question .memo .ohmyzipTit .tit{font-size:14px;font-weight:bold;background:url(/images2017/mobile/m_ohmyzip_icon.png) no-repeat left center;background-size:25px;padding-left:35px;padding-top:1px;float:left;} #container.mobile .mypageBuyShop .Question .memo .ohmyzipTit .date{float:right;color:#a6a6a6;} #container.mobile .mypageBuyShop .Question .memo .ohmyzipTxt{padding: 10px 4%;font-size:14px;line-height:22px;} #container.mobile .mypageBuyShop .Question .enrollment{margin: 10px 4%;position:relative;} #container.mobile .mypageBuyShop .Question .enrollment i{vertical-align: top;padding-top: 1px;color: #ccc;font-weight: 100;} #container.mobile .mypageBuyShop .Question .enrollment textarea{width:96%;margin-left:12px;padding:10px;} /* chrome, opera, safari */ #container.mobile textarea::-webkit-input-placeholder{color:#797878;} /* IE 10 ~ */ #container.mobile textarea:-ms-input-placeholder{color:#797878;} /* Firefox */ #container.mobile textarea::-moz-placeholder{color:#797878;} #container.mobile .mypageBuyShop .Question .enrollment .cBtnArea{padding:0 0 0 12px;width:96%;} #container.mobile .mypageBuyShop .Question .enrollment .cBtnArea a{color:#333;font-size:12px;} #container.mobile .mypageBuyShop .Question .enrollment .cBtnArea p{height:30px;line-height:30px;} #container.mobile .mypageBuyShop .Question .enrollment .cBtnArea p.btn1{border:1px solid #ccc;border-top:none;} #container.mobile .mypageBuyShop .Question .enrollment .cBtnArea p.btn2{background:#fafafa;border:1px solid #ccc;border-top:none;border-left:none;box-sizing:border-box;} #container.mobile .mypageBuyShop .Question .enrollment .qna_arrow{position:absolute;left:0;top:20px;} #container.mobile .mypageBuyShop .Question .adminCon, #container.mobile .mypageBuyShop .Question .userCon{padding: 10px 4%;position:relative;background:#fafafa;font-size:13px;line-height:20px;} #container.mobile .mypageBuyShop .Question .adminCon .top, #container.mobile .mypageBuyShop .Question .userCon .top{position:relative;} #container.mobile .mypageBuyShop .Question .adminCon .qna_arrow, #container.mobile .mypageBuyShop .Question .userCon .qna_arrow{position:absolute;left:0;top:8px;} #container.mobile .mypageBuyShop .Question .adminCon .top .date, #container.mobile .mypageBuyShop .Question .userCon .top .date{display:inline-block;color:#a6a6a6;padding-left:5px;font-size:10px;} #container.mobile .mypageBuyShop .Question .adminCon .conTxt, #container.mobile .mypageBuyShop .Question .userCon .conTxt{padding:10px 10px 10px 20px;} #container.mobile .mypageBuyShop .Question .adminCon .top .name{font-size:14px;background:url(/images2017/mobile/m_memo_admin.png)no-repeat 12px center;background-size:25px;padding:5px 0 5px 45px;display:inline-block;} #container.mobile .mypageBuyShop .Question .userCon .top .name{font-size:14px;background:url(/images2017/mobile/m_memo_user.png)no-repeat 12px center;background-size:25px;padding:5px 0 5px 45px;display:inline-block;} #container.mobile .mypageBuyShop .Question .userCon .cBtnArea.modify{position:absolute;top:0;right:0;background:none;width:auto;padding-top:15px;} #container.mobile .mypageBuyShop .Question .userCon .cBtnArea .btn5{height:20px;line-height:20px;border-radius:3px;width:auto;margin-left:5px;} #container.mobile .mypageBuyShop .Question .userCon .cBtnArea .btn5 a{padding:0 15px;font-size:12px;} /* MOBILE부분 - 구매대행 소개 및 장점 */ #container.mobile #content.Intro{width:92%;padding:0 4%;} #container.mobile #content.Intro .infor.cninfor{background:none;height:auto;margin-bottom:20px;} #container.mobile #content.Intro .infor.cninfor .tTxt{font-size:13px;line-height:22px;} #container.mobile #content.Intro .infor.cninfor .img{width:100%;margin-bottom:20px;} #container.mobile #content.Intro .infor.cninfor .img img{width:100%;min-width:320px;} #container.mobile #content.Intro .infor.cninfor .cBtnArea{padding:20px 0;width:100%;} #container.mobile #content.Intro .infor.cninfor .cBtnArea p.btn3{float:none;margin:0 auto;} #container.mobile #content.Intro .Advantages{margin-bottom:40px;} #container.mobile #content.Intro .Advantages ul li{width:50%;float:left;border-bottom:none;} #container.mobile #content.Intro > .Advantages > ul{border-top:none;overflow:hidden;border-bottom:1px solid #e4e4e4;} #container.mobile #content.Intro > .Advantages > ul > li > .txt{padding:0 10px;text-align:center;line-height:18px;border-right: 1px solid #e9e9e9;box-sizing: border-box;} #container.mobile #content.Intro > .Advantages > ul > li:nth-child(2n + 2) > .txt{border-right:none;} #container.mobile #content.Intro > .Advantages > ul > li > .txt .img{margin-bottom:10px;min-height:70px;} #container.mobile #content.Intro > .Advantages > ul > li > .txt .tit{font-size:13px;padding-bottom:20px;} #container.mobile #content.Intro > .Advantages > ul > li > .txt .txt{color:#555;} #container.mobile #content.Intro .inforStep ul{margin-bottom:0;} #container.mobile #content.Intro .inforStep ul li{float:none;width:100%;height:auto;overflow:hidden;} #container.mobile #content.Intro .inforStep ul li .img{float:left;padding:0 10px;} #container.mobile #content.Intro .inforStep ul li > .txt{float:left;text-align:left;padding:10px 0 10px 95px;overflow:hidden;} #container.mobile #content.Intro .inforStep ul li .txt .txt{font-size:14px;line-height:22px;} #container.mobile #content.Intro .inforStep ul li .txt .txt span{font-size:12px;} #container.mobile #content.Intro .inforStep ul li .txt .step{display:block;font-size:14px;padding-bottom:5px;} #container.mobile #content.Intro .inforStep ul li p.txt span.mark{margin:0 5px 0 0;font-family:'Nanum Gothic' !important;} #container.mobile #content.Intro .inforStep.Taobao ul li:nth-child(1){background:url(/images2017/shop/inforStep_icon01.png)no-repeat 10px center #f4f4f4;background-size:74px;} #container.mobile #content.Intro .inforStep.Taobao ul li:nth-child(2){background:url(/images2017/shop/inforStep_icon02.png)no-repeat 10px center #f8f8f8;background-size:74px;} #container.mobile #content.Intro .inforStep.Taobao ul li:nth-child(3){background:url(/images2017/shop/inforStep_icon03.png)no-repeat 10px center #f8f8f8;background-size:74px;} #container.mobile #content.Intro .inforStep.Taobao ul li:nth-child(4){background:url(/images2017/shop/inforStep_icon04.png)no-repeat 10px center #f8f8f8;background-size:74px;} #container.mobile #content.Intro .inforStep.Taobao ul li:nth-child(5){background:url(/images2017/shop/inforStep_icon05.png)no-repeat 10px center #f8f8f8;background-size:74px;} #container.mobile #content.Intro .inforStep.Taobao ul li:nth-child(6){background:url(/images2017/shop/inforStep_icon06.png)no-repeat 10px center #f4f4f4;background-size:74px;} #container.mobile #content.Intro .inforStep.Taobao ul li:nth-child(7){background:url(/images2017/shop/inforStep_icon07.png)no-repeat 10px center #f4f4f4;background-size:74px;} #container.mobile #content.Intro .inforStep.Taobao ul li:nth-child(8){background:url(/images2017/shop/inforStep_icon08.png)no-repeat 10px center #f8f8f8;background-size:74px;} #container.mobile #content.Intro .inforStep.Taobao ul li:nth-child(9){background:url(/images2017/shop/inforStep_icon09.png)no-repeat 10px center #f8f8f8;background-size:74px;} #container.mobile #content.Intro .inforStep.Taobao ul li:nth-child(10){background:url(/images2017/shop/inforStep_icon10.png)no-repeat 10px center #f8f8f8;background-size:74px;} #container.mobile #content.Intro .Title{padding:10px 0;} #container.mobile #content.Intro .Title .titDep3{line-height:24px;} #container.mobile #content.Intro .infor.cninfor .Title{border-bottom:none;margin-top:0;} /* MOBILE부분 - 구매대행 가이드 */ #container.mobile #content.Guide{background:#f9f9f9;margin-top:0;padding-top:10px;width:100%;} #container.mobile #content.Guide .GuideCon{width:100%;overflow:hidden;} #container.mobile #content.Guide .GuideCon .top_Bar{width:92%;padding:20px 4% 10px;background:#fff;} #container.mobile #content.Guide .guideStep {margin-bottom:0;} #container.mobile #content.Guide .guideStep .step li {width:100%;border:none;margin-bottom:3px;background:url('/images2017/flag/dep1_off_icon.png') no-repeat 95% center #fbfbfb;} #container.mobile #content.Guide .guideStep .step li:last-child{margin-bottom:0;} #container.mobile #content.Guide .guideStep .step li a{float:none;text-align:left;background-color:unset;width:auto;padding:10px;font-size:14px;display:block;} #container.mobile #content.Guide .guideStep .step li a strong{display:inline-block;padding-right:10px;} #container.mobile #content.Guide .guideStep .guideSize{border-bottom:1px solid #cdcdcd;overflow:hidden;} #container.mobile #content.Guide .guideStep .guideSize a{font-weight:bold;background:url('/images2017/mobile/m_arrow_icon.png') no-repeat right center;background-size:18px auto;padding-right:25px;display:inline-block;text-align: left;width: auto;padding: 10px 25px 10px 10px;font-size: 14px;} #container.mobile #content.Guide .guideStep .guideTip{padding:10px 0 10px 10px;overflow:hidden;} #container.mobile #content.Guide .guideStep .guideTip strong{font-size:14px;display:block;padding-bottom:10px;} #container.mobile #content.Guide .guideStep .guideTip ul li{padding-right:5px;float:left;} #container.mobile #content.Guide .guideStep .guideTip ul li a{background-color:unset;width:auto;border:1px solid #fe9002;color:#fe9002;border-radius:20px;padding:5px 10px;} #container.mobile #content.Guide .guideBox{margin-top:10px;background:#fff;padding:20px 4% 0;width:92%;} #container.mobile #content.Guide .guideBox dl dt{border-top:2px solid #606060;border-bottom:1px solid #e4e4e4;} #container.mobile #content.Guide .guideBox dl dt p{line-height:30px;font-size:16px;} #container.mobile #content.Guide .guideBox dl dt p.step{border: 1px solid #7357d2;padding: 5px 15px;border-radius: 20px;color: #7357d2;line-height: unset;margin-right: 10px;font-size:14px;} #container.mobile #content.Guide .guideBox dl dt p.step.tip{color:#fff;} #container.mobile #content.Guide .guideBox dl dd img{width:100%;} #container.mobile #content.Guide .guideBox #tipAnimation dl{margin-bottom:0;} #container.mobile #content.Guide .guideBox section{margin-bottom:40px;overflow:hidden;} #container.mobile #content.Guide .guideBox section dl{margin-bottom:20px;} #container.mobile #content.Guide .guideBox section dl dd.txt{margin-bottom:20px;font-size:13px;} #container.mobile #content.Guide .m_popupMsg.preparing .txt span{color:#7357d2;} #container.mobile #content.Guide .m_popupMsg.preparing .btn1{width:98%;} #container.mobile #content.Guide .m_popupMsg.preparing .btn1 a{font-size:16px;} #container.mobile #content.Guide .tab_Type{overflow:hidden;margin-bottom:10px;} #container.mobile #content.Guide .tab_Type li{float:left;width:49%;background:#f8f8f8;border:1px solid #dcdcdc;box-sizing:border-box;font-size:14px;height:40px;line-height:40px;text-align:center;} #container.mobile #content.Guide .tab_Type li:last-child{float:right;} #container.mobile #content.Guide .tab_Type li.active{background:#fe9002;color:#fff;border:none;} #container.mobile #content.Guide .tab_Type li.active a{color:#fff;} #container.mobile #content.Guide .tab_Type li.pc_ver a{background:url(/images2017/mobile/m_pc_icon_off.png) no-repeat 0 center;background-size:21px auto;padding-left:27px;padding-top:1px;padding-bottom:1px;} #container.mobile #content.Guide .tab_Type li.pc_ver.active a{background:url(/images2017/mobile/m_pc_icon_on.png) no-repeat 0 center;background-size:21px auto;padding-left:27px;padding-top:1px;padding-bottom:1px;} #container.mobile #content.Guide .tab_Type li.mobile_ver a{background:url(/images2017/mobile/m_mobile_icon_off.png) no-repeat 0 center;background-size:14px auto;padding-left:20px;padding-top:1px;padding-bottom:1px;} #container.mobile #content.Guide .tab_Type li.mobile_ver.active a{background:url(/images2017/mobile/m_mobile_icon_on.png) no-repeat 0 center;background-size:14px auto;padding-left:20px;padding-top:1px;padding-bottom:1px;} #container.mobile #content.Guide .cBtnArea{padding-bottom:0;} /* 공통사용 */ .left_container.mobile a, #container.mobile a{text-decoration:none !important;} /*.left_container.mobile a:hover, #container.mobile a:hover{color:#303030 !important;}*/ .m_btnTop p.backBtn{float:left;padding-top:45px;} .m_btnTop p.backBtn img{width:35px;} .m_btnTop ul{float:right;} .bul_circle03{border:1px solid #6a57c3;color:#6a57c3;border-radius:25px;height:15px;width:15px;line-height:15px;font-weight:bold;font-size:12px;text-align:center;} .mgb40{margin-bottom:40px !important;} .mgb0{margin-bottom:0 !important;} .pdb40{padding-bottom:40px !important;} i.xi-info{font-size:18px;padding-right:5px;} #container.mobile div.Title{background:#fff;padding:25px 4% 15px;margin:0;border-bottom:1px solid #333 ;margin-top:40px;overflow:hidden;} #container.mobile div.Title:first-child{margin-top:0;} #container.mobile div.Title p{font-size:16px;letter-spacing:-1px;} #container.mobile p.titDep3{float:left;} #container.mobile p.stit{float:left;margin-left:15px;} #container.mobile p.stit.us_tit{background:url('/images2017/sub/ico_ohcafe_usa.png') no-repeat 0 center;background-size:18px;padding-left:25px;} #container.mobile p.stit.de_tit{background:url('/images2017/sub/ico_ohcafe_germany.png') no-repeat 0 center;background-size:18px;padding-left:25px;} #container.mobile p.stit.cn_tit{background:url('/images2017/sub/ico_ohcafe_china.png') no-repeat 0 center;background-size:18px;padding-left:25px;} #container.mobile .cBtnArea{padding: 20px 4%;width: 92%;overflow:hidden;background:#fff;} #container.mobile .cBtnArea p{float:left;width:50%;height:50px;line-height:50px;} #container.mobile .cBtnArea a{font-size:16px;display:block;color:#fff;font-weight:bold;} #container.mobile .cBtnArea p.btn1{background:#fff;border:1px solid #ff7000;box-sizing:border-box;} #container.mobile .cBtnArea p.btn1 a{color:#ff7000;} #container.mobile .cBtnArea p.btn2{background:#ff7000;} #container.mobile .cBtnArea p.btn3{background:#444;} #container.mobile .cBtnArea p.btn4{background:#7057cc;} #container.mobile .cBtnArea p.btn5{background:#fff;border:1px solid #444;box-sizing:border-box;} #container.mobile .cBtnArea p.btn5 a{color:#444;} #container.mobile .cBtnArea.fixed{position:fixed;bottom:0;z-index:100;width:100% !important;padding:0 !important;} #container.mobile .no_cart{padding-top:50px;padding-bottom:30px;margin-top:0;background:#fff;} #container.mobile .no_cart img{width:65px;} #container.mobile .no_cart p{font-size:14px;padding-top:20px;font-weight:normal;} #container.mobile .no_order{padding-top:50px;padding-bottom:50px;margin-top:0;background:#fff;text-align:center;} #container.mobile .no_order img{width:80px;} #container.mobile .no_order p{font-size:18px;padding-top:20px;font-weight:normal;color:#969696;} #container.mobile .no_order.Alert {border-top:1px solid #cdcdcd;} #container.mobile .Pagination02{padding:10px 4% 0;overflow:hidden;text-align:center;background:#fff;} #container.mobile .Pagination02 p{font-size: 14px;border:1px solid #e9eaeb;padding: 10px 0;border-radius: 0 0 5px 5px;} #container.mobile .Pagination02 p i{vertical-align: -2px;font-size: 16px;padding-left: 20px;} #container.mobile .MemoMsg_Box{position:fixed;bottom:10px;width:100%;z-index:99;} #container.mobile .MemoMsg_Box .bcon{position:relative;border: 1px solid #6a57c3;/*border-radius: 40px;*/margin: 0 4%;background: #fff;box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);height:40px;line-height:40px;border-radius:40px;} #container.mobile .MemoMsg_Box .txt{padding-left: 15px;font-weight:bold;} #container.mobile .MemoMsg_Box .txt span{color:#6a57c3;} #container.mobile .MemoMsg_Box .cbtn{position: absolute;right: 15px;top: 12px;} #container.mobile .MemoMsg_Box .cbtn img{width:15px;height:auto;} #container.mobile input[type="checkbox"], #container.mobile select, #container.mobile textarea{-webkit-appearance: none !important;-webkit-border-radius: 0 !important;} #container.mobile .select_Box{position:relative;overflow:hidden;} #container.mobile .select_Box:before{content: "";position: absolute;top: 50%;right: 15px;width: 0;height: 0;margin-top: -1px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #313131;} #container.mobile .select_Box select{padding:0 0 0 10px;} .m_LayerPopup input, .m_LayerPopup select{-webkit-appearance: none !important;-webkit-border-radius: 0 !important;} .m_LayerPopup .select_Box{position:relative;overflow:hidden;} .m_LayerPopup .select_Box:before{content: "";position: absolute;top: 50%;right: 15px;width: 0;height: 0;margin-top: -1px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #313131;} .m_LayerPopup .select_Box select{padding:0 0 0 10px;} /* MOBILE부분 - 팝업가이드 공통 */ .m_blockMsg{position: fixed;top: 30%;left:0;z-index: 2000;width: 100%;height: 100%;color: #fff;text-align:center;} .m_blockMsg .img img{width:90px;} .m_blockMsg .txt{margin:20px 0 10px;font-size: 18px;line-height:24px;} .m_blockMsg .msg{color: #ff6749;font-size:16px;border: 1px solid #ff6749;padding: 5px 20px;display: inline-block;overflow: hidden;border-radius: 20px;} .m_blockMsg.cart .img, .m_blockMsg.import .img{background: #ff6749;width: 90px;height: 90px;border-radius: 90px;margin: 0 auto;} .m_blockMsg.cart .img img, .m_blockMsg.import .img img{width:70px;padding-top:17px;} .m_popupMsg{position: fixed;top: 30%;left:0;z-index: 2000;width: 76%;height: auto;margin:0 10%;padding:2% 2% 5%;color: #fff;text-align:center;background:#fff;border-radius:5px;border:1px solid #444;box-shadow:1px 1px 3px 3px rgba(0,0,0,0.1);} .m_popupMsg .close_btn{text-align:right;} .m_popupMsg .close_btn img{width:20px;} .m_popupMsg .img img{width:50px;} .m_popupMsg .txt{font-size:18px;color:#303030;margin:20px 0;line-height:24px;} .m_popupMsg .btn1{background:#ff6749;height:40px;line-height:40px;float:left;width:48%;margin:0 1%;} .m_popupMsg .btn1 a{font-size:14px;color:#fff;display:block;} .m_popupMsg .btn2{background:#fff;border:1px solid #ff6749;box-sizing:border-box;height:40px;line-height:40px;float:left;width:48%;margin:0 1%;} .m_popupMsg .btn2 a{font-size:14px;color:#ff6749;display:block;} .m_popupMsg .btn3{background:#fff;border:1px solid #444;box-sizing:border-box;height:40px;line-height:40px;float:left;width:48%;margin:0 1%;} .m_popupMsg .btn3 a{font-size:14px;color:#444;display:block;} .m_popupMsg .btn4{background:#444;border:1px solid #444;box-sizing:border-box;height:40px;line-height:40px;float:left;width:48%;margin:0 1%;} .m_popupMsg .btn4 a{font-size:14px;color:#fff;display:block;} .m_popupMsg.option .btn1{width:80%;margin:0 10%;} .m_popupMsg.cart .img img{width:90px;} .m_LayerPopup {position: fixed;top: 30%;left: 0;width: 80%;margin: 0 10%;background: #fff;border: 1px solid #6a57c3;box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1)} .m_LayerPopup .p_con{position:relative;padding:0 15px;} .m_LayerPopup .close_btn{position: absolute;right:15px;top:30px;} .m_LayerPopup .close_btn img{width:20px;} .m_LayerPopup .tit{font-size: 16px;font-weight: bold;border-bottom: 1px solid #6a57c3;width: 100%;padding-bottom: 20px;padding-top:30px;margin-bottom: 10px;} .m_LayerPopup .txt{overflow:hidden;width:100%;padding-bottom:20px;} .m_LayerPopup .txt span{color:#6a57c3;} .m_LayerPopup .txt strong.stit{font-size:15px;display:block;margin-top:20px;} .m_LayerPopup.option{position:fixed;top:auto;bottom:-100%;width:100%;margin:0;box-sizing:border-box;z-index:100;transition:all 0.5s ease 0s;diplay:none;border-bottom:none;border-left:none;border-right:none;} .m_LayerPopup.option.active{bottom:0;diplay:block !important;} .m_LayerPopup.option .cBtnArea{padding:20px 0 !important;width:100% !important;} /* .m_LayerPopup.option > .p_con > .optionArea{overflow: hidden;margin: 20px 0 10px;} .m_LayerPopup.option > .p_con > .optionArea > dl {overflow:hidden;} .m_LayerPopup.option > .p_con > .optionArea > dl > dt {float:left;max-width:100px;width:20%;font-size:14px;line-height:28px;} .m_LayerPopup.option > .p_con > .optionArea > dl > dd {float:left;overflow:hidden;font-size:12px;width:80%;} .m_LayerPopup.option > .p_con > .optionArea > dl > dd span {line-height:28px;padding-left:10px;} .m_LayerPopup.option > .p_con > .optionArea > dl > dd > ul > li {float:left;margin:3px 5px 10px 0;} .m_LayerPopup.option > .p_con > .optionArea > dl > dd > ul > li > a {text-decoration:none;-moz-transition-property:border-color,background;cursor:pointer;} .m_LayerPopup.option > .p_con > .optionArea > dl > dd > ul > li a:hover, #content.buyDtls .goodsDtls > .summery > .optionArea > dl > dd > ul > li a:active {border:2px solid #ff7000;padding:2px 5px;} .m_LayerPopup.option > .p_con > .optionArea .none a {color:#cecece;cursor:not-allowed;} .m_LayerPopup.option > .p_con > .optionArea .none a:hover {border:2px solid #dcdcdc;} .m_LayerPopup.option > .p_con > .optionArea > .select_option_1 {margin-bottom:20px;} .m_LayerPopup.option > .p_con > .optionArea > .select_option_1 dd a {border:1px solid #dcdcdc;padding:3px 6px;min-width:10px;} .m_LayerPopup.option > .p_con > .optionArea > .select_option_1 ul li.active a{border:2px solid #f1810a !important;padding:2px 5px !important;} .m_LayerPopup.option > .p_con > .optionArea > .select_option_1 ul li.none a:hover{border:1px solid #dcdcdc !important;padding:3px 6px !important;} .m_LayerPopup.option > .p_con > .optionArea > .select_option_2 {margin-bottom:20px;} .m_LayerPopup.option > .p_con > .optionArea > .select_option_2 > dd li {background-color:#fff;margin:0 5px 10px 0;line-height:20px;text-align:center;} .m_LayerPopup.option > .p_con > .optionArea > .select_option_2 > dd li a {border:1px solid #dcdcdc;display:block;min-width:32px;height:32px;line-height:32px;padding:1px;} .m_LayerPopup.option > .p_con > .optionArea > .select_option_2 > dd li a:hover {padding:0;} .m_LayerPopup.option > .p_con > .optionArea > .select_option_2 > dd a img {max-width:32px;height:100%;} .m_LayerPopup.option > .p_con > .optionArea > .select_option_2 ul li.active a{border:2px solid #f1810a !important;padding:0 !important;} .m_LayerPopup.option > .p_con > .optionArea > .select_option_2 ul li.none a:hover{border:1px solid #dcdcdc !important;padding:1px !important;} .m_LayerPopup.option > .p_con > .optionArea > .select_option_2 ul li.none a img {opacity:0.4;} .m_LayerPopup.option > .p_con > .optionArea > .select_option_3 {margin-bottom:20px;} .m_LayerPopup.option > .p_con > .optionArea > .select_option_3 dd a {border:1px solid #dcdcdc;padding:3px 6px;min-width:10px;} .m_LayerPopup.option > .p_con > .optionArea > .select_option_3 ul li.active a{border:2px solid #f1810a !important;padding:2px 5px !important;} .m_LayerPopup.option > .p_con > .optionArea > .select_option_3 ul li.none a:hover{border:1px solid #dcdcdc !important;padding:3px 6px !important;} .m_LayerPopup.option > .p_con > .optionArea > .select_option_4 {margin-bottom:20px;} .m_LayerPopup.option > .p_con > .optionArea > .select_option_4 dd a {border:1px solid #dcdcdc;padding:3px 6px;min-width:10px;} .m_LayerPopup.option > .p_con > .optionArea > .select_option_4 ul li.active a{border:2px solid #f1810a !important;padding:2px 5px !important;} .m_LayerPopup.option > .p_con > .optionArea > .select_option_4 ul li.none a:hover{border:1px solid #dcdcdc !important;padding:3px 6px !important;} .m_LayerPopup.option > .p_con > .optionArea > .option_quantity > dd span a {width:26px;height:26px;border:1px solid #dcdcdc;display:block;float:left;line-height:26px;padding:0;text-align:center;text-decoration:none;cursor:pointer;} .m_LayerPopup.option > .p_con > .optionArea > .option_quantity > dd span a:first-child {border-right:0 !important;} .m_LayerPopup.option > .p_con > .optionArea > .option_quantity > dd span a:last-child {border-left:0 !important;} .m_LayerPopup.option > .p_con > .optionArea > .option_quantity > dd span input {float:left;margin:0;padding:0;width:48px;height:26px;line-height:26px;text-align:center;border:1px solid #dcdcdc;} */ /* 타오바오 배송지연 안내 */ .LPOP2.popup_taobao_delay {width:630px;top:294px;left:770px;} .LPOP2.popup_taobao_delay .tit {font-size:20px;text-align:center;font-weight:700;padding:15px 0 15px;} .LPOP2.popup_taobao_delay .tit i {color:#ccc} .LPOP2.popup_taobao_delay .txt_left {text-align:left;} .LPOP2.popup_taobao_delay .txt1 em {display:block;margin-bottom:5px;} .LPOP2.popup_taobao_delay .txt1 em.txt3 {margin-top:10px ;font-size:11px;line-height:140%;color:#999} .LPOP2.popup_taobao_delay .txt2 {margin-top:20px;padding:3px 0 5px 10px;border-left:3px solid #eee;font-size:14px;} .LPOP2.popup_taobao_delay .txt2 em {display:block;margin-bottom:3px;font-weight:700;} @media (max-width: 320px) { #container.mobile .AssistedPurchase .product_con .price{font-size:12px;} #container.mobile .AssistedPurchase .product_con .price p:last-child{font-size:16px;} #container.mobile .AssistedPurchase .product_con .price p.icon1 {background-size:15px auto;width:15px;height:15px;} #container.mobile .AssistedPurchase .product_con .price p.icon2 {background-size:15px auto;width:15px;height:15px;} #container.mobile #cartList .product_con .price{font-size:12px;} #container.mobile #cartList .product_con .price p:last-child{font-size:16px;} #container.mobile #cartList .product_con .price p.icon1 {background-size:15px auto;width:15px;height:15px;} #container.mobile #cartList .product_con .price p.icon2 {background-size:15px auto;width:15px;height:15px;} #container.mobile #cartList .product_con .price p.exchange{font-size:12px;} #container.mobile .orderHis .orderCon .list .price{font-size:12px;} #container.mobile .orderHis .orderCon .list .price p:last-child{font-size:16px;} #container.mobile .orderHis .orderCon .list .price p.icon1 {background-size:15px auto;width:15px;height:15px;} #container.mobile .orderHis .orderCon .list .price p.icon2 {background-size:15px auto;width:15px;height:15px;} #container.mobile .Order div.tbox .txt{position:relative;width:290px;} #container.mobile .Order div.tbox .txt p{text-align:left;padding:5px 10px;} #container.mobile .Order div.tbox .cbtn{left:275px;} } @media (min-width: 360px) and (max-width: 410px) { .editPop.m_LayerPopup {height:400px;} } @media (min-width: 411px) and (max-width: 533px) { .editPop.m_LayerPopup {height:450px;} } @media (min-width: 768px) and (max-width: 1024px) { .editPop.m_LayerPopup {height:600px;} } @media (max-width:1499px) /* PC – 1500px~1170px */ { #shop #step_2 .tableType12 tr.clsShip td.rec div{padding-top:10px;margin-right:0!important;width:100%;} /*중국 구매대행 상품 페이지 20191011*/ #content.buyDtls .goodsDtls > .summery > .price > dl > dd > ul > li {width:100%;border-left:0;text-align:left;line-height:28px;border-bottom:1px solid #ecc8ae; padding:10px 0;} #content.buyDtls .goodsDtls > .summery > .price > dl > dd > ul > li:first-child{padding-top:0;width:100%;} #content.buyDtls .goodsDtls > .summery > .price > dl > dd > ul > li > p {display:inline-block;float:left} #content.buyDtls .goodsDtls > .summery > .price > dl > dd > ul > li > .fees {margin-top:0;margin-left:10px;} /*구매대행 주문 배송 조회 20191011*/ #content.mypageBuyShop > .caution {padding-left:0;} .tableType20 tbody > tr > td > table > tbody > tr > td.orderItem {padding-left:5px;} #content.mypageBuyShop > ul.orderHis > li {padding:20px 2.5%} }