@charset "UTF-8";

@import url('font.css');
@import url('reset.css');
@import url('swiper.min.css');
/* @import url('input.css'); */
@import url('animate.css');
@import url('aos.css');
@import url('jquery-ui.css');
@import url('slick.css');
@import url('slick-theme.css');
@import url('main.css');
@import url('sub.css');
@import url('sub_sm.css');
@import url('hj.css');


/**************** common ******************/
.inner{max-width:1300px;margin:0 auto;}
.row{-ms-display: flexbox;display:flex;display: -moz-box;display: -ms-flexbox;display:-webkit-flex;display:flex;}
#skip_nav {position:relative;}
#skip_nav dt {display:none}
#skip_nav dd.on{height: 40px;position: absolute;z-index: 9999;width: 100%;}
#skip_nav dd a {display:block; position:absolute; top:-50px; left:0; z-index:10; width:100%; background:#e7e7e7; line-height:14px; font-size:18px; color:#333; text-decoration:none; text-align:center;line-height:36px;}
#skip_nav dd a:active, #skip_nav dd a:focus {top:0;}
.mont{font-family:'Poppins', 'Pretendard', sans-serif;font-weight:400;}

/* width */
.w_100{width:100% !important}
.w_75{width:75% !important}
.w_50{width:50% !important}
.w_45{width:45% !important}
.w_25{width:25% !important}
.w_auto{width:auto !important}
.w_titan{width:800px !important}
.w_xlargr, .w_xlarge{width:680px !important}
.w_wide{width:550px !important}
.w_slarge{width:400px !important}
.w_largr, .w_large{width:330px !important}
.w_fit{width:220px !important}
.w_medium{width:150px !important}
.w_normal{width:140px !important}
.w_small{width:90px !important}
.w_tiny{width:50px !important}

/* padding */
.p_1{padding:10px !important;box-sizing:border-box}
.p_2{padding:20px !important;box-sizing:border-box}
.p_3{padding:30px !important;box-sizing:border-box}
.p_4{padding:40px !important;box-sizing:border-box}
.p_5{padding:50px !important;box-sizing:border-box}
.px_0{padding:0 auto !important}
.px_1{padding-left:10px !important;padding-right:10px !important}
.px_2{padding-left:20px !important;padding-right:20px !important}
.px_3{padding-left:30px !important;padding-right:30px !important}
.py_0{padding:auto 0 !important}
.py_1{padding-top:10px !important;padding-bottom:10px !important}
.py_2{padding-top:20px !important;padding-bottom:20px !important}
.py_3{padding-top:30px !important;padding-bottom:30px !important}
.pd_0{padding:0 !important}
.pt_1{padding-top:10px !important}
.pt_2{padding-top:20px !important}
.pt_3{padding-top:30px !important}
.pt_4{padding-top:40px !important}
.pt_5{padding-top:50px !important}
.pt_6{padding-top:60px !important}
.pl_1{padding-left:10px !important}
.pl_2{padding-left:20px !important}
.pl_3{padding-left:30px !important}
.pl_4{padding-left:40px !important}
.pl_5{padding-left:50px !important}
.pr_1{padding-right:10px !important}
.pr_2{padding-right:20px !important}
.pr_3{padding-right:30px !important}
.pr_4{padding-right:40px !important}
.pr_5{padding-right:50px !important}
.pb_1{padding-bottom:10px !important}
.pb_2{padding-bottom:20px !important}
.pb_3{padding-bottom:30px !important}
.pb_4{padding-bottom:40px !important}
.pb_5{padding-bottom:50px !important}

