@charset "utf-8";
/* CSS Document */

/* loader-sub page */
.loaderWrap {position:fixed; top:0; left:0; width:100%; height:100%; font-size:13px; text-align:center; background:#dee2e6; z-index:9999;}
.loaderWrap:before {content:'화면을 불러오고 있습니다'; position:absolute; top:50%; left:50%; width:100%; margin:0; color:#1b1b1b; font-weight:400; transform:translate(-50%,-50%);}
.loaderWrap:after {content:'잠시만 기다려 주세요'; position:absolute; top:50%; left:50%; width:100%; margin:20px 0 0 0; color:#1b1b1b; font-weight:400; transform:translate(-50%,-50%);}
.loaderWrap .loader,.loaderWrap .loader:before,.loaderWrap .loader:after {border-radius:50%; width:1.5em; height:1.5em; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation:load7 1.8s infinite ease-in-out; animation:load7 1.8s infinite ease-in-out;}
.loaderWrap .loader {position:absolute; top:50%; left:50%; margin:-80px 0 0 -10px; color:#1b1b1b; font-size:10px; text-indent:-9999em; transform:translateZ(0); animation-delay:-0.16s;}
.loaderWrap .loader:before,.loaderWrap .loader:after {content:''; position:absolute; top:0;}
.loaderWrap .loader:before {left:-3em; -webkit-animation-delay:-0.32s; animation-delay:-0.32s;}
.loaderWrap .loader:after {left:3em;}

@-webkit-keyframes load7 {
0%,80%,100% {box-shadow:0 2.5em 0 -1.3em;}
40% {box-shadow:0 2.5em 0 0;}
}
@keyframes load7 {
0%,80%,100% {box-shadow:0 2.5em 0 -1.3em;}
40% {box-shadow:0 2.5em 0 0;}
}

.ft_clr {color:#1b1b1b;}

#wraper {position:relative; width:100%; height:100%; font-size:16px;}

/* 일반혜택 */
.benefit {display:block; width:100%; text-align:center;}
.benefit .inner {display:inline-block; overflow:hidden; position:relative; width:780px; height:100%; margin:0 auto;}

.benefit {display:block; padding:60px 0 0 0; }
.benefit .inner {width:1180px; text-align:center;}
.benefit .inner .tit {clear:both; overflow:hidden; width:100%; padding:30px 0 20px 0; text-align:center;}
.benefit .inner .tit h3 {display:inline-block; font-size:30px; font-weight:400;}
.benefit .inner .tit h3 span {display:none; margin:0 10px 0 0;}
.benefit .inner .tit h3 strong {font-weight:600;}
.benefit .inner .tit .btn_go_back {display:none;}

.benefit .inner .bnrBox {display:block; margin:0 0 30px 0; padding:20px 0; text-align:center; background:rgba(27,27,27,0.08);}
.benefit .inner .bnrBox a { display:inline-block; font-size:14px; line-height:14px;}
.benefit .inner .bnrBox a:after {content:'로그인'; display:inline-block; margin:-2px 0 0 10px; padding:2px 5px 3px 5px; font-size:12px; font-weight:400; border:1px solid #1b1b1b; vertical-align:middle; background:#fff;}

.benefit .inner .bnfBox {display:block;}
.benefit .inner .bnfBox dl.dlBox {display:block; margin:0 0 50px 0;}
.benefit .inner .bnfBox dl.dlBox dt {display:block; margin:0 0 15px 0; padding:0 30px; font-size:20px; font-weight:300; text-align:left;}
.benefit .inner .bnfBox dl.dlBox dd {display:block;}
.benefit .inner .bnfBox dl.dlBox dd ul.lst {clear:both; overflow:hidden;}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li {position:relative; float:left; width:calc(50% - 60px); margin:0 30px; padding:50px 40px; text-align:left; border:1px solid rgba(27,27,27,0.5);}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li span.tit_1 {display:block; margin:7px 0 20px 0; font-size:24px; font-weight:400; letter-spacing:-1px;}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li span.tit_1 + a.link {display:inline-block; font-size:18px;}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li span.tit_1 + a.link:hover {text-decoration:underline;}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li span.tit_1 + a.link:after {content:''; display:inline-block; width:10px; height:10px; margin:-2px 0 0 7px; vertical-align:middle; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/arw_right_bk.svg") no-repeat 50% 50%/cover; opacity:0.5;}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li span.tit_1 + a.link + a.link {display:none;}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li span.tit_2 {display:block; margin:5px 0 20px 0; font-size:24px; font-weight:400; line-height:32px; letter-spacing:-1px;}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li span.tit_2 em {display:block; font-size:18px;}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li span.tit_2 + a.link {display:inline-block; font-size:18px;}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li span.tit_2 + a.link:hover {text-decoration:underline;}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li span.tit_2 + a.link:after {content:''; display:inline-block; width:10px; height:10px; margin:-2px 0 0 7px; vertical-align:middle; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/arw_right_bk.svg") no-repeat 50% 50%/cover; opacity:0.5;}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li span.tit_2 + a.link + a.link {display:none;}

.benefit .inner .bnfBox dl.dlBox dd ul.lst li span.coupon {display:inline-block; position:relative; width:300px; margin:0 0 15px 0; padding:0 0 15px 0; font-size:18px; font-weight:300; line-height:32px; letter-spacing:2px; background:rgba(27,27,27,1.0);}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li span.coupon:before {content:''; display:none; margin:10px 50% 0 35px; color:#fffef1; font-size:0.65rem; font-weight:300; line-height:11px; letter-spacing:0; vertical-align:middle; white-space:pre; opacity:0.7;}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li span.coupon:after {content:'1개'; position:absolute; top:50%; right:0; width:70px; color:#fffef1; font-size:0.9rem; text-align:center; transform:translate(0,-50%);}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li span.coupon em {display:block; padding:35px 80px 25px 35px; color:#fffef1; font-size:20px; font-weight:300; text-align:left; line-height:1.0; letter-spacing:4px;}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li span.coupon em:before {content:''; position:absolute; top:50%; left:-10px; width:20px; height:20px; border-radius:20px; background:#fffef1; transform:translateY(-50%);}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li span.coupon em:after {content:''; position:absolute; top:0%; right:70px; height:100%; border-right:3px dotted #fffef1;} 

.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst {margin:0 0 15px 0;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li {text-align:center;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li>i {display:inline-block; padding:3px 7px 5px 7px; color:#fffef1; font-size:0.65rem; font-style:normal; line-height:1.2; border-radius:10px; background:#10109f;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li:first-child:nth-last-child(1) {width:calc(100% - 60px);}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li:first-child:nth-last-child(2), .benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li:first-child:nth-last-child(2) ~ li {width:calc(50% - 60px);}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li:first-child:nth-last-child(3), .benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li:first-child:nth-last-child(3) ~ li {width:calc(33.3333% - 60px);}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li .ctgr {display:block; font-size:0.8rem; font-weight:400;} 
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li .tit {display:block; width:auto; margin:0 0 20px 0; padding:7px 10px; color:#1b1b1b; font-size:1.25rem; font-weight:500;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li .tit:after {content:''; display:none;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li .thumb {display:block; text-align:center;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li .thumb img {width:35%;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li .thumb em.prod_name {display:block; margin:20px 0 10px 0; font-size:1rem; font-weight:400; letter-spacing:-1px;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li .thumb em.prod_desc {display:block; margin:0 0 10px 0; font-size:0.8rem; font-weight:300; letter-spacing:-1px;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li .btnBox {display:block; text-align:center;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li .btnBox .btn_line_txt {display:inline-block; position:relative; min-width:210px; max-width:350px; height:60px; margin:0; padding:19px 55px 19px 23px; color:#1b1b1b; font-size:0.875rem; font-weight:700; line-height:1.4; border:1px solid rgba(51,51,51,1.0); flex-wrap:wrap; transition:all 0.3s ease-out;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li .btnBox .btn_line_txt:after {content:''; position:absolute; top:calc(50% - 8px); right:23px; width:16px; height:16px; font-size:0; line-height:1; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/arrow_right_02.svg") no-repeat center center/cover;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li .btnBox .btn_line_txt:hover, .benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li .btnBox .btn_line_txt:focus {color:#fffef1; border:1px solid rgba(51,51,51,1.0); background:#1b1b1b; transition:all 0.3s ease-out;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li .btnBox .btn_line_txt:hover:after, .benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li .btnBox .btn_line_txt:focus:after {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/arrow_right_03.svg") no-repeat center center/cover;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.desc {display:block; margin:0 30px; padding:20px 0; background:rgba(27, 27, 27, 0.08);}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.desc li {display:block; margin:0 0 7px 0; font-size:13px;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.desc li:last-child {margin:0;}

.benefit .inner .bnfBox dl.dlBox:nth-child(3) dd ul.lst li {text-align:center;}

/* 맴버십 */
.membership {width:100%; padding:50px 0; text-align:center; background:#C1BEA0;}
.membership .inner {display:inline-block; overflow:hidden; position:relative; width:1180px; height:100%; margin:0 auto;}
.membership .inner .tit {clear:both; overflow:hidden; width:100%; padding:30px 0; text-align:center;}
.membership .inner .tit h3 {display:inline-block; font-size:30px; font-weight:400;}

.membership .inner .bnfBox {display:block; clear:both; overflow:hidden; padding:0 15px;}
.membership .inner .bnfBox dl.dlBox {position:relative; float:left; width:calc(25% - 40px); height:540px; margin:0 20px; padding:50px 40px; text-align:left; border:1px solid rgba(27,27,27,0.4); background:#fffef1;}
.membership .inner .bnfBox dl.dlBox:before {content:''; display:inline-block; width:30px; height:30px; border:1px solid rgba(27,27,27,0.2); border-radius:100px;}
.membership .inner .bnfBox dl.dlBox:nth-child(1):before {background:#ffba00;}
.membership .inner .bnfBox dl.dlBox:nth-child(2):before {background:#fff;}
.membership .inner .bnfBox dl.dlBox:nth-child(3):before {background:#1b1b1b;}
.membership .inner .bnfBox dl.dlBox:nth-child(4):before {background:#10109f;}

.membership .inner .bnfBox dl.dlBox dt {display:block; margin:15px 0 5px 0; font-size:22px; font-weight:500; letter-spacing:-1px;}
.membership .inner .bnfBox dl.dlBox dt + dd {font-weight:400;}
.membership .inner .bnfBox dl.dlBox dd {display:block; font-size:16px; font-weight:300;}
.membership .inner .bnfBox dl.dlBox dd ul.lst {display:block; margin:30px 0 0 0; font-size:15px; font-weight:300; border-top:1px solid rgba(27,27,27,0.2);}
.membership .inner .bnfBox dl.dlBox dd ul.lst li {display:block; padding:15px 0; line-height:20px; border-bottom:1px solid rgba(27,27,27,0.2);}

.btn_go_crewJoin {display:block; margin:30px 0 50px; }
.btn_go_crewJoin span {display:block; margin:0 0 10px 0;}
.btn_go_crewJoin a {display:inline-block; margin:-2px 0 0 10px; padding:13px 50px; color:#fffef1; font-size:15px; font-weight:400; vertical-align:middle; background:#1b1b1b;}
.btn_go_crewJoin a:after {content:''; display:inline-block; width:8px; height:8px; margin:-2px 0 0 5px; vertical-align:middle; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/arw_right_w.svg") no-repeat 50% 50%/cover; opacity:0.7;}

.desc {display:block;}
.desc ul.lst {display:block;}
.desc ul.lst li {display:block; margin:0 0 5px 0; font-size:13px; opacity:0.8;}
.desc ul.lst li:last-child {margin:0;}

/* 로그인 일때 */
.benefit.login .inner .tit h3 span {display:inline-block;}
.benefit.login .inner .bnrBox {display:none;}

.benefit.login .inner .bnfBox dl.dlBox dd ul.lst li {line-height:25px; border:1px solid rgba(27,27,27,0.2);}
.benefit.login .inner .bnfBox dl.dlBox dd ul.lst li span.tit_1 {color:rgba(27,27,27,0.7);}
.benefit.login .inner .bnfBox dl.dlBox dd ul.lst li span.tit_1 + a.link {color:#1b1b1b;}
.benefit.login .inner .bnfBox dl.dlBox dd ul.lst li span.tit_2 {color:rgba(27,27,27,0.7);}
.benefit.login .inner .bnfBox dl.dlBox:nth-child(1) dd ul.lst li:before {content:'받지 못한 혜택'; display:none; padding:7px 10px; color:#fffef1; font-size:0.65rem; line-height:11px; border-radius:20px; background:rgba(27,27,27,0.3);}
.benefit.login .inner .bnfBox dl.dlBox:nth-child(2) dd ul.lst li:before {content:'받지 못한 혜택'; display:none; padding:7px 10px; color:#fffef1; font-size:0.65rem; line-height:11px; border-radius:20px; background:rgba(27,27,27,0.3);}
.benefit.login .inner .bnfBox dl.dlBox:nth-child(3) dd ul.lst li span.coupon em {padding:17px 80px 17px 35px;}
.benefit.login .inner .bnfBox dl.dlBox:nth-child(3) dd ul.lst li span.coupon:before {content:'첫 주문이 배송완료되면 받을 수 있어요'; display:inline-block;}

.benefit.login .inner .bnfBox dl.dlBox dd ul.lst li.complete {padding:48px 40px; border:3px solid #1b1b1b;}
.benefit.login .inner .bnfBox dl.dlBox dd ul.lst li.complete span.tit_1 {color:rgba(27,27,27,1.0);}
.benefit.login .inner .bnfBox dl.dlBox dd ul.lst li.complete em.txt {font-size:18px; font-weight:300;}
.benefit.login .inner .bnfBox dl.dlBox dd ul.lst li.complete a.link {display:inline-block; font-size:18px;}
.benefit.login .inner .bnfBox dl.dlBox dd ul.lst li.complete a.link:hover {text-decoration:underline;}
.benefit.login .inner .bnfBox dl.dlBox dd ul.lst li.complete a.link:after {content:''; display:inline-block; width:10px; height:10px; margin:-2px 0 0 7px; vertical-align:middle; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/arw_right_bk.svg") no-repeat 50% 50%/cover; opacity:0.7;}
.benefit.login .inner .bnfBox dl.dlBox dd ul.lst li.complete span {margin:7px 0 20px 0; color:#1b1b1b;}
.benefit.login .inner .bnfBox dl.dlBox dd ul.lst li.complete span + a.link {display:none;}
.benefit.login .inner .bnfBox dl.dlBox dd ul.lst li.complete span + a.link + a.link {display:inline-block;}

.benefit.login .inner .bnfBox dl.dlBox:nth-child(1) dd ul.lst li.complete:before {content:'내가 받은 혜택'; background:#1b1b1b;}

.benefit.login .inner .bnfBox dl.dlBox:nth-child(2) dd ul.lst li {padding:48px 40px; border:3px solid #1b1b1b;}
.benefit.login .inner .bnfBox dl.dlBox:nth-child(2) dd ul.lst li span.tit_1 {color:rgba(27,27,27,1.0);}
.benefit.login .inner .bnfBox dl.dlBox:nth-child(2) dd ul.lst li span.tit_2 {color:rgba(27,27,27,1.0);}
.benefit.login .inner .bnfBox dl.dlBox:nth-child(2) dd ul.lst li a.link {display:inline-block; font-size:18px;}
.benefit.login .inner .bnfBox dl.dlBox:nth-child(2) dd ul.lst li.complete {line-height:25px; border:1px solid rgba(27,27,27,0.2);}
.benefit.login .inner .bnfBox dl.dlBox:nth-child(2) dd ul.lst li.complete:before {content:'내가 받은 혜택'; background:#1b1b1b;}
.benefit.login .inner .bnfBox dl.dlBox:nth-child(2) dd ul.lst li.complete span.tit_1 {color:rgba(27,27,27,0.7);}
.benefit.login .inner .bnfBox dl.dlBox:nth-child(2) dd ul.lst li.complete span.tit_1 + a.link {color:#1b1b1b;}
.benefit.login .inner .bnfBox dl.dlBox:nth-child(2) dd ul.lst li.complete span.tit_2 {color:rgba(27,27,27,0.7);}

.benefit.login .inner .bnfBox dl.dlBox:nth-child(3) dd ul.lst li.complete {border:1px solid rgba(27,27,27,0.2);}
.benefit.login .inner .bnfBox dl.dlBox:nth-child(3) dd ul.lst li.complete span.coupon {background:rgba(27,27,27,0.3);}
.benefit.login .inner .bnfBox dl.dlBox:nth-child(3) dd ul.lst li.complete span.coupon:before {content:'이미 멋진 시작을 하셨어요';}
.benefit.login .inner .bnfBox dl.dlBox:nth-child(3) dd ul.lst li.complete span.coupon:after {content:''; height:100%; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_checkCircle_w.svg") no-repeat 50% 50%/25%;}
.membership.login .inner .bnfBox {padding:20px 0;}

.membership.login .inner .bnfBox dl.dlBox.complete {border:3px solid #1b1b1b; box-shadow:0 0 20px rgba(27,27,27,0.4);}
.membership.login .inner .bnfBox dl.dlBox.complete:before {content:'내 크루 등급'; width:auto; padding:0 15px; color:#fffef1; font-size:12px; line-height:28px;}
.membership.login .inner .bnfBox dl.dlBox.complete:nth-child(2):before {color:#1b1b1b;}

.btn_go_crewJoin.complete {display:none;}

/* -------------------- mobile -------------------- */
@media screen and (max-width:780px) {
ul.list-gnb.mobile.m-sub-menu.main>li>a {color:#1b1b1b;}
.stn .inner {width:100%; height:100%;}	
		
.benefit {padding:0;}
.benefit .inner {width:100%;}
.benefit>.inner>.tit {position:relative; margin:100px 0 0 0; padding:30px 20px 25px 20px; text-align:left; background:rgba(255,254,241,0.8); z-index:1000;}
.benefit .inner .tit h3 {float:left; font-size:1.25rem;}
.benefit .inner .tit .btn_go_back {display:none; overflow:hidden; float:right; width:24px; height:24px; margin:3px 0 0 0; text-indent:-99px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_close_bk.svg") 50% 50% no-repeat; background-size:80%; opacity:0.7;}
	
.benefit .inner .bnrBox {margin:0;}
.benefit .inner .bnrBox a {font-size:13px;}
.benefit .inner .bnrBox a:after {padding:5px 10px;}

.benefit .inner .bnrBox + .bnfBox {margin:0;}
.benefit .inner .bnfBox dl.dlBox {margin:0; padding:70px 30px; border-bottom:none;}
.benefit .inner .bnfBox dl.dlBox dt {margin:0; padding:0; font-size:1.2rem;}
.benefit .inner .bnfBox dl.dlBox dd ul.lst {padding:10px 0 0 0;}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li {float:none; width:100%; margin:0; padding:30px 0; border:none; border-bottom:1px solid rgba(27,27,27,0.2);}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li:last-child {border:none;}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li span.tit_1 {margin:7px 0 20px 0; font-size:1.5rem;}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li span.tit_2 {margin:7px 0 20px 0; font-size:1.5rem;}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li span.tit_3:first-child {padding:15px 0; border-top:1px solid rgba(27,27,27,0.2);}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li span.tit_3:last-child {margin:0; padding:0 0 15px 0; border-bottom:1px solid rgba(27,27,27,0.2);}
.benefit .inner .bnfBox dl.dlBox dd ul.lst li a {font-size:1.2rem;}
	
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li {padding:50px 0;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li:last-child {padding:50px 0 20px 0;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li:first-child:nth-last-child(1) {width:100%;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li:first-child:nth-last-child(2), .benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li:first-child:nth-last-child(2) ~ li {width:100%;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li:first-child:nth-last-child(3), .benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li:first-child:nth-last-child(3) ~ li {width:100%;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.lst li .thumb em.prod_name {height:auto; font-size:0.9rem;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.desc {margin:0;}
.benefit .inner .bnfBox dl.dlBox dd.freebies ul.desc li {font-size:0.75rem; letter-spacing:-0.25px;}
.benefit .inner .bnfBox dl.dlBox:nth-child(3) dd ul.lst li span.coupon {width:100%; text-align:left;}
.benefit .inner .bnfBox dl.dlBox:nth-child(3) dd ul.lst li span.coupon:before {margin:20px 0 0 35px;}
.benefit .inner .bnfBox dl.dlBox:nth-child(3) dd ul.lst li span.coupon em {padding:5px 80px 25px 35px;}
	
.benefit .inner .bnfBox dl.dlBox:nth-child(4) {padding:70px 0;} 
.benefit .inner .bnfBox dl.dlBox:nth-child(4) dt {padding:0 35px;}
.benefit .inner .bnfBox dl.dlBox:nth-child(4) dd.freebies ul.lst li .ctgr {padding:0 35px; text-align:left;}
.benefit .inner .bnfBox dl.dlBox:nth-child(4) dd.freebies ul.lst li .tit {padding:0 35px; text-align:left;}
.benefit .inner .bnfBox dl.dlBox:nth-child(4) dd.freebies ul.lst li .thumb {padding:0 20px 0 0;}
.benefit .inner .bnfBox dl.dlBox:nth-child(4) dd.freebies ul.lst li .thumb img {width:100%;}
.benefit .inner .bnfBox dl.dlBox:nth-child(4) dd.freebies ul.lst li .btnBox {margin-bottom:0;}
.benefit .inner .bnfBox dl.dlBox:nth-child(4) dd.freebies ul.lst li .btnBox .btn_line_txt {width:100%; max-width:auto; text-align:left;}
.benefit .inner .bnfBox dl.dlBox:nth-child(4) dd.freebies ul.desc {margin:0 20px; padding:20px; text-align:left;}
	
.benefit .inner .bnfBox .dlBox:nth-child(even) {background:rgba(27,27,27,0.08);}
.benefit .inner .bnfBox .dlBox:last-child {border-bottom:none;}
	
.membership {padding:0 0 50px 0; background:none;}
.membership .inner {width:100%;}
.membership .inner .bnfBox {padding:0;}
.membership>.inner>.tit {padding:70px 30px 65px 30px; text-align:left; background:#e0ddc8; z-index:1000;}
.membership .inner .tit h3 {font-size:1.25rem;}
.membership .inner .bnfBox dl.dlBox {float:none; width:100%; height:auto; margin:0; padding:70px 30px; border:none; background:#fffef1;}
.membership .inner .bnfBox dl.dlBox:nth-child(2) {background:rgba(27,27,27,0.08);}
.membership .inner .bnfBox dl.dlBox:nth-child(3) {background:#f7e7d2;}
	
.btn_go_crewJoin a {margin:0;}
	
/* 로그인 일때 */	
.benefit.login .inner .bnrBox + .bnfBox {margin:0;}
.benefit.login .inner .bnfBox dl.dlBox dd ul.lst li {border:none; border-bottom:1px solid rgba(27,27,27,0.2);}
.benefit.login .inner .bnfBox dl.dlBox dd ul.lst li:last-child {border-bottom:none !important;}
.benefit.login .inner .bnfBox dl.dlBox dd ul.lst li.complete {padding:30px 0; border:none; border-bottom:1px solid rgba(27,27,27,0.2);}
.benefit.login .inner .bnfBox dl.dlBox:nth-child(3) dd ul.lst li.complete {padding:0; border:none;}

.membership.login .inner .bnfBox {padding:0;}
.membership.login .inner .bnfBox dl.dlBox {padding:90px 30px;}
.membership.login .inner .bnfBox dl.dlBox.complete {border:none; box-shadow:none;}

.desc {padding:30px 0 0 0;}
}