/*-------------------- 회원공통버튼 ---------------------*/ a.btnIDChk{padding:4px 10px;color:#FFF;background: #6a6a6a;} a.loginBtn{ display: inline-block;width: 100%;height: 60px; box-sizing: border-box;text-align: center; margin-bottom:10px; color: #FFF; background-color: #4b4a4a; } a.loginBtn span{display:inline-block;line-height: 60px; background-image: url("/upload/images/btn_login_ico.png"); background-size:20px; background-repeat: no-repeat; background-position:center left ; padding-left: 28px; font-size: 20px; } a.facebookBtn{background-color:#718df5;} a.facebookBtn span{background-image:url("/upload/images/ico_btn_facebook.png"); background-repeat:no-repeat; background-position: left 4px center;letter-spacing: 2px; background-size:12px; } a.btnAddr{height: 30px;line-height: 30px;display: inline-block;padding: 0 10px;color: #FFF; background: #6a6a6a;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;vertical-align:middle;} /*-------------------- 로그인,회원가입,아이디,비밀번호찾기,약관 ---------------------*/ /* 공통 (마이페이지의 일부도 포함)*/ div.memberArea{width:400px;margin:85px auto;} div.memberArea .memberTitleTxt{font-size: 35px;;color: #333;letter-spacing: -0.03em;text-align:center;margin-bottom:50px;} div.memInfoWrap input[type="password"], div.memInfoWrap input[type="email"], div.memInfoWrap input[type="input"], div.memInfoWrap input[type="text"]{ border: 1px solid #ddd; height: 50px; width:100%; display: inline-block; margin-bottom: 15px; text-indent: 10px; box-sizing: border-box; } div.memInfoWrap ul li input:focus {outline: none;} div.memInfoWrap a.nonMemBtn{background-color:#bbb;background-position: left 118px center;letter-spacing: 2px;} div.memInfoWrap a.findBtn{background-color:#777;line-height:60px;font-size:18px;} div.memInfoWrap .saveIdBox{margin-top: 10px;} div.memInfoWrap .findIdPwBox{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 0;text-align:center;margin:20px 0;} div.memInfoWrap .findIdPwBox span{font-size:12px;} div.memInfoWrap .findIdPwBox .bar{color:#ddd} div.memInfoWrap .allTitle{margin-top:20px;} span.tdTextGuide{display:block;padding: 3px 0;color:#999;font-size:11px;} span.chkInput{display:inline-block;margin-top:5px;} div.myInfoWrap input::-webkit-input-placeholder{color:#bbb;} div.myInfoWrap input::-moz-placeholder{color:#bbb;} div.myInfoWrap input:-ms-input-placeholder{color:#bbb;} div.myInfoWrap input:-moz-placeholder{color:#bbb;} div.joinWrap input::-webkit-input-placeholder{color:#bbb;} div.joinWrap input::-moz-placeholder{color:#bbb;} div.joinWrap input:-ms-input-placeholder{color:#bbb;} div.joinWrap input:-moz-placeholder{color:#bbb;} /* 아이디비밀번호찾기 */ div.findInfoWrap{margin-top:20px;} div.findInfoWrap .tabSearchPw{border-bottom:1px solid #ddd;margin-bottom:10px;font-size:0;} div.findInfoWrap .tabSearchPw a{ display:inline-block;height:35px;line-height:35px;text-align:center; border:1px solid #ddd;margin-bottom:-1px;font-size:12px;margin-left:-1px;width:120px;color:#bbb; } div.findInfoWrap .tabSearchPw a.on{background:#f4f4f4;color:#000;} #searchPwdSms{font-size:12px;} #searchPwdSms input{margin-left:0;border-left:1px solid #ddd;} /* 약관 */ div.agreeWrap{margin-bottom:20px;} div.agreeWrap .boxForm{margin-bottom:5px;} div.agreeWrap .joinStepTitle{font-weight:normal;margin-bottom:15px;padding-left:10px;border-left:2px solid #000;line-height:11px;} div.policyForm .boxForm{height:250px;padding:0 15px;border:1px solid #e5e5e5;background:#FFF;overflow:auto;line-height: 20px;} div.titLeft{float:left;} div.stepRight{float:right;margin-top:5px;} div.stepRight strong{display:inline-block;padding-right:15px;margin-right:6px;color:#000;background: url(/upload/images/dot_location_1.gif) right 2px no-repeat;} div.stepRight span{display:inline-block;padding-right:15px;margin-right:6px;background: url(/upload/images/dot_location_1.gif) right 2px no-repeat;} div.stepRight span.noStep, div.stepRight strong.noStep{display:inline-block;padding:0;background:none;} /* 페이스북관련 */ div.facebookSigninWrap{position:relative;padding-bottom:30px;border-bottom:1px solid #ddd;} div.facebookSigninWrap p.faceBookTxt{padding:10px 0;} div.facebookSigninWrap .orTxt{display:block;position:absolute;left:50%;bottom:-8px;padding:0 10px;background:#FFF;} /* 회원가입 / 가입완료*/ div.joinInfoWrap{width:470px;} div.joinWrap h4{padding-bottom:5px;} div.joinWrap table, div.joinEndWrap table{width:100%;border-top:1px solid #000;border-bottom:1px solid #000;background:#FFF;} div.joinWrap table th, div.joinEndWrap table th{width:24%;padding-left:5px;text-align:left;font-weight:normal;border-bottom:1px solid #e5e5e5;} div.joinWrap table th strong, div.joinEndWrap table th strong{display:inline-block;width:10px;color:#FF0000;} div.joinWrap table td{padding:6px 0;border-bottom:1px solid #e5e5e5;} div.joinWrap table td input[type="input"], div.joinWrap table td input[type="password"], div.joinWrap table td input[type="text"], div.joinWrap select{ margin:1px 0;height:35px;box-sizing:border-box;width:71%;vertical-align: baseline;} div.joinWrap table td .checkIdWrap{display:flex;} div.joinWrap table td .checkIdWrap input{margin:0 3px 0 0;width: 66%;} div.joinWrap a.btnIDChk{height:35px;line-height:35px;display:inline-block;padding:0 10px;} div.joinWrap span.txt_Minfo{display:block;margin-top: 5px;} div.joinWrap .requiredFieldInfo{padding:10px 0;} div.joinWrap .loginTitle{margin-top:20px;} div.joinEndWrap table td{height:30px;padding:3px 0;border-bottom:1px solid #e5e5e5;} div.joinStepWrap .btnCenter{padding:0;margin-top:10px;} div.joinStepWrap .btnCenter a{width:48% !important;} div.joinStepWrap .btnCenter a.cancelBigBtn{margin-right:10px;} div.joinStepWrap .facebookBtn{background-position: left 141px center;letter-spacing: 4px;} /* 가입완료 */ div.loginFormWrap{width:36%;margin:90px auto 0 auto} div.loginFormWrap h2{text-align:center;font-size: 38px;font-weight: normal;margin-bottom:20px;} div.loginFormWrap .joinEndTxtBox{text-align:center;} div.loginFormWrap .joinEndWrap .regWrap{margin-top:10px;} div.loginFormWrap .btnCenter a.okBigBtn{width:130px !important;} /*---------------------------------- MY PAGE -------------------------------*/ /* 마이샵 메인 */ div.mypage{margin-top:20px !important} div.mypage, div.myHeader{width:1210px;margin:0 auto;} div.myHeader h2{width:250px;letter-spacing:4px;} div.myHeader .breadcrumb{padding-left:44px;margin-top:29px;} div.myPage:after{content:"";display:block;clear:both;} div.myPage .myMenu{width:250px;background:#FFF;border:10px solid #f2f2f2;box-sizing:border-box;} div.myPage .myMenu .line{margin-left:-20px;} div.myPage .myImg{margin:28px auto 23px auto;display:inline-block;border:1px solid #eddef9;border-radius:50%;width:140px;height:140px;position:relative;} div.myPage .myImg p{position:absolute;top:3px;left:50%;width:134px;height:134px;border-radius:50%;overflow:hidden;margin-left:-67px;} div.myPage .myId{font-weight:normal;letter-spacing:3px;font-size:14px;} div.myPage .pointMenu{font-size:0;padding:35px 0 30px;} div.myPage .pointMenu a{display:inline-block;font-size:13px;width:115px;} div.myPage .pointMenu a.point{border-left:1px solid #ddd;box-sizing:border-box;} div.myPage .mainMenu{padding-top:20px;} div.myPage .mainMenu dl > a{font-size:16px;display:block;padding:5px 10px;position:relative;font-weight:500;} div.myPage .mainMenu dl > a i{color:#6b8bf9;position:absolute;top:9px;right:15px;font-size:18px;} div.myPage .mainMenu dd > a{display:block;position:relative;font-size:14PX;padding:4px 35px} div.myPage .mainMenu dd a b{position:absolute;top:14px;left:19px;width:3px;height:3px;background:#ccd6f9;border-radius:50%;} div.myPage .myMenu p.level{position:absolute;top:12px;left:22px;} div.myContent{width:915px;background-color:#f3f9fd;background-image:url(/upload/images/myp_dashed.png);background-repeat:repeat-y;position:relative;} div.myContent:after{content:"";display:inline-block;position:absolute;top:0;right:0;width:75px;height:72px;background:url(/upload/images/myp_ico_01.png)} div.myContent .list li{padding-left:13px;background:url(/upload/images/list_ico.png)no-repeat left 4px;margin-bottom:5px;} div.myContent > .line span{display:inline-block;width:95%;height:1px;background:#d5dee4;margin-bottom:5px;} div.myContent .titleSection{padding:30px 40px} div.searchField{font-size:0;padding:25px 40px 15px 40px;} div.searchField span{padding-left:18px;background:url(/upload/images/ico_clock.png)no-repeat left center;font-size:12px;padding-right:10px;} div.searchField a:hover, div.searchField a.on{background:#FFF;color:#000; box-shadow: -2px 2px 0px 1px rgba(0,0,0,.2);} div.searchField a{display:inline-block;width:80px;text-align:center;background:#f9f9f9; height:25px;line-height:25px;font-size:12px;border-radius:8px;margin:0 6px 0 0; box-shadow: -2px 2px 0px 1px rgba(0,0,0,.1);} /* 공통 */ div.mypageWrap{overflow:hidden;margin-top:20px;} div.mypageNavWrap{float:left;width:16%} div.mypageContentWrap{float:right;width:84%;} div.myOrderListWrap > h4{font-size:15px;margin:15px 0;} div.myOrderListWrap > h4 span{font-size:15px;} /* 주문상품리스트 상세 & 주문완료 페이지*/ div.odViewWrap table{width:100%;} div.odViewWrap td.prodInfo{text-align:left;padding:10px;overflow:hidden;} div.odViewWrap td.prodInfo > a{display:inline-block;float:left;margin-right:10px;} div.odViewWrap td.prodInfo a img{width:70px !important;height:auto !important;border:1px solid #ddd;} div.odViewWrap td.prodInfo ul{display:inline-block;float:left;} div.odViewWrap td.prodInfo ul li:nth-child(2){margin-top:10px;} div.odViewWrap table tr{border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;} div.odViewWrap table th{text-align:left;padding:0 10px;width:13%;height: 40px;color: #737373;font-size: 11px;background: #fafafa;} div.odViewWrap table td{text-align:left !important;padding:0 0 0 15px !important} /**** 주문완료 *****/ div.paymentInfo{text-align:center;margin:50px 0;border:1px solid #ddd;;border-top:2px solid #b2b2b2;border-bottom:none;} div.paymentInfo ul li:nth-child(1){background:#fbfafa;height: 36px;line-height: 36px;} div.paymentInfo ul li{height:60px;line-height:60px;border-bottom:1px solid #ddd;} table.orderForm .priceOrange{font-size:18px !important;font-weight: normal !important;} /* div.orderEndCart .totalPriceWrap strong{font-size:15px;} */ div.tableOrderForm .noBankbookRow p{padding:5px 0;color:#ff6060;} div.tableOrderForm .noBankbookRow p:first-child{font-weight:bold;color:#444;} /* 마이페이지 카테고리 */ div.maNavTit strong{background:#000;color:#FFF;text-align:center;display:block;height:131px;line-height:131px;font-size:20px;font-weight:normal;margin-bottom:10px;} div.maNavTit span{display:none;} div.myNavBox{border:1px solid #ddd;box-sizing:border-box;padding:13px 0;} div.myNavBox li a{display:block;padding:10px 0 10px 13px;;} div.myNavBox li a:hover, div.myNavBox li a.on{background:#f4f4f4;} div.myNavBox ul.part1:before{content:"나의 쇼핑정보";display:block;padding:10px 0 10px 13px;font-size:14px;font-weight:bold;} div.myNavBox ul.part2:before{content:"나의 정보";display:block;border-top:1px solid #ddd;margin:13px;padding-top:20px;font-size:14px;font-weight:bold;} ul.deliveryInfo strong{font-weight:normal;color:#333;line-height:16px;text-decoration:underline;} /* 마이페이지 본문 */ div.myOrderListWrap{padding-left: 20px;} div.myOrderListWrap table{width:100%;background:#FFF;} div.myOrderListWrap table tr{border-bottom:1px solid #ddd;border-top:1px solid #ddd;} div.myOrderListWrap table th{height:40px;color:#737373;font-size:11px;background: #fafafa;} div.myOrderListWrap table th.mngDiv{width:100px;} div.myOrderListWrap table td{padding:5px;color:#7e7e7e;text-align:center;} div.myOrderListWrap table td.prodInfo{text-align:left;height:50px;} div.myOrderListWrap table td.prodInfo img{float:left;border:1px solid #eee;} div.myOrderListWrap table td.prodInfo ul{float:left;margin-left:10px;width:300px;} div.myOrderListWrap table td.prodInfo ul li{padding: 2px 0;} div.myOrderListWrap table td.prodInfo ul li a.optBtn{display:block;padding-right:5px;font-size:11px;color:#999999;letter-spacing:-2px;text-decoration:underline;} div.myOrderListWrap table td.checkBtn{wpadding-left:10px;text-align:center;} div.myOrderListWrap table td.checkBtn a{display:block;margin: 1px;} div.myOrderListWrap table td.checkOrderBtn p{font-size:11px;margin-bottom:5px;} div.myOrderListWrap table td dl{display:inline-block;} div.myOrderListWrap table td dl dd{display:inline-block;vertical-align:top;} div.myOrderListWrap table td dl dd a{display:block;} div.myOrderListWrap table td dl dd a img{height:11px;} div.myOrderListWrap table td.orderDateDiv{width:} div.myOrderListWrap table td.pointState{padding-right:15px;text-align:right;} div.myOrderListWrap table td.pointState img{margin-left:5px;width: 14px;} div.cartEndList table td.deliveryState{font-weight:bold;padding:10px 5px !important;} div.cartEndList table td.deliveryState p.finalDate{font-size:11px;font-weight:normal;padding-top:5px;} div.cartEndList table td.deliveryState a.trackShipment{display:inline-block;padding:5px 8px 5px 32px;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:11px; background-image:url(/upload/images/ico_delivery.png);background-repeat:no-repeat;background-position:5px 50%;margin-top:5px;font-weight:normal; } div.cartEndList table td.deliveryState a.writeReview{display:inline-block;padding:5px 8px 5px 25px;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:11px; background-image:url(/upload/images/ico_pencil.png);background-repeat:no-repeat;background-position:8px 50%;margin-top:5px;font-weight:normal; } /* div.totalPriceWrap{padding:10px 0;text-align:right;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;} div.totalPriceWrap table td{padding:8px 0;text-align:right;} */ div.totalViewBox{background:#f6f6f6;padding:20px 35px;border-bottom:1px solid #e9e9e9;overflow:hidden;} div.totalViewBox p.myImgBox{border:3px solid #ddd;overflow:hidden;margin-right: 10px;margin: 15px 0px;width:54px;} div.totalViewBox p.myImgBox img{width:100%;} div.totalViewBox .totalBox{margin: 24px 0px;margin-left: 13px;} div.totalViewBox .totalBox p{line-height:20px;} div.totalViewBox .totalBox p.ttPTxt{display:none;} div.totalViewBox .right{width:382px;} div.totalViewBox .right dl{display:inline-block;text-align:center;vertical-align: top;padding:15px 0;box-sizing:border-box;height: 90px;} div.totalViewBox .right dl.ptCponBox{width:135px;border-left:1px solid #ddd;padding:27px 0;} div.totalViewBox .right dl.ptCponBox dt{font-weight:bold;font-size:13px;} div.totalViewBox .right dl.faqBox{width:243px;border-left:1px solid #ddd;} div.totalViewBox .right dl.faqBox dt{display:inline-block;vertical-align:top;padding:15px 25px;} div.totalViewBox .right dl.faqBox dd{display:inline-block;vertical-align:top;text-align:left;} div.totalViewBox .right dl.faqBox dd p{line-height:15px;} div.totalViewBox .right dl.faqBox dd a{display:inline-block;background:#FFF;border:1px solid #000;padding:3px 5px;font-size:11px;margin-top:5px;} div.totalViewBox strong.txtCnt{font-size:14px;display:inline-block;margin-top:5px;} div.totalViewBox strong.txtCnt span{font-weight:normal;color:#888;padding-left:5px;} #hp_validate_input{margin-top: 5px;} div.stateIconWrap{overflow:hidden;border-top:1px solid #ddd;padding:20px 0;margin-top: 10px;} div.stateIconWrap ul{overflow:hidden;float:left;width:100%;margin-top: 8px;} div.stateIconWrap ul li{float:left;text-align:center;width:19%; background-image:url("/upload/images/ico_m_allow.png"); background-repeat: no-repeat; background-position-x:100%; background-position-y:50%; padding-right: 33px; margin-right: 25px; } div.stateIconWrap ul li:nth-child(4){background:none;padding-right:0;margin-right:0;} div.stateIconWrap ul li p{font-size:14px;} div.stateIconWrap ul li strong{font-size:14px;display:inline-block;margin-top:6px;} div.stateIconWrap ul li strong:before{content:"( "} div.stateIconWrap ul li strong:after{content:" )"} div.stateIconWrap ul li div{background-repeat: no-repeat; padding-top:70px; background-image:url("/upload/images/ico_mypage.png") } div.stateIconWrap .orderCnt1_on, div.stateIconWrap .orderCnt1{ background-position-x:87px; background-position-y:14%; } div.stateIconWrap .orderCnt2_on, div.stateIconWrap .orderCnt2{ background-position-x:-116px; background-position-y:10%; } div.stateIconWrap .orderCnt3_on, div.stateIconWrap .orderCnt3{ background-position-x:-306px; background-position-y:10%; } div.stateIconWrap .orderCnt4_on, div.stateIconWrap .orderCnt4{ background-position-x:-503px; background-position-y:10%; } div.comuQkWrap{border:1px solid #ddd;padding:8px 15px;box-sizing:border-box;float:right;width:145px;margin-right:20px;} div.comuQkWrap dl{overflow:hidden;display:block;border-bottom:1px solid #ddd;padding:10px 0;} div.comuQkWrap dl:nth-child(3){border-bottom:none;} div.comuQkWrap dt{float:left} div.comuQkWrap dd{float:right;} ul.priceInfo li{height:35px;line-height:35px;} ul.priceInfo li span{display:inline-block;width:80px;text-indent:10px;} ul.priceInfo li strong{text-indent:10px;display:inline-block;} div.mypageWrap .paymentInfo{margin:0;border-top:1px solid #ddd;} /* div.mypageWrap .totalPriceWrap{margin-top:30px !important;} */ div.txtInfoWrap{margin:10px 0;} div.txtInfoWrap ul li{padding: 3px 0;color:#9d9d9d;} div.locationMapWrap{margin-top:10px;} /* 포인트목록 */ div.pointBox{background:#f4f4f4;padding:10px 10px 1px 10px;margin-bottom:20px;} div.pointBox p{border-bottom:1px solid #ddd;padding-bottom:7px;} div.pointBox p strong{text-transform:uppercase;font-size:15px;} /* 1:1상담 / 상품 QNA */ div.myOrderListWrap .comuBasic{margin:20px 0 0} div.myOrderListWrap .comuBasic > h2{margin-bottom:30px;} /* 내정보 / 주소록*/ div.addrWrap th, div.myInfoWrap th{text-align:left;padding-left:15px;width:14%;} div.addrWrap td, div.myInfoWrap td{text-align:left !important;} div.myInfoWrap table td input[type="input"], div.myInfoWrap table td input[type="password"], div.myInfoWrap table td input[type="text"], div.myInfoWrap select{ height:35px;box-sizing:border-box;width:30%;vertical-align: baseline;display:block;} div.myInfoWrap .tdTextGuide{display:inline-block;margin-top:3px;} /* 회원탈퇴 팝업 */ .btnMemOut{padding:5px 0;text-align:right;} .memOutWrap{padding:20px;} .memOutWrap .titWrap{padding-bottom:3px;border-bottom:1px solid #000;font-size:17px} .memOutWrap .txtInfo{margin-top:10px;line-height:18px;} .memOutWrap .stepOut{margin-top:20px;margin-bottom: 12px;} .memOutWrap .stepOut h4{font-size:15px;} .memOutWrap .stepOut ul{margin-top:5px;} .memOutWrap .stepOut ul li{padding: 5px 0 0;} .memOutWrap .outTable table{width:100%;} .memOutWrap .outTable table th{width:100px;padding:3px;font-size:12px;text-align:left;border:1px solid #c5c5c5;background:#f3f3f3} .memOutWrap .outTable table td{padding:3px;border:1px solid #c5c5c5;} .memOutWrap .outTable .passInfo{padding:3px 0;font-size:11px;} /* ------------------ORDER------------------- */ /********* 장바구니 & 주문서>장바구니& 담아둔상품************/ /* 장바구니 탭 폼 */ div.cartTabWrap{border-bottom:1px solid #888;} div.cartTabWrap span.tabBtn1{display:inline-block; font-weight:bold;border:1px solid #888;border-bottom:none;background:#FFF;margin-bottom:-1px;width:150px;text-align:center;height:35px;line-height:35px; } div.cartTabWrap .txtInfo{;margin-top:10px;color:#8e8e8e;font-size:11px;letter-spacing:-1px;} /** 담아둔 상품 **/ /* div.wishList_Area a.cartMovCartBtn{display:block;margin-bottom:3px;} div.wishList_Area a.cartListDelBtn{display:block;} */ /* 총 상품금액 정보 폼 */ div.totalPriceWrap{margin-top:30px} div.totalPriceWrap table{width:100%;border-top:1px solid #bbb;border-bottom:1px solid #bbb;} div.totalPriceWrap th{height:40px;background:#fbfafa;font-size:12px;border-bottom:1px solid #ddd;} div.totalPriceWrap td{text-align:center;height:70px;font-size:18px;font-weight:bold;color:#656565} div.totalPriceWrap td b{display:inline-block;width:20px;height:20px;border-radius:50%;text-align:center;line-height:20px;color:#FFF;background:#9ee0fe;font-weight:normal;margin-right:6px;} div.totalPriceWrap ul{display:table;width:100%;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} div.totalPriceWrap ul li{display:table-cell;} div.totalPriceWrap ul li p.title{height:40px;background:#fbfafa;line-height:40px;border-bottom:1px solid #ddd;} div.totalPriceWrap ul li .priceBox{height:70px;font-size:18px;line-height:70px;} div.totalPriceWrap b{display:inline-block;width:20px;height:20px;border-radius:50%;text-align:center;line-height:20px;color:#FFF;background:#9ee0fe;font-weight:normal;margin-right:6px;} /* 장바구니 이동,수량수정 가능 폼 */ div.orderFormWrap table th.chkDiv{width:60px;} div.orderFormWrap table th.mngDiv{width:90px;} div.orderFormWrap table th.amountDiv{width:120px;} div.orderFormWrap table th.prodPriceDiv, div.orderFormWrap table th.sumPriceDiv{width:90px;} div.orderFormWrap table td.noList{padding:100px 0;} /* 주문테이블 (수량 수정가능 폼/상품정보) */ div.tableProdList table{width:100%;border:1px solid #ddd;} div.tableProdList table th{height:32px;font-size:11px;color: #333;background:#fbfafa;border:1px solid #e9e9e9;} div.tableProdList table td{padding: 5px;text-align:center;border:1px solid #e6e6e6;} div.tableProdList table td.prodInfo{text-align:left;} div.tableProdList table td.prodInfo img{float:left;} div.tableProdList table td.prodInfo img{width:50px;height:50px;} div.tableProdList table td.prodInfo ul{float:left;margin-left:10px;width:70%;} div.tableProdList table td.prodInfo ul li{padding: 2px 0;} div.tableProdList table td.prodInfo ul li a.optBtn{display:block;padding-right:5px;font-size:11px;color:#999999;letter-spacing:-2px;text-decoration:underline;} div.tableProdList td.nonProdCart{padding:100px 0 !important;} div.tableProdList td dl{display:inline-block;} div.tableProdList td dl dd{display:inline-block;*zoom:1;*display:inline;vertical-align:top;} div.tableProdList td dl dd a{display:block;} div.tableProdList td dl dd a img{height:11px;} td.mngTd p > a{display:inline-block;min-width:80px;border:1px solid #ddd;border-radius:3px;background:#fafafb;font-size:11px;padding:5px 3px;} td.mngTd a i.fa-shopping-basket{color:#717173;margin-right:2px;} td.mngTd a i.fa-times{color: #fb7979;font-size: 12px;vertical-align: unset; margin-right: 2px;} td.mngTd a.btnOrderCancel, td.mngTd a.cartCntModify{min-width:55px !important;margin-top:5px;} /********* END 장바구니 & 주문서>장바구니& 담아둔상품************/ /********************** 주문서작성 신규 정리 *********************/ /* 구매절차(Step) */ div.orderStep{margin:40px 0 30px;padding:10px 0; background:#fbfbfb; -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;} div.orderStep ul li{display:inline-block;width:33%;text-align:center;} div.orderStep ul li img, div.orderStep ul li span{display:inline-block;*zoom:1;*display:inline;margin-left:15px;text-align:left;vertical-align:middle;} div.orderStep ul li span strong{margin-left:3px;color:#9c9c9c;font-family:tohoma;font-weight:normal;} div.orderStep ul li p{font-size:18px;} div.orderStep ul li.on{font-weight:bold;} div.orderStep ul li.on strong, div.orderStep ul li.on p{color:#fb4214;} /******** 주문서 테이블 ********/ div.tableOrderForm{margin-top:30px;} div.tableOrderForm h2{font-size:12px;color:#333;font-weight:normal;margin:0 0 10px 10px;} table.orderForm{width:100%;} table.orderForm tr{border-bottom:1px solid #ddd;border-top:1px solid #ddd;} table.orderForm tr th{text-align:left;padding:0 10px ;width:13%;color:#737373;font-size:11px;background: #fafafa;height:40px;} table.orderForm tr.nonMem th{padding-top:10px;vertical-align:top;} table.orderForm tr td{padding:7px;border-right:none !important} table.orderForm tr td select{height:30px;border:1px solid #ddd;box-sizing:border-box;} table.orderForm tr td input{height:30px;border:1px solid #ddd;box-sizing:border-box;} table.orderForm tr td dl dd{padding:2px 0;} table.orderForm tr td select.defSelect{width:50px !important;float:left;} table.orderForm tr td input._w85{width:90px !important;float:left;} table.orderForm tr td span.mid{display:inline-block;width:10px;height:30px;line-height:30px;text-align:center;float:left;} div.tableOrderForm strong{display:inline-block;font-weight:normal !important;} div.tableOrderForm strong.priceOrange{color:#008bcc;font-size:23px;} tr.nonMem th.alignTop_th{vertical-align:middle !important;} /***** 결제예정금액 *****/ div.tableOrderForm div.part1{border:1px solid #777;margin-bottom:-1px;position:relative;} div.tableOrderForm div.part1 table{text-align:center;border:none !important;} div.tableOrderForm div.part1 table strong{font-size:19px;} div.tableOrderForm div.part1 table td{border-bottom:none;border-right:1px solid #e9e9e9;padding:13px 5px;} div.tableOrderForm div.part1 table th{text-align:center;} div.tableOrderForm div.part2 table{background:#fbfafa;outline:inherit;border:1px solid #e9e9e9} div.tableOrderForm div.part2 table span.pointTxt{display:inline-block;color:#FFF;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; width:15px;height:15px;background:#93caee;text-align:center;margin-left:5px;padding:1px;} div.tableOrderForm .couponBtn{display:inline-block;font-size:11px;color:#FFF;background:#bbb;height:20px;line-height:20px; padding:0 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} div.tableOrderForm .policyAgreeTit{display:block;padding:1px 10px;margin:5px 0 10px;font-size:12px;} div.tableOrderForm .buyPolicy{border:1px solid #ccc;padding:10px;overflow-y:auto;margin-bottom:5px;height:200px;} /***** 결제방법 *****/ div.orderSelectForm{border:1px solid #777;display:flex;} div.orderSelectBox{width:75%;box-sizing:border-box;} div.orderSelectBox ul.part1{padding:20px 10px;border-bottom:1px solid #ddd;} div.orderSelectBox ul.part2{padding:10px;} div.orderSelectBox ul.part2 table th{font-weight:normal;color:#333;height:35px;width:140px;} div.orderSelectBox ul.part2 table td select{border:1px solid #d0d0d0;} /* 최종결제 금액 */ div.orderAllPriceBox{background:#fbfafa;border-left:1px solid #777;padding:10px;width:25%;box-sizing:border-box;} div.orderAllPriceBox h2{text-align:right;} div.orderAllPriceBox p{text-align:right;} div.orderAllPriceBox p input{padding-right:5px;} div.lastTotalPriceWrap{text-align:right;margin:10px 0;} div.approvalPay .btnCenter{padding:20px 0 0 0} div.approvalPay .payBigBtn{width:100%;background:#3a4050;padding:15px 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} /* 비회원 개인정보정책 */ div.orderAgreeWrap i.policyForm{float:none;width:70%;height:100px;padding:10px;line-height:24px;overflow:auto;border:1px solid #d8d3cd;} div.cnkWrap{padding-top:5px;} /* 비회원주문시 이용자 동의 폼 */ div.tableOrderForm .policyForm{height:200px;padding:10px;line-height:18px;border:1px solid #ddd;background:#FFF;overflow:auto;} /*********************************END 주문서작성 신규 정리 *****************************/ /**** 주문 (통관안내) ****//*구 주문관련 */ .orderCrnWrap{margin-top:20px;} .orderCrnWrap .orderCrnForm{margin-top:5px;padding:10px;line-height:18px;border:1px solid #e6e6e6;border-bottom:none;} .orderCrnWrap .crnAgree{padding:10px;border:1px solid #e6e6e6;background:#f8f8f8} .orderCrnWrap .crnAgree input{vertical-align:middle;} .orderCrnWrap .crnAgree .ipBox{float:left;width:50%;} .orderCrnWrap .crnAgree .ipBox input.ip_number2{margin-left:5px;} .orderCrnWrap .crnAgree .agree{padding:5px;} .orderCrnWrap .crnAgree .ip1Box, .orderCrnWrap .crnAgree .ip2Box{margin-top:10px;} .orderCrnWrap .crnAgree .ip1Box label, .orderCrnWrap .crnAgree .ip2Box label{margin-left:5px;} .orderCrnWrap .crnAgree .ip1Box input, .orderCrnWrap .crnAgree .ip2Box input{padding:0 3px;} .orderCrnWrap .crnAgree .ip1Box span, .orderCrnWrap .crnAgree .ip2Box span{margin:0 3px;} /** 사은품 **/ div.prodGiftWrap{padding:15px;vertical-align:top;border:1px solid #ccc;background:#f4f8f9;} div.prodGiftWrap table{width:100%;} div.prodGiftWrap table td{padding: 10px 0;border-bottom:1px solid #e5e5e5;} div.prodGiftWrap .giftProdList img.listImg{width:120px;height:100px;} div.prodGiftWrap .giftProdList li{padding: 2px 0;} div.prodGiftWrap .giftProdList li.giftTitle{padding: 5px;vertical-align:top;font-weight:bold;color:#333;} div.prodGiftWrap .giftProdList li.giftTitle input{vertical-align:middle;}