/* margin */
.mg_0{margin:0 !important}
.my_0{margin:0 auto !important}
.mx_0{margin:auto 0 !important}
.mt_0{margin-top:0 !important}
.mx_1{margin-left:10px !important;margin-right:10px !important}
.mx_2{margin-left:20px !important;margin-right:20px !important}
.mx_3{margin-left:30px !important;margin-right:30px !important}
.mx_4{margin-left:40px !important;margin-right:40px !important}
.my_1{margin-top:10px !important;margin-bottom:10px !important}
.my_2{margin-top:20px !important;margin-bottom:20px !important}
.my_3{margin-top:30px !important;margin-bottom:30px !important}
.my_4{margin-top:40px !important;margin-bottom:40px !important}
.mt_05{margin-top:5px !important}
.mt_1{margin-top:10px !important}
.mt_2{margin-top:20px !important}
.mt_3{margin-top:30px !important}
.mt_4{margin-top:40px !important}
.mt_5{margin-top:50px !important}
.mt_6{margin-top:60px !important}
.mt_7{margin-top:70px !important}
.mt_9{margin-top:90px !important}
.mt_10{margin-top:100px !important}
.ml_1{margin-left:10px !important}
.ml_2{margin-left:20px !important}
.ml_3{margin-left:30px !important}
.ml_4{margin-left:40px !important}
.ml_5{margin-left:50px !important}
.mr_1{margin-right:10px !important}
.mr_2{margin-right:20px !important}
.mr_3{margin-right:30px !important}
.mr_4{margin-right:40px !important}
.mr_5{margin-right:50px !important}
.mb_1{margin-bottom:10px !important}
.mb_2{margin-bottom:20px !important}
.mb_3{margin-bottom:30px !important}
.mb_4{margin-bottom:40px !important}
.mb_5{margin-bottom:50px !important}

