#login.box-reset{background: url(../../images/common/bg_sec.gif);}
.red{color:#e73776;}
.signup-btn,
.login-btn{background:#5c5d61; color:#fff; display:block; width:100%; margin-top:35px; padding:15px 0; font-size: 17px; font-weight: 700; text-align:center; border-radius: 5px;}

.signup-btn, .login-btn, .login-btn:hover{color:#fff;}
.signup-btn{background:#586ed3;}
/*login*/
.PIT-T3{font-size:30px; text-align:center;}
.login-box{width:350px; margin:30px auto;}
.top-line{position:relative; margin:30px 0; background: url(../../images/common/dot.gif) repeat-x 0 10px; text-align:center;}
.top-line span{display:inline-block; background:#fdfdfd; padding:4px 10px 0; font-size:15px; font-weight:700; border-radius:50px;}
/*.top-line:before{content:"or"; display:inline-block; position:absolute; top:-8px; left:50%; margin-left:-26px; text-align:center; background:#fdfdfd; padding:0 10px; font-size:18px; font-weight:700;}*/
.login-idpw{position:relative; margin:0 auto 20px;}
.login-idpw input{border:1px #c3c3c3 solid; padding:10px 15px; box-sizing:border-box; border-radius:2px; line-height:1; height:50px; width:100%; font-size:15px;}
.login-idpw input::placeholder { color:#8590c7; opacity:1;}
.login-idpw input::-webkit-input-placeholder {color:#8590c7; }
.login-idpw input:-ms-input-placeholder {color:#8590c7; }
.login-idpw label{position:absolute; line-height:45px; left:15px;}
.login-link{text-align:left; position:relative;}
.login-link a{color:#777; font-size:15px; font-weight:700;}
.login-link a:hover{text-decoration:underline;}
.login-link .search-password{position:absolute; right:0;}
.nm-btn{display:inline-block; background:#efefef; padding:10px 20px; margin-top:40px; font-size:15px;}
.sns-btn,
.sns-btn:hover,
.sns-btn:active{display:block; position:relative; text-align:center; color:#fff; border-radius:5px; padding:15px 0; margin-top:20px; font-size:17px; font-weight:700;}
.sns-btn i{font-size:22px; margin-right:10px; vertical-align:-4px;}
.SB-naver{background-color:#1dc800;}
.SB-facebook{background-color:#3b5999;}
.SB-kakao,
.SB-kakao:hover,
.SB-kakao:active{background-color:#ffeb00; color:#000;}

/*Sign Up*/
.register-box{text-align:left; width:350px; margin:0 auto;}
#signup input{border:1px #c3c3c3 solid; width:100%; box-sizing:border-box; line-height:42px; height:42px; text-indent:10px;}
#signup input::placeholder {font-size:14px; color:#8590c7; opacity:1;}
#signup input::-webkit-input-placeholder {color:#8590c7; font-size:14px;}
#signup input:-ms-input-placeholder {color:#8590c7; font-size:14px;}
#signup li{margin-top:30px; border-top:1px #b4b4b4 solid; padding-top:30px;}
#signup li:first-child{margin-top:0; border-top-width:0; padding-top:0;}
#signup li p{margin-bottom:10px; font-weight:700; font-size:15px;}
#signup .id-box{position:relative}
#signup .id-box input{padding-right:100px;}
#signup .check-btn{position:absolute; right:10px; font-size:15px; top:50%; color:#481a1a; line-height:40px;}
.terms-text{border:1px #c3c3c3 solid; background:#fff; box-sizing:border-box; padding:10px; color:#777; font-size:14px; margin-bottom:10px; max-height:240px; overflow-x:auto;}
.terms-text .privacy-box dt{font-weight:700;}
.terms-text .privacy-box dl{margin-top:20px;}
.terms-text .privacy-box dl:first-child{margin-top:0;}
.terms-text .s_box span{font-size:1em;}
.terms-text .privacy-box dd .more_btn{display:none;}
#signup .terms-text li{margin-top:0;}
.term-check,
.radio-check{position:relative;}
.term-check input[type="checkbox"],
.radio-check input[type="radio"]{opacity: 0; height: 0; width: 0; line-height: 0; margin: 0; padding: 0; display: none;}
.term-check label{background:url(../../images/member/check-img-n.gif) no-repeat 0 50%; background-size:15px; padding-left:20px; font-size:14px; color:#666;}
.term-check input[type="checkbox"]:checked + label{background-image:url(../../images/member/check-img-c.gif)}

.radio-check span{display:inline-block; width:110px; margin-right:20px; font-size:14px; position:relative;}
.radio-check span:after{content:""; display:block; width:1px; height:16px; background:#e0e0e0; position:absolute; right:0; top:50%; margin-top:-8px;}
.radio-check label{background:url(../../images/member/radio-img-n.gif) no-repeat 0 50%; background-size:15px; padding-left:20px; font-size:14px; color:#666; margin-right:15px;}
.radio-check input[type="radio"]:checked + label{background-image:url(../../images/member/radio-img-c.gif)}

.mar-box{border:1px #e0e0e0 solid; padding:0; border-bottom-width:0;}
.mar-box > p{border-bottom:1px #e0e0e0 solid; margin-bottom:0!important; padding:15px;}
.mar-t{color:#555; font-size:15px; margin-top:10px;}

.RB-T1{font-weight:700; border-bottom:2px #333 solid; font-size:18px; margin-bottom:20px; margin-top:35px; padding-bottom:10px;}

.privacy-table th{border:1px #e0e0e0 solid; border-left-width:0; background:#fafafa; text-align:center; padding:10px 0; font-size:13px;}
.privacy-table td{font-size:13px; text-align:center; border-right:1px #e0e0e0 solid; border-bottom:1px #e0e0e0 solid;word-break:break-all; padding:10px 5px;}
.privacy-table th:first-child,
.privacy-table tr:first-child td:first-child{border-left:1px #e0e0e0 solid;}

/*비밀번호 찾기*/
.password-search-box{margin-top:20px;}
.ps-btn-box button{display:inline-block; width:100px;margin-top:50px; padding:10px 0;}
.prev-btn{color:#555; background:#efefef;}
.ps-text-box{border:1px #e0e0e0 solid; padding:30px 10px;}
.ps-text-box .PIT-T8{border-bottom:1px #e0e0e0 dashed; display:inline-block; padding:0 10px 20px; margin-bottom:20px;}
.ps-text-box li{color:#777}
.sc-c1{color:#f4313f;}
.password-result-box{margin-top:50px;}


/*장바구니/주문*/
.order-nav{font-size:18px;  color:#999;}
.order-nav i{margin:0 20px;}
.order-nav .current{color:#000; font-weight:700;}

.shopping-bag-area,
.order-area{width:1200px; margin:60px auto 0;text-align:left;}
.shopping-bag,
.order-content{width:72%; float:left;}
.total-price{width:25%; float:right;}
.shopping-bag-area:after,
.order-area:after{clear:both; visibility:hidden; content:""; height:0; display:block;}
.shopping-bag table{ border-bottom:1px #e0e0e0 solid;}
.shopping-bag table td{border-top:1px #e0e0e0 solid; padding:20px 20px;}
.SB-img img{width:100%;}
.SB-close button{font-size:0;}
.SB-close button i{display:block; width:30px; height:30px; line-height:30px; text-align:center; border:1px #e0e0e0 solid; font-size:16px; color:#999;}
.SB-option{position:relative;}
.SB-option dl{margin-left:20px; font-size:15px;}
.SB-option dt{font-weight:700; font-size:20px; margin-bottom:10px;}
.SB-price{font-weight:700; font-size:18px; color:#f4313f;}
.SB-change{display:inline-block; border:1px #e0e0e0 solid; padding:0 10px; line-height:30px; background:#f8f8f8; font-size:13px; font-weight:300; color:#666; margin-left:10px;}

.del-box{margin:20px 0;}
.product-del{border:1px #ddd solid; padding:5px 20px; display:inline-block; font-size:14px;}

.total-price{border:1px #e0e0e0 solid;}
.total-head{background:#f8f8f8; border-bottom:1px #e0e0e0 solid; font-weight:700; padding:10px 20px;}
.total-price-list{padding:20px;}
.total-price-list dl{position:relative;}
.total-price-list dt{position:absolute;}
.total-price-list dd{text-align:right;}
.total-price-list li.total-box{font-weight:bold; font-size:18px; border-top:1px #e0e0e0 solid; margin-top:20px; padding-top:20px;}
.total-price-list li.total-box dd{color:#f4313f;}
.total-btn-box{text-align:center; margin-top:20px;}

.order-next-btn,
.order-next-btn:hover,
.order-next-btn:focus{background:#4a6265; color:#fff; display:block; padding:10px 0;}

.popup-content { visibility:hidden; position:absolute; top:70px; right:-185px; z-index:2;}
 .SB-option .popup-content dt{font-size:14px; font-weight:400;}
.popup-content .PV-select dd{margin-left:50px;}
.popup-content  .select-list1 li label,
.popup-content  .PV-select select{font-size:13px;}
.popup-content .PV-select{padding-right:15px;}
.popup-content.active {visibility:visible; border-radius:3px; background:#fff; width:400px; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); padding-bottom:20px;}
.PC-top{position:relative; color:#fff; background:#333; line-height:40px; padding:0 10px;}
.PC-top button{font-size:0; position:absolute; right:0; top:0; display:block;}
.PC-top button i{font-size:20px; display:block; width:40px; height:40px; line-height:40px; color:#fff;}
.PC-btn{padding:20px; padding-bottom:0;}
.PC-btn button{display:block; text-align:center; background:#333; width:100%; line-height:38px; color:#fff;}

.order-content h2{font-size:20px; margin-bottom:15px; color:#000; position:relative; padding-left:15px;}
.order-content h2:after{content:""; position:absolute; width:5px; height:5px; border:3px #000 solid; border-radius:50%; left:0; top:12px;}
.order-top,
.order-add,
.order-payment{border-top:1px #e0e0e0 solid; padding:30px 0 20px;}

#addr_basic h3{font-size:15px; color:#68252a;}

.order-payment{border-bottom:1px #e0e0e0 solid;}
.order-payment input{opacity: 0; height: 0; width: 0; line-height: 0; margin: 0; padding: 0; display: none;}
.order-payment label{border:1px #e0e0e0 solid; margin-right:10px; padding:10px 15px;}
.order-payment input[type="radio"]:checked + label{background:#000; color:#fff; border-color:transparent;}

.order-check-btn{padding-top:20px;}
.order-check-btn a{margin-top:40px; background:#f4313f; color:#fff; padding:10px 0; display:block; text-align:center; width:100%;}

.a-check-box{margin-top:20px;}
.add-tab {overflow: hidden; border-bottom:1px #e0e0e0 solid;}
.add-tab button {background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 7px 16px; border:1px #e0e0e0 solid; border-left-width:0; border-bottom-width:0;}
.add-tab button:first-child {border-left-width:1px;}
.add-tab button:hover {background-color: #ddd;}
.add-tab button.active {background-color: #f8f8f8;}
.tabcontent {display: none; padding-top: 20px;}
.tabcontent:first-child{display:block;}

.order-add .tabcontent{position:relative;}
.order-add .SB-change{position:absolute; right:0; top:10px;}
.add-popup-list{padding:10px;}
.add-popup-list li{border-bottom:1px #e0e0e0 solid; font-size:13px; position:relative; padding-bottom:10px; margin-top:15px;}
.add-popup-list li:first-child{margin-top:0;}
.add-popup-list li span{color:#666; display:inline-block; width:60px;}
.add-popup-list li .APL1{font-weight:700; font-size:15px; border-bottom:1px #e0e0e0 dashed; margin-bottom:5px; padding-bottom:5px;}
.add-popup-list li button{font-size:13px; position:absolute; top:0; right:0; border:1px #e0e0e0 solid; border-radius:3px; padding:0 10px;}
.order-add .popup-content{right:0;}

.add-info-box input{border:1px #e0e0e0 solid; line-height:42px; height:42px; width:100%; box-sizing:border-box; text-indent:10px;}
.add-info-box dl{position:relative; margin-bottom:25px;}
.add-info-box dt{position:absolute; font-weight:700; }
.add-info-box dd{margin-left:100px;}
.add-info-box input.AIB{}
.add-info-box input::placeholder {opacity: 1; color:#2763bb; font-size:14px;}
/* IE9 이하를 위한 css */
.add-info-box input .placeholder {
opacity: 1; color:#2763bb; font-size:14px;
}

/* IE10 이상을 위한 css */
.add-info-box input::placeholder {
opacity: 1; color:#2763bb; font-size:14px;/* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
.add-info-box input::-webkit-input-placeholder {
  opacity: 1; color:#2763bb; font-size:14px;
}
/* IE */
.add-info-box input:-ms-input-placeholder {
opacity: 1; color:#2763bb; font-size:14px;
}
/* Firefox */
.add-info-box input:-mos-input-placeholder {
opacity: 1; color:#2763bb; font-size:14px;
}

.add-info-box .add-search-box{position:relative; margin-bottom:5px;} 
.add-info-box .add-search{position:absolute; right:0; top:0; width:140px; margin-left:1%; text-align:center; border:1px #e0e0e0 solid; box-sizing:border-box; line-height:42px;  background-image:linear-gradient(to top, #f0f0f0 , #fdfdfd); font-size:15px;}

.add-info-box .add-search-box input{width:250px;}
.input-ma{margin-top:5px;}

.order-product-list{position:relative; padding:10px 20px; border-bottom:1px #e0e0e0 solid;}
.order-product-list li{border-top:1px #e0e0e0 solid; padding-top:10px; margin-top:10px;}
.order-product-list li:first-child{border-top-width:0; padding-top:0;}
.order-product-list .OPL-img{width:20%; position:absolute;}
.order-product-list .OPL-img img{width:80px;}
.order-product-list .OPL-text{margin-left:100px; font-size:13px;}
.order-product-list .OPL-text .OPL1{font-size:15px; font-weight:700;}
.order-product-list .OPL-text .OPL3{font-weight:700; }

.order-complete{margin-top:50px;}
.OC-P1{font-size:32px; font-weight:bold;}
.OC-list{ border-top:3px #333 solid; border-bottom:1px #e0e0e0 solid; width:320px; margin:30px auto 0; padding:30px 0; text-align:left;}
.OC-list li{margin-top:10px;}
.OC-list span{display:inline-block; width:100px; color:#666;}
.OC-list span:before{content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background:#999; margin-right:8px; vertical-align:4px;}
.OC-list a{text-decoration:underline;}

guest-page-order .cs-p01{color:#000; font-weight:700; font-size:18px;}
.my-page-content .cyber-form{border-top:3px #333 solid;}
.my-page-content .cyber-form li{border-bottom:1px #e0e0e0 solid; padding-bottom:10px;}
.my-page-content .cyber-form li input,
.my-page-content .cyber-form li select,
.my-page-content .cyber-form li textarea{border:1px #e0e0e0 solid;}
.my-page-content .cyber-form li input[type="file"]{border:0;}
.my-page-content .button{text-align:center;}
.my-page-content .button a{display:inline-block; color:#fff; background:#000; padding:10px 20px;}
.my-page-content .customer-box select{height:auto; padding:10px 0;}
#my-page-refund .PV-select dt{font-weight:400;}



/*MY PAGE*/
.my-page-area{width:1200px; margin:70px auto;}
.my-page-menu{float:left; width:20%;}
.my-page-content{/*float:right; width:75%;*/}
.my-page-area:after{clear:both; visibility:hidden; content:""; height:0; display:block;}
.MPM-title i{color:#999; margin-right:5px; font-size:1.2em; vertical-align:-2px; font-weight:normal;}
.MPM-title{padding-bottom:20px; border-bottom:3px #333 solid;}
.MPM-title span{display:block; font-weight:400; font-size:16px;}
.MPM-list > li{border-bottom:1px #e0e0e0 solid; padding:20px 0;}
.MPM-list > li h3{margin-bottom:10px;}
.MPM-list > li a{display:block; padding:5px 0; color:#777;}
.MPM-list > li .current a{color:#000;}
.customer-box{margin-top:20px;}
.CB1{font-size:25px; font-weight:700;}

#guest-page-order.my-page-content{float:none; width:90%; max-width:1200px; margin:70px auto;}

.my-page-content h4{font-size:30px; margin-bottom:20px; text-align:center;}
.my-page-content section{margin-top:100px;}
.my-page-content section:first-child{margin-top:0;}

.my-page-table-area{position:relative;}
.my-page-table-area .my-more-btn{display:block; position:absolute; right:0; top:-45px;  font-size:15px;}
.my-page-table1 th{border-top:2px #333 solid; border-bottom:1px #333 solid; padding:15px 0;}
.my-page-table1 td{text-align:center; border-bottom:1px #e0e0e0 solid; font-size:14px; padding:15px; color:#555;}
.my-page-table1 td a{color:#444; text-decoration:underline;}
.my-page-table1 td a:hover{color:#000;}
.my-page-table1 td.my-order-box{text-align:left;}

.my-page-table1.MPT-review{border-top:2px #333 solid;}
.my-page-table1.MPT-review .MPT-review-area{text-align:left;}
.my-page-table1.MPT-review .MPT-review-btn a{text-decoration:none; border:1px #e0e0e0 solid; border-radius:2px; padding:3px 5px; display:inline-block; margin:0 3px; background:#fff;}
.my-page-table1.MPT-review .MPT-review-area,
.my-page-table1.MPT-review .MPT-review-btn{background-color:#fafafa;}
.my-page-table1.MPT-review .MPT-review-area textarea{border:1px #e0e0e0 solid; width:100%; box-sizing:border-box;}

#acc-review{border-top:1px #333 solid;}
#acc-review dl{border-bottom:1px #e0e0e0 solid;}
#acc-review dt{padding:20px 0; position:relative;}
#acc-review dt p,
#acc-review dt div{display:inline-block;}
#acc-review dt span{font-size:14px; margin-right:10px; display:inline-block;}
#acc-review dd{margin-bottom:30px; border-top:1px #e0e0e0 dashed; padding-top:20px;}
.review-write-btn{text-decoration:none; background:#273039; color:#fff; border-radius:3px; padding:10px 20px; font-size:14px; position:absolute; right:0; top:50%; margin-top:-21px;}
.review-write-btn:hover,
.review-write-btn:active,
.review-write-btn:focus{color:#fff;}
.starRev{margin-bottom:10px;}
.starRev em{display:inline-block; line-height:20px; margin-right:3px;}
.starR{background: url('../../images/member/star-review.png') no-repeat right 0; background-size: auto 100%;  width: 20px; height: 20px; display: inline-block; text-indent: -9999px; cursor: pointer;}
.starR.on{background-position:0 0;}
.review-write-box textarea{width:100%; border:1px #e0e0e0 solid; box-sizing:border-box; padding:10px;}
.review-write-btn-box{text-align:center; margin-top:20px;}
.review-write-btn-box a{display:inline-block; border:1px #c5cbd0 solid; border-radius:3px; padding:7px 20px; margin:0 3px;}



.my-order-box p{display:inline-block;}
.my-order-img{width:30px;}
.my-order-img img{width:100%;}

.my-page-list1{margin-left:-20px; border-top:2px #333 solid; border-bottom:1px #e0e0e0 solid; padding:20px 0;}
.my-page-list1 li{width:25%; float:left;}
.my-page-list1 li a{display:block; margin-left:20px; padding-bottom:20px;}
.my-page-list1 li img{width:100%; display:block; margin-bottom:20px;}
.my-page-list1 li p{padding:0 10px;}
.my-page-list1:after{clear:both; content:""; height:0; display:block; visibility:hidden;}

.my-page{margin-top:70px;}

.order-info{background:#333; color:#fff; padding:10px;}
.order-info p{display:inline-block; margin-right:30px;}

.order-state{margin-top:20px;}
.order-state:after{clear:both; content:""; height:0; display:block; visibility:hidden;}
.order-state li{float:left; width:13%;}
.order-state li:nth-child(even){width:4%;}
.order-state i{line-height:50px; text-align:center; display:block;}
.order-state p{display:table; width:100%; height:50px;}
.order-state span{display:table-cell; width:100%; text-align:center; background:#f0f0f0; vertical-align:middle;}
.order-state .state span{background:#f4313f; color:#fff;}

.MOP-img img{width:100%;}
.my-page-table1 td.my-order-product{text-align:left;}
.my-page-table1 td.my-order-product a{text-decoration:none;}
.my-page-table1 td.my-order-product a p{color:#000; font-weight:700; font-size:16px;}

.my-page-table1 td .refund-btn a{display:inline-block; border:1px #e0e0e0 solid; border-radius:3px; padding:5px 10px; text-decoration:none; margin-right:5px; background:#fff;}
.MOP1{font-size:20px; margin-bottom:10px;}
.order-payment-info .my-page-table1{border-top:2px #333 solid;}
.order-payment-info .my-page-table1 td{padding-left:40px; padding-right:40px;}
.order-payment-info .my-page-table1 td p{display:block; text-align:right; width:50%; float:right; line-height:20px;}
.order-payment-info .my-page-table1 td span{text-align:left; display:block; width:40%; float:left; line-height:20px;}
.order-payment-info .my-page-table1 td div:after{clear:both; content:""; height:0; display:block; visibility:hidden;}
.order-payment-info .my-page-table1 td strong{font-size:22px;}
.order-payment-info .my-page-table1 td em{text-align:left; display:block; color:#999; margin-top:5px;}
.order-payment-info .my-page-table1 .OPI-tr1 td{color:#000; font-size:18px; padding-top:30px; padding-bottom:30px;position:relative;}
.order-payment-info .my-page-table1 .OPI-tr2 td{vertical-align:top; }
.order-payment-info .my-page-table1 .OPI-tr1 td:first-child:after,
.order-payment-info .my-page-table1 .OPI-tr1 td:nth-child(2):after{content:"+"; display:block; position:absolute; right:-15px; top:50%; margin-top:-15px; background:#fff; font-size:20px;width:30px; line-height:30px;}
.order-payment-info .my-page-table1 .OPI-tr1 td:nth-child(2):after{content:"="}
.order-payment-info .my-page-table1 .OPI-tr1 td:nth-child(3) strong{font-size:28px; color:#f4313f;}

.order-add-info .my-page-table1{border-top:2px #333 solid;}
.order-add-info .my-page-table1 td{border-left:1px #e0e0e0 solid; text-align:left;}
.order-add-info .my-page-table1 td:first-child{border-left-width:0;}

.my-page-list2{border-top:2px #333 solid;}
.my-page-list2 li{border-bottom:1px #e0e0e0 solid; display:table; width:100%; padding:20px 0;}
.MA-title{position:relative; display:table-cell; width:35%; text-align:left; font-size:20px;  vertical-align:middle;}
.MA-title span{display:inline-block; color:#666; margin-left:5px; font-size:14px;}
.MA-title .MA-link-box{font-size:14px; margin-top:10px;}
.MA-cont{display:table-cell; width:63%;  vertical-align:middle;}
.MA-cont span{display:inline-block; color:#666; width:80px;}

#my-page-address .popup-content{right:0; top:50px;}
.new-address-box{position:absolute; top:-50px; right:0;}
#my-page-address .popup-content input{border:1px #e0e0e0 solid; width:100%; font-size:14px; text-indent:7px;}
#my-page-address .popup-content li{border-bottom:0;}
#my-page-address .popup-content dt{margin-bottom:5px;}
#my-page-address .popup-content p{margin-bottom:5px; position:relative;}
#my-page-address .popup-content p input{width:200px;}
#my-page-address .popup-content p button{border:1px #e0e0e0 solid; background-image: linear-gradient(to top, #f0f0f0 , #fdfdfd); top:auto; bottom:0; line-height:27px;}
.APL-btn{display:block; width:200px; text-align:center; color:#fff; margin:10px auto 0; background:#333; padding:10px 0; font-size:14px;}

.mo-pass{border-top:2px #333 solid; border-bottom:1px #e0e0e0 solid; padding:20px;}
.mo-pass input{border:1px #e0e0e0 solid; margin-left:10px; width:300px; line-height:42px; height:42px;}
.mo-pass a{width:150px; background:#333; color:#fff; line-height:42px; display:inline-block; text-align:center;}

.my-page-modify-list{border-top:2px #333 solid; }
.my-page-modify-list li{padding:10px 0; border-bottom:1px #e0e0e0 solid; position:relative;min-height:40px;}
.my-page-modify-list li dt{position:absolute; width:140px; text-align:center;  top:25px;}
.my-page-modify-list li dd{margin-top:10px; padding-left:150px;}
.my-page-modify-list li dd p{background:#f0f0f0; border:1px #e0e0e0 solid; color:#666; padding:10px;}
.my-page-modify-list input{width:100%; border:1px #e0e0e0 solid; box-sizing:border-box; padding:10px;}
.my-page-modify-list li dd p.radio-check{background:#fff; border-width:0;}
.my-page-modify-list li dd .mar-box{border-width:0;}
.modify-btn{text-align:center; margin-top:30px;}
.modify-btn a{display:inline-block; padding:10px 30px; border:1px #e0e0e0 solid; }
.modify-btn a.MB-M{background:#333; border-color:transparent; color:#fff;}

.MPD1{font-size:20px; font-weight:700;margin-bottom:30px; text-align:center;}
.del-btn,
.del-btn:hover{ background:#333; color:#fff; padding:15px 0px; width:200px; display:block; text-align:center; margin:0 auto; font-size:17px; font-weight:700; border-radius: 5px;}

.MPD-box{border:1px #e0e0e0 solid; padding:20px;}
.MPDB1{font-weight:700; font-size:16px;}
.MPDB1 i{margin-right:5px; vertical-align:-1px;}
.MPDB2{font-size:14px;}
.MPDB3{border:1px #e0e0e0 solid; padding:10px; font-size:13px; margin-top:10px; background:#f6f6f6;}
.MPDB4{border-top:2px #000 solid; border-bottom:1px #e0e0e0 solid; padding:20px 0; margin-top:30px; margin-bottom:50px; text-align:center;}
.MPDB4 li{margin:10px 0; display:inline-block;}
.MPDB4 label{display:inline-block; width:100px; font-weight:700; font-size:15px;}
.MPDB4 input{border:1px #e0e0e0 solid; height:32px; line-height:32px; width:200px;}

.my-page-table1 td .review-btn{margin-top:10px;}
.my-page-table1 td .review-btn a{display:inline-block; border:1px #e0e0e0 solid; border-radius:2px; padding:5px; text-decoration:none; font-size:13px; color:#777;}

.zip-box{position:relative; padding-right:120px;}
.zip-box input{margin-right:20px; box-sizing:border-box;}
.zip-btn{position:absolute; border:1px #e0e0e0 solid;background-image: linear-gradient(to top, #f0f0f0 , #fdfdfd); top:50%; margin-top:-13px; right:10px; line-height:26px; font-size:13px; padding:0 10px; border-radius:3px;}

.p-box{background:#f5f5ee; padding:20px; width:100%; max-width:310px; margin:20px auto 0; color:#812027; border-radius:5px}
/*------------------------------------------------------------------*/

@media (max-width:1200px) {

.shopping-bag-area,
.order-area{width:90%;}


/*MY PAGE*/
.my-page-area{width:90%;}
}


@media (max-width:960px) {
.login-box,
.register-box{width:100%; max-width:400px;}
.add-info-box dt{font-size:14px;}

/*login*/
.signup-btn, .login-btn{font-size:14px;}
.login-idpw input{font-size:14px;}
.top-line span{font-size:14px;}
.login-link a{font-size:14px;}
.sns-btn, .sns-btn:hover, .sns-btn:active{font-size:14px;}

/*회원가입*/
#signup .id-box input{padding-right:0;}

/*장바구니*/
.order-nav i{margin:0 5px;}

.shopping-bag,
.total-price,
.order-content{width:100%;}
.shopping-bag table colgroup{display:none}
.shopping-bag table,
.shopping-bag table tbody,
.shopping-bag table tr,
.shopping-bag table th,
.shopping-bag table td{display:block;}
.shopping-bag table tr{position:relative;}
.shopping-bag table td{padding:10px;}
.shopping-bag table td.SB-close{display:inline-block; position:absolute; right:-10px; top:0; border-top:0;}
.SB-change{margin-left:5px;}
.SB-option dt{font-size:18px}
.SB-option dl{margin-left:0;}

.popup-content{right:auto; left:0;}
.popup-content.active{width:100%; padding:0; padding-bottom:10px;}
.popup-content .PV-select{padding:0 10px;}
.popup-content .PV-select dt{position:relative; line-height:1.2em;}
.popup-content .PV-select dd{margin-left:0;}
.PC-btn{padding:10px;}

.order-area{display:flex; flex-direction:column}
.order-area .total-price{order:0;}
.order-area .order-content{order:1;}

.order-product-list{height:130px; overflow-y:auto;}

.add-info-box .add-search{width:100%; position:relative; margin-left:0; margin-top:5px;}



/*MY PAGE*/
.my-page-area{width:100%; margin:50px auto;}
.my-page-menu{width:90%; margin:0 auto 50px; float:none;}
#my-page,
.MPM-blind{display:none;}

.MPM-title{position:relative;}
.MPM-title span{position:absolute; right:0%; bottom:20px;}

.my-page-content{float:none; width:90%; margin:0 auto;}
.my-page-content section{margin-top:50px;}

.my-page-table1 colgroup,
.my-page-table1 thead,
.my-page-table1 thead th{display:none;}
.my-page-table1,
.my-page-table1 thead,
.my-page-table1 tbody,
.my-page-table1 tr,
.my-page-table1 th, 
.my-page-table1 td{display:block;}

.my-page-table1{border-bottom:1px #e0e0e0 solid; margin-top:0;}
.my-page-table1 tr{border-top:1px #333 solid; margin-bottom:20px;}
.my-page-table1 td{border-bottom-width:0; text-align:left; padding:2px 10px; 0}
.my-page-table1 td:first-child{background:#f0f0f0; padding:10px;}
.my-order-box p{display:block; width:100%;}
.my-page-table1 thead tr{border-top:0; margin-bottom:0;}

.order-state li{width:27%; margin-bottom:10px;}
.order-state li:nth-child(2n){width:5%;}


.order-product-info .my-page-table1 tr{display:flex; flex-direction:column; border-top-color:#e0e0e0;}
.order-product-info .my-page-table1 tr:first-child{border-top-color:#333;}
.order-product-info .my-page-table1 td{order:1;}
.order-product-info .my-page-table1 .product-state-box{order:0; padding-bottom:10px;background:#f0f0f0; border-bottom:1px #333 solid;}
.order-product-info .my-page-table1 td:first-child{background:#fff; padding:0;}

.order-payment-info td:first-child{background:#fff;}
.order-payment-info .my-page-table1 .OPI-tr1 td:first-child:after,
.order-payment-info .my-page-table1 .OPI-tr1 td:nth-child(2):after{display:none;}
.order-payment-info .my-page-table1 td{padding:0;}
.order-payment-info .my-page-table1 .OPI-tr1,
.order-payment-info .my-page-table1 .OPI-tr2{padding-top:10px;}
.order-payment-info .my-page-table1 .OPI-tr1 td{padding:10px;}

.order-add-info .my-page-table1 td{border-left-width:0; padding:10px;}
.order-add-info .my-page-table1 tr:first-child td:nth-child(3){background:#f0f0f0; padding:10px; border-top:1px #333 solid;}
.order-add-info .my-page-table1 tr{margin-bottom:0;}

.my-page-list1 li{width:50%;}

.MA-title{display:block; width:100%; text-align:left; border-bottom:1px #e0e0e0 dashed; padding-bottom:10px; margin-bottom:10px;}
.MA-cont{display:block; width:100%;}
.MA-cont span{display:none;}

#my-page-address .popup-content.active{width:300px; left:auto; right:0px !important;}

.mo-pass{text-align:center;}
.mo-pass input{width:160px;}
.mo-pass a{display:block; margin:20px auto 0;}

.my-page-modify-list li dt{position:relative; top:auto; text-align:left; width:auto;}
.my-page-modify-list li dd{padding-left:0;}

.review-write-btn{position:relative; display:block; right:auto; top:auto; margin-top:10px; text-align:center;}


}


/*-----------*/

@media (max-width:768px) {
.MPDB4{margin-bottom:35px;}
.MPDB4 label{width:75px;}
.MPDB4 input{width:168px;}
.del-btn, .del-btn:hover{font-size:14px; width:100%;}
}