@charset "utf-8";
/*
 * Common 
 */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"] { padding:3px; height:26px; border:1px solid #C2C2C2; font-size:1em; box-sizing:border-box;  vertical-align:middle; }
select { padding:3px; height:24px; border:1px solid #C2C2C2; font-size:1em; }
.sButton { display:inline-block; min-width:5.5rem; padding:0 1em; height:2em; border-radius:2px; line-height:2em; background-color:#000; color:#FFF; text-align:center; vertical-align:middle; }
.sButton.small { min-width:3rem; }
.sButton.red { background:#E6242F; }

/*
 * Member Login
 */
.login { margin-bottom:8em; }
.loginForm { display:table; width:500px; margin:0 auto 2.375rem; }
.loginForm legend { display:block; width:100%; margin-bottom:0.5em; padding:0.5em 0; font-weight:bold; border-bottom:1px solid #CCC; }
.loginForm .items { float:left; margin-right:30px; }
.loginForm .btnLogin { float:left; padding-top:0.538em; }
.loginForm .btnLogin .button { height:4.063rem; line-height:4.063em; }
.loginForm dl { display:table-row; }
.loginForm dl dt { display:table-cell; width:9em; padding:0.538em 0; line-height:2em; vertical-align:top; background:url('/op/images/member/bar_1x10_red.gif') no-repeat 8em 1.154em; }
.loginForm dl dd { display:table-cell; position:relative; padding:0.538em 0; vertical-align:top; line-height:2em; }
.loginForm dl dd label { display:inline-block; left:0.538em; margin-right:2em; font-size:11px; }
.loginForm dl dd input { width:218px; color:#0072BC; }
.loginForm dl dd input.name { width:15em; }
.loginForm dl dd input.password { width:15em; }
.loginForm .idKeep { clear:both; padding-left:115px; }
.login .btn3 { width:490px; padding:2em 0; margin:0 auto; text-align:center; border-top:1px solid #CCC; }
.login .isLogin { width:490px; padding:2em 0; margin:0 auto; }
.login .isLogin h3 { font-size:15px; font-weight:bold; }

/*
 * Member Join
 */
.joinForm { display:block; width:740px; margin:0 auto 2.375rem; }
.joinForm legend { display:block; width:100%; margin-bottom:0.5em; padding:0.5em 0; font-weight:bold; border-bottom:1px solid #CCC; }
.joinForm dl { display:table;   border-collapse:collapse; }
.joinForm dl dt { display:table-cell; width:9em; padding:0.538em 0; line-height:2em; vertical-align:top; background:url('/op/images/member/bar_1x10_red.gif') no-repeat 8em 1.154em; }
.joinForm dl dd { display:table-cell; padding:0.538em 0; vertical-align:top; line-height:2em; }
.joinForm dl dd label { display:inline-block; margin-right:2em; }
.joinForm dl dd input { color:#0072BC; }
.joinForm dl dd input.name { width:15em; }
.joinForm dl dd input.password { width:15em; }
.joinForm dl dd input.email { width:20em; }
.joinForm dl dd input.zipcode { width:4em; }
.joinForm dl dd input.address1 { width:30em; margin-bottom:0.538em; }
.joinForm dl dd input.address2 { width:20em; }
.joinForm dl dd input.phone { width:4em; }
.joinForm dl dd .exp,
.joinForm dl dd .desc { display:inline-block; height:2em; font-size:11px; vertical-align:middle; }

.agreement { width:740px; margin:0 auto 3.125rem; }
.agreement h3 { margin-bottom:0.5em; }
.agreement .textBoxOuter { width:100%; height:200px; padding:10px; box-sizing:border-box; border:1px solid #CCC; }
.agreement .textBox { width:100%; height:100%; overflow-y:scroll; overflow-x:hidden; }
.agreement .textBox h1,
.agreement .textBox h2 { margin-bottom:1em; font-size:1rem; font-weight:bold; }
.agreement .textBox h3 { margin-bottom:1em; font-size:1em; font-weight:bold; }
.agreement .textBox > p { margin-bottom:1.5rem; margin-left:0.5em; font-size:0.846em; }
.agreement .textBox > ol { margin-bottom:1.5rem; margin-left:1em; font-size:0.846em; }
.agreement .textBox > ol > li { margin-left:1em; margin-bottom:0.5em; list-style:decimal; }
.agreement .textBox > ol ol { margin-bottom:1rem; margin-left:1em; margin-top:0.5em; }
.agreement .textBox > ol ol > li { margin-left:1em; margin-bottom:0.5em; list-style:lower-alpha; }
.agreement > p { padding:0.5em 0; text-align:right; }

#JoinUsBenefit { width:740px; margin:0 auto 3.125rem; }


/*
 * Member Info
 */
.memberInfoForm { display:table; width:740px; margin:0 auto 2.375rem; }
.memberInfoForm legend { display:none; }
.memberInfoForm dl { display:table-row; }
.memberInfoForm dl dt { display:table-cell; width:9em; padding:0.538em 0; line-height:2em; vertical-align:top; background:url('/op/images/member/bar_1x10_red.gif') no-repeat 8em 1.154em; }
.memberInfoForm dl dd { display:table-cell; padding:0.538em 0; vertical-align:top; line-height:2em; }
.memberInfoForm dl dd label { display:inline-block; margin-right:2em; }
.memberInfoForm dl dd input { color:#0072BC; }
.memberInfoForm dl dd input.name { width:15em; }
.memberInfoForm dl dd input.password { width:15em; }
.memberInfoForm dl dd input.email { width:20em; }
.memberInfoForm dl dd input.zipcode { width:4em; }
.memberInfoForm dl dd input.address1 { width:30em; margin-bottom:0.538em; }
.memberInfoForm dl dd input.address2 { width:20em; }
.memberInfoForm dl dd input.phone,
.memberInfoForm dl dd input.birth { width:4em; }
.memberInfoForm dl dd input.birth.mm,
.memberInfoForm dl dd input.birth.dd  { width:2em; margin-left:0.8em; }
.memberInfoForm dl dd .exp,
.memberInfoForm dl dd .desc { display:inline-block; height:2em; font-size:0.846em; vertical-align:middle; }


/*
 * 배송조회 
 */
.orderSummary { display:block; width:100%; border-collapse:collapse; margin-bottom:2em; background:#ECECEC; }
.orderSummary dl{ display:block; overflow:hidden; }
.orderSummary dt { display:block; float:left; width:80px; height:33px; padding:10px 0 10px 12px; line-height:1; background:url('/op/images/member/bar_1x10_red.gif') no-repeat 100% 50%; font-size:13px; font-weight:bold; box-sizing:border-box; }
.orderSummary dd.delivery { width:730px; }
.orderSummary dd { display:block; float:left; width:190px; height:33px; padding:10px 0 10px 12px; line-height:1; font-size:13px; box-sizing:border-box; }
.orderSummary dd .orderState { display:inline-block; padding-right:2em; }

.orderViewSection { margin-bottom:2.375rem; }
.orderViewSection h3 { padding-left:1.5em; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #999; font-weight:bold; background:url('/op/images/member/bullet_star_red.png') no-repeat 0 3px; }

.deliveryInfoList { display:table; width:95%; margin:0 auto; border-collaspse:collapse; }
.deliveryInfoList dl { display:table-row; }
.deliveryInfoList dl dt { display:table-cell; width:9em; padding:0.538em 0; line-height:1.385em; vertical-align:top; background:url('/op/images/member/bar_1x10_red.gif') no-repeat 8em 0.8em; }
.deliveryInfoList dl dd { display:table-cell; padding:0.538em 0; vertical-align:top; line-height:1.385em; }

.orderProdList { width:95%; margin:0 auto; border-collapse:collapse; } 
.orderProdList thead { background:#EFEFEF; }
.orderProdList thead tr {  }
.orderProdList thead th { height:30px; line-height:0; font-size:14px; }
.orderProdList tbody td { padding:0.538em 0; line-height:1.385em; text-align:center; }
.orderProdList tbody td.title { text-align:left; }
.orderProdList tbody td.price { text-align:right; }
.orderProdList tbody tr.bottom td { padding-bottom:1.074em; }
.orderProdList tbody tr.totalRow { border-top:1px solid #F30; }
.orderProdList tbody tr.totalRow td { padding-top:1.074em; }
.orderProdList tbody td.total { padding-right:1.85em; text-align:right; }
.orderProdList tbody tr.totalRow td.price { font-weight:bold; color:#F30; }

.orderPackList { width:100%; margin:0 auto; }

.orderCancel { width:100%; padding:15px; margin-bottom:15px; text-align:center; border:1px solid #CCC; box-sizing:border-box; }
.orderCancel > p { margin-bottom:10px; }
.popText { margin-bottom:15px; }
.cancelProcessWrap { width:100%; padding:15px; border:1px solid #FF3300; box-sizing:border-box; }
.cancelProcessWrap h3 { margin-bottom:8px; color:#000; }
.cancelInfo { display:table; width:100%; }
.cancelInfo dl { display:table-row; }
.cancelInfo dt { display:table-cell; padding:10px 5px; border-bottom:1px solid #EFEFEF; }
.cancelInfo dd { display:table-cell; padding:10px 5px; border-bottom:1px solid #EFEFEF; }
.cancelInfo dl:last-child dt,
.cancelInfo dl:last-child dd { border-bottom:0; }


/*
 * OP 선입금 
 */
.opMoneySummary { display:table; width:100%; border-collapse:collapse; margin-bottom:2em; background:#ECECEC; }
.opMoneySummary dl{ display:table-row; }
.opMoneySummary dt { display:table-cell; width:10%; height:1.125rem; padding:0.688rem 0 0.750rem 1em; line-height:1.125rem; background:url('/op/images/member/bar_1x10_red.gif') no-repeat 100% 45%; }
.opMoneySummary dd { display:table-cell; width:23.333%; height:1.125rem; padding:0.688rem 1em 0.750rem 1em; line-height:1.125rem; }
.opMoneySummary dd.txtRight { text-align:right; }
.opMoneySummary dd .price { color:#F30; font-weight:bold; }

.noticeSummary { position:relative; padding:15px; margin-bottom:15px; border:2px solid #CCC; box-sizing:border-box; }
.noticeSummary .regist { position:absolute; top:15px; right:15px; }


/*
 * Find Pass
 */
.findPasswordTxt { margin-bottom:3em; }
.findPasswordTxt h3 { font-size:1.385em; text-align:center; margin-bottom:1em; color:#000; font-weight:100; }
.findPasswordTxt p { text-align:center; margin-bottom:1em; line-height:1.4; }
.loginForm.findPass { width:300px; }

.chgPasswordTxt { margin-bottom:3em; }
.chgPasswordTxt h3 { font-size:1.385em; text-align:center; margin-bottom:1em; color:#000; font-weight:100; }
.chgPasswordTxt p { text-align:center; margin-bottom:1em; line-height:1.4; }
.loginForm.changePass { width:350px; }

.popWrapper { position:absolute; top:0; left:0; right:0; bottom:0; padding:15px; box-sizing:border-box; background:#E51F27; }
.popContent { height:100%; padding:15px; box-sizing:border-box; background:#FFF; }
.popContent h1 { font-size:24px; text-align:center; margin-bottom:1em; }
.popContent .notice { font-size:12px; margin-bottom:10px; }
.popContent .notice li { padding-left:10px; padding-bottom:5px; text-indent:-9px; }
.popContent .notice li .opmoney { font-weight:bold; color:#0072BC; }

.popContent .opmoneyBox,
.popContent .popupBox { padding:10px 0; margin-bottom:1.5em; text-align:center; background:#EFEFEF; border-radius:8px; }
.popContent .popupBox p { margin-bottom:1.2em; }
.pop_bottom_button { position:absolute; left:0; right:0; bottom:25px; width:100%; height:30px; padding:0 15px; box-sizing:border-box; text-align:center;  }
.popContent .popText { }
.popContent .popText li { margin-bottom:.5em; }
#couponDetailInfoBox { width:90%; margin:0 auto;   }
#couponDetailInfoBox dl { clear:both; display:block; width:100%; margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid #CCC; overflow:hidden; }
#couponDetailInfoBox dl dt { float:left; width:100px; color:#000; font-weight:bold; }
#couponDetailInfoBox dl dd { float:left; width:430px; line-height:1.5; }
#couponDetailInfoBox dl dd span { display:inline-block; margin-right:8px; }
#couponDetailInfoBox dl dd span:after { display:inline-block; border-right:1px solid #CCC; height:7px; width:1px; position:absolute; right:0; top:50%; margin-top:-3px; }
#couponDetailInfoBox dl dd div.prodListBox { width:100%; height:120px; overflow-y:auto; }


/*
 * Member Leave
 */
.memberLeave { width:520px; padding:2em 0 0; margin:0 auto 2em; border-bottom:1px solid #C5C5C5; }
.leaveRequest { }
.leaveRequest h3 { margin-bottom:1em; font-weight:normal; }
.leaveRequest h4 { margin-bottom:1em; font-weight:normal; }

.confMsgWarp { margin-bottom:2em; }
.confMsgWarp h3 { margin-bottom:1em; }
.confMsgWarp .guidetxt {  }


/*
 * 추가
 */
.tab { display:block; width:100%; height:32px; margin-bottom:5px; border-bottom:1px solid #000;  }
.tab li { display:inline-block; padding:0; height:31px; background:#EFEFEF; border:1px solid #CCC; border-bottom:0; border-radius:8px 8px 0 0; }
.tab li a { display:inline-block; padding: 5px 10px; height:22px; line-height:22px; color:#737373; }
.tab li.active { background:#000; border-color:#000; }
.tab li.active a { color:#FFF; }

.btn_bottom { padding:20px 0 30px; text-align:center; }


.btn_right { position:absolute; top:50%; right:20px; margin-top:-14px; }
ul.tips { }
ul.tips li { margin-bottom:0.5em; line-height:1.2; padding-left:.85em; text-indent:-.85em; }