html, body{
	overflow-y: hidden;
	position: relative;
	height: 100%;
}
#wrap{overflow:hidden;}

body, input, select, button, textarea, a, strong{
	color:#222;
	font-size:3.89vw;
	font-family: 'Noto Sans KR','Roboto', sans-serif;
	font-weight: 400;
	line-height:1.6;
	letter-spacing: -0.28vw;
}
li{
	list-style:none;
}
p{
	margin:0;
}
input{font-weight: 300;}
button{
	cursor:pointer;
}
button[disabled]{
	cursor:default;
}
button:focus{
	outline: none;
}
input,
textarea{
	-webkit-border-radius:0;
	-webkit-appearance:none;
}
input, select, textarea, button, a, label {-webkit-tap-highlight-color:rgba(0,0,0,0);}
hr {
	border:0;
	margin:0;
	border-bottom:2.5vw solid #eee;
}
a,button { -webkit-tap-highlight-color:transparent;}
.bt-none{
	border-top: 0 !important;
}
.icon-none{
	background: none !important;
}
.img-wrap,
.imgh-h-wrap{
	overflow: hidden;
	line-height: 0;
}
.img-wrap img{width: 100%;}
.img-h-wrap img{height: 100%;}
.img-wh-wrap{overflow: hidden;}
.img-wh-wrap img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}
input[type="file"]{display: none;}
a {
	-webkit-tap-highlight-color: transparent;
}
.mt-0{
	margin-top: 0px !important;
}
.mt-20{
	margin-top: 2.78vw !important;
}
.mt-30{
	margin-top: 4.17vw !important;
}
.pt-0 {padding-top: 0px !important;}
.border-bottom-none {border-bottom: none !important;}
.border-top-none {border-top: none !important;}
.text-red{color: #DD042B !important;}
.text-blue{color: #1181f1 !important;}
.text-grey{color: #999999 !important;}
/* font */
.ff-robo{
	font-family:'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing:0;
}
.txt-blue{
	color:#1181F1 !important;
}
.txt-red{
	color:#DD042B !important;
}
.txt-999{
	color:#999 !important;
}
.txt-222{
	color:#222 !important;
}
.txt-666{
	color:#666 !important;
}
.fw-300{
	font-weight:300 !important;
}
.fw-400{
	font-weight:400 !important;
}
.fw-500{
	font-weight:500 !important;
}
.fw-700{
	font-weight:700 !important;
}
.under-line{
	text-decoration: underline;
}

.multiline-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* img crop */
img.wfull{
	width:100% !important;
	height:auto !important;
	max-height:none !important;
}
img.hfull{
	width:auto !important;
	max-width:none !important;
	height:100% !important;
}

/* layout */
#wrap {
	overflow-y:auto;
	width:100%;
	min-height: 100%;
	height:100%;
	transition:all ease 0.3s;
	-webkit-overflow-scrolling:touch;
}
.header-wrap {
	position:absolute;
	top:0;
	width:100%;
	height:0;
	padding:0 4.17vw;
}
.header-wrap button {
	width:100%;
	height:14.56vw;
	margin-top:10%;
	text-indent:-999%;
	overflow:hidden;
	color:transparent;
	vertical-align:top;
}
.header-wrap > span {
	float:right;
}
#backBtn {
	float:left;
	background:url('../images/common/icon_back.png') no-repeat 0 center;
	background-size:2.5vw auto;
}
#goHome {
	float:left;
	background:url('../images/common/icon_home.png') no-repeat right center;
	background-size:5vw auto;
}
#sideMenu {
	float:left;
	background:url('../images/common/icon_sidemenu.png') no-repeat right center;
	background-size:5.56vw auto;
}

.layerClose {
	float:left;
	background:url('../images/common/icon_layer_close.png') no-repeat right center;
	background-size:70% auto;
	cursor:pointer;
}
.flex-right{
	justify-content: end;
}
.container{
	/* height:100%; */
	min-height: calc(100% + 23.89vw);
	/*height: calc(100% - 15.6vw);
	transition:all ease 0.3s;
	-ms-overflow-style: none;
	scrollbar-width: none;*/
}
.container::-webkit-scrollbar {
	display:none;
}
.container.no-header {
	height:100%;
	min-height:0;
}
.container.full-page {
	height:100%;
	min-height: calc(100% - 10%)
}
.container.full-page #actionBar{
	display: none;
}
.top-bnr-wrap + #header.sticky{
	margin-top:20.733vw;
}
.header-sticky {
	padding-top:26.45vw;
}
.header-no-sticky {
	padding-top:15.6vw;
}
.header-sticky.page-top-bnr {
	padding-top:47.183vw;
}
.sticky-hidden {
	padding-top:10.85vw !important;
}
.sticky-hidden .top-bnr-wrap {
	margin-top:-20.833vw;
}
.sticky-hidden #header.sticky {
	top:-15.6vw;
}
/*.sticky-hidden .container {
	padding-top:10.85vw !important;
}*/
.sticky-hidden .top-bnr-wrap + #header.sticky {
	margin-top:0;
}
.wrap-top .top-bnr-wrap,
.wrap-top #header.sticky,
.wrap-top .container {
	transition:none;
}
.header-s ~ .container{
	/*height: calc(100% - 15.6vw);*/
}
.fl-left{float:left;}
.fl-rgt{float: right;}
.fl-clear {clear:both;}
.section{background:#fff;}
.section-cont{padding:4.17vw;}
.section.top-border{
	border-top: 2.78vw solid #f2f2f2;
	margin: 8.33vw -4.17vw 0 -4.17vw !important;
}
.section.top-border li {list-style: none;}

/* HEADER */
#header ~ .dim{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.5);
}
#header.sticky{
	transition:all ease 0.5s;
}
#header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:10;
}
#header .header-top{
	position: relative;
	padding: 4.17vw;
	overflow:hidden;
	border-bottom:0.28vw solid #eee;
	background:#fff;
	height: 15.6vw;
}
#header .header-top .menu-bar{
	width:6%;
	height: 100%;
	font-size:0;
	background:url(../images/common/gnb/icon_ham.png) no-repeat 0 0;
	background-size:95%;
}
#header .header-top h1{
	width: 30.138vw;
	height: 15.27vw;
	margin-top: -6%;
	overflow: hidden;
}

#header .header-top h1.title{
	font-size: 4.722vw;
	padding:0px 18%;
	text-align: center;
	line-height: normal;
	width: auto;
	font-weight: 500;
	margin-top: 0;
	height: auto;
}

/* #header .header-top h1 a{
	margin:0 auto;
	display:block;
	height:2.36vw;
} */
#header .header-top h1 a{
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;

}
#header .header-top h1 img{
	width:100%;
}
#header .header-top .rgt-btn{
	margin:5vw 0;
	position:absolute;
	top:0px;
	right:4.2%;
	height:5.6vw;
	display: flex;
	align-items: center;
	gap: 4.17vw;
	flex-shrink: 0;
}
#header .header-top .rgt-btn a,
#header .header-top .rgt-btn button{
	float:left;
	display:block;
	width:5.56vw;
	height:100%;
	font-size:0;
	vertical-align: bottom;
}
#header .header-top .rgt-btn  .home-btn{
	background-size: 5.69vw 100%;
}

#header .header-top .rgt-btn a + a,
#header .header-top .rgt-btn button + button{
	/* margin-left:23.1%; */
	float: right;
}
.search-btn{
	background:url(../images/common/gnb/icon_search.png) no-repeat 0 0;
	background-size: 100%;
}
.cart-btn{
	position:relative;
	background:url(../images/common/gnb/icon_cart.png) no-repeat 0 0;
	background-size: 100%;
}
.eye-btn{
	background:url(../images/common/gnb/icon_eye.png) no-repeat 0 0;
	background-size: 100%;
}
.alrim-btn{
	position: relative;
	background:url(../images/common/gnb/icon-alrim.svg) no-repeat center / 100%;

}
.cart-area .message-box2 strong{
	padding-bottom: 2.78vw;
}
#header.btn-home-h .rgt-btn{
	position: absolute;
	float: right;
	display:flex;
	width: auto;
	margin: 0;
	top: 5vw;
}
#header.btn-home-h .rgt-btn a,
#header.btn-home-h .rgt-btn button{
	float:none;
	width: 5.556vw;
}
#header.btn-home-h .rgt-btn a:last-child,
#header.btn-home-h .rgt-btn button:last-child{margin-right: 0;}
.home-btn{
	background: url(../images/common/gnb/icon_home.png) 0 0 no-repeat;
	background-size: 5vw 100%
}
.cart-btn .num,.alrim-btn .num{
	padding:0 12%;
	position:absolute;
	top:-25%;
	left:50%;
	display:flex;
	min-width:70%;
	height:70%;
	background:#ff4343;
	border-radius:3.89vw;
	font-size:2.78vw;
	color: #fff;
	text-align: center;
	line-height: 1;
	align-items: center;
	justify-content: center;
}
.cart-btn .num.none{
	display: none;
}
#header .header-bottom{
	position:relative;
	height:10.8vw;
	background:#fff;
}
#header .header-bottom:after{
	content:'';
	position:absolute;
	bottom:-0.1vw;
	left:0;
	width:100%;
	height:0.28vw;
	background:#eee;
	z-index: 1;
}
#header .header-bottom.bdc-e5:after{
	background-color: #e5e5e5;
}
#header .title-wrap{
	position:relative;
	height:100%;
}
#header .title-wrap .prev-btn{
	position:absolute;
	top:28%;
	left:0;
	display:inline-block;
	width:2.22vw;
	height:4.2vw;
	background:url(../images/common/gnb/icon_prevbtn.png) no-repeat center center;
	background-size:60%;
	font-size:0;
}
#header .title-wrap .title{
	text-align: center;
	font-size:4.44vw;
	font-weight:500;
	line-height:10.8vw;
}
#header .title-wrap .title.detail {
	position:relative;
}
#header .title-wrap .title .brand-btn{
	position:absolute;
	/*float: right;
	margin: 1.53vw 0;*/
	/* top:1.53vw; */
	    top: -1.47vw;
	right:0;
	line-height: 0;
}
#header .title-wrap .title.detail a,
#header .title-wrap .title.detail span{
	position:relative;
	text-align: center;
	padding-left:18vw;
	font-size:4.44vw;
	font-weight:500;
	line-height:10.8vw;
}
#header .title-wrap .title.detail span{
	overflow: hidden;
	display: inline-block;
	width: 50vw;
	height: 11.11vw;
	padding-left:0;
	-ms-word-break: break-all;
	word-break: break-all;
}
#header .title-wrap .next-btn{
	position:absolute;
	top:0;
	right:0;
	display:inline-block;
	width:2.22vw;
	height:6.53vw;
	background:url(../images/common/btn_circle.png) no-repeat center center;
	background-size:2.22vw;
	font-size:0;
}
.header-bottom #gnb{
	width:100%;
	height:100%;
	overflow:hidden;
	overflow-x:auto;
}
.header-bottom #gnb .main-menu {
	height:100%;
	width:max-content;
	margin: 0 4.2vw;
}
.header-bottom #gnb .main-menu > li{
	position:relative;
	height:100%;
	float:left;
}
.header-bottom #gnb .main-menu > li.current:after{
	content:'';
	position:absolute;
	bottom:-1px;
	left:0;
	width:100%;
	height:0.6vw;
	background:#1181f1;
}
.header-bottom #gnb .main-menu > li > a{
	display: block;
	padding:4vw 4.17vw;
	line-height:2.5vw;
	font-weight:400;
	font-size:3.89vw;
	color: #666;
}
.header-bottom #gnb .main-menu > li.current > a{
	color: #1181f1;
	font-weight:500;
}
.header-bottom #gnb .main-menu > li > .two-depth{
	display:none;
}
.header-bottom.header-gnb .swiper-gnb .swiper-slide{
	width:auto;
}

#gnb.category{
	background:#fff;
}
#gnb.category ul{
	overflow:hidden;
	/* border-bottom:0.28vw solid #e5e5e5; */
	transition:all .2s ease-in-out;
}
#gnb.category li{
	float:left;
	width:50%;
	height:12.5vw;
	/*margin-top: -.28vw;*/
	border:0.28vw solid #e5e5e5;
	border-top: 0 none;
}
#gnb.category li:nth-of-type(odd){border-left: 0;}
#gnb.category li:nth-of-type(even){
	border-right: 0;
	margin-left:-.28vw;
}
#gnb.category li.last{border-bottom: 0;}
#gnb.category li:first-child{
	border-top:0;
}
#gnb.category li:nth-child(2){
	border-top:0;
}
/*#gnb.category li + li{
	border-top:0.28vw solid #e5e5e5;
	border-left:0.28vw solid #e5e5e5;
}*/
/*#gnb.category li + li:nth-child(2n+1){
	border-left:0;
}*/
#gnb.category li + li:nth-child(even){
	border-left:0;
}
#gnb.category li a{
	padding:3.3vw 4.2vw;
	display:inline-block;
	width:100%;
	height:100%;
	font-size:3.89vw;
	color:#222;
}
#gnb.category li.current a{
	color: #1181f1;
	font-weight:500;
}
#gnb.category > .more-view-wrap .more-view{
	padding-right:4.7%;
	display:block;
	background:url(../images/common/gnb/icon_cate_down.png) no-repeat center center;
	background-size:4.2%;
	line-height:10vw;
	text-align: center;
	font-size:0;
	color:#666;
}
#gnb.category > .more-view span{
	position:relative;
}
#gnb.category > .more-view span:after{
	content:'';
	position:absolute;
	top:1.9%;
	right:2.8%;
	width:1.9%;
	height:4px;
	background:#222;
}
.more-view-wrap{
	position:relative;
	margin-top:-0.278vw;
	border-top:0.28vw solid #e5e5e5;
	border-bottom:0.28vw solid #e5e5e5;
}
#gnb.category ul.all-view + .more-view-wrap{
	top:0;
}
#gnb.category ul.item-more + .more-view-wrap .more-view{
	display:block;
}
#gnb.category ul.all-view + .more-view-wrap .more-view{
	transform:rotate(180deg);
}

#header .prev-btn.angle{
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	/* top:36.3%;
	left:4.2%; */
	float: left;
	width:5.56vw;
	height:5.56vw;
	padding-left: 0;
	background:url(../images/common/gnb/icon_prevbtn_bar.svg) no-repeat 0 0;
	background-size:100%;
	font-size: 0;
}
#header .icon-setting{
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	right: 0;
	background:url(../images/common/gnb/icon_settiing.svg) no-repeat 0 0;
	background-size:100%;
	font-size: 0;
	width: 5.56vw;
	height: 5.56vw;
}
#header .prev-btn.angle:after{content:none}
#header .header-top .title-wrap .title{
	line-height:1.3;
	font-size:5vw;
	font-weight:500;
}
#gnb.middle .main-menu > li:nth-child(n+7){
	display:none;
}
#gnb.middle .main-menu.all-view > li:nth-child(n+7){
	display:block;
}

.header-bottom + #gnb.small.category ul{
	background:#f8f8f8;
}
.header-bottom + #gnb.small.category ul li a{
	color: #666;
}
.header-bottom + #gnb.small.category ul li.current a{
	color: #222;
	font-weight:500;
}
/* .header-bottom + #gnb.small.category ul.all-view{
	border-top:0.28vw solid #D7D7D7;
}
.header-bottom + #gnb.small.category .more-view-wrap{
	border-bottom:0;
} */
.header-bottom + #gnb.small.category .more-view-wrap .more-view{
	position:relative;
	font-weight:500;
	font-size:3.89vw;
	background:0;
}
.header-bottom + #gnb.small.category .more-view-wrap .more-view:after{
	content:'';
	position:absolute;
	top:40%;
	width:3.9%;
	height:2.2vw;
	background:url(../images/common/gnb/icon_cate_down.png) no-repeat center center;
	background-size:100%;
}
.header-bottom + #gnb.small.category .more-view-wrap .more-view.toggle:after{
	transform:rotate(180deg);
}
.header-bottom + #gnb.small.category .more-view-wrap .more-view span{
	margin-right:1.9%;
	color: #222;
	font-weight:500;
}
.swiper-gnb ~ .container{
	height:calc(100% - 15.6vw);
}
.header-bottom .swiper-gnb{
	height:100%;
}
.swiper-gnb .swiper-slide,
.swiper-gnb .swiper-slide-duplicate{
	display: inline-block;
	width:auto;
	text-align: center;
	font-size: 2.5000vw;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/* .swiper-gnb .swiper-slide:nth-child(1){
	width:15%;
}
.swiper-gnb .swiper-slide:nth-child(2){
	width:21%;
}
.swiper-gnb .swiper-slide:nth-child(3){
	width:21%;
}
.swiper-gnb .swiper-slide:nth-child(4){
	width:23%;
}
.swiper-gnb .swiper-slide:nth-child(5){
	width:23%;
}
.swiper-gnb .swiper-slide:nth-child(6){
	width:21%;
}
.swiper-gnb .swiper-slide:nth-child(7){
	width:19%;
}
.swiper-gnb .swiper-slide:nth-child(8){
	width:19%;
}
.swiper-gnb .swiper-slide:nth-child(9){
	width:21%;
} */
.swiper-gnb .swiper-slide a,
.swiper-gnb .swiper-slide-duplicate a{
	display: inline-block;
	padding:0 4.44vw;
	text-align: center;
	line-height:10.83vw;
}
.swiper-gnb .swiper-slide.slide-on-menu a{
	position:relative;
	color: #1181F1;
	font-weight:500;
}
.swiper-gnb .swiper-slide.slide-on-menu a:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height: 0.56vw;
	background:#1181F1;
}
.swiper-cont{
	height:100%;
}
/* FOOTER */
#footer{
	margin-top: 13.89vw;
	background-color: #F2F2F2;
}
.mma002 .comment-box{
	margin: 0;
	padding: 5.56vw 0;
}
.mma002 .comment-wrap .comment-box-wrap{
	padding: 0 4.17vw;

}
.mma002 .comment-wrap{
	margin: 0 -4.17vw;
}
.mm #footer{margin-top: 0;}
.footer-cont .footer-number a{
	display: block;
	padding: 2.64vw 12.78vw;
	text-align: center;
	background-color: #606060;
	background-image: url(../images/common/icon_phone_w.png);
	background-size: 5.97vw;
	background-position:23.33vw center;
	background-repeat:no-repeat;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0;
	line-height: normal;
}
.footer-cont .footer-number .number-text{
	letter-spacing: -0.16vw;
}
.footer-top{
	display: flex;
	height: 8.34vw;
	background-color: #E2E2E2;
	text-align: center;
}
.footer-top a{
	flex:auto;
	display: block;
	height: 100%;
	padding-top: 1.5vw;
	color: #666;
	font-size: 3.33vw;
}
.actionBar-hidden .footer-bot {
	padding: 4vw 0 13.89vw;
}
.footer-bot{
	padding: 4vw 0 24.89vw;
	background-color: #f2f2f2;
}
.footer-bot .bot-info{
	font-size: 3.61vw;
	text-align: center;
}
.footer-bot .bot-info>span{
	position: relative;
	padding: 0 2.78vw;
	letter-spacing: -0.14vw;
}
.footer-bot .bot-info>span::after{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 2px;
	height: 2.78vw;
	background-color:#959595;
}
.footer-bot .bot-info>span:last-child::after{
	content: none;
}
.footer-bot .kg-info{
	position: relative;
	text-align: center;
	margin-bottom: 4.17vw;
	font-size: 3.06vw ;
	color: #666;
}
.footer-bot .kg-info .info-txt{
	padding-left: 5.83vw;
	letter-spacing: -0.12vw;
}
.footer-bot .kg-info::before{
	content: '';
	position: absolute;
	background-image: url(../images/foot-inipay.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 4.44vw;
	height: 4.44vw;
}
.footer-bot .terms-area,
.footer-bot .sns-area{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.footer-bot .terms-area a,
.footer-bot .sns-area a{flex:auto}

.footer-bot .terms-area{
	/*width: 54.9%;*/
	width: 97%;
	margin: 0 auto 2.22vw;
}
.footer-bot .terms-area a{
	position: relative;
	display: block;
	color: #666;
	font-size: 3.06vw;
	letter-spacing: -0.12vw;
	padding: 0 1.67vw;
}
.footer-bot .terms-area a:after{
	content:'';
	position: absolute;
	top: 50%;
	right: -0.42vw;
	transform:translateY(-50%);
	width: 2px;
	height: 2.78vw;
	background-color: #959595;
}
.footer-bot .terms-area a:last-child:after{content:none;}
.footer-bot .saeki-info{
	font-size: 3.61vw;
	line-height: 6.94vw;
	word-break: keep-all;
	text-align: center;
	font-weight: 400;
}
.footer-bot .saeki-info .info-link{
	text-decoration: underline;
	font-size:3.61vw ;
	font-weight: 500;
	letter-spacing: -0.14vw;
	padding-left: 0.56vw;
}
.footer-bot .sns-area{
	width: 76.8%;
	margin: 4.2vw auto 5vw;
}
.footer-bot .sns-area a{
	display: block;
	height: 10vw;
	margin:0 1.73%;
	background:center/contain no-repeat;
	padding: 0;
}
.footer-bot .sns-area .sns-in{background-image: url(../images/common/icon_sns_in_fill.png);}
.footer-bot .sns-area .sns-fa{background-image: url(../images/common/icon_sns_fa_fill.png);}
.footer-bot .sns-area .sns-ut{background-image: url(../images/common/icon_sns_ut_fill.png);}
.footer-bot .sns-area .sns-fo{background-image: url(../images/common/icon_sns_fo_fill.png);}
.footer-bot .sns-area .sns-bl{background-image: url(../images/common/icon_sns_bl_fill.png);}
.footer-bot .sns-area .sns-tw{background-image: url(../images/common/icon_sns_tw_fill.png);}
.footer-bot .copyright{
	display: block;
	font-size: 3.33vw;
	font-weight: 400;
	text-align: center;
	font-family:'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing:0;
}

/* LNB */
#lnb{
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	/* background:#F2F2F2; */
	overflow-y:auto;
	/*transition:all ease-in-out 0.8s;*/
	transition:all 0.2s ease-in;
	z-index:100;
}
#lnb.full{
	left:0;
}
#lnb > .tit-area{
	padding:0 4.2%;
	overflow:hidden;
	background:#1A86F2;
	height:10.8vw;
	line-height:10.8vw;
}
#lnb .tit-area .left-area{
	float:left;
	width:60%;
}
#lnb .tit-area .right-area{
	float:right;
	/* height:4.72vw; */
}
#lnb .tit-area .left-area .login-info{
	color: #fff;
	font-weight:300;
	font-size:3.61vw;
}
#lnb .tit-area .left-area .login-info a{
	position:relative;
	margin-right:0.5%;
	color: #fff;
	font-weight:500;
	font-size:3.61vw;
}
#lnb .tit-area .left-area .login-info a:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background:#fff;
}
#lnb .tit-area .left-area .user-info{
	color: #fff;
	font-weight:300;
	font-size:3.61vw;
}
#lnb .tit-area .left-area .user-info .grade{
	margin-right:1.4%;
	padding:0.3% 1.9%;
	display:inline-block;
	border:0.28vw solid rgba(255,255,255,0.6);
	border-radius:5.2vw;
	line-height:3.61vw;
	color:rgba(255,255,255,0.6);
}
#lnb .tit-area .left-area .user-info .user-name{
	display:inline-block;
	margin-right:1.3888888888888888VW;
	color: #fff;
	font-size:3.61vw;
	font-weight:500;
	line-height:4.72vw;
}
#lnb .tit-area .right-area a,
#lnb .tit-area .right-area button{
	display:inline-block;
	width:5vw;
	height:5vw;
	font-size:0;
	vertical-align:top;
}
#lnb .tit-area .right-area a + a,
#lnb .tit-area .right-area button + button{
	margin-left:5vw;
}
#lnb .tit-area .right-area .btn-setting{
	background:url(../images/common/lnb/icon_setting_w.png) no-repeat center center;
	background-size:4.72vw;
	margin-top:3.06vw;
}
#lnb .tit-area .right-area .btn-close{
	background:url(../images/common/lnb/icon_lnb_close.png) no-repeat center center;
	background-size:4.16vw;
	margin-top:3.06vw;
}
#lnb .tit-area .right-area .btn-logout{
	width: auto;
	height: auto;
	padding: 1.3888888888888888VW 5.555555555555555VW;
	font-size: 3.3333333333333335VW;
	border-radius: 2px;
	line-height: 1;
	color: #fff;
	border: 1px solid #fff;
	margin-top: 2VW;

}
#lnb .user-info-wrap ul{
	background:#1B8DFF;
	overflow:hidden;
	height:19.44vw;
}
#lnb .user-info-wrap ul li{
	position:relative;
	float:left;
	width:25%;
	height:100%;
	text-align: center;
}
#lnb .user-info-wrap ul li a{
	display:block;
	padding: 3.89vw 0 3.61vw;
	height:100%;
}
#lnb .user-info-wrap ul li + li:before{
	content:'';
	position:absolute;
	top:4.17vw;
	left:0;
	width:0.28vw;
	height:11.11vw;
	background:rgba(255,255,255,0.3);
}
#lnb .user-info-wrap ul li span{
	display: inline-block;
	width:5.56vw;
	height:5.56vw;
	font-size:0;
	vertical-align: middle;
}
#lnb .user-info-wrap ul li:first-child span{
	width:5.2vw;
}
#lnb .user-info-wrap ul li strong{
	display: inline-block;
	line-height:5.56vw;
	font-size:5vw;
	font-weight:500;
	font-family:'Roboto',sans-serif;
	letter-spacing:0;
	color: #fff;
	vertical-align:middle;
}
#lnb .user-info-wrap ul li em{
	margin-top:0.83vw;
	display:block;
	color: #fff;
	font-size:3.06vw;
}
#lnb .user-info-wrap ul li.mypage span{
	background: url(../images/common/lnb/icon_mypage.png) no-repeat center center;
	background-size:3.61vw;
}
#lnb .user-info-wrap ul li.order span{
	background: url(../images/common/lnb/icon_truck.png) no-repeat center center;
	background-size:100%;
}
#lnb .user-info-wrap ul li.zzim span{
	background: url(../images/common/lnb/icon_heart.png) no-repeat center center;
	background-size:80%;
}
#lnb .user-info-wrap ul li.coupon span{
	background: url(../images/common/lnb/icon_coupon.png) no-repeat center center;
	background-size:100%;
}
#lnb .lnb-cate{
	height: calc(100% - 30.2vw);
	background-color: #fff;
}
#lnb .lnb-cate .lnb-tab ul{
	padding:0;
	overflow:hidden;
}
#lnb .lnb-cate .lnb-tab .tab-tit li{
	margin:0;
	padding:0;
	float:left;
	width:50%;
	height:auto;
	background:#1B8DFF;
	text-align: center;
	font-size:4.18vw;
	border:0;
}
#lnb .lnb-cate .lnb-tab .tab-tit li.current{
	background:#fff;
	border:0;
}
#lnb .lnb-cate .lnb-tab .tab-tit li.current:after{
	content:none;
}
#lnb .lnb-cate .lnb-tab .tab-tit li a{
	padding:0;
	display: block;
	color: #fff;
	font-size:4.18vw;
	line-height:11.11vw;
	border-bottom:0;
}
#lnb .lnb-cate .lnb-tab .tab-tit li.current a{
	color: #1181F1;
	font-weight:500;
}
#lnb .lnb-cate .lnb-tab .tab-tit li.current a:after{
	content:none;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel{
	display:none;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel.current{
	display:block;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .one-depth{
	border-bottom:0.28vw solid #E5E5E5;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .one-depth > li{
	background:#fff;
	overflow:hidden;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .one-depth > li.toggle{
	display:block;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .one-depth > li + li{
	margin-top:-0.28vw;
	border-top:0.28vw solid #E5E5E5;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .one-depth > li > a{
	padding:0 4.17vw;
	display: block;
	line-height:12.78vw;
	font-size:3.61vw;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .one-depth > li:last-child > a{
	color:#DD042B;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .one-depth > li > a > span{
	position:relative;
	float:left;
	display:block;
	margin-right:4.17vw;
	width:8.3vw;
	height:12.78vw;;
	vertical-align: middle;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .one-depth > li > a > span > img{
	position:absolute;
	top: 50%;
	left:50%;
	width:100%;
	text-align: center;
	transform:translate(-50%,-50%);
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .one-depth > li > a > span > img.lens{
	width:85%;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .one-depth > li > a > span > img.bag{
	width:81.6%;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .one-depth > li > a > span > img.optics{
	width:87.1%;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .one-depth > li > a > span > img.analog{
	width:92.8%;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .one-depth > li > a > span > img.etc{
	width:95%;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .one-depth > li > a > span > img.hot{
	width:80%;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .two-depth {
	overflow:hidden;
	width:100%;
	display: none;
	/* height:0; */
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .two-depth > li{
	position:relative;
	float:left;
	width:50%;
	margin-top:-0.28vw;
	background:#F2F2F2;
	border-top:0.28vw solid #E5E5E5;
	border-bottom:0.28vw solid #E5E5E5;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .two-depth > li:after{
	content:'';
	position:absolute;
	top:5.28vw;
	right:4.17vw;
	width:1.67vw;
	height:2.78vw;
	background:url(../images/common/lnb/icon_prevbtn.png) no-repeat 0 0;
	background-size:1.67vw;
	transform: scaleX(-1);
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .two-depth > li:nth-child(1),
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .two-depth > li:nth-child(2){
	margin-top:0;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .two-depth > li:nth-child(2n){
	border-left:0.28vw solid #E5E5E5;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .two-depth > li:nth-child(odd):last-child{
	width:calc(50% + 0.28vw);
	border-right:0.28vw solid #E5E5E5;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel .two-depth > li > a{
	padding:0 4.17vw;
	display:block;
	line-height:13.06vw;
}

#lnb .lnb-cate .lnb-tab-panel .lnb-panel.brand{
	background:#fff;
}
#lnb .lnb-panel.brand .tab-tit{
	padding:4.17vw 4.17vw 2.1vw;
}
#lnb .lnb-panel.brand .tab-tit li{
	display:block;
	background:#fff;
	border:0.28vw solid #D7D7D7;
	box-sizing:border-box;
}
#lnb .lnb-panel.brand .tab-tit li.current{
	border:0.56vw solid #1181F1;
}
#lnb .lnb-panel.brand .tab-tit li a{
	line-height:9.17vw;
	color: #666;
	font-size:3.61vw;
	border-bottom:0;
}
#lnb .lnb-panel.brand .tab-tit li.current a{
	line-height:8.61vw;
	color: #1181F1;
	font-weight:400;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel.brand .panels .panel:after{
	content:none;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel.brand .panels .panel .recommend{
	overflow:hidden;
	margin:2.5vw 4.17vw 0;
	padding-bottom:4.17vw;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel.brand .panels .panel .recommend li{
	float:left;
	width:25%;
	height:23.06vw;
	border:0.28vw solid #E5E5E5;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel.brand .panels .panel .recommend li:nth-child(4n+1){
	border-left:0.28vw solid #E5E5E5;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel.brand .panels .panel .recommend li:nth-child(2),
#lnb .lnb-cate .lnb-tab-panel .lnb-panel.brand .panels .panel .recommend li:nth-child(3),
#lnb .lnb-cate .lnb-tab-panel .lnb-panel.brand .panels .panel .recommend li:nth-child(4){
	border-top:0.28vw solid #E5E5E5;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel.brand .panels .panel .recommend li + li{
	border-top:0;
	border-left:0;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel.brand .panels .panel .recommend li a{
	display:flex;
	height:100%;
	justify-content: center;
	align-items:center;
}
#lnb .lnb-cate .lnb-tab-panel .lnb-panel.brand .panels .panel .recommend li a img{
	width:16.944vw;
	/* height:7.500vw;
	vertical-align:-7.5vw; */
}

#lnb .lnb-cate .lnb-tab .one-depth-type01{
	display: flex;
	flex-wrap: wrap;
	padding: 11.11VW 4.166VW 0;
	box-sizing: border-box;
	margin-bottom: -1.388vw;
	background-color: #fff;

}
#lnb .lnb-cate .lnb-tab .one-depth-type01 li{
	width: 25%;
	margin-bottom: 9.7222vw;
}
#lnb .lnb-cate .lnb-tab .one-depth-type01 li a{
	display: block;
	text-align: center;
	font-size: 3.6111111111111107VW;
}
#lnb .lnb-cate .lnb-tab .one-depth-type01 li span{
	display: inline-block;
}
#lnb .lnb-cate .lnb-tab .one-depth-type01 li .ico{
	display: block;
	width: 15.55VW;
	height: 15.55VW;
	margin: 0 auto 1.388VW;
}
#lnb .lnb-cate .lnb-tab .one-depth-type01 li .ico img{
	width: 100%;
}

.all-brand .top-area{
	overflow:hidden;
	margin-bottom:2.78vw;
	padding:0 4.17vw;
}
.all-brand .top-area .radio-wrap{
	margin:1.4vw 0;
	float:left;
	display:block;
	margin-right:1.67vw;
}
.all-brand .top-area .radio-wrap:nth-child(3n),
.all-brand .top-area .radio-wrap:last-child{
	margin-right:0;
}
.all-brand .top-area .radio-wrap.yz{
	margin-right:1.11vw;
}
.all-brand .top-area .radio-wrap input[type="radio"]{
	display:none;
}
.all-brand .top-area .radio-wrap input[type="radio"] + label{
	padding:0;
	display:inline-block;
	width:29.44vw;
	line-height:8.89vw;
	border-radius:4.45vw;
	background:#F2F2F2;
	text-align: center;
}
.all-brand .top-area .radio-wrap input[type="radio"]:checked + label{color: #666;}
.all-brand .top-area .radio-wrap.yz input[type="radio"] + label{
	width:19.44vw;
}
.all-brand .top-area .radio-wrap:last-child input[type="radio"] + label{
	width:8.89vw;
}
.all-brand.korean .top-area .radio-wrap input[type="radio"]#list5 + label{
	padding-left:4.17vw;
	padding-right:4.17vw;
	text-align:left;
}
.all-brand.korean .top-area .radio-wrap:last-child input[type="radio"] + label{
	width:auto;
	padding:0 6.67vw;
}
.all-brand.korean .top-area .radio-wrap input[type="radio"]#list5 + label span{
	margin-right:4.5833vw;
}
.all-brand .top-area .radio-wrap input[type="radio"] + label span{
	margin-right:6.94vw;
	font-size:3.33vw;
	font-family:'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing:0;
}
.all-brand.korean .top-area .radio-wrap input[type="radio"] + label span{
	font-family:'Noto Sans KR', sans-serif;
	letter-spacing:-0.14vw;
}
#lnb .all-brand.korean .top-area .radio-wrap:last-child{
	width:8.89vw;
}
#lnb .all-brand.korean .top-area .radio-wrap:last-child #list6 + label{
	padding:0;
	width:100%;
}
.all-brand .top-area .radio-wrap input[type="radio"] + label span:last-child{
	margin-right:0 !important;
}
.all-brand .top-area .radio-wrap input[type="radio"]:disabled + label span{color: #d7d7d7;}
.all-brand .brand-list{
	background:#F2F2F2;
}
.all-brand .brand-list .alphabet{
	padding:0 4.17vw;
	line-height:7.22vw;
	font-size:3.33vw;
	font-family:'Roboto', 'Noto Sans KR', sans-serif;
	font-weight:500;
	letter-spacing:0;
	color: #222;
}
.all-brand.korean .brand-list .alphabet{
	font-family:'Noto Sans KR', sans-serif;
	font-weight:700;
	letter-spacing:-0.14vw;
}
.all-brand .brand-list > li{
	border-top:0.28vw solid #d7d7d7;
}
#lnb .all-brand .brand-list ul{
	padding:0 4.17vw;
}
.all-brand .brand-list ul li{
	border-top:0.28vw solid #E5E5E5;
}
.all-brand .brand-list:last-child li ul > li:last-child{
	border-bottom:0.28vw solid #E5E5E5;
}
.all-brand .brand-list ul li a{
	position:relative;
	padding:0 4.17vw;
	display: block;
	line-height:12.78vw;
	color: #666;
	font-size:3.89vw;
	font-weight:400;
	font-family:'Noto Sans KR', sans-serif;
}
#lnb .all-brand .brand-list ul li a{
	padding:0;
}
.all-brand .brand-list ul li a:after{
	content:'';
	position:absolute;
	top:4.72vw;
	right:4.17vw;
	width:1.67vw;
	height:3.06vw;
	background:url(../images/common/lnb/icon_prevbtn.png) no-repeat 0 0;
	background-size:100%;
	transform:rotate(180deg);
}
.brand-list.type2 ul li{
	background:#fff;
}
#lnb .viewed-item{
	/* margin-top:2.78vw; */
	border-top: 2.78vw solid #F2F2F2;
	padding:5.56vw 4.17vw;
	background:#fff;
}
#lnb .viewed-item .tit-area{
	overflow:hidden;
}
#lnb .viewed-item .tit-area strong{
	float:left;
	font-size:3.89vw;
	font-weight:500;
}
#lnb .viewed-item .tit-area .more-view{
	position:relative;
	float:right;
	padding-right:3.89vw;
	font-size:3.33vw;
	font-weight:400;
	color: #666;
}
#lnb .viewed-item .tit-area .more-view:after{
	content:'';
	position:absolute;
	top:1.8vw;
	right:0;
	width:1.11vw;
	height:1.94vw;
	background:url(../images/common/lnb/icon_prevbtn.png) no-repeat center 100%;
	background-size:100%;
	transform:rotate(180deg);
}
#lnb .viewed-item .item-wrap{
	display:flex;
	/* justify-content:space-between; */
	margin-top:1.3889vw;
	/* overflow:hidden; */
}
#lnb .viewed-item .item-box + .item-box{
	margin-left:1.2vw;
}
#lnb .viewed-item .item-box{
	/* float:left; */
	width:22.222vw;
}
#lnb .viewed-item .item-box .img-wrap{
	border:0.28vw solid #E5E5E5;
	height: 22.222vw;
}
#lnb .viewed-item .item-box .img-wrap a{
	position: relative;
	display:block;
	height: 100%;
}
#lnb .viewed-item .item-box .img-wrap a img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	width:100%;
	height:100%;
}
#lnb .viewed-item .item-box .item-name{
	margin-top:1.94vw;
	width:100%;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	font-weight:300;
	font-size: 3.0554VW;
}
#lnb .short-go{
	/* margin-top:2.78vw; */
	border-top: 2.78vw solid #F2F2F2;
	padding:4.17vw;
	overflow:hidden;
	background:#fff;
}
#lnb .short-go > div{
	margin:4.17vw 0;
	float:left;
	width:25%;
	height:12.5vw;
}
#lnb .short-go .subs{
	background:url(../images/common/lnb/icon_Subscribe.png) no-repeat center 0;
	background-size:5.56vw;
}
#lnb .short-go .magazine{
	background:url(../images/common/lnb/icon_magazine.png) no-repeat center 0;
	background-size:5.28vw;
}
#lnb .short-go .review{
	background:url(../images/common/lnb/icon_review.png) no-repeat center 0;
	background-size:4.72vw;
}
#lnb .short-go .sk-friend{
	background:url(../images/common/lnb/icon_sk.png) no-repeat center 0;
	background-size:5.56vw;
}
#lnb .short-go .media{
	background:url(../images/common/lnb/icon_media.png) no-repeat center 0;
	background-size:4.44vw;
}
#lnb .short-go .photo-gallery{
	background:url(../images/common/lnb/icon_pt.png) no-repeat center 0;
	background-size:5.56vw;
}
#lnb .short-go .ab-gallery{
	background:url(../images/common/lnb/icon_ab.png) no-repeat center 0;
	background-size:5.56vw;
}
#lnb .short-go .event{
	background:url(../images/common/lnb/icon_event.png) no-repeat center 0;
	background-size:4.44vw;
}
#lnb .short-go .prize{
	background:url(../images/common/lnb/icon_present.png) no-repeat center 0;
	background-size:5.56vw;
}
#lnb .short-go > div > a{
	display: block;
	padding-top:6.94vw;
	height:100%;
	font-size:3.61vw;
	text-align: center;
}
.etc-service{
	background:#F2F2F2;
	padding:4.17vw;
}
.etc-service ul{
	overflow:hidden;
	border:0.28vw solid #D7D7D7;
	display: flex;
	flex-wrap: wrap;
}
.etc-service li{
	/*float:left;*/
	width:50%;
	background:#fff;
	text-align: center;
}
.etc-service li:nth-child(n+3) {
	width: auto;
	flex: 1;
}
.etc-service li + li{
	border-top:0.28vw solid #D7D7D7;
	border-left:0.28vw solid #D7D7D7;
}
.etc-service li.bdl0{
	border-left:0;
}
.etc-service li.bdt0{
	border-top:0;
}
.etc-service li a{
	display:block;
	height:100%;
	line-height:normal;
	padding: 2.07vw 0;
}
#lnb .lnb-panel.brand .all-brand-wrap .tab-tit{
	padding:0;
	text-align: center;
}
#lnb .lnb-panel.brand .all-brand-wrap .tab-tit li{
	padding:0 2.0833vw;
	float:none;
	display:inline-block;
	width:auto;
	font-size:3.3333vw;
	border:0;
}
#lnb .lnb-panel.brand .all-brand-wrap .tab-tit li.current{
	position: relative;
}
#lnb .lnb-panel.brand .all-brand-wrap .tab-tit li.current:after{
	content:'';
	position: absolute;
	top:50%;
	left:50%;
	width:100%;
	height:6.6667vw;
	background:transparent;
	border:0.2778vw solid #1181F1;
	border-radius:4.1667vw;
	transform:translate(-50%,-50%);
}
#lnb .lnb-panel.brand .all-brand-wrap .tab-tit li.current a{
	font-weight:500;
	font-size:3.3333vw;
}


/* top-bnr-wrap */
.top-bnr-wrap{
	position:fixed;
	top:0;
	left:0;
	right:0;
	transition:all ease 0.5s;
	z-index:10;
}
.top-bnr-wrap .inner-wrap > a{
	display:block;
	height: 20.833vw;
	/* padding:4.17vw; */
}
.top-bnr-wrap .top-bnr-img{
	display:inline-block;
	/* height:12.5vw;
	vertical-align: top; */
	height: 100%;
}
.top-bnr-wrap .btn-close{
	position: absolute;
	/* top:4.17vw; */
	top: 50%;
	right:4.17vw;
	/* width:4.17vw;
	height:4.17vw; */
	width: 6.667vw;
	height: 6.667vw;
	transform: translateY(-50%);
}
.top-bnr-wrap .btn-close img{
	width:100%;
	height:100%;
	vertical-align: top;
}
/* action bar A type */
#actionBar{
	z-index:10; /* 2021-03-30 : 회원가입 안내 배너 이슈로 z-index:  수정 */
	position:fixed;
	bottom: 0;
	left:0;
	width:100%;
	height:23.89vw;
	background:url(../images/common/bg_action_bar.png) no-repeat 100% 0;
	background-size:100%;
	transition:all ease 0.5s;
}
#actionBar > a{
	margin-top:6.11vw;
	padding:11.11vw 0 2.78vw;
	float:left;
	display:block;
	width:20%;
	height: 20.13888888888889VW;
	font-size:2.78vw;
	color: #666;
	text-align: center;
	font-size:0;
}
#actionBar .home{
	margin:0;
	padding-top:9.72vw;
	position:absolute;
	top:4.17vw;
	left:50%;
	width:16.67vw;
	height:16.67vw;
	border-radius:50%;
	transform:translateX(-50%);
	text-align:center;
	color: #fff;
	font-size:0;
}

#actionBar .top{
	margin:0;
	padding-top:0;
	display:none;
	position:absolute;
	top:-9.17vw;
	right:4.17vw;
	width:11.11vw;
	height:11.11vw;
	background:#fff url(../images/common/btn_back.png) no-repeat center center;
	background-size: 4.17vw;
	border-radius:50%;
	box-shadow:0 3.89vw 5vw #00000021;
	font-size:0;
}
#actionBar .bottom{
	margin:0;
	padding-top:0;
	display:none;
	position:absolute;
	top:-9.17vw;
	right:4.17vw;
	width:11.11vw;
	height:11.11vw;
	background:#fff url(../images/common/btn_bottom.png) no-repeat center center;
	background-size: 4.17vw;
	border-radius:50%;
	box-shadow:0 3.89vw 5vw #00000021;
	font-size:0;

}

#actionBar .camera{
	margin:0;
	padding-top:0;
	display:none;
	position:absolute;
	top:-15.222vw;
	right:4.17vw;
	width:17.2vw;
	height:17.2vw;
	background:#1181F1 url(../images/common/ico_camera.svg) no-repeat center center;
	background-size: 11.33vw;
	border-radius:50%;
	box-shadow:0 3.89vw 5vw #00000021;
	font-size:0;
}

.blind {
	border: 0 ;
	clip: rect(0 0 0 0) ;
	height: 1px ;
	margin: -1px ;
	overflow: hidden ;
	padding: 0 ;
	position: absolute ;
	width: 1px ;
}

#actionBar .top.on,
#actionBar .bottom.on,
#actionBar .camera.on{display:block;}
#actionBar .prevbtn{
	background: url(../images/common/icon_prev_bar.png) no-repeat center 5.28vw;
	background-size: 5.56vw;
}
#actionBar .mypage{
	margin-left:20%;
	background: url(../images/common/icon_mypage.png) no-repeat center 6.25VW;
	background-size: 5.56vw;
}
#actionBar .search{

	background: url(../images/common/icon_search.png) no-repeat center 6.25VW;
	background-size: 5.56vw;
}
#actionBar .menu{
	background: url(../images/common/icon_menu.png) no-repeat center 6.25VW;
	background-size: 5.56vw;
}
#actionBar .viewed-item{
	position: relative;
}
#actionBar .viewed-item.viewed-none{background: url(../images/common/icon_viewed.png) no-repeat center 6.25VW/5.56vw;}
#actionBar .viewed-item .img-wrap{
	overflow:hidden;
	display: inline-block;
	position:absolute;
	/* top:3.61vw; */
	top: 5.55vw;
	left:50%;
	width:6.94vw;
	height:6.94vw;
	border-radius:50%;
	text-align: center;
	transform:translateX(-50%);
}
#actionBar .viewed-item .img-wrap img{
	width:100%;
	height: 100%;
	object-fit: cover;
}
#actionBar .viewed-item.viewed-none .img-wrap{display: none;}
#actionBar.type2 .top{
	top:-23.19vw;
}
/* action bar B type */
#actionBar.type2{
	height:23.5vw;
	background-position: 100% 100%;
}
#actionBar.type2 > a{
	margin-top:5.4vw;
}
#actionBar.type2 .home{
	margin-top:-0.8vw;
}
#actionBar.type2 + #contBtn{
	padding:4.17vw 4.17vw 0;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height:38.89vw;
	background:#fff;
	border-top:0.28vw solid #D7D7D7;
	z-index:10;
	transition: all ease 0.5s;
}
#actionBar.type2 .top{
	top:-37.17vw;
}
.actionBar-hidden #actionBar{bottom:-20.5vw;}
.actionBar-hidden #actionBar.type2 + #contBtn {bottom:-19vw;}

/* join-full-banner-wrap type-A*/
.join-full-banner-wrap{
	width: 100%;
	/* height: 294px; */
	position: absolute;
	bottom: -180px;
	z-index: 11
}
.join-full-banner-wrap .type-A{
	border-radius: 2.778vw 2.778vw 0 0;
	background: #DDEDFB;
	overflow: hidden;
	height: 100%;
}
.join-full-banner-wrap .type-A .top-area{
	padding: 2.778vw 0 4.861vw;
}
.join-full-banner-wrap .type-A .top-area .top-area-bar{
	display: block;
	margin: 0 auto;
	width: 16.250vw;
	height: 1.250vw;
	border-radius: 100px;
	background: #fff;
}
.join-full-banner-wrap .type-A .content{
	overflow: hidden;
	padding: 0 5.833vw 5.833vw;
}
.join-full-banner-wrap .type-A .content .img-area{
	float: left;
	width: 47%;
}
.join-full-banner-wrap .type-A .content .img-area img{
	width: 23.75vw;
	margin-left: 4.778vw;
}
.join-full-banner-wrap .type-A .content .text-area{
	float: right;
	width: 53%;
}
.join-full-banner-wrap .type-A .content .text-area strong{
	font-size: 4.722vw;
	color: #222;
	font-weight: 500;
	line-height: 1.4;
}
.join-full-banner-wrap .type-A .content .text-area p{
	padding-top: 1.806vw;
	font-size: 3.611vw;
	color: #666;
	line-height: 1.4;
	font-weight: normal;
}
/* join-banner-wrap type-B */
.join-banner-wrap-bg{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 19;
	width: 100%;
	height: 31.528vw;
	background: #0080C9;
	border-radius: 2.778vw 2.778vw 0 0;
	transition: all ease 0.5s;
}
.banner-close .join-banner-wrap-bg {
	display: none;
}
.actionBar-hidden .join-banner-wrap-bg {
    bottom: -17.788vw;
}
.join-banner-wrap{
	position: fixed;
	left: 0;
	bottom: 17.778vw;
	z-index: 21;
	width: 100%;
	transition: all ease 0.5s;
}
.actionBar-hidden .join-banner-wrap{
	bottom: 0;
}
.banner-close .join-banner-wrap {
	display: none;
}
.join-banner-wrap .type-B{
	padding: 2.778vw 0 2.778vw 4.167vw;
	height: 13.333vw;
	/* background: #eee; */
	box-sizing: border-box;
}
.join-banner-wrap .type-B .title{
	font-size: 3.889vw;
	color: #fff;
}
.join-banner-wrap .type-B .point{
	position: relative;
	margin: 0 1.528vw;
	padding: 0.694vw 1.389vw;
	width: 15.833vw;
	height: 5.278vw;
	background: #004F9F;
	font-size: 3.333vw;
	text-align: center;
	line-height: 5.278vw;
	box-sizing: border-box;
}
.join-banner-wrap .type-B .point::before{
	position: absolute;
	top: 0;
	left: -6px;
	content: "";
	width: 0px;
	height: 0px;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 9px solid #004F9F;
}
.join-banner-wrap .type-B .join-link{
	display: inline-block;
	margin: 0 3.472vw;
	width: 23.197vw;
	height: 7.778vw;
	background: #fff;
	border: 2px solid #d7d7d7;
	border-radius: 5px;
	text-align: center;
	line-height: 6.778vw;
	font-size: 3.333vw;
	color: #666;
	box-sizing: border-box;
}
.join-banner-wrap .type-B .close_btn{
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	color: transparent;
	width: 6.944vw;
	height: 6.944vw;
	background: url(../images/common/btn_close_w.png) no-repeat center;
	background-size: 2.500vw 2.500vw;
}
.join-banner-wrap + #actionBar .top {
	top: -21.17vw;
	transition: top ease 0.5s;
}
.actionBar-hidden .join-banner-wrap + #actionBar .top {
	top: -23.17vw
}
.banner-close .join-banner-wrap + #actionBar .top{
	top: -9.17vw;
}
/* layer page full*/
.layer-page {
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	z-index:24;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-top:15.28vw;
	background:#fff;
}
.layer-page#replyPop {
	position: fixed;
}
.layer-page .header{
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:15.28vw;
	background:#fff;
	z-index:11;
}
.layer-page .header h1.ctit{
	padding:3.9% 3.9% 3.9% 3.9%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.layer-page .container,
.layer-page .layer-form-container form{
	display: flex;
	flex-direction: column;
	/* height:calc(100% - 15.28vw); 2020-11-19 */
}
.layer-page .container.mmy{
	height: calc(100vh - 34.72vw);
}
.layer-page .container{min-height: auto; height:calc(100vh - 15.28vw);}
.layer-page .layer-form-container {
	height: auto;
}
.layer-form-container form{height: 100%;}
.layer-page .contents{
	flex:1;
}
.layer-page .contents .image-wrap{
	padding: 4.17vw;
}
.layer-page .contents .image-wrap img{
	width: 100%;
}
.layer-page .contents.fix-btn{
	padding-bottom: 20vw;
}
	/* contents center style */
.layer-page .container.mmy005l .contents{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	width: 100%;
}
.layer-page .container.mmy005l .progress-btn{
	position: absolute;
	bottom: 0;
}
	/* contents center style */
.layer-page .layer-desc{
	padding:7.50vw  4.17vw 0;
	letter-spacing: -0.16vw;
	line-height: 5.56vw;
	font-size:3.89vw;
	color: #222;
}
.layer-page .layer-btn{
	padding: 4.17vw;
}
.layer-page .layer-btn .cont-btn-half{
	width: 100%;
}
.layer-page .layer-desc.type2{
	padding: 2.78vw 0vw 0vw;

}
.layer-page .layer-desc.type2 > p{
	position: relative;
	font-size: 3.89vw;
	color: #666;
	letter-spacing: -0.16vw;
	font-weight: 400;
	line-height: 5.56vw;
	padding-left: 1.39vw;
}
.layer-page .layer-desc.type2 > p::before{
	content: '';
	display: block;
	position: absolute;
	left:0;
	top: 2.78vw;
	width: 0.42vw;
	height: 0.42vw;
	background-color: #666;
	border-radius: 100%;

}
.layer-page .notice-wrap+.notice-wrap{
	border-top: 2.78vw solid #F2F2F2;
}
.header.type2,
.layer-page .header { border-bottom:0.28vw solid #eee;}

/* popup - 선물하기 */
.layer-page.present-popup ul.clist {
	padding: 0;
	border: none;
	text-align: left;
}
.layer-page.present-popup ul.clist li {
	font-size: 3.76vw;
}
/* popup - 장바구니 */
.layer-page.cart {
	width: 91.67vw;
	border-radius: 2.78vw;
	border: 0.14vw solid #000;
	padding: 0;
}
.layer-page.cart .header-wrap button {
	width: 4.17vw;
	height: 4.17vw;
	position: absolute;
	right: 4.17vw; top: 4.17vw;
	margin-top: 0;
	background-size: 100%;
}
.dim .layer-page.cart .container {
	padding: 0;
}
.layer-page.cart .contents {
	text-align: center;
	padding: 13.89vw 0 11.11vw;
	font-size: 4.72vw;
	font-weight: 500;
}
.layer-page.cart .buttons {
	display: flex;
}
.layer-page.cart .buttons button {
	width: 50%;
	height: 13.89vw;
	border-radius: 0;
	margin: 0;
}
.layer-page.cart .buttons button:not(.ok-type) {
	border-top: 0.14vw solid #d9d9d9;
	color: #666;
}

/* select-box-ui */
.select-box-ui.on + .select-wrap .defalut-text{
	color: #222;
	border-color: #222;
}
.select-box-ui{display: none;}
/*.select-wrap{*/
/*	display: inline-block;*/
/*	position: relative;*/
/*	vertical-align:middle;*/
/*}*/
input + .select-wrap{
	margin-left:18px;
}
.select-wrap .defalut-text{
	text-align: left;
	cursor: pointer;
	padding-right: 5.972vw;
	line-height: 6.13vw;
	color: #666;
	font-size: 3.89vw;
	background: url(../images/common/icon_list_select.png) no-repeat 100% center;
	background-size: 3.89vw;
}
.select-wrap .options{
	display: none;
	position: absolute;
	top: 8.33vw;
	left: 0;
	width: max-content;
	border: 0.28vw solid #222;
	background-color: #fff;
	z-index: 20;
}
.mmy .prdlist.htype .select-wrap .options li,
.select-wrap .options li {
	padding: 0; margin: 0;
	width: 100%;
	border-bottom: 0.28vw solid #f5f5f5;
}
.mmy .prdlist.htype .select-wrap .options li:last-of-type,
.select-wrap .options li:last-of-type {
	border-bottom: 0;
}
.select-wrap .options li:hover a{
	background-color: #f2f2f2;
	color: #0e67c1;
}
.prdlist .options li > a:first-child,
.select-wrap .options li a{
	display: block;
	padding: 2.50vw 2.64vw 1.94vw 2.64vw;
	/* white-space: nowrap; */
	line-height: 1.5;
	margin-bottom: 0;
	text-align: left;
}
.select-wrap .options li.placeholder-option{
	display:none;
}
.select-wrap.show input{background-image: url(../images/common/icon_list_select-up.png);}
.select-wrap.show .options{
	display: block;
	transition:.4s;
	max-height: 34.03vw;
	overflow-y: auto;
	overflow-x: hidden;
}
.select-box-ui.disabled + .select-wrap input{
	border: 0.14vw solid #d7d7d7;
	background-color: #f2f2f2;
	cursor: default;
	color: #666;
}
.select-wrap .options .disabled,
.select-wrap .options .disabled a{
	color: #999;
	pointer-events: none;
	cursor: default;
}
.select-wrap .options li:hover.disabled a{
	background-color: #fff;
	color: #999;
	pointer-events: none;
	cursor: default;
}

/* layer page small*/
.dim{
	z-index:11;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	padding:0 5.56vw;
	background:rgba(0,0,0,0.2);
}
.dim .layer-page{
	position:relative;
	top:50%;
	width:100%;
	height:auto;
	transform:translateY(-50%);
}
.dim .layer-page .container{
	padding:3.17vw;
	height:auto;
}
.dim .layer-page h1.ctit{
	letter-spacing:-0.2vw;
}
.dim .layer-page.type-rental .container{
	padding: 6.94vw 8.33vw;
}
.dim .layer-page.type-rental.cancle .container{
	padding: 6.94vw 4.17vw 4.47vw 4.17vw;
}
/* section top bar */
.se-wrap-box{border-top: 2.78vw solid #F2F2F2;}
.se-wrap-box.type-2{
	border-bottom: 2.78vw solid #f2f2f2;
}
.se-wrap-box.type-2 .link-tit a{
	border-bottom: 0;
}
.se-wrap-box.type-border{
	border-top: 1px solid #e5e5e5;
}
.se-wrap-box.clist{border-bottom: 0;}
.se-wrap-box .se-box-tit{
	display: block;
	padding: 4.17vw;
	font-size: 4.44vw;
	font-weight: 500;
	border-bottom: 0.28vw solid #E5E5E5;
}
.se-wrap-box .se-box-tit.no-bd{border-bottom: 0;}
/* item-tit-wrap */
.item-tit-wrap{
	padding:4.17vw;
}
.item-tit-wrap em{
	line-height:5.69vw;
	color: #666;
}
.item-tit-wrap strong{
	display:block;
	margin-top:1.39vw;
	max-height:15vw;
	line-height:7.5vw;
	font-weight:500;
	font-size:5vw;
}
/* item-desc-list */
.item-desc-list{
	margin-top:1.39vw;
	padding:0 4.17vw;
}
.item-desc-list table{
	table-layout:fixed;
	width:100%;;
}
.item-desc-list table th{
	padding:4.17vw 0 4.17vw 0;
	border-top:0.28vw solid #E5E5E5;
	text-align:left;
	font-weight:400;
	color: #666666;
}
.item-desc-list table td{
	padding:4.17vw 0 4.17vw 4.86vw;
	border-top:0.28vw solid #E5E5E5;
	line-height:5.69vw;
}
/* form input */
.form-area {
	padding:6.94vw 4.2%;
}
.stit + .form-area { padding:0 4.17vw;}
input[type="text"],
input[type="number"],
input[type="password"],
input[type="tel"]{
	/* margin-top:4.5vw; */
	padding:2.5000vw;
	width: 100%;
	border:0.28vw solid #fff;
	border-bottom: 0.28vw solid #d7d7d7;
	color: #222;
	font-size: 3.8889vw;
	letter-spacing:0;
	font-weight:400;
	line-height:5.6944vw;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus{
	border-bottom:0.28vw solid #222;
}
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="tel"]:disabled,
input[type="number"]:disabled,
input[type="text"][readonly]{
	background:#F2F2F2;
	border:0.28vw solid #e4e4e4;
	color: #999999;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder{color: #999;}
input[type="text"]:-ms-input-placeholder{color: #999;}
input[type="password"]:-ms-input-placeholder{color: #999;}
input[type="tel"]:-ms-input-placeholder{color: #999;}
/*
input[type="text"]:focus,
input[type="password"]:focus,
 .select-wrap input:focus{border-color: #222;}
*/
input + input,
.error-box + input,
.error-msg + input,
.inp-side-btn + input{margin-top:4.5vw;}
.disabled-empty label{color: #999;}

.error-box{border-bottom: 0.28vw solid #ff4848 !important;}
.error-box.blue{border-bottom: 0.28vw solid #1181f1 !important;}
.error-msg{
	display: none;
	color: #ff4848;
	/* height: 24px; */
	padding-top:1.3889vw;
	font-size: 3.33vw;
	font-weight: 300;
}
.error-msg.blue{
	color:#1181f1;
}
.error-box ~ .error-msg {
	display:block;
	clear: both;
}

/* input / calendar */
.input-calendar-wrap{
	position:relative;
	display:inline-block;
	vertical-align: middle;
}
.input-calendar-wrap input[type="text"]{
	margin-top:0;
	padding:2.64vw 6.94vw 2.64vw 3.19vw;
	width:100%;
	background:#fff;
	border:0.28vw solid #D7D7D7;
	line-height:4.44vw;
	font-size:3.61vw;
	font-family:'Roboto',sans-serif;
}
.input-calendar-wrap .icon-calendar{
	position:absolute;
	top:0;
	right:0;
	width:9.72vw;
	height:10vw;
	background:url(../images/common/icon_cal.png) no-repeat center center;
	background-size:4.17vw;
	font-size:0;
}
/* input side button */
.btn-incont {
	height:7.78vw;
	padding:0 4.72vw;
	background:#e5e5e5;
	border:0.28vw solid #e5e5e5;
	color:#959595;
	font-size:3.33vw;
	cursor:default;
}
.btn-incont.active{
	background-color:#fff;
	border-color:#d7d7d7;
	color:#666;
	cursor:pointer;
}

.inp-side-btn { position:relative;}
.inp-side-btn input{margin-top:4vw;}
.inp-side-btn:first-child input{margin-top: 0;}
.email .inp-side-btn input.custom{margin-top:1.389vw;}
.inp-side-btn:first-child .btn-incont{top: 1.944vw;}
.email .inp-side-btn .btn-incont{top: 3.611vw;}

.inp-side-btn .btn-incont {
	position:absolute;
	right:0;
	top:6.1vw;
	padding:0 4.106vw;
}
.btn-line{
	padding-bottom:0.42vw;
	line-height:5vw;
	border-bottom:0.28vw solid #222;
	color: #222;
	font-size:3.33vw;
}
.btn-line.white{
	border-bottom:0.28vw solid #fff;
	color: #fff;
}
.btn-line.btn-arr{
	position:relative;
	padding-right:7vw;
}
.btn-line.btn-arr:before,
.btn-line.btn-arr:after{
	content:'';
	position:absolute;
	top:50%;
	right:0.56vw;
	transform:translateY(-50%);
}
.btn-line.btn-arr:before{
	width:5vw;
	height:0.28vw;
	background:#222;
}
.btn-line.btn-arr.white:before{
	width:5vw;
	height:0.28vw;
	background-color:#fff;
}
.btn-line.btn-arr:after{
	width:1.39vw;
	height:1.39vw;
	border:0.28vw solid #222;
	border-left:0;
	border-bottom:0;
	transform:translateY(-50%) rotate(45deg);
}
.btn-line.btn-arr.white:after{border-color: #fff;}
.btn-line.btn-arr.mid-line-none{
	padding-right:4.4444vw;
	padding-bottom:0.5556vw;
	line-height:5.0000vw;
	color: #666;
	border-color:#999;
	background:url(../images/common/btn_circle.png) no-repeat 100% center;
	background-size:1.6667vw;
}
.btn-line.btn-arr.mid-line-none:before{content:none;}
.btn-line.btn-arr.mid-line-none:after{content:none;}


/* 더보기(클릭 시 height:100%) 버튼 */
.expand-wrap{
	overflow: hidden;
	position: relative;
	padding-bottom: 10.56vw;
	/* max-height: 106.389vw; */
}
.expand-wrap.incont-wrap {
	overflow: hidden;
	max-height: 212.78vw;
	padding-bottom: 21.667vw;
}
.btn-expand{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 10.556vw;
	border-top: 0.28vw solid #F1F1F1;
	border-bottom: 0.28vw solid #E5E5E5;
	background-color: #fff;
	z-index: 9;
}
.btn-expand-wrap{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 14.72vw;
	background-color: #fff;
}
.btn-expand-wrap::before{
	content: '';
	position: absolute;
	height: 22.22vw;
	background: linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 100%);
	bottom: 100%;
	left: 4.17vw; right: 4.17vw;
}
.btn-expand.txt-type{
	width: 91.7%;
	border: 0.28vw solid #1181F1;
	background-color: #fff;
	margin: 4.167vw;
	color: #1181F1;
	box-shadow: 0 0.83vw 1.11vw rgba(0,0,0,.15);
	margin-bottom: 0;
	bottom: 4.167vw;
	border-radius: 0.69vw;
	text-align: center;
    line-height: 2.6;
}
/* .btn-expand.txt-type:after{
	content:'';
	position: absolute;
	top: -.139vw;
	left: -4.167vw;
	width: calc(100% + 8.333vw);
	height: calc(100% + 0.56vw);
	border-bottom: 4.167vw solid #fff;
} */
.btn-expand span{
	display: block;
	height: 3.89vw;
	background: url(../images/common/icon_list_select.png) center/3.89vw no-repeat;
	font-size: 0;
}
.btn-expand.txt-type span{background-image: url(../images/common/icon_list_select_blue.png);}
.btn-expand.action-none {
	display:block;
	position:relative;
	bottom:auto;
}
.txt-type.btn-expand span{
	display: initial;
	padding-right: 5.97vw;
	background-position: right center;
	font-size: inherit;
}
.expand-wrap.open{
	height: 100% !important;
	max-height: 100% !important;
}
.expand-wrap.open .btn-expand span{background-image: url(../images/common/icon_list_select_up.png);}
.expand-wrap.open .btn-expand.txt-type span{background-image: url(../images/common/icon_list_select_blue_up.png);}
.expand-wrap .prdlist > li,
.expand-wrap .prd-list > li {
	display:none;
}
.expand-wrap .prdlist > li:nth-child(1),
.expand-wrap .prdlist > li:nth-child(2),
.expand-wrap .prd-list > li:nth-child(1),
.expand-wrap .prd-list > li:nth-child(2) {
	display:block;
}
.expand-wrap.open .prdlist > li,
.expand-wrap.open .prd-list > li {
	display:block;
}

/* email form */
.form-area .email {
	width:100%;
	overflow:hidden;
}
.form-area .email input{margin-top:4vw;}
.form-area .email input:first-child {
	width:calc(50% - 4.4vw);
	float:left;
	vertical-align:top;
}
.form-area .email .inp-side-btn input:first-child {width: 100%;}
.form-area .email .unit {
	float:left;
	width:8.8vw;
	font-size:4.44vw;
	text-align:center;
	padding-top:6vw;
	vertical-align:top;
}
.form-area .email select {
	float:left;
	width:calc(50% - 4.4vw);
	font-size:3.889vw;
	margin-top:4vw;
	padding:2.5vw;
	border-bottom: 0.28vw solid #d7d7d7;
	vertical-align:top;
	-webkit-appearance: none;  /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	background: url('../images/common/bl_select_arrow.png') no-repeat right bottom;  /* 화살표 모양의 이미지 */
	background-size:11.6% auto;
}
.form-area .user-channel select{
	width: 100%;
	font-size: 3.889vw;
    padding: 2.5vw;
    border-bottom: 0.28vw solid #d7d7d7;
    background: url('../images/common/bl_select_arrow.png') no-repeat right bottom;  /* 화살표 모양의 이미지 */
    background-size: 5.6% auto;

}

.form-area .email input.error-box + span + select + .error-msg {display:block; clear:both;}

/* number form */
.form-area .number{
	width:100%;
	overflow:hidden;
}
.form-area .number select {
	margin-top:5.54vw;
	width:22.22vw;
	float:left;
	padding: 2.2vw 2.2%;
	border-bottom: 0.28vw solid #d7d7d7;
	vertical-align:top;
	font-size:3.889vw;
	-webkit-appearance: none;  /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	background: url('../images/common/bl_select_arrow.png') no-repeat right bottom;  /* 화살표 모양의 이미지 */
	background-size:23% auto;
}
.form-area .number .unit{
	float:left;
	width:8.33vw;
	font-size:4.44vw;
	text-align:center;
	padding-top:6vw;
	vertical-align:top;
}
.form-area .number input{
	margin-top:5.2vw;
	width:calc(100% - 30.55vw);
}
.number .error-box + .error-msg{
	float:right;
	width:calc(100% - 30.55vw);
}
div + .form-tit{
	margin-top:8.33vw;
}
.form-tit{
	margin-bottom:4.17vw;
}
.form-tit .small{ color: #666; font-weight: normal; margin-left: 1.38vw;}
/* textarea */
.textarea-wrap{
	position:relative;
	padding:2.7778vw 2.7778vw 8.7500vw;
	background:#F2F2F2;
	border:0.28vw solid #F2F2F2;
}
.textarea-wrap.no-num{padding:2.78vw;}
textarea{
	display:block;
	padding:2.78vw 2.78vw 8.33vw;
	width: 100%;
	background:#F2F2F2;
	border:0.28vw solid #F2F2F2;
	color: #222;
	font-size: 3.89vw;
	letter-spacing:0;
	font-weight:400;
	line-height:5.56vw;
	resize: none;
}
textarea::placeholder{color: #999;}
textarea:focus{
	border:0.28vw solid #222;
	background:#fff;
}
textarea:disabled{
	background:#F2F2F2;
	border:0.28vw solid #F2F2F2;
}
/* .textarea-wrap */
.textarea-wrap textarea,
.textarea-wrap textarea:focus,
.textarea-wrap textarea:disabled{
	padding:0;
	background:transparent;
	border:0;
}
.textarea-wrap textarea{
	max-height:27.78vw !important;
}
.textarea-wrap.h30 textarea{
	height:11.1111vw !important;
}
.textarea-wrap.error-box{
	border:0.28vw solid #FF4848;
	background:#fff;
}
.textarea-wrap.error-box textarea{
	background:transparent;
	border-color:transparent;
}
.textarea-wrap.error-box textarea:focus{
	border:0.28vw solid #fff;
}
.textarea-wrap .text-num{
	position:absolute;
	bottom:2.78vw;
	right:2.78vw;
	font-size:3.33vw;
	font-weight:400;
	font-family:'Roboto', 'Noto Sans KR' ,sans-serif;
	letter-spacing:0;
	color: #999;
}
.textarea-wrap .text-num em,
.textarea-wrap .text-num strong{
	font-weight:500;
	font-size:3.33vw;
	font-family:'Roboto',sans-serif;
	letter-spacing:0;
	color: #666;
	font-style: normal;
}
.textarea-wrap .text-num span.unit{margin-left:0.5556vw; font-size:3.0556vw;}
/* select / dropdown */
.select-area.w-full{
	padding:0 4.17vw;
}
.select-area.w-full select{
	width:100%;
}
.select-area.w-full select{
	padding:2.78vw 5.972vw 2.78vw 2.78vw;
	line-height:5.69vw;
}
.select-area.type4{
	margin-top: 6px;
}
select{
	padding-right:5.972vw;
	line-height:6.13vw;
	color: #666;
	color: #999;
	font-size:3.89vw;
	background:url(../images/common/icon_list_select.png) no-repeat 100% center;
	background-size:3.89vw;
}
select.active{
	background:url(../images/common/icon_list_select_up.png) no-repeat 100% center;
	background-size:3.89vw;
	color: #222;
}
.select-area{
	position:relative;
	display:inline-block;
}
select + select,
.select-area + .select-area{
	margin-left:8.33vw;
}
.select-area.w-full + .select-area.w-full{margin-left:0;}
.select-wrap{
	text-align: center;
}
.swiper-btn-wrap .select-wrap{
	position:relative;
	margin:0 6.9444vw;
	/* display:inline-block; */
}
.select-area.bar select{
	border-bottom:0.28vw solid #e5e5e5;
}
.select-area.bar.type2 select{
	padding:0 5vw 2.78vw 0;
	background-position: 100% 35%;
	line-height:6.94vw;
	color: #222;
	font-size:3.89vw;
	text-overflow: ellipsis;
}
.select-area.border select{
	padding:3.61vw 4.17vw;
	background-color: #fff;
	background-position: 95% 55%;
	border:0.28vw solid #D7D7D7;
	line-height:5.69vw;
	font-size:3.89vw;
	font-weight:300;
}

.select-area select:disabled{opacity: .5;}

/* dropbox-wrap */
.dropbox-wrap{
	position: relative;
	width: calc(100% - 8.34vw);
	margin: 4.17vw 4.17vw 1.39vw;
	padding-bottom: 2.778vw;
}
.new-fxd-bottom .dropbox-wrap.active .select-cont{
	border: 0.28vw solid #222;
	border-bottom: 0;
}
.new-fxd-bottom .dropbox-wrap.active .select-cont span{
	color: #222;
}
.dropbox-wrap.active .select-cont{
	background-image: url(../images/common/icon_list_select_up.png);
}
.dropbox-wrap .select-cont.select{
	color: #222;
	border-color: #222;
}
.dropbox-wrap .select-cont +  .options li.focus .op-tit{
	color: #004F9F;
}
.dropbox-wrap .select-cont{
	display: flex;
	line-height: 1.2;
	align-items: center;
	padding: 3.61vw 4.17vw;
	padding-right: 9.72vw;
	border: .28vw solid #d7d7d7;
	/* font-weight: 300; */
	color: #999;
	font-weight: 400;
	background: url(../images/common/icon_list_select.png) 95% center/3.89vw no-repeat;
}
.dropbox-wrap .select-cont button{
	text-align: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    width: 94%;
    overflow: hidden;
}
.dropbox-wrap .select-cont .options li button > span{
	display: inline-block;
	line-height: 1.43;
}
.dropbox-wrap .select-cont .txt{
	width: 35% !important;
}
.dropbox-wrap .options{
	display: none;
	position: absolute;
	top: 13.89vw;
	left: 0;
	width: 100%;
	border: .28vw solid #222;
	border-top: 0;
	background-color: #fff;
	z-index: 4;
}
.dropbox-wrap.active .options{
	display: block;
}
.dropbox-wrap li{
	display:flex;
	align-items: center;
	padding: 3.47vw 7.92vw 3.47vw 3.89vw;
	border-bottom: .28vw solid #f2f2f2;
	min-height: 12.78vw;
}
.dropbox-wrap li.disabled button ,.dropbox-wrap li.disabled button .op-tit{
	color: #999;
}
.dropbox-wrap li.selected{
	background-color: #f2f2f2;
}
.dropbox-wrap li.selected button ,.dropbox-wrap li.selected button .op-tit{
	color: #004f9f;
}
.dropbox-wrap li > button,
.dropbox-wrap .op-tit{
	text-align: left;
}
.dropbox-wrap li > button{
	/* display:flex; */
	display: block;
	align-items: center;
	width: 100%;
}
.dropbox-wrap li > button + button{
	flex:none;
	margin-left: auto;
}
.dropbox-wrap .op-tit{
	width: 100%;
	display: block;
	color:#222;
	flex:1;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	font-size: 3.89vw;
	line-height: 1.43;
	letter-spacing: -0.16vw;
	font-weight: 400;
}
.dropbox-wrap button:disabled .op-tit,
.dropbox-wrap button:disabled .price-wrap,
.dropbox-wrap button:disabled .price-wrap .dc-rate{color:#999;}
.dropbox-wrap button:disabled .price-wrap .price{
	font-size: 3.888vw;
	font-weight: normal;
}
.dropbox-wrap .price-wrap .sold-out{font-size: 3.33vw;}
.dropbox-wrap.active strong{
	border-color: #666;
	background-image: url(../images/common/icon_list_select_up.png);
}
.dropbox-wrap button .op-tit,
.dropbox-wrap button .price-wrap{
	flex:none;
	vertical-align: middle;
}
.dropbox-wrap .price-wrap{
	display: block;
	margin-left: auto;
	/* text-align: right; */
	text-align: left;
	font-family: 'Roboto','Noto sans',sans-serif;
	letter-spacing: 0;
}
.dropbox-wrap .price-wrap.sold-out{font-size: 3.33vw;}
.dropbox-wrap .price{
	font-size: 4.44vw;
	font-weight: 700;
}
.dropbox-wrap .dc-rate{
	font-size: 4.44vw;
	font-weight: 700;
	color:#DD042B;
}
.dropbox-wrap .unit{font-size: 3.33vw;}
.dropbox-wrap .btn-notification.active{
	width: auto;
	flex-grow:0;
	margin-left: 1.39vw;
	border-color: #1181F1;
	color: #1181F1;
}

/* spinner */
.count-unm{
	position: relative;
	width: 26.11vw;
}
.count-unm input{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50% , -50%);
	width: 11.11vw;
	height: 7.78vw;
	margin-top: 0;
	padding: 0;
	border: .28vw solid #d7d7d7;
	font-family:'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing:0;
	text-align: center;
	font-size: 3.89vw;
	color: #222;
	line-height: 1.36;
}
.count-unm .btn{
	overflow: hidden;
}
.count-unm .btn .counter-rolling-btn{
	width: 7.78vw;
	height: 7.78vw;
	background:center/2.78vw no-repeat;
	font-size: 0;
	border: 0.28vw solid #d7d7d7;
	background-color: #fff;
}
.count-unm .btn .up{
	float: right;
	background-image: url(../images/common/btn_plus.png);
	border-left: 0;
}
.count-unm .btn .down{
	float: left;
	background-image: url(../images/common/btn_minus.png);
	border-radius: 0;
}
.count-unm input[type="text"]:focus{border-color: #d7d7d7;}

/* alert msg */
.dimm {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:11;
}
.alert-msg {
	position:absolute;
	width:calc(100% - 16.67vw);
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	background:#fff;
	z-index:11;
}
.alert-msg p {
	padding:13.89vw 8.33vw;
	font-size:3.89vw;
	color:#666;
	text-align:center;
}
.alert-msg .pass {
	width:100%;
	height:11.11vw;
	background:#1181f1;
	color:#fff;
}
.alert-msg .close {
	position:absolute;
	right:5.56vw;
	top:4.72vw;
	width:4.44vw;
	height:4.44vw;
	background:url('../images/common/icon_alert_close.png') no-repeat center center;
	background-size:100% auto;
}

/* page type */
h1.ctit {
	height:100%;
	font-size:5vw;/* 36px */
	font-weight:500;
	text-align:center;
	padding:1.9% 0;
}
h2.ctit {
	font-size:4.44vw;/* 32px */
	font-weight:500;
}
h3.ctit {
	font-size:4.17vw;/* 30px */
	font-weight:500;
}
h4.ctit {
	font-size:3.89vw;/* 28px */
	font-weight:500;
}
.contents.gift-fix{
	padding-bottom: 34.44vw;
}
/* contents */
.message-box {
	padding:31.39vw 0 8.61vw 0;
	font-size:3.89vw;
	text-align:center;
	background:url('../images/common/icon_message.png') no-repeat center 12.78vw;
	background-size:auto 14.44vw;
	color:#666;
	line-height: 1.4;
}
.message-box strong { font-size:3.89vw; font-weight:500;}
.message-box.grey{
	padding:26.94vw 0 8.33vw 0;
	background-image: url('../images/common/icon_message_grey.png');
	background-size:14.44vw;
	background-position: center 8.33vw;
}
.message-box .clist{
	padding:0 4.17vw;
	border-bottom:0;
	text-align:left;
}
.message-box .clist li{
	font-size:3.89vw;
}
.message-box .clist li + li{
	margin-top:1.39vw;
}
.message-box4.gift strong{
	font-size: 6.39vw;
	font-weight: 400;
	line-height: 1.3;
}
.al-center{
	align-items: center;
	display: flex;
}
.message-box4.gift .message-small-text{
	line-height: 1.43;
}
.message-box4.gift.short{
	background-position: center 13.89vw;
	padding: 32.50vw 0 13.89vw 0 !important;
}
.message-box4.gift{
	padding:46.39vw 0 8.61vw 0 !important;
	padding:32.778vw 0 13.889vw;
	font-size:3.89vw;
	text-align:center;
	background:url('../images/common/icon_message4.png') center 0 no-repeat;
	background-size:auto 14.44vw;
	background-position: center 27.78vw;
	color:#666;
}
.message-box2 {
	padding:31.39vw 0 8.61vw 0;
	padding:32.778vw 0 13.889vw;
	font-size:3.89vw;
	text-align:center;
	background:url('../images/common/icon_message2.png') no-repeat center 12.78vw;
	background-size:auto 14.44vw;
	background-position: center 14.167vw;
	color:#666;
}
.message-box2.gift{
	padding-top: 38.06vw;
}
.message-box2.type-reason{
	padding: 42.22vw 0 13.889vw;
	background-position: center;
}
.message-box2.type-reason .ui-info-wrap{
	margin-top: 4.17vw;
	line-height: 1.43;
}
.message-box2.gift strong{
	font-size: 5vw;
	line-height: 1.5;
}
.message-box2 strong {
	display:block;
	font-size:4.44vw;
	padding-bottom: 2.778vw;
	font-weight:500;
	letter-spacing: -0.20vw;
	line-height: 1.33;
}
.message-box2 span {
	display:block;
	width:calc(100% - 8.33%);
	/* height:68px; */
	margin:5.5vw auto;
	padding:4.7vw 0;
	background:#f2f2f3;
	font-family:'Roboto',sans-serif;
	font-size:6.39vw;
	font-weight:400;
	color:#222;
	letter-spacing:0;
}
.message-box2 .message-small-text {
	padding-bottom:5.6956vw;
	font-size:3.8889vw;
	letter-spacing: -0.16vw;
}
.message-box2 .message-small-text strong {
	display:inline;
	padding:0;
	font-size:inherit;
	color:#1181F1;
}
.message-box2.gift .message-small-text {
	padding-bottom: 0;
}
.message-box2.gift .ui-info-wrap.gift{
	text-align: left;
	padding: 0 4.17vw !important;
}
.message-box2.gift .ui-info-wrap.gift .orde-noti{
	font-size: 3.33vw;
}
.message-box2 p.message-small-text:last-child{padding-bottom: 0;}

.message-box3 {
	padding:6.94vw 0 8.61vw 0;
	font-size:3.89vw;
	text-align:center;
	background-size:auto 14.44vw;
	color:#666;
}
.message-box3 strong { font-size:3.89vw; font-weight:500;}

.message-box3 span {
	display:block;
	width:calc(100% - 8.33vw);
	height:18.89vw;
	margin:0 auto;
	padding-top:4.17vw;
	background:#f2f2f3;
	font-family:'Roboto',sans-serif;
	font-size:6.39vw;
	font-weight:400;
	color:#222;
	letter-spacing:0;
	margin-top:5.56vw;
}
.message-box4{
	padding-top: 18.52vw;
	font-size:3.89vw;
	text-align:center;
	background:url('../images/common/icon_message4.png') center 0 no-repeat;
	background-size:auto 14.44vw;
	color:#666;
}
.message-box4 strong{
	display: block;
	margin-bottom: 2.77vw;
	font-size:6.94vw
}
.message-box5{
	background-image: url('../images/common/icon_imperative.svg');
	background-repeat: no-repeat;
	background-size: 13.06vw 13.06vw;
	background-position: center 38.89vw;
	text-align: center;
	color: #666;
	/* padding: 55vw 0 39.03vw; */
	height: calc(100% - 104vw);
	padding-top: 15.833vw;
	margin-top: 38.889vw;
	background-position: center 0;

}
.message-box5 > strong{
	color: #666666;
	letter-spacing: -0.16vw;

}
.message-box6{
	background-image: url('../images/common/icon_message6.svg');
	background-repeat: no-repeat;
	background-size:14.44vw;
	background-position: center 38.89vw;
	text-align: center;
	color: #666;
	/* padding: 55vw 0 39.03vw; */
	height: calc(100% - 104vw);
	padding-top: 15.833vw;
	margin-top: 35.138888888888886VW;
	background-position: center 0;
}
.message-box6 > strong{
	color: #666666;
	letter-spacing: -0.16vw;

}


.cont-mid{width: 100%;}

.layer-infoBox{
	background-color: #F2F2F2;
	margin: 0 4.17vw;
	padding: 8.33vw 18.89vw;
	text-align: center;
}
.infoBox_txt{
	color: #666;
}
.infoBox_date{
	color: #666666;
	font-size:3.33vw;
	letter-spacing: -0.13vw;
}
.layer-content{
	padding: 6.94vw 4.17vw 22.08vw;
	color: #666;
	font-size:3.89vw;
	line-height: 5.56vw;
}
/* tab button */
.ctab-wrap .tab-tit:after{
	content:'';
	display:block;
	clear:both;
	/* overflow: hidden; */
}
.ctab-wrap .tab-tit li{
	position:relative;
	float: left;
	width: 50%;
	text-align: center;
	border-bottom: 0.28vw solid #BDBDBD;
}
.ctab-wrap .tab-tit li > a{
	position: relative;
	display: block;
	padding: 2.361vw 0;
	font-size: 4.16VW;
	color: #666;
}
.ctab-wrap .tab-tit a:after {
	content: attr(title);
	opacity: 1;
	position: absolute;
	width: 100%;
	left: 0;
	font-weight: 400;
	background: #fff;
	bottom: 2.361vw;
}
.ctab-wrap .tab-tit li.current:after{
	content:'';
	position: absolute;
	bottom: -0.28vw;
	left: 0;
	width: 100%;
	height: 0.56vw;
	background-color: #1181F1;
	color: #1181F1;
}
.ctab-wrap .tab-tit li.current a,
.ctab-wrap .tab-tit li.current a:after{
	color: #1181F1;
	font-weight: 500;
}
.ctab-wrap.header-s-fixed-tab {
	padding-top:14.2667vw;
}
.ctab-wrap.header-s-fixed-tab .tab-tit {
	position:fixed;
	top:15.6vw;
	left:0;
	right:0;
	background:#fff;
}
/* radio-tab style */
.radio-tab{
	display:flex;
	overflow: visible;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y:hidden;
	-ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.radio-tab::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.radio-tab > .radio-wrap2,
.radio-tab .radio-wrap3,
.border-radio-wrap > .radio-wrap{
	margin-left:0;
	display:block;
	float: none;
	width: auto;
	text-align: center;
}
.radio-tab .radio-wrap3 input[type="radio"],
.radio-tab .radio-wrap2 input[type="radio"]{
	display:none;
}

.radio-tab .radio-wrap2 input[type="radio"] + label{
	padding-left:0;
	display:block;
	cursor:pointer;
	background:none;
	border-bottom: 0.28vw solid #666;
	box-sizing:border-box;
}
.radio-tab .radio-wrap2 input[type="radio"] + label span{
	display:block;
	padding:2.5vw 4.17vw 2.92vw;
	position:relative;
	line-height:5.69vw;
	font-size:3.89vw;
	color: #666;
}
.radio-tab .radio-wrap2 input[type="radio"]:checked + label{
	position:relative;
	cursor:default;
	background:none;
}
.radio-tab .radio-wrap2 input[type="radio"]:checked + label:after{
	content:'';
	position:absolute;
	bottom:-0.28vw;
	left:0;
	width:100%;
	height:0.56vw;
	background:#1181F1;
}
.radio-tab .radio-wrap2 input[type="radio"] + label span:after {
	content: attr(title);
	opacity: 1;
	position: absolute;
	width: 100%;
	left: 0;
	font-weight: 400;
	background: #fff;
	top: 2.5vw;
}
.radio-tab .radio-wrap2 input[type="radio"]:checked + label span:after{
	color: #1181F1;
	font-weight:500;
}


.radio-tab .radio-wrap3 input[type="radio"] + label{
	padding-left:0;
	display:block;
	cursor:pointer;
	background:none;
	border: 0.28vw solid #D7D7D7;
	box-sizing:border-box;
	width: 23.41vw;
	height: 8.3vw;
	line-height: 8vw;
	border-radius: 11.30vw;
	color: #666;
	margin: 1px ;
}

.radio-tab .radio-wrap3 input[type="radio"]:checked + label{
	border: 0.28vw solid #1181F1;
	color: #1181F1;
}

.radio-tab .radio-wrap3.small input[type="radio"] + label{
	width: 13.05vw;
}

/* radio-list style */
.radio-list{
	overflow:hidden;
}
.radio-list li{
	float:left;
	width:50%;
	background:#eee;
	border-bottom:0.28vw solid #E5E5E5;
}
.radio-list li:nth-child(2n){
	border-left:0.28vw solid #E5E5E5;
}

.mbr{
	min-height: 100%;
}
.mbr001 .radio-list{
	width:calc(100% + 0.28vw);
	margin-left:-0.28vw;
}
.mbr001 .radio-list li{
	border: solid #E5E5E5;
	border-width:0 .28vw .28vw;
}
.mbr001 .radio-tab + .radio-list li{border-left:0.28vw solid #E5E5E5;}
.mbr .eventgift-swiper {
	padding-bottom: 6.17vw;
}

.radio-list li input[type="radio"]{
	display:none;
}
.radio-list li input[type="radio"] + label{
	padding:3.47vw 4.17vw;
	display:block;
	line-height:5.69vw;
	color: #666;
	font-size:3.89vw;
}
.radio-list li input[type="radio"]:checked + label{
	color: #1181F1;
    font-weight: 500;
}
.margin-cate{
	padding:2.17vw 4.17vw;
	height: 13vw;
}
/*.border-radio-wrap{
	padding:1.94vw 4.17vw;
}*/
.border-radio-wrap > .radio-wrap + .radio-wrap{
	margin-left:1.39vw;
}
.border-radio-wrap.type-ui .radio-wrap label{
	font-size: 3.89vw !important;
	letter-spacing: -0.16vw;
	color: #666;
	padding: 1.39vw 2.78vw !important;
	line-height: 8.94vw !important;
}
.border-radio-wrap > .radio-wrap input[type="radio"] + label{
	padding:0.42vw 2.78vw;
	background:none;
	border:0.28vw solid transparent;
	border-radius:4.17vw;
	line-height:5vw;
	color: #666;
	font-size:3.61vw;
}
.border-radio-wrap > .radio-wrap input[type="radio"]:checked + label{
	background:none;
	border-color:#1181F1;
	color:#1181F1;
	font-weight:500;
}

/* .ctab-wrap.type2
.ctab-wrap.type2 .tab-tit{
	padding: 4.17vw 4.17vw;
}
.ctab-wrap.type2 .tab-tit li{
	position:relative;
	display: block;
	height:8.8vw;
	background: #fff;
	box-sizing: border-box;
	border: 0.28vw solid #D7D7D7;
}
.ctab-wrap.type2 .tab-tit li + li{
	border-left:0;
}
.ctab-wrap.type2 .tab-tit li a {
	padding:0;
	width:100%;
	line-height: 7.78vw;
	color: #666;
	font-size: 3.61vw;
}
.ctab-wrap.type2 .tab-tit li.current a {
	padding:0;
	position:absolute;
	top:-0.28vw;
	left: -0.28vw;
	width:101%;
	line-height: 7.78vw;
	color: #666;
	font-size: 3.61vw;
	border: 0.5vw solid #D7D7D7;
}
.ctab-wrap.type2 .tab-tit li.current a{
	border: 0.5vw solid #1181F1;
	z-index: 1;
}
.ctab-wrap.type2 .tab-tit li a:after{
	content: attr(title);
	opacity: 1;
	position: absolute;
	width: 100%;
	height:100%;
	left: 0;
	font-weight: 400;
	background: #fff;
	top: 0;
}
.ctab-wrap.type2 .tab-tit li.current a:after {
	color: #1181F1;
	font-weight: 500;
}
.ctab-wrap.type2 .tab-tit li.current:after{
	content:none;
} */

.panels .panel {
	display:none;
	position:relative;
}
.panels .panel.current { display:block;}
/* .ctab-wrap.type2
.ctab-wrap.type2{padding-top:4.167vw}
.ctab-wrap.type2 .tab-tit{
	overflow: inherit;
	display: table;
	table-layout: fixed;
	width: 91.6%;
	margin:0 auto 4.167vw;
	border-collapse:collapse;
}
.ctab-wrap.type2 .tab-tit li{
	display: table-cell;
	float:none;
	width: auto;
	border: .28vw solid #D7D7D7;
}
.ctab-wrap.type2 .tab-tit a{
	padding: 3.056vw 0;
	line-height: 1;
}
.ctab-wrap.type2 .tab-tit a:after{content:none;}
.ctab-wrap.type2 .tab-tit .current:after{
	left: -.28vw;
	width: calc(100% - .28vw);
	height: calc(100% - .28vw);
	background-color: transparent;
	border: .56vw solid #1181F1;
}
.ctab-wrap.type2 .tab-tit .current a{color: #1181F1;} */

/* .ctab-wrap.type2 */
.ctab-wrap.type2{
	padding:4.167vw 4.17vw;
}
.ctab-wrap.type2 .tab-tit{
	display: flex;
	width: 100%;
	/* overflow: auto; */
	/*width: 91.6%;*/
	/*margin:0 4.17vw 4.167vw;*/
}
.ctab-wrap.type2 .tab-tit li{
	float: none;
	border: 1px solid #bdbdbd;
	-webkit-apperance : none;
	display: table-cell;
	height:9.722vw;
	flex:1;
}
/*.ctab-wrap.type2 .tab-tit li + li{
	width: calc(50% - 0.28vw);
	margin-left: -0.28vw;
}*/
.ctab-wrap.type2 .tab-tit .current{
	position: relative;
	border: 0 solid #1181F1;
	/* border-width: .56vw;
	 */
/*	z-index: 2;*/
}
.ctab-wrap.type2 .tab-tit .current:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:calc(100%);
	height:calc(100%);
	border:0.56vw solid #1181F1;
	z-index:1;
	box-sizing: border-box;
}
.ctab-wrap.type2 .tab-tit li a{padding:0; height: 100%;}
.ctab-wrap.type2 .tab-tit .current a{
	padding:0;
	color: #1181F1;
	font-weight: 400;
}
.ctab-wrap.type2 .tab-tit a{
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-tap-highlight-color: transparent;
	line-height: 1;
 }
 .ctab-wrap.type2 .tab-tit a:focus{outline: none;outline-width:none;}
.ctab-wrap.type2 .tab-tit a:after,
.ctab-wrap.type2 .tab-tit .current:after{content:none;}
.ctab-wrap.type2 .tab-tit li + li{border-left:0;}
/* .ctab-wrap.type3 */
.ctab-wrap.type3 .tab-tit{display:flex;}
.ctab-wrap.type3 .tab-tit li{
	position:relative;
	width:auto;
	border-bottom:0;
	flex:1;
}
.ctab-wrap.type3 .tab-tit li:first-child{
	margin-left:1.389vw;
}
/*
.ctab-wrap.type3 .tab-tit li:first-child a:before{
	content:'';
	position:absolute;
	bottom:-0.28vw;
	left:-1.389vw;
	width:3vw;
	height:0.28vw;
	background:#999;
} */
.ctab-wrap.type3 .tab-tit li:last-child{
	margin-right:1.389vw;
}/*
.ctab-wrap.type3 .tab-tit li:last-child a:before{
	content:'';
	position:absolute;
	bottom:-0.28vw;
	right:-1.389vw;
	width:3vw;
	height:0.28vw;
	background:#999;
} */
.ctab-wrap.type3 .tab-tit li.current:after{bottom:0;}
.ctab-wrap.type3 .tab-tit li > a{
	padding:0 3.1vw 3.7vw;
	border-bottom:1px solid #999;
	letter-spacing:-0.156vw;
}
.ctab-wrap.type3 .tab-tit li.current > a{
	border-bottom:0;
	color: #1181F1;
}
.ctab-wrap.type3 .tab-tit li > a > span.num{
	margin-left:0.69vw;
	padding:0 0.69vw;
	line-height:3.75vw;
	border-radius:1.11vw;
	background:#E5E5E5;
	font-family:'Roboto',sans-serif;
	color: #666;
	font-size: 3.06vw;
	vertical-align: 0.42vw;
	font-weight:400;
}
.ctab-wrap.type3 .tab-tit li.current > a > span.num{
	background:#1181F1;
	color: #fff;
}
/* .ctab-wrap.type4 */
.ctab-wrap.type4{overflow:hidden;}
.ctab-wrap.type4 .tab-tit{
	overflow:visible;
/*	overflow-x:scroll;
	overflow-y: hidden;
	white-space:nowrap; */
	display:flex;
}
.ctab-wrap.type4 .tab-tit li{
	float:none;
	width:auto;
	display:inline-block;
}
.ctab-wrap.type4 .tab-tit li:first-child{
	margin-left:4.17vw;
}
.ctab-wrap.type4 .tab-tit li:last-child{
	margin-right:4.17vw;
}
.ctab-wrap.type4 .tab-tit li + li{
	margin-left:2.78vw;
}
.ctab-wrap.type4 .tab-tit li > a{
	padding-top: 0;
	padding-bottom: 3.47vw;
	width:31.94vw;
	line-height: 5vw;
	text-align:left;
	font-size:3.33vw;
}
.ctab-wrap.type4 .tab-tit li.current > a{
	color: #1181F1;
	font-weight:500;
}
/* .ctab-wrap.type4.no-scroll */
.ctab-wrap.type4.no-scroll .tab-tit{
	overflow:hidden;
	white-space:unset;
}
.ctab-wrap.type4.no-scroll .tab-tit li{
	float:none;
	width:28.3%;
	display:inline-block;
}
.ctab-wrap.type4.no-scroll .tab-tit li > a{
	width:auto;
	text-align: center;
}
/* .ctab-wrap.type5 */
.ctab-wrap.type5 .tab-tit{display:flex;}
.ctab-wrap.type5 .tab-tit li{
	flex:1;
	margin-left: -1px;
	padding:0;
	border-bottom: 0;
	border: 0.28vw solid #BDBDBD;
}
.ctab-wrap.type5 .tab-tit li + li{border-left:0;}
.ctab-wrap.type5 .tab-tit li:first-child{margin-left: 0;}
.ctab-wrap.type5 .tab-tit li.current:after{
	top:-0.28vw;
	left:-0.28vw;
	width:calc(100% - 0.56vw);
	height:calc(100% - 0.56vw);
	border: .56vw solid #1181F1;
	background-color: transparent;
	z-index: 10;
}
.ctab-wrap.type5 .tab-tit li > a{
	padding:1.5257vw 0;
}
.ctab-wrap.type5 .tab-tit li.current > a{
	color: #1181F1;
}
.ctab-wrap.type5 .tab-tit li > a span{
	position: relative;
	top: -.28vw;
	margin-left: 1.11vw;
	font-size: 3.06vw;
	font-weight: 400;
	font-family:'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing:0;
	color:#1181F1;
}

/* .ctab-wrap.type6 */
.ctab-wrap.type6 {
	padding: 4.167vw 4.17vw;
}
.ctab-wrap.type6 .tab-tit{
	display:flex;
	flex-wrap: wrap;
}
.ctab-wrap.type6 .tab-tit li{
	padding:0;
	border-bottom: 0;
	border: 0.28vw solid #BDBDBD;
	width: 33.3%;
	margin-left: -1px;
    margin-top: -1px;
}
.ctab-wrap.type6 .tab-tit li.current:after{
	top:-0.28vw;
	left:-0.28vw;
	width:calc(100% - 0.56vw);
	height:calc(100% - 0.56vw);
	border: .56vw solid #1181F1;
	background-color: transparent;
	z-index: 10;
}
.ctab-wrap.type6 .tab-tit li > a{
	padding:1.5257vw 0;
}
.ctab-wrap.type6 .tab-tit li.current > a{
	color: #1181F1;
}
.ctab-wrap.type6 .tab-tit li > a span{
	position: relative;
	top: -.28vw;
	margin-left: 1.11vw;
	font-size: 3.06vw;
	font-weight: 400;
	font-family:'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing:0;
	color:#1181F1;
}


/* accodian */
.c-acco { padding:0 4.17vw;}
.c-acco li{margin-top: -0.28vw;}
.c-acco .acco-tit{
	padding: 3.61vw 4.17vw 3.33vw;
	border: 0.28vw solid #e5e5e5;
	cursor: pointer;
	background: url(../images/common/bl_accodian_off.png) no-repeat;
	background-position: right center;
	background-size:7.78vw auto;
}
.c-acco.qna.faq .acco-tit{
	background: url(../images/common/bl_accodian_off.png) no-repeat;
	background-position: right center;
	background-size:7.78vw auto;
}
.c-acco .current .acco-tit,
.c-acco .current:hover .acco-tit{background-image: url(../images/common/bl_accodian_on.png);}
.c-acco.qna.faq .current .acco-tit,
.c-acco.qna.faq .current:hover .acco-tit{
	background: url(../images/common/bl_accodian_on.png) no-repeat;
	background-position: right center;
	background-size:7.78vw auto;
}
.c-acco .acco-tit + .cont{
	overflow-y: auto;
	height:31.67vw;
	padding: 5.83vw 12.5vw 5.83vw 8.06vw;
	border: 0.28vw solid #e5e5e5;
	border-top: 0;
	line-height: 1.4;
	color: #666;
	display: none;
}
.c-acco .acco-title{
	padding: 3.61vw 4.17vw 3.33vw;
	border: 0.28vw solid #e5e5e5;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.c-acco .acco-title .more-view {
	font-size: 3.33vw;
	font-weight: 400;
	color: #666;
}

.marketing-terms .c-acco .acco-tit{
	padding: 3.61vw 4.17vw 3.61vw;
	border-bottom: 0 none;
}

.marketing-terms .c-acco+.desc {
	border: 0;
	padding-bottom: 0;
	margin-top: 4.17vw;
}

.marketing-terms .terms.c-acco .terms-wrap{
	border-top: 0.28vw solid #e5e5e5;
}

.c-acco .current .acco-tit + .cont{display: block;}
.terms-form {
	padding-bottom:9.72vw;
}
.terms-form + .stit,
.terms-form .stit { border:0;}
.terms-form .stit {
	padding:6.94vw 4.17vw;
}
.terms-form .stit + .checkbox-wrap {
	margin:auto 4.17vw;
	padding-bottom:2.5vw;
}
.terms-form + .stit .join-desc {
	display: block;
	font-size: 3.89vw;
	font-weight: 400;
	line-height: 5.56vw;
	color: #666666;
	text-align: center;
	margin-top: 4.17vw;
	margin-bottom: 7.50vw;
}
/* .c-acco.type2 */
.c-acco.acco-type2{
	position: relative;
	padding: 0;
}
.c-acco.acco-type2 .acco-tit{
	/* position: absolute; */
	top: .56vw;
	right: 0;
	width: 17.08vw;
	padding: 0;
	padding-right: 10.14vw;
	border: 0;
	background-position: right 60%;
}
.c-acco.acco-type2 .txt-right {
	text-align: right;
}
.c-acco.acco-type2 .current .acco-tit{top: -7.08vw;}
.c-acco.acco-type2 .cont{
	overflow: hidden;
	height: auto;
	padding: 4.17vw 6.250vw;
	bottom: 0;
	background-color: #F2F2F2;
}
/* accodian / review */
.w-full{
	width:100%;
}
.select-area + .review-list-wrap{
	/* margin-top:5.56vw; */
	margin-top: 2.778vw;
}
.review-list-wrap{
	padding:0;
}
.review-list-wrap li{
	border-bottom:0.28vw solid #E5E5E5;
}
.review-list-wrap .acco-tit{
	overflow:hidden;
	padding:5.56vw 4.17vw;
	background:none;
	border:0;
}

.review-list-wrap .acco-tit .fl-rgt{
	position:relative;
}

/*
.review-list-wrap .acco-tit .fl-left{
	width:calc(100% - 20vw);
}
.review-list-wrap .acco-tit em{
	margin-left:2.78vw;
	font-family:'Roboto',sans-serif;
	letter-spacing:0;
	line-height:4.03vw;
	color: #666;
	font-size:3.33vw;
}
.review-list-wrap .acco-tit strong{
	line-height:4.03vw;
	font-size:3.333vw;
	font-family:'Roboto', 'Noto Sans KR';
	letter-spacing:0;
	font-weight:500;
}
.review-list-wrap .acco-tit p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	max-height:6.1111vw;
	padding-top:1.3889vw;
	line-height:6.1111vw;
	clear:both;
	box-sizing:content-box;
	color:#666666;
}
*/
.review-list-wrap .current .acco-tit,
.review-list-wrap .current:hover .acco-tit{
	background-image:none;
}
.review-list-wrap .current .acco-tit{
	padding-bottom:2.78vw;
}
.review-list-wrap .acco-tit .option{
	margin-top:4.17vw;
	display:block;
	line-height:5vw;
	font-size:3.889vw;
	font-weight: 500;
}
.review-list-wrap .acco-tit .option strong{font-size:3.889vw;}
.review-list-wrap .acco-tit .img-wrap{
	position:relative;
	overflow:hidden;
	width:16.67vw;
	height:16.67vw;
}
.review-list-wrap .acco-tit .img-wrap img{
	position:absolute;
	top:50%;
	left:50%;
	width:auto;
	height:100%;
	transform:translate(-50%,-50%);
}
.review-list-wrap .acco-tit .img-wrap .img-num{
	position:absolute;
	bottom:0;
	right:0;
	display:inline-block;
	padding:0.56vw 1.25vw 0.28vw 1.39vw;
	background:#F2F2F2;
	line-height:3.33vw;
	font-family:'Roboto',sans-serif;
	font-size:2.78vw;
}
.review-list-wrap .acco-tit .btn-area{
	display:none;
	position:absolute;
	top:0.9462vw;
	right:0;
}
.review-list-wrap .acco-tit .btn-area .btn-like{
	height:4.4444vw;
	padding-left:6.3889vw;
	font-size:3.3333vw;
	line-height:4.4444vw;
	background-size:5vw auto;
	color:#666;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}
.review-list-wrap .acco-tit + .cont{
	padding:0 4.17vw 12.500vw;
	height:auto;
	border:0;
}
.review-list-wrap .cont p{
	margin-top:2.78vw;
	line-height:5.69vw;
	color: #222;
	font-size:3.89vw;
	word-break: break-all;
}
.review-list-wrap .current .acco-tit .img-wrap,
.review-list-wrap .current .acco-tit p {
	display:none;
}
.review-list-wrap .current .acco-tit .fl-rgt {
	position:absolute;
	top:5.56vw;
	right:4.17vw;
}
.review-list-wrap .current .acco-tit .btn-area{
	display:block;
}
.review-list-wrap.terms li {
	position:relative;
}
.review-photo-swiper{
	height:100vw;
}
.review-photo-swiper .swiper-slide{
	position:relative;
	overflow:hidden;
	background-color: #f2f2f2;
}
.review-photo-swiper .swiper-slide img{
	position:absolute;
	top:50%;
	left:50%;
	height:100%;
	transform:translate(-50%,-50%);
	width: 100%;
	object-fit: contain;
}
.review-photo-swiper.swiper-container .swiper-pagination > span{
	width:2.22vw;
	height:2.22vw;
	background:#fff;
}
.review-photo-swiper.swiper-container .swiper-pagination > span.swiper-pagination-bullet-active{
	background:#1181f1;
}
.mpr .ui-section.se-wrap-box + .ctab-wrap{
    border-top: 2.78vw solid #F2F2F2;
}
.mpr .review-top,
.msuac .review-top{
	display:flex;
	align-items: center;
	justify-content: space-between;
	width: 91.7%;
	margin: 0 auto 5.94vw;
}
.msuac .review-top{margin-top: 5.556vw;}

.review-top + .review-area .top-wrap{
	display:flex;
	padding: 5.56vw 4.17vw;
}
.review-top + .review-area .checkbox-area{
	flex:auto;
	padding-left: 0;
}
.review-top + .review-area .checkbox-wrap{display: inline-block;}
.review-top + .review-area .checkbox-wrap + .checkbox-wrap{margin-left: 6.94vw;}
.review-top + .review-area .checkbox-wrap input[type="checkbox"] + label{color: #666;}
.review-top + .review-area .checkbox-wrap input[type="checkbox"]:checked + label{color: #222;}
.review-top + .review-area .checkbox-wrap input[type="checkbox"]:checked + label{color: #222;}
.review-top + .review-area .detail-info-box:first-child{margin-top: 0;}
.review-top + .review-area .detail-info-box .detail-info-tit + .clist{padding-right: 6.94vw;}
.review-top + .review-area .checkbox-wrap input[type="checkbox"]:checked + label{color: #222;}

/* accodian / qna */
.c-acco.qna{
	padding:0;
}
.c-acco.qna li{
	border-top:0.28vw solid #E5E5E5;
}
.c-acco.qna li:not(.current) .cont{
	display: none;
}
.c-acco.qna li:last-child{
	border-bottom:0.28vw solid #E5E5E5;
}
.c-acco.qna .acco-tit{
	position:relative;
	overflow:hidden;
	border:0;
}
.c-acco.qna .acco-tit,
.c-acco.qna .current .acco-tit,
.c-acco.qna .current:hover .acco-tit{
	background:none;
}
/*
.c-acco.qna .acco-tit .user-id{
	font-family:'Roboto',sans-serif;
	letter-spacing:0;
	line-height:4.03vw;
	font-size:3.33vw;
}
.c-acco.qna .acco-tit .user-id + .date{
	margin-left:2.78vw;
	font-family:'Roboto',sans-serif;
	letter-spacing:0;
	line-height:4.03vw;
	color: #999;
	font-size:3.33vw;
}

.c-acco.qna .acco-tit .list-tit{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top:2.78vw;
	line-height:5.69vw;
	font-size:3.89vw;
	white-space:nowrap;
}
.c-acco.qna .acco-tit > .fl-left{
	width:calc(100% - 19.4444vw);
}
*/
.c-acco.qna .secret-writing .acco-tit .list-tit{
	position:relative;
	color: #999;
}
.c-acco.qna .secret-writing .acco-tit .list-tit:after{
	content:'';
	display:inline-block;
	width:2.78vw;
	height:3.06vw;
	margin-left:2.2222vw;
	background:url(../images/common/icon_lock.png) no-repeat center center;
	background-size:100%;
}
.c-acco.qna .secret-writing.blind-type .acco-tit .list-tit:after{background: none;}

.c-acco.qna .acco-tit > .fl-left > div{line-height: 1;}
/* .c-acco.qna .acco-tit > .fl-rgt{
	height:14.47vw;
}
.c-acco.qna .acco-tit .a-state{
	position:absolute;
	top:50%;
	right:4.86vw;
	transform:translateY(-50%);
} */
.c-acco.qna .acco-tit .a-state{
	display:block;
	/* line-height:14.47vw; */
	font-size:3.33vw;
}
.c-acco.qna .acco-tit .a-state.off{
	color: #222;
}
.c-acco.qna .acco-tit .a-state.on{
	color: #999;
}
.c-acco.qna .acco-tit + .cont{
	padding: 0;
	height:auto;
	background:#F2F2F2;
	border:0;
	border-top:0.28vw solid #e5e5e5;
}
.c-acco.qna .cont > div{
	position:relative;
	padding:4.167vw 4.167vw 4.167vw 12.5vw;
}
.c-acco.qna .cont > div:last-child{
	border-top:0.28vw solid #e5e5e5;
}
.c-acco.qna .cont > div.question{padding-bottom:12.500vw;}
/* .c-acco.qna .question + .question{
	padding-top: 0;
	padding-bottom: 12.500vw;
} */
.c-acco.qna .cont > div.question-type01{padding-bottom:0;}
.c-acco.qna .cont > div > strong{
	position:absolute;
	top:4.17vw;
	left:4.17vw;
	line-height:7.08vw;
	font-family:'Roboto',sans-serif;
	font-weight:500;
	font-size:5.83vw;
}
.c-acco.qna .cont > div > strong.question-icon{
	color: #1181F1;
}
.c-acco.qna .cont > div > strong.answer-icon{
	color: #666666;
}
.c-acco.qna .cont > div > .text-wrap{
	padding-right:5vw;
	line-height:5.69vw;
	color: #222;
	word-break:break-all;
}
.c-acco.qna .cont > div .bottom-wrap{
	margin-top:4.72vw;
}
.c-acco.qna .cont > div .bottom-wrap em{
	color: #222;
	font-size:3.33vw;
	line-height:4.03vw;
}
.c-acco.qna .cont > div .bottom-wrap .img-wrap{
	margin-top:1.39vw;
	overflow:hidden;
}
.c-acco.qna .cont > div .bottom-wrap .img-wrap a{
	float:left;
	position:relative;
	display:block;
	overflow:hidden;
	width:9.72vw;
	height:9.72vw;
}
.c-acco.qna .cont > div .bottom-wrap .img-wrap a + a{
	margin-left:1.39vw;
}
.c-acco.qna .cont > div .bottom-wrap .img-wrap a img{
	position:absolute;
	top:50%;
	left:50%;
	width: 100%;
	height:100%;
	transform:translate(-50%,-50%);
}
.c-acco.qna .cont > div .bottom-wrap em + .date{
	margin-left:2.08vw;
	color: #999;
	font-family:'Roboto',sans-serif;
	letter-spacing:0;
	font-weight:400;
	font-size: 3.333vw;
}
.c-acco .cont .edit-tool-wrap{
	position:absolute;
	bottom:5.56vw;
	right:4.17vw;
	overflow:hidden;
	z-index: 1;
	padding-bottom: .28vw;
	opacity: 0;
	transition: all .4s ease;
}
.c-acco .current .cont .edit-tool-wrap{opacity: 1;}
.c-acco .cont .edit-tool-wrap > button{
	float:left;
	margin-left:4.86vw;
	width:4.86vw;
	height:4.86vw;
	font-size:0;
}
.c-acco .cont .edit-tool-wrap > button.edit-btn{
	margin-left:0;
	background:url(../images/common/btn_write.png) no-repeat center center;
	background-size:100%;
}
.c-acco .cont .edit-tool-wrap > button.delete-btn{
	background:url(../images/common/btn_trashcan.png) no-repeat center center;
	background-size:100%;
}

.c-acco.qna .event-txt{color: #222;}
.c-acco.qna .prdlist.htype.prd-s{
	margin-top: 1.389vw;
	padding: 2.778vw;
}
.c-acco.qna .prdlist.htype.prd-s.only li{padding-left: 0;}
.c-acco.qna .prdlist.htype.prd-s .thumb-lft > a{
	width: 16.389vw;
	height: 16.389vw;
}
/* accodian / faq */
.c-acco.qna.faq .acco-tit + .cont{
	padding:5.56vw;
	color: #222;
}
.c-acco.qna.faq .acco-tit{
	position: relative;
	padding:5.56vw 4.17vw;
	padding-right: 11.944vw;
	padding-left: 10.972vw;
	line-height:6.39vw;
}
.c-acco.qna.faq .acco-tit > span,
.c-acco.qna.faq .acco-tit + .cont > span{
	margin-right:2.083vw;
	font-family:'Roboto',sans-serif;
	font-size:5.278vw;
	font-weight:500;
}
.c-acco.qna.faq .acco-tit > span{
	position: absolute;
	top: 5.556vw;
	left: 4.167vw;
}
.c-acco.qna.faq .acco-tit > em{font-weight: 500;}
.c-acco.qna.faq .acco-tit > strong{
	font-family: 'Noto Sans KR', sans-serif;
	letter-spacing: -.28vw;
	font-size: 3.889vw;
}

.c-acco.qna.faq .acco-tit + .cont > span,
.c-acco.qna.faq .acco-tit + .cont > p{
	display: inline-block;
	vertical-align: top;
}
.c-acco.qna.faq .acco-tit + .cont > p{width: 90%;}

/* search-area */
.search-area{
	position:relative;
}
.search-area .search-box{
	position:relative;
}
.search-area .search-box input{
	margin-top:0;
	background:#fff;
	line-height:6.4vw;
	border-width:0.56vw;
	border-style:solid;
}
.search-area .search-box input:focus{
	border-bottom:0.56vw solid #222;
}
.search-area .search-box input:focus::placeholder{
	color: transparent;
}
.search-area .search-box .icon-search{
	position:absolute;
	top:0.56vw;
	right:0.56vw;
	width:10.69vw;
	height:10.69vw;
	background:url(../images/common/icon_search_input.png) no-repeat center center;
	background-size: 4.17vw;
	font-size:0;
}
/* .search-area.faq */
.search-area.faq{
	padding: 14.861vw 4.17vw 4.17vw;
	background:#E3F1FE;
	border-bottom:0.28vw solid #99CDFE;
}
.search-area.faq .title{
	position:absolute;
	top:7.08vw;
	left:4.17vw;
	line-height:6.39vw;
	color:#1181F1;
	font-family:'Roboto','Noto sans KR';
	font-size:5.28vw;
	font-weight:700;
}
.search-area.faq .detail-btn{
	position:absolute;
	top:7.5vw;
	right:4.17vw;
}
.search-area.faq .search-box input{
	border-color:#1181F1;
}
.search-area.faq .search-box input:focus{
	border-bottom:0.56vw solid #1181F1;
}
/* .search-area.notice */
.search-area.notice{
	padding:14.31vw 4.17vw 4.17vw;
	background:#F2F2F2;
	border-bottom:0.28vw solid #E5E5E5;
}
.search-area.notice .search-box input{
	border-color:#666;
}
.search-area.notice .search-box input:focus{
	border-bottom:0.56vw solid #666;
}
.search-area .recommend-srch{
	display:flex;
	margin-top: 2.778vw;
}
.search-area .recommend-srch strong,
.search-area .recommend-srch a{font-size: 3.333vw;}
.search-area .recommend-srch strong{font-weight: 500;}
.search-area .recommend-list{
	display: flex;
	align-items: center;
	margin-left: 2.778vw;
}
.search-area .recommend-srch a:first-child{padding-left: 1.389vw;}
.search-area .recommend-srch a{
	padding:0 2.083vw;
	color: #666;
}

/* link-box */
.link-tbl{
	padding:0 4.17vw;
}
.link-tbl table{
	table-layout:fixed;
	width:100%;
	border-top:0;
}
.link-tbl table td{
	border-top:0.28vw solid #D7D7D7;
	border-left:0.28vw solid #D7D7D7;
}
.link-tbl table td + td{
	border-right:0.28vw solid #D7D7D7;
}
.link-tbl table tr:last-child td:not(:has(*)),
.link-tbl table td + td:not(:has(*)) {border-right: none;border-bottom: none !important;}
.link-tbl table tr:last-child td {
	border-bottom: 0.28vw solid #D7D7D7;
}
.link-box{
	background:#FFF;
	border:0.28vw solid #D7D7D7;
}
.link-box + .link-box{
	margin-top:1.39vw;
}
.link-tbl table .link-box{
	border:0;
}
.link-box > a,
.link-box > button{
	padding:0 4.17vw;
	display:block;
	line-height:11.11vw;
}
.link-box em{
	display:block;
	background:url(../images/common/bl_link2.png) no-repeat 100% center;
	background-size:1.11vw;
	letter-spacing: -0.1em;
}
/* input_checkbox */
.checkbox-area{
	padding:0 4.17vw;
}
.checkbox-wrap + .checkbox-wrap{
	margin-left:5.56vw;
}
.checkbox-insert{
	padding: 0 4.17vw 3.33vw;
	margin-top: -0.28vw;
	border: 0.28vw solid #e5e5e5;
	border-top: 0.28vw solid #fff;
}
.terms-wrap + .checkbox-insert{padding-top:3.33vw;}
.checkbox-insert .checkbox-wrap.checkbox-block label{ margin-right:4.166666666666666VW;}
.checkbox-wrap + .checkbox-wrap.checkbox-block{
	margin-left:0;
	margin-top: 4.166666666666666VW;
}
.checkbox-wrap input[type="checkbox"]{
	display:none;
}
.checkbox-wrap input[type="checkbox"] + label{
	display:inline-block;
	min-height:6.2vw;
	padding-left:8.89vw;
	border:none;
	outline:none;
	box-shadow:none;
	appearance:none;
	-webkit-appearance:none;
	background:url('../images/common/bg_checkbox.png') 0 center no-repeat;
	background-size:6.11vw;
	line-height:6.2vw;
	font-size:3.89vw;
	color: #666;
}
.checkbox-wrap input[type="checkbox"]:disabled:checked + label,
.checkbox-wrap input[type="checkbox"]:checked + label{background-image: url('../images/common/bg_checkbox2.png');}
.checkbox-wrap input[type="checkbox"]:disabled + label{
	background-image: url('../images/common/btn_checkbox_disabled.png');
	background-size:6.11vw;
	cursor:default;
}

/* input_checkbox_allselect(prd-list) */
.chkbox-area > .checkbox-wrap{padding: 4.17vw;}
.chkbox-area > .checkbox-wrap input[type="checkbox"]{margin-right: 2.78vw;}
.chkbox-area > .checkbox-wrap label{color: #666;}
.chkbox-area .prd-list.horizontal.type2 .thumbnail-box:first-child{border-top: .14vw solid #f2f2f2;}

/* input_checkbox_colorSelect */
.checkbox-area .checkbox-wrap.color-select{
	overflow:hidden;
	margin-top:0;
	float: left;
	min-width:10vw;
	height:10vw;
	border-radius:50%;
}
.checkbox-wrap.color-select.no-color{
	border-radius:5vw;
}
.checkbox-wrap.color-select input[type="checkbox"] + label{
	position:relative;
	padding-left:0;
	display:block;
	min-width:10vw;
	height:10vw;
	/* border-radius:50%; */
}
.checkbox-wrap.color-select input[type="checkbox"]:checked + label:before{
	content:'';
	position:absolute;
	top: 56%;
	left: 3.7vw;
	width:0.56vw;
	height:2vw;
	border-radius:1vw;
	background:#fff;
	transform:translateY(-50%) rotate(-45deg);
}
.checkbox-wrap.color-select input[type="checkbox"]:checked + label:after{
	content:'';
	position:absolute;
	top: 50%;
	right: 4vw;
	width:0.56vw;
	height:3.6vw;
	border-radius:1vw;
	background:#fff;
	transform:translateY(-50%) rotate(45deg);

}
.checkbox-wrap.color-select.blackcheck input[type="checkbox"]:checked + label:before{
	background-color:#222;
	/* top: 56%;
	left: 3.3vw; */
}
.checkbox-wrap.color-select.blackcheck input[type="checkbox"]:checked + label:after{
	background-color:#222;
	/* top: 50%;
	right: 3.7vw; */
}
.checkbox-wrap.color-select.no-color input[type="checkbox"]:checked + label{
	border-color:#222;
	color:#222;
}
.checkbox-wrap.color-select.no-color input[type="checkbox"]:checked + label:before,
.checkbox-wrap.color-select.no-color input[type="checkbox"]:checked + label:after{
	content:none;
}
.checkbox-wrap.color-select.no-color input[type="checkbox"] + label{
	padding:0 4vw;
	background:#fff;
	border:0.28vw solid #D7D7D7;
	border-radius:5vw;
	line-height:9.5vw;
}
.checkbox-wrap.color-select:not(.no-color) input[type="checkbox"] + label{
	background-image:none;
	font-size:0;
	line-height:0;
}
/* input_checkbox type2 */
.checkbox-area.type2{display:flex;}
.checkbox-area.type2 .checkbox-wrap + .checkbox-wrap{margin-left: 1.389vw;}
.checkbox-area.type2 .checkbox-wrap input[type="checkbox"] + label{
	padding-left: 0;
	padding:0 3.472vw;
	background: none;
	border: .28vw solid transparent;
	border-radius:6.667vw;;
	font-size: 3.333vw;
	color: #666;
}
.checkbox-wrap input[type="checkbox"]:checked + label{
	color: #222;
}
.checkbox-area.type2 .checkbox-wrap input[type="checkbox"]:checked + label{
	color: #1181F1;
	border-color: #1181F1;
}

/* input_radio */
.radio-area.block .radio-wrap{
	margin-left:0;
	display:block;
}
.radio-area .radio-wrap{
	display:inline-block;
}
.radio-area .radio-wrap + .radio-wrap{
	margin-left:21.67vw;
}
/* .radio-wrap + .radio-wrap{
	margin-left:21.67vw;
} */
.radio-wrap input[type="radio"]{
	display: none;
}
.radio-wrap input[type="radio"] + label{
	padding:2.92vw 0 3vw 8.89vw;
	background:url(../images/common/btn_radio.png) no-repeat 0 center;
	background-size:5.7vw;
	font-size:3.89vw;
	line-height:6.15vw;
	color: #666;
}
.radio-wrap input[type="radio"]:checked + label{
	background:url(../images/common/btn_radio_check.png) no-repeat 0 center;
	background-size:6.11vw;
	color: #222;
}
.radio-wrap input[type="radio"]:disabled + label{
	background:url(../images/common/btn_radio_disabled.png) no-repeat 0 center;
	background-size:5.7vw;
	cursor:default;
}
.radio-area.border{
	overflow:hidden;
	padding-bottom: .28vw;
}
.radio-area.border .radio-wrap{
	float:left;
	width:33.33%;
}
.radio-area.border .radio-wrap + .radio-wrap{
	margin-left:0;
	border-left:0;
}
.radio-area.border .radio-wrap:first-child input[type="radio"] + label{
	border:0.28vw solid #d7d7d7;
}
.radio-area.border .radio-wrap:nth-of-type(3n) input[type="radio"]:checked{text-indent: -.28vw;}
.radio-area.border .radio-wrap:nth-of-type(3n) input[type="radio"]:checked + label:after{
	width: calc(100% - .56vw);
	text-indent: 0vw;
}
.radio-area.border .radio-wrap input[type="radio"] + label{
	position:relative;
	display:block;
	padding:2.22vw 0;
	padding-left:0;
	background:0;
	border:0.28vw solid #d7d7d7;
	border-left:0;
	line-height:5.28vw;
	text-align: center;
	font-size:3.61vw;
	color: #666;
	height: 10vw;
}
.radio-area.border .radio-wrap:nth-child(3n+1) input[type="radio"] + label{
	border-left:0.28vw solid #d7d7d7;
}
.radio-area.border .radio-wrap:nth-child(n+4) input[type="radio"] + label{
	border-top:0;
}
.radio-area.border .radio-wrap input[type="radio"]:checked + label:after{
	padding:1.96vw 0;
	content:attr(value);
	position:absolute;
	top:-0.28vw;
	bottom:-0.28vw;
	left:-0.28vw;
	right:-0.28vw;
	background:#fff;
	border:0.56vw solid #1181F1;
	line-height:5.28vw;
	color: #1181F1;
	font-size:3.89vw;
}
.radio-wrap input[type="text"]{
	margin-left:3.36vw;
	display:inline-block;
	width:calc(100% - 19.6561vw);
	background:#fff;
	border:0.2778vw solid #D7D7D7;
	vertical-align: middle;
	font-size:3.8889vw;
}
.mca-select-payment-method .radio-area.border .radio-wrap{width: 50%;}

/* list type */
dl.clist {
	width:100%;
	padding:1.94vw 4.17vw;
	overflow:hidden;
	border-bottom:0.28vw solid #e0e0e0;
}
dl.clist dt { float:left; width:50%; padding:1.11vw 0; color:#666;}
dl.clist dd { float:right; width:50%; padding:1.11vw 0; text-align:right;}


h2.stit {
	font-size:3.89vw;
	padding:3.33vw 4.17vw 2.5vw;
	font-size:3.89vw;
	padding:3.33vw 4.17vw 2.5vw;
	border-top:0.28vw solid #e0e0e0;
	border-bottom:0.28vw solid #e0e0e0;
}
h2.stit2 {
	font-size:3.89vw;
	font-weight:500;
	padding:3.33vw 4.17vw 2.5vw;
}
hr + .stit { border-top:0;}
h2.stit em.star { position:relative; font-weight:300; color:#666; padding-right:2.78vw;}
h2.stit em.star:after {
	position:absolute;
	content:'*';
	right:0;
	top:0.83vw;
	font-weight:300;
	color:#ff4848;
}
ul.clist {
	padding:5.56vw 4.17vw;
	padding: 4.17vw;
	border-bottom:0.28vw solid #e0e0e0;
	/* word-break: keep-all; */
}
ul.clist li {
	padding-left:1.81vw;
	position:relative;
	font-size:3.89vw;
	color:#666;
	line-height: 5.69vw;
	word-break: break-all;
	letter-spacing: -0.16vw;
}
ul.clist.fz24 li{
	font-size:3.33vw;
}
ul.clist li + li{
	margin-top:1.39vw;
}
ul.clist li:after {
	content:'';
	position:absolute;
	left:0;
	top:2.5vw;
	width:0.42vw;
	height:0.42vw;
	border-radius:50%;
	background:#666;
}
ul.clist li.type2{
	padding-left:4.4444vw;
	color: #666;
	font-size: 3.33vw;
}
.clist .type2:after{
	content:'※';
	position: absolute;
	top:0;
	left:0;
	width:4.4444vw;
	height:5.0000vw;
	background:none;
}
ul.clist li.type3{
	padding-left:4.72vw;
	line-height:4.72vw;
	color: #666;
	font-size: 3.33vw;
}
.clist li.type3:after{
	content:'※';
	position:absolute;
	top:0;
	left:0;
	width:3.33vw;
	height:5vw;
	background:none;
}
ul.clist li.type4{
	position:relative;
	padding-left:4.44vw;
	color: #222;
}
ul.clist li.type4:after{
	content:none;
}
ul.clist li.type4 span.num{
	position: absolute;
	left:0;
}
ul.clist li.type5{
	color: #222;
}
ul.clist li.type5 span.text-red{
	color:#FF4343;
}
ul.clist li.type5:after{
	background-color:#FF4343;
}
ul.clist.v-small{
	padding:4.17vw 4.17vw 0;
}
ul.clist.v-small.list {
	padding: 0;
	margin-top: 2.78vw;
	border-bottom: none;
}
ul.clist.v-small li{
	line-height:5.0000vw;
	font-size:3.33vw;
}
/* .photo-box.upload */
.form-tit + .file-wrap{ margin-top: -1.38vw;}
.file-wrap .notice{color: #666; font-size: 3.33vw; margin-bottom: 4.16vw;}
.file-wrap ul.clist{padding-top: 1.38vw; padding-left: 0; border-bottom: 0 none;}
.file-wrap ul.clist li {font-size: 3.33vw;}
.file-input-wrap{
	overflow:hidden;
	display:flex;
}
.photo-box{
	position:relative;
	overflow:hidden;
	float:left;
	width:16.67vw;
	height:16.67vw;
	font-size:0;
	margin-left:1.39vw;
}
/* .photo-box + .photo-box{
	margin-left:1.39vw;
} */
.photo-box > a{display:block; height:100%;}
.photo-box img{
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	transform:translate(-50%,-50%);
}
/*.photo-box img.wfull{height:auto;}
.photo-box img.hfull{width:auto;}*/
.file-input-wrap > .photo-box,
.file-input-wrap > .thum_box > .photo-box{
	border:0.28vw solid #e5e5e5;
}
/* .file-input-wrap > .photo-box{margin-right: 1.39vw;} */
.file-input-wrap .thum_box.type3 .thum_area:first-child{margin-left: 0;}
.photo-box.upload label{
	display:block;
	height:100%;
	background:url(../images/common/bg_file_add.png) no-repeat top 4.3VW center;
	background-size:6.111111111111111VW auto;
	font-size:0;
}
.photo-box.upload.disabled label{background-image: none;}
.photo-box.upload .count-num{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-family: 'Roboto', 'Noto sans KR', sans-serif;
	font-size: 3.056vw;
	text-align: center;
	color: #999;
	letter-spacing: 0;
}
.photo-box .delete-btn{
	position:absolute;
	top:0;
	right:0;
	font-size:0;
	width:4.17vw;
	height:4.17vw;
	background:#F2F2F2;
}
.photo-box .delete-btn:before,
.photo-box .delete-btn:after{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:0.28vw;
	height:2.08vw;
	background:#666;
}
.photo-box .delete-btn:before{
	transform:translate(-50%,-50%) rotate(45deg);
}
.photo-box .delete-btn:after{
	transform:translate(-50%,-50%) rotate(-45deg);
}
/* .photo-box.upload{margin-left: 0;} */
.photo-box.upload.disabled{
	background:url(../images/common/bg_upload_disabled.png) no-repeat center center;
	background-size:100%;
	border:0;
}

/* text description */
p.desc2,
p.desc{
	position:relative;
	font-size:3.33vw;
	padding:0 0 4.17vw 6.39vw;
	color:#666;
	z-index:1;
	background:#fff;
	border-bottom:0.28vw solid #e0e0e0;
}
p.desc2 { border-bottom:0;}
p.desc2:after,
p.desc:after{
	content:'';
	position:absolute;
	left:4.17vw;
	top:2vw;
	width:1%;
	height:1vw;
	border-radius:50%;
	background:#666;
}
p.desc2.type2{padding-left: 8.750vw;}
p.desc2.type2:after{
	content:'※';
	top: 0;
	background-color: transparent;
}
p.desc3{
	position: relative;
	padding-left: 1.39vw;
	line-height: 5.56vw;
	padding-bottom: 1.39vw;
}
.contents.no-fix-btn{
	padding-bottom: 0 !important;
}

/* contents button */
.btn-group { margin-top:5.28vw;}
.btn-group.large{
	padding: 2.78vw 4.17vw 6.94vw;
}
.cont-btn,
.cont-btn-full,
.cont-btn-half{
	padding:2.23vw 5.81vw;
	font-size: 4.17vw;
	border-radius:1vw;
	border:0.28vw solid #d7d7d7;
}
.cont-btn {
	border-color: #e5e5e5;
	background:#e5e5e5;
	color:#959595;
	line-height:1.5;
	cursor:default;
}
.cont-btn.active{
	border-color: #666;
	background:#666;
	color:#fff;
	cursor:pointer;
}
.cont-btn.line-type{
	background-color: #fff;
	border-color: #E5E5E5;
	color: #E0E0E0;
	cursor: default;
}
.cont-btn.line-type.active{
	background-color: transparent;
	border-color: #d7d7d7;
	color: #666;
	cursor:pointer;
}
.cont-btn.full-type{width: 100%;}
.cont-btn-full{
	display: block;
	width:100%;
	background: #fff;
	border:0.28vw solid #E5E5E5;
	color: #E0E0E0;
	cursor:default;
}
.cont-btn-full.active{
	background:#fff;
	color:#666;
	line-height:1.5;
	cursor:pointer;
	border-color: #666;
}
.cont-btn-full.disabled{
	border-color: #e5e5e5;
	background-color: transparent;
	color: #e5e5e5;
	cursor:default;
}
.cont-btn-full + .cont-btn-full { margin-top:2.6vw;}
.cont-btn-half{
	background:#FFFFFF;
	border:0.28vw solid #666;
	color:#E0E0E0;
}
.cont-btn-half.active{
	background:#fff;
	color:#666;
	line-height:1.5;
	cursor:pointer;
}
.cont-btn.h70,
.cont-btn-half.h70,
.cont-btn-full.h70{
	padding:1.597vw 5.81vw;
	font-size: 3.889vw;
}
[class*=cont-btn-].ok-type{
	background-color:#CFE6FC;
	border-color:#CFE6FC;
	color:#FFFFFF;
	cursor:default;
}

[class*=cont-btn-].ok-type2{
	background-color: #505050;
	border-color:#505050;
	color:#fff;
	cursor:default;
}
[class*=cont-btn-].ok-type3{
	background-color: #7E848B;
	border-color:#7E848B;
	color:#fff;
	cursor:default;
}
[class*=cont-btn-].ok-type4{
	background-color: #F2F2F2;
	border-color:#F2F2F2;
	color:#E0E0E0;
	cursor:default;
}
[class*=cont-btn-].ok-type.active{
	background:#1181f1;
	border:0.28vw solid #1181f1;
	color:#fff;
	cursor:pointer;
	border-color: #1181F1 !important;
}
[class*=cont-btn-].ok-type.active .gift{
	position: relative;
	padding-left: 5.83vw;
}
.cont-btn-full.type-layer.active .gift{
	position: relative;
	padding-left: 5.83vw;
}
.cont-btn-full.type-layer.active{
	width: calc(50% - 1.7vw);
    margin-left: 2.78vw;
	border-color: #666;
}
.cont-btn-full.type-layer.active .gift:before{
	content: '';
	background: url(../images/common/icon_gift.svg)no-repeat center / 100%;
	width: 5.56vw;
	height: 5.56vw;
	position: absolute;
	left: 0;
	top: 0.28vw;
}
[class*=cont-btn-].ok-type.active .gift:before{
	content: '';
	background: url(../images/common/icon_gift-w.svg)no-repeat center / 100%;
	width: 5.56vw;
	height: 5.56vw;
	position: absolute;
	left: 0;
	top: 0.28vw;
}
[class*=cont-btn-].line-type{
	background-color: transparent;
	border: .28vw solid #F2F2F2;
	color: #E0E0E0;
}
[class*=cont-btn-].line-type.active{
	border-color: #1181f1;
	color: #1181f1;
}
.cont-btn-wrap{
	overflow: hidden;
	width: 91.6%;
	margin: 0 auto;
}
.cont-btn-wrap.flex{
	display: flex;
}
.cont-btn-wrap.large{
    padding-top: 8.333333333333332VW;
	text-align: center;
}
.cont-btn-wrap.p50{
	padding-bottom: 6.94vw;
}

.cont-btn-wrap.center{
	text-align: center;
}
.progress-btn > .cont-btn-half,
.cont-btn-half{
	width:calc(50% - 1.7vw);
	margin-left: 2.78vw;
	cursor:default;
}
.cont-btn-wrap {gap: 2.78vw;}
.cont-btn-wrap .btn-like~.cont-btn-half {
	width: calc(50% - 10vw);
}
.cont-btn-half:first-child{margin-left: 0;}
.cont-btn-samll {
	padding-top:1.5278vw;
	padding-bottom:1.5278vw;
	font-size:3.8889vw;
}
.cont-btn-s{
	padding:0.9722vw 2.64vw;
	/* background:#e0e0e0; */
	border:0.28vw solid #e0e0e0;
	/* color:#959595; */
	border-color: #f0f0f0;
	color: #e5e5e5;
	cursor:default;
	border-radius:.69vw;
	font-size: 3.33vw;
}
.cont-btn-s.active{
	border: .28vw solid #d7d7d7;
	background:#fff;
	color: #666;
	cursor:pointer;
}
.cont-btn-s.tooltip{
	min-width:7.7778vw;
	padding: .28vw;
	font-size: 4.72vw;
	text-align: center;
	line-height:6.6583vw;
	vertical-align: middle;
}
.cont-btn-half.type-1{
	width: 48%;
	line-height: 1.2;
	color: #666;
	border: 1px solid #666;
	border-radius: 5px;
	background-color: #fff;
}
.cont-btn-half.type-2{
	width: 48%;
	line-height: 1.2;
	background-color: #1181F1;
	border: 1px solid #1181F1;
	color: #fff;
}
.arr-box-btn-wrap{
	overflow:hidden;
	padding:0 4.17vw 2.7778vw;
}
.arr-box-btn-wrap .arr-box-btn{
	float:left;
	width:50%;
	height:17.2222vw;
}
.arr-box-btn{
	display:inline-block;
}
.arr-box-btn img{
	display:block;
	height:100%;
}
/* progress button */
.sticky-container {
	vertical-align:bottom;
	/* margin-bottom:38.14vw;
	border-top:0.28vw solid #D7D7D7; */
	z-index: 1;
}
.sticky-container:before {
	content:'';
}
.sticky-container.border{
	border-top:0.28vw solid #D7D7D7;
}
.banner a{
	display:block;
}
.banner img { width:100%; vertical-align:top;}
.progress-btn {
	/* position:sticky;
	bottom:0;
	display:table;
	table-layout:fixed; */
	width:100%;
	min-height:19.4444vw;
	padding:4.17vw 4.2%;
	font-size:0;
	line-height:0;
	display:flex;
	background-color: #fff;
}
.progress-btn > button,
.progress-btn > a,
.button-group button{
	display:table-cell;
	width:100%;
	height:11.112vw;
	text-align:center;
	vertical-align:middle;
	font-size:4.44vw;
	border-radius:0.83vw;
}
.progress-btn button,
.button-group button{
	background:#e0e0e0;
	color:#959595;
	cursor:default;
}
.button-group{
	width: 91.6%;
	margin: 0 auto;
}
.button-group button + button{margin-top: 2.778vw;}
.progress-btn button.active,
.button-group button.active{
	cursor:pointer;
}
.progress-btn .pass,
.button-group .pass{
	background:#CFE6FC;
	color:#fff;
}
.progress-btn .pass.active,
.button-group .pass.active{
	background:#1181f1;
	color:#fff;
}
.progress-btn .cancel.active{
	background:#7e848b;
	color:#fff;
}
.progress-btn .cancel + .pass {
	float:right;
	margin-left:1.66vw;
}
.button-group .line{
	border: .28vw solid #E5E5E5;
	color: #E0E0E0;
	background-color: #fff;
}
.button-group .line.active{
	border-color: #999;
	color: #666;
}
.button-group .line .em{
	color: #1181F1;
}
.button-group .line .ico-arrow{
	display: inline-block;
	width: 1.6666666666666667VW;
	height: 100%;
	background: url(../images/common/ico_arrow.png) center 48% no-repeat;
	background-size: 100% auto;
	vertical-align: middle;
	margin-left: 2.777VW;
}
/* prev-btn, next-btn */
.prev-btn,
.next-btn{
	position:relative;
	display:inline-block;
	font-size:3.33vw;
	color: #666;
}
.prev-btn{
	padding-left:3.89vw;
	background:url(../images/common/bl_link3.png) no-repeat 0 center;
	background-size:1.1111vw;
}
.next-btn{
	padding-right:3.89vw;
	background:url(../images/common/bl_link2.png) no-repeat 100% center;
	background-size:1.1111vw;
}
.header-wrap .btn-prev{
	margin-top:0;
	display:inline-block;
	width:18.06vw;
	height:15.28vw;
	background:url(../images/common/gnb/icon_prevbtn_bar.png) no-repeat center center;
	background-size:5.56vw;
	font-size:0;
}
/* a.prev-btn:after,
a.next-btn:after{
	content:'';
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:1.11vw;
	height:1.94vw;
	background:url(../images/common/btn_next.png) no-repeat 0 0;
	background-size:100%;
}
a.prev-btn:after{
	left:0;
	transform:translateY(-50%) scaleX(-1);
}
a.next-btn:after{
	right:0;
} */
/* download-box */
.download-box{
	position:relative;
	display:inline-block;
	padding:0 9.31vw 0 1.25vw;
	line-height:7.3547vw;
	border:0.28vw solid #147df0;
	border-radius:0.7vw;
	color: #147df0;
	font-family:'Roboto','Noto sans KR';
	font-weight:400;
	font-size:3.3333vw;
	/* letter-spacing:0; */
	vertical-align: middle;
}
.download-box:after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:7.78vw;
	height:101%;
	background:#147df0 url(../images/common/btn_download.png) no-repeat center center;
	background-size:3.14vw;
}
/* join finish */
.join-finish {
	position: relative;
	margin-bottom: 3.611vw;
	padding:43.67vw 0 8.33vw 0;
	padding-top: 61.389vw;
	background:#e2efff url('../images/common/img_join_finish_bg.png') no-repeat center 1.39vw;
	background-size:auto 68.88888888888889VW;
/* 	background:#e2efff url('../images/common/img_join_finish.png') no-repeat center 1.39vw;
	background-size:auto 43.67vw;
	background-size: auto 57.361vw;
	background-position: center 11.528vw; */
}

.join-finish::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 29.583333333333332VW;
	height: 38.88888888888889VW;
	background: url('../images/common/img_join_finish_bg.gif') no-repeat center 1.39vw;
	background-size: 100% auto;
	transform: translateX(-50%);
	animation-timing-function: cubic-bezier(.52,.01,.16,1);
	animation-name: finish;
	animation-duration: 1400ms;
	animation-fill-mode: forwards;
	/* animation-delay: 100ms; */
}

.mjo013 .join-finish::before{
	animation-name: none;
	top: 12.222222222222221VW;
}

@keyframes finish {
    0% {
        opacity: 0;
		top: -20vh;
	}
    100% {
        opacity: 1;
		top: 12.222222222222221VW;
	}

}

.join-finish strong{padding-bottom:2.78vw;}
.join-finish .btn-group {
	padding:0 4.2%;
	margin-top:6.94vw;
}
.join-finish .cont-btn {
	width:100%;
	padding:0;
	line-height:9.5vw;
	font-size:3.89vw;
}
.join-finish a {
	display:inline-block;
	position:relative;
	font-size:3.33vw;
	color:#666;
	margin-top:7.5vw;
}
.join-finish a:before{
	content:'';
	position:absolute;
	right:-4.17vw;
	top:1.11vw;
	width:1.94vw;
	height:3.33vw;
	background:url('../images/common/bl_link.png') no-repeat right 0;
	background-size:1.94vw auto;
}
.join-finish a:after {
	content:'';
	position:absolute;
	bottom:-1.11vw;
	left:0;
	width:100%;
	border-bottom:0.14vw solid #666;
}

/* THUMBNAIL-list */
/* text-decoration */
.txt-shortening{
	overflow: hidden;
	display: inline-block;
	/* text-overflow: ellipsis;
	word-break: break-all;
	display: -webkit-box;
	line-height: 1;
	height: 0; */
}
.txt-shortening-one{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}
.cost-price{position: relative;}
.cost-price:before{
	content:'';
	position: absolute;
	top: 50%;
	left: 0;
	transform:translateY(-50%);
	width: 100%;
	height: 0.28vw;
	background-color: #999;
}
/* cboard */
.cboard .cboard-tit{
	position:relative;
	padding:3.19vw 25vw 2.64vw 4.17vw;
	border-bottom:0.28vw solid #E5E5E5;
	line-height:5vw;
	font-size:3.33vw;
}
.cboard .cboard-tit.detail{
	padding-right:12.5vw;
}
.cboard-tit .btn-share{
	position:absolute;
	top:50%;
	right:4.17vw;
	transform:translateY(-50%);
}
.cboard .cboard-tit .date{
	position:absolute;
	right:4.17vw;
	color: #666;
	font-family:'Roboto',sans-serif;
	font-weight:300;
	letter-spacing:0;
}
.cboard .top-btn-wrap > .cont-btn-full{
	border-radius:0;
	line-height:4.75vw;
	font-size:3.89vw;
	padding:0;
	border:0;
}
.cboard .top-btn-wrap > .cont-btn-full img{
	display:block;
	width:100%;
}
.cboard .top-btn-wrap > .cont-btn-full span{
	position:relative;
}
.cboard .top-btn-wrap > .cont-btn-full span:before,
.cboard .top-btn-wrap > .cont-btn-full span:after{
	content:'';
	position: absolute;
	top:50%;
	transform:translateY(-50%);
}
.cboard .top-btn-wrap > .cont-btn-full span:before{
	left:-5.14vw;
	width:4.17vw;
	height:4.44vw;
	background:url(../images/common/icon_ev_btn_gray.png) no-repeat center center;
	background-size:100%;
}
.cboard .top-btn-wrap > .cont-btn-full span:after{
	right:-5.83vw;
	width:4.79vw;
	height:2.08vw;
	background:url(../images/common/icon_arr_rgt_gray.png) no-repeat center center;
	background-size:100%;
}
.cboard .top-btn-wrap > .cont-btn-full.active span:before{background-image: url(../images/common/icon_ev_btn.png);}
.cboard .top-btn-wrap > .cont-btn-full.active span:after{background-image: url(../images/common/icon_arr_rgt_white.png);}
.cboard .text-wrap,
.mev012 .edit-area{
	padding:6.94vw 4.17vw;
}
.cboard .text-wrap th,
.cboard .text-wrap td,
.mev012 .edit-area th,
.mev012 .edit-area td{
	border:  1px solid #222;
}
.cboard .text-wrap + .section{
	border-top:0.28vw solid #E5E5E5;
}
.cboard-footer{
	border-top:2.78vw solid #E5E5E5;
}
.cboard-footer > div{
	position:relative;
	border-bottom:0.28vw solid #E5E5E5;
}
.cboard-footer > div:after{
	content:'';
	position: absolute;
	top:50%;
	left:4.17vw;
	transform:translateY(-50%);
	width:1.67vw;
	height:1.25vw;
	background:url(../images/common/icon_cboard_footer.png) no-repeat center center;
	background-size:100%;
}
.cboard-footer > div.next-post:after{
	transform:translateY(-50%) scaleY(-1);
}
.cboard-footer > div > a{
	display:block;
	padding:4.17vw 4.17vw 4.17vw 8.61vw;
}
/* attached-file-wrap */
.attached-file-wrap > div{
	text-align: right;
}
.attached-file-wrap > div + div{
	margin-top:4.17vw;
}
.attached-file-wrap a{
	position:relative;
	display:inline-block;
	padding-bottom:0.69vw;
	line-height:5.69vw;
	color:#666666;
	text-decoration:underline;
	text-underline-position: under;
}
/* .attached-file-wrap a:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:0.28vw;
	background:#999999;
} */

.prd-cont-box{
	padding: 4.17vw;
	border-bottom: 1px solid #d7d7d7;
}
.prd-cont-box .prd-cont-top{
	position: relative;
}
.prd-cont-box .prd-cont-content{
	margin-top: 2.78vw;
}
.prd-cont-box .prd-cont-content .fl-left{
	width: 80%;
}
.prd-cont-box .prd-cont-content .prd-name{
	font-size:3.89vw ;
	font-weight: 400;
	color: #222;
	letter-spacing: -0.16vw;
	line-height: 5.56vw;
}
.prd-cont-box .prd-cont-content .prd-name .item-name{
	display: inline-block;
	max-height: 11.25vw;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: normal;
}
.prd-cont-box .prd-cont-content .prd-num{
	color: #666666;
	font-size: 3.33vw;
	letter-spacing: -0.13vw;
	font-weight: 400;
	padding-bottom:2.78vw;
	word-break: break-all;
}

.prd-cont-box .prd-cont-btn {
	margin-top:4.17vw ;
}
.prd-cont-box .prd-cont-btn .btn.event-btn{
	width: 100%;
	line-height:1.38;
	padding: 2.08vw 0;
	color: #1181f1;
	font-size: 3.89vw;
	font-weight: 400;
	border: 0.28vw solid #1181f1;
	border-radius: 5px;
}
.prd-cont-box .prd-cont-btn .btn.event-btn.dis{
	width: 100%;
	line-height:1.38;
	padding: 2.08vw 0;
	color: #E0E0E0;
	font-size: 3.89vw;
	font-weight: 400;
	border: 0.28vw solid #E5E5E5;
	border-radius: 5px;
}
.prd-cont-box .prd-cont-top .status{
	padding-right: 2.36vw;
	font-size:3.89vw;
	font-weight: 500;
	letter-spacing: -0.16vw;
}
.prd-cont-box .prd-cont-top .status.check{
	color: #FF4343;
}
.prd-cont-box .prd-cont-top .status.set{
    color: #1181F1;;
}
.prd-cont-box .prd-cont-top .user-util{
	position: absolute;
	right: 0;
	top: 0;
}
.prd-cont-box .prd-cont-data .user-date:nth-child(1) {
	padding-left: 0;
}
.prd-cont-box .prd-cont-data .user-date:nth-child(2)::after{
	content: none;
}
.prd-cont-box .prd-cont-data .user-date{
	display: inline-block;
	position: relative;
	padding: 0 2.78vw 0;
	margin-top: 3.33vw;
}
.prd-cont-box .prd-cont-data .user-date span{
	font-size: 3.33vw;
	font-weight: 400;
	padding-right: 2.28vw;
	color: #222;
	letter-spacing: -0.13vw;
	line-height: 3.89vw;
}
.prd-cont-box .prd-cont-data .user-date em{
	font-size: 3.33vw;
	color: #999999;
	letter-spacing: 0;

}
.prd-cont-box .prd-cont-data .user-date::after{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -0.42vw;
	width:0.28vw;
	height: 2.78vw;
	background-color: #D7D7D7;
}
/* .prd-list */
.prd-list{
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	padding:0 2.08vw;
}
.prd-list li{
	float: left;
	position: relative;
	margin:0 2.08vw 5.556vw;
	width:calc(50% - 4.16vw);
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}
.prd-list li:nth-of-type(4n){margin-right: 0;}
.prd-list li.last{margin-bottom: 0;}
.prd-list li > a{
	display: block;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}
.prd-list li .thum-wrap{
	overflow:hidden;
	position:relative;
	display: block;
	padding-bottom:100%;
	margin-bottom: 0;
	border: 0.28vw solid #e5e5e5;
	line-height: 0;
	transition: all .2s ease;
}
.prd-list li .thum-wrap img{
	position:absolute;
	width:100%;
	top:0;
	left:0;
}
.prd-list .item-info{
	margin-top:2.78vw;
	position: relative;
	/* height: 13vw; */
	/* height: 25vw; */
	min-height: 9.444vw;
    line-height: 0;
	height: auto;
}
.prd-list .item-tit{height: auto;}
.prd-list .item-name{
	display:block;
	letter-spacing:0;
	font-size:3.33vw;
	font-weight:500;
	text-transform: uppercase;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.prd-list .item-desc{
	margin-top:1.39vw;
/* 	height: 9.44vw; */
	line-height:1.3;
	letter-spacing:0;
	font-size:3.33vw;

}
.prd-list .item-desc.txt-shortening{
	height: auto;
    max-height: 8.194vw;
    margin-top: 0.556vw;
    line-height: 1.3;
    font-size: 3.33vw;
	word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.prd-list .item-desc.txt-shortening-one{
	height:4.17vw;
}
.prd-list .item-price-wrap{
	position: relative;
	margin-top: 1.389vw;
	width:100%;
	line-height: 0;
}
.prd-list .item-type {
	display: flex;
    flex-wrap: wrap;
    margin-top: 2.083vw;
    margin-left: -0.417vw;
}
.prd-list .item-type .type-badge {
    display: inline-block;
    height: 5.5556vw;
    margin: 0.417vw;
    padding: 0.694vw 0.694vw;
    font-size: 2.778vw;
    border: 1px solid #d7d7d7;
    line-height: 4.0278vw;
    color: #666;
}

.prd-list .item-price{display: inline-block; width:100%; line-height: 0;}
.prd-list .cost-price{
	display: inline-block;
    margin: 2.778vw 0 0.694vw;
    font-size: 3.0555555555555554VW;
    color: #999;
}
.prd-list .cost-price + .selling-price{
	margin-top: 1.3888888888888888VW;
}
.prd-list.w50 .cost-price .unit{
	font-weight:400;
	font-family:'Noto sans KR';
}
.prd-list .selling-price{
	position: relative;
	display: block;
	letter-spacing:0;
	font-weight:700;
	font-size: 3.888888888888889VW;
    line-height: 1.3;
    /* margin-top: 1.3888888888888888VW; */
}
.prd-list .selling-price .unit{
	margin-left:0.56vw;
	font-family:'Noto Sans KR';
	font-size:3.33vw;
	font-weight:400;
}
.prd-list .selling-price .dc-rate{
	font-size: 5.277777777777778VW;
    font-weight: 700;
    color: #dd042b;
    line-height: 1;
    position: absolute;
    right: 0;
    bottom: 0;
}
.prd-list .soldout-wrap{
	height:44.35vw;
}
.prd-list .btn-area{
	position: absolute;
	top:37.5vw;
	right: 3.33vw;
	height: 4.44vw;
	z-index:1;
}
.prd-list .btn-area a{
	position: relative;
	transition:all .2s ease;
}
.prd-list .btn-area .btn-like.active{background-image: url(../images/common/btn_like_on.png); background-size: 100%; opacity:1;}
.prd-list .btn-area .btn-notify{background-image: url(../images/common/btn_notify.png);}
.prd-list .btn-area .btn-notify span{display: none;}
.prd-list .btn-area .btn-notify:hover span{
	content:'';
	display: block;
	position: absolute;
	right: 5.56vw;
	top: -1.67vw;
	width: 18.61vw;
	height: 7.5vw;
	padding: 1.67vw;
	background: url(../images/common/btn_notify_tooltip.png) right center no-repeat;
}

.prd-list .btn-area > a{vertical-align: unset;}
.prdlist-info .total-count{
	position: relative;
	font-size: 3.33vw;
	font-weight: 500;
	color: #999;
}
.prdlist-info .total-count:after{
	content:'';
	position: absolute;
	top: 0.56vw;
	left: 8.89vw;
	width: 0.28vw;
	height: 2.5vw;
	background-color: #c4c4c4;
}
.prdlist-info .prd-num{margin-left: 5.56vw;}
.prdlist-info .prd-srch-wrap{
	margin-top: 5.56vw;
	padding-bottom: 5.56vw;
}
.prdlist-info .checkbox-wrap{
	display: inline-block;
	width: 14.1667vw;
	margin-right: 3.3333vw;
	font-size: 1.9444vw;
	color: #666;
}
.prdlist-info .prd-srch-wrap .select-area{float: left;}
.prdlist-info .prd-srch-wrap .options{
	left: auto;
	right: 0;
}
.ranking-flag{
	padding-right:0.3vw;
	padding-top:4vw;
	width:11.39vw;
	height:14.44vw;
	background:url(../images/common/icon_ranking.png) no-repeat 0 0;
	background-size:11.39vw;
	text-align:center;
	font-size:5vw;
	font-family:'Roboto',sans-serif;
	letter-spacing:0;
}
/* .prd-list type2 */
.prd-list.type2{
	padding:0 2.78vw;
}
.prd-list.type2 li{
	margin:0 1.39vw 5.56vw;
	width:28.61vw;
}
.prd-list.type2 .item-info{
	margin-top:5.42vw;
	height:31.94vw;
}
.prd-list.type2 .btn-area{
	top:22.64vw;
	right:1.81vw;
}
.prd-list.type2 .soldout-wrap {
	height: 28.35vw;
}
.prd-list.type2 .item-price-wrap{
	bottom:0;
	height:17.78vw;
}
.prd-list.type2 .item-price{
	height:100%;
}
.prd-list.type2 .cost-price{
	position:relative;
	top:0;
}
.prd-list.type2 .selling-price{
	position:absolute;
	top:5vw;
	left:0;
	margin-top:0;
	height:auto;
	line-height:5.28vw;
}
.prd-list.type2 .selling-price + .dc-rate{
	position:absolute;
	bottom:1vw;
	left:0;
	line-height:5.97vw;
	color:#DD042B;
	font-size:5vw;
	font-weight:700;
}
/* prd-list vertical-1 */
.prd-list.vertical-1{
	padding: 4.17vw 4.17vw;
	background:#F2F2F2;
}
.prd-list.vertical-1 li{
	margin:0;
	float:none;
	display:inline-block;
	margin-bottom:0;
	width:100%;
	background:#fff;
}
.prd-list.vertical-1 li + li{
	margin-top:4.17vw;
}
.prd-list.vertical-1 li > a{
	padding:5.56vw;
}
.prd-list.vertical-1 li .thum-wrap,
.prd-list.vertical-1 li:hover .thum-wrap{
	border:0;
}
.prd-list.vertical-1 li .thum-wrap{
	margin:2.08vw 2.08vw 0;
}
.prd-list.vertical-1 li .thum-wrap + .item-info{
	margin-top:4.17vw;
	height:30.97vw;
}
.prd-list .item-subtxt{
	line-height:5.69vw;
	font-size:3.89vw;
	color: #000;
	font-family: 'Noto sans KR';
}
.prd-list .item-subtxt + .item-name{
	margin-top:1.81vw;
}
.prd-list.vertical-1 .item-price{
	display:block;
	overflow: hidden;
	padding:0 5.56vw;
}
.prd-list.vertical-1 .item-price > span{
	float:left;
	line-height:5.69vw;
}
.prd-list.vertical-1 .item-price .dc-rate{
	margin-left:0;
	margin-right:3.47vw;
	font-family:'Roboto',sans-serif;
	font-weight:700;
	font-size:6.39vw;
	color: #dd042b;
}
.prd-list.vertical-1 .item-price .selling-price{
	margin-top: 0;
	margin-right:4.72vw;
	display: unset;
	height: auto;
	font-size:4.72vw;
}
.prd-list.vertical-1 .item-price .cost-price{
	top:0.5vw;
	font-size:3.89vw;
}
.prd-list.vertical-1 .item-price .cost-price .unit{
	font-size:3.33vw;
}
.prd-list.vertical-1 .btn-area{
	top:93vw;
	right:8.33vw;
	height:4.86vw;
}
.prd-list.vertical-1 .item-price-wrap{
	bottom:5.56vw;
}

/* .prd-list list type */
.prd-list.horizontal{
	padding:0 4.17vw;
	line-height:0;
}
.prd-list.horizontal .thumbnail-box + .thumbnail-box{
	margin-top:5.56vw;
}
.prd-list.horizontal .thumbnail-box {
	position:relative;
	margin-left:0;
	overflow:hidden;
	display:inline-block;
	margin-bottom:0;
	width:100%;
	background:#fff;
}
.prd-list.horizontal .thumbnail-box > a{
	display:block;
	overflow:hidden;
}
.prd-list.horizontal .thumbnail-box .left{
	position:relative;
	float:left;
	width:35.833vw;
	height:35.833vw;
}
.prd-list.horizontal .thumbnail-box .left .thum-wrap{
	display:block;
	height:100%;
	border:0.278vw solid #E5E5E5;
}
.prd-list.horizontal .thumbnail-box .left .thum-wrap img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:calc(100% - 0.5556vw);
}
.prd-list.horizontal .thumbnail-box .right{
	position:relative;
	float:right;
	width:calc(100% - 38.89vw);
}
.prd-list.horizontal .thumbnail-box + .noti{
	display: block;
	line-height: 1.6;
	font-size: 3.056vw;
	margin-top: 2.083vw;
	letter-spacing: 0;
}
.prd-list.horizontal .item-info{
	margin-top:0;
	height:35.833vw;
}
.prd-list.horizontal .badge-area{
	position:unset;
}
.prd-list.horizontal .item-tit{
	margin-top:2.92vw;
}
.prd-list.horizontal .item-price-wrap{
	margin-bottom:2.5vw;
}
.prd-list.horizontal .btn-area{
	top:unset;
	right:unset;
	bottom:1.67vw;
	left:28vw;
	height:5vw;
	display:inline-block;
}
.prd-list.horizontal .btn-area a{
	margin-left:0;
	vertical-align: top;
}
.prd-list.horizontal .selling-price .dc-rate{
	margin-left:12.36vw;
}


/* .prd-list.horizontal.type2 */
.prd-list.horizontal.type2{
	margin-top: -.14vw;
	padding-bottom: 4.17vw;
}
.prd-list.horizontal.type2 .thumbnail-box > a{
	display:block;
}
.prd-list.horizontal.type2 .thumbnail-box .left .thum-wrap{
	position:relative;
	width: 100%;
	height: 100%;
	border:0.28vw solid #e5e5e5;
}
.prd-list.horizontal.type2 .item-tit{
	margin-top:0;
}
.prd-list.horizontal.type2 .item-name{
	line-height:4.72vw;
	font-size:3.89vw;
}
.prd-list.horizontal.type2 .item-desc{
	margin-top:0.28vw;
	line-height:4.31vw;
	font-size:3.61vw;
	height:auto;
}
.prd-list.horizontal.type2 .item-tit .code{
	display:block;
	margin-top:1.39vw;
	line-height:3.75vw;
	color: #666;
	letter-spacing:0;
	font-weight:300;
	font-size:3.06vw;
	font-family:'Roboto',sans-serif;
}
.prd-list.horizontal.type2 .item-tit .item-option{
	margin-top:1.39vw;
	display:block;
	line-height:5vw;
	font-size:3.33vw;
	font-weight:300;
}
.prd-list.horizontal.type2 .item-price-wrap{
	margin-bottom:0;
}
.prd-list.horizontal.type2 .item-price{
	position:relative;
	display:block;
}
.prd-list.horizontal.type2 .cost-price{
	position:absolute;
	margin-right:0;
	top:unset;
	bottom:5vw;
	line-height:5vw;
	font-family:'Roboto',sans-serif;
	letter-spacing:0;
	color: #999;
	font-weight:300;
}
.prd-list.horizontal.type2 .cost-price .unit{
	font-family:'Noto sans KR';
	color: #999;
}
.prd-list.horizontal.type2 .selling-price{
	top:unset;
	bottom:0;
	height:auto;
	line-height:5.69vw;
	font-size:4.72vw;
}
.prd-list.horizontal.type2 .selling-price > .unit{
	font-size:3.33vw;
}
.prd-list.horizontal.type2 .item-num{
	margin-top:1.39vw;
	line-height:5vw;
	font-weight:300;
	font-size:3.33vw;
}
.prd-list.horizontal.type2 .selling-price .item-num .unit{
	margin-left:0;
	font-weight:300;
}
.prd-list.horizontal.type2 .thumbnail-box{
	overflow:hidden;
	height:34.718vw;
}
.prd-list.horizontal.type2 .thumbnail-box .checkbox-wrap{
	float:left;
	margin-right:2.78vw;
	padding-top:14.86vw;
	width:6.11vw;
	height:100%;
}
.prd-list.horizontal.type2 .thumbnail-box .checkbox-wrap + a{
	float: right;
	width:calc(100vw - 19.4vw);
}
.prd-list.horizontal.type2.main-item,
.prd-list.horizontal.type2.part-item{
	padding:0;
	margin:0 4.17vw;
}
.prd-list.horizontal.type2.main-item{
	padding-bottom:4.17vw;
}
.prd-list.horizontal.type2.main-item + .part-item{
	padding-top:4.17vw;
	border-top:0.28vw solid #F2F2F2;
}
.prd-list.horizontal.type2.part-item + .part-item{
	padding-top:4.17vw;
}
.prd-list.horizontal + .cont-btn-wrap{
	margin-top:4.17vw;
}
.prd-list.horizontal.type2 .cont-tit{
	margin-bottom: 4.17vw;
	padding: 0;
}
.prd-list.horizontal.type2:nth-of-type(1){margin-top: 0;}
.prd-list.horizontal.type2 .invisible-item-info{padding: 0;}

/* style-b */
.prd-list.style-b .thumbnail-box .left{
	width:35.8333vw;
	height:35.8333vw;
	border:0;
}
.prd-list.style-b .thumbnail-box .left .thum-wrap{
	border:0;
}
.prd-list.style-b .itme-name{
	font-size:3.8889vw;
	line-height:1.42;
}
.prd-list.style-b .item-desc {
	height:auto;
	margin-top:2.0833vw;
	font-size:3.3333vw;
}
.prd-list.style-b .price {
	display:inline-block;
	margin-top:4.1667vw;
	font-size:4.4444vw;
	line-height:1.18;
}
.prd-list.style-b .price .unit {
	font-family:'Noto Sans KR';
	font-size:3.33vw;
}


/* .scroll-container .prd-list */
.scroll-container {
	margin-top:2.22vw;
	overflow-x:scroll;
	overflow-y: hidden;
}
.scroll-container .prd-list {
	white-space:nowrap;
	overflow:visible;

    flex-wrap: nowrap;
}
.scroll-container .prd-list li {
	float:none;
	display:inline-block;
	margin-bottom:0;
	width:36.25vw;
	vertical-align:top;
	flex-shrink: 0;
}
.scroll-container .prd-list li:nth-of-type(4n) { margin-right:5.56vw;}
.scroll-container .prd-list .item-info{
	height:32.5vw;
}
.scroll-container .prd-list .item-desc {
	white-space:normal;
}
.scroll-container .prd-list .soldout-wrap{
	height:36.9vw;
}
.scroll-container .prd-list li .btn-area{top: 30.28vw; right:1.68vw;}
.scroll-container .prd-list .cost-price{
	display:inline-block;
	top:0;
	margin-right:0;
	line-height:5vw;
}
.scroll-container .prd-list .selling-price{
	display: block;
	margin-top:0;
	height:auto;
	line-height:5.28vw;
	font-size:4.44vw;
}
.scroll-container .prd-list .selling-price .unit{
	vertical-align:top;
}
.scroll-container .prd-list .dc-rate{
	margin: 1.39vw 0 0 0;
	line-height:6.67vw;
	font-size: 5.56vw;
	font-family: 'Roboto';
	font-weight: 700;
	color: #dd042b;
}
.fes .prd-list li .thum-wrap,
.fes .soldout-wrap,
.fpr .prd-list li .thum-wrap,
.fpr .soldout-wrap{height: 76.94vw;}
.fes .prd-list li .btn-area,
.fpr .prd-list li .btn-area{top: 69.44vw;}
/* .scroll-container .prd-list.vertical-1 */
.scroll-container .prd-list.vertical-1{
	padding:0 2.08vw;
}
.scroll-container .prd-list.vertical-1 li + li{
	margin-top:0;
}
.scroll-container .prd-list.vertical-1 li{
	margin:0 2.08vw;
	width:64.44vw;
}
.scroll-container .prd-list.vertical-1 li > a{
	position:relative;
	padding:4.17vw 4.17vw 5.56vw;
}
.scroll-container .prd-list.vertical-1 li .thum-wrap{
	margin:0;
}
.scroll-container .prd-list.vertical-1 li .thum-wrap + .item-info{
	height:29.58vw;
}
.scroll-container .prd-list.vertical-1 .item-price{
	padding:0;
}
.scroll-container .prd-list.vertical-1 .item-price > span{
	float:unset;
}
.scroll-container .prd-list.vertical-1 .item-price .selling-price{
	margin-right:0;
	display:block;
}
.scroll-container .prd-list.vertical-1 .item-price .selling-price .dc-rate{
	margin-right:0;
	margin-left:3.61vw;
}
.scroll-container .prd-list.vertical-1 .selling-price .unit{
	vertical-align:unset;
}
.scroll-container .prd-list.vertical-1 li .btn-area {
	top: 63.5vw;
	right: 4.17vw;
}
.scroll-container .prd-list.vertical-1 .item-price-wrap{
	left:4.17vw;
	bottom:5.56vw;
	width:auto;
}

/* prd-list-big type */
.prd-list-big{
	padding: 4.17vw;
	position: relative;
}
.prd-list-big,
.prd-list-big a,
.prd-list-big strong{
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}
.prd-list-big > a,
.prd-list-big .thum-wrap{display: block;}
.mpr-bigitem-swiper{border: .28vw solid #e5e5e5;}
.prd-list-big .thum-wrap img{width: 100%;}
.prd-list-big .badge-area,
.prd-list-big .award-area,
.prd-list-big .ranking-are{
	top: 4.17vw;
	left: 4.17vw;
	z-index: 10;
}
.prd-list-big .award-area{
	left: auto;
	right: 4.44vw;
	width: auto;
	margin: 1.94vw 3.19vw;
}
.prd-list-big .badge:before{
	padding: 0.85vw 1.55vw;
	font-size: 3.33vw;
}
.prd-list-big .award-area .award{
	width: 11.67vw;
	height: 9.72vw;
}
.prd-list-big .aw01{background-size: 11.67vw;}
.prd-list-big .aw02,
.prd-list-big .aw03{background-size: 8.06vw;}
.prd-list-big .aw03{margin-top: 1.94vw;}
.prd-list-big .item-info{
	position: relative;
	margin-top: 4.17vw;
}
.prd-list-big .item-info .item-tit{position: relative;}
.prd-list-big .item-tit .brand-name{
	display: block;
	margin-top: 2.78vw;
	font-size: 4.72vw;
	font-weight: 500;
}
.prd-list-big .item-tit .item-name{
	display:block;
	margin-top: 2.78vw;
	font-size: 5.28vw;
	line-height: 1.2;
}
.prd-list-big .item-tit .item-desc{
	height: 5.69vw;
	/* margin-top: 2.78vw; */
	line-height: 1.6;
}
.prd-list-big .item-tit .btn-area{
	position: absolute;
	top: 0;
	right: 0;
}
.prd-list-big .item-tit .btn-area > button{
	vertical-align: middle;
}
.prd-list-big .item-tit .btn-area > button + button{
	margin-left:2.7778vw;
}
.prd-list-big .item-info .item-price{margin-top:1.5vw;}
.prd-list-big span .unit{font-size: 3.89vw;}
.prd-list-big .item-price .cost-price{
	font-weight:300;
	color: #999;
}
.prd-list-big .item-price .cost-price .unit{
	margin-left: 0.6944vw;
	font-family: 'Noto Sans KR';
	font-size:3.3333vw;
}
.prd-list-big .item-price .selling-price{
	display: block;
	line-height:7.7778vw;
	font-size: 6.39vw;
	font-weight: 700;
}
.prd-list-big .item-price .selling-price .unit{
	margin-left:1.3889vw;
	font-weight:400;
	font-size:3.3333vw;
}
.prd-list-big .item-price .dc-rate{
	margin-left: 2.78vw;
	color: #DD042B;
}
.prd-list-big .item-info > .btn-area{
	position: absolute;
	bottom: .97vw;
	right: 0;
}
.prd-list-big .item-info .color-chip{
	margin-top:2.7778vw;
}
.prd-list-big .soldout-wrap{
	margin:4.17vw 4.17vw 0;
	width:calc(100% - 8.34vw);
	height:93.3vw;
	z-index:2;
}
.prd-list-big .soldout-wrap:before{top:51%; height:150vw;}
.prd-list-big .soldout-wrap span{
	display:flex;
	align-items: center;
	justify-content: center;
	top:51%;
	width:26.9444vw;
	height:26.9444vw;
	line-height:6.9444vw;
	font-size:5.2778vw;
	border:0.2778vw solid #F2F2F2;
}
/* thumnail-s-list */
.thumnail-s-list li{
	padding:3.06vw 9.72vw 3.06vw 4.17vw;
	overflow:hidden;
}
.thumnail-s-list .img-wrap{
	float:left;
	width:15.56vw;
	height:15.56vw;
}
.thumnail-s-list .img-wrap img{
	width:100%;
}
.thumnail-s-list .text-wrap{
	float:right;
	width:calc(100% - 18.33vw);
}
.thumnail-s-list .text-wrap strong{
	display: block;
	line-height:4vw;
	font-weight:500;
	font-size: 3.33vw;
}
.thumnail-s-list .text-wrap p{
	margin-top:1.3vw;
	height:11.25vw;
	line-height:5.56vw;
	color: #666;
	font-size:3.89vw;
}


/* score */
.star-score-wrap.type-ui{
	line-height: 1;
	margin-top: 1.67vw;
	display: flex;
	align-items: center;
	gap: 1.11vw;
}
.star-score{
	display: inline-block;
	width: 24.31vw;
	height: 4.03vw;
	background: url(../images/common/bg_score_star.png) 0 0/24.31vw no-repeat;
	vertical-align:middle;
}
.star-score span{
	overflow: hidden;
	display: block;
	height: 4.03vw;
	line-height: 0;
}
.star-score.type-small{
	background: url(../images/common/bg-score-small.svg) no-repeat center /18.89vw;
	width: 18.89vw;
	height: 3.06vw;
}
.star-score-wrap.type-ui .score{
	font-size: 3.06vw;
	font-weight: 500;
	line-height: 1.36;
	color: #000;
	letter-spacing: 0;
	margin-left: 0;
}
.star-score.type-small span img { width: 18.89vw;}
.star-score span img{width: 24.31vw;}
.star-score-wrap > span{vertical-align: middle;}
.star-score.type2 span img{width: 34.11vw;}
.star-score.type2{
	width: 34.11vw;
	height: 5.83vw;
	background-image: url(../images/common/bg_score_bigstar.png);
	background-size:34.11vw;
}
.star-score.type2 span{height: 5.83vw;}
.star-score + span{margin-left: 2.78vw; vertical-align: middle;}
.star-score.type2 + span{
	margin-left: 2.92vw;
	font-size: 5vw;
	font-weight: 500;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}
.star-score.type2 + span span{color: #999;}
.star-score.small{
	width:15.69vw;
	height:2.5vw;
	background-size:15.69vw;
}
.star-score-wrap.type3 .star{
	display:inline-block;
	width: 4.17vw;
	height: 8.33vw;
	cursor: pointer;
  }
.star-score-wrap.type3 .star_left{
	background: url('../images/star_svg.svg') no-repeat 0 0;
	background-size: 8.33vw;
	margin-right: -0.3vw;
  }
.star-score-wrap.type3 .star_right{
	background: url('../images/star_svg.svg') no-repeat -4.17vw 0;
	background-size: 8.33vw;
	margin-left: -0.3vw;
  }
.star-score-wrap.type3 .star.on{
	background-image: url('../images/star_on_svg.svg');
  }
.star-score.small span{height:2.6vw;}
.star-score.small span img{width:15.69vw;}
/* badge, ranking */
.badge-area,
.award-area,
.ranking-area{
	overflow: hidden;
	position: absolute;
	top:0;
	left:0;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	color: #fff;
	font-weight:400;
	z-index: 1;
}
.award-area{
	width: 8.33vw;
	left: auto;
	right: 1.11vw;
}
.badge-area{
	display: flex;
	gap: 1.11vw;
}
.badge{
	font-weight: 500;
	letter-spacing: 0;
	font-size:3.47vw;
	padding: 1.11vw 1.94vw 1.25vw 1.94vw;
	display: inline-block;
	line-height: 1;
	min-height: 6.94vw;
	display: flex;
	justify-content: center;
	align-items: center;
}
.badge.blue{
	background-color: #1181f1;
}
.badge.red{
	background-color: #dd042b;
}
.mpr .circle-badge-area {
	position: absolute;
	top: 2.78vw;
	right: 2.78vw;
	z-index: 9;
	display: flex;
	flex-direction: row-reverse;
	gap: 0.83vw;
}
.mpr .circle-badge-area img {
	width: 15.28vw;
	height: 15.28vw;
	object-fit: cover;
}
.ranking{
	display: block;
	width: 13.06vw;
	height: 13.06vw;
	padding: 1.67vw 2.22vw;
	font-size: 5vw;
	color: #222;
}
.ranking.bast-ranking{
	background: url(../images/common/bg_bast_ranking.png) 0 0 no-repeat;
	color: #fff;
}
.badge:before{
	display: block;
	padding: 0.69vw 1.25vw;
	font-size: 2.22vw;
}
.badge.new:before{
	content:'New';
	background-color: #666;
}
.badge.sale:before{
	content:'Sale';
	background-color: #dd042b;
}
.badge.awards:before{
	content:'Awards';
	background-color: #D2B83F;
}

.badge.best:before{
	content:'Best';
	background-color: #0098e3;
}
.badge.coming:before{
	content:'출시예정';
	color: #666;
	background-color: #eeeeee;
}
.badge.dreamsale:before{
	content:'드림세일';
	color: #fff;
	background-color: #00b495;
}
.badge.special{
	font-size: 2.5vw;
	font-family: 'Noto Sans KR', sans-serif;
}
.badge.special:before{
	content:'스페셜 특가';
	color: #fff;
	background-color: #db3cf6;
	padding: 0.69vw 1.38vw;
}
.award{
	display: block;
	width:7.22vw;
	height: 5.97vw;
	margin-top: 0.42vw;
	background: url(../images/common/icon_award01.png) right top no-repeat;
	background-size: 95%;
}
.award.aw02{
	height: 6.8vw;
	background-image: url(../images/common/icon_award02.png);
}
.award.aw03{background-image: url(../images/common/icon_award03.png);}
.badge-s{
	float:none;
	display: inline-block;
	width: 4.861vw;
	height: 4.861vw;
	background: url(../images/common/bl_new_blue_2.png) 0 0/4.861vw no-repeat;
}
.badge-s.new:before{content: none}

.btn-detail{
	height: 2.7778vw;
	margin-left: 1.3889vw;
	padding: 0.2778vw 0.6944vw;
	font-size: 1.6667vw;
	border: 0.28vw solid #e5e5e5;
	background-color: #f8f8f8;
}
.badge-area.bg666{
	padding:0 1.39vw;
	line-height:5.42vw;
	color: #fff;
	font-size:3.06vw;
	background:#666;
}
.badge-area.type-2{
	padding: 0 1.39vw;
	line-height: 5.42vw;
	color: #fff;
	font-size: 3.06vw;
	background-color: rgb(30,34,42,.6);
}
/* btn */
.info-util {
	margin-right:2.78vw;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	height:4.44vw;
}
.info-util > span {
	float: left;
	display:block;
	margin: 0 2.08vw;
	height: 4.44vw;
	vertical-align:middle;
}
.info-util > span:last-child{
	margin-right:0;
}
.btn-area > a{vertical-align: middle;}
.btn-like{
	padding-left:5vw;
	display: inline-block;
	height: 5vw;
	background: url(../images/common/icon-like.svg) no-repeat 0 center;
	background-size: 5vw;
	opacity: .8;
	transition:all .2s ease;
	vertical-align: top;
}
.btn-like.active{
	background-image: url(../images/common/btn_like_on.png) !important;
	opacity:1;
}
.btn-like span{
	display:block;
	margin-left:1.39vw;
	line-height:5vw;
	vertical-align: top;
	opacity:1;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing:0;
	font-size:3.33vw;
	color: #959595;
	font-weight:400;
}
.btn-like2{
	display: inline-block;
	width:4.444vw;
	height: 4.17vw;
	background: url(../images/common/btn_star.png) 0 center/4.44vw no-repeat;
}
.btn-like2 span{
	display: inline-block;
	padding-left: 5.55vw;
	vertical-align: text-top;
	line-height: 4.44vw;
	color:#959595;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing:0;
	font-size:3.33vw;
	font-weight:400;
}
.btn-like2.active{background-image: url(../images/common/btn_star_on.png);}
.btn-coupon.type2{
	width: auto;
	height: auto;
	border: 0.28vw solid #999;
	padding: 2.5vw 2.8vw;
	background-image: none;
	font-size: 3.33vw;
	font-weight: 500;
	letter-spacing: -0.13vw;
	line-height: 1.25;
	border-radius: 0.69vw;
}
.btn-coupon{
	display: inline-block;
	width:26.1111vw;
	height:7.7778vw;
	background: url(../images/common/btn-coupon.png) 0 0/26.11vw no-repeat;
	font-size: 0;
	vertical-align: middle;
}
.btn-notify{
	display: inline-block;
	width:5.0000vw;
	height:4.4444vw;
	background:url(../images/common/icon_bell.png) no-repeat center center;
	background-size:100%;
	font-size:0;
}



/* s-shop 플로팅 찜하기 버튼 */
.btn-like.outline-square{
	width: 11.67vw;
	height: 11.11vw;
	padding: 0;
	border: 0.28vw solid #666;
	font-size: 0;
	border-radius: 1vw;
	background-position: center;
}
.outline-square + .cont-btn-full{
	float: right;
	width: calc(100% - 14.44vw);
}

.like-dimmed{
	position: fixed;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	width: 29.72vw;
	height:29.72vw;
	/* padding: 9.5vw; */
	line-height: 1;
	background-color: #222c;
	border-radius:50%;
	color: #fff;
	z-index:11;
	display:none;
}
.like-dimmed .btn-like-w{
	/* display: inline-block;
	width: 12vw;
	margin-left: .97vw; */
	display:flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding-top: 4.167vw;
	background: url(../images/common/btn_like_w.png) center 8.889vw/5vw no-repeat;
}
.like-dimmed .btn-like-w:after{
	content:' 해제 !';
	margin-left: .56vw;
	white-space:nowrap;
	/* display: block;
	margin-top: 2vw; */
}
.like-dimmed.on .btn-like-w{background-image: url(../images/common/btn_like_on.png);}
.like-dimmed.on .btn-like-w:after{
	content:' 등록 !';
	/* display: block;
	margin-top: 2vw; */
}

.layer-cartin{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	width: 29.72vw;
	height:29.72vw;
	line-height: 1;
	background-color: #222c;
	border-radius:50%;
	color: #fff;
	z-index:25;
	display:none;
}
.layer-cartin span {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	display:block;
	padding-top:6vw;
	background: url(../images/common/icon_cartin.png) no-repeat center 0;
	background-size:5.5vw 5.5vw;
	color:#fff;
	font-size:3.8vw;
	line-height:5.7vw;
	text-align:center;
}
/* @keyframes likeDimmedHide{
	from{display: block;}
	to{display: none;}
} */
/* //s-shop 플로팅 찜하기 버튼 눌렀을 때 찜등록/해제 */

.btn-share{
	display: inline-block;
	width: 4.167vw;
	height: 4.167vw;
	background: url(../images/common/btn_share.png) no-repeat 0 center;
	background-size:4.17vw;
	font-size:0;
	vertical-align: top;
}
.btn-view{
	display: inline-block;
	padding-left:5.56vw;
	height:3.89vw;
	background: url(../images/common/icon_view.png) no-repeat 0 center;
	background-size:5.56vw;

}
.btn-view span{
	display:block;
	margin-left:1.39vw;
	line-height:3.89vw;
	vertical-align: top;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing:0;
	font-size:3.33vw;
	color: #959595;
	font-weight:400;
}
.downlad-num{
	display: inline-block;
	padding-left:4.44vw;
	height:4.44vw;
	background: url(../images/common/icon_download_view.png) no-repeat 0 center;
	background-size:4.44vw;
	vertical-align:top;
}
.downlad-num span{
	display:block;
	margin-left:1.39vw;
	line-height:4.44vw;
	vertical-align: top;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing:0;
	font-size:3.33vw;
	color: #959595;
	font-weight:400;
}
.sns-fa{
	display: inline-block;
	padding-left:4.44vw;
	height:4.44vw;
	background: url(../images/common/icon_sns_fa.png) no-repeat center center;
	background-size:2.22vw;
	vertical-align: top;
	font-size:0;
}
.sns-in{
	display: inline-block;
	padding-left:4.44vw;
	height:4.44vw;
	background: url(../images/common/icon_sns_in.png) no-repeat 0 center;
	background-size:4.44vw;
	vertical-align: top;
	font-size:0;
}
.sns-tw{
	display: inline-block;
	padding-left:4.44vw;
	height:4.44vw;
	background: url(../images/common/icon_download_view.png) no-repeat 0 center;
	background-size:4.44vw;
	vertical-align: top;
	font-size:0;
}
.user-util{font-size: 0;}
.user-util a{
	display: inline-block;
	width: 4.167vw;
	height: 4.167vw;
	margin-left: 4.167vw;
	font-size: 0;
	background:0 center/contain no-repeat;
	vertical-align:middle;
}
.user-util a:first-child{margin-left: 0;}
a.btn-write{background-image: url(../images/common/btn_write.png);}
a.btn-trashcan{background-image: url(../images/common/btn_trashcan.png);}

.btn-myreply{
	padding-right: 3.89vw;
	background: url(../images/common/icon_down_bar.png) right center/2.5vw no-repeat;
}

/* photo-upload */
.photo-upload input[type="file"] + label{
	padding-left: 7.50vw;
	background: url(../images/common/icon_camera.png) left center/6.11vw no-repeat;
}
.photo-upload.type2{
	/* overflow: hidden;
	position: relative; */
	padding: 15.694vw 0;
	text-align: center;
	background-color: #F2F2F2;
	height: 66.9444vw;
}
.photo-upload.type2 input[type="file"] + label/* ,
.btn-photo-del */{
	display: inline-block;
	width: 25vw;
	height: 25vw;
	padding-top: 15.27vw;
	padding-left: 0;
	border-radius:25vw;
	background: #1181F1 url(../images/common/icon_camera_w.png) 7.36vw 5vw/11.11vw no-repeat;
	text-align: center;
	color: #fff;
	font-size: 3.61vw;
}
.photo-upload.type2 strong{
	display: block;
	margin-top: 2.78vw;
	font-size: 5.28vw;
}

.photo-upload.after{
	height: auto;
	padding: 0;
	background-color: #fff;
}
/* .photo-upload.after .btn-photo-del{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
}
.photo-upload.after .img-wrap{overflow: initial;}
.btn-photo-del{
	padding-top: 12.5vw;
	background-image: url(../images/common/icon_camera_del_w.png);
} */
.photo-upload.after .cont-btn-full{
	width: 91.667vw;
	margin: 4.167vw 4.167vw 0;
}
/* color-chip */
.color-chip,
.color-chip > span{display: inline-block;}
.color-chip > span{
	width: 3.61vw;
	height: 3.61vw;
	border-radius:50%;
}
.color-chip > .white{border: .28vw solid #d7d7d7;}

/* soldout */
.soldout-wrap{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 63.06vw;
	background-color: rgba(255,255,255,.9);
	border: 0.28vw solid #e5e5e5;
	z-index: 1;
}
.soldout-wrap span{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	width: 11.39vw;
	height: 11.39vw;
	padding: 2.5vw 1.8vw;
	font-size: 3.8vw;
	line-height: 5.1vw;
	color: #999;
	background-color: #fff;
	text-align: center;
	letter-spacing: 0;
	border: .28vw solid #f2f2f2;
}
.soldout-wrap:before{
	content:'';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 100vw;
	transform:translate(-50%,-50%) rotate(-45deg);
	background-color: #e5e5e5;
}
/* big-thumbnail-box */
.thum_box{
	overflow: hidden;
	height: 100%;
}
.thum_box .thum_area{
	position: relative;
    overflow: hidden;
	height: 100%;
	border: 1px solid #e5e5e5;
}
.thum_box .thum_area .thum_center{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.thum_box .delete-btn{
	position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    width: 4.17vw;
    height: 4.17vw;
    background: #F2F2F2;
}
.thum_box .delete-btn:before{
	content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.28vw;
    height: 2.08vw;
    background: #666;
	transform: translate(-50%,-50%) rotate(45deg);
}
.thum_box .delete-btn:after{
	content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.28vw;
    height: 2.08vw;
	background: #666;
	transform: translate(-50%,-50%) rotate(-45deg);
}
.thum_box.type2,.thum_box.type3{
	overflow: hidden;
}
.thum_box.type2 .thum_area{
	width: 16.67vw;
	height: 16.67vw;
	margin-top: 1.39vw;
	float: left;
	margin-right: 1.39vw;
}
.thum_box.type3 .thum_area{
	width: 16.67vw;
	height: 16.67vw;
	margin-top: 0;
	float: left;
	margin-left: 1.39vw;
}
.thum_box .thum_area .thum_center a{
	display: block;
	height: 100%;
}
.thum_box .thum_area .thum_center .thum_img{
	width: 100%;
	height: 100%;
}
.big-thumbnail-box{
	padding:0 4.17vw;
}
.big-thumbnail-box + .big-thumbnail-box{
	margin-top:5.56vw;
}
.big-thumbnail-box .img-wrap{
	height:57.64vw;
}
.big-thumbnail-box .img-wrap img{
	width:100%;
	height: 100%;
}
.big-thumbnail-box .text-wrap{
	padding-top:2.78vw;
}
.big-thumbnail-box .text-wrap strong{
	display:block;
	line-height:5.69vw;
	font-weight:500;
	font-size:3.89vw;
}
.big-thumbnail-box .text-wrap em{
	padding-top:1.39vw;
	display:block;
	line-height:4.72vw;
	color: #666;
}
/* login */
.login.panels {padding-top: 8.33vw;}
.login-inp input[type="text"],
.login-inp input[type="password"] {
	padding:4.5vw 3% 3.9vw;
	color:#222;
	padding-left:12%;
	font-size:3.89vw;
	margin-top:4vw;
	line-height:1.5;
	box-sizing:border-box;
	letter-spacing:0;
	font-family:'Roboto', 'Noto Sans KR', sans-serif;
}
.login-inp input[type="text"]::placeholder,
.login-inp input[type="password"]::placeholder{
	letter-spacing: -1px;
}
.login-inp input[type="text"]:focus,
.login-inp input[type="password"]:focus{
	background-color:#fff;
	border:0.28vw solid #222;
	color: #222;
}
.login-inp input[type="text"].error-box,
.login-inp input[type="password"].error-box{
	background-color:#fff;
	border-color:#FF4848;
}

.login-inp .userid-inp {
	background:#f4f4f4 url('../images/common/icon_userid.png') no-repeat 5.2% center;
	background-size:4.3% auto;
	border:0.28vw solid #f4f4f4;
}
.login-inp .userpw-inp {
	background:#f4f4f4 url('../images/common/icon_passwd.png') no-repeat 5.2% center;
	background-size:4.3% auto;
	border:0.28vw solid #f4f4f4;
}
.login-inp .ordercode-inp {
	background:#f4f4f4 url('../images/common/icon_ordercode.png') no-repeat 5.2% center;
	background-size:4.3% auto;
	border:0.28vw solid #f4f4f4;
}
.login-inp [class*=-inp]{background-size:4.167vw auto;}
.login-inp .userid-inp{background-size:3.889vw auto;}
.pw-inp-group {
	display:block;
	position:relative;
	margin-top:4vw;
}
.pw-inp-group:first-child,
.login-inp input[type="password"] { margin-top:0;}
.btn-pwview {
	position:absolute;
	right:0;
	top:0.5vw;
	/* width: 16.7%;
	height: 13.89vw; */
	background:url('../images/common/icon_pwview.png') no-repeat center center;/*
	background-size:100% auto; */
	text-indent:-999px;
	overflow:hidden;
	color:transparent;
	cursor:pointer;
	width: 11.111vw;
	height: 11.111vw;
	background-size: 120%;
}
.btn-pwview.on {
	background:url('../images/common/icon_pwview_hide.png') no-repeat center center;
	/* background-size:100% auto; */
}
.login-inp .btn-pwview{
	width: 16.7%;
	height: 13.89vw;
	background-size:100% auto;
}
.login-inp input[type="text"]:first-child { margin-top:0;}

.pw-inp-help-type input{
	width: calc(100% - 10.556vw);
	margin-right: 10.556vw;
}
.pw-inp-help-type + input{margin-top: 4.5vw;}
.pw-inp-group .btn-help{
	position: absolute;
	top: 1.667vw;
	right: 0;
	width: 7.778vw;
	height: 7.778vw;
	padding: .56vw .416vw 0 0;
	border: .28vw solid #D7D7D7;
	border-radius:0.694vw;
	color: #666;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}
.login .btn-wrap button{
	letter-spacing: -0.1em;
	font-size: 3.6111111111111107VW;
	height: 8.88888888888889VW;
}
.login .cont-btn.line-type.active{border-color: #999;}
/* quick-link */
.quick-link{
	text-align:center;
}
.quick-link a{
	color:#666;
	font-size:3.33vw;
}
.quick-link a + a{
	position:relative;
	margin-left:5.2%;
}
.quick-link a + a:before{
	content:'';
	position:absolute;
	top:1.5vw;
	left:-15%;
	width:.2vw;
	height:3vw;
	background:#d7d7d7;
}
/* sns-login */
.sns-login-title {
	color: #222;
	font-size: 3.61vw;
	text-align: center;
	position: relative;
	margin: 7.22vw 8.3% 5vw;
	letter-spacing: 0;
	font-weight: 500;
}
.sns-login-title:after {
	content: '';
	position: absolute;
	left: 0; right: 0; top: 50%; transform: translateY(-50%);
	height: 0.14vw;
	background-color: #ddd;
	z-index: -2;
}
.sns-login-title>span {
	background-color: #fff;
	padding: 0 2.78vw;
}
.sns-login{
	/*display: table;*/
	/*table-layout: fixed;*/
	/*width: 84%;*/
	display: flex;
	justify-content: center;
	gap: 5vw;
	width: 100%;
	margin-bottom: 5.56vw;
}
.sns-login span{
	/*display: table-cell;*/
	text-align: center;
}
.sns-login a{
	display: block;
	position: relative;
	color: #666;
	line-height: 1.2;
}
.sns-login a:before{
	content:'';
	display: block;
	width:11.11111111111111VW;
	height:11.11111111111111VW;
	margin: 0 auto 1.9444444444444444VW;
	background-repeat: no-repeat;
	background-position:center center;
	background-size:11.11111111111111VW;
}
.sns-login a.kakao:before{
	background-image: url('../images/common/icon_kakao.svg');
}
.sns-login a.naver:before{
	background-image: url('../images/common/icon_naver.svg');
}
.sns-login a.facebook:before{
	background-image: url('../images/common/icon_facebook.svg');
}
.sns-login a.apple:before{
	background-image: url('../images/common/icon_apple.svg');
}

/* 답글작성 팝업(guide-popup-reply.html) */
.comment-wrap > .cont-btn-full{
	width: 91.667vw;
	margin: 4.167vw 4.167vw 2.083vw;
}
.reply-area{
	width: 91.7%;
	margin: 8.611vw auto 3.47vw;
}
.reply-area > strong{
	display: block;
	margin-bottom: 1.94vw;
	font-family:'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing:0;
	font-size: 3.33vw;
	font-weight: 500;
}
.reply-area textarea{height: 40.28vw;}
.reply-area + .btn-area{
	display:flex;
	justify-content:space-between;
}
.reply-area + .btn-area p{
	width: 60%;
	padding-bottom: 0;
}
.reply-area + .btn-area .cont-btn-s{
	width: 20.833vw;
	margin-right: 4.167vw;
	padding: 2.23vw 0;
	font-size: 4.167vw;
}
.reply-bottom{overflow: hidden;}
.reply-bottom .desc2.type2,
.reply-bottom .cont-btn-full{
	float: left;
	vertical-align: top;
}
.reply-bottom .desc2.type2{
	padding-right:13.472vw;
	width: 100%;
	word-break: keep-all;
}
.reply-bottom .cont-btn-full{
	float: right;
	width: auto;
	margin-right: 4.2%;
}
.reply-bottom .cont-btn-full.active{
	border-color: #666;
}

/* SNS share */
.dim .layer-page .container.share-box-wrapper{padding: 4.167vw;}
.sns-share{
	display:flex;
	justify-content:space-between;
	width: 90.48%;
	margin:4.17vw auto 0;
	/* overflow:hidden; */
}
.layer-page.no-header{
	padding:6.94vw 4.17vw 4.17vw;
}
.layer-page.no-header .ui-border-box{
	text-align: center;
	font-size: 3.89vw;
	margin-top: 4.17vw;
	padding: 5.56vw 4.17vw;
	background-color: #f8f8f8;
	color: #666;
	line-height: 1.43;
	letter-spacing: -0.16vw;
}
.layer-page.no-header .pop-tit-disc{
	font-size: 4.44vw;
	line-height: 1.44;
	color: #222;
	text-align: center;
	font-weight: 400;
	letter-spacing: -0.18vw;
}
.layer-page.no-header .container{
	padding: 0;
}
.layer-page.no-header .progress-btn{
	padding:0;
	min-height: auto;
	margin-top: 6.94vw;
}
.sns-share .sns-box + .sns-box{
	/* margin-left:3.33vw; */
}
.sns-share >.sns-box{
	/* float:left; */
	/* width:13.61vw; */
}
.sns-share >.sns-box > div{
	margin:0 auto;
	width:10.14vw;
	height:10.14vw;
}
.sns-share >.sns-box > div > a{
	display:block;
	width:100%;
	height:100%;
	font-size:0;
}
.sns-share >.sns-box > p{
	margin-top: 1.389vw;
	font-size:3.06vw;
	color: #666;
	text-align: center;
}
.sns-share >.sns-box .facebook{
	background:url(../images/common/icon_sns_fa_fill.png) no-repeat 0 0;
	background-size:100%;
}
.sns-share >.sns-box .twitter{
	background:url(../images/common/icon_sns_tw_fill.png) no-repeat 0 0;
	background-size:100%;
}
.sns-share >.sns-box .kakao{
	background:url(../images/common/icon_sns_kt_fill.png) no-repeat 0 0;
	background-size:100%;
}
.sns-share >.sns-box .pinter{
	background:url(../images/common/icon_sns_pt_fill.png) no-repeat 0 0;
	background-size:100%;
}
.sns-share >.sns-box .blog{
	background:url(../images/common/icon_sns_bl_fill.png) no-repeat 0 0;
	background-size:100%;
}

.input-box{
	margin-top:7.64vw;
	overflow:hidden;
}

/* 2020-11-19

.input-box input{
	float:left;
	margin:0;
	padding:0 2.22vw;
	width:calc(100% - 20.56vw);
	line-height:8.33vw;
	color: #999;
	font-size:3.33vw;
	letter-spacing:-0.13vw;
} */
.input-box input.w-full{
	width: 100%;
}
.input-box button{
	float:right;
	padding: 2.778vw 0;
	width:19.17vw;
	border-width:0.28vw;
	/* line-height:7.78vw; */
	line-height: 1.5;
	font-size:3.33vw;
	letter-spacing:-0.13vw;
}

.share-box-wrapper .input-box{
	overflow: hidden;
	/* display:flex; */
	/* flex-direction: column; */
	margin-top: 6.944vw;
}
.share-box-wrapper .input-box input{
	float:none;
	/*width: 58.333vw;*/
	width: 100%;
	padding: 2.778vw;
	font-size: 3.889vw;
	/* text-overflow: ellipsis;
	white-space: nowrap; */
	border-color: transparent;
}
/* .share-box-wrapper .input-box input[value]{
	overflow: hidden;
	width: 52.778vw;
} */
.share-box-wrapper .input-box .cont-btn-full{font-size: 3.889vw;}
.share-box-wrapper .input-box p{
	margin-bottom: 1.389vw;
	font-weight: 500;
}

/* list-fillter */
.list-fillter{
	padding:0 4.17vw;
	overflow:hidden;
	line-height:5.69vw;
}
.list-fillter li{
	color: #666;
	font-size:3.89vw;
}
.list-fillter .all-count{
	float:left;
}
.list-fillter .right{
	float:right;
}
.list-fillter .right > div{
	position:relative;
	float:left;
}
.list-fillter .right > div + div:after{
	content:'';
	position:absolute;
	top:1.11vw;
	left:0;
	width:0.28vw;
	height:4.03vw;
	background:#D7D7D7;
}
.list-fillter .all-count .num{
	margin-left:1.39vw;
	font-weight:400;
}
.list-fillter select,
.search-detail > button{
	color: #666;
	font-size:3.89vw;
}
.list-fillter select{
	margin:0 4.17vw;
	padding-right:5.96vw;
	direction:rtl;
}
.search-detail{
	padding:0 4.17vw;
	width:27.36vw;
}
.search-detail > button{
	display:inline-block;
	width:100%;
	text-align: right;
	color: #666;
	background:url(../images/common/icon_list_sorting.png) no-repeat 0 center;
	background-size: 3.75vw;
}
.search-detail > .after{
	background-image: url(../images/common/icon_list_sorting_after.png);
	background-size: 4.028vw;
}
.list-fillter .cont-view-type{
	padding-left:4.17vw;
	height:6.13vw;
}
.cont-view-type > button{
	display:inline-block;
	width:4.03vw;
	height:4.03vw;
	font-size:0;
	vertical-align: middle;
}
.cont-view-type > button.view-list{
	background:url(../images/common/icon_list_view1.png) no-repeat center center;
	background-size:4.03vw;
}
.cont-view-type > button.view-thumbnail{
	background:url(../images/common/icon_list_view2.png) no-repeat center center;
	background-size:4.03vw;
}
.bg-grey{
	background:#f2f2f2;
}

.list-fillter.disabled {opacity: .5;}
.list-fillter.disabled select[disabled]{opacity: 1;}


/* swiper */
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after{
	content:none;
}
.btn-circle{
	width:6.11vw;
	height:6.11vw;
	border:0.28vw solid #666;
	border-radius: 50%;
}
.btn-circle:after{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:1.39vw;
	height:2.5vw;
	background:url(../images/common/btn_circle.png) no-repeat 0 0;
	background-size:contain;
}
.swiper-button-prev.btn-circle{
	left:0;
}
.swiper-button-prev.btn-circle:after{
	transform:translate(-50%, -50%) scaleX(-1);
}
.swiper-button-next.btn-circle{
	right:0;
}
.swiper-button-next.btn-circle:after{
	transform:translate(-32%, -50%) scaleX(1);
}
/* swiper-pagination-fraction */
.swiper-container .swiper-pagination-fraction{
	left:initial;
	right:0;
	bottom:0;
	width:15.278vw;
	height: 9.723vw;
	background:rgba(102,102,102,0.5);
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family:'Roboto',sans-serif;
	color:#D7D7D7;
	font-weight:300;
	font-size:3.33vw;
}
.swiper-container .swiper-pagination-fraction > span{
	margin:0;
	border:0 !important;
	color:#D7D7D7;
	font-weight:300;
	font-size:3.33vw;
}
.swiper-container .swiper-pagination-fraction > span.swiper-pagination-current{
	color: #fff;
	font-weight:500;
}
/* photo-swiper */
.photo-swiper .swiper-slide .title{
	font-size:4.17vw;
	font-weight:500;
	text-align: center;
}
.photo-swiper .swiper-slide .title + .gallery-desc{
	margin:5.56vw 0;
	/* color: #666; */
	/* font-size:3.89vw; */
}

.swiper-container.navi-disabled [class*=swiper-button-],
.swiper-container.navi-disabled ~ [class*=swiper-button-],
.swiper-container.navi-disabled .swiper-pagination{display: none;}
/* select-swiper */
.select-swiper{
	background:#fff;
}
.swiper-btn-wrap{
	position:relative;
	padding:4.17vw 0;
	text-align: center;
}
.swiper-btn-wrap .btn-circle{
	position:absolute;
	/* display:inline-block; */
	vertical-align:bottom;
	top:50%;
	margin-top:0;
	transform: translateY(-50%);
}
/* .swiper-btn-wrap .btn-circle:first-child{left:6.9444vw;}
.swiper-btn-wrap .btn-circle:last-child{right:6.9444vw;} */

/* thumbnail */
.thumbnail-wrap{border: .28vw solid #E5E5E5;}
.thumbnail-wrap > a{
	display: block;
}
/* .thumbnail-wrap > a:after{
	content: '';
	position: absolute;
	width: calc(100% - .56vw);
	height: calc(100% - .56vw);
	top: 0;
	left: 0;
	border: 1px solid #E5E5E5;
} */
.thumbnail-wrap .img-wrap{
	position: relative;
	/* overflow: hidden; */
	display: block;
	/* cursor: pointer;
	border: 0.14vw solid transparent; */
	background-color: #fff;
	border-bottom: .28vw solid #E5E5E5;
	line-height: 0;
	z-index: 1;
}
.thumbnail-wrap .img-tit{
	display: block;
	/* padding: 2.78vw 2.78vw 10vw; */
	margin: 2.78vw 2.78vw 10vw;
	/* border: .28vw solid #E5E5E5; */
	font-size: 3.61vw;
	line-height: 1.4;
	overflow: hidden;
	max-height: 10.278vw;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.thumbnail-wrap .img-tit span{
	overflow: hidden;
	display: block;
	max-height: 10.278vw;
}
.thumbnail-wrap .btn-area{
	position: absolute;
	bottom: 2.78vw;
	right: 2.78vw;
}
.thumbnail-wrap .btn-area .btn-like{margin-left: 4.167vw;}

/* thumbnail type2 */
.thumbnail-wrap.type2{
	position:relative;
	margin:0 2.08vw;
	border: 0;
}
.thumbnail-wrap.type2:nth-of-type(2) ~ .type2{margin-top: 8.333vw;}
.thumbnail-wrap.type2 .img-wrap{
	height:43.75vw;
	border: 0;
}
.thumbnail-wrap.type2 .img-tit{
	max-height: 18.611vw;
	margin: 2.78vw 0 0;
	-webkit-line-clamp: 3;
}
.thumbnail-wrap.type2 .img-tit em,
.thumbnail-wrap.type4 .img-tit em{
	font-size: 3.333vw;
	font-weight: 300;
}
.thumbnail-wrap.type2 .img-tit strong,
.thumbnail-wrap.type4 .img-tit strong{
	display: block;
	margin-top: 1.389vw;
	font-size: 3.611vw;
}
.thumbnail-wrap.type2 .img-tit em{color: #959595;}
.thumbnail-wrap.type2 .img-tit strong{
	font-size: 4.167vw;
	line-height: 1.3;
}
/* thumbnail type2
.thumbnail-wrap.type2{
	position:relative;
	margin:4.17vw 2.08vw;
}
.thumbnail-wrap.type2 > a{display: block;}
.thumbnail-wrap.type2 .img-wrap{
	overflow: hidden;
	display: block;
	cursor: pointer;
	border: 0.14vw solid transparent;
	line-height: 0;
	width:43.75vw;
	height:43.75vw;
}
.thumbnail-wrap.type2 .img-wrap:after{
	content:none;
}
.thumbnail-wrap.type2 .img-tit{
	display: block;
	padding: 2.78vw 0 0;
	font-size: 3.61vw;
	height:21.39vw;
	line-height:0;
}
.thumbnail-wrap.type2 .img-tit em{
	color: #959595;
	font-size:3.33vw;
	font-weight:400;
	line-height:4.03vw;
}
.thumbnail-wrap.type2 .img-tit strong{
	margin-top:2.78vw;
	display:block;
	font-weight:500;
	font-size:4.17vw;
	line-height:5.9vw;
} */
/* thumbnail type3 */
.thumbnail-list .message-box{
	padding:26.94vw 4.17vw 0;
	border-bottom:0.28vw solid #D7D7D7;
}
.thumbnail-list .select-area{
	margin-bottom:2.78vw;
	margin-right:4.17vw;
}
.thumbnail-wrap.type3 + .thumbnail-wrap.type3{
	border-top:0.28vw solid rgba(215,215,215,0.7);
}
.thumbnail-wrap.type3{
	padding-top:5.56vw;
}
.thumbnail-wrap.type3 > a{
	display:block;
	margin: 0 4.17vw 5.56vw;
}
.thumbnail-list .thumbnail-wrap .select-area + a,
.thumbnail-wrap.type3 .img-wrap{
	position:relative;
	clear:both;
}
/*.thumbnail-wrap.type3 > a .img-wrap{
	position:relative;
}
.thumbnail-wrap.type3 > .img-wrap .swiper-wrapper{
	height:68.75vw;
}*/
.thumbnail-wrap.type3 > .img-wrap,
.thumbnail-wrap.type3 > .text-wrap{
	margin: 0 4.17vw;
}
.thumbnail-wrap.type3 > a .img-wrap:after,
.thumbnail-wrap.type3 > .img-wrap:after{
	content:none;
}
/* .thumbnail-wrap.type3 > .swiper-container.img-wrap:after{
	content: '';
	width: calc(100% - .56vw);
	height: calc(100% - 6.111vw);
	border: .28vw solid #E5E5E5;
	display: block;
	top: 0;
	position: absolute;
	left: 0;
	z-index: 1;
} */
.thumbnail-wrap.type3 > .swiper-container .swiper-slide{
	border: .28vw solid #E5E5E5;
}
.thumbnail-wrap.type3 > .img-wrap .swiper-slide{
	position:relative;
	overflow:hidden;
	/* border: .28vw solid #E5E5E5; */
}
.thumbnail-wrap.type3 > a .img-wrap img,
.thumbnail-wrap.type3 > .img-wrap img{
	width:100%;
}
.thumbnail-wrap.type3 > a .img-wrap .badge-area,
.thumbnail-wrap.type3 > .img-wrap .badge-area{
	position:absolute;
	top:0;
	left:0;
}
.thumbnail-wrap.type3 > a .img-wrap .badge-area .badge666,
.thumbnail-wrap.type3 > .img-wrap .badge-area .badge666{
	padding:0 1.39vw;
	background:#666;
	line-height:5.42vw;
	color: #fff;
	font-family:'Noto sans KR';
	font-size:3.06vw;
	font-weight:400;
}
.thumbnail-wrap.type3 > a .text-wrap,
.thumbnail-wrap.type3 > .text-wrap{
	padding-top:4.17vw;
}
.thumbnail-wrap.type3 > .text-wrap{
	position:relative;
	padding-bottom:13.33vw;
}
.thumbnail-wrap.type3 > a .text-wrap .top-area,
.thumbnail-wrap.type3 > .text-wrap .top-area{
	overflow:hidden;
}
.thumbnail-wrap.type3 > a .text-wrap em,
.thumbnail-wrap.type3 > .text-wrap em{
	display:block;
	line-height:5.28vw;
	color: #999;
	font-size:3.61vw;
}
.thumbnail-wrap.type3 > .text-wrap em{
	margin-top:3.75vw;
}
.thumbnail-wrap.type3 > a .text-wrap .thumb-tit,
.thumbnail-wrap.type3 > .text-wrap .thumb-tit{
	margin-top:1.39vw;
	max-height:12.916vw;
	line-height:6.458vw;
	overflow:hidden;
	font-size:4.44vw;
	font-weight:500;
	word-break: break-all;
}
.thumbnail-wrap.type3 > .text-wrap .thumb-tit span{
	margin-left:2vw;
}
.thumbnail-wrap.type3 > a .text-wrap p,
.thumbnail-wrap.type3 > .text-wrap p{
	margin-top:2.78vw;
	max-height:11.25vw;
	line-height:5.625vw;
	overflow:hidden;
	font-size:3.89vw;
	color: #666;
	font-weight:400;
	word-break: break-all;
}
.thumbnail-wrap.type3 > .text-wrap .toggle{
	max-height:none;
}
.thumbnail-wrap.type3 > .text-wrap .hidden-text{
	overflow:hidden;
	max-height:16.81vw;
}
.thumbnail-wrap.type3 > .text-wrap .view-text{
	max-height:none;
}
.thumbnail-wrap.type3 > .text-wrap .top-area .date{
	display:inline-block;
	line-height:4.44vw;
	color: #999;
	font-size:3.33vw;
}
.thumbnail-wrap.type3 > .text-wrap .top-area .info-util{
	margin-right:0;
	line-height:4.44vw;
}
.thumbnail-wrap.type3 > .text-wrap .toggle-btn{
	display:none;
	position:absolute;
	bottom:40;
	left:50%;
	transform:translateX(-50%);
}
.thumbnail-wrap.type3 > .text-wrap .toggle-btn a{
	position:relative;
	padding-right:4.17vw;
	color: #666;
	font-size:3.33vw;
}
.thumbnail-wrap.type3 > .text-wrap .toggle-btn a span{
	position:absolute;
	top:50%;
	right:0;
	background: url(../images/common/lnb/icon_prevbtn.png) no-repeat 0 0;
	background-size:100%;
	transform:translateY(-50%) rotate(-90deg);
	width:1.11vw;
	height:1.94vw;
	font-size:0;
}
.thumbnail-wrap.type3 > .text-wrap .hidden-text + .toggle-btn{
	display:block;
}

.thumbnail-wrap.type3{
	border: 0;
	width: 100%;
}
.thumbnail-wrap.type3 .img-wrap{border-bottom: 0;}


/* thumbnail type4 */
.thumbnail-wrap.type4 .img-tit{
	max-height: 16.667vw;
	margin-bottom: 3.611vw;
	word-break: break-all;
}
.thumbnail-wrap.type4 .img-tit em{
	font-size: 3.333vw;
	font-weight: 300;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.thumbnail-wrap.type4 .img-tit strong{
	display: block;
	margin-top: 1.389vw;
	font-size: 3.611vw;
}


/* thumbnail type4
.thumbnail-wrap.type4{
	display:inline-block;
	border:0.28vw solid #E5E5E5;
}
.thumbnail-wrap.type4 .img-wrap{
	border:0;
}
.thumbnail-wrap.type4 .img-wrap:after{
	content:none;
}
.thumbnail-wrap.type4 .img-tit{
	display:block;
	padding:2.78vw;
	border-top:0.28vw solid #E5E5E5;
}
.thumbnail-wrap.type4 .img-tit em{
	display:block;
	line-height:5vw;
	font-size:3.33vw;
	font-weight:300;
}
.thumbnail-wrap.type4 .img-tit strong{
	display:block;
	margin-top:1.39vw;
	line-height:5.14vw;
	font-size:3.61vw;
	font-weight:400;
} */

.grid-wrap .thumbnail-wrap{
	overflow: hidden;
	position: relative;
	word-break: keep-all;
	width: calc(50% - 6.25vw);
	margin-bottom: 4.167vw;
	margin-left: 2.08vw;
	margin-right: 2.08vw;
}

/* 이미지 확대 레이어 팝업 */
.img-expansion{padding:0 4.167vw;}
.img-expansion .img-h-wrap{
	display: flex;
	overflow: hidden;
	height: 100%;
	margin:4.444vw 0;
	background-color: #F2F2F2;
	color: #999;
	justify-content: center;
	align-items: center;
}
.img-expansion.type2{
	padding:0;
}
.img-expansion.type2 .img-h-wrap{
	margin:0;
	display:unset;
	height:auto;
	background:none;
	flex:none;
}
.img-expansion.type2 .img-h-wrap img{
	width:100%;
}
.img-expansion.type2 .swiper-container{
	width: 100%;
	height: 100%;
	line-height: 0;
	background-color: #000;
}
.img-expansion.type2 .swiper-zoom-container>img{width: 100%;}
.img-expansion.type2 .swiper-pagination-fraction{top: 0;}
/* detail-text-wrap */
.detail-text-wrap{
	padding:4.17vw;
	font-size:4.44vw;
	background:#fff;
}
.detail-text-wrap + .user-util{
	text-align: right;
	padding: 0 4.17vw;
}
.detail-text-wrap .am-name{
	line-height:6.53vw;
	color: #959595;
}
.detail-text-wrap .am-pr{
	margin-top:2.78vw;
	/*padding-bottom:4.17vw;*/
	/*border-bottom:0.28vw solid #E5E5E5;*/
	line-height:6.53vw;
	font-weight:500;
}
.detail-text-wrap .am-info{
	padding-top:4.17vw;
	line-height:5.56vw;
	color: #666;
	font-size:3.89vw;
	letter-spacing:-0.23vw;
}
.detail-text-wrap > ul{
	padding:4.317vw 0 0;
	border-top:0.28vw solid #E5E5E5;
	/*border-bottom:0.28vw solid #E5E5E5;*/
}
.detail-text-wrap > ul + ul{
	border-top:0;
}
.detail-text-wrap > ul > li{
	overflow:hidden;
	font-size:3.33vw;
	line-height:5vw;
}
.detail-text-wrap > ul > li + li{
	margin-top:2.08vw;
}
.detail-text-wrap > ul > li > .fl-left{
	color: #666;
}
.detail-text-wrap > ul > li > .fl-rgt{
	padding-right:0.56vw;
	color: #222;
}
.detail-text-wrap + .info-util{
	float:right;
}
.best-info li{
	padding-left:7.6389vw;
	background:url(../images/common/icon_best_list.png) no-repeat 0 center;
	background-size:5.5556vw;
	color: #666;
}
.info-util .btn-like{
	height:4.44vw;
}
.info-util .btn-view{
	vertical-align:1.35vw;
}
/* notice-list */
.notice-wrap{
	background:#fff;
}
.notice-wrap.b-none{
	border-top: 0 !important;
}
.notice-wrap.notice-top-border{
	margin-top:6.3889vw;
	border-top:0.28vw solid #E5E5E5;
}
.notice-wrap .notice-tit{
	padding:4.17vw;
	border-bottom:0.28vw solid #E5E5E5;
	line-height: normal;
	background:url(../images/common/icon_notice.png) no-repeat 4.17vw center / 4.17vw;
}
.notice-wrap .notice-tit em{
	padding-left:6.39vw;
	font-size:3.89vw;
	font-weight:500;
}
.ui-upload-wrap .noti-info{
	padding-left:5.56vw;
	background:url(../images/common/icon_notice.png) no-repeat 0 center;
	background-size:4.17vw;
	font-size:3.33vw;
	font-weight: 500;
	color: #222;
}
.ui-upload-wrap .noti-info span {font-weight: 400; color: #222; display: block; margin-top: 1.39vw;}
.ui-upload-wrap .noti-info+.clist {margin-top: 0 !important;}
.prdlist .ui-upload-wrap .noti-info+.clist li+li {
	margin: 0; border-top: none; margin-top: 0.56vw;
}
.ui-upload-wrap .photo-box.upload{
	background-color: #fff;
}
.ui-upload-wrap .clist{
	margin-top: 1.39vw !important;
	margin-bottom: 0 !important;
}
.ui-upload-wrap .clist li{
	width: 100%;
	padding: 0  0 0 1.81vw!important;
	font-size: 3.33vw !important;
	/*color: #666;*/
	color: #222;
	letter-spacing: -0.17vw;
	line-height: 1.42;
	font-weight: 400;
}
.ui-upload-wrap .clist li::after {top: 1.94vw;}
.ui-upload-wrap em{
	font-style: normal !important;
}
.ui-upload-wrap .photo-box.upload .count-num{
	padding-bottom: 1.11vw;
	font-size: 3.06vw;
}
.ui-upload-wrap .label{
	font-size: 3.89vw;
	font-weight: 500;
	color: #222;
	letter-spacing: -0.16vw;
	margin-bottom: 2.78vw;
}
.ui-upload-wrap .label>span{
	font-size: 3.33vw;
	padding-left: 1.39vw;
	display: inline-block;
	color: #666;
	letter-spacing: -0.13vw;
	font-weight: 400;
}
.ui-upload-wrap .file-input-wrap{
	display: flex;
	margin-top: 2.78vw;
}
.option-wrap:has(>.ui-color-select-wrap) {overflow-x: hidden;}
.ui-color-select-wrap {
	padding-left: 4.17vw;
	margin-bottom: 5.56vw;
}
.ui-color-select-wrap ul {
	width: 100vw;
	height: 45.28vw;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	touch-action: auto;
	position: relative;
	min-height: 1px;
	padding-inline: 4.17vw;
	width: 100vw;
	height: 45.28vw;
	display: flex;
	gap: 4.44vw;
	flex-wrap: nowrap;
	/*overflow-x: scroll;*/
	padding-bottom: 2.78vw;
}
.ui-color-select-wrap .swiper-slide {
	width: 34.72vw;
	position: relative;
	flex-shrink: 0;
}
.ui-color-select-wrap .swiper-slide.disabled::after {
	content: '품절';
	box-sizing: border-box;
	position: absolute;
	left: 1.39vw; top: 1.39vw;
	font-size: 3.33vw;
	font-weight: 400 !important;
	line-height: 1;
	padding: 1.39vw 1.94vw;
	background-color: #eeeeee;
	text-align: center;
	color: #666666;
}
.ui-color-select-wrap .swiper-container-horizontal>.swiper-scrollbar {display: none;}
.ui-color-select-wrap .thumbnail {
	width: 30.56vw;
	height: 30.56vw;
	border: 0.35vw solid #e5e5e5;
	position: relative;
}
.ui-color-select-wrap .thumbnail:has(input:checked) {
	border-color: #1181f1;
}
.ui-color-select-wrap .thumbnail img {
	width: 100%; height: 100%; object-fit: cover;
}
.ui-color-select-wrap .thumbnail a {width: 100%; height: 100%; display: inline-block;}
.ui-color-select-wrap .checkbox-wrap {
	width: 6.11vw;
	position: absolute;
	bottom: 1.67vw; right: 1.67vw;
	pointer-events: none;
	z-index: 20;
	line-height: 0;
}
.ui-color-select-wrap .prd-name {
    width: 30.56vw;
	font-size: 3.61vw;
	line-height: 5.28vw;
	font-weight: 400;
	color: #222222;
	margin-top: 1.39vw;
	word-break: break-all;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.notice-wrap .notice-tit em.no-bl{
	background:none;
}
.notice-wrap .notice-tit.btn-toggle{
	cursor: pointer;
    background: url(../images/common/bl_accodian_on.png) no-repeat;
    background-position: right center;
    background-size: 7.78vw auto;
}
.notice-wrap .notice-tit.btn-toggle.active{
	background-image: url(../images/common/bl_accodian_off.png);
}
.notice-wrap ul.clist{
	border-bottom:0.28vw solid #e0e0e0;
	border-bottom:0;
}
.notice-wrap ul.clist li{
	font-size:3.89vw;
}
.notice-wrap ul.clist li > .bar{
	position: relative;
	padding-left: 2.08vw;
}
.notice-wrap ul.clist li > .bar:before{
	content: '-';
	position: absolute;
	left: 0;
	top: 0;
}
.notice-wrap ul.clist li:after{
	top:2.5vw;
}
.notice-wrap ul.clist li span{
	margin-left: 1.38vw;
}
.notice-wrap ul.clist li .text-blue{
	color: #1181F1;
}
.notice-wrap ul.clist li span.txt-blue{
	margin-left: 0;
}
.notice-wrap .edit-area ul{
	padding:5.56vw 4.17vw 6.94vw;
	border-bottom:0;
}
.notice-wrap .edit-area ul li{
	padding-left:1.81vw;
	position:relative;
	font-size:3.89vw;
	color:#666;
	line-height: 5.69vw;
	list-style: none;
}
.notice-wrap .edit-area ul li + li{
	margin-top:1.39vw;
}
.notice-wrap .edit-area ul li:after{
	content:'';
	position:absolute;
	left:0;
	top:2.7vw;
	width:0.42vw;
	height:0.42vw;
	border-radius:50%;
	background:#666;
}
.notice-wrap .edit-area ul li span{
	margin-left: 1.38vw;
}

/* camera-wrap */
.camera-wrap .camera-tit{
	padding:4.17vw;
	border-bottom:0.28vw solid #E5E5E5;
}
.camera-wrap .camera-tit em{
	background-size:4.17vw;
	font-size:3.89vw;
	font-weight:500;
}
.camera-wrap .camera-tit.btn-toggle{
	cursor: pointer;
    background: url(../images/common/bl_accodian_on.png) no-repeat;
    background-position: right center;
    background-size: 7.78vw auto;
}
.camera-wrap .camera-tit.btn-toggle.active{
	background-image: url(../images/common/bl_accodian_off.png);
}

.camera-wrap .camera-desc{
	padding:4.17vw;
	padding-bottom: 0;
}
.camera-wrap .camera-desc > ul{
	padding:0 0 4.17vw;
	border-bottom:0.28vw solid #E5E5E5;
}
.camera-wrap .camera-desc > ul + ul{
	border-top:0;
}
.camera-wrap .camera-desc > ul > li{
	overflow:hidden;
	font-size:3.33vw;
	line-height:5vw;
}
.camera-wrap .camera-desc > ul > li + li{
	margin-top:2.08vw;
}
.camera-wrap .camera-desc > ul > li > .fl-left{
	color: #666;
}
.camera-wrap .camera-desc > ul > li > .fl-rgt{
	padding-right:0.56vw;
	color: #222;
}
.camera-wrap + .user-util{
	padding: 4.17vw 4.17vw 0;
    float: right;
}
.event-item-wrap.section{
	padding-top: 8.33vw !important;
}

/* question-wrap */
.question-wrap .q-tit,
.location-tit{
	padding:4.17vw;
	border-bottom:0.28vw solid #E5E5E5;
}
.question-wrap .q-tit em,
.location-tit em{
	padding-left:6.39vw;
	background:url(../images/common/icon_question.png) no-repeat 0 center;
	background-size:4.72vw;
	font-size:3.89vw;
	font-weight:500;
}
.location-tit em{
	background-image: url(../images/common/icon_location.png);
	background-size:2.5vw;
}
.bar-cont .bar-inner-box{
	padding:4.17vw 4.17vw 6.94vw;
	overflow:hidden;
}
.bar-cont .bar-inner-box span{
	float:left;
	line-height:5.69vw;
}
.bar-cont .bar-inner-box span + span{
	position:relative;
	margin-left:5.56vw;
	width:calc(100% - 15vw);
}
.bar-cont .bar-inner-box span + span:after{
	content:'';
	position: absolute;
	top:1.2vw;
	left:-2.78vw;
	width:0.28vw;
	height:3.47vw;
	background:#D7D7D7;
}
.question-wrap .name{
	vertical-align:middle;
}
.question-wrap .call{
	margin-left:2.22vw;
	padding-left:4.44vw;
	background:url(../images/common/icon_call_grey.png) no-repeat 0 center;
	background-size:2.8472vw;
	vertical-align:middle;
}
/* comment */
.comment-wrap .comment-top{
	overflow: hidden;
	padding: 4.86vw 4.17vw 2.08vw;
	font-size: 3.89vw;
	/* border-bottom: 0.14vw solid #D7D7D7; */
	color: #666;
}
.comment-wrap .comment-top a{color: #666;}
.comment-wrap .comment-top a + a{
	margin-right: 4.167vw;
}
.comment-wrap .comment-count{
	margin-left: 0.97vw;
	font-family:'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing:0;
}
.comment-wrap .comment-box-wrap{
	border-top: 0.14vw solid #D7D7D7;;
}

.comment-box{
	position: relative;
	margin: 0 4.17vw;
	padding: 5.56vw 0;
	border-bottom: 0.14vw solid #D7D7D7;
	word-break: keep-all;
}
.comment-box:last-child{
	border-bottom: 0 none;
}
.comment-box .user-info{
	font-size: 3.33vw;
	font-family:'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing:0;
}
.comment-box .user-info .id{font-weight: 500;}
.comment-box .user-info .date{
	margin-left: 2.78vw;
	color: #959595;
}
.btn-reply{
	font-size: 3.06vw;
	border-bottom: 0.28vw solid #999;
	color:#666666;
}
.comment-box .btn-reply{
	position: absolute;
	top: 5.56vw;
	right:0;
}
.comment-box .comment-text{
	margin-top: 2.77vw;
	font-size: 3.89vw;
	word-break: break-all;
}
.comment-box.type2{
	padding: 5.56vw 4.17vw;
}
.comment-box.type2:last-child{
	border-bottom: 0;
}

.comment-box .comment-del{
	color: #999999;
	padding: 3.6vw 0;
}
.comment-box.type2:before,
.comment-box.type2-1:before{
	content:'';
	position: absolute;
	top: 5.56vw;
	left: 0;
	width: 2.5vw;
	height: 2.5vw;
	border: solid #D7D7D7;
	border-width: 0 0 .14vw .14vw;
}
.comment-box .writer,
.comment-box.type2 .writer {
	margin-right: 2.5vw;
	display: inline-block;
	padding:0 1.94vw;
	color: #1181f1;
	border: .28vw solid #1181f1;
	border-radius: 3vw;
	line-height: 1.5;
}
.comment-box .admin,
.comment-box.type2 .admin{
	margin-right: 2.5vw;
	display: inline-block;
	padding:0 1.94vw;
	color: #fff;
	border: .28vw solid #1181f1;
	border-radius: 3vw;
	line-height: 1.5;
	background-color: #1181f1;
}
.comment-box .user-util,
.comment-box.type2-1 .user-util{
	position: absolute;
	top: 5.56vw;
	right: 0;
}
.comment-box.type2-1 .user-info{padding:0 4.17vw 2.78vw;}
.comment-box.type2-1 .comment-text{
	margin-top: 0;
	padding:0 4.17vw;
}
.comment-box.type2-1 .modify-layer{display: none;}
.comment-box.type2-1 textarea{height: 40.28vw;}
.comment-box.type2-1 .cont-btn-full{margin-top: 1.39vw;}
.comment-box.blind{
	padding: 9.03vw 0;
	text-align: center;
	height: auto !important;
	position: static !important;
	margin: 0 !important;
	width: auto !important;
	padding: 5.56vw 0 !important;
	border-bottom: 0.14vw solid #D7D7D7 !important;
	/*margin: 0 -4.17vw !important;*//* 가로스크롤 오류 */
}
.comment-box.blind span{
	padding-left: 5.56vw;
	background: url(../images/common/icon_notice.png) left center/4.17vw no-repeat;
	color: #999;
	font-size: 3.61vw;
}
.user-util .btn-reply {
	position:static;
	width:auto;
	font-size:3.06vw;
	height:auto;
}
.info-notice{
	display: block;
	padding-left: 5.56vw;
	background: url(../images/common/icon_notice_01.png) left center/4.17vw no-repeat;
	color: #1181F1;
	font-size: 3.3333333333333335VW;
	margin-top: 2.7777777777777777VW;
}

.info-notice01{
}

.comment-wrap .btn-expand{
	position: relative;
	left: auto;
	bottom: auto;
	margin: 6.94vw -4.17vw 0 -4.17vw;
}
.comment-wrap .btn-expand::after{
	content: '';
	background-color: #F2F2F2;
	width: 100vw;
	height: 2.78VW;
	position: absolute;
	bottom: -2.92vw;
	left: 0;
}



/* consent-form */
.consent-form{padding-bottom: 8.33vw;}
.consent-form .checkbox-area{
	padding: 4.17vw 4.17vw;
	border-bottom: .14vw solid #E5E5E5;
}
.consent-form .checkbox-wrap input[type="checkbox"]{margin-right: 2.78vw;}

/* rank-img-list */
.rank-img-list{
	padding:0 4.17vw 8.33vw;
}
.rank-img-list li + li{
	margin-top:8.33vw;
}
.rank-img-list li .img-wrap{
	position:relative;
	width:91.67vw;
	height:91.67vw;
}
.rank-img-list li .img-wrap a{
	display:inline-block;
	width:100%;
	height:100%;
}
.rank-img-list li .img-wrap a img{
	position:absolute;
	top:50%;
	left:50%;
	width:auto;
	height:100%;
	transform:translate(-50%, -50%);
}
.rank-img-list .rank ,.rank{
	position:absolute;
	top:-1px;
	left:0;
	display:inline-block;
	padding-top:5.14vw;
	width:13.89vw;
	height:13.89vw;
	background:url(../images/common/icon_rank.png) no-repeat 0 0;
	background-size:100%;
	line-height:6.67vw;
	text-align:center;
	font-family:'Roboto',sans-serif;
	letter-spacing:0;
	font-weight:500;
	font-size:5.56vw;
	z-index: 2;
}
/* dim */
.thumbnail-cancellation {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.9);
}
.thumbnail-cancellation .cancellation-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 44.444vw;
    height: 32.083vw;
    padding-top: 4.167vw;
    background: url(../images/common/bg_cancellation.png) no-repeat 0 0/44.444vw;
    font-size: 3.333vw;
    font-weight: 300;
    line-height: 1.5;
    color: #222;
    text-align: center;
    transform: translate(-50%, -50%);
}

/* .text-balloon */
.text-balloon-wrap{
	padding-top:3.89vw;
	/* background:url(../images/common/bg_textballon.png) no-repeat center 0.7vw; */
}
.text-balloon{
	position:relative;
	padding:4.17vw;
	background:#F2F2F2;
	border-radius:1.1111vw;
	line-height:5.56vw;
	color: #666;
	font-size:3.89vw;
}
.text-balloon-wrap .text-balloon:after{
	content:'';
	position: absolute;
	top:-1.5vw;
	left:50%;
	width:5.56vw;
	height:5.56vw;
	background:#F2F2F2;
	transform:translateX(-50%) rotate(-45deg);
}

/* .post-wrap */
.post-wrap{
	margin:0 4.17vw;
	padding:2.78vw 0 8.33vw;
	background:#fff;
	border-top:0.28vw solid #D7D7D7;
}
.post-wrap .top-area > div{
	height:4.03vw;
}
.post-wrap .date{
	line-height:4.03vw;
	color: #999;
	font-size:3.33vw;
}
.post-wrap .info-util{
	margin-right:0;
	display:block;
	height:100%;
	overflow:visible;
}
.post-wrap .info-util > span{
	height:100%;
}
.post-wrap .info-util > span:last-child{
	margin-right:0;
}
.post-wrap .info span{
	line-height: 4.03vw;
	color: #666;
	font-size: 3.33vw;
	vertical-align: top;
}
.post-wrap .info span.num{
	color: #959595;
	margin-left: 1.39vw;
}
.post-wrap .info span +span::before{
    content: '';
    display: inline-block;
    margin: 0 1.944vw;
    width: 0.27vw;
    height: 2.22vw;
    background-color: #D7D7D7;
}
.post-wrap .thumbnail-wrap .img-wrap{
	margin:0;
}
.post-wrap .btn-line.btn-arr.mid-line-none {
	top: 2.22vw;
}
.ui-service-wrap:has(.btn-line.btn-arr.mid-line-none) .chk-lst-wrap {margin-top: 8.33vw;}
.post-wrap .media.video-type,
.post-wrap2 .video-type{
	position: relative;
	margin-top: 4.167vw;
	/* padding-bottom: 49.722vw; */
	padding-bottom: 61.1111vw;
}
.post-wrap .media.video-type iframe,
.post-wrap2 .video-type iframe{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.post-wrap .edit-area{
	margin-top:4.17vw;
}
.hashtag-area{
	margin-top:4.17vw;
}
.hashtag-area > a + a{
	margin-left:1.39vw;
}
.hashtag-area > a{
	color: #1181F1;
	font-size:3.89vw;
}
.mgz-sort-wrap {
	display: flex;
	flex-wrap: nowrap;
	background-color: #f8f8f8;
	/* overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; */
}
.mgz-sort-wrap > li{
	width:18VW;
	background-color: #f8f8f8;
}

.mgz-sort-wrap .radio-wrap{
	width:100%;
}
.mgz-sort-wrap .radio-wrap input[type="radio"] + label{
	display:block;
	padding-top:4.17vw;
	padding-left:0;
	padding-bottom:4.17vw;
	width:100%;
	text-align: center;
	color: #666;
	font-size:3.889vw;
	letter-spacing:-0.16vw;
	background-image: none;
}
.mgz-sort-wrap .radio-wrap input[type="radio"]:checked + label{
	color: #1181f1;
}
/* tab fixed */
#header .header-ctab-container {
	position:absolute;
	top:100%;
	left:0;
	right:0;
	background:#fff;
	z-index:20;
}
#header .header-ctab-container.mgaam002 .ctab-wrap,
#header .header-ctab-container.mpr .ctab-wrap {
	margin-top:0;
}
/* .invisible-item-info */
.invisible-item-info{
	display:flex;
	align-items:center;
	padding:4.17vw;
	padding-bottom: 0;
}
.chk-oi .invisible-item-info{padding: 0;}
.orderinfo-wrap.chk-oi .gift-event .cont-tit + .prdlist.htype li{padding-bottom: 0;}
.orderinfo-wrap.chk-oi .gift-event .cont-tit + .prdlist.htype li + li{
	padding-top: 5.56vw;
	border-top: 0;
}
.orderinfo-wrap.chk-oi .gift-event .cont-tit + .prdlist.htype li:last-child{padding-bottom: 4.167vw;}

.orderinfo-wrap.agree2 .checkbox-wrap input[type="checkbox"] + label{
	color: #666;
	background-position: 0 8%;
	line-height: 1.43;
}

.invisible-item-info .img-wrap{
	width:35.83vw;
	/* height:21.94vw; */
	height: 35.83vw;
	background-color: #fff;
	border:0.28vw solid #E5E5E5;
	background-repeat: no-repeat;
	background-position: center center;
	font-size:0;
}
.invisible-item-info + .invisible-item-info{padding-top: 5.56vw;}
.invisible-item-info + .invisible-item-info:last-child{padding-bottom: 4.167vw;}
.invisible-item-info.point .img-wrap{
	background-image:url(../images/common/icon_point.png);
	background-size: 17.78vw;
}
.invisible-item-info.gift-coupon .img-wrap{
	background-image:url(../images/common/icon_coupon.png);
	background-size:19.72vw;
}
.invisible-item-info.giftcard .img-wrap{
	background-image:url(../images/common/icon_giftcard.png);
	background-size: 19.72vw;
}
.invisible-item-info strong{
	margin-left:4.17vw;
	line-height:5.69vw;
	font-weight:500;
	font-size:3.89vw;
}
.cont-tit{
	width: 100%;
	padding:0 4.17vw;
}
.cont-tit em{
	padding:4.17vw 0;
	display:block;
	line-height:5.69vw;
	font-size:3.89vw;
	font-weight:500;
	border-bottom:0.28vw solid #e5e5e5;
}
/* no-data */
.no-data{
	padding:32.5vw 0 16.67vw;
	background:url(../images/common/icon_message_grey.png) no-repeat center 16.67vw;
	background-size:14.44vw;
	line-height:5.69vw;
	text-align: center;
	color: #666;
}
.layer-page .no-data.only{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.layer-page .no-data .btn-area .cont-btn {
	width:32vw;
	margin-top:4vw;
	border-color:#666;
}
/* .list-top-wrap */
.list-top-wrap{
	overflow: hidden;
	padding:4.17vw;
}
.detail-search em,
.list-top-wrap em{
	line-height:5.69vw;
	font-size:3.89vw;
}
.list-top-wrap .fl-left{
	overflow:hidden;
}
.list-top-wrap .fl-left em,
.list-top-wrap .fl-rgt em{
	float:left;
}
.list-top-wrap .flex-group em {
	color: #666;
	line-height: 1.43;
	letter-spacing: -0.16vw;
}
.list-top-wrap .flex-group{
	justify-content: space-between;
}
.list-top-wrap .flex-group + .flex-group{
	margin-top: 2.78vw;
}
.list-top-wrap .flex-group em + .date:before,
.list-top-wrap .flex-group em + .order-num:before{
	content: none;
}
.list-top-wrap em + span,
.list-top-wrap .order-num{
	float:left;
	display:inline-block;
	position:relative;
	margin-left:5.83vw;
	padding-top:0.1vw;
	line-height:5.69vw;
	font-family:'Roboto',sans-serif;
	letter-spacing:0;
	font-weight:500;
}
.list-top-wrap em + .date:before,
.list-top-wrap .order-num:before{
	content:'';
	position:absolute;
	top:1.375vw;
	left:-2.78vw;
	width:0.28vw;
	height:3.33vw;
	background:#999;
}
.detail-btn{
	padding-right:2.22vw;
	color: #666;
	font-size:3.33vw;
	background: url(../images/common/bl_link2.png) no-repeat 100% center;
	background-size:1.11vw;
}
.list-top-wrap .detail-btn{
	line-height:5.69vw;
	vertical-align: text-top;
}

.list-top-wrap2{
	padding:4.17vw;
}
.list-top-wrap2 > div{
	display:flex;
	justify-content:space-between;
}
.list-top-wrap2 > div +  div{margin-top: 2.778vw;}
.list-top-wrap2 em{
	line-height:5.69vw;
	font-size:3.89vw;
	color: #666;
}
.list-top-wrap2 em + span{
	margin-left:5.83vw;
	padding-top:0.1vw;
	line-height:5.69vw;
	font-family:'Roboto',sans-serif;
	letter-spacing:0;
	font-weight:500;
}

/* .detail-search */
.detail-search .list-top-wrap .fl-left em .date{
	color: #1181F1;
	font-family:'Roboto',sans-serif;
	letter-spacing:0;
	font-weight:500;
	font-size:3.89vw;
}
.detail-search-btn{
	padding-right:4.03vw;
	background:url(../images/common/bl_select.png) no-repeat 100% center;
	background-size:1.94vw;
	line-height:5.69vw;
	color: #666;
	font-size:3.33vw;
}
.detail-search .toggle-box .cont-btn-full{
	margin-top: 6.944vw;
}
.toggle-box{
	overflow:hidden;
	padding:0 4.17vw 4.17vw;
	border-top:0.28vw solid #E5E5E5;
}
.toggle-box em{
	display:block;
	margin-top:4.17vw;
}
.toggle-box .box-cont{
	margin-top:1.39vw;
}
/* .datepicker-wrap */
.datepicker-wrap{
	overflow:hidden;
	display:flex;
}
.datepicker-wrap.w50{
	width:50%;
}
.datepicker-wrap .date-input-wrap{
	position:relative;
	margin-top:2.78vw;
	/* float:left; */
	flex:1;
	padding-bottom: .28vw;
}
.datepicker-wrap .date-input-wrap input{
	margin-top:0;
	padding:2.43vw 6.94vw 2.43vw 2.78vw;
	border:0.28vw solid #D7D7D7;
	line-height:4.44vw;
	font-size:3.61vw;
}
.datepicker-wrap input[readonly]{background-color: #fff;}
.datepicker-wrap span{
	margin-top:2.78vw;
	padding:1.8vw 1.53vw;
	color: #999;
	/* float:left; */
}
.datepicker-wrap .cal-icon{
	font-size:0;
	display:inline-block;
	position:absolute;
	top:2.7vw;
	right:2.78vw;
	background:url(../images/common/icon_cal.png) no-repeat center center;
	background-size:100%;
	width:4.17vw;
	height:4.17vw;
}
/* btn-list */
.btn-list{
	margin:0 4.17vw;
	padding:4.17vw 0;
}
.btn-list:last-child{
	padding-bottom:0;
}
.btn-list + .btn-list{
	border-top:0.28vw solid #F2F2F2;
}
.btn-list .line-box + .line-box{
	margin-top:1.39vw;
}
.btn-list .line-box{
	overflow:hidden;
}
.btn-list .line-box .fl-left strong{
	line-height:7.3vw;
	font-size:3.89vw;
	color: #666;
}
.btn-list .line-box em{
	font-size:3.89vw;
}
.btn-list .line-box em span{
	margin-left:4.17vw;
	font-family:'Roboto',sans-serif;
	letter-spacing:0;
	font-weight:400;
}
.btn-list .line-box .cont-btn-full{
	padding:0;
	line-height:7.3vw;
	width:16.11vw;
	text-align: center;
	font-size:3.33vw;
}
.btn-list .line-box em + .cont-btn-full{
	margin-left:6.53vw;
}
/* price-num */
.price-num{
	display:inline-block;
}
.price-num:after{
	content:'';
	clear:both;
	visibility:hidden;
	display:flex;
	align-items:center;
}
.price-num strong{
	/* float:left; */
	line-height:1.44;
	font-family:'Roboto',sans-serif;
	letter-spacing:0;
	font-weight:700;
	font-size:4.44vw;
}
.fxd-cont-wrap .fxd-cont .price-num .unit{
	margin-left:0.56vw ;
	font-weight: 400;
	font-size: 3.33vw;
	letter-spacing: -0.13vw;
	line-height: 1.25;
}
.price-num .unit{
	/* float:left; */
	margin-left:0.56vw;
	line-height:1.25;
	font-size:3.33vw;
	letter-spacing: -0.13vw;
}
.price-num.small strong{
	font-size:3.89vw;
	line-height:4.72vw;
}
.price-num.small .unit{
	line-height:4.72vw;
}
.price-num.small .normal-text{
	float:left;
	font-size:3.89vw;
	line-height:4.72vw;
	color:#666;
}
.price-num.large strong{
	font-size:5.28vw;
	line-height:6.39vw;
}
.price-num.large .unit{
	line-height:6.39vw;
}
.price-num.red,
.price-num.red strong{
	color:#DD042B;
}
.price-num.text strong{
	font-family:'Noto Sans KR';
}
/* order-state */
.order-state{
	margin-bottom: 1.39vw;
	padding:0 4.17vw;
	line-height:5.69vw;
	font-size:3.89vw;
	font-weight:500;
}
.order-state .txt-999{
	margin-left:2.78vw;
	font-size:3.89vw;
	font-weight:400;
}
.order-state .txt-999 em{
	margin-left: 1.39vw;
	font-weight:400;
}
/* select-direct-input */
.select-direct-input{
	overflow:hidden;
	padding:0 4.17vw;
}
.select-direct-input .select-area{
	margin-top:4.5vw;
	float:left;
}
.select-direct-input .select-area select{
	padding:2.8vw 5.972vw 2.8vw 2.78vw ;
}
.select-direct-input input{
	float: right;
	margin-left:2.6vw;
	width:calc(100vw - 26.39vw);
}
/* .arr-list */
.arr-list + .arr-list{
	border-top:2.78vw solid #F2F2F2;
}
.arr-list strong.stit{
	display:block;
	padding:4.17vw;
	font-size:4.44vw;
	font-weight:500;
	border-bottom:0.28vw solid #E5E5E5;
	line-height: normal;
}
.arr-list ul li + li{
	border-top:0.28vw solid #F2F2F2;
}
.arr-list ul li a{
	display:block;
	padding:2.22vw 4.17vw;
	background:url(../images/common/bl_link2.png) no-repeat 96% center;
	background-size:1.67vw;
	line-height: normal;
}
/* img-banner-wrap */
.arr-list + .img-banner-wrap{
	border-top:2.78vw solid #F2F2F2;
	border-bottom:2.78vw solid #F2F2F2;
}
.img-banner-wrap .img-banner{
	padding:4.17vw;
	background:#57A6F5;
}
.img-banner-wrap .img-banner strong{
	line-height:6.53vw;
	color: #fff;
	font-size:4.44vw;
	font-weight:500;
}
.img-banner-wrap .img-banner p{
	color: #fff;
	font-size:3.33vw;
}

/* orderinfo-wrap */
.orderinfo-wrap{
	position:relative;
	padding: 4.167vw 0 6.944vw;
	border-top: 2.78vw solid #F2F2F2;
}
.orderinfo-wrap .prdlist .flex-group.detail{
	margin-bottom: 3.06vw;
}
.orderinfo-wrap .prdlist .flex-group.detail .state{
	margin-bottom: 0;
}
.orderinfo-wrap.row-1{
	display:flex;
	justify-content:space-between;
	padding: 4.167vw 4.167vw 0 0;
}
.orderinfo-wrap.row-1 em{
	font-size: 4.444vw;
	color: #666;
}
.orderinfo-wrap .prdlist{padding: 0 2.08vw;}

.orderinfo-wrap .prdlist:has(.checkbox-wrap) .state {
	padding-left: 8.89vw;
	margin-bottom: 2.78vw;
	display: block;
}

/*  예상배송일 (프리오더) */
.orderinfo-wrap .prdlist .delivery-date {
	text-align: center;
	margin-top: 4.17vw;
}
.orderinfo-wrap .prdlist .delivery-date span {
	text-align: center;
	font-weight: 400;
}

.orderinfo-wrap.c-acco,
.orderinfo-wrap .toggle{padding-bottom: 0;}
.orderinfo-wrap .oi-tit,
.ui-giftorder-wrap .oi-tit{
	position: relative;
	display: block;
	padding:0 4.17vw 4.17vw;
	border: 0;
	border-bottom: 0.28vw solid #E5E5E5;
	font-size: 4.44vw;
	font-weight: 500;
	background-position-y: 2.78vw;
}
.orderinfo-wrap.cancel-info .oi-tit{
	margin: 0 -4.17vw;
}
.orderinfo-wrap.cancel-info .oi-tit.flex{
	display: flex;
	align-items: center;
}
.orderinfo-wrap.cancel-info .oi-cont{
	margin: 0;
}
.orderinfo-wrap .oi-tit .tit-desc{
	font-size: 3.33vw;
	line-height: 1.42;
	color: #666;
	font-weight: 400;
	padding-left: 2.22vw;
}
.orderinfo-wrap .oi-tit.no-bd{border-bottom:0;}
.orderinfo-wrap .oi-tit.list-top{
	display:flex;
	align-items: center;
	justify-content:space-between;
	font-size: 3.889vw;
	font-weight: 400;
}
.orderinfo-wrap .oi-tit .btn-more{
	display: block;
	position: absolute;
	right: 6.67vw;
	top: 0.69vw;
	color: #666666;
	font-size: 3.333vw;
}
.orderinfo-wrap .oi-tit .btn-more:before {
    content: '';
    position: absolute;
	top: 1.944vw;
    right: -2.5vw;
    width: 1.11vw;
    height: 1.94vw;
    background: url(../images/common/bl_link2.png) center/1.11vw no-repeat;
}
.orderinfo-wrap .list-top .date,
.orderinfo-wrap .prd-wrap .date.bar-s{
	margin-left:2.778vw;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	font-weight: 500;
	letter-spacing: 0;
	color: #222;
	position: relative;
	display: inline-block;
	line-height: normal;
}
.orderinfo-wrap .list-top .date>span,
.orderinfo-wrap .prd-wrap .date>span{
	padding-left: 2.78vw;
	font-size: 3.89vw;
	line-height: 5.6vw;
	display: inline-block;
}
.orderinfo-wrap .list-top .date>span.lang-k{
	font-size: 3.61vw;
}
.mmy .section .orderinfo-wrap .top-flex em{
	font-size: 3.89vw;
	display: inline-block;
	line-height: 5.6vw;
}
.orderinfo-wrap .bar-s:before{
	background-color: #999;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}
.bar-s:before{
	content: '';
	display: inline-block;
	width: 0.28vw;
	height: 3.33vw;
	margin-right: 2.778vw;
	background: #E5E5E5;
	vertical-align: middle;
}
.orderinfo-wrap .oi-cont.oi-userinfo .flex-group .user-name{
	margin-bottom: 0;
}
.orderinfo-wrap .oi-cont.oi-userinfo .flex-group{
	display: flex;
	align-items: center;
	margin-bottom: 1.94vw;
}
.orderinfo-wrap .oi-cont,
.orderinfo-wrap .acco-tit + .cont{
	margin:3.33vw 4.17vw 0;
	padding: 4.167vw .28vw 0;
	border-top: 1px solid #E5E5E5;
}
.orderinfo-wrap.dc-info .oi-cont dt {
	color: #666 !important;
}
.orderinfo-wrap .acco-tit + .cont{
	overflow-y: hidden;
	height: auto;
	margin-bottom: 6.944vw;
	border-width: 1px 0 0;
}
.orderinfo-wrap .oi-cont:nth-of-type(1),
.orderinfo-wrap .acco-tit + .cont:nth-of-type(1){
	margin-top: 0;
	border-top: 0;
}
.orderinfo-wrap .no-bd + .oi-cont{padding-top: 0;}
.orderinfo-wrap .txt-large{font-size: 4.44vw;}
.orderinfo-wrap .oi-cont dl{
	display: flex;
	position: relative;
	margin-top: 2.78vw;
	line-height: 1.3;
}
.orderinfo-wrap .oi-cont .border-inner{
	padding: 4.17vw 0 0 0;
	border-top: 0.28vw solid #f2f2f2;
	margin-top: 4.17vw;
}
.orderinfo-wrap .oi-cont .border-inner.total-price{
	border-color: #e5e5e5;
}
.orderinfo-wrap .oi-cont .border-inner.total-price dt{
	color: #222;
	font-size: 3.89vw;
	font-weight: 500;
	letter-spacing: -0.16vw;
}
.orderinfo-wrap .oi-cont .border-inner.total-price strong{
	font-size: 5.28vw;
	letter-spacing: 0;
	font-weight: 500;
}
.orderinfo-wrap .oi-cont .border-inner.total-price .unit{
	font-size: 3.33vw;
	font-weight: 400;
	letter-spacing: -0.13vw;
}
.orderinfo-wrap .oi-cont .border-inner.total-price .point-info{
	color: #666;
	font-size: 3.33vw;
	font-weight: 400;
	letter-spacing: -0.13vw;
}
.orderinfo-wrap .oi-cont .border-inner.total-price .point-info .unit{
	margin-left: 0;
}
.orderinfo-wrap .oi-cont.type-ui dl{
	margin-top: 2.78vw;
}
.orderinfo-wrap .txt-large .price-num.medium strong{
	font-size: 4.44vw;
}
.orderinfo-wrap.delivery-check{
	padding-bottom: 4.17vw;
}
.orderinfo-wrap .txt-large .price-num strong{
	font-size: 5.28vw;
}
.orderinfo-wrap .oi-cont dl:first-child,
.orderinfo-wrap.type2 .oi-cont > div:first-child{margin-top: 0;}
.orderinfo-wrap .oi-cont dt,
.orderinfo-wrap.delivery-check .ctit{
	width: 35%;
	color: #666;
	word-break: keep-all;
}
.orderinfo-wrap .oi-cont .ctit span{
	font-size: 3.333vw;
	font-weight: 400;
	color: #666;
}
.orderinfo-wrap .txt-large dt{
	font-weight: 500;
	color: #222;
}
.orderinfo-wrap .oi-cont dd{
	text-align: right;
	width: 70%;
	font-weight: 500;
	word-break: keep-all;
}
.orderinfo-wrap .txt-large dd{line-height: 1;}
.orderinfo-wrap .oi-cont dd .account-info,
.orderinfo-wrap .oi-cont dd .price-notice{display: block;}
.orderinfo-wrap .oi-cont dd .price-notice{
	font-size: 3.33vw;
	font-weight: 400;
	color: #666;
	margin-top: 1.11vw;
}
.orderinfo-wrap .oi-cont dd .unit{
	display: inline-block;
	min-width: 2.778vw;
	font-weight: 400;
	margin-left: 0.56vw;
}
.orderinfo-wrap .oi-cont dl.dt-w20 dt{width:20%;}
.orderinfo-wrap .oi-cont dl.dt-w20 dd{width:80%;}
.orderinfo-wrap .oi-message {
	margin-top:4.4444vw;
	padding:4.1667vw 3.6111vw 0;
	border-top:0.2778vw solid #e5e5e5;
	font-size:3.8889vw;
	line-height:1.21;
	color:#666;
}

.orderinfo-wrap .oi-message:before {
	content:'※';
	display:inline-block;
	margin-right:1.3889vw;
}
.orderinfo-wrap .oi-message.no-bl:before {
	display:none;
}
.orderinfo-wrap  ul.clist{
	margin-top: 2.78vw;
	padding: 0;
	border-bottom: 0;
	word-break: keep-all;
}
.orderinfo-wrap  ul.clist li{font-size: 3.89vw;}
.orderinfo-wrap  .account-num{margin-left: 1.94vw;}
.orderinfo-wrap .cont-btn-wrap{margin: 3.33vw auto 0;}

.orderinfo-wrap.type2 .oi-cont > div{
	overflow: hidden;
	margin-top: 2.78vw;
}
.orderinfo-wrap.type2 .oi-cont > div .ctit,
.orderinfo-wrap.type2 .oi-cont > div .price-num{
	display: inline-block;
	vertical-align: text-bottom;
}
.orderinfo-wrap.type2 .oi-cont > div .ctit{
	float: left;
	width: 27.4%;
	font-size: 4.44vw;
	font-weight: 500;
	color: #222;
}
.orderinfo-wrap.type2 .oi-cont > div .price-num{
	float: right;
	padding-top: 1.11vw;
}
.orderinfo-wrap.type2 .oi-cont > div .ctit + div{
	float: left;
	width: 72.6%;
}
.orderinfo-wrap.type2 .oi-cont > div .ctit + div dl:before{
	content:'';
	position: absolute;
	top: 1.67vw;
	left: -2.5vw;
	width: 1.11vw;
	height: 1.94vw;
	background: url(../images/common/bl_link2.png) center/1.11vw no-repeat;
}
.orderinfo-wrap.type2 .oi-cont > div .ctit + div dt{
	width: 100%;
	color: #222;
}

/* info-list - 스페셜오더 접수 상세 */
.orderinfo-wrap.info-list {
	padding-top: 0;
	padding-bottom: 2.78vw;
}
.orderinfo-wrap.info-list li+li {
	border-top: 0.28vw solid #e5e5e5;
}
.orderinfo-wrap.info-list .info-list-item {
	padding: 4.17vw;
}
.orderinfo-wrap.info-list .info-list-item .top-area {
	display: flex;
	font-size: 3.33vw;
	gap: 2.78vw;
	margin-bottom: 2.78vw;
}
.orderinfo-wrap.info-list .info-list-item .top-area .desc {
	color: #999999;
	flex: 1;
}
.orderinfo-wrap.info-list .info-list-item .top-area .status {
	font-weight: 500;
}
.orderinfo-wrap.info-list .info-list-item .info-list-item-tt {
	font-size: 3.89vw;
	line-height: 5.56vw;
	font-weight: 500;
	margin-bottom: 4.17vw;
	letter-spacing: 0;
}

.orderinfo-wrap .prdlist.divider li+li {
	border-top: 0.28vw solid #e5e5e5;
}

.orderinfo-wrap .delivery-info {
	margin-top: 4.17vw;
	padding: 4.17vw;
	background-color: #f2f2f2;
}
.orderinfo-wrap .delivery-info .field {
	display: flex;
	gap: 1.39vw;
}
.orderinfo-wrap .delivery-info .field+.field {
	margin-top: 2.78vw;
}
.orderinfo-wrap .delivery-info .field .label {
	width: 21.94vw;
	flex-shrink: 0;
	font-size: 3.89vw;
	color: #666;
}
.orderinfo-wrap .delivery-info .field .value {
	flex: 1;
	text-align: end;
	font-size: 3.89vw;
	font-weight: 500;
}
.orderinfo-wrap .delivery-info .field .value .desc {
	display: block;
	margin-top: 0.83vw;
	font-size: 3.06vw;
	font-weight: 300;
	color: #999;
	letter-spacing: -0.14vw;
}

.orderinfo-wrap .delivery-noti {
	padding: 4.17vw;
	padding-top: 0;
	background-color: #f2f2f2;
	font-size: 3.33vw;
	line-height: 4.72vw;
	color: #666666;
	letter-spacing: -0.04em;
}
.orderinfo-wrap .delivery-noti p {
	padding-left: 3.89vw;
	position: relative;
}
.orderinfo-wrap .delivery-noti p::before {
	content: '※';
	position: absolute;
	left: 0;
}
.orderinfo-wrap .delivery-noti p+p {margin-top: 1.39vw;}


/* ns 상품 2024-08-28 */
.orderinfo-wrap.ns-prd .prdlist > li {
	flex-wrap: wrap;
}
.orderinfo-wrap.ns-prd .prdlist > li .register-num {
	width: 100%;
	color: #222;
	font-size: 3.89vw;
	font-weight: 500;
	margin-bottom: -1.39vw;
}
.orderinfo-wrap.ns-prd .prdlist > li .thumb-lft {
	flex-shrink: 0;
}
.orderinfo-wrap.ns-prd .prdlist > li .thumb-rgt {
	width: auto; flex: 1;
}
.orderinfo-wrap.ns-prd .list-top :has(+.ui-tooltip-wrap) {
	font-size: 3.33vw;
}
.orderinfo-wrap.ns-prd .list-top .ui-tooltip-wrap {line-height: 1;}
.orderinfo-wrap.ns-prd .list-top .tooltip {
	width: 5vw;
	height: 5vw;
	line-height: 4.5vw;
	border-radius: 0.69vw;
	border: 0.28vw solid #D7D7D7;
	color: #666;
	margin-left: 1.39vw;
}
.orderinfo-wrap.ns-prd .list-top .ui-tooltip-cont {
	right: 0; left: auto;
	z-index: 10;
}

/* orderinfo-wrap 2020-10-13 */
.orderinfo-wrap .oi-cont.single{
	display:flex;
	justify-content:space-between;
}
.orderinfo-wrap .oi-cont .ctit{
	font-size: 3.889vw;
	font-weight: 500;
	color: #222;
}
.orderinfo-wrap .orde-noti{
	margin-top: 3.889vw;
	font-size: 3.33vw;
	color: #666;
}
.orderinfo-wrap .orde-noti.star{
	position: relative;
	padding-left: 2.08vw;
	margin-top: 1.39vw;
}
.orderinfo-wrap .orde-noti.star:before{
	content: '*';
	position: absolute;
	left: 0;
	top: 0;
}
.orderinfo-wrap .refund-account .orde-noti{margin-top: 1.389vw;}
.orderinfo-wrap span.txt-blue{
	display: block;
	font-size: 3.89vw;
	font-weight: 500;
	text-align: right;
	letter-spacing: -0.16vw;
}
.orderinfo-wrap .clist {
    margin-top: 1.94vw;
}
.orderinfo-wrap .clist .data-list {
    font-size: 3.05vw;
    text-align: right;
    color: #1181F1;
}
.orderinfo-wrap dl.txt-blue dt{color: #1181F1;}
.orderinfo-wrap dl.txt-blue dd{font-weight: 400;}
.orderinfo-wrap .cont-btn-s{
	position: absolute;
	top: 4.167vw;
	right: 4.167vw;
	padding: 1.389vw 2.083vw;
	line-height: normal;
}

.orderinfo-wrap .ctab-wrap .tab-tit{
	display:flex;
	flex-wrap:wrap;
	padding-bottom: 0;
}
.orderinfo-wrap .ctab-wrap .tab-tit li{
	flex-grow:1;
	float: none;
	width: 33.333%;
	height: 9.722vw;
}
.orderinfo-wrap .ctab-wrap .tab-tit li:nth-of-type(3) ~ li{margin-top: -.28vw;}
.orderinfo-wrap .ctab-wrap .tab-tit li:nth-of-type(4),
.orderinfo-wrap .ctab-wrap .tab-tit li:nth-of-type(7){border-left: .28vw solid #d7d7d7;}
.orderinfo-wrap .ctab-wrap .tab-tit li:last-child{flex-grow:0;}
.orderinfo-wrap .ctab-wrap .tab-tit li:first-child + li:last-child{flex-grow:1;}

.orderinfo-wrap .ctab-wrap .tab-tit li a{line-height: 2.2}
/* .orderinfo-wrap .ctab-wrap .tab-tit li.current a{
	width: calc(100% + .56vw);
	border-width: .56vw;
	line-height: 2.2;
} */
.orderinfo-wrap .panel > div,
.orderinfo-wrap .panel > p{padding: 1.389vw 4.167vw;}
.orderinfo-wrap.delivery-method .orde-noti{
	padding: 0 4.17vw 0 6.25vw;
	position: relative;
	line-height: 1.42;
	margin-top: 1.39vw;
}
.orderinfo-wrap.delivery-method .orde-noti-tt {
	padding: 0 4.17vw;
	padding-left: 3.47vw;
	line-height: 1.42;
	margin-top: 1.39vw;
	font-size: 3.33vw;
	color: #666;
	font-weight: 500;
}
.orderinfo-wrap.delivery-method .orde-noti:before{
	content: '*';
	position: absolute;
	left: 4.17vw;
	top: 0;
}
.orderinfo-wrap.delivery-method .orde-noti + .orde-noti{
	margin-top: 0.69vw;
}
.orderinfo-wrap.delivery-method .orde-noti .txt-blue {
	display: inline-block;
	letter-spacing: -0.28vw;
	font-size: unset;
}
.orderinfo-wrap.delivery-method .orde-noti.circle:before {
	content: '';
	width: 0.42vw;
	height: 0.42vw;
	border-radius: 50%;
	background: #666;
	top: 2.1vw;
}
.orderinfo-wrap.delivery-method .orde-noti.point-bullet {
	padding-left: 7.50vw;
}
.orderinfo-wrap.delivery-method .orde-noti.point-bullet:before {
	content: '';
	background: url(../images/common/icon_red_check.png) 0 0 no-repeat;
	background-size: 3.33vw;
	width: 3.33vw;
	height: 3.33vw;
	left: 3.06vw;
	top: 0.69vw;
}
.orderinfo-wrap.delivery-method .orde-noti .vertical-bar {
	margin: 0 2.78vw;
	height: 3.06vw;
	transform: translateY(0.42vw);
	width: 0.21vw;
	background: #e5e5e5;
	display: inline-block;
}
.orderinfo-wrap .radio-area.border{padding: 4.17vw 4.17vw;}
.orderinfo-wrap .radio-area.border .radio-wrap input[type="radio"] + label,
.orderinfo-wrap .radio-area.border .radio-wrap input[type="radio"]:checked + label:after{font-size: 3.61vw;}
.orderinfo-wrap .radio-area.border .radio-wrap input[type="radio"]:checked + label:after {padding-top: 1.944vw;}
.orderinfo-wrap.delivery-method .radio-area.border{padding-bottom: .28vw;}

.orderinfo-wrap .oi-cont + .oi-cont{
	margin-top: 4.17vw;
	padding-top: 5.32vw;
}
.orderinfo-wrap .oi-cont + .noti-wrap{
	margin-top: 6.944vw;
	padding: 0 4.17vw;
	border-top: .28vw solid #E5E5E5;
}
.orderinfo-wrap .noti-wrap .orde-noti{font-size: 3.889vw;}

.orderinfo-wrap.agree{
	padding-bottom: 4.17vw;
	border-top: 0;
}
.orderinfo-wrap.agree .oi-cont{
	margin: 0.833vw 4.167vw;
	padding-top: 0;
}
.orderinfo-wrap .order-check-area {
	overflow:hidden;
	margin-bottom: 4.167vw;
}
.orderinfo-wrap .order-check-area strong {
	float:left;
	padding: 0;
}
.orderinfo-wrap .order-check-area .checkbox-wrap {float:right;}
.orderinfo-wrap .order-check-area .checkbox-wrap input[type="checkbox"] {margin-right:2.2vw;}
.orderinfo-wrap.delivery-info dl{margin-top: 2.778vw;}

.orderinfo-wrap .order-option {padding: 4.167vw 4.167vw 0}
.orderinfo-wrap .oi-cont ~ .order-option,
.orderinfo-wrap .order-option ~ .order-option{
	margin-top: 4.167vw;
	border-top: 0.28vw solid #f2f2f2;
}
.orderinfo-wrap .order-option strong {
	display:block;
	color:#222;
	font-size: 3.889vw;
	font-weight:500;
	margin-bottom:1.39vw;
}
.orderinfo-wrap .oi-cont > em{color: #666;}
.orderinfo-wrap .order-option input[type="text"],
.orderinfo-wrap .order-option select{padding: 2.778vw;}
.delivery-info .order-option select + input[type="text"]{
	margin-top:1.39vw;
}
.orderinfo-wrap .order-option select,
.orderinfo-wrap .order-option .orde-desc{color: #959595;}
.orderinfo-wrap .order-option select {
	display:block;
	width:100%;
	margin-top:1.389vw;
	border-bottom:0.28vw solid #d7d7d7;
	font-size: 3.89vw;
}
.orderinfo-wrap .order-option input[type="text"]{
	margin-top: 4.722vw;
	font-size:3.889vw;
	line-height:6.13vw;
}
.orderinfo-wrap .order-option .orde-desc {
	margin-top:3.472vw;
	font-size:3.889vw;
	line-height:5.6vw;
	margin-bottom: 4.722vw;

}
.order-option dl{
	display: flex;
    position: relative;
    margin-top: 0;
    line-height: 1.3;
}
.order-option dl + dl{
	margin-top: 1.38vw;
	margin-bottom: 1.38vw;
}
.order-option dl dt{
    width: 30%;
    color: #222;
    word-break: keep-all;
}
.order-option dl dd{
	text-align: right;
    width: 70%;
    font-weight: 500;
    word-break: keep-all;
}
.order-option dl dd .price-num{
	display: flex;
    float: right;
}
.order-option dl dd .price-num strong{
	font-weight: 700;
}
.order-option dl dd .price-num .unit{
	font-weight: 400;
}
.order-option .tooltip{
	position: relative;
	top:0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	width: 5vw;
	min-width: 5vw;
	height: 5vw;
	font-size: 3.61vw;
}



/*환불*/
.orderinfo-wrap .tax{padding: 4.167vw 4.167vw 0; margin-top:4.167vw ;   border-top: .28vw solid #E5E5E5;}
.orderinfo-wrap .tax .info{margin-top: 4.166666666666666VW;}
.orderinfo-wrap .tax .info.no-info{    margin-left: 0;
    background-color: #f5f5f5;
    text-align: center;
    color: #999999;
    line-height: 11.11111111111111VW;

}
.orderinfo-wrap .tax .ctab-wrap.type2 {
	padding: 4.167vw 0;
}
.orderinfo-wrap .tax .ctab-wrap.type2 .panel{
	margin-top: 1.39vw;
}
.orderinfo-wrap .tax .ctab-wrap.type2 .panel > div{
	padding: 0;
}
.orderinfo-wrap .tax .ctab-wrap.type2 .panel > div select{
	width: 100%;
	border-bottom: 0.28vw solid #d7d7d7;
	padding: 2.778vw;
}
.orderinfo-wrap .tax .ctab-wrap.type2 .input-text{margin-top: 1.389vw; line-height: 6.13vw;}
.orderinfo-wrap .tax .tax-wrap{
	position: relative;
}
.orderinfo-wrap .tax .tax-wrap .cont-btn-s{
	top: -0.6944444444444444VW;
	right: 0;
}


.orderinfo-wrap .order-option[class*=edit-]{padding: 0;}
.orderinfo-wrap .order-option.edit-area{
	padding-left: 8.89vw;
}
.orderinfo-wrap .order-option.edit-area select{
	margin-top: 4.17vw;
}
.orderinfo-wrap .edit-area textarea{height: 13.889vw; font-size: 3.89vw;}
.orderinfo-wrap .edit-saved{margin-top: 4.722vw;}
.orderinfo-wrap .edit-saved input[readonly]{
	margin-top: 0;
	border-bottom: 0;
	background-color: #F2F2F2;
	color: #222;
}
.orderinfo-wrap .ui-upload-wrap{
	padding: 4.17vw;
	background-color:#f2f2f2;
	margin-top: 2.78vw;
}
.orderinfo-wrap .oi-userinfo span {
	display:inline-block;
	color:#666;
	font-size:3.889vw;
	line-height:5.6vw;
	font-family:'Noto Sans KR','Roboto', sans-serif;
	letter-spacing: 0;
}
.orderinfo-wrap .prdlist .item-info{
	line-height: 1;
}
.orderinfo-wrap .prdlist.htype .item-info .brand-type{
	font-size: 3.33vw;
	font-weight: 700;
	letter-spacing: 0;
	padding-top: 1vw;
}
.orderinfo-wrap .prdlist.htype .item-info .item-tit{
	font-weight: 400;

}
.orderinfo-wrap.bt-none{
	border-top: none;
}
.orderinfo-wrap .prdlist.htype .item-info .item-tit .ac-name{
	font-weight: 500;
	line-height: 1.43;
	display: block;
	padding-top: 2.78vw;
	font-size: 3.89vw;
}
.orderinfo-wrap .oi-userinfo span.user-nam{
	line-height: normal;
}
.orderinfo-wrap .oi-userinfo span.user-name,
.orderinfo-wrap .oi-userinfo span.user-address {margin-bottom:1.4vw;}
.orderinfo-wrap .oi-userinfo span.user-address{display: block;}
.orderinfo-wrap .oi-userinfo .user-addr{margin-top: 1.4vw;}
.orderinfo-wrap .oi-userinfo span.bar-s {margin-left:2.08vw; position: relative; line-height: normal;}
.orderinfo-wrap .oi-userinfo .user-email{display: block;line-height: normal;}
.orderinfo-wrap .oi-userinfo p {
	letter-spacing: 0;
	margin-top:3.889vw;
	color:#666;
	font-size:3.3vw;
	line-height:5vw;
	font-family:'Noto Sans KR', sans-serif;
}
.orderinfo-wrap .oi-userinfo .bar-s > span{
	position: relative;
	padding-left: 2.64vw;
	line-height: 5.6vw;
}
.orderinfo-wrap .oi-userinfo .email-area{
	display:flex;
	justify-content:space-between;
	margin-top:1.389vw;
}
.orderinfo-wrap .oi-userinfo .email-area span {
	display:inline-block;
	margin:0;
	padding:0;
	font-size:3.889vw;
	line-height:10.2vw;
	vertical-align:top;
}
.orderinfo-wrap .oi-userinfo .email-area select,
.orderinfo-wrap .oi-userinfo .email-area input[type="text"] {
	width:calc(50% - 5vw);
	margin-top:0;
	border-bottom:0.28vw solid #d7d7d7;
	font-size:3.889vw;
	line-height:5.6vw;
}
.orderinfo-wrap .oi-userinfo .email-area select {
	padding-left:2.78vw;
	color:#222;
}
.orderinfo-wrap .oi-userinfo .email-area + .orde-noti{margin-top: 1.389vw;}

.orderinfo-wrap.gift-info .btn-arr{
	position:relative;
	display:inline-block;
	padding:0 10.5vw 0.694vw 0;
	border-bottom:0.28vw solid #666;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 300;
}
.orderinfo-wrap.gift-info .btn-arr:before{
	content:'';
	position:absolute;
	top:50%;
	right:0.5vw;
	width:8.4vw;
	height:0.28vw;
	background:#666;
	transition:all .2s ease-in-out;
}
.orderinfo-wrap.gift-info .btn-arr:after{
	content:'';
	position:absolute;
	top:48%;
	right:1.1vw;
	width:1.6vw;
	height:1.6vw;
	border-top:0.28vw solid #666;
	border-right:0.28vw solid #666;
	transform:rotate(45deg) translateY(-50%);
}
.orderinfo-wrap .gift-select-list{border:0.28vw solid #e5e5e5;}
.orderinfo-wrap .gift-select-list{margin-top: 4.167vw;}
.orderinfo-wrap.gift-info .only .prd-list{padding: 4.167vw;}
.orderinfo-wrap.gift-info .prd-list{padding:4.167vw 2.778vw;}
.orderinfo-wrap.gift-info .prd-list .thumbnail-box {
	display:flex;
	align-items:center;
}
.orderinfo-wrap.gift-info .prd-list .thumbnail-box + .thumbnail-box{
	margin-top: 0;
	padding-top:4.167vw;
}

.orderinfo-wrap.gift-info .prd-list .thumbnail-box .left {
	float:none;
	width:19.444vw;
	height:19.444vw;
	z-index:1;
}
.orderinfo-wrap.gift-info .prd-list .thumbnail-box .right {
	float:none;
	width:calc(100% - 25.89vw);
	padding-left:2.778vw;
}

.orderinfo-wrap.gift-info .prd-list .item-info{height:auto;}
.orderinfo-wrap.gift-info .prd-list .item-tit {margin-top:0;}
.orderinfo-wrap.gift-info .prd-list .item-name,
.orderinfo-wrap.gift-info .prd-list .item-desc{
	font-size:3.889vw;
	line-height:1.3;
}
.orderinfo-wrap.gift-info .prd-list .item-name {
	font-weight:500;
	line-height:5.2vw;
}
.orderinfo-wrap.gift-info .prd-list .item-desc{
	height: auto;
	max-height:10.4vw;
	word-break: keep-all;
}
.orderinfo-wrap.gift-info .soldout-wrap{height: 19.444vw;}
.orderinfo-wrap.gift-info .soldout-wrap span{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 11.667vw;
	height: 11.667vw;
	font-size:3.056vw;
}

.orderinfo-wrap.dc-info .oi-cont > div{
	display: flex;
}
.orderinfo-wrap.delivery-check .oi-cont > div{
	display:flex;
	justify-content:space-between;
}
.orderinfo-wrap.dc-info .oi-cont > div + div{margin-top: 2.778vw;}
.orderinfo-wrap.dc-info .ctit{/*width: 27.4%;*/min-width: 13.89vw;flex-shrink: 0;}
.orderinfo-wrap.dc-info .ctit + div{
	width: calc(100% - 13.89vw);
	margin-left: 5.28vw;
}
.orderinfo-wrap.delivery-check .ctit + div{width: 72.6%;}
.orderinfo-wrap.dc-info .ctit + div dl:before{
	content: '';
	position: absolute;
	top: 1.944vw;
	left: -2.5vw;
	width: 1.11vw;
	height: 1.94vw;
	background: url(../images/common/bl_link2.png) center/1.11vw no-repeat;
}
.orderinfo-wrap.dc-info .ctit + div dt,
.orderinfo-wrap.delivery-check dt{
	width: 100%;
	color: #222;
}
.orderinfo-wrap.dc-info .ctit + div dd,
.orderinfo-wrap.delivery-check dd{
	text-align: right;
	width: 54.5%;
}

.orderinfo-wrap.delivery-check .oi-cont div + div{
	margin-top: 4.167vw;
	padding-top: 4.167vw;
	border-top: .28vw solid #F2F2F2;
}
.orderinfo-wrap.delivery-check .oi-cont dl{align-items:center;}
.orderinfo-wrap.delivery-check .ctit{
	padding-top: .278vw;
	color: #666;
}
.orderinfo-wrap.delivery-check dt span{margin-left: 4.167vw;}
.orderinfo-wrap .oi-cont .cont-btn-s{position: static;}

.orderinfo-wrap .usable-point .ctit,
.orderinfo-wrap .usable-point .price-num{
	display: inline-block;
	vertical-align: middle;
}
.orderinfo-wrap .usable-point strong{display: inherit;}
.orderinfo-wrap .usable-point .price-num{margin-left: 3.194vw;}
.orderinfo-wrap .point-area{
	display:flex;
	justify-content:space-between;
}
.orderinfo-wrap .point-area .input-wrap{
	position: relative;
	width:calc(100% - 26.5vw);
}
.orderinfo-wrap .point-area input[type="text"]{
	margin-top: 0;
	padding-right:5.556vw;
	font-size: 3.889vw;
	text-align:right;
	font-weight:500;
	font-family:'Roboto','Noto Sans KR', sans-serif;
}
.orderinfo-wrap .point-area .unit{
	position: absolute;
	top:50%;
	right: 2.778vw;
	transform:translateY(-50%);
}
.orderinfo-wrap .point-area .cont-btn{
	padding: 2.23vw 3.472vw;
	border-color: #666;
}

.orderinfo-wrap .point-area .input-area input[type="text"] {
	float:left;
	width:calc(100% - 26.5vw);
	margin-top:0;
	padding-right:6.1vw;
	font-size:3.8vw;
	line-height:5.2vw;
	text-align:right;
	font-weight:500;
	font-family:'Roboto',sans-serif;
}
.orderinfo-wrap .point-area .input-area button {
	float:right;
	width:20.8vw;
	height:10.1vw;
	background-color: #e5e5e5;
	border:0.28vw solid #e5e5e5;
	border-radius:0.7vw;
	font-size:3.8vw;
	color: #959595;
}
.orderinfo-wrap .point-area .input-area button.active{
	background-color: #fff;
	border-color: #666;
	color: #222;
}
.orderinfo-wrap .point-area .input-area span {
	position:absolute;
	right:30vw;
	top:51%;
	transform:translateY(-50%);
	font-size:3.3vw;
	line-height:4vw;
	font-family:'Roboto',sans-serif;
}

.orderinfo-wrap .panel > .refund-account{padding:8.333vw 0 0;}
.orderinfo-wrap .refund-account .payment-option{
	display:flex;
	justify-content: space-between;
}
.orderinfo-wrap .refund-account select{
	width: 28.78%;
	margin-top: 0;
}
.orderinfo-wrap .refund-account input[type="text"]{margin-top: 0;}
.orderinfo-wrap .refund-account .input-account-numb{width: 66.6%;}
.orderinfo-wrap .refund-account input.input-account-name{margin-top: 1.389vw;}
/* .orderinfo-wrap.payment-info  .refund-account  .escrow-chk{

	padding: 4.167vw 0;
} */
.orderinfo-wrap.payment-info .notice-wrap{border-top: .28vw solid #E5E5E5;}
.orderinfo-wrap.payment-info .notice-wrap ul{
	margin-top: 0;
	padding: 5.56vw 4.17vw 0;
	word-break: initial;
}
.orderinfo-wrap.payment-info .escrow-chk + .notice-wrap ul {
	border-bottom: .28vw solid #E5E5E5;
	padding-bottom: 5.56vw;
}
.orderinfo-wrap.payment-info .escrow-chk{
	padding: 4.167vw;
	padding-top: 0;
}


.orderinfo-wrap.agree2 .oi-cont{
	margin: 0 4.167vw;
	padding-top: 0;
}
.orderinfo-wrap.agree2 p{
	color:#666;
	font-size:3.8vw;
	line-height:5.7vw;
}
.orderinfo-wrap.agree2 .checkbox-wrap {margin-top:4.1vw;}
.orderinfo-wrap.agree2 .checkbox-wrap + .checkbox-wrap {margin-left: 0;}
.orderinfo-wrap .installment-num{
	font-weight: 400;
	color: #666;
}

.orderinfo-wrap.type2{
	padding-bottom: 5.56vw;
}
.orderinfo-wrap .order-cont-box{
	padding: 4.47vw 4.17vw 0 4.17vw;
	font-size: 3.89vw;
	font-weight: 500;
	color: #222;
	letter-spacing: -0.16vw;
}
.orderinfo-wrap .radio-area.type-ui{
	padding: 4.17vw;
}
.orderinfo-wrap .desc-gray{
	padding: 0 4.17vw;
	font-size: 3.33vw;
	color: #666;
	letter-spacing: 0;
	font-weight: 400;
}
.orderinfo-wrap.ca-prd-info .prdlist.htype li{display:flex; gap: 4.17vw;}
.orderinfo-wrap.ca-prd-info .prdlist.htype{padding:4.17vw 2.08vw 0;}
.ca-prd-info .prdlist .ac-name{
	font-weight: 400;
	line-height: 1.4;
	word-break: keep-all;
}
.ca-prd-info .prdlist .ac-name{
	width: 46.111vw;
	font-size: 3.889vw;
}
.orderinfo-wrap .gift-event .cont-tit + .prdlist.htype li{padding-bottom: 4.167vw;}
.orderinfo-wrap .gift-event .invisible-item-info:last-child{padding-bottom:4.17vw;}
.orderinfo-wrap .gift-eventLlast-child .invisible-item-info:last-child{padding-bottom:0;}
.orderinfo-wrap.chk-oi .gift-event .invisible-item-info:last-child {padding-bottom:0;}
.orderinfo-wrap .gift-event + .gift-event{border-top: .28vw solid #e5e5e5;}
.orderinfo-wrap .gift-event + .clist{
	margin-top: 0;
	padding: 4.17vw 0 ;
	margin: 0 4.17vw;
	border-top: .28vw solid #f2f2f2;
}
.orderinfo-wrap.cancel-info{
	padding: 4.17vw;
}
.orderinfo-wrap .package .prdlist.htype .main-item {
	padding: 0;
	margin: 4.167vw 4.167vw 0;
	/* border-bottom: .28vw solid #F2F2F2; */
	/* padding-bottom: 4.167vw; */
}
.orderinfo-wrap .package .prdlist.htype .main-item ~ li{
	padding-top: 0;
	padding-bottom: 0;
	border-top: 0;
}
.orderinfo-wrap .package .prdlist.htype .prd-area{
	padding: 4.167vw 2.778vw 0;
	border: .28vw solid #e5e5e5;
}
.orderinfo-wrap .package .prdlist.htype .main-item .prd-area{
	padding: 5.556vw 2.778vw;
}
.orderinfo-wrap .package .prdlist.htype li + li .prd-area{
	margin-top: -.28vw;
	border-width:0 .28vw;
}
.orderinfo-wrap .package .prdlist.htype li:last-child .prd-area{
	padding-bottom: 4.167vw;
	border-bottom: .28vw solid #e5e5e5;
}

.orderinfo-wrap .package .btn-wrap{
	width: 91.6%;
	margin: 0 auto;
}
.orderinfo-wrap .package .cont-btn-full{
	width: 91.6%;
	margin:4.167vw 4.167vw 0;
}

.orderinfo-wrap.chk-oi .chkbox-area > ul + ul,
.orderinfo-wrap.chk-oi .package + .package{border-top: .28vw solid #F2F2F2;}
.orderinfo-wrap.chk-oi .package .prdlist.htype .prd-area{
	padding: 0;
	border: 0;
}
.orderinfo-wrap.chk-oi .package .prdlist.htype li{
	padding: 0;
	margin:4.167vw;
}
.orderinfo-wrap.chk-oi .package .prdlist.htype li:last-child .prd-area{
	border: 0;
	padding-bottom: 0;
}
.orderinfo-wrap.chk-oi .package .prdlist.htype li:not(.main-item){
	margin-top: 0;
	margin-left: 13vw;
}
.orderinfo-wrap.chk-oi .package .prdlist.htype li:nth-of-type(2) .prd-area{padding-top: 4.167vw;}
.orderinfo-wrap.chk-oi .package .prdlist.htype li:nth-of-type(2){border-top: .28vw solid #F2F2F2;}
.orderinfo-wrap .checkbox-wrap input[type="checkbox"] + label{max-height: 35.833vw;}
.orderinfo-wrap .checkbox-wrap input[name="chk-all"] + label{height: auto;}

.orderinfo-wrap .edit-area .textarea-wrap{margin-top: 2.78vw; min-height: 39.44vw;}

.orderinfo-wrap.cancel-info dl{align-items:center}
.orderinfo-wrap.cancel-info .oi-cont dt{width: 60%;}
.orderinfo-wrap.cancel-info .oi-cont dd{width: 40%;}
.orderinfo-wrap.cancel-info .clist{padding-left: 4.17vw;}
.orderinfo-wrap.cancel-info .txt-large dl{align-items:center;}
/* .orderinfo-wrap.cancel-info .txt-large dd .price-num.red{padding-top: 1.389vw;} */

.orderinfo-wrap .cont-btn-full,
.orderinfo-wrap .btn-wrap{margin-top:4.167vw;}
.orderinfo-wrap .txt-btn button{margin-left: 1.389vw;}
.layer-page .promotion-info{
	border-top: 0;
}
.promotion-info.chk-oi{
	padding-bottom: 0;
}
.promotion-info .cont-tit em{
	padding-left: 8.333vw;
	background: url(../images/common/icon_giftbox.png) 0 center/5.556vw no-repeat;
	border: 0 none ;
}
.promotion-info .tit-only .cont-tit em{border-bottom: 0;}
.promotion-info .tit-only + .clist{margin-top: 0;}
.promotion-info .gift-event .cont-tit + .prdlist.htype li{padding-bottom: 0;}
.layer-page .promotion-info .prdlist.htype li + li{
	margin-top: 0;
	padding-top: 5.56vw;
}
.promotion-info .gift-event .cont-tit + .prdlist.htype li + li,
.promotion-info .gift-event .cont-tit + .prdlist.htype li:last-child{padding-bottom: 4.167vw;}
.promotion-info .gift-event .prdlist li{
	padding: 0;
	margin: 0;
}
.layer-page .promotion-info .gift-event .prdlist li{
	margin: 4.167vw;
}
.layer-page .promotion-info .gift-event.type-border .prdlist li{
	margin: 0  4.17vw;
	padding: 2.78vw 0;
}
.layer-page .promotion-info .gift-event.type-border .prdlist{
	padding-top: 1.39vw;
	padding-bottom: 1.39vw;
}
.layer-page .promotion-info .gift-event.type-border .prdlist li + li {
	border-top: 0.28vw solid #f2f2f2;
}
.layer-page .promotion-info .gift-event.type-border {
	border-bottom: 0;
	padding-bottom: 0;
}
.layer-page .promotion-info .gift-event .prdlist.htype .thumb-lft > a,
.layer-page .promotion-info .gift-event .prdlist.htype .thumb-lft > a .thum-wrap{
	width: 16.66vw;
	height: 16.66vw;
}
.promotion-info .gift-event .prdlist.htype .thumb-rgt{
	width: calc(100% -  16.66vw);
}
.promotion-info .gift-event .prdlist.htype .thumb-rgt a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}
.promotion-info .gift-event .prdlist .item-info{
	width: 80%;
}
.promotion-info .gift-event .prdlist .num{
	width: 20%;
	text-align: right;
}
.promotion-info + .section ul.clist li{
	letter-spacing: -0.08em;
}
.promotion-info .oi-tit.acco-tit{
	padding-bottom: 0;
	border-bottom: 0 none;
	background-position: right center;

}

.promotion-info .c-acco{
	padding-top: 0;
	padding: 0;
}
.promotion-info .c-acco li + li{
	border-top: 0.28vw solid #E5E5E5;
}
.promotion-info .c-acco .oi-cont li+li{
	border-top: 0 none;
}
.promotion-info.orderinfo-wrap .oi-cont:nth-of-type(1),
.promotion-info.orderinfo-wrap .acco-tit + .cont:nth-of-type(1){
	border-top: 1px solid #E5E5E5;
}

.promotion-info .acco-tit + .cont{
	/* margin: 3.33vw 0 4.167vw; */
	margin-bottom: 0;
}
/* step-wrap */
.step-wrap{
	padding: 4.167vw 0;
}
.step-wrap ul{
	overflow: hidden;
	white-space: nowrap;
	width:fit-content;
	display: flex;
}
.step-wrap li{
	display: inline-block;
	position: relative;
	margin-left: 5.28vw;
	color: #666;
	font-size: 3.33vw;
	line-height: 1.67;
	display: flex;
}
.step-wrap li:before{
	content:'';
	position: absolute;
	width: 1.11vw;
	height: 1.94vw;
	top: 50%;
	left: -3.18vw;
	transform:translateY(-50%);
	background: url(../images/common/bl_link2.png) center/1.11vw no-repeat;
}
.step-wrap li:first-child{margin-left: 4.167vw;}
.step-wrap li:first-child::before {display:none;}
.step-wrap .step-no{
	display: inline-block;
	width: 5.28vw;
	height: 5.28vw;
	margin-right: 1.39vw;
	border-radius:50%;
	background-color:#999;
	color: #fff;
	text-align: center;
	font-family:'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing:0;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
}
.step-wrap .current{color:#1181F1;}
.step-wrap .current .step-no{background-color:#1181F1;}


.swiper-pause-wrap{
	display:flex;
	width:25.5556vw;
}
.swiper-container .swiper-pause-wrap{
	position:absolute;
	bottom:0;
	right:0;
	bottom: .28vw;
}
.swiper-button-pause{
	/* position:absolute;
	bottom:0;
	right:15.556vw; */
	width:10vw;
	height:9.723vw;
	background:rgba(104,104,104,0.5) url('../images/common/icon_swiper_pause.png') no-repeat center center;
	background-size:2.22vw;
	font-size:0;
	cursor:pointer;
	z-index:1;
}
.swiper-button-pause.active{
	background:rgba(104,104,104,0.5) url('../images/common/icon_swiper_play.png') no-repeat center center;
	background-size:2.22vw;
}
.swiper-pause-wrap .swiper-pagination > span{
	line-height:2.0833vw;
}

/* user-rating-info */
.user-rating-info > li{
	padding:6.94vw 4.17vw;
	overflow:hidden;
}
.user-rating-info > li + li{
	border-top:0.28vw solid #E5E5E5;
}
.user-rating-info > li:last-child{
	border-bottom:0.28vw solid #E5E5E5;
}
.user-rating-info > li .rating-icon{
	width:19.31vw;
}
.user-rating-info > li .rating-icon .icon-area{
	width:19.31vw;
	height:18.75vw;
	background-color:#F2F2F2;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:14.17vw;
	font-size:0;
}
.user-rating-info > li.family .rating-icon .icon-area{
	background-image:url(../images/common/icon_rating1.png);
}
.user-rating-info > li.silver .rating-icon .icon-area{
	background-image:url(../images/common/icon_rating2.png);
}
.user-rating-info > li.gold .rating-icon .icon-area{
	background-image:url(../images/common/icon_rating3.png);
}
.user-rating-info > li.platinum .rating-icon .icon-area{
	background-image:url(../images/common/icon_rating4.png);
}

.user-rating-info > li .rating-icon strong{
	margin-top:2.08vw;
	display:inline-block;
	width:100%;
	line-height:5.69vw;
	text-align:center;
	font-weight:500;
	font-size:3.89vw;
}
.user-rating-info > li > div:last-child{
	margin-left:5.56vw;
	width:calc(100% - 24.87vw);
}
.user-rating-info ul.clist{
	padding:0;
	border:0;
}
.user-rating-info ul.clist li{
	color: #666;
	font-size:3.89vw;
	font-weight:300;
}
/* error */
.container.error{
	height: 100vh;
	min-height: auto;
}
.error-page {
	position:relative;
	width:100%;
	min-height:100%;
	height: 100vh;
}
.error-page .error-message,
.error-page .check-time-message {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	transform:translateY(-50%);
}
.error-page .error-message > strong,
.error-page .check-time-message > strong {
	font-size:5.56vw;
	line-height:1.25;
	color:#222;
}
.error-page .error-message > p,
.error-page .check-time-message > p {
	margin-top:2.7778vw;
	font-size:3.8889vw;
	line-height:1.42;
	color:#666;
}
.error-page .error-message > p > strong,
.error-page .check-time-message > p > strong {
	display:inline;
	margin:0;
	font-size:inherit;
	font-weight:500;
	color:inherit;
}
.error-page .check-time-message {
	margin-top:-25.2778vw;
}
.error-page .check-time-notice {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:50.5556vw;
	border-top:0.28vw solid #E5E5E5;
}
.error-page .error-btn {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:4.1667vw;
}
.error-page .error-btn button.active{
	border-color:#999;
	color: #666;
}
.error-page .error-btn button.active.ok-type{
	color: #fff;
	border-color:#1181f1;
}
/* detail-info-box */
.detail-info-box{
	margin-top:6.94vw;
}
.detail-info-box .detail-info-tit{
	padding:0 4.17vw;
	line-height:6.53vw;
	font-weight:500;
	font-size:4.44vw;
}
.detail-info-box .detail-info-tit + .clist{
	margin-top:2.78vw;
	padding:0 4.17vw;
	border-bottom: 0;
}
.detail-info-box p{
	margin-top:2.78vw;
	padding:0 4.17vw;
	line-height:5.69vw;
	font-size:3.89vw;
}
.detail-info-box .fw500+.clist {
	padding-top: 0.83vw;
}
.detail-info-box .clist{
	padding-top:2.78vw;
	padding-bottom:0;
	border-bottom:0;
}
.detail-info-box.depth3 .clist li.type2{
	margin-top:0;
	padding-left:2.78vw;
}
/* sub-link-box */
/* .sub-link-box .link-tit a{
	display:block;
	padding:4.17vw;
	background:url(../images/common/btn_circle.png) no-repeat 95% center;
	background-size: 2.15vw;
	border-bottom:0.28vw solid #E5E5E5;
	line-height:6.53vw;
	font-size:4.44vw;
	font-weight:500;
}
.sub-link-box .sub-link-cont{
	padding:4.17vw 0 6.94vw;
}
.sub-link-box .sub-link-cont.board{
	padding:0 0 8.33vw 0;
} */
/* board-list
.board-list .txt-666{color: #222 !important;}
.board-list li + li{
	border-top:0.28vw solid #E5E5E5;
}
.board-list li > a{
	display:block;
	padding:5.56vw 4.17vw;
}
.board-list li em{
	display:block;
	line-height:4.03vw;
	color: #999;
	font-family:'Roboto',sans-serif;
	letter-spacing:0;
	font-size:3.33vw;
}
.board-list li strong{
	display:block;
	margin-top:1.39vw;
	line-height:5.69vw;
	font-size:3.89vw;
}
.list-new{
	margin-left:1.39vw;
	display:inline-block;
	width:4.03vw;
	height:4.03vw;
	background:url(../images/common/bl_new_g.png) no-repeat center center;
	background-size:100%;
	vertical-align: 0.56vw;
	font-size:0 !important;
}
.bd-box,
.reference-list li a .bd-box{
	margin-right:0.69vw;
	padding:0 0.56vw;
	display: inline-block;
	border:0.28vw solid #4A99F2;
	line-height:4.58vw;
	text-align: center;
	color:#4A99F2;
	font-size:3.06vw;
	letter-spacing: inherit;
	font-family: inherit;
} */

/* 카드혜택 */
.card-benefit-wrap{
	padding:6.94vw 4.17vw;
	width:100%;
}
.card-benefit-wrap img{
	width:100%;
}
/* 약관 동의 */
.terms-text-content {
	padding:7.2222vw 4.1667vw 13.8889vw;
	font-size:3.8889vw;
	line-height:1.42;
}
.terms-text-content .terms-title,
.terms-text-content .terms-list-tit {
	font-weight:500;
}
.terms-text-content .terms-copy {
	margin-top:4.1667vw;
	color:#666;
}
.terms-text-content > ul > li {
	margin-top:8.3333vw;
}
.terms-text-content > ul > li > ul {
	padding-top:1.3889vw;
	padding-left:2.7778vw;
}
.terms-text-content > ul > li > ul > li {
	padding-top:2.0833vw;
	color:#666;
}
.terms-text-content .terms-message {
	margin-top:10.1389vw;
	color:#666;
}

/* table */
.table-pd-wrap{
	padding:4.17vw 4.17vw 6.94vw;
}
.table-basic{
	table-layout: fixed;
	width: 100%;
}
.table-basic th,
.table-basic td{
	padding:3.06vw 5.69vw 3.06vw 2.78vw ;
	border: .28vw solid #E5E5E5;
	vertical-align: middle;
}
.table-basic th{
	color: #666;
	text-align: left;
	font-size: 3.33vw;
	font-weight: 400;
}
.table-basic td{
	text-align: right;
}
/* .table-basic.type2 */
.table-basic.type2 th,
.table-basic.type2 td{vertical-align: middle;}
.table-basic.type2 th{
	position:relative;
	padding:4.17vw 2.78vw;
	background:#f2f2f2;
	line-height:5.69vw;
	border-right:0;
	border-left:0;
}
.table-basic.type2 th strong{
	/* position:absolute;
	top:50%;
	left:2.78vw;
	transform:translateY(-50%);
	line-height:5.69vw; */
	font-size:3.89vw;
}
.table-basic.type2 td{
	padding:4.17vw 2.78vw;
	border-left:0;
	border-right:0;
	text-align: left;
	font-weight:300;
	font-size:3.89vw;
}
/* .table-basic.type3 */
.table-basic.type3{
	border:0.28vw solid #d7d7d7;
}
.table-basic.type3 th{
	position:relative;
	padding:2.08vw 0;
	background:#f2f2f2;
	border:0;
	line-height:5.69vw;
	text-align: center;
	font-size:3.89vw;
	color: #666;
}
.table-basic.type3 th + th{
	border-left:0.28vw solid #d7d7d7;
}
.table-basic.type3 td{
	padding:4.17vw 0;
	border:0;
	border-top:0.28vw solid #d7d7d7;
	line-height:5.69vw;
	text-align: center;
	font-weight:400;
	font-size:3.89vw;
}
.table-basic.type3 td + td{
	border-left:0.28vw solid #d7d7d7;
}
.table-basic.type3 tr.active td{
	color:#1181F1;
}
/*table-basic.type4*/
.table-basic.type4 th,.table-basic.type4 td{
	text-align: center;
	border-width: 1px;
}
.table-basic.type4 th{
	background-color: #F2f2f2;
	color: #222;
	letter-spacing:-0.16vw ;
	font-size: 3.89vw;
	padding: 2.08vw;
}
.table-basic.type4 td{
	vertical-align: middle;
	padding:5.56vw;
}
.table-basic.type4 td > .prd-name{
	color: #222;
	display: block;
	letter-spacing: -0.16vw;
	word-spacing: normal;
	overflow: hidden;
}
.table-basic.type4 td > .prd-num >input{
	font-size: 3.89vw;
	color: #222;
	letter-spacing: 0;
	margin-top: 2.22vw;
	border-width: 1px;
}
.table-basic.type4 td .prd-btn{
	font-size: 3.33vw;
	color: #666;
	letter-spacing: -0.13vw;
	border: 1px solid #D7D7D7;
	border-radius: 5px;
	height: 7.78vw;
	padding:0 2.8vw;
}
.table-basic.type4 td .prd-status{
	color: #666;
	font-size: 3.33vw;
	font-weight: 400;
	letter-spacing: -0.13vw;
}
.table-basic.type5 th{
	background: #f2f2f2;
}
.table-basic.type5 th, .table-basic.type5 td{
	text-align: left;
	font-size: 3.3335VW;
    color: #222222;
    line-height: 1.6;
    border: 1px solid #D7D7D7;
}
/* comment */
.reply-area-wrap + .comment-wrap{
	border-top:2.78vw solid #f2f2f2;
}
/* switch */
.switch-wrap{
	overflow:hidden;
}
.switch-area{
	display:inline-block;
	vertical-align:middle;
}
.switch-area input[type="checkbox"]{
	display:none;
}
.switch-area input[type="checkbox"] + label,
.switch-area .switch-btn{
	position:relative;
	display:block;
	width:9.44vw;
	height:6.11vw;
	background:#F2F2F2;
	border-radius:4.72vw;
	font-size:0;
}
.switch-area .switch-btn:after{
	content:'';
	position: absolute;
	top:50%;
	right:0.56vw;
	background:#1181F1;
	width:5vw;
	height:5vw;
	border-radius:50%;
	transform:translateY(-50%);
}
.switch-area input[type="checkbox"] + label:after{
	content:'';
	position: absolute;
	top:50%;
	left:0.56vw;
	width:5vw;
	height:5vw;
	border-radius:50%;
	background:#fff;
	transform:translateY(-50%);
}
.switch-area input[type="checkbox"]:checked + label:after{
	left:unset;
	right:0.56vw;
	background:#1181F1;
}
/* setting */
.setting-wrap .section{
	margin-top:0;
	border-top:2.78vw solid #f2f2f2;
}
.setting-wrap .section:first-child{
	padding:4.17vw;
	border-top:0;
}
.setting-wrap .section .section-tit{
	padding:4.17vw;
	border-bottom:0.28vw solid #E5E5E5;
}
.setting-wrap .user-id{
	line-height:7.78vw;
	letter-spacing:0;
	font-family:'Roboto', 'Noto sans KR';
	font-weight:500;
	font-size:4.44vw;
	text-decoration:underline;
}
.setting-wrap .user-id.bf-login{
	text-underline-position: under;
}
.setting-wrap .cont-btn-s{
	padding:0 5.69vw;
	line-height:7.78vw;
	color: #666;
}
.setting-wrap .section strong{
	line-height:5.69vw;
	font-weight:500;
	font-size:3.89vw;
	vertical-align: middle;
}
.setting-wrap .section p{
	margin-top:1.39vw;
	line-height:5.69vw;
	font-size:3.89vw;
	color: #666;
}
.setting-wrap .switch-wrap + .switch-wrap{
	margin-top:4.17vw;
}
/* permission */
.permission-wrap .section{
	margin-top:0;
	border-top:2.78vw solid #f2f2f2;
}
.permission-wrap .section:first-child{
	/* padding:8.33vw 4.17vw; */
	border-top:0;
}
.permission-wrap .section .section-tit{
	padding:4.17vw 4.17vw 0;
	/* border-bottom:0.28vw solid #E5E5E5; */
}
.permission-wrap .icon-box + .icon-box{
	margin-top:4.17vw;
}
.icon-box{
	position:relative;
}
.icon-box .icon-area{
	position:absolute;
	top:0;
	left:0;
	width:12.5vw;
	height:12.5vw;
	background:#F2F2F2;
	border-radius:50%;
	font-size:0;
	background-position:3.472vw center;
	background-repeat: no-repeat;
	background-size: 5.556vw;
}
.icon-box .icon-area.app-history{
	background-image: url(../images/common/icon_permission1.png);
	background-size: 6.667vw;
}
.icon-box .icon-area.camera{
	background-image: url(../images/common/icon_permission2.png);
}
.icon-box .icon-area.mike{
	background-image: url(../images/common/icon_permission3.png);
	background-size: 6.528vw;
	background-position:2.917vw center;
}
.icon-box .icon-area.noti{
	background-image: url(../images/common/icon_permission4.png);
	background-size: 5vw;
	background-position:3.750vw center;
}
.icon-box .icon-area.storage{
	background-image: url(../images/common/icon_permission5.png);
}
.icon-box .icon-area.phone{
	background-image: url(../images/common/icon_permission6.png);
	background-size: 4.722vw;
	background-position:3.889vw center;
}
.icon-box .text-area{
	padding-left:16.67vw;
}
.icon-box .text-area strong{
	display:block;
	line-height:5.69vw;
	font-size:3.89vw;
	font-weight:500;
}
.icon-box .text-area em{
	margin-top:1.39vw;
	display: block;
	line-height:5.69vw;
	color: #666;
	font-size:3.89vw;
}
.permission-wrap p.msg,
.alert-guide-modal p.msg{
	position: relative;
	padding: 4.722vw 3.889vw 0 4.444vw;
	font-size: 3.333vw;
	color: #666;
}
.permission-wrap p.msg:before,
.alert-guide-modal p.msg:before{
	content:'※';
	position: absolute;
	top: 5vw;
	left: 0;
	width: 3.333vw;
	height: 3.333vw;
}
.mcosh .sticky-container{border-top: 0;}
.tbl-scroll-container{
	padding:0 4.17vw;
	overflow-x:auto;
	white-space:nowrap;
}
.tbl-scroll-container table{
	border-bottom:0.28vw solid #D7D7D7;
	border-left:0.28vw solid #D7D7D7;
	border-top:0.28vw solid #222;
	table-layout:fixed;
	display:inline-block;
}
.tbl-scroll-container table + table{
	margin-left:-0.7vw;
	border-right:0.28vw solid #D7D7D7;
}
.tbl-scroll-container table th{
	background:#F2F2F2;
	line-height:9.72vw;
}
.tbl-scroll-container table td{
	border-top:0.28vw solid #D7D7D7;
	text-align: center;
	line-height:9.72vw;
	vertical-align: middle;
	color: #666;
}
.tbl-scroll-container table td + td{
	border-left:0.28vw solid #D7D7D7;
}
.tbl-scroll-container table td em{
	display:block;
	font-weight:300;
}
.tbl-scroll-container table td em .num{
	display:block;
	height:11.94vw;
	font-weight:400;
}
.tbl-scroll-container table td em .num strong{
	margin-right:0.69vw;
	font-family:'Roboto',sans-serif;
	letter-spacing:0;
	font-size:10vw;
	font-weight:500;
}

/* main swiper custom - pagination */
.swiper-container .swiper-pagination-custom{
	bottom: 0;
	height: 6.67vw;
}
.swiper-pagination-custom .paging-fraction{
	position: absolute;
	left: 7.22vw;
	bottom: 0;
	padding: 0 3.05vw;
	background: rgba(102,102,102,0.5);
	line-height: 6.94vw;
	font-family: 'Roboto';
	color: #D7D7D7;
	font-weight: 300;
	font-size: 3.33vw;
	letter-spacing: 0;
}
.swiper-pagination-custom .paging-fraction .current{
	font-weight: 500;
	color: #fff;
}
.swiper-pagination-custom ul{
	display: flex;
	position: absolute;
	bottom: 12.5vw;
	left: 50%;
	transform:translateX(-50%);
	z-index: 10;
	text-align: center;
}
.swiper-pagination-custom ul li{
	cursor: pointer;
	margin: 0 0.69vw;
	width: 1.39vw;
	height: 1.39vw;
	vertical-align: top;
	background-color: #fff;
	border-radius:50%;
}
.swiper-pagination-custom ul li.active,
.main-gallery .swiper-pagination-custom ul li.active{background-color: #1181F1;}
.main-gallery{overflow: hidden;}
.main-gallery:after{
	content:'';
	display: block;
	clear: both;
}
.main-gallery .swiper-pagination-custom{bottom: 12.7vw;}
.main-gallery .swiper-pagination-custom ul{bottom: -15.56vw;}
.main-gallery .swiper-pagination-custom ul li{background-color: #707070;}

/* datepicker */
.date-input-wrap{
	position: relative;
	display: inline-block;
}
.date-input-wrap + span{/* margin:0 4px 0 2px; */}
.datepicker-wrap input,
.ui-datepicker,
.ui-datepicker a{font-family: 'Roboto', 'Noto Sans KR', sans-serif;}
.datepicker-wrap input{margin: 0;}
.ui-datepicker{
	width: 88.89vw;
	padding-bottom: 4.17vw;
	border: .14vw solid #000;
	background-color: #fff;
	top: 50% !important;
	left: 50% !important;
	transform:translate(-50%,-50%);
	z-index:11 !important;
	opacity: 0;
}
.ui-datepicker.show{opacity: 1;}
.ui-datepicker-header{
	position: relative;
	padding: 2.92vw 0;
	border-bottom: .14vw solid #999;
}
.ui-datepicker-title{
	text-align: center;
	font-size: 5vw;
	font-weight: 700;
	letter-spacing: 0;
}
.ui-datepicker-prev,
.ui-datepicker-next{
	position: absolute;
	top: 0;
	width: 13.89vw;
	height: 13.89vw;
	cursor: pointer;
	background: center/2.36vw no-repeat;
	font-size: 0;
}
.ui-datepicker-prev{
	left: 0;
	background-image: url(../images/common/bl_link2.png);
	transform:rotate(180deg);
}
.ui-datepicker-next{
	right: 0;
	background-image: url(../images/common/bl_link2.png);
}
.ui-datepicker-calendar{
	table-layout: fixed;
	text-align: center;
	width: 80.56vw;
	margin: 4.17vw auto 2.5vw;
}
.ui-datepicker-calendar th:first-child{color: #dd042b;}
.ui-datepicker-calendar th,
.ui-datepicker-calendar a{
	width: 9.724vw;
	margin: .83vw auto;
	padding: 1.807vw;
}
.ui-datepicker-calendar th{
	padding:2.5vw;
	padding-bottom: 4.44vw;
	color: #1181f1;
}
.ui-datepicker-calendar td a{
	display: block;
	color: #666;
	font-weight: 300;
	/* transition:all .2s ease; */
}
.ui-state-highlight,
.ui-state-active{border-radius:50%;}
.ui-datepicker-calendar .ui-state-active{
	background-color: #1181f1;
	color: #fff;
	font-weight: 500;
}
.ui-datepicker-calendar .ui-state-highlight{
	background-color: #e5e5e5;
	color: #222;
}
.ui-datepicker-buttonpane{text-align: center;}
.ui-datepicker-current{display: none;}
.ui-datepicker-close{
	width: 80.56vw;
	margin: 0 auto;
	padding:1.528vw 0;
	border: .14vw solid #999999;
	border-radius:.28vw;
}

/* dimmed */
#wrap.wrap-dimmed:after {
	content:'';
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color: rgba(0,0,0,.6);
	z-index:10;
}


/* 2020-10-07 상품리스트 현행화 */
/* 세로 기본형 */
.prdlist{
	display:flex;
	flex-wrap:wrap;
	padding:2.08vw;
}
.prdlist.subs{
	display: block;
}
.prdlist li,
.prdlist li > a,
.prdlist.htype li > div > a,
.prdlist-big li .swiper-slide > a,
.prdlist .item-tit .brand{
	position: relative;
	display: block;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}
.prdlist li{
	position: relative;
	width:calc(50% - 4.16vw);
	margin: 0 2.08vw;
}
.prdlist li:nth-of-type(2) ~ li{margin-top: 8.33vw;}
.prdlist li > a:first-child{
	margin-bottom: 2.778vw;
	text-align: center;
	line-height: 0;
}
.prdlist li .thum-wrap.sub{
	border: 0;
}
.prdlist li .thum-wrap{
	overflow: hidden;
	display: inline-block;
	border: .28vw solid #e5e5e5;
	line-height: 0;
	transition: all .2s ease;
	width: 43.75vw;
	height: 43.75vw;
	position: relative;
}
.prdlist .thumb-group{
	position: relative;
}
.prdlist li .thum-wrap img{width: 100%; height: 100%;object-fit: cover;}
.prdlist .item-info{
	position: relative;
	min-height: 9.444vw;
	line-height: 0;
	white-space: initial;
}
.prdlist .item-info > span{
	display: block;
	font-size: 3.056vw;
	line-height: 1.2;
	color: #666;
}
.prdlist.htype .item-info .txt-gray{
	margin-top: 1.39vw;
	font-size: 3.61vw;
	font-weight: 400;
	color: #999;
	line-height: 1;
	word-break: break-all;
}
.prdlist.htype .item-info .txt-gray .ui-group .tit{
	font-weight:500;
	font-size: 3.33vw;
	line-height: 1.46;
}
.prdlist.htype .item-info .txt-gray .ui-group .group > span{
	font-size: 3.33vw;
	line-height: 1.3;
}
.prdlist.htype .item-info .txt-gray .ui-group .group + .group{
	margin-top: 1.39vw;
}
.prdlist.htype .item-info .txt-gray.type2{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
}
.orderinfo-wrap .prdlist.htype .selling-price {
	font-size: 4.72vw;
}
.prdlist.htype .item-info .txt-gray span:first-child{margin-right: 2.778vw;}
.prdlist.htype .item-info .item-code + span{display: block; word-break: break-word;}
.prdlist .brand{
	display:inline-block;
	font-weight: 400;
	letter-spacing: 0;
	font-size: 3.333vw;
	color: #999;
}
.prdlist .item-desc,
.prdlist .item-name{
	height: auto;
	margin-top: 0.97vw;
	line-height: 1.38;
	font-size: 3.61vw;
	color: #222;
	max-height: 10vw;
	overflow: hidden;
}
.prdlist .item-price-wrap{
	position: relative;
	margin-top: 2.78vw;
}
.prdlist .cost-price{
	margin: 3.06vw 0  0.56vw 0;
	font-size: 3.3vw;
	color: #999;
	text-decoration: line-through;
	line-height: 1;
	font-weight: 300;
}
.orderinfo-wrap .ui-point-wrap.flex{
	display: flex;
}
.orderinfo-wrap .ui-point-wrap{
	padding-left: 8.89vw;
	margin-top: 4.17vw;
}
.orderinfo-wrap .ui-point-wrap .point-info-box{
	padding: 2.08vw 2.78vw;
	background-color: #f3f8fc;
	font-size: 3.89vw;
	line-height: 1.43;
	color: #1181f1;
	letter-spacing: -0.16vw;
	font-weight: 400;
	min-width: 52.78vw;
}
.orderinfo-wrap .ui-point-wrap .btn-wrap{
	margin-top: 0;
	margin-left: 1.39vw;
}
.orderinfo-wrap .ui-point-wrap .btn-wrap .order-btn{
	width: 28.61vw !important;
}
.prdlist .selling-price{
	position: relative;
	line-height: 1.4;
	display: flex;
	align-items: baseline;
}
.prdlist .selling-price > em{
	font-size: 4.17vw;
	font-weight:700;
	line-height: 1;
}
.prdlist .selling-price .item-num{
	margin-left: 1.389vw;
	font-size: 3.333vw;
}
.prdlist .selling-price .unit{
	margin-left: 0.56vw;
	font-size: 3.333vw;
	font-weight: 400;
	letter-spacing: -0.13vw;
}
.prdlist .selling-price .dc-rate{
	/* //margin-left: 2.778vw; */
	font-size: 4.17vw;
	font-weight: 700;
	color: #dd042b;
	line-height: 1.4;
	right: 0;
	bottom: 0;
	padding-right: 2.22vw;
}
.prdlist .item-type{
	display:flex;
	flex-wrap: wrap;
	margin-top: 2.083vw;
	margin-left: -.417vw;
}
.prdlist .item-type .type-badge{
	display: inline-block;
	height: 5.5556vw;
	margin: .417vw;
	padding: 0.694vw .694vw;
	font-size: 2.778vw;
	border: 1px solid #d7d7d7;
	line-height: 4.0278vw;
	color: #666;
}
.prdlist .item-type .text-blue{
	font-size: 3.333vw;
	color: #1181F1;
}
.prdlist .item-sold-type .type-out{
	display: inline-block;
	height: 5.5556vw;
	margin-bottom: 1.388vw;
	padding: 0.694vw .694vw;
	font-size: 2.778vw;
	border: 0.138vw solid #C910A4;
	line-height: 4.0278vw;
	color: #C910A4;
	vertical-align: 0.138vw;
}
.prdlist .item-sold-type .type-out.type2{
	margin-bottom: 0;
	margin-top: 2.7778vw;
}
.prdlist .btn-area{
	position: absolute;
	height: 4.86vw;
	top: 37.222vw;
	right: 1.67vw;
	line-height: 0;
	font-size:0;
	z-index: 1;
}
.prdlist .btn-area > a + a,
.prdlist .btn-area > button + button{
	margin-left:1.3889vw;
}
.prdlist .soldout-wrap span{
	display:flex;
	align-items:center;
	justify-content:center;
	padding: 0;
	border: .28vw solid #f2f2f2;
	font-size: 3.750vw;
}
.prdlist .soldout-wrap{height: 100%;}
.prdlist .cost-price:before{content:none;}

.prdlist .ranking{
	width: 11.435vw;
	height: 14.376vw;
	padding-top: 4.722vw;
	background: url(../images/common/icon_ranking.png) 0 0/11.435vw no-repeat;
	text-align: center;
}
.prdlist .ranking.best-ranking{
	background-image: url(../images/common/icon_best_ranking.png);
	color: #fff;
}

.prdlist .color-chip,
.prdlist-htype .color-chip{
	display:flex;
	flex-wrap:wrap;
	margin-top: 2.78vw;
	line-height: 1;
	font-size: 0;
}
.prdlist .color-chip > span{
	width: 2.778vw;
	height: 2.778vw;
	margin: .347vw;
}

/* 세로 1단 */
.prdlist-big li{
	width:100%;
	margin-bottom: 0;
	padding-bottom: 2.78vw;
	background-color: #fff;
}
.prdlist-big li + li{margin-top: 4.167vw;}
.prdlist-big li > a:first-child,
.prdlist-big li .swiper-slide > a{
	width: auto;
	margin-bottom: 4.306vw;
	padding-top: 7.639vw;
	text-align: center;
}
.prdlist-big li .thum-wrap{
	width: 83.3%;
	border: 0;
	height: 100%;
}

.prdlist-big .item-info,
.prdlist-big .item-price-wrap,
.prdlist-big .color-chip,
.prdlist-big .item-type{
	width:87.8%;
	margin: 0 auto;
}
.prdlist-big .item-info,
.prdlist-big .item-price-wrap{margin: 4.167vw auto 0.8333333333333334VW}
.prdlist-big .item-info{min-height: 21.944vw;}
.prdlist-big .item-tit .brand,
.prdlist-big .item-name{font-size: 3.889vw;}
.prdlist-big .item-tit .brand{line-height: 1.7;}
.prdlist-big .item-name{
	margin-top: 1.389vw;
	max-height: 100%;
}
.prdlist-big li >a +.item-price-wrap{ margin-top: 0;}
.prdlist-big .item-tit > span{
	display: block;
	/* margin-bottom: 1.111vw; */
	font-size: 3.889vw;
	line-height: 1.6;
	color: #999;
}
.prdlist-big .item-desc{
	max-height: 9.306vw;
	font-size: 3.89vw;
}
.prdlist-big .cost-price{
	margin-right: 2.778vw;
	font-size: 3.888888888888889VW;
	display: block;
}
.prdlist-big .selling-price{
	display: inline-block;
	line-height: 1;
	margin-top: 0;
}
.prdlist-big  .selling-price > em{
	font-size: 4.722222222222222VW;
}
.prdlist-big .selling-price .unit{
	font-size: 4.44vw;
	line-height: 1.44;
	letter-spacing: -0.18vw;
}
.prdlist-big  .selling-price .dc-rate{
	position: static;
	font-size: 5.83vw;
	margin-left:0;
	line-height: 1.3;
}
.prdlist-big .color-chip,
.prdlist-big .item-type{
	margin-top: 2.778vw;
}
.prdlist-big .btn-area{
	top: 89.028vw;
	right: 5.556vw;
}
.prdlist-big .soldout-wrap{
	border:0;
}
.prdlist-big .soldout-wrap:before{
	content:none;
}
.prdlist-big .soldout-wrap span{
	width:26.9444vw;
	height:26.9444vw;
	line-height:6.9444vw;
	font-size:5.2778vw;
}
.prdlist-big .ranking-area{
	z-index:1;
}

.prdlist-big .badge-area{z-index: 9;}
.prdlist-big .badge:before {
	padding: 0.85vw 1.55vw;
	font-size: 3.33vw;
}

.prdlist + .button-group{
	    margin-top: 3vw;
}

/* 세로 기본형 (가로스크롤) */
/* .scroll-h{
	overflow: hidden;
	overflow-x: scroll;
} */
.scroll-h .prdlist{
	/* display: block; */
	flex-wrap:inherit;
	white-space: nowrap;
	width: fit-content;
}
.scroll-h ul.prdlist li{
	display: inline-block;
	width: 36.1111vw;
	margin-top: 0;
	vertical-align: top;
}
.scroll-h .prdlist li > a:first-child{width: 38.89vw;}
.scroll-h ul.prdlist li .prdlist .btn-area{width: 40.278vw;}
.scroll-h .prdlist .btn-area{top: 30.2778vw;}

/* 세로 1단 (가로스크롤) */
.scroll-h ul.prdlist-big li{/* width: 64.444vw; */ width: 65.97%;}
.scroll-h .prdlist-big li > a:first-child{
	width: 64.444vw;
	margin-bottom: 3.056vw;
	padding-top: 4.167vw;
}
.scroll-h .prdlist-big .selling-price{display: block;}
.scroll-h .prdlist-big .btn-area{top: 61.667vw;}

/* 가로 기본형 */
.prdlist.htype li{
	display:flex;
	flex-basis: 100%;
	gap: 5.56vw;
}
.prdlist.htype li + li{margin-top: 5.556vw;}
.prdlist.htype li [class*=thumb-]{position: relative;}
.prdlist.htype li [class*=thumb-] > a,
.prdlist.htype li [class*=thumb-] > div:not(.ui-badge-wrap){
	display: block;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}
.prdlist.htype li .point-info{
	margin-top: 2.78vw;
}
.prdlist.htype li .point-info .circle-point{
	font-size: 3.61vw;
	font-weight: 500;
	color: #1181f1;
	letter-spacing: 0;
	position: relative;
	padding: 0 0 0 0.14vw;
}
.prdlist.htype li .point-info.flex{
	display: flex;
	align-items: center;
	margin-left: 1.39vw;
}
.prdlist.htype li .point-info .group{
	display: flex;
}
.prdlist.htype li .point-info .group + .group{
	margin-left: 0.56vw;
}
.prdlist.htype li .point-info .circle-point:before{
	content: '';
	width: 5.28vw;
	height: 5.28vw;
	background-color: #1181f1;
	border-radius: 50%;
	opacity: .1;
	position: absolute;
	left: 50%;
	top: calc(50% - 0.14vw);
	transform: translate(-50% , -50%);
}
.prdlist.htype li .point-info .circle-point + .txt{
	padding-left: 1.94vw;
}
.prdlist.htype li .point-info .txt{
	font-size: 3.61vw;
	color: #222;
	font-weight: 300;
	letter-spacing: -0.14vw;
}
.prdlist.htype li .point-info .txt-blue{
	font-size: 3.61vw;
	color: #1181f1;
	letter-spacing: 0;
	font-weight: 400;
	margin-right: 0.28vw;
}
.prdlist.htype li .list-top {margin-bottom: 1.39vw;}
.prdlist.htype li .list-top .state {margin-bottom: 0;}
.prdlist.htype li .list-top .gray-small-btn {margin-top: 0; margin-left: 2.78vw;}
/* 선물재발송 */
.prdlist.htype li .ui-flag-wrap:has(.select-area) {display: flex !important; justify-content: space-between;}
.prdlist.htype li .ui-flag-wrap:has(.select-area) .gift-badge {height: 5.42vw;}
.prdlist.htype li .select-area {
	margin-left: auto;
}
.prdlist.htype li .select-area select {
	color: #666;
	padding-right: 4.972vw;
}
.prdlist.htype .thumb-lft > a,
.prdlist.htype .thumb-lft > div,
.prdlist.htype .thumb-lft > a .thum-wrap{
	width: 35.833vw;
	height: 35.833vw;
}
.prdlist.htype .btn-area{
	top: 29.722vw;
	right: 1.667vw;
}
.prdlist.htype .thumb-lft .btn-area {
	width: auto;
	height: auto;
}
.prdlist.htype .thumb-rgt{
	width: calc(100% - 30.56vw);
}

.prdlist.htype .badge-area{
	position: relative;
	margin-bottom: 2.083vw;
}
.prdlist.htype .item-info{
	min-height: inherit;
}
.prdlist.htype .item-tit .brand{
	font-size: 3.33vw;
	line-height: 1.25;
	letter-spacing: 0;
}
.orderinfo-wrap.ca-prd-info .prdlist.htype .item-name{padding-bottom: 0;}
.prdlist.htype .item-name{font-size: 3.61vw; margin-top:0.97vw; line-height: 1.38;display: block;}
.prdlist.htype .item-price{
	line-height:1;
}
.prdlist.htype .item-price.ns-price{
	margin-top: 0.83vw;
}
.prdlist.htype .item-price.ns-price .cost-price.text {font-weight: 400;}
.prdlist.htype .item-price.ns-price * {
	color: #1181f1 !important;
}
.prdlist.htype .selling-price{
	display:flex;
	align-items:baseline;
	margin-top: 0;
}
.prdlist.htype .selling-price .dc-rate{
	position: static;
	right: 0;
	bottom: 0;
	margin-right: 0;
}
.prdlist.htype .selling-price .item-num,
.prdlist.htype .thumb-rgt > .item-num{
	color: #222;
	font-size:3.3333vw;
	font-weight:400;
}
.prdlist.htype .selling-price .item-num{margin-left: 0;}
.prdlist.htype .selling-price .unit + .item-num,
.prdlist.htype .selling-price .unit + .item-num > .item-num{margin-left:1.3889vw;}
/* {margin-left:1.3889vw;} */
.prdlist.htype .thumb-rgt > .item-num{margin-left: 0;}
.prdlist.htype .item-option{
	margin-top:2.0833vw;
	font-weight:300;
}
.prdlist.htype .item-option > p{
	line-height:3.7500vw;
	font-size:3.0556vw;
	font-family:'Roboto',sans-serif;
}
.prdlist.htype .item-option > span{
	display:block;
	line-height:5.0000vw;
	font-size:3.3333vw;
	font-family:'Noto Sans KR','Roboto';
}
.prdlist.htype .cost-price{
	position: relative;
	display:inline-block;
	margin: 0vw 0 0.56vw 0;
	font-size:3.333vw;
	text-decoration: none;
}
.prdlist.htype .cost-price.text {margin-right: 0.83vw; font-weight: 500;}
.prdlist.htype .cost-price.text:after {display :none; }
.prdlist.htype .cost-price:after{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:0.139vw;
	background:#999;
	transform:translateY(-50%);
}
.prdlist.htype .cost-price em{font-family: 'Roboto', 'Noto Sans Kr', sans-serif;}
.prdlist.htype .cost-price .unit{margin-left:0.694vw;}

.prdlist.htype .state{
	margin-bottom: 3.06vw;
	font-weight: 500;
	line-height: 1.4;
}
.prdlist.htype .state.txt-gray {
	color: #999;
	font-weight: 400;
}
.prdlist.htype.divider .prd-area+.prd-area {
	margin-top: 4.17vw;
}
.prdlist.htype.divider .state.txt-gray {
	display: inline-block;
}
.prdlist.htype.divider .state.txt-gray + .gray-small-btn {
	display: inline;
}
.prdlist.htype .state span{
	margin-left: 2.667vw;
	color: #999;
	font-family: 'Roboto', 'Noto Sans Kr', sans-serif;
	font-weight: 400;
}
.section.prd-type .orderinfo-wrap{
	padding-top: 0;
}
.section.prd-type .oi-tit{
	font-size: 4.44vw;
	font-weight: 500;
	letter-spacing: -0.18vw;
	padding: 4.17vw;
	display: block;
	line-height: 1.2;
	border-bottom: 0.28vw solid #f2f2f2;
}
.prdlist.p-case li,
.gift-event .prdlist li{
	margin: 0;
	padding: 4.167vw;
}
.prdlist.p-case li,
.orderinfo-wrap.ca-prd-info .prdlist.p-case li{display: block;}
.prdlist.p-case li + li{margin-top: 0;}
.prdlist.p-case .prd-area{
	display:flex;
	flex-basis:100%;
}

.prdlist.p-case .prd-area .thumb-rgt{
	margin-left: 4.17vw;
}
.prdlist.htype.prd-s{
	margin-top: 4.167vw;
	padding: 4.167vw 2.778vw;
	border: .28vw solid #e5e5e5;
	background-color: #fff;
}
.prdlist.htype.prd-s .thumb-lft > a span{
	width: auto;
	height: auto;
}
.prdlist.htype.prd-s li{
	align-items:center;
	margin: 0;
	border: 0;
}
.prdlist.htype.prd-s .checkbox-wrap{line-height: 0;}
.prdlist.htype.prd-s.only li{padding-left: 1.389vw;}
.prdlist.htype.prd-s li + li{margin-top: 4.167vw;}
.prdlist.htype.prd-s .thumb-lft > a{
	width: 19.444vw;
	height: 19.444vw;
}
.orderinfo-wrap.subs{
	padding-bottom: 0;
}
.orderinfo-wrap.subs .prdlist.subs .subs-flex{
	align-items: start;
	justify-content: space-between;
	display: flex;
}
.orderinfo-wrap.subs .prdlist.subs{
	padding: 4.17vw;
}
.orderinfo-wrap.subs .prdlist.subs .prd-item .prd-tit{
	font-size: 3.89vw;
	font-weight: 500;
	line-height: 1.43;
	color: #222;
	letter-spacing: 0;
}
.orderinfo-wrap.subs .prdlist.subs .prd-item .date-info{
	font-size: 3.33vw;
	line-height: 1.25;
	color: #666;
	letter-spacing: 0;
	padding-top: 1.39vw;
}
.orderinfo-wrap.subs .prdlist.subs .price-wrap .num{
	font-size: 4.72vw;
	font-weight: 700;
	text-align: right;
	color: #222;
	letter-spacing: 0;
}
.orderinfo-wrap.subs .prdlist.subs .price-wrap .num .unit{
	font-size: 3.33vw;
	line-height: 1.17;
	letter-spacing: -0.13vw;
	font-weight: 400;
	padding-left: 0.56vw;
}
.orderinfo-wrap.subs .prdlist.subs .payment{
	padding-top: 2.78vw;
}
.orderinfo-wrap.subs .prdlist.subs .payment .payment-info{
	font-size: 3.33vw;
	color: #666;
	line-height: 1.25;
	letter-spacing: 0;
	font-weight: 400;
}
.orderinfo-wrap.subs .prdlist.subs .payment .payment-info .total-num{
	font-size: 3.33vw;
	line-height: 1.71;
	letter-spacing: -0.13vw;
	color: #222;
	font-weight: 400;
	padding-left: 2.78vw;
}
.orderinfo-wrap.subs .prdlist.subs .state{
	font-size: 3.33vw;
	font-weight: 400;
}
.swiper-tab .swiper-slide a,
.swiper-tab .swiper-slide,
.swiper-tab .swiper-wrapper,
.swiper-tab{
	touch-action: none;
}
.swiper-container-horizontal>.swiper-pagination-bullets {bottom: 0;}

/* input file */
.btn-input-file{}
.btn-input-file .btn{
	display: inline-block;
	width: 100%;
	background: #fff;
	border: 0.28vw solid #E5E5E5;
	color: #E0E0E0;
	cursor: default;
	padding: 2.23vw 5.81vw;
	border-radius: 1vw;
	font-size: 3.889vw;
	text-align: center;
}
.btn-input-file .btn.active{
	background: #fff;
	color: #666;
	line-height: 1.5;
	cursor: pointer;
}

/*
.review-area.review-cont .add-file .input-file{
	position: absolute;
}
.review-area.review-cont .add-file .input-file label{
	display: block;
	width: 16.6vw;
	height: 16.6vw;
	font-size: 0;
}
.review-area.review-cont .add-file .input-file label:before,
.review-area.review-cont .add-file .input-file label:after{
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	width:0.28vw;
	height:4.1vw;
	background:#666;
	transform:translate(-50% , -50%);
}
.review-area.review-cont .add-file .input-file label:after{
	transform:translate(-50% , -50%) rotate(90deg);
}
*/
.sub-link-box .link-tit.icon-none a{
	background: none;
}
.sub-link-box .link-tit a{
	display:block;
	padding:4.17vw;
	background:url(../images/common/btn_circle.png) no-repeat 95% center;
	background-size: 2.15vw;
	border-bottom:0.28vw solid #E5E5E5;
	line-height:6.53vw;
	font-size:4.44vw;
	font-weight:500;
}
.sub-link-box .sub-link-cont{
	padding:4.17vw 0 6.94vw;
}
.sub-link-box .sub-link-cont.board{
	padding:0 0 8.33vw 0;
}

/* popup top text btn */
.pop-top-text-btn {
	text-align:center;
}
.pop-top-text-btn .top-text {
	font-size:3.7333vw;
	line-height:5.555vw;
	color:#666;
}
.pop-top-text-btn .top-text strong {
	font-weight:500;
	color:#222;
}
.pop-top-text-btn .top-text
.pop-top-text-btn .top-btn {
	margin-top:4vw;
}

/* email 직접입력 */
.edte-mgt-type .email-input input,
.edte-mgt-type .email-input select{
	display: inline-block;
	width: calc(50% - 5vw);
	vertical-align: top;
}
.edte-mgt-type .email-input select{
	width: 41vw;
	vertical-align: top;
	padding: 2.5vw;
	border-bottom: 0.28vw solid #d7d7d7;
}
.edte-mgt-type .email-input .at-sign{
	display: inline-block;
	width: 8vw;
	margin-top: 2.5000vw;
	text-align: center;
	color: #999;
}

/* 360도 사진 */
.dim-360:before{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7) url(../images/common/icon_360deg.png) center/9.167vw no-repeat;
	z-index: 1;
}


/* TABLE 공통(guide-eshop.html) 2020-12-08 */
	/* list */
.board-list .txt-666{color: #222 !important;}
.board-list li + li,
.reference-list li + li{
	border-top:0.28vw solid #E5E5E5;
}
.board-list li > a,
.reference-list li a{
	display:block;
	padding:5.56vw 4.17vw;
}
.board-list li em,
.reference-list li a > span{
	display:block;
	line-height:4.03vw;
	color: #999;
	font-family:'Roboto',sans-serif;
	letter-spacing:0;
	font-size:3.33vw;
}
.board-list li strong,
.reference-list li a p{
	display:block;
	margin-top:1.39vw;
	line-height:5.69vw;
	font-size:3.89vw;
}
.list-new{
	margin-left:1.39vw;
	display:inline-block;
	width:4.03vw;
	height:4.03vw;
	background:url(../images/common/bl_new_g.png) no-repeat center center;
	background-size:100%;
	vertical-align: 0.56vw;
	font-size:0 !important;
}
.bd-box,
.reference-list li a .bd-box{
	margin-right:0.69vw;
	padding:0 0.56vw;
	display: inline-block;
	border:0.28vw solid #4A99F2;
	line-height:4.58vw;
	text-align: center;
	color:#4A99F2;
	font-size:3.06vw;
	letter-spacing: inherit;
	font-family: inherit;
}

.notice-info {border-top:0.28vw solid #e5e5e5;}
.notice-info .notice-box,
.reviews-list-before .list-wrap,
.pointbox{
	position: relative;
	padding: 4.167vw;
}

.notice-info .notice-box + .notice-box,
.reviews-list-before .list-wrap + .list-wrap,
.pointbox + .pointbox{border-top: .28vw solid #e5e5e5;}
.pointbox {
	display:flex;
	align-items:flex-end;
}

.notice-info .notice-box:last-child{border-bottom: 0;}
.notice-info .date{line-height: 1.2;}
.notice-info .date dt,
.reviews-list-before .list-wrap div,
.pointbox .point-info .date em{
	display:inline-block;
	color:#222;
	font-size:3.389vw;
	font-weight: 500;
	line-height:5vw;
}
.pointbox .point-info .period{
	position: absolute;
	right: 4.166vw;
	top: 4.166vw;
	font-size: 3.333vw;
	color: #999999;
	letter-spacing: -0.96px;
	font-weight: 400;
}
.pointbox .point-info .period span{
	font-family:'Roboto', 'Noto Sans KR', sans-serif;
	margin-left: 2.22vw;
	letter-spacing: 0;
}
.notice-info .date dt{margin-right:2.2vw;}
.notice-info .date dd,
.reviews-list-before .list-wrap div em,
.pointbox .point-info .date span{
	display:inline-block;
	color:#999;
	font-size:3.389vw;
	font-weight: 400;
	line-height:4vw;
	font-family:'Roboto', 'Noto Sans KR', sans-serif;
}
.reviews-list-before .list-wrap div em{margin-left: 2.778vw;}
.notice-info .notice-tit,
.notice-info .notice-tit a,
.notice-info .notice-tit span,
.reviews-list-before .list-wrap .ac-tit,
.pointbox .point-info p{
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 3.89vw;
	font-weight: 500;
	line-height: 1.2;
}
.notice-info .notice-tit,
.reviews-list-before .list-wrap .ac-tit,
.pointbox .point-info p{
	display:block;
	margin-top:2.7vw;
	color:#222;
}
.notice-info .means,
.notice-info .event-time{
	margin-top:2vw;
	line-height: 1.2;
}
.notice-info .event-time dt,
.notice-info .means dt{
	display:inline-block;
	color:#222;
	font-size:3.3vw;
}
.notice-info .event-time dt {
	margin-right:2.2vw;
}
.notice-info .means dd,
.notice-info .event-time dd{
	display:inline-block;
	position:relative;
	padding-left:5.8vw;
	color:#999;
	font-size:3.3vw;
	line-height:5vw;
	font-weight:300;
	/*letter-spacing: .5px;*/
}
.notice-info .event-time dd,
.notice-info .means dd.number{font-family:'Roboto', 'Noto Sans KR', sans-serif;}
.notice-info .event-time dd{padding-left: 0;}
.notice-info .means dd::before {
	content:"";
	position:absolute;
	left:2.9vw;
	top:0.9vw;
	display:block;
	width:0.28vw;
	height:3.3vw;
	background:#d7d7d7;
}

.notice-info .state {
	display:flex;
	align-items:center;
}
.notice-info .state strong,
.notice-info .state em,
.notice-info .event-time dd:last-child{
	position: absolute;
	top: 4.167vw;
	right: 4.167vw;
	margin-right: 0;
	font-size: 3.333vw;
	font-weight:500;
}
.notice-info .state strong,
.notice-info .event-time dd strong{
	color:#1181F1;
	font-size: 3.333vw;
	font-weight:500;
}
.notice-info .state strong.cancel,
.notice-info .event-time dd strong.cancel{color: #999;}

.notice-info .full-btns a,
.notice-info .full-btns button{
	display:block;
	padding:2vw 0 2.6vw;
	width:100%;
	background:#e5e5e5;
	border:0.28vw solid #e5e5e5;
	border-radius:0.7vw;
	color:#959595;
	font-size:3.8vw;
	line-height:5.6vw;
	text-align:center;
	cursor:default;
}
.notice-info .state button,
.notice-info .full-btns button,
.reviews-list-before .list-wrap button{
	width: 100%;
	margin-top: 4.167vw;
	height:9.7vw;
	padding:0 4.8vw;
	background:#e5e5e5;
	border:0.28vw solid #e5e5e5;
	border-radius:0.7vw;
	color:#959595;
	font-size:3.8vw;
	line-height:5.6vw;
	text-align:center;
	cursor:default;
}
.notice-info .state button.active,
.reviews-list-before .list-wrap button.active{
	background-color: #fff;
	border-color: #999;
	color: #666;
	cursor:pointer;
}
.notice-info .full-btns button.active{
	background-color: #1181F1;
	color: #fff;
	border: 0 none;
}
.notice-info .full-btns button.active.line-type {
	border: 0.28vw solid #1181f1;
	color: #1181f1;
	background-color: #fff;
}
.notice-info .full-btns button.active.grey {
	border: 0.28vw solid #999;
	color: #666;
	background-color: #fff;
}
.notice-info .state em {
	top: 4.306vw;
	right: auto;
	left: 31.111vw;
	color: #999;
	line-height:5vw;
	font-weight:300;
}

.pointbox .point-info {width:calc(100% - 22.2vw);}
.pointbox .point-info p {
	overflow: hidden;
	max-height: 11.667vw;
	line-height: 1.4;
}
.pointbox .point {
	display:inline-block;
	width:22.2vw;
	color: #222;
	font-size:3.333vw;
	line-height:4.0vw;
	text-align:right;
	font-family:'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
	padding-bottom: .833vw;
}
	/* accodian */
.c-acco.qna .acco-tit > .fl-left,
.review-list-wrap .acco-tit .fl-left{width:calc(100% - 20vw);}
.c-acco .acco-tit strong,
.c-acco.qna .acco-tit .user-id + .date,
.review-list-wrap .acco-tit em{
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing:0;
	line-height:4.03vw;
	font-size:3.33vw;
}

.c-acco .acco-tit strong{
	font-weight:500;
	word-break: break-all;
}
.review-list-wrap .acco-tit em,
.c-acco.qna .acco-tit .user-id + .date{
	margin-left:2.78vw;
	color: #999;
}

.c-acco.qna .acco-tit .list-tit,
.review-list-wrap .acco-tit p{
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	line-height:1.4;

}
.c-acco.qna .acco-tit .list-tit{
	margin-top:2.78vw;
	white-space:nowrap;
}

.review-list-wrap .acco-tit p{
	width: 69.444vw;
	max-height:11.250vw;
	padding-top:1.3889vw;
	clear:both;
	box-sizing:content-box;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.review-list-wrap.comment-type {
	position:relative;
}
.review-list-wrap.comment-type li {
	position:relative;
	padding-bottom:4.1vw;
}
.review-list-wrap.comment-type .acco-tit .user-date {
	line-height:1;
}
.review-list-wrap.comment-type li .user-util {
	position:absolute;
	bottom:4.1vw;
	right:4.1vw;
	display:none;
}
.review-list-wrap.comment-type li.current .user-util{
	display:block;
}
.review-list-wrap.comment-type li .fl-left {
	width:calc(100% - 21.6667vw);
}
.review-list-wrap.comment-type li .acco-tit .option {
	display: block;
	/* overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap; */
}
.review-list-wrap.comment-type li.current .fl-left {
	width:100%;
}
/* .review-list-wrap.comment-type li.current .acco-tit .option {
	overflow:visible;
	white-space:normal;
} */
.review-list-wrap.comment-type li .acco-tit p{
	-webkit-line-clamp: 2;
	max-height:12.2222vw;
}
.review-list-wrap.name-outer-link li .acco-tit .option {
	max-height:10vw;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space:normal;
}
/* .review-list-wrap.name-outer-link li.current .acco-tit .option {
	display:block;
	max-height:none;
}  */

/* top button */
.btn-top{
	display: none;
	margin: 0;
	padding-top: 0;
	position: absolute;
	top: -36.726vw;
	right: 4.17vw;
	width: 11.11vw;
	height: 11.11vw;
	background: #fff url(../images/common/btn_back.png) center center no-repeat;
	background-size: 4.17vw;
	border-radius: 50%;
	box-shadow: 0 3.89vw 5vw #00000021;
	font-size: 0;
}
.btn-top.on{display: block;}

.loading-area{
	text-align: center;
	color: #666666;
	margin: 19.444vw 0;
}
.loading-area svg{
	width: 28.749vw;
	height: 28.749vw;
}
.loading-area p{
	margin-top: -5.55vw;
}

/* crop img element */
.crop-img-wrap {
	position:relative;
	overflow:hidden;
}
.crop-img-wrap img {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	object-fit: cover;
	height:100%;
	transform:translate(-50%, -50%);
}

.edit-area {font-family: Dotum, \b3cb\c6c0, Apple SD Gothic Neo, Open sans, Meiryo;}
.edit-area h1, .edit-area h2, .edit-area h3, .edit-area h4, .edit-area h5, .edit-area h6, .edit-area p {
	font-size: revert;
	font-weight: normal
}
.edit-area.ui-event figure{
	margin: 0;
}
.edit-area.ui-event .layer-page .survey-cont .thumb-no-data {
	font-size: 3.89vw;
}
.edit-area.ui-event .layer-page .header h1.ctit {
	font-size: 5vw;
	margin-inline-start: 0px;
    margin-inline-end: 0px;
	margin-block-start:0px;
    margin-block-end: 0px;
	font-weight: 500;
}
.edit-area.ui-event .layer-page textarea{
	font-size: 3.89vw;
	color: #222;
	font-weight: 400;
}
.edit-area.ui-event .layer-page .progress-btn button  {
	font-size: 4.44vw;
}
.edit-area.ui-event .layer-page em{
	font-style: normal;
}
.edit-area.ui-event .layer-page h2.stit{
	margin: 0;
}
.edit-area.ui-event .layer-page  .file-input-wrap{
	overflow: hidden;
    display: flex;
}
.edit-area.ui-event .layer-page .file-input-wrap + .clist {
	margin: 0;
}
.edit-area.ui-event .layer-page .header-wrap .layerClose{
	font-size: 3.89vw;
	font-family: 'Noto Sans KR', 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.28vw;
}
/* 2020 12 10 정팀장 + 현업 협의 */
.edit-area img {
	width:100%;
	/*height:100%;*/
	max-width:100% !important;
	/*max-height:100% !important;*/
	height:auto;
	max-height:auto !important;
	vertical-align:middle;
}

/* edit */
.edit-area{
	position: relative;
}
.edit-area .bg-dim{
	position: absolute;
    width: 100%;
    bottom: 0;
    height: 21.39vw;
	z-index: 2;
    background-image: linear-gradient(180deg, transparent 0%, rgb(255, 255, 255) 100%);
}
.edit-area,
.editor-cont{
	display:inline-block;
	width:100%;
	line-height: 1.4;
	font-size:16px;
}

/* 콜라주 이미지 */
.ck-content .image.image_resized {display: inline-block !important;}

/* 이미지 비율 */
.ck-content span:has(.image_resized) {
	letter-spacing: -2px;
}

/* 에디터 행간, 자간 */
.ck-content .edit-area,
.ck-content .editor-cont{
	line-height: 1.8;
}
.ck-content ,
.ck-content input,
.ck-content select,
.ck-content button,
.ck-content textarea,
.ck-content a,
.ck-content strong {
	letter-spacing: 0;
}

.editor-cont ol,
.editor-cont ul,
.edit-area ol,
.edit-area ul{
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}
.editor-cont ol,
.edit-area ol{list-style-type: decimal;}
.editor-cont ul,
.edit-area ul{list-style-type: disc;}
.editor-cont li,
.edit-area li{
	display: list-item;
	text-align: -webkit-match-parent;
	padding-left: 0;
	list-style: inherit;
}
.editor-cont div,
.edit-area div{display: block;}
.editor-cont h1,
.editor-cont h2,
.editor-cont h3,
.editor-cont h4,
.editor-cont h5,
.editor-cont h6,
.edit-area h1,
.edit-area h2,
.edit-area h3,
.edit-area h4,
.edit-area h5,
.edit-area h6{
	display: block;
	font-weight: bold;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
.edit-area h1,
.edit-area h2,
.edit-area h3,
.edit-area h4,
.edit-area h5,
.edit-area h6 {
	font-weight: normal;
}
/*.editor-cont h1,*/
/*.edit-area h1{*/
/*	font-size: 2em;*/
/*	margin-block-start: 0.67em;*/
/*	margin-block-end: 0.67em;*/
/*}*/
/*.editor-cont h2,*/
/*.edit-area h2{*/
/*	font-size: 1.5em;*/
/*	margin-block-start: 0.83em;*/
/*	margin-block-end: 0.83em;*/
/*}*/
/*.editor-cont h3,*/
/*.edit-area h3{*/
/*	font-size: 1.17em;*/
/*	margin-block-start: 1em;*/
/*	margin-block-end: 1em;*/
/*}*/
/*.editor-cont h4,*/
/*.edit-area h4{*/
/*	margin-block-start: 1.33em;*/
/*	margin-block-end: 1.33em;*/
/*}*/
/*.editor-cont h5,*/
/*.edit-area h5{*/
/*	font-size: 0.83em;*/
/*	margin-block-start: 1.67em;*/
/*	margin-block-end: 1.67em;*/
/*}*/
/*.editor-cont h6,*/
/*.edit-area h6{*/
/*	font-size: 0.67em;*/
/*	margin-block-start: 2.33em;*/
/*	margin-block-end: 2.33em;*/
/*}*/
.editor-cont b,
.edit-area b{font-weight: bold;}
.editor-cont u,
.edit-area u{text-decoration: underline;}
.editor-cont s,
.edit-area s{text-decoration: line-through;}
.editor-cont del,
.edit-area del{text-decoration: line-through;}
.editor-cont ins,
.edit-area ins{text-decoration: underline;}
.editor-cont a:-webkit-any-link,
.edit-area a:-webkit-any-link{
	/* color: -webkit-link;
	text-decoration: underline; */
	cursor: pointer;
}
.editor-cont figure,
.edit-area figure{
	/*display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 40px;
	margin-inline-end: 40px;
	*/
}
.editor-cont figcaption,
.edit-area figcaption{display: block;}
.editor-cont img[Attributes Style],
.edit-area img[Attributes Style]{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.editor-cont input,
.edit-area input,
.editor-cont select,
.edit-area select,
.editor-cont button,
.edit-area button,
.editor-cont textarea,
.edit-area textarea,
.editor-cont a,
.edit-area a,
.editor-cont strong,
.edit-area strong{
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
}
.editor-cont strong,
.edit-area strong{
	display: initial;
	margin: 0;
	font-weight: bold;
}
.editor-cont em,
.edit-area em{font-style: italic;}
.editor-cont hr,
.edit-area hr{
	border-width:1px;
	border-style:inset;
}
.editor-cont .image-captioned,
.edit-area .image-captioned {
	margin:0;
}
.editor-cont p,
.edit-area p{
	display: block;
	margin: 0;
}
.editor-cont input,
.edit-area input,
.editor-cont select,
.edit-area select,
.editor-cont button,
.edit-area button,
.editor-cont textarea,
.edit-area textarea,
.editor-cont a,
.edit-area a,
.editor-cont strong,
.edit-area strong,
.editor-cont em,
.edit-area em,
.editor-cont span,
.edit-area span{color: inherit;}
/* 에디트영역 전체 여백있는 경우 */
.edit-area.edit-space {
    padding: 5.56vw 4.17vw;
}
.edit-area.edit-space ul,
.edit-area.edit-space ol {
    padding: 0;
    margin: 0;
}

.edit-area .pnlm-container{
	width: 100%;
	height: 61.11vw
}
.edit-area .pnlm-container .pnlm-error-msg{
	display: none;
}


.mfomo .terms-table + .terms-list{
	margin-top: 6.945vw;
}
.ui-service-wrap{
	margin-top: 9.72vw;
	text-align: center;
	padding: 0 4.17vw;
	padding-bottom: 11.11vw;
}
.ui-service-wrap .chk-lst-wrap li:first-child{
	margin-top: 0;
}
.ui-service-wrap .chk-lst-wrap {
	text-align: center;
	list-style: none;
	padding-left: 0;
	margin-top: 6.67vw;
}
.ui-service-wrap .chk-lst-wrap li{
	width: 62%;
	margin-top: 3.33vw;
}
.ui-service-wrap .main-txt{
	font-size: 5.56vw;
	font-weight: 500;
	letter-spacing: -0.22vw;
	line-height: 1.4;
	margin-bottom: 8.33vw;
}
.ui-service-wrap .main-txt + .cont-btn-full{
	padding: 3.75vw 0;
}
.chk-lst-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 6.67vw;
}
.chk-lst-wrap li:nth-child(3),.chk-lst-wrap li:nth-child(4){
	margin-top: 3.33vw;
}
.chk-lst-wrap li{
	text-align: left;
	position: relative;
	font-size: 3.89vw;
	color: #222;
	letter-spacing: -0.16vw;
	padding-left: 5.97vw;
	width: 36vw;
	font-weight: 400;
}
.chk-lst-wrap li:before{
	content: '';
	background:url(../images/common/magazine-chk.png) no-repeat center / 100%;
	width: 5vw;
	height: 5vw;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.prdlist-big .item-price-wrap .group-flex{
	display: flex;
	align-items: end;
	justify-content: space-between;
	min-height: 9.72vw;
}
.prdlist-big .item-price-wrap .group-flex .selling-price{
	padding-bottom: 0.69vw;
}
.prdlist-big .ui-bg-box{
	margin-top: 5.56vw;
	background-color: #f7f9fa;
	padding: 8.33vw 0;
	text-align: center;
}
.prdlist-big .ui-bg-box .txt-group .point-blue{
	font-size: 5vw;
	line-height: 1.5;
	letter-spacing: 0;
}
.prdlist-big .ui-bg-box .txt-group .point-blue>span{
	padding-left: 1.11vw;
}
.prdlist-big .ui-bg-box .txt-group .txt{
	font-size: 3.33vw;
	color: #666;
	line-height: 1.25;
	letter-spacing: 0;
	font-weight: 400;
	margin-top: 1.25vw;
}
.se-wrap-box .info-gift {
	padding: 6.94vw 0;
	position: relative;
}
.mpr .prdlist li:nth-child(2n){
	margin-right:2.08vw;
}
.mpr .prdlist li:nth-child(odd){
	margin-left:2.08vw;
}
.mpr .prdlist li {
	width: calc(50% - 4.17vw);
}
.mpr .expand-wrap .prdlist{
	padding-bottom: 6.94vw;
}
.mpr .info-gift.flex .ui-accordion{
	display: block;
	position: relative;
}
.mpr .info-gift.flex .ui-accordion dt{
	float: left;
	margin-right:6.94vw;
}
.package-wrap .prd-list.horizontal.type2 .thumbnail-box .right{
	float: none;
	width: 100%;
}
.package-wrap .prd-list.horizontal.type2 .thumbnail-box .left{
	width: 25vw;
	height: 25vw;
	float: none;
	flex-shrink: 0;
}
.package-wrap .prd-list.horizontal.type2 .thumbnail-box a{
	display: flex;
	gap: 5.56vw;
	align-items: flex-start;
}
.package-wrap .prd-list.horizontal.type2 .thumbnail-box .left .thum-wrap img{
	width: 100%;
	height: 100%;
}
.package-wrap .prd-list.horizontal.type2 .thumbnail-box .item-info{
	line-height: 1;
	height: 25vw;
}
.package-wrap .prd-list.horizontal.type2 .thumbnail-box .item-info .item-tit .brand{
	font-size: 3.33vw;
	color: #999;
	line-height: 1.25;
	letter-spacing: 0;
	font-weight: 400;
}
.package-wrap .prd-list.horizontal.type2 .thumbnail-box .item-info .num-info{
	margin-top: 2.78vw;
	font-size: 3.33vw;
	color: #999;
	line-height: 1.25;
	font-weight: 400;
	letter-spacing: -0.13vw;
}
.package-wrap .prd-list.horizontal.type2 .item-name{
	font-size: 3.61vw;
	color: #222;
	line-height: 1.38;
	letter-spacing: 0;
	font-weight: 400;
	padding-top: 0.97vw;
	word-break: break-all;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.mes .section.new-wrap{
	padding-bottom: 6.94vw;
}
.prdlist.type-new{
	flex-wrap: nowrap;
	padding-top: 4.17vw;
	padding-bottom: 6.94vw;
}
.scroll-h .prdlist.type-new li > a:first-child {
	width: 38.89vw;
}
.scroll-h .prdlist.type-new li{
	width: 38.89vw;
}
.scroll-h .prdlist.type-new li .thum-wrap{
	width: 38.89vw;
	height: 38.89vw;
}
.scroll-h .prdlist.type-new .btn-area{
	top: 32.08vw;
}
.mes001 .ui-prd-wrap .prdlist li {width: calc(50% - 2.08vw);}
.mes001 .ui-prd-wrap .prdlist li:nth-child(odd){
	margin-left: 0;
}
.mes001 .ui-prd-wrap .prdlist li:nth-child(2n){
	margin-right: 0;
}

.orderinfo-wrap .btn-wrap{
	display: flex;
}
.btn-wrap.type-three .order-btn{
	width: 33%;
}
.btn-wrap.type-half .order-btn{
	width: 50%;
}
.order-btn{
	border: 0.28vw solid #999;
	border-radius: 0.69vw;
	font-size: 3.89vw;
	color: #666;
	letter-spacing: -0.16vw;
	float: none !important;
	width: 100% !important;
	font-weight: 400;
	line-height: normal;
	padding: 1.94vw 0;
}
.orderinfo-wrap .state.txt-red{
	font-weight: 500;
}
.order-btn + .order-btn {
	margin-left: 2.78vw;
}
.orderinfo-wrap.ca-prd-info .prd-wrap .ui-package-wrap,
.orderinfo-wrap .prdlist .prd-area.pakage + .ui-package-wrap{
	border-top: 0 !important;
	margin-top: 4.17vw;
	background-color: #f8f8f8;
	padding: 4.17vw 4.17vw 4.17vw 6.67vw;
	padding-bottom: 4.17vw !important;
	display: block !important;
	margin-left: 0;
	margin-right: 0;
}
.orderinfo-wrap.ca-prd-info .prd-wrap .ui-package-wrap .package,
.orderinfo-wrap .prdlist .prd-area.pakage + .ui-package-wrap .package{
	display: flex;
	gap: 4.17vw;
	position: relative;
}
.orderinfo-wrap.ca-prd-info .prd-wrap .ui-package-wrap .package:before,
.orderinfo-wrap .prdlist .prd-area.pakage + .ui-package-wrap .package:before{
	content: '';
	background: url(../images/common/icon-re.svg) no-repeat center / 100%;
	width: 2.50vw;
	height: 2.50vw;
	position: absolute;
	left: -3.89vw;
	top: 0;
}
.orderinfo-wrap.ca-prd-info .prd-wrap .ui-package-wrap .package + .package,
.orderinfo-wrap .prdlist .prd-area.pakage + .ui-package-wrap .package + .package{
	margin-top: 4.17vw;
}
.ui-flag-wrap{
	margin-top: 2.22vw;
	line-height: 1;
}
.ui-flag-wrap .gift-badge{
	font-size: 2.78vw;
	color: #1181f1;
	line-height: 1.5;
	letter-spacing: -0.11vw;
	border: 0.28vw solid #1181f1;
	padding: 0.42vw 1.67vw 0.69vw;
}
.orderinfo-wrap.chk-oi .thumb-rgt{
	margin-left: 4.17vw;
}
.ui-gift-card{
	margin-top: 4.17vw;
	height: 58.33vw;
}
.ui-gift-card img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cont-btn-wrap.info{
	display: block !important;
}
.cont-btn-wrap.info .gift-group-info{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 4.17vw;
}
.cont-btn-wrap.info .gift-group-info .label{
	font-size: 3.33vw;
	color: #222;
	font-weight: 400;
	letter-spacing: -0.13vw;
}
.cont-btn-wrap.info .gift-group-info .time-count{
	font-size: 3.89vw;
	font-weight: 700;
	color: #dd042b;
	letter-spacing: -0.16vw;
}
.layer-page.fix-btn{
	padding-bottom: 20vw;
}
.layer-page.fix-btn .container{
	height: auto;
}
.dim.p-0{
	padding: 0;
}
.dim.sub{
	padding: 0;
	z-index: 15;
	z-index: 9;
}
.layer-page.main-sub.open{
	bottom: 0;
	height: 77.36vw;
	z-index: 10;
	overflow: hidden;
}
.layer-page.main-sub .main-modal-swiper .swiper-wrapper.disabled{
	transform: translate3d(0px, 0, 0) !important;
}
.layer-page.main-sub{
	height: 0;
	bottom: 0;
	transform: translateY(0);
	padding-top: 0;
	background-color: transparent;
	left: 0;
	top: auto;
	position: absolute;
    transition: all ease 0.5s;
	z-index: 1;
}
.layer-page.main-sub  .close-wrap{
	padding: 0 4.17vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 1.67vw;
}
.layer-page.main-sub .open-time{
	position: absolute;
	top: 4.17vw;
	left: 4.17vw;
	font-size: 5.56vw;
	font-weight: 500;
	color: #222;
}
.layer-page.main-sub .open-time span + span{
	margin-left: 1.11vw;
}
.layer-page.main-sub .text-box{
	position: absolute;
	bottom: 8.33vw;
	left: 4.17vw;
}
.layer-page.main-sub .text-box .title{
	font-size: 5.42vw;
	font-weight: 700;
	line-height: 1.44;
	color: #222;
	letter-spacing: -0.22vw;
}
.layer-page.main-sub .text-box .text{
	padding-top: 1.94vw;
	font-size: 3.89vw;
	line-height: 1.43;
	color: #222;
	font-weight: 400;
	letter-spacing: -0.16vw;
}
.layer-page.main-sub .close-wrap button{
	color: #fff;
	font-size: 3.89vw;
	font-weight: 500;
	letter-spacing: -0.16vw;
}
.layer-page.main-sub .swiper-pagination-fraction {
	bottom: 4.17vw;
	top: auto !important;
	right: 4.17vw !important;
	background: rgba(102,102,102,0.6);
}
.layer-page.main-sub .container{
	padding: 0;
}
.layer-page.main-sub .swiper-container{
	border-top-left-radius: 2.78vw;
	border-top-right-radius: 2.78vw;
}
.layer-page.main-sub .swiper-slide{
	height: 69.44vw;
	width: 100vw;
}
.swiper-wrapper.scroll-h .prdlist li{
	width: 38.89vw;
}
.swiper-wrapper.scroll-h .prdlist li .thum-wrap{
	width: 38.89vw;
	height: 38.89vw;
}
.prdlist li a {
	position: relative;
}
.prdlist li a .promotion-badge{
	position: absolute;
	right: 1.67vw;
	top: 1.67vw;
	width: 10vw;
	height: 10vw;
}
.prdlist li a .promotion-badge.delivery-badge {
	right: auto; top: auto;
	bottom: 1.67vw; left: 1.67vw;
}
.prdlist li a .promotion-badge img{
	width: 100%;
	height: 100%;
}
.layer-page.type-rental .text-box{
	text-align: center;
}
.layer-page.type-rental .text-box .main-txt{
	font-size: 5vw;
	font-weight: 500;
	line-height: 1.11;
	letter-spacing: -0.20vw;
	color: #222;
}
.layer-page.type-rental .text-box .main-txt .text-blue{
	color: #1181f1;
}
.layer-page.type-rental .text-box .sub-txt{
	font-size:3.61vw;
	color: #999;
	line-height: 1.54;
	font-weight: 400;
	letter-spacing: -0.14vw;
	padding-top: 1.39vw;
}
.layer-page.type-rental .state-group{
	padding-top: 6.94vw;
}
.layer-page.type-rental .state-group .group{
	display: flex;
	align-items: center;
}
.layer-page.type-rental .state-group .group .label{
	font-size: 3.89vw;
	font-weight: 400;
	letter-spacing: -0.16vw;
	color: #999;
	margin-right: 1.39vw;
}
.layer-page.type-rental .state-group .group + .group{
	margin-top: 2.22vw;
}
.layer-page.type-rental .state-group .group .state{
	font-size: 4.17vw;
	letter-spacing: -0.17vw;
	padding: 1.94vw 0;
	width: 55.56vw;
	box-sizing: border-box;
	border-radius: 0.69vw;
	text-align: center;
}
.layer-page.type-rental .state-group .group .state.open{
	background-color: #1181f1;
	color: #fff;
	border: 0.28vw solid #1181f1;
}
.layer-page.type-rental .state-group .group .state.closed{
	background-color: #fff;
	color: #666;
	border: 0.28vw solid #666;
}
.fxd-cont-wrap .op-box .dropbox-wrap .options button > .option-cont{
	display: flex;
}
.fxd-cont-wrap .op-box .dropbox-wrap .options button > .option-cont .tit{
	width: 80%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.fxd-cont-wrap .op-box .dropbox-wrap .options li{
	padding: 3.47vw 3.89vw;
}
.fxd-cont-wrap .op-box .dropbox-wrap .options button > .option-cont .txt{
	width: 20%;
}
.mpr .info-gift dl.delivery-charge .group.start{
	align-items: flex-start;
}
.ui-pop-content .img-wrap{
	margin-top: 4.44vw;
	padding: 0 4.17vw;
	margin-bottom: 4.44vw;
}
.ui-pop-content .img-wrap img{
	width: 100%;
}
.ui-pop-content .img-wrap img + img{
	margin-top: 4.17vw;
}

/* ck-content edit-area */
.edit-area .swiper-wrapper {display: flex;}
.mma .ck-content:has(.edit-area) {
	margin: 0 4.17vw;
	padding: 2.78vw 0 8.33vw;
	background: #fff;
	border-top: 0.28vw solid #d7d7d7;
}
.ck-content .swiper-button-prev,
.ck-content .swiper-button-next {
	display: none;
}
.ck-content ul,.ck-content ol {margin-top: 0; margin-bottom: 0;}
.ck-content ul {padding-left: 20px;}
.ck-content ol {padding-left: 15px;}
.ck-content ul li {list-style: revert;}
.ck-content .edit-area {margin-top: 4.17vw; overflow: hidden;}
.ck-edit .edit-area {line-height: 1.8;}
.ck-content blockquote {margin-bottom: 16px;}
.ck-content .top-area > div{
	height:4.03vw;
}
.ck-content .image {
	margin: 0;
}
.ck-content .date{
	line-height:4.03vw;
	color: #999;
	font-size:3.33vw;
}
.ck-content .info span{
	line-height: 4.03vw;
	color: #666;
	font-size: 3.33vw;
	vertical-align: top;
}
.ck-content .info span +span::before{
	content: '';
	display: inline-block;
	margin: 0 1.944vw;
	width: 0.27vw;
	height: 2.22vw;
	background-color: #D7D7D7;
}
.mev .edit-area {
	font-family: 'Noto Sans KR','Roboto' , sans-serif;
}

/* 매거진 360도  */
.ck-content .pnlm-container .pnlm-ui.pnlm-grab,
.ck-content .pnlm-container .pnlm-render-container {
	margin-top: -22px;
}