/* font-color */
.f_red{color:red !important}
.f_cyan{color:#e03710 !important}
.f_orange{color:orange !important}
.f_yellow{color:yellow !important}
.f_green{color:green !important}
.f_blue{color:blue !important}
.f_navy{color:navy !important}
.f_purple{color:purple !important}
.f_dgray{color:#777 !important}
.f_gray{color:rgb(175, 175, 175) !important}
.f_white{color:#fff !important}
.f_black{color:#000 !important}
.f_555{color:#555 !important}

/* background-color */
.bg_none{background-color:transparent !important}
.bg_red{background-color:red !important}
.bg_cyan{background-color:#e03710 !important}
.bg_orange{background-color:orange !important}
.bg_citrus{background-color:#ff7f01 !important}
.bg_lightOrange{background-color:#ffb218 !important}
.bg_yellow{background-color:yellow !important}
.bg_gold{background-color:#c6a25a !important}
.bg_green{background-color:green !important}
.bg_emerald{background-color:#58be98 !important}
.bg_lightGreen{background-color:#94cb42 !important}
.bg_blue{background-color:blue !important}
.bg_navy{background-color:navy !important}
.bg_purple{background-color:purple !important}
.bg_lightGray{background-color:#f8f8f8 !important}
.bg_darkGray{background-color:#737173 !important}
.bg_gray{background-color:gray !important}
.bg_silver{background-color:#bdc3ce !important}
.bg_white{background-color:#fff !important}
.bg_lightBlack{background-color:#313636 !important}
.bg_black{background-color:#000 !important}

/* text-align */
.ta_c{text-align:center !important}
.ta_l{text-align:left !important}
.ta_r{text-align:right !important}

/* button */
.btn.b1{background-color:#222222;color:#fff;border-radius:7px;}
.btn.b2{width:100%;height:100px;font-size:26px;font-weight:300;background-color:#222222;color:#fff;border-radius:17px;}
.btn.r1, .btn.r2, .btn.r3{background-color:#dc182b;color:#fff;}
.btn.r1{border-radius:7px;}
.btn.r2{width:100%;height:100px;font-size:26px;font-weight:300;border-radius:17px;}
.btn.r3{width:110px;height:40px;border-radius:7px;font-size:18px;}

/* form */
/* Full Source: https://github.com/tamino-martinius/ui-snippets-checkboxes/blob/master/src/index.css */

.lists li{position:relative;padding-left:10px;}
.lists li:before{position:absolute;left:0;content:""}
.lists.num{counter-reset:num;}
.lists.num li{padding-left:25px;}
.lists.num.circle li:before{top:5px;width:16px;height:16px;border:1px solid #000;border-radius:100%;line-height:15px;text-align:center;font-size:14px;content:counter(num) ' '}
.lists.num.circle.black li:before{background-color:#000;color:#fff;}
.lists.num li:before{counter-increment:num;content:counter(num) '. '}
.lists.bar li:before{content:"-"}
.lists.dot li:before{content:"·"}
.lists.cir li:before{width:5px;height:5px;content:""}



/**************** header ******************/
.main header{border-bottom: 1px solid transparent;box-sizing: border-box;}
header{border-bottom:1px solid transparent;box-sizing:border-box;}
header > .inner{position:relative;align-items:center;justify-content:space-between;height:127px;}
header > .inner > div:not(.finderBox){height:100%; -webkit-box-align:center;-ms-flex-align:center;align-items:center;}
header > .inner > div > *:not(#gnb, .finderBox button, input){margin-left:36px;}
#gnb{align-items:center;height:31px;}
#gnb a{font-size:22px;font-weight:400;font-family:'Poppins', 'Pretendard', sans-serif;}
#gnb li + li{margin-left:40px;}
.sideMenu{position:relative;width:44px;height:31px;margin-left:30px;}
.sideMenu span{display:inline-block;}
.burger, .cross{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.burger em{position:relative;overflow:hidden;display:block;width:44px;height:6px;border-radius:5px}
.burger em + em{margin-top:6px}
.burger em:before,.burger em:after{position:absolute;width:100%;height:100%;background-color:rgb(15,15,15);	transform:translateX(-200%);transition:transform ease 500ms;content:"";}
.burger em:before{background-color:rgb(230 5 18);}
.burger em:after{transform:translateX(-50%);}
.burger em:nth-child(2):before,.burger em:nth-child(2):after{transition-delay:75ms;}
.burger em:last-child:before,.burger em:last-child:after{transition-delay:150ms;}
.sideMenu:hover .burger em:before{transform:translateX(-50%);}
.sideMenu:hover .burger em:after{transform:translateX(200%);}
.sideMenu.active .burger em:before{transform:translateX(100%);}
.sideMenu.active .burger em:after{transform:translateX(200%);}
.cross em{display:block;width:44px;	height:6px;border-radius:5px;	background-color:rgb(15,15,15);	transform:translateY(50%) rotate(45deg) scaleX(0);	transition:transform ease 200ms;}
.cross em:last-child{transform:translateY(-50%) rotate(-45deg) scaleX(0);}
.sideMenu.active .cross em{
	transition-delay:450ms;
	transform:translateY(50%) rotate(45deg) scaleX(1);
}
.sideMenu.active .cross em:last-child{
	transform:translateY(-50%) rotate(-45deg) scaleX(1);
}

.etcWrap{align-items:center;}
.etcWrap > *{vertical-align:middle;}
.finderBox{align-items:center;position:absolute;top:0;right:62px;width:460px;height:49px;border:1px solid #918a8a;border-radius:23px;background-color:rgb(255, 255, 255, 0.8);transform:translateY(150%);opacity:0;visibility:hidden;transition:all .5s ease-in;z-index:2}
.finderBox.on{transform:translateY(200%);opacity:1;visibility:visible;transition:all .5s ease-out;}
.finderBox button{position:relative;width:58px;height:100%;}
.finderBox button:before{position:absolute;top:14px;right:0;width:2px;height:20px;background-color:#000;content:""}
.finderBox button img{width:23px;height:23px;}
.finderBox input{width:calc(100% - 78px);height:100%;margin-right:20px;border:none;}
.finderBox input::placeholder{color:#000;font-size:15px;}
.finderBox input:focus{outline:none;}

aside{overflow:auto;position:fixed;top:0;right:0;width:700px;height:100%;padding:80px 40px;
margin-left:0 !important;box-sizing:border-box;transform:translateX(100%);visibility:hidden;opacity:0;transition:all 0.5s ease-in;z-index:4;}
aside:before{position:absolute;top:0;left:0;width:11px;height:0;background-color:#dc182b;transition:all 0.5s ease-in;content:""}
aside.on{visibility:visible;opacity: 1;transform:translateX(0%);transition:all .5s ease-out;background-color:#fff;}
aside.on:before{height:100vw;transition:all 0.5s ease-out;}
.sideClose{position:absolute;top:46px;right:37px;width:20px;height:20px;background:url('../image/common/icon/icon_btnClose.jpg') no-repeat 0 0;}
aside > div{flex-wrap:wrap;height:757px;justify-content:space-between;}
aside a{display:block;}
aside a.member{width:49%;height:83px;color:#fff;font-size:30px;font-weight:400;border-radius:10px;background-color:#222222;line-height:83px;text-align:center;}
aside a.member:nth-child(2){margin-bottom:80px;}
aside a.member + a.member{background-color:#dc182b;margin-left:11px;}
aside a:not(.member){-ms-display: flexbox;display:flex;display: -moz-box;display: -ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;width:100%;height:99px;padding:35px 40px;border-bottom:1px solid #dc182b;box-sizing:border-box;font-size:28px;font-weight:300;color:#222;letter-spacing:-0.07em;}
aside a:not(.member) span{display:inline-block;height:26px;padding-right:37px;background:url('../image/common/icon/icon_clampRight.png') no-repeat 90% center;font-size:22px;font-weight:400;}
.sideBg{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;transition:all .01s ease-in;background-color:rgb(0,0,0, 0.5);z-index:-1;}
.sideBg.on{opacity:1;transition:all .01s ease-in;z-index:3;}
.afterLogin{align-items:center;padding:0 20px;}
.afterLogin > span{display:block;margin-right:45px;width:140px;}
.afterLogin > span img{width:100%;}
.afterLogin > p span{display:block;}
.afterLogin > p span:first-child{margin-bottom:15px;font-size:25px;font-weight:400;font-family:'Poppins', 'Pretendard', sans-serif;letter-spacing:-0.05em;}
.afterLogin > p span:last-child{font-size:32px;font-weight:600;letter-spacing:-0.07em;color:#df1930;}
header > .inner > h1 {width: 160px;}

/* 20230911 header 추가 */
.sideMenu span.burger.burger_mo {display: none;}


/**************** footer ******************/
footer{padding:75px 0;background-color:#222222;}
address a{color:#fff; }
address span{color:#fff;font-size:16px;font-weight:300;line-height:1.5em;}
address span + span{margin-left:10px;}
address span.comp{display:block;margin-bottom:10px;font-size:22px;}
address span.comp + span{margin-left:0}
address span:nth-child(6), address span:nth-child(7){display:block;margin-left:0;}
address span.copyright{display:block;margin-left:0;margin-top:10px;font-family:'Poppins', 'Pretendard', sans-serif;font-weight:400;}

/* 20230807 footer 추가 */
footer {padding: 50px 0;}
footer .inner {max-width: 100%;}
footer .footer_box {display: flex; padding: 0 75px 30px; box-sizing: border-box; border-bottom: 1px solid #565656;}
footer .footer_box > div {width: 160px;}
footer .footer_box > div > a > img {max-width: 100% !important;}
footer .inner .d-flex li > a {color: #fff;}
footer address {padding: 30px 75px 0; box-sizing: border-box;}

/* 20230809 footer 추가 */
footer .footer_box .d-flex {display: flex; align-items: center; margin-left: 40px;}
footer .footer_box .d-flex li {margin-left: 30px;}
footer .footer_box .d-flex li:first-child {margin-left: 0;}

/**************** hover ******************/
@media screen and (min-width:1024px){
}

/**************** responsive ******************/
@media screen and (min-width:1200px){
	.realReview-item__img.img-size-fix--377, .img-size-fix--377{overflow:hidden;width:377px;height:377px;border-radius:20px;}
}
@media screen and (max-width:1300px){
	/* footer{padding:40px 4%;} */
}

@media screen and (max-width:1024px){
	header > .inner{flex-wrap:wrap;height:auto;padding:40px 0;justify-content:center;box-sizing:border-box;}
	/* header > .inner > h1{margin-bottom:50px;} */
	header > .inner > h1 {width: 132px;}
	header > .inner > div{justify-content:space-between;width:100%;padding: 0 40px;box-sizing:border-box;}
	.finderBox{right:50%;transform:translate(50%, 270%)}
	.finderBox.on{transform:translate(50%, 380%)}
	aside{width:60%;padding:109px 3%;padding-right:2%;}
	aside a.member{width:47%;height:60px;font-size:1.5rem;line-height:60px;}
	aside a.member:nth-child(2){margin-bottom:40px;}
	aside a:not(.member){align-items:center;height:80px;padding:27px 23px;font-size:1.4rem;}
	aside > div{height:auto;}
	aside a:not(.member) span{height:20px;font-size:1rem;}
}

@media screen and (max-width:800px){
	header > .inner > div > .finder:not(#gnb, .finderBox button, input){margin-left:15%;}

	/* point shop */
	.point .campaign-list {margin-top: 3rem;}
	.point .sorting > label {right: 8.5rem;}
	.point .bg_emerald {top: 2.4rem;}
	.point .soloBox {margin-bottom: 3rem;}
	.point .sorting ul {width: 100%; justify-content: center;text-align: center;}
	.point .sorting ul li:nth-child(-n+5){max-width:100%;width:100%;}
	.point .sorting ul li.on::before {bottom: calc(-1rem / 1.5); height: calc(4px / 1.5);left: 0;}
	/* .sorting ul li:nth-last-child(2) {width:48%} */
	.point .sorting > label {top: 2.5rem;}
	
	
}

@media screen and (max-width:750px){
	html{font-size:62.5%;}
	html.main{font-size:2.2vw;}

	main{padding-bottom:17rem;}
	header > .inner > div:not(.finderBox){align-items:center;padding:0 4vw;height:auto;}
	header > .inner > h1{width: 132.06px !important;}
	/* header > .inner > h1{width: 132.06px !important; margin-bottom:3vh;} */
	header > .inner > h1 img{width:100%;display:block;}
	header > .inner{padding:3.2vh 0 2.7vh;height:132px;flex-flow: row wrap;}
	header > .inner > div > *:not(#gnb, .finderBox button, input){margin-left:2.2rem;}
	#gnb{height:1.9rem;}
	#gnb a{font-size:4vw;}
	#gnb li + li{margin-left:5vw;}
	.finder{width:4.4vw;height:4vh;}
	.sideMenu{width: 7.2vw;height: 4vh;margin-left:6vw;}
    .burger em{width:40px;height:6px}
    .finderBox{width:90vw;height:4vh;}
	.finderBox button{width:7vw;}
	.finderBox button:before{top:23%;width:1px;height:1.5rem;}
	.finderBox button img{width:2.6vw;height:auto;}
	.finderBox input{width:calc(100% - 3.5rem);margin-right:1.5rem;}
	.finderBox input::placeholder{font-size:1.8rem;}	
	.finder img{width:100%}
	.burger em{width: 6.79vw;height: 0.55vh;border-radius: 10px;}
	.burger em + em{margin-top:0.7rem;;}
	.cross em {width: 6.79vw;height: 0.55vh;border-radius: 10px;}
	aside{padding:6.8rem 2.3rem 3rem;padding-right:1.5rem;}
	aside.on:before{height:100%;}
	address span:nth-child(2){display:block;margin-bottom:0.5rem;}
	address span:nth-child(3){margin-left:0;}
	address span:nth-child(6){margin-top:0;}
	.soloWrap{padding:0}
	.soloBox{margin-bottom:30px;flex-wrap:wrap;}
	.point .soloBox p:first-child{margin-bottom:1.5rem;font-size:1.5rem;}
	.soloBox .info > ul{justify-content: center;;}
	.point .soloBox .info{width:100%;padding-top:15px;margin-left:0;text-align:center;}
	.soloBox .info button{margin: 1rem;width:15rem;font-size: 2.1rem;}
	.soloBox .info > ul li{width:80px;padding:10px;font-size:2rem;}
	.soloBox p:not(p:first-child) strong, .soloBox p:not(p:first-child) strong span{font-size:2.3rem;}
	address span.comp{margin-bottom:1rem;font-size:1.3rem;font-weight:200;}
	address span{font-size:1rem;font-weight:200;}
	address span + span{margin-left: 0.7rem;}
	address span.copyright{margin-top:0;font-weight:200;font-size:0.9rem;}
	footer{padding:4.6rem 2.4rem;}
	footer .inner{padding:0;}
	aside{width:27.2rem;}
	aside:before{width:0.7rem}
	address span{display:inline-block;margin-bottom:0.5rem;font-size:1rem;line-height:1.5rem;}
	aside a.member{width:11.1rem;height:3.6rem;line-height:3.6rem;border-radius:0.6rem;}
	aside a.member + a.member{margin-left:0.7rem;}
	aside a.member:nth-child(2){margin-bottom:4.5rem;}
	.sideClose{top:2.7rem;right:2.1rem;width:1.2rem;height:1.2rem;background-size:contain}
	aside a:not(.member){height:4.9rem;padding:1.7rem 1.4rem;}
	aside a:not(.member) span{height:1.3rem;padding-right:2.6rem;}
	.finder img {vertical-align: middle;}

	.btn.b2{height:100px}

	/* .sub header > .inner > div:not(.finderBox){padding:0 4rem;-webkit-box-align: center;-ms-flex-align: center;align-items: center; margin:0 4rem; padding:0; }
	.sub header > .inner > h1{margin-bottom:5rem;}
	.sub header > .inner{padding:4rem 0;}
	.sub header > .inner > div > *:not(#gnb, .finderBox button, input){margin-left:3.6rem;}
	.sub #gnb{height:3.1rem;}
	.sub #gnb a{font-size:2.6rem;}
	.sub #gnb li + li{margin-left:4rem}
	.sub .finder{width:3.3rem;height:3.3rem;}
	.sub .sideMenu{width:5.6rem;height:3.7rem;}
	.sub .burger em{width:5.6rem;height:0.8rem;}
	.sub .finderBox{width:99%;height:4.95rem;}
	.sub .finderBox button{width:5.5rem;height:4.9rem;}
	.sub .finderBox button:before{top:1.2rem;width:1px;height:2.6rem;}
	
	.sub .finderBox button img{width:2.1rem;height:auto;}
	.sub .finderBox input{width:calc(100% - 3.5rem);margin-right:1.5rem;}
	.sub .finderBox input::placeholder{font-size:2rem;}
	.sub .finder img{width:100%}
	.sub .burger em + em{margin-top:0.4rem;;}
	.sub aside{padding:11.2rem 2.47rem 4.95rem 3.79rem ;padding-right:2.47rem;}
	.sub aside.on:before{height:100%;}
	.sub address span:nth-child(2){display:block;margin-bottom:0.5rem;}
	.sub address span:nth-child(3){margin-left:0;}
	.sub address span:nth-child(6){margin-top:0;}
	.sub .soloWrap{padding:0}
	.sub .soloBox{flex-wrap:wrap;padding:3rem 0}
	.sub .soloBox img{width:20rem;}
	.sub .soloBox p:first-child{margin-bottom:2rem;font-size:3rem;}
	.sub .soloBox .info > ul{justify-content: center;margin-bottom:2rem;}
	.sub .soloBox .info{width:100%;margin-left:0;padding-top:1.5rem;text-align:center;}
	.sub .soloBox .info button{width:19rem;height:5rem;font-size:2.2rem;line-height:5rem;border-radius:1rem;}
	.sub .soloBox .info > ul li{width:8rem;padding:1rem;font-size:1.8rem;}
	.sub .soloBox p:not(p:first-child) strong, .soloBox p:not(p:first-child) strong span{font-size:2.2rem;}
	.sub address span.comp{margin-bottom:1.7rem;font-size:2rem;font-weight:200;}
	.sub address span.comp + span{margin-left:0;}
	.sub address span{font-size:1rem;font-weight:200;}
	.sub address span.copyright{margin-top:0;font-weight:200;font-size:1.4rem;}
	.sub footer{padding:8rem 3.96rem;}
	.sub footer .inner{padding:0;}
	.sub aside{width:44.8rem;}
	.sub aside:before{width:0.7rem}
	.sub address span{display:inline-block;margin-bottom:0.5rem;font-size:1.7rem;line-height:2.4rem;}
	.sub aside a.member{width:18.3rem;height:5.9rem;line-height:5.9rem;font-size:2.6rem;border-radius:1rem;}
	.sub aside a.member + a.member{margin-left:1rem;}
	.sub aside a.member:nth-child(2){margin-bottom:7.4rem;}
	.sub .sideClose{top:4.7rem;right:3.3rem;width:1.9rem;height:1.9rem;background-size:contain}
	.sub aside a:not(.member){height:8rem;padding:2.8rem 2.3rem;font-size:2.3rem;}
	.sub aside a:not(.member) span{height:2.14rem;padding-right:4.3rem;font-size:1.7rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
	.sub address span:nth-child(6), address span:nth-child(7){display:block;margin-left:0;} */
	.btn.r2, .btn.b2{font-size:2.6rem;border-radius:1.7rem;}
	.afterLogin{padding-left:0;}
	.afterLogin > span{width:8rem;margin-right:2rem;}
	.afterLogin > p span:first-child{font-size:1.4rem;margin-bottom:0.5rem;}
	.afterLogin > p span:last-child{font-size:1.5rem;}

	aside {width: 70vw;}
	/* point shop */
	.swiper .user-thumbnail {width:100%;}
	.soloWrap .user-thumbnail {width:15rem;height:15rem;}
	.soloBox {padding: 1rem 5% 4rem;}
	.point .sorting > label {position: absolute;top: 4rem;left: 5vw;}
	.point .sorting ul {padding: 0 5vw;}
	.sub .point .bg_emerald {top:4.3rem;right:5vw;}

    /* 20230623 gnb 메뉴바 추가 */
    header > .inner {height: 152px;}

    /* 20230810 footer 추가 */
    footer {padding: 4.6rem 0;}
    footer .footer_box {flex-wrap: wrap; justify-content: center; padding: 0 2.4rem 2rem;}
    footer .footer_box .d-flex {margin-top: 1rem;}
    footer .footer_box .d-flex li {margin-left: 2rem;}
    footer address {padding: 2rem 2.4rem 0;}

    /* 20230823 footer 추가 */
    footer .footer_box {justify-content: start;}
    footer .footer_box > div {width: 10rem;}

    /* 20230908 header 수정 */
    header > .inner {padding: 1vh 0 1vh;}
    #gnb a {font-size: 3.8vw;}
    /* 20230908 main 수정 */
    main {padding-bottom: 7.9rem;}
    /* 20230908 footer 수정 */
    footer {padding: 1.7rem 0 4.6rem;}

    /* 20230911 header 수정 */
    .sideMenu span.burger {display: none;}
    .sideMenu span.burger.burger_mo {display: inline-block; width: 6.6vw; height: 6.5vw;}
    .sideMenu span.burger.burger_mo img {width: 100%;}

}
@media screen and (max-width:610px){
	/* .sub #gnb a{font-size:3.4vw;} */

}
@media screen and (max-width:500px){
	html{font-size:calc(62.5% / 1.5);}
	.btn.b2{height:calc(100px / 1.5)}
	/* .sub .finder{width:calc(33px / 1.5);height:calc(33px / 1.5);}
	.sub .sideMenu{width:calc(56px / 1.5); height:calc(37px / 1.5)}
	.sideMenu span, .sub .burger em{width:100%;} */
	.point .sorting > .btn-review {width: 18rem;}
	.point .soloBox p:first-child {font-size: 2.5rem;}
	p.txt{font-size:calc(24px / 1.5)}

	/* header > .inner > h1 {margin-bottom: 2.8rem;} */
	.sub header > .inner > h1 {margin-bottom: 2.8rem;}
	#gnb a {font-size: 4.2vw;}
	aside {padding: 8vh 2.3rem 3rem;}
	aside a.member {width: 48%;height: 4vh;line-height:4vh;}
	aside a.member {font-size: 3.5vw;margin-bottom:6vh;}
	aside a.member:nth-child(2){margin-bottom: 6vh;}
	.sideClose {top: 3.5vh;right: 4vw;width: 2.5vw;height: 1.29vh;}
	aside a:not(.member) {padding: 2.7vh 1.4rem;font-size: 3.5vw;}
	aside a:not(.member) span {height: 1.5vh;line-height: 1.5vh;font-size: 2vw;}

	.finderBox {overflow:hidden;height: 29px;}
	.finderBox {width:93% !important;height: 29px;margin-top: 7px;}
	.finderBox form {width: calc(100% - 40px);height: 29px;s}
	.finderBox input {background:transparent;height:29px;}
	.finderBox input::placeholder {font-size:1.3rem}
	/* .burger em {width: 29px;} */
	.burger em + em {margin-top: 3px; }
	.sideMenu {width:25px !important;height: 29px;}
	header > .inner > div > #gnb, .finderBox button, input {width:25px;height:2.9rem;}

	.sub .finderBox {margin-top: 0;height:29px;font-size:2.6rem;}
	.sub .finderBox button:before {height: 1.8rem;}
	.sub .finderBox input {font-size:2.1rem;}
	.sub .finderBox input::placeholder {font-size:2.1rem}
	.suv header > .inner > div.row {position:relative;}

    /* 20230814 footer 추가 */
    footer .footer_box .d-flex {margin-left: 25px;}

}

@media screen and (max-width:375px){
	html{font-size: calc(62.5% / 2);}
	.btn.b2{height:calc(100px / 2)}
	/* .sub .finder{width:calc(33px / 2);height:calc(33px / 2);}
	.sub .sideMenu{width:calc(56px / 2); height:calc(37px / 2)} */
	.sideMenu span, .sub .burger em {width:100%;}
	p.txt {font-size:calc(24px / 2)}
	.finderBox {height:4.2vh;}
	.finderBox input {font-size: 1.1rem;}

	/* 20230814 footer 추가 */
	footer .footer_box {justify-content: center; flex-wrap: wrap; flex-direction: column;}
	footer .footer_box > div {width: 12rem; margin: 0 auto;}
    footer .footer_box .d-flex {margin-left: 0; justify-content: center;}


}
@media screen and (max-width:360px){
	address span + span {margin-left: 0.1rem;}
}