@charset "utf-8";

#lo_main {max-width:1400px !important;}

.f14{font-size: 14px; font-size: 0.875rem;}
.f18{font-size: 18px; font-size: 1.125rem;}

.tit-st2{font-size: 22px; font-size: 1.375rem; color: #111; line-height: 1.15; font-weight: 700; margin-bottom: 1.364em; position: relative;}
.tit-st2 .ab{position: absolute;right: 0;bottom: 0}
.tit-st3{font-size: 24px; font-size: 1.500rem;text-align: center;color: #111; line-height: 1.15; margin-bottom: 0.833em;}
.tit-st4{font-size: 20px; font-weight: 500;  color: #111; line-height: 1.15;margin-bottom: 21px; font-weight: 500; position: relative;}
.tit-st4 .ab{position: absolute;right: 0;bottom: 0}
.tit-st4 .ab button{padding: 6px 15px; border: 1px solid #d2d2d2; border-radius:5px; outline: none; color: #999; letter-spacing: 0em; font-size: 14px;}
.tit-st4 .ab button:first-child{margin-left: 0;}
.tit-st4 .add{display: block; margin-top: .5em; color: #666; font-weight: 400; font-size: 15px; font-size: .938rem; font-size:16px; text-align: right; display: inline-block; position: absolute; top:-2px; right:0;} 
.tit-st5{font-size: 18px; font-size: 1.125rem;color: #111; line-height: 1.15;margin-bottom: 1.111em;font-weight: 300;}
.tit-st4.stit {font-size:16px; font-weight: 300; color:#666666;}

.redtxt01 {color:#c61747;}
.greentxt01 {color:#0b9b00;}
.blacktxt01 {color:#1a1a1a;}
.gray_renew {background:#f6f6f6; border:1px solid #e9e9e9; border-radius: 5px;}
.ready_wrap.renew {padding-bottom:110px;}

.item-wrap_new .in{position: relative; background: #fff; flex: 0 1 33.333%; padding: 0 15px;}
.item-wrap_new .in:before{border:2px solid transparent; position: absolute;left: -1px;top:-1px;right: -1px;bottom: -1px;content: ''; transition: all ease-in-out .3s}
.item-wrap_new .img{position: relative; padding-bottom: 100%; overflow: hidden; border-radius: 10px;}
.item-wrap_new .img a > img{display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width:100%;}
.item-wrap_new .label{font-size: 0px; font-size: 0rem; }
.item-wrap_new .label span{display: inline-block; margin-right: 3px;}
.item-wrap_new .label span:last-child{margin-right: 0;}
.item-wrap_new .tit {margin: 1em 0; font-size: 20px; font-weight: 500; line-height: 30px;}
.item-wrap_new .tit .small{font-size: 14px; font-size: 0.875rem;display: block;color: #6d6d6d}
.item-wrap_new .tit .t{display: block; overflow: hidden;}
.item-wrap_new .price_w{}
.item-wrap_new .price{color: #c00000; font-size: 18px; font-size: 1.125rem; font-weight: 700;}
.item-wrap_new .through{text-decoration: line-through; color: #6d6d6d; margin-left: 3px; font-size: 14px; font-size: 0.875rem;}
.item-wrap_new .stars{margin-top: 20px; margin-top: 1.25rem; font-size: 14px; font-size: 0.875rem; color: #6d6d6d}
.item-wrap_new .btns{position: absolute;left: 0;bottom: 0;width: 100%;text-align: right; z-index: 1; transition: all ease-in-out .3s}
.rbtn_cart {background:url('../images/renew/goods/btn_cartbg.png') no-repeat; width: 65px; height:47px; line-height:47px; text-align: center; opacity: 0.8; right: 0; display: inline-block; margin: 0 15px 20px 0;}
.item-wrap_new .tit .small.date {font-weight: 300; color:#666666; font-size:16px; margin-bottom:15px;}
.item-wrap_new .tit .small.txt_s {display: inline-block; border: 2px dotted #7c7c7c; text-align: center;padding: 0 5px; font-size:12px; border-radius: 5px; word-break: keep-all; font-weight: 600; color:#1a1a1a; line-height: normal;}
.item-wrap_new .product_list .markup {margin-bottom:100px;}

/*.item-wrap_new{margin-left: -2%;}*/
/*.item-wrap_new > li{float: left; width: 23% !important;margin: 0 0 60px 2% !important;}*/
/*.item-wrap_new .item{overflow: hidden;}*/

.item-wrap_new.s{margin-left: 0;}
.item-wrap_new.s .item{width: 100%;margin: 0;}

.color-pink{color: #ff0066 !important}
.color-green{color: #009999 !important}
.color-blue{color: #3778a1 !important}
.color-brown{color: #a76330 !important}
.color-white{color: #fff !important}
.color-red{color: #c00000 !important}

.bg-blue_r{border:1px solid #c61747;color: #c61747; border-radius: 5px;}
.bg-pink_r{border:1px solid #ff3399;color: #ff3399; border-radius: 5px;}
.bg-black{background: #1a1a1a; color: #fff !important ; border-radius: 5px; font-size:16px;}
.bg-red{background: #c61747; color: #fff !important ; border-radius: 5px; font-size:16px;}
.bg-blue{background: #0070c0;color: #fff}
.bg-black_r{border:1px solid #b0b0b0;color: #1a1a1a; border-radius: 5px;}
.bg-black_r2, .bg-red_r {border:1px solid #c61747;background:#fff !important; color: #c61747; border-radius: 5px; font-weight: 500;}

.bbs-review{color: #6d6d6d}
.bbs-review .small{display: block; font-size: 15px; font-size: .938rem; color: #666;    height: 2.7em;
overflow: hidden;}
.bbs-review .tit{font-size: 17px; font-size: 1.063rem; margin-bottom: 1.15em; padding-bottom: 1.5em; border-bottom: 1px solid #ccc;}
.bbs-review .tit .t{font-size: 1.235em; margin-bottom: 10px;display: block;font-weight: 400; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color: #000}
.bbs-review .tit .txt{display: block; height: 2.7em; overflow: hidden;}
.bbs-review .etc{position: relative; font-size: 15px; font-size: .938rem; line-height:3em;}
.bbs-review .etc .writer{float: left;}
.bbs-review .etc .rec{float: right; background: url('../images/renew/common/ico-thumb.gif') left center no-repeat; padding-left: 3em;}
.bbs-review .etc .rec.on{background-image: url('../images/renew/goods/ico-thumb.gif')}

.bbs-event{margin-left: -2%;}
.bbs-event > li{float: left; width: 31.3333333333333333%;margin: 0 0 2% 2%;}
.bbs-event .tit .t{font-size: 20px; margin-top: 20px;display: block;font-weight: 500; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color: #000}
.bbs-event .tit .date{font-size: 14px; font-size: 0.875rem;}
.bbs-event .tit .date .dd{color: #ff0066; position:relative; padding-left: 5px; margin-left: 5px;}
.bbs-event .tit .date .dd:before{position: absolute;left: 0;top:50%;width: 1px;height: 10px;content: ''; background: #ddd;margin-top: -5px;}
.bbs-event .img{position:relative; padding-bottom: 70%; overflow: hidden; background: #fff; border-radius: 20px;}
.bbs-event .img img{position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto;width: 100%;display: block;}
.bbs-event .img .gray {display: block; width: 100%; height: 100%; background:rgba(0,0,0,0.5); position: absolute;}
.bbs-event .cont{padding: 20px 0; position: relative;}
.bbs-event .state {text-align: center; display: inline-block;}
.bbs-event .state > span{ font-size:12px; padding:2px 5px; border-radius: 3px;background: #c61747; color: #fff; margin-right:15px;}
.bbs-event .finish {text-align: center; display: inline-block;}
.bbs-event .finish > span{ font-size:12px; padding:2px 5px; border-radius: 3px;background: #c6c6c6; color: #fff; margin-right:15px;}
.bbs-event .end .img img{opacity: .5}

.paging_w{margin-top: 3em;font-weight: 700;}
.paging_w ul{font-size: 0;text-align: center;}
.paging_w li{display: inline-block; font-size: 0;}
.paging_w .arrows{white-space: nowrap;overflow: hidden;background:#f9f9f9 url('') center center no-repeat;border-color: #bbb;position: relative}
.paging_w a{display: block;}
.paging_w .active{}
.paging_w .active b{background: #111; color: #fff; padding: 0 !important}
.paging_w .arrows,.paging_w .active > *{font-size: 16px;display: inline-block;margin-left: -1px;vertical-align: middle;border:1px solid #ddd; width: 2.222em;height: 2.222em; line-height: 2.222em; background: #f9f9f9}
.paging_w .arrows{background: #f9f9f9 url('') center center no-repeat}
.paging_w .arrows span{display: block;width: 100%;height: 100%;white-space: nowrap;overflow: hidden;text-indent: -999px; padding: 0 !important}
.paging_w .first{background-image: url('../images/renew/bbs/first.gif'); border-radius: 5px 0 0 5px}
.paging_w .prev{background-image: url('../images/renew/bbs/prev.gif')}
.paging_w .next{background-image: url('../images/renew/bbs/next.gif')}
.paging_w .last{background-image: url('../images/renew/bbs/last.gif'); border-radius: 0 5px 5px 0}

.btn-bbs_w{margin-top: 30px;}
.btn-bbs_w .fr {text-align: right;}
.btn-adm {padding: 6px 15px; border: 1px solid #d2d2d2; border-radius:5px; outline: none; color: #999; letter-spacing: 0em; font-size: 14px;}

.bbs-review{margin-left:-2%}
.bbs-review > li{width: 48%; margin: 0 0 2% 2%; float: left; border:1px solid #ccc; position: relative;}
.bbs-review a{display: block;background: #fff; padding: 20px}
.bbs-review a:after{content: '';display: block;clear: both}
.bbs-review .img {
float: left;
position: relative;
width: 36.5%;
padding-bottom: 36.5%;
overflow: hidden;border:1px solid #ccc
}
.bbs-review .img img{position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto;width: 100%;display: block;}
.bbs-review .cont{float: right; width: 58%}
.bbs-review .stars{margin: 10px 0 20px; margin: 0.625rem 0 1.25rem; font-size:0}

.review-best{padding: 40px; border:	2px solid #059b9b}
.review-best .img {
float: left;
position: relative;
width: 41.5%;
padding-bottom: 41.5%;
overflow: hidden;border:1px solid #ccc
}
.review-best .img img{position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto;width: 100%;display: block;}
.review-best .cont{float: right; width: 54%}
.review-best .stars{font-size:0}

.bbs-view{border-bottom: 1px solid #ccc; margin:50px 0 30px 0;}
.bbs-view .top{border:1px solid #ccc;border-left: 0; border-right: 0; padding: 30px 0; position: relative;}
.bbs-view .top > *{display: block;}
.bbs-view .top .t{font-size: 23px; font-size: 1.438rem; color: #000; margin-bottom: 10px;}
.bbs-view .top .dd{}
.bbs-view .cont{padding: 70px 0}
.bbs-view .top .date span{display: inline-block; position:relative; padding-left: 5px; margin-left: 5px; vertical-align: middle;}
.bbs-view .top .date .dd{color: #ff0066;}
.bbs-view .top .date span:before{position: absolute;left: 0;top:50%;width: 1px;height: 10px;content: ''; background: #ddd;margin-top: -5px;}
.bbs-view .top .date span:first-child{margin-left: 0; padding-left: 0;}
.bbs-view .top .date span:first-child:before{background: none}
.bbs-view .ico-heart{position: absolute;right: 0; top:50%; transform: translateY(-50%); background: url('../images/renew/bbs/ico-heart.gif') center top no-repeat; padding-top: 2em; width: 2.35em; color: #666; font-size: .938em;}

.goup_w_com .group{margin-top: 100px;}
.goup_w_com .group:first-child {margin:0;}
/* .goup_w_com .group:first-child{margin-top: 0;} */

.bbs-reply .box{border:1px solid #ccc; position: relative; height: 10em}
.bbs-reply .box textarea{width: 100%;display: block;padding: 10px; border:0; height: 100%}
.bbs-reply .box .ab{position: absolute;right: 10px;bottom: 10px; font-size: 14px; font-size: 0.875rem; line-height: 1.15}
.bbs-reply .box .ab .file-st1+label{margin-left: 3px;}

.replay_l{border-top: 1px solid #ccc;}
.replay_l > li{border-bottom: 1px solid #ccc; padding: 50px 0; font-size: .938em;}
.replay_l > li .cont{color: #262626; font-size: 1.133em; margin-top: 1em;}
li.img_w > div.cont{color: #262626; font-size: 1.133em; margin-top: 1em;}

.replay_l .date{margin-left: 1.8em;}
.replay_l .t > *{display: inline-block;}
.replay_l .t .edit{margin-left: .5em;}
.replay_l .img_w{position: relative;padding-right: 180px;min-height: 140px; border-bottom: 1px solid #ccc; padding: 50px 0; font-size: .938em;}
.replay_l .img_w .img{position: absolute;right: 0;top:50%; transform: translateY(-50%); overflow: hidden; padding-bottom: 100%; width: 140px}
.replay_l .img_w .img img{position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto; width: 100%;}
.replay_l .t .btns{font-size: 13px; margin-left: .7em;}
.replay_l .t .btns button{padding: 3px 5px}

.btn_w-st1{margin: 40px 0 110px 0;text-align: center;}
.btn_w-st2{margin: 40px 0 110px 0;text-align: center;}
.btn-st1{width: 144px; height: 47px; text-align: center; font-size: 16px; background: #c61747; font-weight: 600; font-size: 18px; border-radius: 10px; width: 315px; height: 65px;}
a.btn-st1{display: inline-block;line-height: 47px; }
.btn-st2{width: 315px; height: 65px; text-align: center; font-size: 18px; font-size: 1.125rem; font-size:1.12rem;}
a.btn-st2{display: inline-block;line-height: 65px;}
.btn_w-st2 button,.btn_w-st2 a{margin: 0 3px;}
.tit-st1 {text-align: center; font-size: 40px; font-weight: 700; color: #1a1a1a;}

.bbs-total{margin-bottom: 1.3em; color: #000; text-align: left;}
.bbs-total.renew {font-size:16px; color:#666666; margin-bottom:20px;}
.bbs-total.renew b {padding-left:10px;}

.file-st1,.file-st2{
width: 0;
height: 0;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}

.file-st1 + label {
background-color: #000;
color: #fff;
font-size: 14px; font-size: 0.875rem;
outline: none; font-style: normal; display: inline-block; padding: 5px 10px
}

.file-st2 + label {
border: 1px solid #000;
color: #000;
font-size: 14px; font-size: 0.875rem;
outline: none; font-style: normal; display: inline-block; padding: 5px 0; width: 80px;text-align: center;
}

.file-st1:focus + label,
.file-st1 + label:hover {
cursor: pointer;
}

.bbs-top{margin:50px 0 30px 0; position: relative; height:100px;}
.bbs-top .total{float: left; margin-top:20px;}
.bbs-top .total span {font-size:16px; color:#666666; font-weight: 300;}
.bbs-top .total span strong { color:#c61848; font-weight: 300;}
.bbs-top .sch-st1{margin: 0 auto; position: absolute; left: 50%; transform: translate(-50%, 0); width:50%;}
.sch-st1 select{border:0; border: 1px solid #e9e9e9; width: 120px; background: url('../images/renew/bbs/board_arrow.png') 95px center no-repeat #f6f6f6; color:#1c1c1c; font-size:18px; font-weight: 300; border-radius: 10px; padding:17px 15px; margin-right: 8px;}
.sch-st1 .inputt{height: 100%; position: relative; display: inline-block; width:calc(100% - 132px);}
.sch-st1 .inputt > *{height: 100%}
.sch-st1 .inputt input{width: 100%; border:0; border: 1px solid #e9e9e9; color:#1c1c1c; font-size:18px; font-weight: 300; border-radius: 10px; background:#f6f6f6;padding:17px 15px; height: auto;}
.sch-st1 .inputt .btn{position: absolute;right:20px;top:0;width: 3em; height: 100%;white-space: nowrap;overflow: hidden;text-indent: -999px;background: url('../images/renew/bbs/btn_search.png') center center no-repeat}
.bbs-top .sch-st1 > * {vertical-align: middle;}
.bbs_renew {margin-bottom:110px;}

.bbs-list{word-break: break-word; position: relative;}
.bbs-list table{width: 100%;border-top: 2px solid #000; border-bottom:1px solid #000;}
.bbs-list th,.bbs-list .th{border-bottom: 1px solid #e9e9e9; color: #000;}
/*.bbs-list td{border-bottom: 1px solid #ccc}*/
.bbs-list th,.bbs-list td{padding:28px 0;text-align: center; font-size:16px; font-weight: 300; display: table-cell;}
.bbs-list th.grade_img {width:200px;}
.bbs-list .tit{text-align: left;}
.bbs-list tbody tr {background: #fafafa; border-bottom:1px solid #e9e9e9;}
.bbs-list tbody tr:last-child {border-bottom:none;}
.bbs-list .notice{background: #f1f1f1; color: #000}
.bbs-list a:hover{text-decoration: underline;}
.bbs-list .reply{vertical-align: text-bottom; margin: 0 5px 0 .5em;}
.bbs-list .reply img{vertical-align: middle;}
.bbs-list.w th{white-space: normal}
.bbs-list .board_nodata {display: block; width:100%; background:#f6f6f6; border:1px solid #e9e9e9; border-radius: 20px; position: relative; text-align: center; padding:30px;font-size:18px; font-weight: 300; color:#666666;}

/* 공지사항 게시판 */
.bbs_renew table {border:none;}
.bbs_renew thead {display: none;}
.bbs_renew tbody tr { display: block; margin-bottom: 20px; width: 100%; background:#f6f6f6; border:1px solid #e9e9e9; border-radius: 20px; position: relative;}
.bbs_renew tbody tr.notice {display: block; width:100%; background:#fff; border:2px solid #1a1a1a;}
.bbs_renew tbody td {font-size:20px; font-weight: 600; padding:30px; text-align: left; position: relative;}
.bbs_renew tbody td:nth-child(1) {font-size:18px; font-weight: 300; color:#666666;}
.bbs_renew tbody td a  {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block;}
.bbs_renew tbody tr.notice span {position: absolute; right: -20px; top: 35px;}
.bbs_renew tbody td.di_none {display: none !important;}
.bbs_renew tbody td.date {position: absolute; right: 0; top:0;font-size:18px; font-weight: 300; color:#666666;}
.bbs_renew .board_nodata {display: block; width:100%; background:#f6f6f6; border:1px solid #e9e9e9; border-radius: 20px; position: relative; text-align: center; padding:30px;font-size:18px; font-weight: 300; color:#666666;}

.form-st1 {border-top: 2px solid #333;}
.form-st1 .item{display: table; width: 100%; border-bottom: 1px solid #ddd;}
.form-st1 .item > *{display: table-cell;vertical-align: middle;}
.form-st1 .t{width: 180px; padding: 10px; font-weight: 400;    word-break: keep-all; text-align: center; background: #fff; color: #000; text-align: left;}
.form-st1 .cont{padding: 15px 20px; color: #666; height: 73px}
.form-st1 select,.form-st1 input[type="text"],.form-st1 input[type="password"],.join_form .form-st1 input[type="file"]{height: 40px; width: 100%; padding: 0 1em}
.form-st1 textarea{width: 100%;display: block;padding: 10px; height: 280px}
.form-st1 .small{max-width:205px}
.form-st1 .mid,.join_form .form-st1 input[type="text"],.join_form .form-st1 input[type="password"],.join_form .form-st1 input[type="file"],.join_form .form-st1 select,.order_w .form-st1 input[type="text"] {max-width:350px;border-radius: 5px; font-size:16px; border:1px solid #e9e9e9; background:#f6f6f6;}
.order_w .form-st1 select{max-width:350px;border-radius: 5px; font-size:16px; border:1px solid #e9e9e9;}
.form-st1 select{padding-left: 10px; margin-bottom:10px;}
.form-st1 .add_txt{margin-left:0; font-size: .87em; display: inline-block; vertical-align: middle;}
.form-st1 .add_txt_b{display: block; margin-top: 10px; font-size: .87em;}
.order_w .form-st1 .add-st1 input[type="text"],.join_form .form-st1 .add-st1 input[type="text"],.freepay_w .form-st1 .add-st1 input[type="text"]{max-width:500px;border-radius: 5px; font-size:16px; border:1px solid #e9e9e9; background:#f6f6f6;}
.form-st1 .add-st1 .half > input{width: 49%;}
.form-st1 .add-st1 .a1 .rel{width:500px;}
.form-st1 .tel-st1{max-width: 670px}
.form-st1 .tel-st1 > *,.form-st1 .tel-st1 select,.form-st1 .tel-st1 input[type="text"]{float: left; width: 31.333333333%}

.form-st1 .http{position: relative; padding-left: 3.5em;}
.form-st1 .http .ab{position: absolute; left: 0; top: 0; line-height: 40px;}

.form-st1 .rel{position: relative; padding-right: 150px; display: inline-block;}
.form-st1 .rel button{white-space: nowrap;display: block; width: 140px;height: 100%;position: absolute;right: 0;top:0; text-align: center;}

.bbs-reply{margin-top: 3em;}
.bbs-reply .top{margin-left: -10px; display: inline-block; vertical-align: middle;}
.bbs-reply .top > li{float: left; width: 180px; margin-left: 10px; height: 40px;padding: 0 10px; border:1px solid #ccc}
.bbs-reply .top > li input{width: 100%; height: 100%; border:0}
.bbs-reply .top > li > div{line-height: 40px; position: absolute; left: 0; top:0;width: 100%; height: 100%}
.bbs-reply .lock{display: inline-block; margin-left: 5px; vertical-align: middle;}
.form-st1 .item > *{display: table-cell;vertical-align: middle;}
.form-st1 .cont{margin-bottom:30px;}

.login_wrap_renew .form-st1n .item {display: flex; width: 100%; flex-direction: column; align-content: flex-start; text-align: left;}
.login_wrap_renew .form-st1n .t{width: 100%; font-weight: 300; word-break: keep-all; text-align: left; color: #1a1a1a; font-size:18px; margin-bottom:18px;}
.login_wrap_renew .form-st1n .cont{margin-bottom:30px; font-weight: 500; font-size: 18px;}
.login_wrap_renew .form-st1n .item .cont input[type="text"], .form-st1n .item .cont input[type="password"] {background:#f6f6f6; border:1px solid #e9e9e9; border-radius: 5px; height:78px; line-height:78px; font-size:18px; font-weight: 300; color:#1a1a1a; padding:30px; width: 100%;}
.login_wrap_renew .form-st1n .item .cont select {border:1px solid #e9e9e9; border-radius: 5px; height:78px; line-height:78px; font-size:18px; font-weight: 300; color:#1a1a1a; padding-left:20px;}
.login_wrap_renew .form-st1n .item .cont .box2 {display: flex; flex-wrap: nowrap;  gap: 0 10px;}
.login_wrap_renew .form-st1n .item .cont .box2 > button {flex:1 1 30%;}
.login_wrap_renew .form-st1n .item .cont .box3 { display: flex; flex-wrap: nowrap;  gap: 0 10px;}
.login_wrap_renew .form-st1n .item .cont .box3 > * {flex:1 1 33.333333333%}
.login_wrap_renew .form-st1n .item .cont .add-st1 .box3 > button {flex:1 1 20%}
.login_wrap_renew .form-st1n .item .cont .box2_1 {display: flex; flex-wrap: nowrap;  gap: 0 10px;}
.login_wrap_renew .form-st1n .item .cont .box2_1 > input {flex: 1 1 50%;}
.login_wrap_renew .form-st1n .item .cont .box2_1 > label {flex: 1 1 0%;}
.login_wrap_renew .form-st1n .add_txt_b{display: block; margin-top: 10px; font-size: 16px; color:#ababab; font-weight: 300;;}

.join_form button.btn-st2.center {text-align: center; padding:0;}
.join_obj input[type="radio"] {display: none;}
.join_obj input[type="radio"] + span {display: inline-block; width:100%; padding:26px 0 27px 0;  border: 1px solid #e9e9e9; color:#1a1a1a; background-color: #ffffff;  text-align: center;  cursor: pointer; border-radius: 10px; font-size:16px;}
.join_obj input[type="radio"]:checked + span {border: 1px solid #c61747; color: #c61747;}

.bbs-reply .box2{margin-top: 1.5em;}

.form-st2{border-top: 1px solid #ccc}
.form-st2 .item{display: table; width: 100%; border-bottom: 1px solid #ccc;}
.form-st2 .item > *{display: table-cell;vertical-align: top;}
.form-st2 .t{width: 205px; padding: 10px 0; word-break: keep-all; color: #000; color: #111}
.form-st2 .cont{padding: 10px 0 10px 5em; color: #333}
.form-st2 .attach{margin-bottom: 1.3em;}
.form-st2 .half{width: 50%; float: left;}

.form-st1 select,.form-st1 input[type="text"],.form-st1 input[type="password"],.join_form .form-st1 input[type="file"]{height: 40px; width: 100%; padding: 0 1em}
.form-st1 textarea{width: 100%;display: block;padding: 10px; height: 280px}
.form-st1 .small{max-width:205px}
.form-st1 select{padding-left: 10px; margin-bottom:10px;}
.form-st1 .add_txt{margin-left:0; font-size: .87em; display: inline-block; vertical-align: middle;}
.form-st1 .add-st1 .half > input{width: 49%;}

.form-st1 .http{position: relative; padding-left: 3.5em;}
.form-st1 .http .ab{position: absolute; left: 0; top: 0; line-height: 40px;}

.form-st1 .rel{position: relative;  display: inline-block;}
/*.form-st1 .rel button{white-space: nowrap;display: block; width: 140px;height: 100%;position: absolute;right: 0;top:0; text-align: center;}*/
#payaddbox{border-top: 0 !important;}
.bbs-file{border-bottom: 1px solid #ccc; padding: 20px}
.bbs-file .t{display: inline-block; padding-right: 10px; margin-right: 10px;position: relative;}
.bbs-file .t:after{position: absolute;right: 0;top:50%;width: 1px; height: 10px; background: #b8b8bf; content: ''; margin-top: -5px;}
.bbs-file .ico,.ico-file{display: inline-block; background: url('../img/bbs/file.gif') left center no-repeat; padding-left: 20px;}
.bbs-file .ico a:hover,.ico-file:hover a{border-bottom: 1px solid #535353;}

.tel-st1{max-width: 670px}
.tel-st1 .dash,.mail-st1 .dash,.date_form dt,.date_form dd span{text-align: center; line-height: 40px;}
.tel-st1 .dash{width: 3%;text-align: center}

.mail-st1{max-width: 800px}
.mail-st1 > *{float: left; width: 33%}
.mail-st1 .e1{width: 28%}
.mail-st1 .dash{width: 5%;text-align: center}
.mail-st1 .e3{float: right;}

.add-st1 li{margin-top: 10px;}
.add-st1 li:first-child{margin-top: 0;}
.add-st1 .a1 .l{width: 49%; float: left;}
.add-st1 .a1 .r{width: 49%; float: right;}
.add-st1 input[type="text"]{}

.auto_w .img{display: inline-block; vertical-align: middle;}
.auto_w .key{display: inline-block; width: 10em !important; vertical-align: middle; margin-left: .5em;}
.auto_w .btn-auto{display: inline-block; padding: 5px 10px; margin-left: .3em;}

.bbs-w_txt{text-align: right; margin-bottom: 10px;}

.allmenu_bg{background: rgba(0,0,0,.5);position: fixed;z-index: 9999;width: 100%;height: 100%;left: 0;top:0;display: none;}
.modal_w{position:relative;top:50%;background: #fff;z-index: 10000;width: 97%;margin: auto;max-height: 97%; transform: translateY(-50%)}
.modal_w.wide{max-width:1024px;transform:translateY(-50%)}
.modal_w.wide2{max-width:870px}
.modal_w .firstClose,#top_sch .first{position:absolute;top:-999px;right:0px;}
.modal_w .firstClose:focus,.firstClose:active,#top_sch .first:focus,#top_sch .first:active{top:0px;}
.pop_close{width: 10em;height: 3em;background: #333;margin: 1.5em auto 0 auto;display: block;color:#fff;font-size: 1.067em;text-align: center;;line-height: 3em;}
.pop-share .modal_w{max-width: 420px; text-align: center; padding: 40px; position: relative;}
.pop-share .pop-t{font-size: 23px; color:#111; margin-bottom: 30px; font-weight: 700; display: block;}
.pop-share .pop-cont button{margin-left: 20px;}
.pop-share .pop-cont button:first-child{margin-left: 0;}
.pop-share .pop-cont a {display: inline-block;margin-left: 20px;}
.pop-share .pop-cont a:first-child{margin-left: 0;}
.pop-share .pop-cont img{display: block; margin: 0 auto;}
.pop-share .pop-cont span{display: block; margin-top: 10px;}
.pop-share .close{position: absolute;right: 15px; top:15px; width: 1.2em}
.pop-share .close img{display: block;}

.pop-login{max-width: 415px; padding: 50px;text-align: center; overflow-y: auto;}
.pop-login .txt{font-size: 1.063em;}
.pop-login .txt .big{font-size: 1.353em;}

.textarea-st1{position: relative; padding-bottom: 2.15em;}
.textarea-st1 .ab{position: absolute;right: 5px; bottom: 5px}
.file_m{position: relative; padding-left: 95px; margin: 10px 1em; min-height: 2.15em}
.file_m_w .file_t{position: absolute;left: 0;top:0}

.review-best .tit{font-size: 1.25em; padding: 0 0 30px 10px; margin-bottom: 30px; border-bottom: 3px solid #cecece;}
.review-best .tit .t{font-size: 1.350em; display: block; color: #000; font-weight: 400;}
.review-best .etc{margin-bottom: 1.3em}
.review-best .etc .writer{color: #111; font-weight: 700;}
.review-best .etc .stars{float: right;}
.review-best_dots{margin-top: 40px;}

.review_bg{/*background: #ececec; margin: 80px 0 100px;*/ padding: 50px 0; text-align: center; font-size: 17px; font-size: 1.063rem; color: #000}
.review_bg ul{margin-left: -2%;}
.review_bg li{float: left; width: 23%; margin-left: 2%;}
.review_bg .big{font-size: 1.176em;}
.review_bg .small{font-size: 0.882em;}
.review_bg .ico img{display: block;margin: 0 auto; max-width: 87%}
.review_bg .txt{margin-top: 1.18em;}

.pop-review_write{max-width: 565px; padding: 50px; overflow-y: auto;}
.tit-pop{text-align: center; font-size: 23px; color: #111; text-align: center; margin-bottom: .7em; font-weight: 700;}
.tit-pop.t{margin: 0; padding: 40px; border-bottom: 1px solid #ccc; position: relative;}
.tit-pop.t .close{position: absolute;right: 15px;top:15px;background: url('../images/renew/common/btn-close.png') center center no-repeat; background-size: 100%; white-space: nowrap;overflow: hidden;text-indent: -999px; width: 1em; height: 1em;}
.pop-review_write .form{}
.pop-review_write .form > li{border:1px solid #ccc; margin: 10px;}
.pop-review_write .form > li:first-child{margin-top: 0;}
.pop-review_write .form > li input[type="text"],.pop-review_write .form > li select{border:0; width: 100%;height: 100%; padding: 0 20px; height: 50px}
.pop-review_write .form textarea{border:0; width: 100%; height: 8em; padding: 20px}
.pop-review_write .rel{position: relative;}
.pop-review_write .rel button{position: absolute;right: 0;top:0;width: 6.7em; height: 100%}
.pop-review_write .stars{border:0 !important}
.pop-review_write .stars ul{margin-left: -2%}
.pop-review_write .stars li{float: left; width: 31.3333333333%; margin-left: 2%}
.pop-review_view{max-width: 929px}

.pop-review_view .box{padding: 40px}
.pop-review_view .imgs{float: left; width: 45.5%; position: relative;}
.pop-review_view .img{position: relative;overflow: hidden;padding-bottom: 100%; }
.pop-review_view .img img{display: block; width: 100%; left: 0;top:0;right: 0;bottom: 0;margin: auto; position:absolute;}
.pop-review_view .thumb{margin: 10px -5px 0;}
.pop-review_view .thumb .img{margin: 0 5px;}
.pop-review_view .cont{float: right; width: 50%}
.pop-review_view .tit{font-size: .938em; padding: 0 5em 1.3em 0; margin-bottom: 30px; border-bottom: 3px solid #cecece; position: relative;}
.pop-review_view .tit .t{font-size: 1.400em; display: block; color: #000; font-weight: 400;}
.pop-review_view .tit .ico-rec{position: absolute;right: 0;top:0; background: url('../images/renew/common/ico-thumb.gif') left center no-repeat; padding-left: 3.3em; line-height: 3em; background-size: 2.87em}
.pop-review_view .tit .ico-rec.on {background: url('../images/renew/goods/ico-thumb.gif') left center no-repeat;}
.pop-review_view .etc{margin-bottom: 1.3em}
.pop-review_view .etc .writer{color: #111; font-weight: 700;}
.pop-review_view .etc .date{margin-left: 5px;padding-left: 10px; position: relative;}
.pop-review_view .etc .date:before{position: absolute;left:0;top:50%;width: 1px;height: 10px; background: #ccc;content: ''; margin-top: -5px;}
.pop-review_view .etc .stars{float: right; font-size: 0;}
.pop-review_view .txt{max-height: 300px; overflow-y: auto; font-size: 1.063em;}

.goods-top{border:1px solid #ccc;border-left: 0; border-right: 0; padding: 1em 0; line-height: 1.15; font-size: .938em; margin-bottom: 1.5em;}
.goods-top .total{float: left; color: #000}
.goods-top .sort{float: right;}
.goods-top .sort > li{float: left; padding-left: 10px; margin-left: 10px; position: relative;}
.goods-top .sort > li:before{position: absolute;left: 0;top:50%;width: 1px;height: 1em; background: #ccc; content: ''; margin-top: -.5em;}
.goods-top .sort > li:first-child{margin-left: 0; padding-left: 0;}
.goods-top .sort > li:first-child:before{background: none}

.goods_l{display: -webkit-flex;
display: -ms-flex;
display: flex; flex-wrap:wrap}

.goods_view_top .l{float: left; width: 42.9%}
.goods_view_top .r{float: right; width: 50%}
.goods_view_top .label{font-size: 14px; font-size: 0.875rem; line-height: 1.15;}
.goods_view_top .label span{display: inline-block; border-radius: 3px;padding: 4px; margin-right: 3px;}
.goods_view_top .label span:last-child{margin-right: 0;}
.goods_view_top .top .tit{margin: 1em 0 .5em; font-size: 1.25em;}
.goods_view_top .top .tit .t{font-weight: 700; color: #000; font-size: 1.350em;}
.goods_view_top .r .txt{color: #000}
.goods_view_top .review_w{margin: 1.25em 0;  font-weight: 700}
.goods_view_top .review_w .stars{font-size: 0;}
.goods_view_top .review_w .stars img{vertical-align: sub;;}
.goods_view_top .review_w .stars span,.goods_view_top .review_w .review{font-size: 14px; font-size: 0.875rem; color: #000}
.goods_view_top .review_w .review{position: relative; padding-left: 10px; margin-left: 10px;  cursor:pointer;}
.goods_view_top .review_w .review:before{position: absolute;left: 0;top:50%;width: 1px;height: 10px; content: ''; background: #ccc; margin-top: -5px;}
.goods_view_top .review_w .review{text-decoration: underline;}
.goods_view_top .review_w .stars span{margin-left: .3em;}
.goods_view_top .price_w{font-size: 1.500em;}
.goods_view_top .price_w .count{margin-right: 15px; margin-right: .938rem;}
.goods_view_top .price_w .through{margin-left: 15px; margin-left: .938rem; font-size: 0.708em; text-decoration: line-through;}
.goods_view_top .r .top{border-bottom: 1px solid #ccc; padding-bottom: 30px; border-bottom: 1px solid #ccc; position: relative; margin-bottom: 30px;}
.goods_view_top .r .ab{position: absolute;right: 0;bottom: 30px; font-size: .938em;}
.goods_view_top .r .ab button{display: inline-block; vertical-align: middle;}
.goods_view_top .r .btn-share{background: url('../images/renew/goods/ico-share.gif') center center no-repeat; white-space: nowrap;overflow: hidden;text-indent: -999px; width: 24px; height: 27px; margin-left: 1.3em;}
.goods_view_top .r .btn-heart{background: url('../images/renew/goods/ico-heart.gif') left center no-repeat;     padding-left: 2.7em;
    line-height: 1.8em;}
.goods_view_top .r .btn-heart.active{background-image: url('../images/renew/goods/ico-heart_on.gif')}
.goods_view_top .r .form .clear{font-size: .938em; margin-top: 1em;}
.goods_view_top .r .form .clear:first-child{margin-top: 0;}
.goods_view_top .r .form .clear > ul{position: relative; padding-left: 10em; }
.goods_view_top .r .form .clear > ul .tit{position: absolute;left: 0;top:0; color: #000; font-weight: 700;}
.goods_view_top .r .form .clear .w250{width: 100%}
.goods_view_top .r .form .clear select{height: 3em}

.goods_footer{margin-top: 30px; font-size: .938em;}
.option_new select{width: 100%; height: 67px; padding-left: 1.3em; margin-top:15px;}

.qty_w{background: #f0f0f0; border:1px solid #ccc; padding: 20px; margin: 1em 0;}
.qty_w .item{position: relative; display: flex; flex-direction: column;}
.qty_w .price{position: absolute;right: 0;bottom: 0}
.qty_w .price strong{font-size: 21px;}
.qty_w .amount_w{margin-top: 10px;}
.qty_w .amount_w button{width: 28px; height: 28px;white-space: nowrap;overflow: hidden;text-indent: -999px;float: left;background: #fff url('') center center no-repeat;border:1px solid #ccc}
.qty_w .amount_w input.ordqty{width: 50px; height: 28px; float: left; border:1px solid #ccc; text-align: center;border-left: 0; border-right: 0;}
.qty_w .amount_w .remove{margin-left: 5px;}
.qty_w .amount_w .plus{background-image: url('../images/renew/goods/plus.gif')}
.qty_w .amount_w .minus{background-image: url('../images/renew/goods/minus.gif')}
.qty_w .amount_w .remove{background-image: url('../images/renew/goods/remove.gif');border:1px solid #ccc}
.qty_w .amount{float: left;}

/*.goods_total{text-align: right; margin: 30px 0; font-size: 17px; font-size: 1.063rem; font-weight: 700; color: #000}
.goods_total strong{font-size: 28px;}
.goods_btns .btn-half .cart,.goods_btns .btn-half .buy{width: 49%}
.goods_btns .btn-half .cart{float: left;}
.goods_btns .btn-half .buy{float: right;}
.goods_btns .btn-half .w100{width: 100% !important}
.goods_btns .btn-half button{height: 65px; font-size: 1.125em;}
.goods_btns .naver_pay{float: right; margin-top: 30px;}
.goods_btns .naver_pay img{display: block;}
.goods_btns .p_noti {text-align: right; font-weight: bold; margin-top: 20px; font-size:18px; }
.goods_btns .p_noti span {color:#B90003;}

.tabs-goods{font-size: 1.125em; text-align: center; border:1px solid #ccc; border-left: 0; border-right: 0;}
.tabs-goods li{float: left; width: 50%;}
.tabs-goods a{display: block; padding: 1em 0; position: relative; color: #262626}
.tabs-goods .active a:after{position: absolute;left: 0;bottom: -1px; width: 100%;height: 2px; content: ''; background: #059b9b;}*/

.tab_cont_w .tab_cont{padding-top: 70px; display: none;}

.goods-rel{margin-top: 100px; padding-top: 100px; border-top: 1px solid #ccc;}

.review_w .top{font-size: 1.375em; position: relative; margin-bottom: 1.364em;}
.review_w .ab{position: absolute;right: 0;top:50%; transform: translateY(-50%);}

.goods_reivew{border-top: 1px solid #ccc;}
.goods_reivew .item{border-bottom: 1px solid #ccc; padding: 50px 0}
.goods_reivew .stars{font-size: 0;}
.goods_reivew .stars .date{position: relative; font-size: 15px; font-size: .938rem; font-size: .938rem; margin-left: 1em;}
.goods_reivew .writer{margin: 10px 0 30px; font-size: 15px; font-size: .938rem; font-size: .938rem}
.goods_reivew .writer span{position: relative; padding-left: 10px; margin-left: 10px; color: #666}
.goods_reivew .writer span:before{position: absolute;left: 0;top:50%; width: 1px; height: 1em; background: #bfbfbf; content: ''; margin-top: -.5em;}
.goods_reivew .photo .img{position: relative; border:1px solid #ccc; margin-right: 3px; width: 140px; height: 140px;overflow: hidden; float: left;}
.goods_reivew .photo .img img{position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto;width: 100%}
.goods_reivew .cont{margin-top: 30px;}
.goods_reivew .cont .t{display: block; margin-bottom: 10px; font-size: 17px; font-size: 1.063rem;}
.goods_reivew .cont .btn-rec{margin-top: 2.5em;}

.btn-rec{background: url('../images/renew/common/ico-thumb.gif') left center no-repeat; padding-left: 3em; line-height: 2.7em;}
.btn-rec.on{background: url('../images/renew/goods/ico-thumb.gif') left center no-repeat;}

.goods_view_top .big .in{padding-bottom: 100%; border-radius: 10px;}
.goods_view_top .in{position: relative; overflow: hidden;}
.goods_view_top .in img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto; width: 100%; cursor:pointer;}
.goods_view_top .thumb{margin: 30px 0 0; padding: 0 20px; position: relative;}
.goods_view_top .thumb .in{margin: 0 20px; padding-bottom: 70%;}
.goods_view_top .thumb .slick-arrow{position: absolute;width: 11px;height: 100%; background: url('') center center no-repeat; top:0; z-index: 1}
.goods_view_top .thumb .prev{left: 0; background-image: url('../images/renew/goods/prev.gif')}
.goods_view_top .thumb .next{right: 0; background-image: url('../images/renew/goods/next.gif')}

.goods_s{margin: 0 -10px;}
.goods_s .s_w{margin: 0 20px;}
.goods_s .in{margin: 0 10px; position: relative;}
.goods_s .slick-dots{margin-top: 40px;}

.main-formula .top{background: #ededed; font-size: 1.125em; margin-bottom: 100px;}
.main-formula .top .inner{background: url('../images/renew/bbs/formula.jpg') right bottom no-repeat; padding-top: 80px; padding-bottom: 80px;}
.main-formula .top .small{font-size: 13px; display: inline-block; padding: 0.615em 2.308em; line-height 1.15;}
.main-formula .top .big{font-size: 25px; font-size: 1.563rem; margin: 0.800em 0 1.200em; font-weight: 900; color: #000; display: block; font-family: 'Nanum Square';}

.formula_month{background: #eceade; padding: 30px}
.formula_month .test{position: relative;}
.formula_month .test img{display: block; margin: 0 auto; width: 100%;}
.formula_month .test .iframe{position: absolute;    left: 7%;
    bottom: 6%;
    width: 19%;
    height: 55%;}
.formula_month .test .iframe iframe{width: 100%; height: 100%; display: block;}
.formula_mid{/*background: #f2dcdb;*/ padding: 50px 0; background: url('../images/renew/bbs/formulabook_bg.jpg') right bottom no-repeat;}
.formula_mid .rel{position: relative;}
.formula_mid .txt{position: relative; font-size: 25px; font-size: 1.563rem}
.formula_mid .ab{position: absolute;right: 0;top:50%; transform: translateY(-50%);}

.survey-st1{position: relative;}
.survey-st1 .ab{position: absolute;right: 0;top:0}
.survey-st1 ul{font-size: 0;}
.survey-st1 li{float: left; margin-left: 40px;}
.survey-st1 li:first-child{margin-left: 0;}
.survey-st1 label{margin-left: 3px;}

.bbs-formula_w{margin: 0 -15px;}
.bbs-formula .in{margin: 0 15px; border:1px solid #ccc}
.bbs-formula .img{position: relative; padding-bottom: 50%; overflow: hidden; border-bottom: 1px solid #ccc;}
.bbs-formula .img img{position: absolute;left: 0;top:0; right: 0;bottom: 0;margin: auto; width: 100%}
.bbs-formula .img a{display: block}
.bbs-formula .cont{padding: 20px; position: relative;}
.bbs-formula .cont .tit{margin-bottom: 1.25em;}
.bbs-formula .cont .t{font-size: 19px; font-size: 1.188rem; color: #000; font-weight: 400; line-height: 1.15;}
.bbs-formula .cont .etc{font-size: 14px; font-size: 0.875rem; margin-top: 10px;}
.bbs-formula .cont .stars{font-size: 0;}
.bbs-formula .cont .btn{position: absolute;right: 20px; bottom: 20px; display: inline-block;padding: 5px 10px; line-height: 1.15;}

.bbs-formula.bbs{margin-left: -2%;}
.bbs-formula.bbs > li{float: left; width: 31.3333333333333%;margin: 0 0 2% 2%;}
.bbs-formula.bbs .in{margin: 0;}

.bbs-brand{margin-left: -2%; display: -webkit-flex;
display: -ms-flex;
display: flex; flex-wrap:wrap}
.bbs-brand > li{margin: 0 0 2% 2%; float: left; flex:0 1 31.333%;}
.bbs-brand .img{position: relative; padding-bottom: 85%; overflow: hidden; border-bottom: 1px solid #ccc; background: #000 ; border-radius: 15px;}
.bbs-brand .img img{position: absolute;left: 0;top:0; right: 0;bottom: 0;margin: auto; width: 100%}
.bbs-brand .cont{padding: 20px 0 40px 0; position: relative;}
.bbs-brand .cont .t{
	font-size: 19px; font-size: 1.188rem; color: #000; font-weight: 400; display: block; line-height: 1.5; margin-bottom: 10px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}
.bbs-brand .cont .tit{padding-right: 3em;}
.bbs-brand .cont .etc{font-size: 14px; font-size: 0.875rem; margin-top: 10px;}
.bbs-brand .cont .tit .date{font-size: 16px; padding-bottom:20px; display: inline-block;}
.bbs-brand .cont .ico-heart{position: absolute;right: 20px; top:50%; transform: translateY(-50%); background: url('../images/renew/bbs/ico-heart.gif') center top no-repeat; padding-top: 2em; width: 2.35em; color: #666; font-size: .938em; background-size: 2em}
.bbs-brand .cont .ico-heart.active{background-image: url('../images/renew/bbs/ico-heart_o.gif')}

.junbijung {text-align: center; font-size: 18px; padding: 3.5em 0; color: #000; line-height: 1.85em; font-weight: 200;}
.junbijung .lu_visual {height: 400px; background-image: url('../images/renew/common/lucas_bg.jpg'); background-position: center; background-repeat: no-repeat; margin:20px 0; }
.junbijung > ul > li:nth-child(1) {text-align: left; padding-top:0px;}
.junbijung > ul > li {padding:50px 0; word-break: keep-all;}
.junbijung > ul > li > ul > li {padding-top:10px; }
.junbijung > ul > li:last-child {font-style: italic; padding: 0 0 50px 0; font-weight: 600; font-size:22px; line-height: 40px;}
.junbijung > ul > li:last-child div {font-style:normal; margin-top:20px; }
.junbijung .lu_ti {font-size:34px; font-weight: bold; color:#74102d; font-weight: 700; }
.junbijung hr {border-top:1px dashed #bbb; border-bottom:none;}
.junbijung .lu_visual_bt {height: 400px; background-image: url('../images/renew/common/lucas_bg2.jpg'); background-position: center; background-repeat: no-repeat; margin-bottom:20px; }

.agree_box_w .agree-st1{text-align: right;margin-top: 1.3em;}
.agree_box_w .agree-st1 input{margin-right: 3px;     vertical-align: text-bottom;}
.agree_box_w .box{border:1px solid #ccc; padding: 30px; height: 300px; overflow-y: auto; text-align: left;}
.agree_box_w .group{margin-top: 50px;}
.agree_box_w .group:first-child{margin-top: 0;}

.agree-st1{color: #111}
.agree-st1 input{margin-right: 3px;     vertical-align: text-bottom;}

.join_type{margin-top: 50px; text-align: center;}
.join_type .ck_w{font-size: 17px; font-size: 1.063rem; border-top:1px solid #000; border-bottom: 1px solid #ccc; padding: 20px 0}
.join_type .ck_w span{display: inline-block; margin-left: 2.4em;}
.join_type .ck_w span:first-child{margin-left: 0;}
.requirement:before{content: '*'; color: red}
.birth .mid,
.birth .ck_w{display: inline-block; vertical-align: middle;}
.form-st1 .ck_w label:last-child,.ck_type label:last-child{margin-right: 0;}
.ck_type label{margin-left: 3px;}
.snswrap ul li {display: block; width:100%;}
.snswrap ul li .bg-black_r {width: 100%; margin-bottom: 10px; text-align: left; padding-left: 30px; font-size: 18px; font-weight: 600; height: 65px; position: relative; line-height:62px;}
.snswrap ul li .bg-black_r img {margin-right:5px;}

.spot_spot_btnmypage{position: absolute; left: 0;top:100%; background: #fff; border:1px solid #ccc; padding:10px; z-index: 1; white-space: nowrap; display: none;}

.cart_foot{margin-top: 40px;font-size: 16px;display: block; width:100%; position: relative;}
.cart_foot ul{text-align: right;line-height: 1.15; background:#fff; border:2px solid #f4f4f4; padding:33px 70px;}
.cart_foot li{display: inline-block;text-align: right;position: relative;}
.cart_foot h3{font-weight: 300; color:#666666; font-size:16px;}
.cart_foot li div{margin-top: 10px;color: #222}
.cart_foot li div span,.cart_foot li div strong{font-size:16px;font-weight: 800;}
.cart_foot li:before{position: absolute;width: 36px;height: 36px;content: '';left:40px;bottom:030%;z-index: 1;}
.cart_foot li.sale:before{background: url('../images/renew/goods/minus.png') center center no-repeat}
.cart_foot li.ship:before{background: url('../images/renew/goods/plus.png') center center no-repeat}
.cart_foot li.total:before{background: url('../images/renew/goods/equal.png') center center no-repeat}
.cart_foot .txt{text-align: right;margin-top: 15px;font-size: 13px}
.cart_foot li:last-child {width: 110px;}

.gradeinfo_new{position: absolute; left: 0; top:0; width: 20%;background: #fff; border:1px solid #ccc;padding: 40px 30px}
.gradeinfo_new .grade .top{font-size: 1.125em; color: #000; line-height: 1.15; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc;}
.gradeinfo_new .grade .top .big{display: block; margin-top: 10px; font-size: 52px; line-height: 1;}
.gradeinfo_new .order .item{margin-top: 5px;}
.gradeinfo_new .order .item:first-child{margin-top: 0;}
.gradeinfo_new .order .ci{float: left;}
.gradeinfo_new .order .vls{float: right;}
.gradeinfo_new .order .number{color: #000; font-weight: 700;}
.steps-mypage{text-align: center; background: #f7f7f7; border-top: 1px solid #000; border-bottom: 1px solid #ccc; padding: 50px 0; color: #111}
.steps-mypage > li{float: left; width: 20%; position: relative;}
.steps-mypage > li:before{position: absolute;left: 0;top:0; width: 1px; height: 100%; content: ''; background: #ccc}
.steps-mypage > li:first-child:before{background: none}
.steps-mypage > li > *{display: block;}
.steps-mypage strong{margin-top: 10px; font-size: 39px; line-height: 1;}
div.topinfo_area{position: relative; margin-bottom: 50px;}
#lo_main{position: relative;}
div.leftmenu_layout{}
/*#lo_main.my{padding-bottom: 100px;}*/
#left_menu{float: left; width: 20%;}
.orderinfo_new,.mypage_layout{float: right;width: 77%}

.group_my{margin-top: 50px;}

.mypage_circle{margin: 0 0 1.5em 0; text-align: center;}
.mypage_circle li{display: inline-block; width: 150px; height: 150px; border-radius:50%; vertical-align: middle; margin: 0 1.5em; color: #fff; font-size: 1.25em; font-weight: 700; box-shadow: 3px 3px 10px rgba(0,0,0,.18)}
.mypage_circle a{display: table;width: 100%; height: 100%;border-radius: 50%}
.mypage_circle span{display: table-cell;vertical-align: middle;}
.mypage_circle .c1 a{background: #fa5b4d}
.mypage_circle .c2 a{background: #c0c0c0}
.mypage_circle .c3 a{background: #9bb0e1}

.td_no-data{padding: 3.5em 0}
/*.group_my .cart_foot li{width: 50%}*/

.bbstop_wrap {display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.bbstop_wrap .bbs-top-st1 {width:50%; text-align: right;}
.bbstop_wrap .bbs-top-st1 > * {display: inline-block; }
.bbstop_wrap .bbs-total {font-size:16px; font-weight: 300;}
.bbs-top-st1 select {font-size:16px; font-weight: 300; border-radius: 5px;}
.bbs-top-st1{margin-bottom: 1em; }
.bbs-top-st1 select{width: 6.7em; height: 2.4em; margin-right: .3em; padding-left: 10px;}
.bbs-top-st1 select:last-child{margin-right: 0;}
.bbs-top-st1 span{margin-right: .3em;}

.freepay_w .tel-st1{display: inline-block; vertical-align: middle;}

.mypage_txt{text-align: center; font-size:16px; font-weight: 300; color:#1a1a1a; border:2px solid #e9e9e9; padding:45px; margin-bottom:32px; }
.mypage_txt span {font-weight: 600; padding-left: 10px;}

.radio_w-st1 span{margin-left: 5px; display: inline-block;}
.radio_w-st1 span:last-child{margin-right: 0;}
.radio_w-st1.renew span {display: block;}

.paging_w.mb{margin-bottom: 1.5em;}

.grade_w .bbs-list img{width: 70px; display: block; margin: 0 auto;}

.dropout .box{padding: 30px; border:3px solid #ddd; margin-bottom: 1.5em;}
.bul-decimal{list-style: decimal;margin-left: 1em;}
.bul-decimal > li{margin-top: .3em; list-style: decimal}
.bul-decimal > li:first-child{margin-top: 0 !important;}
.bul-dash > li,.bul-dash > dd{position: relative;padding-left: .8em;margin-top: .3em;}
.bul-dash > li:before,.bul-dash > dd:before{position:absolute;left: 0;top:0;content:'-'}
.bul-dash > li:first-child,.bul-dash > dd:first-child{margin-top: 0 !important;}
.bul-mark > li,.bul-mark > dd{position: relative;padding-left:1.15em;margin-top: .3em;}
.bul-mark > li:before,.bul-mark > dd:before{position:absolute;left: 0;top:0;content:'※'}
.bul-mark > li:first-child,.bul-mark > dd:first-child{margin-top: 0 !important;}

.shop_guide_new{}
.total-sch .top{margin-bottom: 3.889em;}
.total-sch .form{position: relative; padding: 0 70px 0 310px;height: 70px;}
.total-sch .form select{width: 300px;position: absolute;left: 0;top:0;padding-left: 1.111em;}
.total-sch .form .submit{position: absolute;right:0;top:0;width: 70px; height: 100%; background: #333 ; color: #fff}
.total-sch .form select,.total-sch .form input{border:2px solid #333 ;}
.total-sch .form select,.total-sch .form input,.total-sch .form button{height: 100%}
.total-sch .form input{width: 100%;padding: 0 1.111em}
.sch_filter{margin-top: 1em;}

.login_form{max-width: 580px; margin: 0 auto;}
.login_form .form li{ margin-top: 10px;}
.login_form .form li:first-child{margin-top: 0;}
.login_form .form input{border:0; width: 100%; padding: 0 1.25em}
.btn-login{margin-top: 10px; font-size: 1.25em; height: 67px; width: 100%}
/*.find_idpw .group{margin-top: 50px;}*/
.find_idpw .group:first-child{margin-top: 0;}
.find_idpw .txt{margin-top: 1.3em; text-align: center;}

.login_new{max-width: 1324px;margin: 0 auto;}
.login_new .etc{font-size: 0; text-align: center; margin: 20px 0 30px;}
.login_new .etc span{display: inline-block; font-size:15px; font-size: .938rem; position: relative; margin-left: 10px; padding-left: 10px; color: #333}
.login_new .etc span:before{position: absolute;left: 0;top:50%; margin-top: -5px; width: 1px; height: 10px; background: #ccc; content: ''}
.login_new .etc span:first-child{margin-left: 0; padding-left: 0;}
.login_new .etc span:first-child:before{background: none}
.login_new .l{float: left;}
.login_new .r{float: right;}
.login_new > *{width: 50%; padding: 0 60px}
.login_new .txt{margin: 20px 0 30px;text-align: center;}
.login_new .non{padding: 70px 0; border-bottom: 1px solid #000; text-align: center;}
.login_new .non a{display: block; width: 80px; line-height: 30px; border:1px solid #000; text-align: center;margin: 1em auto 0; color: #000; font-size: 14px; font-size: 0.875rem;}
.login_new .login_sns{text-align: center; font-size: 14px; font-size: 0.875rem;}
.login_new .login_sns > li{float: left; width: 50%; position: relative;}
.login_new .login_sns > li:before{position: absolute; width: 1px;height: 1em; margin-top: -.5em; content: ''; background: #ccc; top: 50%; left: 0}
.login_new .login_sns > li:first-child:before{background: none}
.login_new .login_sns a{display: block; background: url('') top center no-repeat; padding-top: 91px;}
.login_new .login_sns .kakao{background-image: url('../images/renew/member/kakao.gif')}
.login_new .login_sns .facebook{background-image: url('../images/renew/member/facebook.gif')}
.login_new .login_sns .naver{background-image: url('../images/renew/member/naver.gif')}

#left_menu .group{margin-top: 1.8em;}
#left_menu .group:first-child{margin-top: 0}
#left_menu .t{font-size: 1.25em; color: #111; font-weight: 700; margin-bottom: .5em;}
#left_menu .group > ul > li{margin-top: .5em;}
#left_menu .group > ul > li:first-child{margin-top: 0;}
#left_menu .depth{font-size: .938em; margin-top: .27em;}
#left_menu .depth > li{margin-top: .3em;}
#left_menu .depth > li:first-child{margin-top: 0;}

.mypage_layout .bbs-btn_w{margin-top: 1.5em;}

.down_w li{background: url('../images/renew/common/ico-down.gif') right center no-repeat; margin-top: .3em;}
.down_w li:first-child{margin-top: 0;}
.down_w a:hover{text-decoration: underline;}
.tab_cont_w .mt{margin-top: 40px;}

.page_join .top{font-size: 1.25em; text-align: center;}
.page_join .top .big{font-size: 2em; color: #262626; line-height: 1.15; margin-bottom: .67em; font-weight: 400; display: block; letter-spacing: -0.067em;}
.join_ico_w{margin: 50px auto 80px; text-align: center; color: #262626; font-size: 1.063em; max-width: 575px}
.join_ico{margin-left: -5%;}
.join_ico li{float: left; width: 28.33333333333333%; margin-left: 5%;}
.join_ico .ico img{display: block;margin: 0 auto;}
.join_ico .txt{margin-top: 1.176em;}
.join_ico .txt > *{display: block;}
.join_ico strong{font-size: 1.176em}
.join_bot_w{max-width:1218px; margin: 0 auto; text-align: center;}
.join_bot{margin-left: -3%;}
.join_bot > li{width: 100%;margin-left: 3%; border-top: 1px solid #2b2b2b; border-bottom: 1px solid #cecece; padding: 50px 0; height:365px; margin-top:80px;}
.join_bot .t{font-size: 1.438em; display: block; color: #262626}
.join_bot .txt{font-size: 1.063em; margin: 20px 0 30px;}
.join_bot .btn{max-width: 207px; display: block; width: 100%; line-height: 3.056em; font-size: 1.125em;margin: 0 auto;}
.join_bot .kakao{margin-top: 7px;}
.join_bot .naver{background: #2db400; color: #fff}
.join_bot .naver span{background: url('../images/renew/member/naver.png') left center no-repeat; padding-left: 1.87em; display: inline-block;}
.join_bot .kakao{background: #fae301; color: #381e1f}
.join_bot .kakao span{background: url('../images/renew/member/kakao.png') left center no-repeat; padding-left: 1.87em; display: inline-block;}

.bbs-faq{border: 1px solid #111;border-bottom: 0;}
.bbs-faq .item{border-bottom: 1px solid #111;}
.bbs-faq .q{display: table; width: 100%;height: 110px;font-size: 1.25em;padding: 0 60px}
.bbs-faq .q > span{display: table-cell;vertical-align: middle;}
.bbs-faq .num{width: 150px}
.bbs-faq .sort{width: 150px}
.bbs-faq .a{border-top: 1px solid #000;padding: 60px;font-size: 0.875em;background: #f7f7f7;display: none;}
.bbs-faq .t{color: #111;font-weight: 700;background: url('../images/renew/bbs/faq.png') right center no-repeat;padding-right: 3.5em;}
.bbs-faq .t a{display: block;}
.bbs-faq .active .t{color: #ff0066 !important;background-image: url('../images/renew/bbs/faq_on.png')}
.bbs-faq .active .t a{display: block;}

.memtype_cor input{height: 40px}
.memtype_cor .tel-st1{margin: 0 auto; max-width: 315px}

.btn-modify{font-size: 13px; display: inline-block; padding: 3px 5px}

/*#cartitem .bbs-list tr:hover{background: none !important}*/

/* product detail css 2021.04.19
.optimgdiv {width:15% !important;}
.optimgdiv li {vertical-align: middle;}
.optimgdiv li img {vertical-align: middle;}
.optimgdiv li:last-child {float:right; width: 100% !important; padding-left: 27%; text-align: left;}
.stockoption.displaynone {background: #f6f6f6; border-top: 1px solid #dfdfdf;}
.stockoption.displaynone .optimgdiv li:last-child {text-align:center; padding:0;} */

.vip_banner {margin-bottom:60px;}

.mygradeimg {display:none;}

/*----- Tabs -----*/
.tabs {width:100%; display:inline-block; position: relative;}
.tab-links {display: inline-block; position: absolute; top:25px; right: 20px;}
.tab-links:after {display:block; clear:both; content:'';}
.tab-links > li { margin:0px 5px;	float:left;	list-style:none;}
.tab-links a {padding:24px 45px; display:inline-block; font-size:16px; font-weight:300; color:#4c4c4c; transition:all linear 0.15s; color:#4d60ce; border-radius: 20px; background:#fff;}
.tab-links li:first-child a, .tab-links li:nth-child(2) a{color:#c61747; }
.tab-links li:last-child a {color:#2c9e6e; }
.tab-links li.active a, .tab-links li.active a:hover {background:#f2f5fd; border:2px solid #4d60ce;} 
.tab-links li:first-child.active a, .tab-links li:first-child.active a:hover, .tab-links li:nth-child(2).active a, .tab-links li:nth-child(2).active a:hover{background:#fff8fa; border:2px solid #c61747;}
.tab-links li:last-child.active a, .tab-links li:last-child.active a:hover {background:#f2fbf7; border:2px solid #2c9e6e;}

.tab-content {background:#fff; border-top: 2px solid #333;}
.lu_tab {display:none;}
.lu_tab.active {display:block;}
.lu_tab .title {clear: both; display: block; width:100%; color:#1a1a1a; font-size:22px; padding:30px; background:#f6f6f6;}
#tab1.lu_tab .title b  {color:#c61747}
#tab2.lu_tab .title b  {color:#4d60ce}
#tab3.lu_tab .title b  {color:#2c9e6e}
.lu_tab .title > span {font-size:16px; font-weight: 400;}
.lu_tab .m_con {padding:10px 10px 0 10px; display: flex; }
.lu_tab .m_con > ul {padding:10px 30px; flex:1 1 50%;}
.lu_tab .m_con > ul > li { font-size:14px; color:#666666; font-weight: 300; line-height: 30px;}
.lu_tab .m_con > ul > li:first-child {font-weight: 600; color:#1a1a1a;}
.lu_tab .lu_btnset {text-align: center; margin-bottom:30px;}
.lu_tab .lu_btnset > div {font-size:18px; font-weight: 600; color:#333; margin-bottom:20px;}
.lu_tab .lu_btnset > ul > li.lu_check {display: inline-block; width: 35%; min-width: 200px; height: 54px; line-height: 50px; border: 1px solid #888; background-color: #fff; cursor: pointer; border-radius: 1px; text-align: center;}
.lu_tab .lu_btnset > ul > li.lu_check.active::before {content: url('../images/renew/common/od_chk.png'); position: relative; top: 1px; left: -4px;}
.lu_tab .lu_btnset > ul > li.lu_check.dim {background:#eee; border:1px solid #333;}
#tab1 .lu_btnset > ul > li.lu_check.active {background:#c449c1; border:1px solid #8f228c; color:#fff;}
#tab2 .lu_btnset > ul > li.lu_check.active {background:#396fd1; border:1px solid #002870; color:#fff;}
#tab3 .lu_btnset > ul > li.lu_check.active {background:#e15c00; border:1px solid #8f228c; color:#fff;}
.lu_tab .lu_btnset input[type="checkbox"], .lu_tab .lu_btnset input[type="radio"] {display: none;}
.lu_tab .lu_btnset input[type="checkbox"] + label {-webkit-appearance: none; appearance: none; overflow: hidden; display: inline-block; height: 50px; line-height: 50px; border: 0; background: no-repeat left center; vertical-align: middle; cursor: pointer; font-weight: 600; }
.lu_tab .b_con  {padding:10px; background:#fff; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; display: flex; flex-wrap: wrap; align-content: stretch;align-items: center; margin-top:30px;}
.lu_tab .b_con > div {flex:1 1 20%; font-weight: 600; color:#333;}
.lu_tab .b_con > ul {flex: 1 1 80%; line-height: 25px;}
.lu_tab .b_con > ul > li::before {content:'-'; display: inline-block; width:16px;}
.lu_tab .b_con > ul > li:first-child::before {display: none;}
.lu_tab .b_con > ul > li:last-child {color:#C10003; font-weight: 600;}
.lu_tab .b_con > ul > li select {width:100%; height: 40px; font-weight: 400;}
.lu_tab .b_con > ul > li input {width:100%; height:40px;}
#message_select {width:45%; display: inline-block;}
#smessage {display: inline-block;}

/************** 2021.06.01 이영주 추가  ****************/
.top_wrap {display: block; width:100%; margin-bottom:20px; }
.top_wrap .tit_lucas {margin-bottom:20px;}
.top_wrap .item-wrap_new > li{float: left; width: 30% !important; }
.top_wrap ul {display: table; width:100%; background:#eaeaea; padding:40px 0 20px 0; margin-bottom: 40px;}
.top_wrap ul li { display: table-cell; float: none;    vertical-align: top;}

.myde_wrap {padding:10px 20px;}
.subj_new {width: 120px; background-color: #eee; vertical-align: middle; padding: 20px 0px 20px 10px !important; font-size:15px;}
.myde_new_con tr td {border-bottom: solid 1px #d1d1d1; color:#6d6d6d; padding-left: 10px;}
.myde_new_con span {font-size:16px;}
.myde_new .pop_title {border-bottom: solid 1px #8c8c8c; padding: 0 0 20px 0; font-size: 18px; color: #000000; vertical-align: bottom; font-weight: bold;}

.del_wrap {text-align: left; position:relative;}
.del_wrap h4 {font-size:22px; color:#93002D; border-bottom:1px solid #424242; padding-bottom: 10px; margin-bottom: 20px;}
.del_wrap h4 > span {padding-left:20px; font-weight: 400; font-size:16px; color:#424242; float:right;}
.del_wrap > ul {font-size:0; margin-bottom:70px;}
.del_wrap > ul > li {font-size:16px; border-bottom: 1px solid #ccc; padding:10px 0;}
.del_wrap > ul > li div {display: inline-block; width: calc(100% - 204px); vertical-align: middle;}
.del_wrap > ul > li div.ti_del {width:200px; padding-left:10px; color:#000; font-weight: 700;}


/**************************************************** renewal 2022 S ****************************************************/
/* 상품 상세페이지 */
.sub_wrap {position: relative; display: flex; width:100%; flex-wrap: wrap;}
.sub_wrap.night  {flex-wrap: nowrap;}
.sub_wrap .l_img {position: relative; flex:1 1 60%;; padding:30px 0 0 0 ;}
.sub_wrap .r_txt {position: relative; flex:1 1 40%; width:40%; border-left:1px solid #e9e9e9; padding:30px 0 0 30px;}
.sub_wrap .l_img .big li {padding:20px 50px 50px 0;}
.sub_wrap.night .optimgdiv_wrap {display: none;}

/* 01. 옵션상품 상세페이지 왼쪽 */
.optimgdiv_wrap {position:relative; width:100%; display: flex; flex-wrap: wrap; padding-right:30px;}
.optimgdiv_wrap ul.optimgdiv {width:14.2%; margin-bottom: 10px;}
.optimgdiv_wrap ul.optimgdiv li  {display: block; width:100%; text-align: center; margin-bottom:10px; padding: 0 10px;}
.optimgdiv_wrap ul.optimgdiv li img {width:78px; height:78px !important; border-radius: 100%; cursor: pointer;}
.optimgdiv_wrap ul.optimgdiv li img.active {border:10px solid #c71a49;}

/* 02. 상세정보 & 배송정보 */
.dtail_wrap {position: relative; width:100%; display: block;}
.dtail_wrap .tab_menu {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; text-align: center; color:#666666; font-size:18px; font-weight: 300;}
.dtail_wrap .tab_menu > ul {position: relative; width:100%; display: flex; flex-wrap:wrap;}
.dtail_wrap .tab_menu > ul li {position: relative; display: inline-block; width:50%;}
.dtail_wrap .tab_menu > ul li a {padding:30px 0; display: block; }
.dtail_wrap .tab_menu > ul li.active {}
.dtail_wrap .tab_menu > ul li.active a {font-weight: 600; color:#c61747;}
.dtail_wrap .tab_menu > ul li.active a::after {content: ''; width: 100%; height: 4px; background: #c61747; position: absolute; bottom: 0; left:0;}
.dtail_wrap .tab_cont_wrap {word-break: keep-all;}
.dtail_wrap .tab_cont_wrap .tab_cont {display: none; padding:100px 0; font-size:16px; font-weight: 300; list-style: 30px;}
.dtail_wrap .tab_cont_wrap .tab_cont.active {display: block;}
.dtail_wrap .tab_cont_wrap .tab_cont h4 {font-size:25px; font-weight: 500; padding:0 0 20px 0;}
.dtail_wrap .tab_cont_wrap .tab_cont h4 span {font-size: 12px; font-weight: 400; padding-left:10px;}
.dtail_wrap .tab_cont_wrap .tab_cont ul {margin-bottom:50px;}
.dtail_wrap .tab_cont_wrap .tab_cont ul li {padding:0 10px;}
.dtail_wrap .tab_cont_wrap .tab_cont ul li > div:nth-child(2) {padding-bottom:20px;}
.dtail_wrap .tab_cont_wrap .tab_cont .ti_del {font-weight: 500; padding-bottom: 10px;}

/* 럭키드로우 아이콘 */
.lucky_icon {position: absolute; top:15px; left:15px;}
.lucky_icon_in {position: relative; width:100%; color:#fff; font-size:18px; font-weight: 700; padding:21px 25px 21px 67px; border-radius: 10px; background:url('../images/renew/lucky/lucky_icon01.png') no-repeat; background-color:#1a1a1a; background-position: 15px 10px;}
.lucky_icon_in > div {display: inline-block; margin-right:18px; }
.lucky_icon_in > div:last-child {margin-right:0px; }

/* 상품 상세페이지 오른쪽 */
/* 00. 이미지 롤오버 */
#preview {position:absolute; top:20px; left:20px; width:100%; height:550px; border-radius: 10px; overflow: hidden;}
#preview img {position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}

/* 01. 타이틀 & 공유하기 */
.title_wrap {position: relative; width:100%; display: block;}
.title_wrap .title {font-size:30px; font-weight: 700; color:#000; padding:10px 45px 40px 0; border-bottom:1px solid #e9e9e9;}
.title_wrap .share_wrap {position: absolute; top: 11px; right: 0;}
.title_wrap .share_wrap .btn-share {background:url('../images/renew/goods/btn_share.png') no-repeat; width:40px; height:40px; text-indent: -9999px;}

/* 02. 배송비안내 */
.doder_wrap {position: relative; width:100%; display: block; padding:30px 0; border-bottom:1px solid #e9e9e9;}
.doder_wrap > div {display: block; width:100%;}
.doder_wrap > div:first-child {margin-bottom:25px;}
.doder_wrap > div > ul li {display: inline-block; font-size:16px; font-weight: 300; color:#1a1a1a; }
.doder_wrap > div > ul li span {color:#c61747;font-size:16px; font-weight: 300;}
.doder_wrap .tit {width:180px; color:#666666; vertical-align: top;}

/* 03. 옵션선택 영역 */
.count_wrap {position: relative; width:100%; display: block; padding:30px 0; }
.count_wrap .inner {}
.count_wrap .count {font-size:0;}
.count_wrap .count .tit {width:180px; color:#666666;}
.count_wrap .count > div {width:100%; display: inline-block; font-size:16px; font-weight: 300; color:#1a1a1a;} /*width:calc(100% - 180px)*/
.count_wrap .count > div select {width: 100%; height:44px; border-radius: 5px;}
.count_wrap .optionview.renew {background: #fafafa; border:none; border-bottom:1px solid #1a1a1a; padding:0; font-size:16px;}
.count_wrap .optionview.renew .tem_option_spot {padding:25px 20px; display: flex; flex-wrap: wrap; justify-content: space-around;}
.count_wrap .optionview.renew .tem_option_spot:nth-child(2n) {border-top:1px solid #e2e2e2;}
.count_wrap .optionview.renew .tem_option_spot .options_nm {display: block; flex:1 1 100%; width:100%;padding-bottom:10px;}
.count_wrap .optionview.renew .tem_option_spot .options_qty {font-size:0; flex:1 1 0%;}
.count_wrap .optionview.renew .tem_option_spot .options_qty > div > * {vertical-align: middle;}
.count_wrap .optionview.renew .tem_option_spot .count_num {border:1px solid #d2d1d0; background:#fff; height:28px; font-size:16px; }
.count_wrap .optionview.renew .tem_option_spot .price { flex:1 1 50%; text-align: right;}
.count_wrap .optionview.renew .tem_option_spot .price > * {display: inline-block; vertical-align: middle;}
.count_wrap .optionview.renew .tem_option_spot .price .txt_persellprice {font-size:20px; font-weight: 800;}

/* 04. 총금액 & 구매하기 버튼 */
.buy_price {display: block; width:100%; font-weight: 300; color:#1a1a1a; padding-top:20px;}
.buy_price > div {display: inline-block; width:calc(100% - 184px); text-align: right; font-size:20px; padding-right:20px;}
.buy_price > div.tit {width:180px; color:#666666; text-align:left; font-size:14px; vertical-align: middle;}
.buy_price > div .bold {font-size:30px; font-weight: 800; color:#1a1a1a;}
.goods_btns .btn_area {position: relative; width:100%; display: flex; flex-wrap: nowrap; gap:20px; margin-bottom:30px;}
.goods_btns .btn_area > button {width:50%; padding:23px 0; border-radius: 10px; font-size:18px; font-weight: 600; }
.goods_btns .btn_area > button.cart {border:1px solid #c61747; background:#fff; color:#a80b36;}
.goods_btns .btn_area > button.buy {border:1px solid #c61747; background:#c61747; color:#fff;}
.goods_btns .info_txt {position: relative; width:100%; display: block; font-size:14px; font-weight: 500; color:#343434; text-align: left; line-height:23px;}
.goods_btns .info_txt > ul > li::before {content:'\000B7'; display: inline-block; margin-right:10px;}

/* 05. 럭키드로우 디테일 */
.luc {position: relative; width: 100%; display: block; font-size: 16px; font-weight: 300;}
.luc .tit {display: inline-block; width: 180px;  color: #666666;  text-align: left; vertical-align: top;}
.luc .con {display: inline-block; width: calc(100% - 184px); vertical-align: top; }
.lprice_wrap {padding: 30px 0;  border-bottom: 1px solid #e9e9e9;}
.lprice_wrap span.bold {font-size:20px; font-weight: 800; color:#1a1a1a;}

.ldate_warp {padding: 20px 0;  border-bottom: 1px solid #e9e9e9;}
.ldate_warp > div {padding:10px 0;}
.ldate_warp .ldate .con span {font-size:18px; color:#ea0000; font-weight: 700; margin-right:15px;}

.lselect_warp {padding: 30px 0;}
.lselect_warp .lselect .con .lcou {border-radius: 3px; padding:8px; margin-bottom:10px; cursor: pointer;}
.lselect_warp .lselect .con .lcou > span {float:right; font-size:13px; font-weight: 300; vertical-align: middle; color:#666666; padding-top: 3px;}
.lselect_warp .lselect .dis_01 {border:1px solid #c61747; color:#c61747; font-weight: 600;}
.lselect_warp .lselect .dis_02 {border:1px solid #5a64b0; color:#042099; font-weight: 600;}
.lselect_warp .lselect .dis_03 {border:1px solid #5ab06c; color:#04990e; font-weight: 600;}
.lselect_warp .lselect .dis_01.active {background:#c61747; color:#fff;}
.lselect_warp .lselect div.dis_01.active > span {color:#fff;}
.lselect_warp .lselect .dis_02.active {background:#5a64b0; color:#fff;}
.lselect_warp .lselect div.dis_02.active > span {color:#fff;}
.lselect_warp .lselect .dis_03.active {background:#5ab06c; color:#fff;}
.lselect_warp .lselect div.dis_03.active > span {color:#fff;}
.lselect_warp .lselect .dis_04.active {background:#0fb1be; color:#fff;}
.lselect_warp .lselect div.dis_04.active > span {color:#fff;}
.lselect_warp .lselect .dis_05.active {background:#b54fac; color:#fff;}
.lselect_warp .lselect div.dis_05.active > span {color:#fff;}
.lselect_warp .lselect2 {padding:20px 0 30px 0; border-bottom: 1px solid #1a1a1a;}

.lbtn_warp .btn_area {margin-bottom: 30px; width:100%; position: relative;}
.lbtn_warp .btn_area button {width:100%; background:#1a1a1a; color:#fff; border-radius: 10px; height:65px; font-size:18px; font-weight: 600;}
.lbtn_warp .info_txt {position: relative; width:100%; display: block; font-size:13px; font-weight: 300; color:#666666; text-align: left; line-height:23px;}

.lcheck_warp {padding: 20px 0;  border-top: 1px solid #e9e9e9; margin-top:50px;}
.lcheck_warp .lheader {position: relative; width:100%; display: flex; flex-wrap: nowrap; justify-content: space-between; padding:50px 0 15px 0; border-bottom:1px solid #22272d;}
.lcheck_warp .lheader h5 {font-size:20px; font-weight: 500;}
.lcheck_warp .lheader > div a {font-size:16px; font-weight: 300; text-decoration: underline;}
.ltable_wrap h5 {padding:30px; font-size:16px; font-weight: 300; color:#666666;}
.ltable {background:#fafafa; border-top:1px solid #e9e9e9; color:#666666;}
.ltable .row {display: flex; width:100%; flex-wrap: nowrap; border-bottom:1px solid #e9e9e9;align-items: center;}
.ltable .col {width:100%;}
.ltable .col.tit {border-right:1px solid #e9e9e9; text-align: center; width: 180px;}
.ltable .col.tit span {position: relative; top:50%;}
.ltable .col_data {border-bottom:1px solid #e9e9e9; height:50px; line-height:50px; padding-left:30px; text-align: left;}
.ltable .col_data:last-child {border-bottom:none;}
.ltable .col_data span {float: right; padding-right: 20px; padding-top: 10px; word-break: break-all; line-height: 28px;}

/* 이전 당첨자 확인 모달팝업 */
#modal{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.2); z-index: 999;}
#body_main{ background-color: #fff !important; }
#container_all { overflow : hidden; }
.modal-con {display:none; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); width:940px; height: 570px; background:#fff; z-index: 9999; border-radius: 20px; }
.modal-con .title{font-size:22px; font-weight: 500; margin: 40px 40px 20px 40px;}
.modal-con .con {margin: 0 40px; height: 350px;}
.modal-con .modal_close { display:block; position:absolute; width:30px; height:30px; right:40px; top:30px; background:url('../images/renew/lucky/btn_modalClose.png') no-repeat center;}
.lucky{ padding: 50px 40px 55px 40px; height : 540px; }
.lucky .paging_w{ margin-top : 0; }
.lucky .title{font-size:22px; color:#1a1a1a; font-weight: 500; letter-spacing: -.1rem; border-bottom:2px solid #22272d; padding-bottom:15px; margin-bottom:20px;}
.lucky .con {font-size:15px; line-height:1.3; padding:20px 0; overflow-y: auto; height:calc(100% - 50px);}
.lucky .modal_close { display:block; position:absolute; width:30px; height:30px; right:40px; top:30px; background:url('../images/renew/lucky/btn_modalClose.png') no-repeat center;}


/* 이전 당첨자 확인 모달팝업 */
.modal-con.lucky .con {height: calc(100% - 120px);}
.modal-con.lucky .modal_footer {height:50px;padding: 10px 50px 0 50px;}
.modal-con.lucky .modal_footer .paging_w {margin:0;}
.row {display: block; width:100%; border-bottom:1px solid #e9e9e9; background:#fafafa; font-size:16px; }
.row .col {display: inline-block; text-align: center}
.row.lhead {background:#fff; padding:20px 0; color:#666666; }
.row.lhead > .col {text-align: center !important; }
.row.col3 {display: flex; width:100%; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.row.col3 .txt_num, .row.col3 .txt_date {flex:1 1 15%;}
.row.col3 .txt_subject {flex:1 1 70%;}
/* 럭키드로우 당첨자 발표 게시판 - list */
.lucky_board_list {display: block; width:100%; position: relative;}
.lucky_board_list .row {padding:15px 0; }
.lucky_board_list .row.lhead {padding:0 0 20px 0;}
.lucky_board_list .row.notice {background:#fff;}
.lucky_board_list .row .col.txt_subject {text-align: left;}
.lucky_board_list .row:last-child {border-bottom:1px solid #1a1a1a;}
.modal-con.lucky .ltable_wrap h5 {padding:0 30px 20px 30px;}
.modal-con.lucky .modal_footer .list {text-align: right;}
.modal-con.lucky .modal_footer .list a {font-size:16px; font-weight: 300; text-decoration: underline;}
.before_luckydraw_list {font-size:16px; font-weight: 300; text-decoration: underline;}

/* 상품 리스트 페이지 */
.sub_top .sti {display: block; width:100%; font-size:16px; font-weight: 400; color:#656565; text-align: center; line-height: 30px;}

/* 밤예약 준비중 */
.ready_wrap {display: block; width:100%; position: relative;}
.ready_wrap .ready_pro {width:100%; text-align: center;}
.ready_wrap .ready_pro .tit {width:100%; font-size:32px; font-weight: 200; color:#1a1a1a; margin-top:70px;}
.ready_wrap .ready_pro .txt {font-size:16px; line-height:30px; font-weight: 300; color:#1a1a1a; margin-top:25px;}
.ready_wrap .ready_pro .txt span {color:#666666;}
.ready_wrap .ready_pro .txt p {margin-bottom:30px;}

/* 하단 여백 */
#paging_datalist {margin:0;}
#paging_datalist.renew {margin-top:70px; padding-bottom: 110px;}

/**************************** mypage **************************************/
.mytop_wrap {width:100%; position: relative; display: block; background:#fafafa; border-bottom:1px solid #e9e9e9;}
.mytop_wrap .inner {display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding:50px 0 60px 0;}
.mytop_wrap .gradeinfo_wrap {position: relative; width:100%; font-size:20px; font-weight: 500;}
.mytop_wrap .gradeinfo_wrap > div {display: inline-block; vertical-align: middle;}
.mytop_wrap .gradeinfo_wrap > div:first-child {padding-right:27px;}
.mytop_wrap .gradeinfo_wrap .name {font-size:40px; font-weight: 600;}

.mytop_wrap .orderinfo_wrap {position: relative; width:100%;}
.orderinfo_wrap .orderinfo {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; font-size:16px; }
.orderinfo_wrap .orderinfo > li {display: inline-block;}
.orderinfo_wrap .orderinfo > li span {font-size:30px; font-weight: 600;}
.orderinfo_wrap .orderinfo .order_con li:first-child {height:40px; margin-bottom:10px;}

#lo_main.my {display: flex; width:100%; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start;}
#lo_main.my > form, .mypage_layout.renew  {flex:1 1 85%;}
#lo_main.my > .login_wrap_renew {flex:1 1 85%; border-left:1px solid #e9e9e9;padding:180px 0 110px 50px; }
.myleft_renew {flex:1 1 15%;}
.orderinfo_new, .mypage_layout {float: none !important;  width: auto !important;}
.myleft_renew #left_menu {float:none; width: auto;  height:100%; color:#999999; font-size:14px; line-height: 28px; font-weight: 300;}
.myleft_renew #left_menu a {color:#999999;}
.myleft_renew #left_menu .t {color:#1a1a1a; font-size:20px; font-weight: 500; padding-bottom:15px;}
.myleft_renew #left_menu .group {margin-top:50px;}
/*.myleft_renew #left_menu .depth {padding-left:16px;}*/
.myleft_renew form , .mypage_layout.renew {flex:1 1 85%;}
.sub_top.renew {position: absolute; left:19%; top:0;}
.sub_top.renew .tit-st1 {font-size:26px; font-weight: 700; text-align: left; margin-bottom: 25px;}
.mypage_layout.renew {padding:180px 0 110px 50px; border-left:1px solid #e9e9e9; }
.mypage_layout.renew .thum_re {width:78px; height:78px !important; border-radius: 100%; overflow: hidden;}
.mypage_layout.renew .bbs-list.renew .thum {width: 78px; height: 78px !important; border-radius: 100%; overflow: hidden;}
.bbs-list.renew .thum_re {width: 78px; height: 78px !important; border-radius: 100%; overflow: hidden;}
.mypage_layout .form-st1n .item .cont button {width:271px; height:65px !important; line-height: 65px !important; border-radius: 5px;}
.mypage_layout .form-st1n .item .cont input {height:65px!important; line-height: 65px!important; border-radius: 5px;}
.mypage_layout .form-st1n .item .cont select {height:65px!important; line-height: 65px!important; border-radius: 5px;}
.mypage_layout .form-st1n .item .cont input[type="radio"] + span {height:65px!important; line-height: 65px!important; border-radius: 5px; padding:0;}
.mypage_layout .form-st1n .item .cont .add_txt {margin-top:15px; display: inline-block;}
.mypage_layout .form-st1n .item .cont .mid.rel { display: flex; align-items: center; justify-content: space-between;}
.mypage_layout .form-st1n .item .cont .mid.rel input {width:calc(100% - 280px);}

.myline {position:relative; width:100%; display: block;}
.myline ul li  {display: inline-block; font-size:16px; color:#acacac; padding-right:40px;}


.mypage_btnset {position: relative; width:100%; display: block;}
.mypage_btnset li {width:33%; padding-right:20px; display: inline-block;}
.mypage_btnset li:last-child {padding:0}
.mypage_btnset li a {display:block; border:1px solid #b0b0b0; border-radius: 5px; padding:30px ; font-size:18px; font-weight: 600; position: relative;}
.mypage_btnset li a::after {content: ''; width:9px; height:12px; display: inline-block; position: absolute; right:20px; top:35px; background:url('/front/_customskin/_skintpl/sedefault_responsive_renewal/common/images/renew/mypage/my_arrow.png') no-repeat;}

/* 출석체크 - 달력 */
.new_cal {border-top:none !important;}
.new_cal .ta_center {background:#444444; color:#fff; font-size:20px; font-weight: 700;  padding:30px; border-bottom:1px solid #4c4c4c; border-left:1px solid #444444;  border-right:1px solid #444444;}
.new_cal .ta_center > ul > li.w170 {width:290px;}
.new_cal .tbl-cal tr:first-child {background:#444444; color:#fff; text-align: center; border:1px solid #444444;}
.new_cal .tbl-cal tr:first-child th {padding:25px 0; font-size:16px; font-weight: 500; }
.new_cal .tbl-cal tr td {padding:25px 25px 45px 25px; background:#363636; color:#a9a9a9; font-size:16px; border:1px solid #4c4c4c;}
.new_cal .tbl-cal tr td .abstop  {padding:5px 0;position:relative; top:-15px;}
.new_cal .tbl-cal tr td .abstop > div  {position: relative; z-index: 2;}
.new_cal .nodata {font-size:16px; font-weight: 300; color:#1a1a1a; margin-top:32px; border:2px solid #e9e9e9; padding:45px; text-align: center;}

/* 적립금 내용 */
/**/
.ordermsg_area{padding:0 0px 70px 0;}
.ordermsg_area > div.title{color:#1a1a1a; font-weight:700; letter-spacing:0em; font-size: 14px; margin-bottom: .5em;}
.ordermsg_area > div > ul > li.content{color:#666666; font-size:14px; line-height:28px; margin-top:.3em;letter-spacing:0em; background:url('/front/_customskin/_skintpl/sedefault_responsive_renewal/common/images/renew/mypage/icon_dot.png') no-repeat 0px 14px;padding-left:10px;}
.ordermsg_area > div > ul > li.content .small{color: #777; margin-top: .3em; font-size: .938em;}
.ordermsg_area > div > ul > li.content:first-child{margin-top: 0;}


/**************************** login **************************************/
.login_wrap_renew {text-align: center;}
.login_wrap_renew .login_wrap {display: inline-block; width:100%; max-width:580px; margin:0 auto; margin:70px 0 120px 0;}
.login_wrap_renew .join_wrap {display: inline-block; width:100%; max-width:580px; margin:0 auto; margin:70px 0 120px 0; position: relative;}
.login_wrap_renew .tab_menu > ul {font-size:0;}
.login_wrap_renew .tab_menu > ul > li {display: inline-block; border:1px solid #e9e9e9; border-radius: 10px 0 0 0; font-size:18px; font-weight: 300; padding:24px 0 28px 0; border-bottom:2px solid #1a1a1a; ; width:50%; color:#666666; font-size:18px;}
.login_wrap_renew .tab_menu > ul > li.active {border:2px solid #1a1a1a; border-bottom:none; font-weight: 600;}
.login_wrap_renew .tab_menu > ul > li:last-child {border-radius: 0 10px 0 0;}
.login_wrap_renew .tab_cont {display: none; padding:40px 0 0 0;}
.login_wrap_renew .tab_cont.active {display: block;}
.login_wrap_renew .tab_cont .form input {width:100%; padding:28px; font-size: 18px; font-weight: 300; margin-bottom:10px;}
.login_wrap_renew .tab_cont .etc {display: flex; justify-content: space-between; font-size:16px; font-weight: 300; color:#1a1a1a; margin-bottom:30px;}
.login_wrap_renew .tab_cont#tab2 .etc {padding-top:20px;}
.login_wrap_renew .tab_cont .txt {padding:50px 0; font-size:16px; color:#666666; line-height: 26px;}
.login_wrap_renew .tab_cont .login_sns { }
.login_wrap_renew .tab_cont .login_sns li {margin-bottom:10px; text-align: left;}
.login_wrap_renew .tab_cont .login_sns li span {text-align: center; border-right:1px solid #e9e9e9; width:70px; padding: 12px 0; display: inline-block; margin-right:10px;}
.login_wrap_renew .tab_cont .login_sns a {border:1px solid #e9e9e9; border-radius: 10px; display: block; width:100%;}
.login_wrap_renew .spot_divflag button::after {content: ''; width: 8px; height: 11px; display: inline-block;  background: url(../images/renew/common/arrow_icon.png) no-repeat; position: absolute; right: 20px; top: 26px;}

/**************************** 회원가입 **************************************/
.login_wrap_renew .join_wrap .join_steps {position:absolute; right:0px; top:-60px;}
.login_wrap_renew .join_wrap .join_steps > li {display: inline-block; margin-left:20px;} 
.login_wrap_renew .join_wrap .join_steps > li.on > span {background:#c61747; color:#fff; font-weight: 800; text-align: center; height:38px; line-height:38px; width:38px; font-size:16px;} 
.login_wrap_renew .join_wrap .join_steps > li > span {display: inline-block; width:10px; height:10px; border-radius: 100%; background:#b2b2b2; }
.login_wrap_renew .join_wrap .group .tit-st2 {text-align: left; font-size:26px; font-weight: 700; margin-bottom: 21px;}
.login_wrap_renew .join_wrap .group .box {background:#f6f6f6; border:1px solid #e9e9e9; border-radius: 10px; padding:30px;}
.login_wrap_renew .join_wrap .agree_box_w .agree-st1 {text-align: left;}
.login_wrap_renew .join_wrap .btn-st2 {width:100%; margin-bottom:10px; text-align: left; padding-left:30px; font-size:18px; font-weight: 600; position: relative;}
.login_wrap_renew .join_wrap .join_complete {}
.login_wrap_renew .join_wrap .join_complete .t {display: inline-block; background:url('../images/renew/member/icon_comp.png') center top no-repeat; font-size:26px; font-weight: 500; line-height: 36px; color:#1a1a1a; padding-top:180px;}
.login_wrap_renew .join_wrap .join_complete p {font-size:16px; font-weight: 300; color:#666666; line-height: 26px; padding:44px 0 30px 0; }
.login_wrap_renew .join_wrap .join_complete .btn_w-st2 button {text-align: center; padding:0;}

/**************************** 장바구니 **************************************/
div.page_layout.cart_warp {margin-bottom:0; margin:50px 0 110px 0; position: relative;}
.cartbtn_wrap {display: flex; flex-wrap:nowrap; width:100%; flex-direction: row-reverse; justify-content: space-between; margin-top:60px;}
.cart_tit {font-size:22px; font-weight: 700; margin-bottom:20px;}
.cartbtn_wrap .btn_w-st2 {margin:0;}
.cart_warp .cart_foot ul {text-align: center;}
.shop_guide_new .title {display: inline-block; font-size: 16px; padding: 17px 21px; color: #c61747; font-weight: 700; border: 1px solid #c61747; border-radius: 10px; background: #fff;}
.cart_warp .cart_steps {position:absolute; right:0px; top:-60px;}
.cart_warp .cart_steps > li {display: inline-block; margin-left:20px;} 
.cart_warp .cart_steps > li.on > span {background:#c61747; color:#fff; font-weight: 800; text-align: center; height:38px; line-height:38px; width:38px; font-size:16px;} 
.cart_warp .cart_steps > li > span {display: inline-block; width:10px; height:10px; border-radius: 100%; background:#b2b2b2; }
.cart_warp .bbs-list.renew {}
.cart_warp .bbs-list.renew th {color:#666666;}
.cart_warp .bbs-list.renew td {color:#1a1a1a;}
.cart_warp .bbs-list.renew .thum_re {width: 78px; height: 78px !important; border-radius: 100%; overflow: hidden;}
.cart_warp .bbs-list.renew .btn-delete {background:url('../images/renew/mypage/btn_delete.png') no-repeat; width:22px; height:22px;}
.cart_warp .bbs-list.renew .fontgray {color:#666666;}
.cart_warp .cart_num {display: flex; width: 100%; flex-wrap: nowrap; font-size:16px;justify-content: center;}
.cart_warp .cart_num .btn_minus {background:url('../images/renew/mypage/btn_minus.png') no-repeat; width:27px; height:28px; vertical-align: middle;}
.cart_warp .cart_num .btn_plus {background:url('../images/renew/mypage/btn_plus.png') no-repeat; width:27px; height:28px; vertical-align: middle;}
.cart_warp .cart_num .inputform {width:52px; height:28px; vertical-align: middle; background:#fff; border:1px solid #d2d1d0; text-align: center;}
.cart_warp .bbs-list.renew .btn-modify {display: none;}
.cart_foot.renew ul {display: flex; width:100%; flex-wrap: nowrap; padding:33px 40px;}
.cart_foot.renew ul li {flex: 1 1 20%; padding:15px 0; }
.bbs-list.renew .pro_name {text-align: left;}
.bbs-list.renew .pro_name a {display: inline-block; color:#1a1a1a; padding-bottom:20px;}

/**************************** 주문하기 **************************************/
.order_w.renew .sub_top {position: relative;}
.order_w.renew .order_steps {position:absolute; right:0px; bottom:-28px;}
.order_w.renew .order_steps > li {display: inline-block; margin-left:20px;} 
.order_w.renew .order_steps > li.on > span {background:#c61747; color:#fff; font-weight: 800; text-align: center; height:38px; line-height:38px; width:38px; font-size:16px;} 
.order_w.renew .order_steps > li > span {display: inline-block; width:10px; height:10px; border-radius: 100%; background:#b2b2b2; }
.order_w.renew .tit-st4 {font-size:26px; font-weight: 700; color:#1a1a1a; }
.order_w.renew .form-st1 {font-size:16px; font-weight: 300; color:#1a1a1a; }
.order_w.renew .conline  {position: relative;}
.order_w.renew .conline .oder_txt {position: absolute; right:0; top: 20px;}
.order_w.renew .form-st1 .item .t {color:#666666; width: 270px;}
.order_w.renew .form-st1 .ck_w > ul {display: flex; gap:20px;}
.order_w.renew .form-st1 .ck_w .pay_account {position: relative; margin-left:10px; top:auto; width:100px;}
.optviewbtn {padding: 6px 15px; border: 1px solid #d2d2d2; border-radius: 10px;  outline: none;  color: #999; letter-spacing: 0em; font-size: 14px; font-weight: 400; background: linear-gradient(#fff 0%, #fff 2px, #fff 100%); -moz-border-radius: 5px;  -webkit-border-radius: 5px; height:auto !important;}
.order_w.renew .tel-st1.box3 {display: flex; flex-wrap: nowrap; width:100%; gap:10px; max-width: 350px;}
.order_w.renew .tel-st1.box3  > * {float:none; width:33.333% !important;}
.order_w.renew .form-st1 .add-st1 input[type="text"] {max-width: none; margin-right:10px;}
.order_w.renew .form-st1 .add-st1 .half {display: flex;}
.order_w.renew .ck_type {display: flex; width:100%; border-top: 2px solid #333; padding:20px; border-bottom: 1px solid #ddd;}
.order_w.renew .ck_type > span:first-child { width: 270px; font-size:16px;}
.order_w.renew label {margin-right:20px;}
.order_w.renew ._tax_cash_spot {border-top:none;}
.order_endtxt > span {display: block; font-size:26px; font-weight: 500; color:#1a1a1a; padding-top:10px;}
.order_endtxt > p {display: block; font-size:16px; font-weight: 300; color:#666666; padding-top:20px;}
.order_endtxt > .order_seq {display: block; font-size:16px; font-weight: 300; color:#c71c4b; padding-top:40px;}
.order_w.renew .info_wrap {position:relative; width:100%; border:1px solid #b0b0b0; border-radius: 10px;padding:26px 40px; margin-top:30px;}
.order_w.renew .info_wrap .detail {position: absolute; right: 40px; top: 30px; font-size:16px;}
.order_w.renew .info_wrap .detail::after {content: ''; width:8px; height:11px; display: inline-block; background:url('../images/renew/common/arrow_icon.png') no-repeat; margin-left:10px;}
.order_w.renew .order_end {padding:20px 80px; width:auto; height: auto; font-weight:600; font-size:18px;}
.order_w.renew .order_title_area {margin-top:60px;}
.order_w.renew .oder_end {padding:90px 0 110px 0;}
.order_w.renew .oder_end .oe_coupon li {padding:20px 0;}
.order_w.renew .oder_end .oe_coupon ul:last-child {border-top:solid 1px #efefef;}
.order_w.renew .btn2_re {display: flex; flex-wrap: nowrap; justify-content: center; gap:10px;}

/* 팝업 안에 개인정보처리 */
.pp_wrap {margin-top:20px;}
.pp_wrap > li {font-size:22px; padding:10px 0;}
.pp_wrap > li > dl  {font-size:16px; padding:10px 0 30px 0;}
.pp_wrap > li > dl > dd > ol  {font-size:16px; padding:5px 0; line-height: 26px;}
.pp_wrap > li > dl > dd > ol > li  {padding:5px 10px;}
.pp_wrap > li p  {font-size:16px !important; padding-top:0 !important; padding: 10px;}

/* 당일배송지역검색 팝업*/
.modal_h.dest_modal {width:550px; height:730px;}
.modal_h.dest_modal .con {margin:0;}
.modal_h.dest_modal .con {height: auto;}
.modal_h.dest_modal .addre_wrap {border-bottom: 20px solid #eaeaea;padding: 20px 40px 45px 40px;}
.modal_h.dest_modal .addre_wrap .ready > p {text-align: center; font-size:16px; font-weight: 400; color:#666666;}
.modal_h.dest_modal .addre_wrap .ready > button {display: block; background:url('../images/renew/common/address_btn.png') no-repeat; font-size:18px; font-weight: 500; color:#1a1a1a; text-align: center; width:171px; height:59px; margin:30px auto 0 auto;}
.modal_h.dest_modal .addre_wrap .result h3 {font-size:16px; font-weight: 700; color:#c61747;}
.modal_h.dest_modal .addre_wrap .result > div > p {margin-top:30px; font-size:16px; word-break: keep-all;}
.modal_h.dest_modal .addre_wrap .result > div > a {position: absolute; right: 40px; color: #666666; text-decoration: underline;}
.modal_h.dest_modal .dest.tab_menuh {padding: 0 40px 20px 40px;}
.modal_h.dest_modal .dest.tab_menuh ul  {display: flex; width: 100%; flex-wrap: nowrap; gap: 0 20px;}
.modal_h.dest_modal .dest.tab_menuh ul li {display: inline-block; flex: 1 1 33.3333%; }
.modal_h.dest_modal .dest.tab_menuh ul li a {text-align: center; background:#f6f6f6; padding:39px 0; border-radius: 30px; display: block; color:#1738c6; font-size: 16px; font-weight: 400;}
.modal_h.dest_modal .dest.tab_menuh ul li:first-child a {color:#c61747;}
.modal_h.dest_modal .dest.tab_menuh ul li:last-child a {color:#07965e;}
.modal_h.dest_modal .dest.tab_menuh ul li.active:nth-child(1) a  {background:#fff8fa; border:2px solid #c61747;}
.modal_h.dest_modal .dest.tab_menuh ul li.active:nth-child(2) a  {background:#f0f2ff; border:2px solid #1a35a9;}
.modal_h.dest_modal .dest.tab_menuh ul li.active:nth-child(3) a {background:#f0fff0; border:2px solid #35a95c;}
.modal_h.dest_modal .tab_cont_wraph {padding-top:20px;}
.modal_h.dest_modal .tab_cont .cont {background:url('../images/renew/common/img_address.png') 20px 9px no-repeat; padding:5px 0 5px 90px; font-weight: 400; font-size:16px; color:#1a1a1a;}
.modal_h.dest_modal .tab_cont .cont {background:url('../images/renew/common/img_address.png') 20px 9px no-repeat; padding:5px 0 5px 90px; font-weight: 400; font-size:16px; color:#1a1a1a;}
.modal_h.dest_modal #tab1.tab_cont b {color:#c61747;}
.modal_h.dest_modal #tab2.tab_cont b {color:#1738c6;}
.modal_h.dest_modal #tab3.tab_cont b {color:#07965f;}
.modal_h.dest_modal .notice_line {padding: 0 40px 20px 40px; font-size:12px; color:#666666; font-weight: 300; line-height: 20px;}
.modal_h.dest_modal .modal_footer .modal_close {bottom: 0; top:auto; right:auto; width: 100%; background:#c61747; color:#fff; font-size:18px; font-weight: 500; text-align: center; height:70px; line-height: 70px; border-radius: 0 0 20px 20px;}
.modal_h.dest_modal .dest.tab_menuh ul li.dim a {color:#666 !important;}

/* 럭키드로우 응모내역 */
div.mypage_layout > div.form.reser {border-top:none; text-align: right;}
div.mypage_layout > div.form.reser li.content > span  {position: relative;}
div.mypage_layout > div.form.reser li.content > span img  {position:absolute; right: 8px; top: 3px;}
.draw_wrap {display: inline-block; position: relative; top:-50px;}
.draw_wrap > ul {display: flex;}
.draw_wrap > ul > li {border:1px solid #d2d2d2; border-radius: 5px; padding:9px 15px; margin-right:5px; cursor: pointer; font-size:14px; font-weight: 400;}
.table_wrap {border-top:2px solid #22272d;}
.table_wrap .table_head {border-bottom:1px solid #e9e9e9; padding:27px; font-size:16px; display: flex; flex-wrap: nowrap; justify-content: space-between; color:#1a1a1a;}
.table_wrap .table_head span {display: inline-block; width:100px; color:#666666;}
.table_wrap .table_body {background: #fafafa; padding:32px  30px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center;;}
.table_wrap .table_body .img_wrap {margin-right:40px;}
.table_wrap .table_body .img_wrap img {border-radius: 10px;}
.table_wrap .table_body .txt_wrap {font-size:16px; font-weight: 300; color:#1a1a1a;}
.table_wrap .table_body .txt_wrap li  { color:#666666;}
.table_wrap .table_body .txt_wrap li:first-child {padding-bottom:15px; color:#1a1a1a;}
.table_wrap .table_body .txt_wrap li:nth-child(2) {color:#666666;}
.table_wrap .table_body .txt_wrap li b {color:#1a1a1a;}
.table_wrap .table_foot {background:#fafafa; color:#666666; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:20px 0; text-align: center; margin-bottom:50px; }

.pass_renew {position: relative; width:100%; display: block; padding:60px 0 120px 0;}
.pass_renew .btn-st2:last-child {margin-left:10px;}
#noneproduct {padding:30px 0 60px 0;}

.ellip {display: block; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}

/* 루카스 브랜드 스토리 */
.lucas_wrap  {width:100%; display: block; position: relative; top:-17px; word-break: keep-all;}
.lucas_wrap .txt_wrap {width: 50%; padding:100px 0 100px 145px;}
.lucas_wrap .txt_wrap span {display: block; font-size:18px; font-weight: 700;  color:#c61747; padding-bottom:58px;}
.lucas_wrap .txt_wrap div {display: block; font-size:32px; font-weight: 400; line-height: 44px; padding-bottom:70px;}
.lucas_wrap .txt_wrap p {display: block; font-size:18px; font-weight: 400; color:#303030;}
.lucas_wrap .lu_01 {background:url('../images/renew/lucas/brand_bg01.png') center no-repeat; width: 100vw; margin-left: calc(-50vw + 50%); padding:155px 0 128px 0; border-bottom:1px solid #e5e5e5;}
.lucas_wrap .lu_01 > h2  {position:relative; text-align: center; color:#fff; font-size:22px; font-weight: 700;}
.lucas_wrap .lu_01 > h2::after  {content: ''; display: inline-block; position: absolute; top:55px; left: 50%; transform:translate(-50%, -50%); width:30px; height:2px; background:#fff;}
.lucas_wrap .lu_01 > .txt_wrap1  {text-align: center; color:#fff; margin-top: 90px; font-size:56px; font-weight: 900;}
.lucas_wrap .lu_01 > .txt_wrap1 .txt_s  {text-align: center; color:#000000; margin-top: 400px; font-size:26px; font-weight: 500;}
.lucas_wrap .lu_02 {display: flex; width: 100%; flex-wrap: nowrap; padding:145px 0;}
.lucas_wrap .lu_02 .tit {font-size:40px;font-weight: 600; }
.lucas_wrap .lu_02 > div {width:50%; font-size:22px;font-weight: 300; }
.lucas_wrap .lu_02 > div b {display: block; width:100%; font-weight: 500; padding-bottom:45px;}
.lucas_wrap .lu_03 {position:relative;  width: 100vw; margin-left: calc(-50vw + 50%); background:#f4f4f4;}
.lucas_wrap .lu_03 .inner {display: flex; flex-wrap: nowrap; justify-content: center; max-width: none;}
.lucas_wrap .lu_03 .txt_wrap {padding:100px 0; display: inline-block; width: 50%; max-width: 700px; margin-left: auto;}
.lucas_wrap .lu_03 .img_wrap {background:url('../images/renew/lucas/brand_bg03.png') center no-repeat; width: 50%;}

.lucas_wrap .lu_04 {position:relative;  width: 100vw; margin-left: calc(-50vw + 50%); background:#f4f4f4; display: flex; }
.lucas_wrap .lu_04 .txt_wrap {}
.lucas_wrap .lu_04 .img_wrap {width: 50%; background:url('../images/renew/lucas/brand_bg04.png') center no-repeat;}

.lucas_wrap .lu_05 {position:relative;  width: 100vw; margin-left: calc(-50vw + 50%); background:#f4f4f4;}
.lucas_wrap .lu_05 .inner {display: flex; flex-wrap: nowrap; justify-content: center; max-width: none;}
.lucas_wrap .lu_05 .txt_wrap {padding:100px 0; display: inline-block; width: 50%; max-width: 700px; margin-left: auto;}
.lucas_wrap .lu_05 .img_wrap {background:url('../images/renew/lucas/brand_bg05.png') center no-repeat; width: 50%;}

.lucas_wrap .lu_06 {background:url('../images/renew/lucas/brand_bg06.png') center no-repeat; width: 100vw; margin-left: calc(-50vw + 50%); position:relative; }
.lucas_wrap .lu_06 > div {text-align: center; color:#fff; padding:100px 0 90px 0;}
.lucas_wrap .lu_06 > div b {font-size:32px; font-weight: 600; display: block; padding-bottom:55px;}
.lucas_wrap .lu_06 > div > div {font-size:22px; font-weight: 400; line-height:32px; display: block;  padding-bottom:90px;}
.lucas_wrap .lu_06 > div > span {font-size:16px; font-weight: 400;}

.lucas_wrap .lu_left {width: 100vw; margin-left: calc(-50vw + 50%);}
.dyn_alert_item {overflow: hidden;}

.night_wrap .tab_menu {margin-top:50px;}
.night_wrap .tab_menu > ul {font-size:0; display: flex;}
.night_wrap .tab_menu > ul > li {position: relative; display: inline-block; border:1px solid #e9e9e9; font-size:18px; font-weight: 300; border-bottom:2px solid #1a1a1a; ; width:20%; color:#666666; font-size:18px; }
.night_wrap .tab_menu > ul > li a::after {position: absolute; right:18px; top:50%; transform: translate(0, -50%);}
.night_wrap .tab_menu > ul > li:nth-child(1) a::after {content: url('../images/renew/common/icon_night00.png');}
.night_wrap .tab_menu > ul > li:nth-child(2) a::after {content: url('../images/renew/common/icon_night01.png');}
.night_wrap .tab_menu > ul > li:nth-child(3) a::after {content: url('../images/renew/common/icon_night02.png');}
.night_wrap .tab_menu > ul > li:nth-child(4) a::after {content: url('../images/renew/common/icon_night03.png');}
.night_wrap .tab_menu > ul > li:nth-child(5) a::after {content: url('../images/renew/common/icon_night04.png');}
.night_wrap .tab_menu > ul > li:nth-child(6) a::after {content: url('../images/renew/common/icon_night05.png');}
.night_wrap .tab_menu > ul > li.active {border:2px solid #1a1a1a; border-bottom:none; font-weight: 600;}
.night_wrap .tab_menu > ul > li a {display: block;    padding: 24px 30px 28px 30px;}
.night_wrap .tab_menu > ul > li:first-child {border-radius: 10px 0 0 0;}
.night_wrap .tab_menu > ul > li:last-child {border-radius: 0 10px 0 0;}

@media (max-width:1280px){
}

@media (min-width:1025px){
	
	.btn_back {display: none;}
	
}

@media (max-width:1024px){
	
	.sub_wrap {flex-direction: column-reverse;}
	.sub_wrap .r_txt {border-left:none; border-bottom:1px solid #000; padding:30px 0 0 0; width: auto;}
	.sub_wrap.night .l_img {position: unset;}
	.sub_wrap.night .r_txt {padding: 86vw 0 0 0;}
	.sub_wrap.night .l_img > .img_wrap {position:absolute; top:0px; display: flex; width:100%; }
	.sub_wrap.night .l_img .big  {position:relative; width:100%;}
	.sub_wrap.night .r_txt > .title_wrap {margin-top: 110px;}
	
	/* 01. 옵션상품 상세페이지 왼쪽 */
	.optimgdiv_wrap {padding-right:0;}
	.optimgdiv_wrap ul.optimgdiv {width:20%;}
	.count_wrap .optionview.renew .tem_option_spot .options_qty {flex:1 1 70%;}
	
	/* 상품 상세페이지 오른쪽 */
	/* 00. 이미지 롤오버 */
	#preview {display: none;}
	.title_wrap .title {font-size:26px;}
	
	/* 구매하기버튼 */
	.count_wrap{position: fixed; left: 0; bottom: 60px;z-index: 10;}
	.con_in {display: none; background: #fff;  padding: 20px 15px; 
		-webkit-box-shadow: 0px -10px 16px 0px rgba(0,0,0,0.17);
		-moz-box-shadow: 0px -10px 16px 0px rgba(0,0,0,0.17);
		box-shadow: 0px -10px 16px 0px rgba(0,0,0,0.17);}
	.goods_btns .btn_area {position: fixed; background: #fff; bottom:0;left: 0; z-index: 9; margin: 0; padding: 20px; 
		-webkit-box-shadow: 0px -10px 16px 0px rgba(0,0,0,0.17);
		-moz-box-shadow: 0px -10px 16px 0px rgba(0,0,0,0.17);
		box-shadow: 0px -10px 16px 0px rgba(0,0,0,0.17);
	    border-top: 1px solid #c61747;}
	.btn_wrap {display: block; width:100%; position: relative;}
	.btn_arrow {width: 30%; height: 40px; line-height: 40px; position: absolute; bottom:0; left: 50%; transform: translate(-50%, 0); z-index: 10; border-radius: 10px 10px 0 0; background:#fff; text-align: center; color:#CC171A; font-weight: 700; font-size:16px;
		-webkit-box-shadow: 0px -9px 9px 0px rgb(0 0 0 / 10%);
		-moz-box-shadow: 0px -9px 9px 0px rgb(0 0 0 / 10%);
		box-shadow:0px -9px 9px 0px rgb(0 0 0 / 10%);
		border-top: 1px solid #c61747; border-left: 1px solid #c61747; border-right: 1px solid #c61747;}
	.btn_arrow.close { background:#fff; background-size: 12%; position: absolute; top: -38px;}
	.goods_btns .info_txt {padding:20px 0;}
	/*	럭키드로우 구매하기 버튼*/
	.lbtn_warp .btn_area  {position: fixed; background: #fff; bottom:0;left: 0; z-index: 9; margin: 0; padding: 30px 20px 20px 20px; 
		-webkit-box-shadow: 0px -9px 9px 0px rgb(0 0 0 / 10%);
		-moz-box-shadow: 0px -9px 9px 0px rgb(0 0 0 / 10%);
		box-shadow:0px -9px 9px 0px rgb(0 0 0 / 10%)}
	.con_in {    border-top: 1px solid #c61747;}
	/*	 모달 */
	.modal-con {width:90%;}
	
	.count_wrap .count > div {width:100%;}
	
	.sub_top.inner {padding:45px 15px 0 15px;}
	#main_dataspot {padding:0 15px;}

	.login_wrap_renew .login_wrap {padding:0 20px;}
	
	
	/**************************** mypage **************************************/
	.plr20 {padding:0 20px;}
	.mytop_wrap .inner {flex-direction: column; padding:30px 20px 0 20px;}
	.group_my{padding:0 20px;}
	div.mypage_layout > div.form {margin:0 20px;}
	
	.sub_top.renew {position: relative; left:auto; text-align: center; width:100%; border-bottom:1px solid #e9e9e9; padding-bottom:15px;}
	.sub_top.renew .tit-st1 {text-align: center;}
	.sub_top .btn_back button {position: absolute; left:20px; top: 47px; text-indent: -9999px; background:url('/front/_customskin/_skintpl/sedefault_responsive_renewal/common/images/renew/common/btn_back.png')  center left no-repeat; width:34px; height:34px; }
	
	.myline {margin-top:20px;}
	.myline > ul {display: flex; width:100%; flex-wrap: wrap;}
	.myline > ul > li {background:#fff; border:1px solid #e9e9e9; color:#1a1a1a; font-weight: 500; text-align: center; padding:20px 0; margin:10px 10px 10px 0; width: calc(33% - 18px);}
	.myline > ul > li:nth-child(3n) {margin: 10px 0 10px 10px;}
	.myline > ul > li:nth-child(2), .myline > ul > li:nth-child(5) {margin: 10px 10px 10px 10px;}
	.myline > ul > li span {display: block; font-size:25px;}
	.mytop_wrap .gradeinfo_wrap .name {font-size:25px; margin-bottom:10px;}
	.mytop_wrap .gradeinfo_wrap {font-size:16px;}
	.myline ul li {font-size:14px;}
	
	.orderinfo_wrap { margin-top: 17px; padding-bottom: 20px;}
	.orderinfo_wrap .orderinfo {flex-direction: column; font-size:14px;}
	.orderinfo_wrap .orderinfo > li {display: block;border-bottom:1px solid #e9e9e9; padding:15px;}	
	.orderinfo_wrap .orderinfo > li img {width:80%;}
	.orderinfo_wrap .orderinfo > li:last-child {border-bottom:none;}
	.orderinfo_wrap .orderinfo > li span {font-size:16px;}
	.orderinfo_wrap .orderinfo .order_con {position: relative;}
	.orderinfo_wrap .orderinfo .order_con li {display: inline-block; padding: 8px 0; vertical-align: middle;}
	.orderinfo_wrap .orderinfo .order_con li:first-child {height:auto; margin:0; padding-right: 15px;}
	.orderinfo_wrap .orderinfo .order_con li:last-child {position:absolute; right:0; top:0;}
	
	.myleft_renew {padding:0 20px; margin-bottom:110px;}
	.myleft_renew.sub {display: none;}
	.myleft_renew #left_menu .t {color:#989898; font-size:18px; font-weight: 400; margin:0;}
	.myleft_renew #left_menu a, .myleft_renew #left_menu {color:#1a1a1a; font-size:18px; font-weight: 400;; line-height: 35px;}
	.myleft_renew #left_menu .depth a {font-size:16px; font-weight: 300}
	.myleft_renew #left_menu .group > ul {display: flex; width:100%; flex-wrap: wrap;}
	.myleft_renew #left_menu .group > ul > li {flex:0 1 50%; margin:0 0 15px 0;}
	.mytop_wrap .gradeinfo_wrap > div:first-child img {width:80%;}
	.goods_btns .btn_area > button {padding:13px 0;}
	
	.mypage_layout.renew {padding:0 0 110px 0;}
	.mypage_layout.renew .txt_area {background: #fafafa; padding:30px 20px 0 20px;}
	div.mypage_layout > div.ordermsg_area {background: #fafafa; padding:48px 20px 70px 20px; margin-bottom:70px;}
	
	.order_search_area .rel-btn_w {width:80% !important;}
	.bbstop_wrap {flex-wrap:wrap !important;}
	.bbstop_wrap .bbs-top-st1 {width:100% !important;}
	div.mypage_layout > div.order_search_area > div.serachtitle {margin:30px 0 0 0; text-align: left;}		
	.mypage_layout .form-st1n .item .cont button {width:340px;}
	
	/* 회원등급 */
	.mypage_layout.grade_w.renew {padding:0;}
	.goup_w_com table thead {display: none;}
	.goup_w_com .group {margin:35px 0 30px 0; padding: 0 20px; border-bottom:20px solid #e9e9e9;}
	.grade_w.renew .goup_w_com .bbs-list table {border:none;}
	.grade_w.renew .goup_w_com .bbs-list tbody tr {position: relative; background:#fff; display: flex; flex-wrap: wrap; flex-direction: column; padding: 20px 0; line-height: 15px;}
	.grade_w.renew .goup_w_com .bbs-list tbody tr td:first-child {position: absolute; top:17px; left:20px; padding:0}
	.grade_w.renew .goup_w_com .bbs-list tbody tr td  {text-align: left; padding:7px 0 0px 140px; display: flex;}
	.grade_w.renew .goup_w_com .bbs-list tbody tr td > span {display: inline-block; color:#666666; flex: 1 1 30%;}
	.grade_w.renew .goup_w_com .bbs-list tbody tr td > div {display: inline-block; margin-left:auto; color:#1a1a1a; flex: 1 1 40%;}
	.goup_w_com .group:last-child {margin:0; border:none; padding-bottom:30px;}
	
	/*	주문조회 */
	.oder_con_warp {}
	.oder_con_warp .oder_con  {}
	.oder_con_warp .oder_con .txt_wrap > * {padding: 30px 0px;}
	.oder_con_warp .oder_con .txt_wrap > ul > li {width:100%; padding:5px 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
	.oder_con_warp .oder_con .txt_wrap > ul > li span {color:#666; text-align: left; width:20%;}
	.oder_con_warp .oder_con .txt_wrap > ul > li > div {text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:calc(70% - 20px);}
	.oder_con_warp .oder_con .txt_wrap > ul > li > div.con_wrap {display: inline-block;}
	.oder_con_warp .oder_con .txt_wrap > ul > li > div.con_wrap .btn_set > * {display: inline-block; vertical-align: middle;}
	.oder_con_warp .oder_con .txt_wrap .total_p {text-align: left; border-bottom: 20px solid #e9e9e9 !important; padding: 0 0 20px 0;}
	.oder_con_warp .oder_con .txt_wrap .total_p > div:first-child {display: inline-block; }
	.oder_con_warp .oder_con .txt_wrap .total_p > div:last-child {display: inline-block; text-align: right; font-size: 20px; float:right; }
	.oder_con_warp .oder_con .txt_wrap .pinfo dt {text-align: right !important;}
	.oder_con_warp .oder_con .txt_wrap .pinfo dd {position: relative !important; top:auto !important; right:auto !important;  text-align: right !important;}
	#orderlist_table .pinfo > dl > dt.pname{ overflow: hidden; text-overflow: ellipsis; white-space: break-spaces;}
	
	/* 버튼 */
	.btn_w-st2 {display: flex;}
	.btn-st2 {width:50%;}	
	.btn-st1 {width:100%;}	
	.form-st1 .cont {height:auto;}
	.form-st1 .item > * {display: block;}
	#spot_address_writefrm .form-st1 .cont {padding:10px 20px;}	
	
	/**************************** 장바구니 **************************************/
	div.page_layout.cart_warp {margin:50px 0 0 0;}
	.cart_warp .cart_steps {top:-100px; right:20px;}
	.cart_warp table {display: none; }
	.cart_warp .cart_foot.renew  {padding: 0 20px;}
	.cart_warp .cart_foot.renew > span {font-weight: 500;}
	.cart_warp .cart_foot.renew ul {padding:0; flex-direction: column; border:none; padding-top:15px;}
	.cart_warp .cart_foot.renew ul li {display: flex; flex-wrap: nowrap; justify-content: space-between; width: 100%; padding: 8px 0;}
	.cart_warp .cart_foot.renew li:before {display: none;}
	.cart_warp .cart_foot.renew li div {margin:0;}
	.cart_warp .cart_foot.renew li.sale span {color:#0b9c00;}
	.cart_warp .cart_foot.renew li.total {border-top:1px solid #e9e9e9; padding:15px 0; margin-top:15px;}
	.cart_warp .cart_foot.renew li.total h3 {color: #c61747 !important; font-weight: 500;}
	.cart_warp .cart_foot.renew li div strong {color: #1a1a1a; font-size:20px;}
	.cart_warp .cartbtn_wrap {background: #fafafa; padding:20px 20px 0 20px; margin-top:20px; flex-direction: row;}
	.cart_warp .cartbtn_wrap .btn_w-st2 {position: fixed; z-index: 999999; bottom: 0px; left: 0; width: 100%; background: #fff; padding: 20px;-webkit-box-shadow: 3px 3px 32px 0px rgba(0,0,0,0.1);-moz-box-shadow: 3px 3px 32px 0px rgba(0,0,0,0.1);box-shadow: 3px 3px 32px 0px rgba(0,0,0,0.1); }
	.cart_warp .cartbtn_wrap .btn_w-st2 .btn-st2 {display: none;}
/*	.cart_con_warp {border-bottom:20px solid #e9e9e9;}*/
    .cart_warp .bbs-list.renew { border-bottom: 20px solid #e9e9e9;}
	.cart_con_warp .cart_sele {display: flex; width:100%; flex-wrap: nowrap; justify-content: space-between; border-top:1px solid #e9e9e9; padding:17px 20px;}
	.cart_con_warp .cart_sele a {font-size:16px;}
	.cart_con_warp .cart_con {position:relative; display: flex; width:100%; flex-wrap: nowrap;  border-top:1px solid #e9e9e9; padding:17px 20px; gap: 0 20px;}
	.cart_con_warp .cart_con .close {position: absolute; right:20px; top:20px;}
	.cart_con_warp .cart_con .close button.btn-delete {background:url('../images/renew/mypage/btn_delete2.png') center no-repeat; width:28px; height:28px; }
	.cart_con_warp .cart_con .img_warp {flex: 1 1 20%; min-width: 78px;}
	.cart_con_warp .cart_con .img_warp > div {display: inline-block; vertical-align: top;}
	.cart_con_warp .cart_con .img_warp img {width:78px; height:78px !important; border-radius: 100%; overflow: hidden;}
	.cart_con_warp .cart_con .txt_wrap {flex: 1 1 80%;}
	.cart_con_warp .cart_con .txt_wrap li {display: flex; flex-direction: row; justify-content: space-between; padding:10px 0; font-size:16px; color:#666666;}
	.cart_con_warp .cart_con .txt_wrap li.title {color:#1a1a1a; font-size:20px; font-weight: 500; padding-right: 40px; word-break: keep-all;}
	.cart_con_warp .cart_con .txt_wrap li.title a {padding:0;}
	.cart_con_warp .cart_con .txt_wrap li b {color:#1a1a1a; font-size:24px; font-weight: 800;}
	.cart_con_warp .cart_con .txt_wrap .cart_num {font-size:0;}
    .total_p {border-top: 1px solid #e9e9e9; padding:30px 20px;}
    .total_p .total_row {display: flex; justify-content: space-between; margin-bottom:10px;}
    .total_p .total_row > span {font-size:16px;}
    .total_p .total_row > div {font-size:16px;}
    .total_p .total_row b {font-weight: 300; font-size:16px; color:#666666;}
    .total_p .total_row:last-child > div {font-weight: 800; color:#c61747; font-size:24px;}
	
	/**************************** 주문하기 **************************************/
	.order_w.renew > form > div {padding:30px 20px; border-bottom:20px solid #e9e9e9;}
	.order_w.renew .form-st1 {border-top:none;}
	.order_w.renew .form-st1 .item {display: flex; width:100%; flex-wrap:nowrap; padding: 5px 0; border-bottom: none; align-items: flex-start;}
	.order_w.renew .form-st1 .item .t {flex:1 1 20%; padding:0; width:auto;}
	.order_w.renew .form-st1 .item .cont {flex:1 1 80%; padding:0; margin:0;}	
	.order_w.renew .cart_con_warp {border-bottom:none;}	
	.tab-links {position: relative; top:4px; right:0; width: 100%; padding-top: 10px; background: #f6f6f6;}
	.tab-content {border-top:0;}
	.lu_tab .title {padding:10px;}
    .lu_tab .m_con {flex-direction: column;}
	.lu_tab .m_con > ul {padding:0; flex:1 1 100%;}
	.tab-links a {padding:15px 13px; font-size: 14px;}
	.form-st1 .add-st1 .a1 .rel {width:100%;}
	.order_w.renew .form-st1 input[type="text"] {width:100%;}
	.order_w.renew .oder_end {padding:90px 0 0 0;}
	.order_w.renew .order_title_area {border-bottom:20px solid #e9e9e9; padding:30px 20px; margin:0;}
	.order_w.renew .oder_end .form-st1 .item .cont {text-align: right;}
	.order_w.renew .oder_end .oe_coupon_t {display: none;}
	.order_w.renew .oder_end .oe_coupon ul {display: flex; flex-wrap: nowrap; justify-content: space-between;}
	.order_w.renew .oder_end .oe_coupon ul:last-child {border-top:none;}
	.order_w.renew .oder_end .oe_coupon ul > li:first-child {text-align: left;}
	.order_w.renew .oder_end .oe_coupon li {padding:5px 0;}
	.order_w.renew .btn2_re {}
	.order_w.renew .btn2_re > div {width:50%;}
	.order_w.renew .btn2_re > div > button {padding:20px 0; width:100%;}
	#lo_main.my > .login_wrap_renew {    padding: 180px 20px 110px 20px}
	
	.draw_wrap {top:0; margin:20px 0;}
	
	.pass_renew .btn-st2:last-child {margin-left:0px; margin-top:10px;}
	
	/*	배송가능지역 모달 */
	.modal_h.dest_modal  {height:100%;}
	.modal_h.dest_modal .addre_wrap {padding: 0px 40px 25px 40px;}
	
	/*	브랜드 스토리 */
	.junbijung {padding:0 20px;}
	
	/* 이용약관 */
	.guide_wrap {padding:0 20px;}
	
	/*	 공지사항 */
	.bbs_renew tbody tr {display: grid;}
	.bbs_renew tbody td:nth-child(1) {width:80px; text-align: left; padding: 20px 0 0 20px;}
	.bbs_renew tbody td:nth-child(2) a  {display: block; text-align: left; }
	.bbs_renew tbody td.tit {padding:20px; position:relative; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:95%; font-size:18px;}
	.bbs_renew tbody td {}
	.bbs_renew tbody tr.notice span {right: 0; top: 26px;}
	.bbs_renew tbody td.date {text-align: right; width:170px; top:-14px;}
	.bbs-view {padding:0 20px;}
	.bbs-reply {padding:0 20px;}
	.btn_w-st1 {margin: 40px 20px 110px 20px;}
	.group {padding: 0;}
	
	.lucas_wrap .lu_04 .txt_wrap {padding: 100px 0 100px 4%;}
	.goods_btns .info_txt > ul > li::before {content:'*'; display: inline-block; margin-right:10px;}
	
	.mypage_layout.renew.cal {padding:0 20px;}
	
	.order_w.renew .form-st1.coupon > li.item {border-bottom: 1px solid #ddd;}
	
	.sub_wrap .l_img .big li {padding:20px 0 50px 0;}
    
    .order_w.renew .form-st1 .ck_w > ul {flex-direction: column;}
    .order_w.renew .form-st1 .ck_w > ul li:first-child {padding-top:20px;}
	
}
@media screen and (max-width:768px) {
	
	.optimgdiv_wrap ul.optimgdiv {width:25%;}
	.login_wrap_renew .join_wrap {padding:0 20px;}
	
	/**************************** mypage **************************************/
	.tit-st4 .ab {position: relative; padding-top:20px;}
	.tit-st4 .add  {position: relative; padding-top:20px; text-align: left;}
	
	div.mypage_layout > div.form > div > ul > li.subject {width: 150px;}
	
	
	/**************************** 주문하기 **************************************/
	.order_w.renew .form-st1 .item .t {flex:1 1 30%;}
	.order_w.renew .form-st1 .item .cont {flex:1 1 70%; padding: 10px 0;}	
	.order_w.renew .conline .oder_txt {position: relative; display: block; top:0; margin-bottom:10px;}
	
	/**************************** 당일배송팝업 **************************************/
	.modal_h.dest_modal {width:90%;}
	
	.mypage_layout .form-st1n .item .cont .mid.rel {flex-wrap: wrap;}
	.mypage_layout .form-st1n .item .cont .mid.rel input {width:100%;}
	.mypage_layout .form-st1n .item .cont button {width:100%; margin-top:10px;}
	.mypage_layout .form-st1n .item .cont .box3 button {margin:0;}	
	
	.bbs-top .total {float: none; margin:20px 0; text-align: center;}
	
/*	.item-wrap_new .in {flex: 0 1 50%;}*/
	.item-wrap_new .in {flex: 0 1 33%;}
	.item-wrap_new .tit {font-size:14px; line-height: initial; font-weight: 300;}
	
	.lucas_wrap .lu_02 {flex-wrap: wrap; flex-direction: column; align-items: center;}
	.lucas_wrap .lu_02 > div {width:100%; padding:0 20px;}
	.lucas_wrap .lu_02 .tit {font-size:30px; padding-bottom: 40px;}
	
	.login_wrap_renew .join_wrap .join_steps {right:20px;}
	.new_cal .tbl-cal tr td {padding:2rem 0;}
	.bbs-brand > li {flex:0 1 47%;}
	.bbs-top .sch-st1 {width:100%;}
	
	.rbtn_cart {width:45px; height:30px; background:#c71748; border-radius: 10px; margin: 0 5px 5px 0;}
	.rbtn_cart img {width: 50%; position: relative; top: -8px;}
	.item-wrap_new .tit .small.txt_s {margin-bottom:5px;}
	
    .night_wrap .tab_menu {padding:0 20px;}
    .night_wrap .tab_menu > ul {display: flex;}
    .night_wrap .tab_menu > ul > li {border-bottom:2px solid #aa3253; height:80px;}
    .night_wrap .tab_menu > ul > li.active {color:#aa3253; border:2px solid #aa3253;border-bottom:none;}
    .night_wrap .tab_menu > ul > li.active a {color:#aa3253; padding:50px 0 0 0;}
    .night_wrap .tab_menu > ul > li.active a::after {display: block; position: relative; width:100%; top:-42px; right:0;}
    .night_wrap .tab_menu > ul > li a::after {display: none;}
    .night_wrap .tab_menu > ul > li a {padding: 24px 0 28px 0; text-align: center; font-size:16px; ;}
    
}
@media screen and (max-width:425px) {	
	
	.optimgdiv_wrap ul.optimgdiv {width:33.333%;}
	
	/**************************** mypage **************************************/
	.order_search_area .rel-btn_w {width:100% !important;}
	div.mypage_layout > div.form > div > ul > li.subject {padding:0; display: block;}
	.grade_w.renew .goup_w_com .bbs-list tbody tr td {padding:7px 0 0 100px;}
	.grade_w.renew .goup_w_com .bbs-list tbody tr td:first-child {left:10px;}
	
	.order_w.renew .form-st1 .item {flex-direction: column;}
	
	/**************************** 주문하기 **************************************/
	.cart_warp .cart_steps > li {margin:0;}
	.order_w.renew .ck_type {padding:20px 0; flex-direction: column; }
	.order_w.renew .ck_type > div   {margin-top:10px;}
	.order_w.renew .ck_type > div > label {display: block;}
	.order_w.renew .oder_end .form-st1 .item .cont {text-align: left; color:#1a1a1a; font-weight: 400;}
	.lu_tab .b_con > div {flex:1 1 100%; margin-bottom:10px;}
	.lu_tab .b_con > div:last-child {margin-bottom:0px;}
	.order_w.renew .info_wrap .detail {position: relative; right: auto; top: auto; text-align: right;}
	
	/**************************** 당일배송팝업 **************************************/
	.modal_h.dest_modal {width:100%; overflow-x: scroll;}
	.modal_h.dest_modal .modal_footer .modal_close {position: relative;}
	
	.table_wrap .table_head span {display: block;}
	.table_wrap .table_body {flex-wrap: wrap; flex-direction: column; align-content: flex-start; align-items: normal;}
	.table_wrap .table_body .img_wrap {margin-right:0; margin-bottom:20px;}
	
	.lucas_wrap .lu_01 > .txt_wrap1 {font-size:37px;}
	.lucas_wrap .txt_wrap {width:100% !important;}
	.lucas_wrap .img_wrap {width:100% !important; height:200px;}
	
	.lucas_wrap .lu_04 { flex-wrap: wrap; justify-content: center; flex-direction: column-reverse; padding:0 20px;}
	.lucas_wrap .lu_03 .inner, .lucas_wrap .lu_05 .inner { flex-wrap: wrap; justify-content: center; flex-direction: column;}
	.lucas_wrap .lu_05 .txt_wrap {padding: 100px 0 50px 0;}
	.lucas_wrap .lu_04 .txt_wrap {padding: 100px 0 50px 0;}
	.lucas_wrap .lu_03 .txt_wrap {padding:100px 0 0 0;}
	
	.mypage_layout.renew .thum_re {height:auto !important;}
	
	.lucas_wrap {top:0;}
	
	.item-wrap_new .label span:last-child {width:70%;}
	
	
	
	

}

@media screen and (max-width:375px) {
	.item-wrap_new .in {flex: 0 1 100%;}
	
	/**************************** 장바구니 **************************************/
	.cart_con_warp .cart_con {flex-wrap: wrap;}
	.cart_con_warp .cart_con .txt_wrap {flex:1 1 100%;}
	
	.new_cal .ta_center > ul > li.w170 {width:200px;}
	
}

@media (max-width:320px){
	
}