/************************************************************************ * 파일명 : 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'; /* Shipping Application */ #container ul.tit3Area {position:absolute;right:530px;z-index:5;} #container ul.tit3Area li {float:left;position:relative;} #container ul.tit3Area ul.step3 {background:url('/images/common.png') no-repeat 0 0;height:30px;overflow:hidden;} #container ul.tit3Area ul.step3 li {display:inline-block;line-height:30px;letter-spacing:-1px;text-align:center;font-size:14px;width:239px;color:#909090;} #container ul.tit3Area ul.step3 li.on {color:#fff} #container ul.tit3Area ul.stepBg1 {background-position:0px -23px} #container ul.tit3Area ul.stepBg2 {background-position:0px -53px} #container ul.tit3Area ul.stepBg3 {background-position:0px -83px} #container ul.tit3Area ul.btn_ShippingGuide {margin:0 0 0 35px;position:absolute;height:30px;width:160px;} #container ul.tit3Area ul.btn_ShippingGuide:after{content:"";display:block;clear:both} #container ul.tit3Area ul.btn_ShippingGuide li{display:inline-block;line-height:12px;letter-spacing:-1px;font-weight:700;vertical-align: middle;height:30px;} #container ul.tit3Area ul.btn_ShippingGuide li i{color:#909090;padding:0; } #container ul.tit3Area ul.btn_ShippingGuide li .txt10 {color:#fe9002} #container #content.shippingStep h1.shippingPoint {padding:45px 0;text-align:center;} #container #content.shippingStep dl.cLine {display:block;zoom:1;width:100%} #container #content.shippingStep dl.cLine:after{content:"";display:block;clear:both} #container #content.shippingStep dl.cLine {padding:12px 0;border-top:1px solid #e4e4e4;} #container #content.shippingStep dl.cLine dt {float:left;width:174px;padding:10px 20px 0 45px;font-size:16px;line-height:20px;font-weight:700;vertical-align: middle} #container #content.shippingStep dl.cLine dt i {font-size:20px;vertical-align: middle} #container #content.shippingStep dl.cLine dd {float:left;width:901px} #container #content.shippingStep dl.cLine dd .shippingGray {margin-top:5px;padding:15px;background:#eee;font-size:14px} #container #content.shippingStep dl.cLine dd .shippingGray li {padding-top:10px;display:block;zoom:1;width:100%} #container #content.shippingStep dl.cLine dd .shippingGray li:first-child {padding-top:00px;} #container #content.shippingStep dl.cLine dd .shippingGray li input {height:30px} #container #content.shippingStep dl.cLine dd .shippingGray li:after{content:"";display:block;clear:both} #container #content.shippingStep dl.cLine dd .shippingGray li .shippingAddTxt {float:left;width:141px;line-height:30px} #container #content.shippingStep dl.cLine dd .shippingGray li .shippingAddInput {float:left;line-height:30px} #container #content.shippingStep dl.cLine dd .shippingGray li .shippingAddInput .btnPack {margin-top:2px} #container #content.shippingStep dl.cLine dd ul.shippingAddList {font-size:12px;margin-top:5px;}/* STEP3 �޴»�� �ּ� LIST*/ #container #content.shippingStep ul.shippingAddList:after{content:"";display:block;clear:both} #container #content.shippingStep ul.shippingAddList li {float:left;width: 22.3%;background:#eee;padding:10px;margin-left: 5px;} #container #content.shippingStep ul.shippingAddList li:first-child {margin-left: 0px;} #container #content.shippingStep ul.shippingAddList li dt {padding:0;line-height:30px;font-size: 14px} #container #content.shippingStep ul.shippingAddList li dd {width: 100%;word-break:break-all} #container #content.shippingStep dl.cLine dd .shippingEnd {font-size:14px} #container #content.shippingStep dl.cLine dd .shippingEnd li {display:block;zoom:1;width:100%;line-height:20px;padding: 10px 0;font-size: 16px;border-bottom:1px solid #e4e4e4;} #container #content.shippingStep dl.cLine dd .shippingEnd li:first-child {} #container #content.shippingStep dl.cLine dd .shippingEnd li:last-child {padding-bottom:10px;border-bottom:0px;} #container #content.shippingStep dl.cLine dd .shippingEnd li:after{content:"";display:block;clear:both} #container #content.shippingStep dl.cLine dd .shippingEnd li .shippingEndTit {float:left;width:141px;} #container #content.shippingStep dl.cLine dd .shippingEnd li .shippingEndTxt {float:left;width:745px;font-size: 14px;} #container #content.shippingStep dl.cLine dd .txtOnlyL li {font-size:16px;padding-left:20px} #container #content.shippingStep dl.cLine dd .txtOnlyL li:first-child {padding-left:0px} #container #content.shippingStep dl.cLine dd .txtOnlyL li span {text-decoration:underline;font-weight:700;padding-left:10px} #container #content.shippingStep dl.cLine dd ul.btnHorizontal li:last-child .btnWidth a {/*센터5개일 경우 width:177px;*/} /*출발센터 마지막 버튼 사이즈 조정*/ #container #content.shippingStep dl.cLine dd p.guideBtn{vertical-align:top;color:#fff;;border:1px solid #977c5b;height:44px;line-height:44px;box-sizing:border-box;margin-left:10px;padding:0 10px;background:linear-gradient(to top, #a28868 , #ad9576);} #container #content.shippingStep dl.cLine dd p.guideBtn i{font-size:20px;vertical-align:text-bottom;color:#ff9102;} #container #content.shippingStep dl.cLine dd p.guideBtn i:after{content:"";width:100%;height:100%;border-right:1px solid #e7e7e6;padding-right:5px;margin-right:5px;} #container #content.shippingStep dl.cLine dd p.guideBtn span{border:1px solid #9a856a;background:#fff;color:#4e4e4e;padding:5px 10px 5px 5px;border-radius:4px;font-weight:bold;} #container #content.shippingStep dl.cLine dd p.guideBtn a{text-decoration:none;} /* 오마이집 물류센터 */ #container #content.shippingStep .hCenterF_Con{width: 624px;overflow: hidden;border: 1px solid #ff7000;background:#fff;position: absolute;right: 345px;top: 205px;z-index: 100;} #container #content.shippingStep .hCenterF_Con .topTit{position:relative;padding:20px;} #container #content.shippingStep .hCenterF_Con .topTit p.tit{text-align:center;font-weight:bold;font-size:14px;} #container #content.shippingStep .hCenterF_Con .topTit p.close_btn{position:absolute;right:20px;top:23px;} #container #content.shippingStep .hCenterF_Con .topTit p.close_btn i{font-size:20px;} #container #content.shippingStep .hCenterF_Con ul li{float:left;position:relative;width:252px;margin-left:40px;margin-bottom:20px;} #container #content.shippingStep .hCenterF_Con ul li p.flag{position:absolute;left:0;top:0;} #container #content.shippingStep .hCenterF_Con ul li p.address{padding:4px 0 0 40px;} /* Shipping Application -일반출고 검수옵션 상세보기*/ #container #content.shippingStep dl.cLine #out_detail1_2 table.tableType2 td, #container #content.shippingStep dl.cLine #out_detail2_2 table.tableType2 td, #container #content.shippingStep dl.cLine #out_detail3_2 table.tableType2 td {background:#fff;text-align:left;word-break:keep-all;} #container #content.shippingStep dl.cLine #out_detail1_2 table.tableType2 td section {position:relative;margin-left:5px;} /*step1 버튼안 텍스트 위치 조정*/ #container #content.shippingStep dl.cLine .txtL {width:120px;font-size:20px;/*text-align:left;margin-left:30px;*/} #container #content.shippingStep dl.cLine .txtM {width:125px;font-size:16px;/*text-align:left;margin-left:35px;*/} #container #content.shippingStep dl.cLine .txtS {font-size:12px;color:#ff7000;font-weight:normal} #container #content.shippingStep dl.cLine a:hover .txtS, #container #content.shippingStep dl.cLine a.on .txtS {color:#fff;} /* step2 */ #container .step_2 #content.shippingStep dl.cLine dt{width:219px;padding:10px 20px 0 0;font-size:13px;} #container .step_2 #content.shippingStep dl.cLine dt i{font-size:16px;vertical-align:text-bottom;} #container .step_2 #content.shippingStep dl.cLine dd input{height:42px;} #container .step_2 #content.shippingStep dl.cLine2 dt.tit{padding:15px 20px;} #container .step_2 #content.shippingStep dl.cLine2 dt.tit input[type=text]{margin-left:0;} #container .step_2 #content.shippingStep dl.cLine2 .add_item_area{padding:10px;overflow:hidden;border-bottom:1px solid #e4e4e4;position:relative;} #container .step_2 #content.shippingStep dl.cLine2 .add_item_area .info{float:left;line-height:30px;} #container .step_2 #content.shippingStep dl.cLine2 .add_item_area .add_area{float:right;} #container .step_2 #content.shippingStep dl.cLine2 .add_item_area .add_area p{background:#999;font-weight:bold;display:inline-block;height:30px;line-height:30px;padding:0 10px;color:#fff;} #container .step_2 #content.shippingStep dl.cLine2 .add_item_area .add_area p a{color:#fff;text-decoration:none;} #container .step_2 #content.shippingStep dl.cLine2 .add_item_area .add_area p a:hover{color:#fff;} #container .step_2 #content.shippingStep dl.cLine2 .add_item_area .add_area p:hover{background:#333;} #container .step_2 #content.shippingStep dl.cLine2 .add_item_area .add_area p.flat_rate{background:#ff7000;} #container .step_2 #content.shippingStep dl.cLine2 .add_item_area .add_area p.flat_rate label{cursor:pointer;} #container .step_2 #content.shippingStep dl.cLine2 .add_item_area .add_area p.flat_rate i{font-size:20px;vertical-align:text-top;cursor:pointer;} #container .step_2 #content.shippingStep dl.cLine2 .add_item_area .Inspection_img{left:10px;top:5px;} #container .step_2 #content.shippingStep dl.cLine2 .add_item_area .Inspection_img ul{float:left;max-width:450px;} #container .step_2 #content.shippingStep dl.cLine2 .add_item_area .Inspection_img ul li{float:left;margin-right:5px;width:40px;height:40px;background:#999;margin-bottom:10px;} #container .step_2 #content.shippingStep dl.cLine2 .add_item_area .Inspection_img p.View_more{border:1px solid #999;box-sizing:border-box;width:40px;height:40px;text-align:center;cursor:pointer;float:left;margin-right:5px;} #container .step_2 #content.shippingStep dl.cLine2 .add_item_area .Inspection_img p.View_more i{font-size:24px;line-height:40px;} #container .step_2 #content.shippingStep dl.cLine2 .add_item_area .Inspection_img p.btn{float:left;background:#ff7000;height:40px;line-height:40px;padding:0 20px;} #container .step_2 #content.shippingStep dl.cLine2 .add_item_area .Inspection_img p.btn a{font-weight:bold;color:#fff;text-decoration:none;} #container .step_2 #content.shippingStep .Inspection_option{text-align:right;padding:10px 10px 0 10px;} #container .step_2 #content.shippingStep .Inspection_option p{border:1px solid #bbb;font-weight:bold;display:inline-block;height:30px;line-height:30px;padding:0 10px;} #container .step_2 #content.shippingStep .Inspection_option p label{cursor:pointer;} #container .step_2 #content.shippingStep .Inspection_option p i{font-size:20px;vertical-align:text-top;cursor:pointer;color:#ff7000;} #container .step_2 #content.shippingStep .Inspection_option p:hover{background:#ff7000;color:#fff;border:1px solid #ff7000;} #container .step_2 #content.shippingStep .Inspection_option p:hover i{color:#fff;} .auto_cart_guide {border:4px solid #c1c1c1;background:#fff;padding:10px 10px 20px 10px;height:600px;overflow-y:auto;} .auto_cart_guide div.guideCon{text-align:center;} .auto_cart_guide p img{padding-bottom:30px;} .auto_cart_guide p.tTit {padding-bottom:20px;font-size:14px;color:#ff7000;} .auto_cart_guide p.tit{padding-bottom:10px;font-size:16px;font-weight:bold;} .auto_cart_guide p.arrow{padding-bottom:30px;} .auto_cart_guide p.arrow i{font-size:24px;} /* shipInfo : step3 */ #container #content.shippingStep dl.shipInfo {padding:12px 0;border-top:1px solid #e4e4e4;} #container #content.shippingStep dl.shipInfo:after{content:"";display:block;clear:both} #container #content.shippingStep dl.shipInfo dt {float:left;width:174px;padding:10px 20px 0 45px;font-size:16px;line-height:20px;font-weight:700;vertical-align: middle} #container #content.shippingStep dl.shipInfo dt i {font-size:20px;vertical-align: middle} #container #content.shippingStep dl.shipInfo dd {float:left;width:901px} #container #content.shippingStep dl.shipInfo dd .shippingGray {margin-top:5px;padding:15px;background:#eee;line-height:22px;} #container #content.shippingStep dl.shipInfo dd .shippingGray li {padding-top:10px;display:block;zoom:1;width:100%} #container #content.shippingStep dl.shipInfo dd .shippingGray li:first-child {padding-top:00px;} #container #content.shippingStep dl.shipInfo dd .shippingGray li input {height:30px} #container #content.shippingStep dl.shipInfo dd .shippingGray li:after{content:"";display:block;clear:both} #container #content.shippingStep dl.shipInfo dd .shippingGray li .shippingAddTxt {float:left;width:141px;line-height:30px} #container #content.shippingStep dl.shipInfo dd .shippingGray li .shippingAddInput {float:left;line-height:30px;width:700px;} #container #content.shippingStep dl.shipInfo dd .shippingGray li .shippingAddInput p{float:left;padding-right:20px;} #container #content.shippingStep dl.shipInfo dd .shippingGray li .shippingAddInput span.infoS{clear:both;display:block;} #container #content.shippingStep dl.shipInfo dd .shippingGray li .shippingAddInput .btnPack {margin-top:2px} #container #content.shippingStep dl.shipInfo dd section .shippingAddList {font-size:12px;margin-top:5px;}/* STEP3 �޴»�� �ּ� LIST*/ #container #content.shippingStep dl.shipInfo dd section .shippingAddList:after{content:"";display:block;clear:both} #container #content.shippingStep dl.shipInfo dd section .shippingAddList li {float:left;width: 22.3%;background:#eee;padding:10px;margin-left: 5px;} #container #content.shippingStep dl.shipInfo dd section .shippingAddList li:first-child {margin-left: 0px;} #container #content.shippingStep dl.shipInfo dd section .shippingAddList li dt {padding:0;line-height:30px;font-size: 14px} #container #content.shippingStep dl.shipInfo dd .txtOnlyL li {font-size:16px;padding-left:20px} #container #content.shippingStep dl.shipInfo dd .txtOnlyL li:first-child {padding-left:0px} #container #content.shippingStep dl.shipInfo dd .txtOnlyL li span {text-decoration:underline;font-weight:700;padding-left:10px} #container #content.shippingStep dl.shipInfo dd .shippingAddSearch {position:absolute;right:345px;background:#eee;padding:19px 20px}/* STEP3 �޴»�� �ּ� SEARCH*/ #container #content.shippingStep dl.shipInfo dd .paging2 {padding-top:10px} #container #content.shippingStep dl.shipInfo dd .xi-info{font-size: 18px;color: #ff7000 !important;vertical-align:bottom;padding-right:5px;} #container #content.shippingStep dl.shipInfo .radio_add_option{background: #eee;padding: 10px 20px;margin-top: 10px;} #container #content.shippingStep dl.cLine2 {display:block;zoom:1;width:100%} #container #content.shippingStep dl.cLine2:after{content:"";display:block;clear:both} #container #content.shippingStep dl.cLine2 {padding:15px 0 0;border-top:1px solid #e4e4e4;} #container #content.shippingStep dl.cLine2 dt {font-size:18px;content:"";display:block;clear:both} #container #content.shippingStep dl.cLine2 dt i {font-size:20px;vertical-align: middle} #container #content.shippingStep dl.cLine2 dt.tit {font-size:16px;padding:15px 15px 15px 52px;border-top:1px solid #ccc;} #container #content.shippingStep dl.cLine2 dt.tit input{margin-left:10px;} #container #content.shippingStep dl.cLine2 dt.tit ul {display:block;zoom:1;width:100%} #container #content.shippingStep dl.cLine2 dt.tit ul:after{content:"";display:block;clear:both} #container #content.shippingStep dl.cLine2 dt.tit ul li {float:left} #container #content.shippingStep dl.cLine2 dt.tit ul li:last-child {float:right;padding-top:5px} #container #content.shippingStep dl.cLine2 dd ul{border-bottom:1px solid #e4e4e4;padding:5px;display:block;zoom:1} #container #content.shippingStep dl.cLine2 dd ul:after{content:"";display:block;clear:both} #container #content.shippingStep dl.cLine2 dd li{float:left;line-height:22px;padding:0 1px} #container #content.shippingStep 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} #container #content.shippingStep dl.cLine2 dd .prodt_Box:after{content:"";display:block;clear:both} #container #content.shippingStep dl.cLineNo {display:block;zoom:1;width:100%} #container #content.shippingStep dl.cLineNo:after{content:"";display:block;clear:both} #container #content.shippingStep dl.cLineNo {padding:20px 0 12px;} #container #content.shippingStep dl.cLineNo ul li{padding-left:5px;font-size:14px;font-weight:700;} #container #content.shippingStep dl.cLineNo ul li input{font-size:18px} #container .errorBox {border:1px solid rgba(255,144,0,0.4);background:rgba(255,144,0,0.2);padding:20px;margin-bottom: 10px;font-size: 16px}/*�ȳ������ڽ� ��� ǥ�ý�*/ #container .errorBox:after{content:"";display:block;clear:both} #container .errorBox li{float:left;padding-left:10px; display: inline-block} #container .errorBox li:first-child{padding-left:0px} #container .errorBox li:last-child{float: right} #container .errorBox li i {font-size:20px} #container .errorBox_Line {font-size: 14px; color:#ff2000;}/*�ȳ������ڽ� ������ ǥ�ý�*/ #container .errorBox_Line i{color:#ff2000;} /* 입고신청서 */ /* 입고신청서 왼쪽 상품 정보 입력*/ #container #content.shippingStep dl.cLine dd ul.InboundProd {display:block;zoom:1;padding:12px 10px;background:#eee;} #container #content.shippingStep dl.cLine dd ul.InboundProd:after{content:"";display:block;clear:both} #container #content.shippingStep dl.cLine dd ul.InboundProd li {float:left;line-height:22px;padding:0 3px;} #container #content.InboundNoti > dl.cLine > dd > span.btnPack {width:100%;margin-top:10px;text-align:right;} #container #content.InboundNoti > dl.cLine > dd.dateInput > input {width:150px;} #container #content.InboundNoti > dl.cLine > dd > select {height:40px;} #container #content.InboundNoti > dl.cLine > dd.dateInput > a > span.iIn {margin:7px 0 0 -35px;} /* 입고신청서>입고신청내역*/ #container #content.InboundNotiList > .search {margin:0 0 20px;text-align:center;} #container #content.InboundNotiList > .search > form > span.tit {font-size:16px;font-weight:700;padding-right:10px;} #container #content.InboundNotiList > .search > form > a {vertical-align:bottom} #container #content.InboundNotiList > .search > form > a > span.iIn {margin:7px 0 0 -35px;} #container #content.InboundNotiList > .search > form > span.btnPack {margin-left:5px;} #container #content.InboundNotiList > .search > form > span.btnPack > a {height:28px;line-height:28px;font-size:14px;font-weight:700;} #container #content.InboundNotiList > .tableType3 > thead > tr > th {padding:10px 0;} #container #content.InboundNotiList > .tableType3 > tbody > tr > td {padding:8px 10px;text-align:center;} /* 입고신청서>입고된현재현황*/ #container #content.InboundNow > .search {margin:0 0 20px;text-align:center;} #container #content.InboundNow > .search > span.tit {font-size:16px;font-weight:700;padding-right:10px;} #container #content.InboundNow > .search > select {margin-top:2px;height:32px;} #container #content.InboundNow > .search > span.btnPack {margin:2px 0 0 5px;} #container #content.InboundNow > .search > span.btnPack > a {height:20px;line-height:20px;font-size:14px;font-weight:700;} #container #content.InboundNow > .tableType3 > thead > tr > th {padding:10px 0;} #container #content.InboundNow > .tableType3 > tbody > tr > td {padding:8px 10px;text-align:center;} /* 입고신청서>상품조회*/ #container #content.InboundSearch > .search {margin:0 0 20px;text-align:center;} #container #content.InboundSearch > .search > span.tit {font-size:16px;font-weight:700;padding-right:10px;} #container #content.InboundSearch > .search > select {margin-top:2px;height:32px} #container #content.InboundSearch > .search > span.btnPack {margin:2px 0 0 5px;} #container #content.InboundSearch > .search > span.btnPack > a {height:20px;line-height:20px;font-size:14px;font-weight:700;} #container #content.InboundSearch > .listUp {position: absolute;right:15px;margin-top:-68px;/*padding:10px;background-color:#fff1a4;*/} #container #content.InboundSearch > .listUp > span.btnPack {} #container #content.InboundSearch > .tableType3 > thead > tr > th {padding:10px 0;} #container #content.InboundSearch > .tableType3 > tbody > tr > td {padding:8px 10px;text-align:center;} #container #content.InboundSearch > .tableType3 > tbody > tr > td:fist-child {padding:8px 0px;} #container #content.InboundSearch > .tableType3 > tbody > tr.none {color:#999;} /* Order History */ .his2 {margin-top:43px; /*border:1px solid #ddd;*/ position:relative;} .his2 .top {padding:5px 5px 3px 20px; border-bottom:1px solid #dfdede; zoom:1; min-height:35px;} .his2 .top:after {content:""; display:block; clear:both;} .his2 .top h3 {float:left; color:#3b3b3b; font-size:17px; font-weight:700; margin:8px 0 0;} .his2 .list {width:100%;} .his2 .list ul {zoom:1;} .his2 .list ul:after {content:""; display:block; clear:both;} .his2 .list ul.first {border-left:0 none;} .his2 .list ul li {height: 15px; padding: 10px 0; border-bottom:1px solid #eee;} .his2 .list ul li.last {border-bottom:0 none;} .his2 .list ul li span {float:left; position:relative; font-size:12px;} .his2 .list ul li .num {float:right; padding-left:8px; font-size:14px; color:#505050;} .his2 .list ul li .num a {color:#ff8400;} .his2 .personal {position:absolute; top:-30px; right:10px; color:#565656;} .his2 .personal em {color:#ff7000; font-weight:700;} .his2 .personal i {color:#62a9f3; font-weight:700; font-size:18px;} .his2 .tableType5 tbody tr td:last-child{border-right:1px solid #e4e4e4;} /* My Page-index */ .mypageLink td {vertical-align:top;letter-spacing:-1px;} .mypageLink td p {float:left;font-size:12px;line-height:20px;} .mypageLink td.g01 {background:url(/images2017/sub/icon_mypage_01.png) 17px 7px no-repeat;background-size:37px 37px} .mypageLink td.g02 {background:url(/images2017/sub/icon_mypage_02.png) 17px 7px no-repeat;background-size:37px 37px} .mypageLink td.g03 {background:url(/images2017/sub/icon_mypage_03.png) 17px 7px no-repeat;background-size:37px 37px} .mypageLink td.g04 {background:url(/images2017/sub/icon_mypage_04.png) 17px 7px no-repeat;background-size:37px 37px} .mypageLink td.g05 {background:url(/images2017/sub/icon_mypage_05.png) 17px 7px no-repeat;background-size:37px 37px} .mypageLink td.g06 {background:url(/images2017/sub/icon_mypage_06.png) 17px 7px no-repeat;background-size:37px 37px} .mypageLink td.g07 {background:url(/images2017/sub/icon_mypage_07.png) 17px 7px no-repeat;background-size:37px 37px} .mypageLink td.g08 {background:url(/images2017/sub/icon_mypage_08.png) 17px 7px no-repeat;background-size:37px 37px} .mypageLink td p.tit{color:#ff7000;padding:0 10px 0 40px;font-weight:700;} /* 나의 오마이집 주소-마이페이지 메인 가로 */ .mypage > ul.centerAdd {margin:-10px 0 30px;} .mypage > ul.centerAdd:after {content:""; display:block; clear:both;} .mypage > ul.centerAdd > li {display:inline-block;width:19.52%;min-height:358px;border:1px solid #eee;vertical-align:top;} .mypage > ul.centerAdd > li:first-child {border-top:1px solid #eee;} .mypage > ul.centerAdd > li > dl > dt {font-size:20px;font-weight:700;color:#ff7000;padding:10px;} .mypage > ul.centerAdd > li > dl > dd {margin:0 10px;border-bottom:1px solid #eee;} .mypage > ul.centerAdd > li > dl > dd:last-child {border-bottom:0;padding-bottom:10px;} .mypage > ul.centerAdd > li > dl > dd > p {color:#999; font-size:12px;} .mypage > ul.centerAdd > li > dl > dd > div {cursor:pointer;padding-bottom:5px;} .mypage > ul.centerAdd > li > dl > dd > div:hover {background:#999 !important;} /* 나의 오마이집 주소-마이페이지 메인 오마이집 센터주소 가로 리뉴얼 20190104 */ .mypage ul.centerohmyzip {width:100%;margin:0 auto !important;border-top:1px solid #eee;} .mypage ul.centerohmyzip:after {content:""; display:block; clear:both;} .mypage ul.centerohmyzip > li {display:inline-block;width:19.6%;min-height:430px;vertical-align:top;padding-top:5px;margin:0 auto;} .mypage ul.centerohmyzip > li:first-child {border-top:1px solid #eee;margin-left:2px;} .mypage ul.centerohmyzip > li > dl > dt {font-size:20px;font-weight:700;color:#313131;padding:10px 0 15px 40px;} .mypage ul.centerohmyzip > li > dl > dd {margin:0 10px;border-bottom:1px solid #eee;} .mypage ul.centerohmyzip > li > dl > dd:last-child {border-bottom:0;padding-bottom:10px;} .mypage ul.centerohmyzip > li > dl > dd > p {color:#999; font-size:12px;} .mypage ul.centerohmyzip > li > dl > dd > div {cursor:pointer;padding-bottom:5px;} .mypage ul.centerohmyzip > li > dl > dd > div:hover {background:#999 !important;} .mypage .centeromzadd {width:100%;border:1px solid #e4e4e4;margin-bottom:30px;} .mypage .centeromzadd .titDep4 {padding-bottom:0 !important;} .mypage .centeromzadd .titbox01 {padding:10px 20px;} .mypage .ico_usacenter {background:url('/images2017/sub/ico_ohcafe_usa.png') no-repeat 5% center;} .mypage .ico_grcenter {background:url('/images2017/sub/ico_ohcafe_germany.png') no-repeat 5% center;} .mypage .ico_cncenter {background:url('/images2017/sub/ico_ohcafe_china.png') no-repeat 5% center;} .mypage .ico_krcenter {background:url('/images2017/sub/ico_ohcafe_korea.png') no-repeat 5% center;} .mypage .ico_jpcenter {background:url('/images2017/sub/ico_ohcafe_japan.png') no-repeat 5% center;} /* 관세청 고시환율 */ .mypage > .csCenter > .box > .exchange > p.date {position:absolute;display:block; margin-left:236px;padding:0;width:118px;height:104px;border:1px solid #eee;background:#fff;text-align:center;} .mypage > .csCenter > .box > .exchange > p.date .year {display:inline-block;width:116px;height:35px;background:#f8f8f8;padding:15px 0 0;} .mypage > .csCenter > .box > .exchange > p.date .day {display:inline-block;width:116px;padding:15px 0 0;} .mypage > .csCenter > .box > .exchange > ul {position:relative;width:65%;} .mypage > .csCenter > .box > .exchange > ul > li {font-weight:700;vertical-align:middle;padding:6px 10px;border:1px solid #eee;margin-top:5px;height:18px} .mypage > .csCenter > .box > .exchange > ul > li > p.name {position:absolute;} .mypage > .csCenter > .box > .exchange > ul > li > p.fColor1, .mypage > .csCenter > .box > .exchange > ul > li > p.fBd {float:left;font-size:16px; font-weight:700;text-align:right;} .mypage > .csCenter > .box > .exchange > ul > li > p.fColor1 > span, .mypage > .csCenter > .box > .exchange > ul > li > p.fBd > span {color:#999;margin:0 5px;} .mypage > .csCenter > .box > .exchange > ul > li > p.fColor1 {margin:0 20px 0 20px;width:50px;} .mypage > .csCenter > .box > .exchange > ul > li > p.fBd {width:100px;color:#333;border-left:1px solid #eee;padding-left:10px;} /* 공통색상 */ .font_color1{color: #ff7000;} .font_color2{color: #0062E7;} /* Pagination */ .Pagination{padding:15px 0;text-align:center} .Pagination a,.Pagination strong{display:inline-block;position:relative;_width /**/:17px;padding:9px 12px 10px;border:1px solid #e4e4e4;margin: 0 2px;} .Pagination strong{font-weight:700;color:#ff7000 !important;border:1px solid #ff7000;} .Pagination .pre{margin-right:9px;padding:11px 11px 13px;} .Pagination .next{margin-left:9px;padding:12px 11px 13px;} .Pagination .pre,.Pagination .next{display:inline-block;position:relative;top:1px;_width /**/:84px;border:1px solid #e4e4e4;color:#ccc;font-size:13px;line-height:normal} .Pagination a.on {border:1px solid #ff7000;} .Pagination a.pre,.Pagination a.next{color:#515151} .Pagination a:hover{border:1px solid #e4e4e4;background-color:#f7f7f7 !important} /* paging2 */ .paging2 {padding:15px 0;text-align:center;clear:both;} .paging2 a,.Pagination strong{display:inline-block;position:relative;_width /**/:17px;padding:9px 12px 10px;border:1px solid #e4e4e4;margin: 0 2px;} .paging2 strong{font-weight:700;color:#ff7000 !important;border:1px solid #ff7000;} .paging2 .pre{margin-right:9px;padding:12px 10px 13px;} .paging2 .next{margin-left:9px;padding:12px 10px 13px;} .paging2 .pre,.Pagination .next{display:inline-block;position:relative;top:1px;_width /**/:84px;border:1px solid #e4e4e4;color:#ccc;font-size:12px;line-height:normal} .paging2 a.on {border:1px solid #ff7000;} .paging2 a.pre,.Pagination a.next{color:#515151} .paging2 a:hover{border:1px solid #e4e4e4;background-color:#f8f8f8 !important;text-decoration:none;} /* 마이페이지 - 배송 신청 내역 접기 펴기 부분*/ #orderArea {width:1140px;} .orderFolding {position:absolute;top:195px;} /* 나의 주문건 상단 배송신청내역 접기 버튼 위치*/ .orderFolding > img {vertical-align:middle;} /* 마이페이지 나의 정보 수정 */ .mypageLink.tableType14 tr td{vertical-align:middle;} .mypageLink.tableType14 tr td .inblock{text-align:left;} /* 서비스>안심보상제>책임보상제 */ #content.shippingGuarantee .tableType3 td {line-height:180%} /* 이용안내>배송대행이란? */ #content.service ul.num {/*margin-top:30px;*/} #content.service ul.num li {padding-top:30px;min-height:120px} #content.service ul.num li:first-child {padding-top:0px;} #content.service ul.num .span_tmp {display:block;position:absolute;margin:0 0 100px 25px} #content.service ul.num .span_tmp em {display:block; position:absolute; width:30px; height:30px; color:#fff; font-size:14px; text-align:center; line-height:30px;background-color:#ff7000;border-radius:100%;margin:-8px 0 0 -15px} #content.service ul.num .span_tmp img {border:1px solid #ddd;margin-bottom:10px} #content.service ul.num .cont {padding-left:190px;} #content.service ul.num .cont .tit {display:block;font-weight:700;font-size:16px;padding:5px 0} #content.service ul.num .cont .txt {padding-bottom:10px} #content.service ul.num .cont a {color:#ff7000;font-weight:700;} /* 이용안내>해외쇼핑몰주문하기 */ #content.orderShoppingMall ul.tabType1 {margin-top:10px;} #content.orderShoppingMall ul.tabType1 > li > a {height:40px;line-height:38px;} #content.orderShoppingMall ul.tabType1#ca, #content.orderShoppingMall ul.tabType1#gr {margin-top:50px;} #content.orderShoppingMall .txtInfo {margin:10px 0 20px;} #content.orderShoppingMall .txtInfo > li {line-height:160%;} #content.orderShoppingMall .txtInfo > li > span {font-weight:700;color:#ff7000;} #content.orderShoppingMall ul.ShoppingMall > li {border:1px solid #ddd;display:inline-block;width:297px;margin:9px 0 0 5px;} #content.orderShoppingMall ul.ShoppingMall > li:first-child, #content.orderShoppingMall ul.ShoppingMall > li:nth-child(4), #content.orderShoppingMall ul.ShoppingMall > li:nth-child(7), #content.orderShoppingMall ul.ShoppingMall > li:nth-child(10), #content.orderShoppingMall ul.ShoppingMall > li:nth-child(13), #content.orderShoppingMall ul.ShoppingMall > li:nth-child(16) {margin-left:0;} #content.orderShoppingMall ul.ShoppingMall > li > span.img {display:block;} #content.orderShoppingMall ul.ShoppingMall > li > span.img > img {width:295px;} #content.orderShoppingMall ul.ShoppingMall > li > span.txt {display:block;background-color:#f8f8f8;padding:10px 20px;} #content.orderShoppingMall ul.ShoppingMall > li > span.txt > a > i {padding-left:10px;color:#aaa;font-size:20px;} #content.orderShoppingMall ul.ShoppingMall > li > span.txt > a:hover > i {color:#ff7000;} #content.orderShoppingPOP {text-align:center;padding-top:51px;} #content.orderShoppingPOP h2 {position:fixed;width:100%;top:0;background:#333;padding:15px 0;color:#fff;font-weight:700;} #content.orderShoppingPOP .placeholder{padding:3em;} #content.orderShoppingPOP .progressContainer{position:fixed;top:47px;left:0;width:100%;height:4px;background:#ddd;z-index:1;} #content.orderShoppingPOP .progress{height:4px;background:#ff7000;width:0;transition:width 0.5s;} #content.orderShoppingPOP ul.step {margin:20px 0 0;} #content.orderShoppingPOP ul.step > li {display:inline;} #content.orderShoppingPOP ul.step > li > a {background:#ddd;color:#fff;border-radius:5px;padding:5px 15px;font-size:14px;font-weight:700;} #content.orderShoppingPOP ul.step > li > a:hover {text-decoration:none;background:#ff7000;} #content.orderShoppingPOP ul.step > li > a.on {background:#ff7000;} #content.orderShoppingPOP .guideBox {max-width:95%;min-width:420px;margin:0 auto;text-align:center;padding:20px 0 25px;} #content.orderShoppingPOP .guideBox > p {padding-top:15px;} #content.orderShoppingPOP .guideBox > p:first-child {padding-top:5px;} #content.orderShoppingPOP .guideBox > p.tit {font-size:24px;font-weight:700;} #content.orderShoppingPOP .guideBox > .link {} #content.orderShoppingPOP .guideBox > .link > a {color:#ff7000;} #content.orderShoppingPOP .guideBox > p.txt {} #content.orderShoppingPOP .guideBox > p.img > img {/*border:1px solid #ddd;*/} #content.orderShoppingPOP .guideBox > p.Lbox {border:1px solid #666; width:340px; margin:0 auto; padding:5px 0 5px 10px !important; margin-top:20px; text-align:left;} #content.orderShoppingPOP .guideArrow {text-align:center;} #content.orderShoppingPOP .guideArrow > i {font-size:40px;line-height:80%;color:#ccc;} #content.orderShoppingPOP .guideBoxLine {background:#f8f8f8;padding:10px;} #content.orderShoppingPOP .guideBoxLine > a {color:#ff7000;} #content.orderShoppingPOP .guideCls {padding:15px 0;background:#f8f8f8;border-top:1px solid #ddd;} /* 이용안내>가이드>4가지 전부다*/ #content.guide .titDep6 {margin-bottom:50px;} #content.guide .guideBox {text-align:center;} #content.guide .guideBox > ul.step > li {display:inline;} #content.guide .guideBox > ul.step > li > a {background:#ddd;color:#fff;border-radius:5px;padding:2px 8px;font-size:16px;} #content.guide .guideBox > ul.step > li > a.on {background:#ff7000;padding:2px 20px;font-weight:700;} #content.guide .guideBox > ul.step > li > a:hover {text-decoration:none;} #content.guide .guideBox > .txtL {font-size:28px;font-weight:700;padding:30px 0 15px;} #content.guide .guideBox > .img > img {border:1px solid #ddd;padding:0;margin:10px 0 0;} #content.guide .guideBox > .img > .txtUp {text-align:left;} #content.guide .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.guide .guideBox > .img > .txtUp > span > em {display: block;text-align:center;} #content.guide .guideArrow {text-align:center;padding:20px 0;} #content.guide .guideArrow > i {font-size:50px;color:#ccc;} /* 이용안내>배송대행신청하기>미국 배송지 선택 방법 */ #content.howtoChooseCenter ul.shopList li {display:inline-block;width:450px;padding:5px 0;} #content.howtoChooseCenter ul.shopList li img {margin-bottom:-5px;} #content.howtoChooseCenter ul.shopList li span {padding:0 0 0 10px;} /* 이용안내>배송대행신청하기>개인통관부호란?*/ #content.customId .subTxt2 > li > img {padding:5px 0 10px 0px;} /* 이용안내>배송비관련>배송요금 안내 */ #content.newRates .newRates_choose {margin-bottom:20px;padding:15px;border:1px solid #ddd;background:#f8f8f8;} #content.newRates .newRates_choose li {display:inline-block;padding-left:30px;} #content.newRates .newRates_choose li:first-child {padding-left:0px;} #content.newRates .newRates_choose li span {font-weight:700;font-size:15px;padding-right:10px;line-height:220%} #content.newRates .tabType1 {display:block;margin-bottom:10px} #content.newRates .newRates_row2 li {display:inline-block;width:49.49%;vertical-align:top;padding-left:5px} #content.newRates .newRates_row2 li:first-child {padding-left:0px} #content.newRates .newRates_row3 li {display:inline-block;width:32.65%;vertical-align:top;padding-left:5px} #content.newRates .newRates_row3 li:first-child {padding-left:0px} #content.newRates .newRates_row4 li {display:inline-block;width:24.15%;vertical-align:top;padding-left:6px} #content.newRates .newRates_row4 li:first-child {padding-left:0px} #content.newRates .newRates_row5{overflow:hidden;width:100%;} #content.newRates .newRates_row5 li {float:left;width:49%;} #content.newRates .newRates_row5 li:first-child {float:right;width:49%;} #content.newRates .newRatesPoint1 {color:#ff2000; font-weight:normal;} #content.newRates .newRates_info {margrin-top:10px} #content.newRates .newRates_info li {padding:2px 0} /* 이용안내>배송비관련>부피무게적용방법 */ #content.newWeight .tableType3.center tr th {background-color:#fff1a4;} #content.newWeight .tableType3.center tr td {text-align:center;} #content.newWeight .tableType3.centerEx tr td {text-align:center;} #content.newWeight .exTv {padding-left:285px;line-height:160%;background:url(/images2017/sub/guide_weight_01.png) 130px 0 no-repeat;height:95px} /* 이용안내>배송비관련>운송비포인트 + 자동결제 */ #content.autoPay ul.num li {display: inline-block;text-align:center;vertical-align:-webkit-baseline-middle;color:#ff7000;font-size:14px;} #content.autoPay ul.num li span {font-weight:700;border:1px solid #ddd;width:191px; vertical-align: top;display:block;padding:20px 0;} #content.autoPay ul.num li.icon {width:38px;} #content.autoPay ul.num li.icon i {color:#aaa;} #content.autoPay ul.num2 li {display: inline-block;text-align:center;vertical-align:-webkit-baseline-middle;color:#ff7000;font-size:14px;} #content.autoPay ul.num2 li span {font-weight:700;border:1px solid #ddd;width:272px; vertical-align: top;display:block;padding:20px 0;} #content.autoPay ul.num2 li.icon {width:38px;} #content.autoPay ul.num2 li.icon i {color:#aaa;} /* 이용안내>기타수수료>검수/수수료안내 */ #content.fees {position:relative;} #content.fees p.old_page_btn{border: 1px solid #ff7000;display: inline-block;padding: 5px 20px;border-radius: 5px;font-weight: bold;text-align: center;line-height: 18px;position:absolute;right:0;top:0;} #content.fees p.old_page_btn a{color:#ff7000;display:block;} #content.fees h1 span{font-size:14px;font-weight:bold;padding-left:10px;vertical-align:middle;} #content.primeM h1 span{font-weight:normal;padding-left:10px;color:#ff7000;} /* 이용안내>기타수수료>중대형화물요금안내 */ #content.bigSizeFee .tableType3 td {text-align:center;padding:10px 0;} /* 이용안내>통관관련>환율 */ #content.exchangeRate .chartInfo {padding:50px 0 10px 100px;} #content.exchangeRate .chartInfo em {position:absolute;margin-top:2px; } #content.exchangeRate .chartInfo .chartInfoTxt {font-size:24px;padding-left:40px;} #content.exchangeRate .chartInfo .chartInfoTxt .chartInfoTxt2 {font-size:14px;margin-top:-8px;} #content.exchangeRate .tableType3 {margin-top:20px;} #content.exchangeRate .tableType3 td, #content.exchangeRate .tableType3 th {text-align:center;padding:10px 0;} /* 이용안내>통관관련>관부가세 안내 */ #content.taxes .box {margin:0;text-align:center;padding:20px 0;font-size:16px;line-height:160%;background-color:#fff1a4;} #content.taxes .board {display:block;margin-top:10px} #content.taxes .board:after {content:""; display:block; clear:both;} #content.taxes .board .tableType3 {display: inline-table;width:49.5%;} #content.taxes .board .tableType3 thead > tr > th {background-color:#e9f6ff;} #content.taxes .board .tableType3 tbody > tr > th {background-color:#fff1a4;} #content.taxes .board .tableType3 tbody > tr > td {text-align:center;} #content.taxes .goods {background:#f8f8f8; margin-top:10px; padding:10px 20px; border:1px solid #eee; line-height:160%;} #content.taxes .goods p a {display:inline-block; *display:inline; zoom:1; width:19.5%;text-align:center;border-left:1px solid #ddd;} #content.taxes .goods p a:first-child {border-left:0;} #content.taxes .goods p a.on {color:#ff7000; text-decoration:underline;} #content.taxes .goodsTxt p {font-weight:700;padding:10px 0 5px;} #content.taxes .goodsTxt p i {color:#ff7000;} #content.taxes .goodsTxt .tableType3 tr td {text-align:center;} #content > .txt h1 {padding:20px 0 10px; font-size:30px; color:#303030;font-weight:700;margin:40px 0 10px;text-align: center; background: url(/images2017/event/icon_bar.png) center 40px repeat-x;} #content > .txt h1 span {padding:0 30px; background:#fff;} #content > .txt > .l_Txt1 ul li {line-height:24px;color:#303030} #content > .txt > .l_Txt1 ul li img {padding:10px 0 0 10px} /* 이용안내>통관관련>목록/일반통관 */ #content.taxes02 .box {margin:20px 0 -10px;text-align:center;padding:20px 0;font-size:16px;line-height:160%;background-color:#fff1a4;} #content.taxes02 .sct {position:relative; padding:00px 0;} #content.taxes02 .sct ul {position:relative; zoom:1;margin-top:10px;} #content.taxes02 .sct ul:after {content:""; display:block; clear:both;} #content.taxes02 .sct ul li {float:left; position:relative; width:80px; min-height:124px; margin-left:12px;} #content.taxes02 .sct ul li:first-child, #content.taxes02 .sct ul li:nth-child(11) {margin-left:0px} #content.taxes02 .sct ul li img {display:block; margin-bottom:4px; border:1px solid #e8e8e8;} #content.taxes02 .sct ul li p {width:78px;font-size:12px; font-weight:700; text-align:center; line-height:1.2em;word-break: break-word;} /* 이용안내>통관관련>통관/적재 불가 상품 */ #content.prohibited ul.prdLst {position:relative;width:100%;} #content.prohibited ul.prdLst:after {content:""; display:block; clear:both;} #content.prohibited ul.prdLst li {float:left; width:160px; min-height:250px;padding:0 11px;} #content.prohibited ul.prdLst li span {display: table-cell; width:155px; height:150px; border:1px solid #dadada;vertical-align: middle;} #content.prohibited ul.prdLst li img {display:block; width:120px; margin:0 auto;} #content.prohibited ul.prdLst li p {padding:7px 5px; font-size:11px;line-height:140%;} #content.prohibited table.tableType01 tbody td:first-child{background:none;} #content.prohibited table.tableType01 tbody td.txt_left{text-align:left;padding-left:40px;} /* 이용안내>나라별 반품 안내 */ #content.procedure ul.num li {padding-top:30px;} #content.procedure ul.num li:first-child {padding-top:10px;} #content.procedure ul.num li em {display:block; position:absolute; width:30px; height:30px; color:#fff; font-size:14px; text-align:center; line-height:30px;background-color:#ff7000;border-radius:100%;margin:-5px 0 0 20px} #content.procedure ul.num li .cont i {position:absolute; color:#ff7000; margin:25px 0 0 -40px} #content.procedure ul.num li .cont {margin-left:65px;} #content.procedure ul.num li .cont .tit {display:block;font-weight:700;font-size:16px;padding-bottom:5px} #content.procedure ul.num li .cont img {border:5px solid #eee;margin-top:10px} /* 서비스>오마이집만의 서비스 */ #content.benefits ul.num li{display:inline-block;border:1px solid #ddd;width:259px;padding:15px 15px 10px;margin:0 0 20px 16px;min-height:145px;vertical-align:top;box-shadow: 5px 5px rgba(0,0,0,0.05);} #content.benefits ul.num li:first-child, #content.benefits ul.num li:nth-child(4), #content.benefits ul.num li:nth-child(7), #content.benefits ul.num li:nth-child(10) {margin-left:0px;} #content.benefits ul.num li:nth-child(7), #content.benefits ul.num li:nth-child(8), #content.benefits ul.num li:nth-child(9) {margin-bottom:0px} #content.benefits ul.num li > i {position:absolute;display:block;color:#ff7000;margin:0 0 0 97px} #content.benefits ul.num li > em {border:1px solid #ddd;background:#eee;font-size:12px;padding:2px 10px} #content.benefits ul.num li > .txt > .txt_tit {display:block;font-weight:700;font-size:20px;line-height:120%;padding:60px 0 0;text-align:center} #content.benefits ul.num li > a {display:block;color:#999;font-size:12px;text-decoration:underline;padding-top:5px;text-align:center} /* 서비스>회원등급및혜택 */ #content.NewMembership .tableType3 > tbody > tr > td {text-align:center;vertical-align:middle;line-height:200%;} #content.NewMembership .tableType3 > tbody > tr > td.rank {text-align:left;font-weight:700;} #content.NewMembership .tableType3 > tbody > tr > td.rank > em {margin:10px 20px 0 5px;background-color:#00a49a;height:24px;display: inline-block;} #content.NewMembership .tableType3 > tbody > tr > td.rank > em.rank01 {width:30px;} #content.NewMembership .tableType3 > tbody > tr > td.rank > em.rank02 {width:90px;} #content.NewMembership .tableType3 > tbody > tr > td.rank > em.rank03 {width:180px;} #content.NewMembership .tableType3 > tbody > tr > td.rank > em.rank04 {width:300px;} #content.NewMembership .tableType3 > tbody > tr > td.rank > em.rank05 {width:360px;} #content.NewMembership .tableType3 > tbody > tr > td.rank > span {position: relative;top:-8px;} #content.NewMembership .tableType3 > tbody > tr > td.rankPer {font-size:16px;} #content.NewMembership .tableType3 > tbody > tr > td.rankPer > span {font-weight:700;} #content.NewMembership .tableType3 > tbody > tr > td.rankPrime {text-align:left;} #content.NewMembership .tableType3 > tbody > tr > td.rankPrime > a {color:#ff7000;text-decoration:underline;margin-left:5px;} #content.NewMembership .titDep8 > span.btnPack {margin:4px 0 0 10px} /* 서비스>회원등급이전 */ #content.shiftMemLevel .welcome {text-align:center;border:1px solid #ff7000;/*margin-top:30px;*/padding:45px 0 40px;} #content.shiftMemLevel .welcome p.txtL {font-size:40px;font-weight:700;} #content.shiftMemLevel .welcome p.txt {padding-top:20px;} #content.shiftMemLevel .welcome p.txt > span {color:#ff7000;} #content.shiftMemLevel .welcome p.txt > span.txtM {font-weight:700;font-size:16px;} #content.shiftMemLevel .welcomeTxt {margin-top:20px;} #content.shiftMemLevel .welcomeTxt > li {font-weight:700;} #content.shiftMemLevel .exBox {margin:30px 0 0;} #content.shiftMemLevel .exBox > .exTxt {padding:0 0 0 100px;} #content.shiftMemLevel .tableType3 > tbody > tr > td {text-align:center;} /* 서비스>프라임멤버십 */ #content.primeM .LPOP2 {padding:20px;} #content.primeM .LPOP2 .tit {font-size:18px;padding-bottom:10px; font-weight:700;border-bottom:1px solid #eee;margin-bottom:10px;} #content.primeM .primeBox {position:relative;border:1px solid #ff7000;/*margin-top:30px;*/padding:20px 30px;font-size:18px;font-weight:700;line-height:140%;} #content.primeM .primeBox > a {position:absolute;right:35px;font-size:13px;background-color:#ff7000;color:#fff;padding:10px 20px;line-height:120%;text-align:center;width: 150px;} #content.primeM .primeBox > a:hover {background-color:#ff5000;text-decoration:none;} #content.primeM .primeBox > a.bizReq:hover {background-color:#ff7000;cursor:default;} #content.primeM .primeBox2{ position:relative;border:1px solid #0062E7;padding:20px 30px;font-size:18px;font-weight:700;line-height:140%; } #content.primeM .primeBox2 > a {position:absolute;margin-top:-25px;right:35px;font-size:13px;background-color:#0062E7;color:#fff;padding:10px 20px;line-height:120%;text-align:center;width: 150px;} #content.primeM .primeBox2 > a:hover {background-color:#0854BA;text-decoration:none;} #content.primeM .primeBox2 > a.bizReq:hover {background-color:#0062E7;cursor:default;} #content .supplemBox{font-size: 13px;color:#0062E7;} #content .supplemBox2{font-size: 13px;color:#666;padding-top:10px;} .primeLabel .Label_List{ display: grid; grid-template-columns: repeat(3,1fr); gap:10px; } .primeLabel .Label_List .label_Day .titBox{ color: #fff; font-size: 19px;font-weight: bold; padding: 20px 0; text-align: center; } .primeLabel .Label_List .label_Day .titBox .addevt{ border-radius: 100px; background-color: #fff; padding: 2px 10px; color: #FF7000; font-size: 16px; } .primeLabel .Label_List .label_Day .dayprime_conts{ background-color: #F9F9F9; border:1px solid #E4E4E4; text-align: center;color: #303030; padding: 10px 0 20px; } .primeLabel .Label_List .label_Day .dayprime_conts .dayprime_Fare { display: inline-flex;align-items: center;justify-content: center; } .primeLabel .Label_List .label_Day .dayprime_conts .dayprime_Fare .fare_price{ font-size: 50px; font-weight: 700;line-height: 60px; padding-top: 15px; } .primeLabel .Label_List .label_Day .dayprime_conts > ul{ padding-top: 18px; } .primeLabel .Label_List .label_Day .dayprime_conts > li{ font-size: 13px; } .primeLabel .Label_List .label_Day .dayprime_conts .btn_Join{ padding: 10px 0 5px; } .primeLabel .Label_List .label_Day .dayprime_conts .btn_Join a span{ background-color: #666; color: #fff; border: 1px solid #666; border-radius: 50px; padding: 4px 15px; display: inline-flex;align-items: center;justify-content: center; } .primeLabel .Label_List .label_Day .dayprime_conts .btn_Join a{ text-decoration: none; } .primeLabel .Label_List .label_Day .dayprime_conts .btn_Join a:hover span{ background-color: #ff7000; border: 1px solid #ff7000; } .bg_colr01 {background-color: #F48120 !important;} .bg_colr02 {background-color: #FF6A00 !important;} .bg_colr03 {background-color: #F94B01 !important;} #content.primeM .cardBanner {position: relative;border:10px solid #eee;padding:30px;background-color:#f8f8f8;margin-top:30px;border-radius:20px;} #content.primeM .cardBanner > img {height:110px;} #content.primeM .cardBanner > .bannerTxt {position:absolute;margin:-100px 0 0 200px;} #content.primeM .cardBanner > .bannerTxt > .S {font-size:16px;} #content.primeM .cardBanner > .bannerTxt > .S > span {font-weight:700;} #content.primeM .cardBanner > .bannerTxt > .M {font-size:20px;letter-spacing:-1px} #content.primeM .cardBanner > .bannerTxt > .M > span {font-weight:700;color:#6e1e39;} #content.primeM .cardBanner > .bannerTxt > .L {font-size:30px;font-weight:700;letter-spacing:-2px;padding:10px 0 20px;line-height:100%;} #content.primeM .cardBanner > .bannerTxt > .L > span {color:#ff2000;} #content.primeM .cardBanner > a {position:absolute;margin:50px 0 0 440px;background-color:#ff8392;color:#fff;width:180px;padding:5px 20px;} #content.primeM .cardBanner > a:hover {background-color:#ff6c80;text-decoration:none;} #content.primeM .cardBanner > a > .bannerBtn > span {font-size:18px;font-weight:700;} #content.primeM .cardBanner > a > .bannerBtn > .icon {position:absolute;margin:5px 0 0 165px;} #content.primeM .tableType5 > tbody > tr > td {vertical-align:top;padding-bottom:20px;} #content.primeM .tableType5 > tbody > tr > td > i {color:#ff7000;padding:10px 0;} #content.primeM .tableType5 > tbody > tr > td > span {display:block; width: 264px;font-weight:700;font-size:16px;padding-bottom:5px} #content.primeM .tableType3 > tbody > tr > td {text-align:center;vertical-align:middle;line-height:200%;} #content.primeM .tableType3 > tbody > tr > td.rank {text-align:left;font-weight:700;} #content.primeM .tableType3 > tbody > tr > td.rank > em {margin:10px 20px 0 5px;background-color:#00a49a;height:24px;display: inline-block;} #content.primeM .tableType3 > tbody > tr > td.rank > em.rank01 {width:70px;} #content.primeM .tableType3 > tbody > tr > td.rank > em.rank02 {width:140px;} #content.primeM .tableType3 > tbody > tr > td.rank > em.rank03 {width:210px;} #content.primeM .tableType3 > tbody > tr > td.rank > em.rank04 {width:350px;} #content.primeM .tableType3 > tbody > tr > td.rank > em.rank05 {width:500px;} #content.primeM .tableType3 > tbody > tr > td.rank > span {position: relative;top:-8px;} #content.primeM .tableType3 > tbody > tr > td.rankPer {font-size:16px;} #content.primeM .tableType3 > tbody > tr > td.rankPer > span {font-weight:700;} #content.primeM .tableType3 > thead > tr > th.redT {border-left:2px solid #ff2000;border-top:2px solid #ff2000;border-right:2px solid #ff2000;} #content.primeM .tableType3 > tbody > tr > td.redB {border-left:2px solid #ff2000;border-bottom:2px solid #ff2000;border-right:2px solid #ff2000;font-weight:700;} #content.primeM section.txtUp {width: 916px;text-align: right;margin-top: -23px;color: #999} /* 서비스>하나오마이집신용카드 */ #content.OhmyzipCard .cardBox {border:1px solid #ff7000;/*margin-top:30px;*/padding:20px 40px;font-size:14px;} #content.OhmyzipCard .cardBox > ul.txt {position:absolute;margin:0px 0 0 300px;font-size:13px;min-width:530px;} #content.OhmyzipCard .cardBox > ul.txt:after {content:""; display:block; clear:both;} #content.OhmyzipCard .cardBox > ul.txt > li {border-bottom:1px solid #ddd;padding:5px 0;} #content.OhmyzipCard .cardBox > ul.txt > li:first-child {font-size:18px;font-weight:700;} #content.OhmyzipCard .cardBox > ul.txt > li:last-child {border:0;line-height:250%;} #content.OhmyzipCard .cardBox > ul.txt > li:last-child > span > a {width:470px;} #content.OhmyzipCard .cardBenefit {margin:10px 0 0 20px;} #content.OhmyzipCard .cardBenefit > p {margin-top:-15px;display:block; position:absolute; width:50px; height:50px; background-color:#ff7000;border-radius:100%;} #content.OhmyzipCard .cardBenefit > p > i {color:#fff; text-align:center; line-height:50px;min-width:50px;} #content.OhmyzipCard .cardBenefit > ul {margin-left:65px;} #content.OhmyzipCard .cardBenefit > ul > li {padding:2px;} #content.OhmyzipCard .cardBenefit > ul > li:first-child {font-size:18px;font-weight:700;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px;} #content.OhmyzipCard .cardBenefit > ul > li:last-child {margin:15px 0 50px 0px;color:#777;} /* 서비스>오~ 캐시(리워드 프로그램) */ #content.ocashInfo .titDep9 {padding-left:10px;} #content.ocashInfo .ocashImg1 {position:absolute;margin:0 0 0 450px;} #content.ocashInfo .ocashImg2 {position:absolute;margin:20px 0 0 600px;} /* 서비스>출고서비스>무검수무료반품 */ #content.ofree ul.num li {padding-top:30px;} #content.ofree ul.num li:first-child {padding-top:10px;} #content.ofree ul.num li em {display:block; position:absolute; width:30px; height:30px; color:#fff; text-align:center; line-height:30px;background-color:#ff7000;border-radius:100%;margin:-5px 0 0 20px} #content.ofree ul.num li .cont i {position:absolute; color:#ff7000; margin:25px 0 0 -40px} #content.ofree ul.num li .cont {margin-left:65px;} #content.ofree ul.num li .cont .tit {display:block;font-weight:700;font-size:16px;padding-bottom:5px} #content.ofree ul.num2 li {padding-top:30px;} #content.ofree ul.num2 li:first-child {padding-top:0px;} #content.ofree ul.num2 li .cont {margin-left:75px;} #content.ofree ul.num2 li .cont .tit {display:block;font-weight:700;font-size:16px;padding-bottom:5px;margin-left:-55px;} #content.ofree ul.subTxt1 li {padding-top:10px} #content.ofree .ofreeChart {position:relative;padding-left:20px} #content.ofree .ofreeChart > ul {background: #dcecf5; border-radius:2px;width: 320px; padding: 3px 10px; min-height: 20px;} #content.ofree .ofreeChart > ul > li {display:inline-block;vertical-align:middle} #content.ofree .ofreeChart > ul > li:first-child {font-size:18px;font-weight:700;color:#3150d3;} #content.ofree .ofreeChart > ul > li:last-child {padding-left:10px;width:270px;} #content.ofree .ofreeChart .ofreeChartI {padding: 3px 0;} #content.ofree .ofreeChart .ofreeChartI > i {color:#ccc;} #content.ofree .ofreeChart .ofreeChartI > span {font-size:11px;background:#ccc;border-radius:2px;padding: 3px 10px;} #content.ofree .ofreeChart > .areaT1 {margin:-30px 0 0 540px} #content.ofree .ofreeChart > .areaT2 {margin:-30px 0 0 540px} #content.ofree .ofreeChart > .areaT3 {margin:-78px 0 0 362px;} #content.ofree .ofreeChart > .areaT4 {margin:30px 0 0 362px;} #content.ofree .ofreeChart > .areaT5 {margin:-55px 0 0 358px;} #content.ofree .ofreeChart > .areaT6 {margin:3px 0 3px 160px} /* 서비스>출고서비스>바로바로출고 */ #content.baro .baroImg1 {width:100%;border:1px solid #e9f6ff;text-align:center;} #content.baro .baroImg1 > span {background:#e9f6ff;} #content.baro .baroImg2 {width:100%;border:1px solid #eee;text-align:center;} #content.baro .baroImg2 > span {background:#eee;} #content.baro .baroImg1 > span,#content.baro .baroImg2 > span {display:block;width:100%;padding:3px 0 5px;font-weight:700;} #content.baro p.box_en {position:absolute;border:2px solid #ff2000;width:198px;height:93px;margin-top:56px;right:0} #content.baro p.box_ko {position:absolute;border:2px solid #ff2000;width:198px;height:55px;margin-top:58px;right:0} #content.baro > table > tbody> tr > td > i {color:#ddd} #content.baro .baroImg3 {width:100%;border:1px solid #eee;text-align:center;} #content.baro .baroImg3 > .imgTit {background:#eee;padding:5px 0;font-weight:700; } #content.baro .baroImg3 > .imgTit > span {position:absolute;font-size:20px;color:#999;left:250px;margin-top:8px} #content.baro .baroImg3 > .imgCon {padding:10px 0;} #content.baro .baroImg3 > .imgCon > img {padding-bottom:10px} #content.baro .baroImg3 > .imgCon > ul {position:absolute;} #content.baro .baroImg3 > .imgCon > ul > li {display:inline-block;font-weight:700;font-size:16px;} #content.baro .baroImg3 > .imgCon > ul.con1 {margin:130px 0 0 180px;} #content.baro .baroImg3 > .imgCon > ul.con1 > li {padding:0 49px;margin-right:49px;} #content.baro .baroImg3 > .imgCon > ul.con2 {margin:120px 0 0 200px;} #content.baro .baroImg3 > .imgCon > ul.con2 > li {padding:0 20px;} #content.baro .baroImg3 > .imgCon > ul.con2 > li:nth-child(3) {margin-left:40px;} #content.baro .baroImg3 > .imgCon > ul.con2 > li:last-child {margin-left:40px;} #content.baro .baroImg3 > .imgCon > ul.con2 > li.icon {padding:0 10px} #content.baro .baroImg3 > .imgCon > ul.con3 {margin:120px 0 0 110px;} #content.baro .baroImg3 > .imgCon > ul.con3 > li {padding:0 20px;} #content.baro .baroImg3 > .imgCon > ul.con3 > li:nth-child(2) {margin-left:108px;} #content.baro .baroImg3 > .imgCon > ul.con3 > li:nth-child(4) {margin-left:50px;} #content.baro .baroImg3 > .imgCon > ul.con3 > li:last-child {margin-left:108px;} #content.baro .baroImg3 > .imgCon > ul.con3 > li.icon {padding:0 10px} #content.baro .baroImg4 {border:1px solid #eee;background:#eee;padding:20px} #content.baro .baroImg4 > .imgTit {display:block;padding:5px 0;font-weight:700; } #content.baro .baroImg4 > img {width:874px;padding:0 0 10px} #content.baro .baroImg4 > .imgCon1 {text-align:center;padding:0 0 10px;} #content.baro .baroImg4 > .imgCon2 {background:#fff;text-align:center;font-weight:700;font-size:14px;padding:10px} #content.baro .baroImg4 > .imgCon2 > .imgTit {display:block;font-size:16px;padding-bottom:7px} /* 서비스>출고서비스>오빠른출고 */ #content.ohFast ul.guide {margin-bottom:10px} #content.ohFast ul.guide li {display:inline-block;border:1px solid #ddd;width:190px;min-height:60px;padding:25px 0 0 110px;font-weight:700;font-size:15px} #content.ohFast ul.guide li > em {position:absolute;margin:-17px 0 0 -80px;width:70px; height:70px;background-color:#ff7000;border-radius:100%;} #content.ohFast ul.guide li > em > i {color:#fff;margin:20px 0 0 20px} #content.ohFast .ohFastImg {border:1px solid #eee;background:#eee;padding:20px} #content.ohFast .ohFastImg > .imgTit {display:block;padding:5px 0;font-weight:700; } #content.ohFast .ohFastImg > img {width:874px;padding:0 0 10px} #content.ohFast .ohFastImg > .imgCon1 {text-align:center;padding:0 0 10px;} #content.ohFast .ohFastImg > .imgCon2 {background:#fff;text-align:center;font-weight:700;font-size:14px;padding:10px} #content.ohFast .ohFastImg > .imgCon2 > .imgTit {display:block;font-size:16px;padding-bottom:7px} /* 서비스>안심보상제>중량보상제 */ #content.compensation2 ul li {padding-top:5px;} #content.compensation2 ul li:first-child {padding-top:0px;} #content.compensation2 ul.num li {padding-top:30px;} #content.compensation2 ul.num li:first-child {padding-top:10px;} #content.compensation2 ul.num li em {display:block; position:absolute; width:30px; height:30px; color:#fff; font-size:14px; text-align:center; line-height:30px;background-color:#ff7000;border-radius:100%;margin:-5px 0 0 20px} #content.compensation2 ul.num li .cont i {position:absolute; color:#ff7000; margin:25px 0 0 -40px} #content.compensation2 ul.num li .cont {margin-left:65px;} #content.compensation2 ul.num li .cont .tit {display:block;font-weight:700;font-size:16px;padding-bottom:5px} #content.compensation2 ul.num li .cont span {line-height:160%} /* 서비스>안심보상제>반품보상제 */ #content.returnCompensation .tableType1 > thead > tr > th {background-color:#fff1a4;padding:10px 20px;border-radius:20px;} #content.returnCompensation .tableType1 > thead > tr > th > span {display:block;font-size:20px;line-height:160%;} #content.returnCompensation .tableType1 > thead > tr > th.num {background-color:#fff;} #content.returnCompensation .tableType1 > tbody > tr {border-bottom: 1px solid #eee;} #content.returnCompensation .tableType1 > tbody > tr > td {vertical-align:top;line-height:160%;padding-bottom:15px} #content.returnCompensation .tableType1 > tbody > tr > td > span.tit {display:block;font-weight:700;padding:30px 0 10px;font-size:16px;} #content.returnCompensation .tableType1 > tbody > tr > th.num {vertical-align:top;padding:25px 10px;background-color:#fff;} #content.returnCompensation .tableType1 > tbody > tr > th.num > span {display:block;width:30px; height:30px; color:#fff; font-size:14px; text-align:center; line-height:30px;background-color:#ff7000;border-radius:100%;} #content.returnCompensation .tableType1 > tbody > tr > th.num > i {position:absolute; color:#ff7000; margin:0 0 0 -8px;font-weight:700;} /* 서비스>해상운송서비스>미국해상운송 */ #content.OceanNotice .tableType5 > tbody > tr > td {vertical-align:top;padding-bottom:20px;} #content.OceanNotice .tableType5 > tbody > tr > td > i {color:#ff7000;padding:10px 0;} #content.OceanNotice .tableType5 > tbody > tr > td > span {display:block; font-weight:700;font-size:16px;padding-bottom:5px} #content.OceanNotice .tableType3 > tbody > tr > th, #content.OceanNotice .tableType3 > tbody > tr > td {text-align:center;} #content.OceanNotice .vsMattress {padding-left:10px;} #content.OceanNotice .vsMattress > img {position:absolute; margin:0 0 0 520px} #content.OceanNotice .processBox {margin-top:-40px;position:relative;} #content.OceanNotice .processBox > li {position:relative;display:inline-block;width:150px;min-height:100px;padding:10px 0;border:1px solid #eee;text-align:center;vertical-align:top;margin:40px auto 0;font-weight:700;} #content.OceanNotice .processBox > li > span {position:absolute; display:block;margin:-10px 0 0 0; font-size:13px;color:#fff;background-color:#ccc;padding:2px 5px;} #content.OceanNotice .processBox > li > i {display:block;color:#999;padding-bottom:10px;text-align:center;} #content.OceanNotice .processBox > li.arrow {position:relative;border:0;width:30px;top:40px;} #content.OceanNotice .processBox > li.arrow > i {color:#ff7000;} /* 서비스>해상운송서비스>미국해상LCL */ #content.OceanLCLNotice .subTxt3 > li > .txt01 {position:absolute; font-size:12px; line-height:120%; margin:95px 0 0 45px;} #content.OceanLCLNotice .subTxt3 > li > .txt02 {position:absolute; font-size:12px; line-height:120%; margin:95px 0 0 525px;} #content.OceanLCLNotice .tableType5 > tbody > tr > td {vertical-align:top;padding-bottom:20px;} #content.OceanLCLNotice .tableType5 > tbody > tr > td > i {color:#ff7000;padding:10px 0;} #content.OceanLCLNotice .tableType5 > tbody > tr > td > span {display:block; font-weight:700;font-size:16px;padding-bottom:5px} #content.OceanLCLNotice .tableType3 > tbody > tr > th, .OceanLCLNotice .tableType3 > tbody > tr > td {text-align:center;} /* 이벤트>이벤트 목록페이지 */ #content.eventPage > ul:after {content:""; display:block; clear:both;} #content.eventPage > ul > li {float:left; position:relative; width:50%; min-height:115px; padding:15px 0; border-bottom:1px solid #eee;} #content.eventPage > ul > li.bg {background:#fbfbfb;} #content.eventPage > ul > li > a > img {top:15px; left:0; width:220px; height:120px;border:1px solid #ddd;} #content.eventPage > ul > li > .txt {position:absolute;width:310px;margin:-125px 0 0 240px} #content.eventPage > ul > li > .txt > a {font-size:14px;font-weight:700;line-height:140%;} #content.eventPage > ul > li > .txt > a > span {background:#fff200; padding:1px 5px 0; color:#454545; font-size:11px;font-weight:normal;margin-right:10px;} #content.eventPage > ul > li > .txt > p.txtInfo {line-height:140%;padding:5px 0 5px} #content.eventPage > ul > li > .txt > p.txtDate {font-weight:700;} #content.eventPage_tit{padding:10px 20px;background:#f4f4f4;border-top:#e4e4e4 solid 1px;border-bottom:#e4e4e4 solid 1px;font-weight:700;} #content > .eventView{margin:0 auto;clear:both} #content > .eventView h1 {padding:20px 0 10px; font-size:30px; color:#303030;font-weight:700;margin:40px 0 10px;text-align: center; background: url(/images2017/event/icon_bar.png) center 40px repeat-x;} #content > .eventView h1 span {padding:0 30px; background:#fff;} #content > .eventView h2 {margin-top:10px;padding:15px 0; font-size:18px; color:#303030; font-weight:700;} #content > .eventView h3 {margin-top:10px;padding:0 0 10px; font-size:24px; color:#303030; font-weight:700;} #content > .eventView > .txt{font-size:14px; letter-spacing:0px;} #content > .eventView > .txt ul li {line-height:24px;color:#303030} #content > .eventView > .txt ul li img {padding:10px 0 0 10px} #content > .eventView > .txt dl dt {font-size:20px; font-weight:700;color:#212121;padding-top:10px} #content > .eventView > .txt dl dd {padding:10px 0 0 35px;line-height:150%;} #content > .eventView > .txt > table.Type1 {width:100%;border:0;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-spacing:0;font-size:14px;clear:both} #content > .eventView > .txt > table.Type1 td, #content > .eventView > .txt > table.Type1 th{border:0;border-top:1px solid #ccc;border-left:1px solid #ccc;padding:5px;line-height:170%} #content > .eventView > .txt > table.Type1 th{background:#eee} #content > .eventView > .txt > table.Type2 {width:100%;border:0;border-top:1px solid #ccc;border-spacing:0;font-size:14px;clear:both} #content > .eventView > .txt > table.Type2 td, #content > .eventView > .txt > table.Type2 th{border:0;border-bottom:1px solid #ccc;padding:5px;line-height:170%;text-align:center;} #content > .eventView > .txt > table.Type2 th{background:#eee;font-weight:700;} #content > .eventView > .txt > table > caption {visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0} /* 이벤트>템퍼 토퍼 통관관련 Q&A */ #content .eventView .qna > li > dl {position:relative;font-size:14px;} #content .eventView .qna > li > dl > dd {background:rgba(204,204,204,0.1);padding:15px;border-radius:5px;margin-top:15px;} #content .eventView .qna > li > dl > dt > em {display:inline-block;font-family:"Tahoma", "Arial", "sans-serif";font-weight:bold;font-size:28px;line-height:27px;color:rgba(93,90,191,1) !important;margin-right:5px;} #content .eventView .qna > li > dl > dd > em {position:absolute;top:70px;left:20px;display:inline-block;font-family:"Tahoma", "Arial", "sans-serif";font-weight:bold;font-size:28px;line-height:12px;color:rgba(69,69,69,1) !important;} #content > .eventView > .txt section.linksite > ul > li {display:inline-block;padding:5px 10px;vertical-align:middle;} #content > .eventView > .txt section.linksite > ul > li > a {text-decoration:none;display:inline-block;vertical-align:middle;line-height:150% !important;} #content .eventView .linksite a:hover, #content .eventView .linksite a:focus {text-decoration:none;color:#5d5abf;} #content > .eventView > .txt section.linksite ul li .linkgo {display:inline-block;vertical-align:middle;width:25px;height:25px;background: url(/images2017/event/btn_event_linkgo.png) 0 10px no-repeat;margin-left:5px;background-position:0 2px;line-height:100% !important;} .downgo01 {display:inline-block;border:1px solid #5d5abf; border-radius:50px;padding:5px 15px;} /* 타오바오 구매대행 가이드 */ #content .TaobaoGuide { width: 600px; margin: 0 auto;} #content .TaobaoGuide h2 {left:0;} #content .TaobaoGuide .link {text-align:right; margin-top:20px;} #content .TaobaoGuide .link a {color:#ff7000;} #content .TaobaoGuide .link2 {text-align:center; margin-top:20px;} #content .TaobaoGuide .link2 a {color:#ff7000;} #content .TaobaoGuide .btlink {text-align:center; margin-top:40px; margin-bottom:40px;} #content .TaobaoGuide .btlink a {color:#ff7000; font-size:18px; font-weight:bold;} #content .TaobaoGuide .menuBar .step { border-bottom: 2px solid #ff7000; height:28px;} #content .TaobaoGuide .menuBar .step li {width: 200px; float:left; margin-right: 2px;} #content .TaobaoGuide .menuBar .step li a {border-radius:5px 5px 0 0 !important; display: block;} #content .TaobaoGuide .GuideTit {margin-bottom: 20px;} #content .TaobaoGuide .GuideTit .tit {background-color: #653bc5; margin-bottom:10px;} #content .TaobaoGuide .GuideTit .tit a{ padding: 10px; font-size: 14px; font-weight: bold; color: #fff; display: block; text-decoration:none;} #content .TaobaoGuide .GuideTit .tit2 {background-color: #eec023; margin-bottom:10px;} #content .TaobaoGuide .GuideTit .tit2 a{ padding: 10px; font-size: 14px; font-weight: bold; color: #fff; display: block; text-decoration:none;} #content .TaobaoGuide .GuideTit .tit3 {background-color: #000; margin-bottom:20px;} #content .TaobaoGuide .GuideTit .tit3 a{ padding: 10px; font-size: 14px; font-weight: bold; color: #fff; display: block; text-decoration:none;} #content .TaobaoGuide .GuideTit p strong {font-size:14px; font-weight:bold;} #content .TaobaoGuide .conBox { margin-bottom: 20px; overflow:hidden;} #content .TaobaoGuide .conBox .guideImg {float:left; width:352px;} #content .TaobaoGuide .conBox .guideTxt {float:left; width:228px; margin-left:20px;border-top:1px solid #dfdfdf;} #content .TaobaoGuide .conBox .guideTxt dl dt, .TaobaoGuide .conBox .guideTxt dl dd{text-align:left; padding:5px 0 5px 10px; border-bottom: 1px dotted #dfdfdf;} #content .TaobaoGuide .conBox .guideTxt dl .tip {background-color: #653bc5; padding: 5px 10px; color: #fff;} #content .TaobaoGuide .conBox .guideTxt strong {color:#ff2000;} #content .TaobaoGuide .conBox .guideTxt .Guidebtn{border-bottom:none;padding-top:20px;} #content .TaobaoGuide .conBox .guideTxt .Guidebtn a {border:1px solid #ff7000; padding:5px 10px;border-radius:5px;text-decoration:none;color:#ff7000} #content .TaobaoGuide .conBox .guideTxt .Guidebtn a:hover{border:1px solid #303030;color:#303030;} #content .TaobaoGuide .conBox.Tip .guideTxt dl dt{background-color:#eec023;text-align:center;color:#fff;font-weight:bold;border-bottom:none;} #content .TaobaoGuide .guideCls {width:100%; position:absolute; left: 0; margin-top: 20px; min-width:600px;} #content .TaobaoGuide .TapMenu {margin-top:20px; margin-bottom:20px; text-align:center; position:relative;} #content .TaobaoGuide .TapMenu li{ display:inline-block; padding:0 5px; line-height:28px;} #content .TaobaoGuide .TapMenu li a {font-size:14px; font-weight:bold; cursor:pointer;} #content .TaobaoGuide .TapMenu li a.on {color:#ff7000;} #content .TaobaoGuide .TapMenu li a:hover {color:#ff7000;} #content .TaobaoGuide .TapMenu li > ul {display:none; position:absolute; left:144px; top:20px;} #content .TaobaoGuide .TapMenu li > ul > li > a {font-size:12px; color:#666;} #content .TaobaoGuide .TapMenu li:hover > ul {display:block; z-index:100; } #content .TaobaoGuide .TapBg {border:1px solid #333; background-color:#f6f6f6;} #content .TaobaoGuide .guideArrow {padding:10px 0;} #content .TaobaoGuide .TopTit {font-size: 18px; font-weight: bold; margin-bottom: 20px;} #content .TaobaoGuide .GuideTit .tmallMack {background-color: #ff2000; padding: 2px 5px; border-radius:5px;} #content .TaobaoGuide .conBox .guideImg2 {float:left; width:280px; margin-right: 38px;} #content .TaobaoGuide .conBox .guideImg2 p {padding-bottom:10px;} #content .TaobaoGuide .conBox .guideImg2 span a {color:#ff7000;} #content .TaobaoGuide .tableType3 tr td {text-align: center; font-weight: bold;} #content .TaobaoGuide .tableType3 tr td img { width:25px;} #content .TaobaoGuide .guideTxt2 {text-align:left; margin-bottom:10px;} #content .TaobaoGuide .guideTxt2 dl dt {font-size:14px; font-weight:bold; color: #ff7000;} #content .TaobaoGuide .conBox2 { margin-bottom: 20px; overflow:hidden;} #content .TaobaoGuide .conBox2 .guideImg { margin-bottom: 20px;} #content .TaobaoGuide .conBox2 .guideTxt {text-align: left; margin-bottom: 20px; border-top:2px solid #dfdfdf;} #content .TaobaoGuide .conBox2 .guideTxt dl dt {padding:5px 0 5px 10px; border-bottom:1px dotted #dfdfdf;} #content .TaobaoGuide .conBox2 .link {margin-top:0; margin-bottom:20px;} #content .TaobaoGuide .conBox2 .tit {font-size: 14px; font-weight:bold; padding-bottom:10px; text-align: left;} #content .TaobaoGuide .tableType3 .bgColor {background-color:#eec023;} #content .TaobaoGuide .tableType3 .fbold {font-size:14px; font-weight:bold;} #content .TaobaoGuide .finish {border:2px dotted #e4e4e4; margin-bottom:20px; padding:20px;} #content .TaobaoGuide .finish .tit {font-size:18px; font-weight:bold; color:red; padding-bottom:20px;} #content .TaobaoGuide .BottomTit {overflow:hidden; margin-bottom:20px;} #content .TaobaoGuide .BottomTit p{float:left; font-size:18px; font-weight:bold; line-height:35px; text-align:left;} #content .TaobaoGuide .BottomTit p img {width:35px; padding:0 20px 0 50px;} #content.taobaoGuidePOP {text-align:center;padding-top:210px;} #content.taobaoGuidePOP2 {text-align:center;padding-top:110px;} #content .TaobaoGuide .menuBar {position:fixed; top:50px; background-color:#fff; width:600px;} .taobaoGuideSize {text-align:center;padding-top:260px !important;} .taobaoGuideSize .tableType3 {margin-bottom:10px;} .taobaoGuideSize .bgColor {color:#fff; background-color:#868686 !important;} .taobaoGuideSize .TapMenu li {float:left;} .taobaoGuideSize .TapMenu li img {width:90px;} .taobaoGuideSize .TapMenu li span {display:block;} #content.taobaoGuideSize h3 {font-size:18px; font-weight:bold; float:left; margin-bottom:10px; color:#ff7000;} #content .TaobaoGuide .subTit {text-align:left; margin-bottom:10px;} #content .TaobaoGuide .subTit a {font-weight:bold; background-color:#000; color:#fff; padding:3px 5px;} #content .TaobaoGuide .Reference {color:red; float:right; margin-bottom:10px; font-size:11px;} /* 배송대행 > 이용안내 > 배송비관련 */ #content.newRates{position:relative;} #content.newRates h3{font-size:24px;font-weight:bold;margin-bottom:30px;display:block;} #content.newRates .RatesPick{overflow:hidden;} #content.newRates .RatesPick .top_tab{width:100%;overflow:hidden;margin-bottom:20px;} #content.newRates .RatesPick .top_tab li{float:left;width:16.66%;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 #ff7000;box-sizing:border-box;} #content.newRates .RatesPick .top_tab li:last-child{border-right:1px solid #e0e0e0;} #content.newRates .RatesPick .top_tab li.active{border-top:1px solid #ff7000;border-left:1px solid #ff7000;border-right:1px solid #ff7000;border-bottom:none;background:none;} #content.newRates .RatesPick .top_tab li.active a {color:#ff7000;} #content.newRates .RatesPick .top_tab li:hover a{text-decoration:none;} #content.newRates .RatesPick .top_tab li a{display:block;} #content.newRates .RatesPick .bt_box{background:#f9f9f9;overflow:hidden;padding:20px 30px;margin-bottom:30px;} #content.newRates .RatesPick .bt_box li{float:left;width:33.33%;line-height:28px;} #content.newRates .RatesPick .bt_box li span{display:inline-block;} #content.newRates .RatesPick .bt_box li p{display:inline-block;font-weight:bold;padding-left:20px;} #content.newRates .RatesPick .bt_box li p select{width:170px;height:28px;line-height:28px;font-size:12px !important;} #content.newRates p.old_page_btn{border: 1px solid #ff7000;display: inline-block;padding: 5px 20px;border-radius: 5px;font-weight: bold;text-align: center;line-height: 18px;position:absolute;right:0;top:0;} #content.newRates p.old_page_btn a{color:#ff7000;display:block;} #content.newRates .RatesPick .bt_box li.Method p{position:relative;display:inline-block;margin-right:25px;} #content.newRates .RatesPick .bt_box li p input[type="radio"] + label{display: inline-block; width:17px; height:17px; background:url(/images2017/flag/radio_icon_off.png) no-repeat center;cursor: pointer;box-sizing:border-box;vertical-align:middle;} #content.newRates .RatesPick .bt_box li p input[type="radio"]:checked + label{background:url(/images2017/flag/radio_icon_on.png) no-repeat center;} #content.newRates .RatesPick .bt_box li p input[type="radio"] + label span{position: absolute; top:1px; left:43px; display: block;font-size:14px;line-height:14px;} #content.newRates .RatesPick .bt_box li p input[type="radio"]{display:none !important;} #content.newRates .tab_Rates{float:right;} #content.newRates .tab_Rates li{float:left;height:40px;line-height:40px;text-align:center;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;font-size:14px;padding:0 30px;background:#fbfbfb;} #content.newRates .tab_Rates li.on{border-top:1px solid #ff7000;border-bottom:1px solid #ff7000;background:#ff7000;} #content.newRates .tab_Rates li.on a{color:#fff;} #content.newRates .tab_Rates li a{text-decoration:none;} #content.newRates.en .tab_Rates li, #content.newRates.zh .tab_Rates li{padding:0 17px;} #content.newRates .shipping_cc{border:1px solid #e4e4e4;overflow:hidden;margin-top:40px;margin-bottom:80px;padding:30px 40px 30px 120px;background:url(/images2017/sub/shipping_cc_icon.png)no-repeat 40px center;} #content.newRates .shipping_cc .tit{font-size:18px;font-weight:bold;padding-bottom:20px;} #content.newRates .shipping_cc .txt{float:left;padding-right:20px;} #content.newRates .shipping_cc span.link a{border:1px solid #dfdfdf;padding:5px 10px;text-decoration:none;} #content.newRates .shipping_cc span.link a:hover{color:#303030;background:linear-gradient(to top, #e6e6e6 , #fff);} #content.newRates .tList_add{overflow:hidden;text-align:center;margin-top:20px;background:url(/images2017/sub/shipping_add_btnbg.png)no-repeat top center;height:33px;} #content.newRates .tList_add p.addBtn{line-height:33px;} #content.newRates .tList_add p.addBtn i{vertical-align:-2px;padding-right:5px;} #content.newRates .tList_add p.addBtn a{text-decoration:none;} #content.newRates .RatesInfo{overflow:hidden;margin-top:20px;} #content.newRates .RatesInfo p{font-size:14px;color:#ff8d33;padding-bottom:10px;} #content.newRates .RatesInfo ul li{line-height:24px;background:url(/images2017/shop/guide_txt_line.gif)no-repeat left 11px;padding-left:10px;} #content.newRates .RatesInfo ul li .linkBtn{vertical-align:1px;} #content.newRates .RatesInfo ul li .linkBtn a{color: #fe9002;border: 1px solid #fe9002;border-radius: 15px;padding: 4px 10px;text-decoration: none;} #content.newRates .RatesInfo ul li .linkBtn a i{vertical-align:-1px;} #content.newRates .viewLink{position: absolute;left: 130px;top: 140px;background:url(/images2017/sub/grey_line.gif)no-repeat left center;} #content.newRates .viewLink a{text-decoration:none;padding-left:10px;} #content.newRates .viewLink a:hover{color:#303030;} #content.newRates .viewLink span{background:#dddddd;font-weight:bold;padding:1px 5px;border-radius:15px;margin-left:5px;color:#797878;} #content.newRates .viewLink2{position: absolute;left: 230px;top: 100px;background:url(/images2017/sub/grey_line.gif)no-repeat left center;} #content.newRates .viewLink2 a{text-decoration:none;padding-left:10px;} #content.newRates .viewLink2 a:hover{color:#303030;} #content.newRates .viewLink2 span{background:#dddddd;font-weight:bold;padding:1px 5px;border-radius:15px;margin-left:5px;color:#797878;} /* 배송요금 계산기 */ .DelveryTable{ border:1px solid #e2e2e2; width: 100%; table-layout: fixed; } .DelveryTable tr{ border-bottom: 1px solid #E2E2E2; } .DelveryTable tr:last-child{ border: none; } .DelveryTable th{ width: 130px; min-width: 130px; font-weight: bold;font-size: 14px; background-color: #f8f8f8; border-right: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; padding: 10px 20px; box-sizing: border-box; text-align: left; } .DelveryTable td{ padding:20px; } .DelveryTable td .select_style01{ position: relative; width: 100%; padding: 0 30px; border: 1px solid #666; background-color: #fff; padding: 10px 15px; font-size: 16px; color: #333; appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; line-height: 130%; flex: 1; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: right 10px center; background-size: 24px 24px; } .DelveryTable td .select_style01:hover{ border-color: #F48120; } .DelveryTable td .select_style01:focus { outline: none; border-color: #F48120; } /* 라디오버튼_v2 */ .custom-radio2{ display: inline-flex; align-items: center; cursor: pointer; gap: 6px; font-size: 14px; font-weight: bold; user-select: none; margin-left: 25px; position: relative; } .custom-radio2 span{ margin-right: 20px; } .custom-radio2 input[type="radio"]{ position: absolute; opacity: 0; cursor: pointer; } .custom-radio2 input[type="radio"] + span::before{ content: ''; display: inline-block; width: 17px; height: 17px; background: url(/images2017/flag/radio_icon_off.png) no-repeat center; cursor: pointer; box-sizing: border-box; vertical-align: middle; position: absolute; top:2px; left: -25px; } .custom-radio2 input[type="radio"]:checked + span::before{ content: ''; background: url(/images2017/flag/radio_icon_on.png) no-repeat center; } /* 라디오버튼 v1 */ .DelveryTable .radioTb .custom_radio{ display: inline-flex;align-items: center;gap: 10px; cursor: pointer;font-size: 14px;color: #333; user-select: none;font-weight: 500; position: relative; margin-right: 30px; } .DelveryTable .radioTb .custom_radio input[type="radio"]{ position: absolute; opacity: 0; cursor: pointer; } .DelveryTable .radioTb .custom_radio span::before{ content: ""; display: inline-block; width: 20px; height: 20px; border:2px solid #F48120; border-radius: 50%; box-sizing: border-box; transition: border-color 0.3s ease; margin-right: 8px; margin-top:0; } .DelveryTable .radioTb .custom_radio input[type="radio"]:checked + span::after{ content: ""; position: absolute; left:5px; top:5px; width: 10px; height: 10px; background-color: #f48120; border-radius: 50%; transition: background-color 0.3s ease; } .DelveryTable .formInputBox{ display: flex;align-items: center;gap:20px; } .DelveryTable .item_tariff{ text-align: right;padding-top: 5px; } .DelveryTable td{ vertical-align: text-top; } .DelveryTable td .item__product{ display: flex;height: 40px; } .DelveryTable td .item__product em{ border: 1px solid #666; background-color: #f8f8f8; padding: 0 20px;box-sizing: border-box; height: 100%; display: flex;align-items: center;justify-content: center; font-weight: bold; } .DelveryTable td .item__product label{ flex: 1; display: block; } .DelveryTable .input_style01{ border: 1px solid #666;padding:10px ; height: 100%; width: 100%; box-sizing: border-box; color: #ff7000; background: #fff;font-weight: bold; border-left:none; } .DelveryTable .input_style02{ border: 1px solid #666;padding:10px ; height: 100%; width: 100%; box-sizing: border-box; background: #fff; border-right:none; } .DelveryTable .input_style03{ border: 1px solid #666;padding:10px ; height: 100%; width: 100%; box-sizing: border-box; background: #fff; width: 100px; text-align: center; } .DelveryTable .input_style01::placeholder{ color: #ff7000; font-weight: bold; } .DelveryTable .input_style01:hover, .DelveryTable .input_style02:hover{ border: 1px solid #f48120; } .DelveryTable .notice_Txt01{ font-size: 12px; color: #f48120; padding-top: 5px;line-height: 130%; } .DelveryTable .product_size{ display: flex; align-items: center;justify-content: center; gap: 10px; } .DelveryTable .ect_check .exchangeTxt{ font-size: 15px; } .DelveryTable .ect_check span{ font-size: 12px; } .btn_reckon{ display: flex;align-items: center;justify-content: center; gap: 20px; padding: 30px 0 50px; } .btn_reckon .reset{ background-color: #999; border-radius: 5px; color: #fff; font-weight: bold; padding: 10px 50px; font-size: 16px; transition: background-color 0.3s ease; } .btn_reckon .reset:hover{ background-color: #8C8C8C; } .btn_reckon .reckon{ background-color: #ff7000; border-radius: 5px; color: #fff; font-weight: bold; padding: 10px 50px; font-size: 16px; transition: background-color 0.3s ease; } .btn_reckon .reckon:hover{ background-color: #F65600; } .calculation_resultsTb{ border: 1px solid #666; margin-bottom: 50px; } .calculation_resultsTb th{ color: #666;padding: 15px 20px; height: 100%;border:1px solid #E2E2E2; text-align: left;font-size: 14px; font-weight: 500; } .calculation_resultsTb td{ font-size: 14px;color: #222; border:1px solid #E2E2E2; padding: 15px 20px;font-weight: 500; } .calculation_resultsTb .calc_point{ background-color: #F8F8F8; } .calculation_resultsTb .calc_total{ background-color: #FCFBED; } .calculation_resultsTb .calc_total th{ font-size: 16px;font-weight: 700; color: #222; } .calculation_resultsTb .calc_total td{ font-size: 16px;font-weight: 700; color: #ff7000; } #content.newRates div.tableType01{overflow:hidden;width:100%;} .txt_c{ text-align: center !important; } .border_R_no{border-right:none !important;} .border_L_no{border-left:none !important;} .mr_0 { margin-right: 0 !important;} .mb_10 { margin-bottom:20px !important;} .mb_20 { margin-bottom:20px !important;} .mb_40 { margin-bottom:40px !important;} .mb_80 { margin-bottom:80px !important;} .f_left{float:left !important;} .f_right{float:right !important;} .l_height_40{line-height:40px !important;} @media (max-width:1499px) /* PC – 1500px~1170px */ { /* shipInfo : step3 */ #container #content.shippingStep dl.shipInfo dd .shippingAddSearch {right:18px;} /* Shipping Application */ #container ul.tit3Area {position:absolute;right:200px;z-index:5;} #container ul.tit3Area ul.step3 {height:30px;overflow:hidden;} /* 서비스>프라임멤버십 */ #content.primeM .primeBox > a {right:35px;} }