html, body{
	/* overflow-y: hidden; */
	position: relative;
	/* height: 100%; */
	min-height: 100%;
}
body{overflow-y: scroll;scroll-behavior:smooth;}
/* body.main{overflow:hidden;} */
body.hidden{
	overflow: hidden;
}

#wrap{
	position: relative;
}

/*body.ski-popup{overflow:hidden;}*/
body, input, select, button, textarea, a, strong{
	color:#222;
	font-size:14px;
	font-family: 'Noto Sans KR','Roboto' , sans-serif;
	font-weight: 400;
	letter-spacing: -1px;
}
input{font-weight: 300;}
button{cursor: pointer;}
.swiper-pagination { cursor:pointer;}
table{width:100%;}
.selected{
	color: #222;
	font-weight: 300;
}
.select-box-ui.on + .
select-wrap .defalut-text{
	color: #222;
	border-color: #222;
}
.flex {display: flex;}
.border-none{
	border: none !important;
}
/* font */
.ff-robo{
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}
.txt-left{text-align: left !important}
.fw100{font-weight: 100 !important;}
.fw300{font-weight: 300 !important;}
.fw400{font-weight: 400 !important;}
.fw500{font-weight: 500 !important;}
.fw700{font-weight: 700 !important;}
.medium{font-weight: 500;}
.complete,
.text-blue{color: #1181f1 !important;}
.cancel,
.text-red{color: #dd042b !important;}
.text-black{color:#222 !important;}
.text-grey{color:#999999 !important;}
.sale-price,
.selling-price{font-weight: 700;}
.fz14{
	font-size:14px;
}
.under-line{
	text-decoration: underline;
	text-underline-offset : 4px;
}
.block{
	display: block;
}
.bold{
	font-weight: 700;
}
.f-400{
	font-weight: 400 !important;
}
.fw-500{
	font-weight: 500 !important;
}
.mt-0 {
	margin-top: 0px !important;
}
.pr-55 {
	padding-right: 55px !important;
}
.no-margin {
	margin: 0 !important;
}
/* 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;
}

/* title */
h2.ctit{
	padding-top: 8px;
	padding-bottom: 30px;
	font-size: 34px;
	font-weight: 500;
	text-align: center;
}
h2.ctit .tit-icon{
	display: inline-block;
	width: 26px;
	height: 25px;
	margin-right: 10px;
	background:left center no-repeat;
}
h3.ctit{
	margin: 44px 0 34px;
	font-size: 28px;
	font-weight: 500;
}
h4.ctit{
	padding-bottom: 20px;
	font-size: 22px;
	font-weight: 400;
}
strong.ctit{font-size: 22px;}
h3.stit{
	font-size:22px;
	font-weight: 400;
}
.stit-wrap{
	min-height: 248px;
	/* background: url(../images/common/arrow/btn_line_rgt.png) 0 bottom no-repeat; */
}
.stit.bar{
	padding-top:35px;
	width:268px;
	border-top:3px solid #000;
	text-align:left;
	line-height:55px;
	font-size:38px;
	font-weight:500;
}
.stit.bar.link a{
	display:block;
	width:100%;
	text-align:left;
	line-height:55px;
	font-size:38px;
	font-weight:500;
}
.stit.bar + .stit-desc{
	display:block;
	margin-top:23px;
	padding-bottom: 50px;
	line-height:30px;
	font-size:16px;
	font-weight:300;
}
.pre-wrap {white-space: pre-wrap;}
/* text-decoration */
.txt-shortening{
	display:block;
	overflow: hidden;
	/*text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; */
	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: 1px;
	background-color: #999;
}
.multiline-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/*
.multiline-ellipsis{
	overflow: hidden;
	position: relative;
	line-height: 1.2em;
	max-height: 3.4em;
	margin-right: -1em;
	padding-right: 1em;
}
.multiline-ellipsis:before{
	content: '...';
	position: absolute;
	right: 18px;
	bottom: 0;
	z-index: 10;
}
.multiline-ellipsis:after{
	content: '';
	position: absolute;
	right: 12px;
	bottom: 0;
	width: 18px;
	height: 1em;
	margin-top: 0.2em;
	background: white;
}
 */

.bar-s:before{
	content:'';
	display: inline-block;
	width: 1px;
	height: 11px;
	margin:0 18px;
	background-color: #c8c8c8;
}

.unit{
	font-weight: 300;
}

.icon-notice{
	padding-left: 24px;
	background: url(../images/common/icon_notice.png) 0 0 no-repeat;
	color: #666;
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
}
.icon-notice-s{
	display: inline-block;
	width: 21px;
	height: 19px;
	text-indent: 36px;
	background: url(../images/common/icon_noti_s.png) 0 0 no-repeat;
}

/* btn */
.btn{
	display: inline-block;
	width: 100%;
	padding: 16px 30px;
	border: 1px solid #666;
	color: #666;
	font-size: 16px;
	text-align: center;
	transition:all .2s ease-in-out;
	opacity: .2;
	cursor:default;
}
.btn.active{
	opacity: 1;
	cursor: pointer;
}
.btn.active:hover{
	border-color: #222;
	color: #222;
}
.btn.type2{
	border: 1px solid #1181f1;
	color: #fff;
	background-color: #1181f1;
}
.btn.type2.login-type{
	padding: 19px 30px;
	font-size: 20px;
}
.btn.type2.active:hover{
	border: 1px solid #0e67c1;
	color: #fff;
	background-color: #0e67c1;
}
.btn.type3{
	border: 1px solid #e5e5e5;
	background-color: #e5e5e5;
}
.btn.type3:hover{
	border-color: #e5e5e5;
}
.btn.type4{
	border: 1px solid #1181f1;
	color: #1181f1;
	background-color: #fff;
}
.btn.type4:hover{
	border: 1px solid #0e67c1;
	color: #0e67c1;
	background-color: #fff;
}
.btn.type5,
.btn.type5:hover{
	background-color: #3c3c3b;
	color: #fff;
}
.btn.type7,
.btn.type7:hover{
	background-color: #e5e5e5;
	border-color: #e5e5e5;
	color: #999;
	opacity: 1;
}
.btn.btn-s{
	padding: 11px 36px;
	font-size: 14px;
}
.btn.btn-xs{
	width: auto;
	padding: 6px 18px;
	font-size: 14px;
}
.btn.type3.btn-xs{padding: 6px 9px;}

.btn-area .btn,
.btn-area > button{margin: 0 5px;}
.btn-area .btn:first-child{margin-left: 0;}
.btn-area .btn:last-child{margin-right: 0;}

.btn-line{
	display:inline-block;
	padding: 5px 0;
	border-bottom: 1px solid #666;
	color: #666;
	line-height:14px;
	transition:all .2s ease-in-out;
}
.btn-line:hover{
	border-color: #222;
	color: #222;
}
.btn-line.type2:before{
	right:0;
}
.btn-line.type2:after{
	right:1px;
}
.btn-line.btn-arr{
	display:inline-block;
	position: absolute;
	top: 33px;
	right: 0;
	padding: 6px 38px 6px 0;
}
.btn-line.btn-arr:before{
	content:'';
	position:absolute;
	top:50%;
	right:2px;
	width:30px;
	height:1px;
	background:#666;
	transition:all .2s ease-in-out;
}
.btn-line.btn-arr:hover:before{
	background:#222;
}
.btn-line.btn-arr:after{
	content:'';
	position:absolute;
	top:49%;
	right:4px;
	width:6px;
	height:6px;
	border-top:1px solid #666;
	border-right:1px solid #666;
	transform:rotate(45deg) translateY(-50%);
	transition:all .2s ease-in-out;
}
.btn-line.btn-arr:hover:after{
	border-color:#222;
}
.btn-line.type3.btn-arr:before{
	right:17px;
}
.btn-line.type3.btn-arr:after{
	right:18px;
}
.btn-line.btn-arr.white{
	margin:14px 0 0 0;
	color: rgba(255,255,255,0.55);
	border-color:rgba(255,255,255,0.55);
}
.btn-line.btn-arr.white:before{
	background:rgba(255,255,255,0.55);
}
.btn-line.btn-arr.white:after{
	border-color:rgba(255,255,255,0.55);
}
.btn-line.btn-arr.white:hover{
	color: rgba(255,255,255,1);
	border-color: #fff;
}
.btn-line.btn-arr.white:hover:before{
	background:#fff;
}
.btn-line.btn-arr.white:hover:after{
	border-color:#fff;
}
.btn-line.type2,
.btn-line.type2:hover{
	border-color: #fff;
	color: #fff;
	font-weight: 300;
}
.btn-line.type2.btn-arr:before,
.btn-line.type3.btn-arr:before{
	background:#fff;
}

.btn-line.type2.btn-arr:after,
.btn-line.type3.btn-arr:after{
	border-color: #fff;
}
.btn-line.type3{
	padding: 12px 62px 12px 20px;
	border: 1px solid;
	border-radius:46px;
}
.btn-line.type3.btn-arr{background-position-x:85%;}
/* .btn-line.type3.btn-arr span{background: url(../images/common/arrow/btn_line_rgt.png) right center no-repeat;} */

.btn-udline{
	display: inline-block;
	padding: 6px 0;
	border-bottom: 1px solid #fff;
	transition:all .2s ease-in-out;
}
.btn-udline.type2{
	border-color: #666;
	color: #666;
}
.btn-udline.type2:hover{
	border-color: #222;
	color: #222;
}

.btn-more{
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 20px 4px 0;
	font-size: 14px;
	color: #666;
	background: url(../images/common/btn_more.png) center right no-repeat;
}
.btn-present span {position: relative; padding-left: 26px;}
.btn-present span::after {
	content:'';
	position: absolute;
	left: -7px; top: 0; margin-top: 2px;
	display: block;
	width: 26px; height: 24px;
	background: url(../images/icon_present.png) no-repeat;
}
.btn-present:not(:disabled).animation span::after,
.btn-present:not(:disabled):hover span::after {
	animation: present 1.2s infinite;
}

@keyframes present {
	0% {transform: scale(1) translateY(0);}
	5% {transform: scale(0.85);}
	40% {transform: scale(1) translateY(-7px);}
	50% {transform: scale(1) translateY(-7px) rotate(-10deg);}
	53% {transform: scale(1) translateY(-7px) rotate(10deg);}
	56% {transform: scale(1) translateY(-7px) rotate(-10deg);}
	59% {transform: scale(1) translateY(-7px) rotate(10deg);}
	62% {transform: scale(1) translateY(-7px) rotate(0deg);}
	80% {transform: scale(1) translateY(0);}
}

.btn-more.type2{background-image: url(../images/common/arrow/btn_down.png); background-size: 24px;}
.review-all-view .btn-more.type2,
.open .btn-more.type2{background-image: url(../images/common/arrow/btn_up01.png); background-size: 24px;}

.popup-wrap .btn,
.terms-form .btn,
.join-form .btn,
.join-point .btn{width: auto;}

.btn-circle{
	background: center no-repeat;
	border-radius: 50%;
	box-shadow: 1px 1px 20px rgba(0,0,0,.2);
	transition:all .2s ease;
}

.swiper-container .btn-line{
	background: center no-repeat;
	border: none;
}
.small-btn {
	display: block;
	background-color: #e5e5e5;
	padding: 7px 11px 7px 10px;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: -0.56px;
	color: #666;
}
.btn-circle.swiper-button-next{background-image: url(../images/common/arrow/btn_circle_rgt.png);}
.btn-circle.swiper-button-prev{background-image: url(../images/common/arrow/btn_circle_lft.png);}
.btn-circle.swiper-button-next:hover{background-image: url(../images/common/arrow/btn_circle_rgt_on.png);}
.btn-circle.swiper-button-prev:hover{background-image: url(../images/common/arrow/btn_circle_lft_on.png);}
.btn-circle.btn-scroll-next{background-image: url(../images/common/arrow/btn_circle_up.png);}
.btn-circle.btn-scroll-prev{background-image: url(../images/common/arrow/btn_circle_down.png);}
.btn-circle.btn-scroll-next:hover{background-image: url(../images/common/arrow/btn_circle_up_on.png);}
.btn-circle.btn-scroll-prev:hover{background-image: url(../images/common/arrow/btn_circle_down_on.png);}
.btn-line.swiper-button-next{
	background-image: url(../images/common/arrow/btn_slider_rgt.png);
	right: 16px;
}
.btn-line.swiper-button-prev{
	background-image: url(../images/common/arrow/btn_slider_lft.png);
	left: 16px;
}
.btn-line.swiper-button-next:hover,
.btn-line.swiper-button-prev:hover{
	border-color:transparent;
	color:transparent;
}

.btn-box{
	display: inline-block;
	padding: 7px 19px;
	border: 1px solid #666;
	color: #666;
}
.btn-detail-wrap{
	display: flex;
    flex-wrap: wrap;
	position:absolute;
	top:100%;
	left:0;
	margin-left: -10px;
}
.btn-detail-wrap .btn-detail{
	margin-left: 10px;
	margin-bottom: 5px;
}
.btn-detail{
	height: 20px;
	/* margin-left: 10px; */
	line-height: 17px;
	padding: 0 5px;
	font-size: 12px;
	border: 1px solid #e5e5e5;
	background-color: #f8f8f8;
}
.btn-detail + .btn-detail{
	margin-left:10px;
}
.btn-list{
	display: block;
	width: 116px;
	margin: 0 auto;
	padding: 15px 0 15px 0;
	font-size: 16px;
	text-align: center;
	border: 1px solid #222;
	line-height: normal;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fev .btn-list {display: block; margin-top: 50px;}
.fmy .btn-list span{
	width: auto;
	height: auto;
}
.fmy .btn-list.active {
	padding: 12px 0;
	widht: 130px;
}
.fmy .btn-list.active span {
	width: 13px; height: 13px;
}
.btn-list span{
	padding-right: 24px;
	background: url(../images/common/btn_list.png) no-repeat right center / 13px;
	width: 13px;
	height: 13px;
}
.btn-list.floating{
	position: fixed;
	top: 817px;
	right: 40px;
	width: 60px;
	height: 60px;
	padding-top: 14px;
	font-size: 14px;
	border: 0;
	border-radius:50%;
	box-shadow:0px 4px 20px rgba(0,0,0,.15);
	background-color: #fff;
	color: #666;
	z-index: 10;
}
.btn-list.floating span{
	display: block;
	width: 13px;
	height: 13px;
	margin: 0 auto 7px;
	padding: 0;
	opacity: .6;
}

.btn-expand{
	position: absolute;
	z-index: 10;
}
.btn-close{opacity: .4;}
.btn-close:hover{opacity: 1;}

.info-util > span{
	/* vertical-align: middle; */
}
.info-util a{
	color: #666;
	font-weight: 300;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}
.info-util .btn-view,
.info-util .btn-like{
	display: inline;
	padding-left: 22px;
	background-position: 0 center;
}
.btn-view{
	cursor: default;
}
.info-util{
	display: inline-block;
	vertical-align: middle;
}
.info-util:after{
	content:'';
	display: block;
	clear: both;
}
.info-util > span{
	float: left;
	margin:0 10px;
	line-height: 19px;
}

.btn-like{
	display: block;
	width: 16px;
	height: 14px;
	background: url(../images/common/btn_like.png) 0 0 no-repeat;
	background-size: 16px;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	font-weight: 300;
	opacity: .8;
	transition:all .2s ease;
}
.btn-like span{padding-left: 20px;}
.btn-like.big{
	width: 22px;
	height: 19px;
	background: url(../images/common/btn_like_m.png) 0 0 no-repeat;
}
.btn-like.big.active{background-image: url(../images/common/btn_like_m_on.png);}
.btn-like2 .icon-like{
    display: inline-block;
    width: 17px;
    height:16px;
    background:url(../images/common/btn_like2.png) 0 0 no-repeat;
    cursor: pointer;
}
.btn-like2 .icon-like.type2{
	width: 32px;
	height: 32px;
    border-radius: 50%;
    background-color: #ddd;
	background-position: 55% center;
    background-size: 17px;
	vertical-align: middle;
}
.btn-like2.active .icon-like{background-image: url(../images/common/btn_like2_on.png);}
.btn-like2.active .icon-like.type2{background-color: #fff;}


.btn-share{
	display: inline-block;
	width: 19px;
	height: 20px;
	background: url(../images/common/btn_share.png) 0 0 no-repeat;
}
.btn-share-s{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/common/btn_share_s.png) 0 0 no-repeat;
	vertical-align:middle;
}
.btn-share-s.bg-w{background-image: url(../images/common/btn_share_s_w.png);}
.btn-notify{
	display: inline-block;
	width: 18px;
	height: 15px;
	background: url(../images/common/btn_notify.png) 0 0 no-repeat;
	opacity: .8;
	transition:all .2s ease;
}
.btn-view{
	width: 18px;
	height: 16px;
	background: url(../images/common/icon_view.png) 0 center no-repeat;
}
.btn-write{
	width: 18px;
	height: 17px;
	background: url(../images/common/icon_write.png) 0 center no-repeat;
}
.btn-trashcan{
	width: 18px;
	height: 17px;
	background: url(../images/common/icon_trashcan.png) 0 center no-repeat;
}
.btn-edit-w{
	display: inline-block;
	width: 20px;
	height: 19px;
	background: url(../images/common/icon_write_w.png) 0 center no-repeat;
}
.btn-view-image{
	width: 20px;
	height: 17px;
	background: url(../images/common/icon_srch.png) 0 center no-repeat;
}

.btn-del{
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #d7d7d7;
	background: url(../images/common/btn_close_xxs.png) center no-repeat;
	background-size: 8px;
}

.login-util a{
	position: relative;
	display: inline-block;
	margin-right: 20px;
	line-height:21px
}

.btn-like:hover,
.btn-notify:hover{opacity: 1;}
.btn-like.active{
	background-image: url(../images/common/btn_like_on.png);
	opacity: 1;
}

/* score */
.star-score{
	display: inline-block;
	width: 73px;
	height: 14px;
	background: url(../images/common/bg_score_star.png) 0 0 no-repeat;
}
.star-score span{
	overflow: hidden;
	display: block;
	height: 14px;
}
.star-score span img{
	width: auto;
	top: 0;
	left: 0;
	transform: none;
	height: auto;
}
.star-score.type2{
	width: 189px;
	height: 32px;
	background-image: url(../images/common/bg_score_bigstar.png);
}
.star-score.type2 span{height: 32px;}
.star-score + span{
	margin-left: 13px;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
	font-weight: 300;
}
.star-score.type2 + span{margin-left: 10px;}

/* badge, ranking */
.badge-area,
.award-area,
.ranking-area{
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	color: #fff;
}
.award-area{
	width: 30px;
	left: auto;
	right: 4px;
}
.badge{
	float: left;
	font-weight: 500 !important;
	letter-spacing: 0;
}
.ranking{
	display: block;
	width: 35px;
	height: 44px;
	padding-top: 18px;
	font-size: 16px;
	color: #222;
	background: url(../images/common/bg_ranking.png) 0 0 no-repeat;
	font-weight: 500;
	text-align: center;
}
.ranking.bast-ranking{
	background-image: url(../images/common/bg_bast_ranking.png);
	color: #fff;
}
.badge-product {
	background-color:rgb(30,34,42,.6);
	width: auto;
	height: 24px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	padding: 0 10px;
	font-size: 12px;
	font-weight: 500;
	line-height: 2;
	z-index: 5;
}
.badge:before{
	display: block;
	padding: 6px 9px;
	font-size: 12px;
}
.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: #1181f1;
}
.badge.coming:before{
	content:'출시예정';
	color: #666;
	background-color: #eeeeee;
}
.badge.price:before{
	content:'가격문의상품';
	color: #222;
	border: 1px solid #e5e5e5;
	background-color: #f8f8f8;
	padding: 6px 9px 4px ;
}


.badge.dreamsale:before{
	content:'드림세일';
	color: #fff;
	background-color: #00b495;
	font-family: 'Noto Sans KR';
}
.badge.special:before{
	content:'스페셜 특가';
	color: #fff;
	background-color: #db3cf6;
	font-family: 'Noto Sans KR';
	font-size: 11px;
    padding: 6px 10px 7px;
}
.award{
	display: block;
	height: 30px;
	margin-top: 4px;
	background: url(../images/common/icon_award01.jpg) right top no-repeat;
	background-size: 30px;
}
.badge-s{
	float: none;
	display: inline-block;
}
.badge-s:before{
	width: 18px;
	padding: 3px 0;
	text-align: center;
}
.badge-s.new:before{
	content:'N';
	background-color: #666;
	color: #fff;
}
.icon-new{
	display: inline-block;
	width: 18px;
	height: 18px;
	font-size: 0;
	background: url(../images/common/icon_new.jpg) 0 0 no-repeat;
}
.award.aw02{
	height: 38px;
	background-image: url(../images/common/icon_award02.jpg);
}
.award.aw03{background-image: url(../images/common/icon_award03.jpg);}

/* color-chip */
.color-chip{
	overflow: hidden;
	margin-top: 17px;
	line-height: 0;
}
.color-chip,
.color-chip > span{display: inline-block;}
.color-chip > span{
	float: left;
	width: 13px;
	height: 13px;
	border-radius:50%;
}
.color-chip > span + span{margin-left: 3px;}
.color-chip > .white{border: 1px solid #cdcdcd;}
.color-chip > span:nth-of-type(15){margin-left: 0;}
.color-chip > span:nth-of-type(14) ~ span{margin-top: 3px;}
.fes .color-chip > span:nth-of-type(15),
.fpr .color-chip > span:nth-of-type(15),
.fbr .color-chip > span:nth-of-type(15),
.fse .color-chip > span:nth-of-type(15){margin-left: 3px;}
.fes .color-chip > span:nth-of-type(14) ~ span,
.fpr .color-chip > span:nth-of-type(14) ~ span,
.fbr .color-chip > span:nth-of-type(14) ~ span,
.fse .color-chip > span:nth-of-type(14) ~ span{margin-top: 0;}

/* pagination */
.pagination{
	margin:50px 0;
	text-align: center;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}
.pagination > a{
	font-family:'Roboto', 'Noto Sans KR', sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #222;
	vertical-align: middle;
	letter-spacing:0;
}
.pagination .off{opacity: .4;}
.pagination .first-page,
.pagination .last-page{
	display: inline-block;
	width: 6px;
	height: 11px;
	background-repeat: no-repeat;
	font-size: 0;
}
.pagination .first-page{
	background-image: url(../images/common/arrow/btn_lft.png);
	background-position: left center;
}
.pagination .last-page{
	background-image: url(../images/common/arrow/btn_rgt.png);
	background-position: right center;
}
.pagination .prev{
	margin-right: 50px;
	padding-left: 13px;
}
.pagination .next{
	margin-left: 50px;
	padding-right: 13px;
}
.pagination .paging{
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}
.pagination .paging a{
	float: left;
	width: 39px;
	height: 39px;
	margin-left: -1px;
	padding: 12px 0;
	border: 1px solid #e5e5e5;
	transition: all .2s ease;
}
.pagination .paging a:first-child{margin-left: 0;}
.pagination .paging a.current,
.pagination .paging a:hover{
	border-color: #1181f1;
	background-color: #1181f1;
	color: #fff;
}
.pagination .paging a.current{
	cursor:default;
}

/* input / textarea */
.input-text{
	position:relative;
	display:inline-block;
	vertical-align:middle;
}
.input-text.w-full{
	width:100%;
}
.input-text .input-delete {
	display:none;
	position:absolute;
	top:1px;
	bottom:1px;
	right:1px;
	padding:24px;
	width:37px;
	height:37px;
	background:url('../images/common/btn_input_x.png') no-repeat center center;
	font-size:0;
	line-height:0;
}
.input-text.input-value input[type="text"]{
	padding-right:37px;
}
.input-text.input-value .input-delete {
	display:block;
}
input[type="number"],
input[type="text"],
input[type="password"],
textarea{
	width: 100%;
	padding: 12px 20px;
	border: 1px solid #d7d7d7;
	color: #222;
	font-size: 16px;
	letter-spacing:-.5px;
}
input[type="number"]::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
textarea::placeholder{color: #999;}
input[type="number"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder{color: #999;}
input[type="password"]:-ms-input-placeholder{color: #999;}
textarea:-ms-input-placeholder{color: #999;}
input[type="number"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
.select-wrap input:focus{border-color: #222;}
.disabled-empty label{color: #999;}
input[type="number"]:disabled,
input[type="text"]:disabled{
	border: 1px solid #d7d7d7;
	background-color: #f2f2f2;
}
input[readonly]{
	border: 1px solid #d7d7d7;
	background-color: #f2f2f2;
}
input[readonly]::placeholder{color: #222;}
.error-box{
	border: 1px solid #dd042b !important;
	background-color: #fcf1f1 !important;
}
.error-msg,
.success-msg{
	display: block;
	height: 24px;
	margin: 10px 0 0 !important;
	padding:4px 0 0 34px !important;
	font-size: 16px;
	font-weight: 300;
	text-align: left !important;
	background:center left no-repeat;
}
.error-msg{
	color: #dd042b;
	background-image: url(../images/common/icon_error.png);
}
.notice-msg{
	color: #666666;
	height: 18px;
	line-height: 18px;
	background: url(../images/common/icon_notice.png) 0 0 no-repeat;
	padding-left: 30px;
	font-size: 14px;
}
/* =2021-04-22 눈아이콘 추가 */
.pwd-box {
    position:relative;
   /*  border:1px solid #d7d7d7; */
    box-sizing: border-box;
}
.pwd-box>input {
    margin-top:0 !important;
    width:100% !important;
}
.pwd-box .btn-eye {
    position:absolute;
    top:0;
    right:0;
    width:54px;
    height:100%;
    text-indent:-9999em;
    background: url(../images/common/icon_eyes.png) no-repeat  center center;
}
.pwd-box .btn-eye.off {
    background-image: url(../images/common/icon_eyes_off.png);
}

.success-msg{
	color:#1181f1;
	background-image: url(../images/common/icon_success.png);
}

.input-style-b input{
	padding: 8px 12px;
	font-size: 14px;
}
.input-style-b .error-msg,
.input-style-b .success-msg{
	height: 18px;
	font-size: 14px;
	padding: 1px 0 0 24px !important;
}
.input-style-b .error-msg{background-image: url(../images/common/icon_error_s.png);}

.textarea-wrap{
	position:relative;
	height: 130px;
	border: 1px solid #d7d7d7;
	background-color: #fff;
}
textarea{
	width:100%;
	height:100px;
	resize: none;
}
textarea::placeholder{font-weight: 300;}
.textarea-wrap textarea{
	height: 86px;
	padding: 16px 20px 0;
	border: 0;
	font-weight: 300;
}
/* 300자 / 500자 */
.textarea-wrap.h200{height: 200px;}
.textarea-wrap.h200 textarea{height: 156px;}

/* POPUP textarea */
.popup-wrap .textarea-wrap.h200{height: 160px;}
.popup-wrap .textarea-wrap.h200 textarea{height: 116px;}
.textarea-wrap.textarea-pop-type{width: 680px;}
.textarea-wrap.textarea-pop-type-500{width: 740px;}

.textarea-wrap .text-num{
	position:absolute;
	bottom:18px;
	right:19px;
	letter-spacing:0;
	font-family:'Roboto', 'Noto Sans KR', sans-serif;
	font-size: 16px;
	font-weight:300;
	color:#999;
}

.text-count{
	position: absolute;
	right: 14px;
	bottom: 12px;
	font-weight: 300;
	color: #999;
	letter-spacing: 0;
}
/* input[type="file"] */
.input-file {
	position:relative;
	display:inline-block;
	padding-right:127px;
	width:100%;
	vertical-align:middle;
}
.input-file input[type="file"] {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}
.input-file input[type="file"]::placeholder{
	font-size:14px;
	font-weight:300;
}
.input-file input[type="file"]:-ms-input-placeholder{
	font-size:14px;
	font-weight:300;
}
.input-file label {
	position:absolute;
	top:0;
	right:0;
}
.input-file .file-name{
	padding:6px 16px;
	width: calc(100% -12px);
}
.input-file .file-name:disabled {
	background-color:#fff;
	border:1px solid #d7d7d7;
}
.fre002 .input-file .file-name:disabled{
	background-color: #f2f2f2;
}
.input-file .btn{
	padding:2px 36px 0;
	line-height:34px;
}
.file-img-area{
	margin-top:10px;
}
.file-img-area > span + span{
	margin-left:2px;
}
.file-img-area > span{
	overflow:hidden;
	position:relative;
	display:inline-block;
	width:70px;
	height:70px;
	border:1px solid #d7d7d7;
}
.file-img-area > span > a{position:relative; display:block; height:100%;}
.file-img-area > span img{
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	transform:translate(-50%,-50%);
}
.file-img-area .btn-x,
.ui-upload-wrap .thum_area .btn-x{
	position:absolute;
	top:-1px;
	right:-1px;
	width:20px;
	height: 20px;
	background:#fff url(../images/common/btn_close_s.png) no-repeat center center;;
	background-size:8px;
	border:1px solid #d7d7d7;
	font-size:0;
}
.ui-table-wrap.cart td:nth-child(5){
	padding-right: 20px;
	padding-left: 0;
}
/* form */
.form-area label{
	display: block;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 500;
	cursor: default;
}
.form-area .radio-area label{margin-bottom: 0;}
.form-area input{
	width: 450px;
	vertical-align: top;
}
.form-area > div{
	width: 702px;
	margin-bottom: 30px;
}

.form-area .user-pw .error-msg + input,
.form-area .user-pw input + input,
.form-area .user-pw input ~ .pw-group,
.form-area .user-pw .pw-group + input,
.form-area .user-pw input:last-child{margin-top: 10px;}
.form-area .user-email input,
.form-area .user-email input.option-text-area{width: 174px;}
.form-area .user-email.apple-join input{width: 450px;}
.form-area .user-email span{
	margin: 0 15px;
	color: #999;
}
.form-area .user-email select{margin-left: 5px; background-position: 90% 50%;}
.form-area + .btn.type2,
.form-area > .btn.type2{width: 450px;}

/* tab */
.ctab-wrap .tab-tit{overflow: hidden;}
.ctab-wrap .tab-tit li{
	position: relative;
	float: left;
	margin-left: 30px;
	text-align: center;
}
.ctab-wrap .tab-tit li:first-child,
.ctab-wrap .tab-tit li.first,
.ctab-wrap.type2 .tab-tit li:first-child,
.ctab-wrap.type2 .tab-tit li.first,
.ctab-wrap.half-type .tab-tit li:first-child,
.fgaam001 .ctab-wrap .tab-tit li:first-child{margin-left: 0;}
.ctab-wrap .tab-tit a, .ctab-wrap .tab a{
	display: block;
	padding-bottom: 30px;
	font-size: 16px;
	font-weight: 300;
	color: #666;
	border-bottom: 1px solid #999;
	/*transition:all .2s ease-in-out;*/
	text-align:center;
	line-height: 1.2;
}
.ctab-wrap .tab-tit a:after .ctab-wrap .tab a:after {
	content:attr(title);
	opacity:1;
	position:absolute;
	width:100%;
	left:0;
	font-weight:300;
	background:#fff;
	top:0;
}
.ctab-wrap .tab li.current a,
.ctab-wrap .tab li:hover a,
.ctab-wrap .tab-tit li.current a,
.ctab-wrap .tab-tit li:hover a,
.ctab-wrap.half-type .tab-tit li.current a,
.ctab-wrap.half-type .tab-tit li:hover a{
	color: #1181f1;
	font-weight: 400;
	border-width: 3px;
	border-color: #1181f1;
}
.ctab-wrap .tab-tit li.current a:after,
.ctab-wrap .tab-tit li:hover a:after { opacity:0;}
.ctab-wrap .tab-tit a span.num{
	margin-left:10px;
}
.ctab-wrap .tab.small::after{
	content: '';
	display: block;
	clear: both;
}
.ctab-wrap .tab.small li{
	float: left;
	margin-left: 0;
	width: auto;
}
.ctab-wrap .tab.small li + li::before{
	content: '';
	display: inline-block;
	width: 1px;
	height: 14px;
	margin-left: 20px;
	margin-right: 17px;
	background: #e5e5e5;
}
.ctab-wrap .tab.small a{
	display: inline-block;
	padding-bottom: 0;
	border: 0 none;
	line-height: 1.2;
}
.ctab-wrap .tab li.current a,
.ctab-wrap .tab-tit li.current a{
	font-weight: bold;
}
.ctab-wrap .panel{display: none;}
.ctab-wrap .panel.current{display: block;}

.ctab-wrap.login-type li{margin-left: 0;}
.ctab-wrap.login-type > li:first-child:after{
	content:'';
	position: absolute;
	top: 2px;
	right: -1px;
	width: 1px;
	height: 17px;
	background-color: #e5e5e5;
}
.ctab-wrap.login-type > li a{
	font-size: 20px;
	font-weight: 500;
}
.ctab-wrap.half-type .tab-tit li{
	width: calc(50% - 10px);
	margin-left: 20px;
}

.ctab-wrap.type2 .tab-tit li{
	width: 185px;
	margin-left: 15px;
}
.ctab-wrap.type2 .tab-tit a{
	height: 47px;
	text-align: left;
	line-height: 1.2;
}
.ctab-wrap.type2.txtcol-2 .tab-tit a > span{
	overflow: hidden;
	display: block;
	width: 86%;
	height: 40px;
	word-break:break-all;
}
.ctab-wrap.type2 .tab-tit a > span > .cont-num{
	font-weight:700;
}
.ctab-wrap.txtcol-2 .tab-tit a{
	/* height: 64px; */
	height: auto;
	line-height: 1.3;
}

.ctab-wrap.stab .tab-tit li{
	width: auto;
	margin-left: 20px;
}
.ctab-wrap.stab .tab-tit li:first-child{margin-left: 0;}
.ctab-wrap.stab .tab-tit li:before{
	content:'';
	position: absolute;
	top: 50%;
	left: -10px;
	transform:translateY(-50%);
	width: 1px;
	height: 10px;
	background-color: #e5e5e5;
}
.ctab-wrap.stab .tab-tit a{
	padding-bottom: 0;
	border-bottom: 0;
	text-align: left;
}

/* accodian */
.c-acco li{margin-top: 10px;}
.c-acco .acco-tit{
	padding: 21px;
	border: 1px solid #e5e5e5;
	cursor: pointer;
	background: url(../images/common/btn_accodian_off.png) no-repeat;
	background-position: calc(100% - 21px) center;
}
.c-acco .acco-tit:hover {background-image: url(../images/common/btn_accodian_off_hover.png);}
.c-acco .current .acco-tit,
.c-acco .current .acco-tit:hover{background-image: url(../images/common/btn_accodian_on_hover.png);}
.c-acco .acco-tit + .cont{
	overflow-y: auto;
	height: 114px;
	padding: 21px 45px 21px 29px;
	border: 1px solid #e5e5e5;
	border-top: 0;
	line-height: 1.4;
	color: #666;
	display: none;
}
.c-acco .current .acco-tit + .cont{display: block;}
.c-acco .acco-title {
	padding: 21px;
	border: 1px solid #e5e5e5;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.c-acco .acco-title .checkbox-wrap {flex: 1;}
.c-acco .acco-title .more-view {
	font-size: 14px;
	font-weight: 300;
}


/* cboard + acco type2 */
.cboard-wrap .board-tit{text-align: center;}
.cboard-wrap > .board-tit{
	padding: 20px 0;
	border-top: 1px solid #222;
	border-bottom: 1px solid #d7d7d7;
	color: #666;
	background-color: #fafafa;
}
.cboard-wrap .board-tit > span{
	display: inline-block;
	width: 10%;
	font-size: 16px;
	font-weight: 300;
}
.cboard-wrap .board-tit .btit1{width: 9%;}
.cboard-wrap .board-tit .btit2{width: 60%;}
.cboard-wrap .c-board li{border-bottom: 1px solid #e5e5e5;}
.cboard-wrap .c-board li:last-child{border-color: #999;}

.cboard-wrap .c-board .board-tit > span{
	padding: 30px 0;
	color: #666;
	font-weight: 300;
}
.cboard-wrap .c-board .board-tit > div{
	display: inline-block;
	text-align: left;
	color: #222;
	vertical-align: middle;
}
.cboard-wrap .c-board .board-tit > div a,
.cboard-wrap .c-board .board-tit > div span{
	display: block;
	padding: 28px;
	font-size: 16px;
}
.cboard-wrap .c-board .board-tit .btit2,
.cboard-wrap .c-board .board-tit .btit5{font-weight: 400;}
.cboard-wrap .c-board .board-tit .btit2.lock em{
	width: 12px;
	height: 15px;
	padding-right: 22px;
	background: url(../images/common/icon_lock.png) right center no-repeat;
}
.cboard-wrap .c-board .board-tit .btit5.complet{color: #999;}
.cboard-wrap .cont{position: relative;}
.cboard-wrap .cont > div{
	padding: 20px 30px 28px 140px;
	padding: 20px 30px;
	background-color: #f8f8f8;
	border-top: 1px solid #e5e5e5;
	font-size: 16px;
	font-weight: 300;
}
.cboard-wrap .cont strong{
	font-size: 24px;
	font-weight: 500;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}
.cboard-wrap .cont p{
	display: inline-block;
	width: 60%;
	margin-top: 8px;
	margin-left: 20px;
	vertical-align:top;
	word-break:break-all;
}
.cboard-wrap .cont .thum_box{margin:10px 0 0 40px;}
.cboard-wrap .cont .file-wrap{
	display: inline-block;
	margin-top: 7px;
	margin-left: 70px;
	vertical-align: top;
}
.cboard-wrap .cont .file-download{
	display: block;
	width: 104px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}
.cboard-wrap .cont .answer{
	position:relative;
}
.cboard-wrap .cont .answer strong{color: #0098e3;}
.cboard-wrap .cont .answer .answer-date{
	position:absolute;
	top:25px;
	right:28px;
	letter-spacing:0;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	color:#666;
	font-size:14px;
	font-weight:300;
}
.cboard-wrap .cont .btn-area{
	position: absolute;
	top: 30px;
	right: 30px;
	padding: 0;
	background-color: transparent;
	border-top: 0;
	opacity: .8;
}
.cboard-wrap .btn-area > a{
	display: inline-block;
	margin-left: 16px;
}

.cboard-wrap .c-acco2 li{line-height: 1.8;}

.cboard-wrap .c-acco2 .cont{display: none;}
.cboard-wrap .c-acco2 .current .cont{display: block;}


.cboard-wrap .c-acco2 li .acco-tit a em{position: relative;}
.cboard-wrap li.bo-blind > div{opacity: .6;}
.cboard-wrap li.bo-blind .acco-tit{
	padding: 28px;
	font-size: 16px;
	color: #666;
}
/* .cboard-wrap .c-acco2 li .acco-tit a:hover em,
.cboard-wrap .c-acco2 li.current .acco-tit a em{
	text-decoration: underline;
	text-underline-position: under;
} */
.cboard-wrap .c-acco2 li .acco-tit a:hover em:after,
.cboard-wrap .c-acco2 li.current .acco-tit a em:after{
	content:'';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #222;
}

/* accodian qna-type */
.c-acco.qna-type li{margin-top: 0;}
.c-acco.qna-type .acco-tit,
.c-acco.qna-type .acco-tit:hover{background-image: url(../images/common/arrow/btn_down_6.png);}
.c-acco.qna-type .current .acco-tit,
.c-acco.qna-type .current .acco-tit:hover{background-image: url(../images/common/arrow/btn_up_6.png);}
.c-acco.qna-type .acco-tit,
.c-acco.qna-type .acco-tit + .cont{
	border: 0;
	border-bottom: 1px solid #e5e5e5;
}
.c-acco.qna-type li > div{
	padding: 16px 0;
	font-size: 16px;
}
.c-acco.qna-type li > div em{
	font-size: 24px;
	font-weight: 500;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
	vertical-align: middle;
}
.c-acco.qna-type li > div span{vertical-align: middle;}
.c-acco.qna-type .q-label{
	display: inline-block;
	width: 126px;
}
.c-acco.qna-type .q-type{margin-left: 20px;}
.c-acco.qna-type .question{font-weight: 300;}
.c-acco.qna-type .acco-tit:hover .question{
	padding-bottom: 2px;
	border-bottom: 1px solid #1181f1;
	color: #1181f1;
}
.c-acco.qna-type .acco-tit + .cont{
	height: auto;
	padding:30px 45px 30px 88px;
	background-color: #f8f8f8;
}
.c-acco.qna-type .cont em,
.c-acco.qna-type .answer-wrap{
	display: inline-block;
	vertical-align: top;
}
.c-acco.qna-type .cont em{color: #1181f1;}
.c-acco.qna-type .answer-wrap{
	width: 92%;
	margin-left: 24px;
	font-size: 16px;
	word-break: break-all;
	line-height: 1.9;
}

/* cboard style-B */
.cboard2-wrap{border-top: 1px solid #222;}
.cboard2-wrap .c-board2{
	position: relative;
	padding: 30px 0;
	border-bottom: 1px solid #e5e5e5;
}
.cboard2-wrap .c-board2.bo-blind{
	padding: 60px;
	text-align: center;
	font-size: 16px;
}
.cboard2-wrap .c-board2.bo-blind p{opacity: .6;}
.cboard2-wrap .c-board2 .user-id{font-weight: 500;}
.cboard2-wrap .c-board2 .board-tit > div:first-child{margin-bottom: 10px;}
.cboard2-wrap .c-board2 .date{
	display: inline-block;
	margin-left: 9px;
	color: #666;
	font-weight: 300;
}
.cboard2-wrap .c-board2 .date:before{
	content:'';
	display: inline-block;
	margin-right: 9px;
	width: 1px;
	height: 11px;
	background-color: #c4c4c4;
}
.cboard2-wrap .c-board2 .score-wrap .op{
	font-weight: 300;
	color: #666;
}
.cboard2-wrap .c-board2 .btn-like{
	position: absolute;
	top: 30px;
	right: 30px;
}
.cboard2-wrap .c-board2 .user-review{
	margin-top: 20px;
	font-size: 16px;
	line-height: 30px;
	color: #666;
}
.cboard2-wrap .c-board2 .user-review > p{
	overflow:hidden;
	max-height:150px;
	word-break:break-all;
}
.cboard2-wrap .c-board2 .user-review.review-all-view > p{
	max-height:none;
}
.cboard2-wrap .c-board2 .user-review .btn-more{position: relative; display: none;}
.cboard2-wrap .c-board2 .img-area{margin-top: 12px;}
.cboard2-wrap .c-board2 .img-area span{
	position: relative;
	overflow: hidden;
	display: inline-block;
	margin-right: 2px;
	width: 70px;
	height: 70px;
	cursor: pointer;
}
.cboard2-wrap .c-board2 .img-area span img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	width: 100%;
	height: 100%;
}

/* cboard */
.cboard{
	position: relative;
	width: 100%;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	font-size: 16px;
}
.cboard:after{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #222;
}
.cboard th,
.cboard td{border-bottom: 1px solid;}
.cboard th{
	padding: 20px 0;
	color: #666;
	font-weight: 400;
	border-color: #999;
	line-height:15px;
	font-weight: 300;
	background-color: #fafafa;
	border-color: #d7d7d7;
}
.cboard td{
	padding: 26px 0;
	border-color: #e5e5e5;
	text-align: center;
	vertical-align: middle;
	line-height: 1.8;
}
.cboard td:last-child{
	padding-right: 20px;
	font-weight: 500;
	text-align: right;
}
.cboard td.event-text {
	padding-left:0;
	padding-right:0;
	font-size:14px;
	font-weight:400;
	color:#666;
	text-align:center;
}
.cboard .date{
	display: block;
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: 300;
	color: #666;
	letter-spacing: 0;
}
.cboard .img-link a{
	display: block;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
}
.cboard .img-link a>span{
	border-bottom: 1px solid #666666;
	padding-bottom: 1px;
}
/* .cboard.type2 th,
.cboard.type2 td{
	border: 1px solid #e5e5e5;
}
.cboard.type2 th{background-color: #f8f8f8;} */
.cboard .no-data{
	padding:116px 0 53px;
	padding: 175px 0 124px;
	color:#666;
	font-weight:300;
	background:url('../images/common/icon_bubble.png') no-repeat center 59px;
	text-align: center;
	background-position: center 124px;
}

/* .cboard.type3 tbody:after{
	background-color: transparent;
	height: 60px;
	border: 1px solid #e5e5e5;
}
.cboard.type3 th{
	padding: 25px 0 21px;
	border:0;
} */
.cboard.type3 td{
	font-size: 14px;
	font-weight: 300;
	color: #666;
}

/* cboard style-C */
.cboard.type3 td:nth-of-type(2){text-align: left;}
.cboard.type3 td:nth-of-type(2) a{
	font-size: 16px;
	font-weight: 400;
	color: #222;
}
.cboard.type3 td:last-child{
	padding-right: 0;
	text-align: center;
	letter-spacing: 0;
}
.cboard.type3 td:nth-of-type(2) a:hover{border-bottom: 1px solid #000;}

.cboard.type4 th, .cboard.type4 td{
	text-align: left !important; 
	padding: 16px 16px !important;
}

.cboard.type-vertical th, .cboard.type-vertical td{
	padding: 16px 24px;
	padding-right: 30px;
	text-align: center;
	vertical-align: middle;
}
.cboard.type-vertical th {
	font-weight: 400;
	color: #222;
	font-size: 16px;
}
.cboard.type-vertical td {
	font-size: 16px;
	line-height: 24px;
	color: #222;
	font-weight: 400;
	text-align: left;
}
.cboard.type-vertical tr:last-of-type * {
	border-bottom-color: #222;
}

/* select */
select{
	padding: 11px 72px 11px 22px;
	border: 1px solid #d7d7d7;
	color: #999;
	font-size: 16px;
	background: url(../images/common/arrow/btn_down.png) 95% center no-repeat;
	 border-radius: 0px; /* iOS 둥근모서리 제거 */
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand{display: none;}

.select-box-ui{display: none;}
.select-wrap{
	display: inline-block;
	position: relative;
	margin-left: 18px;
	font-size: 16px;
	vertical-align:middle;
}
input + .select-wrap{
	margin-left:18px;
}
.select-wrap .defalut-text{
	/*width: 184px !important;*/
	min-width:184px;
	margin-bottom: 0;
	/* padding: 12px 83px 12px 20px; */
	padding:12px 51px 12px 20px;
	border: 1px solid #d7d7d7;
	color: #666;
	background: url(../images/common/arrow/btn_down.png) 90% center no-repeat;
	background-size: 24px;
	background-position: 95%;
	font-size: 16px;
	text-align: left;
	cursor: pointer;
}
.select-wrap .options{
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	border: 1px solid #222;
	border-top: 0;
	background-color: #fff;
	z-index: 20;
}

.select-box-rgt + .select-wrap .options{
	left: auto;
	right: 0;
}
.select-wrap .options li:hover a{
	background-color: #f2f2f2;
	color: #0e67c1;
}
.select-wrap .options li a{
	display: block;
	padding: 14px 19px 15px 19px;
	/* white-space: nowrap; */
	line-height: 1.5;
}
.select-wrap .options li.placeholder-option{
	display:none;
}
.select-wrap.show input{background-image: url(../images/common/arrow/btn_up01.png);}
.select-wrap.show .options{
	display: block;
	transition:.4s;
	max-height: 245px;
	overflow-y: auto;
	overflow-x: hidden;
}
.select-box-ui.disabled + .select-wrap input{
	border: 1px 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;
}

.select-box-ui.type2 + .select-wrap .defalut-text{background: url(../images/common/arrow/btn_down_select2.png) right center no-repeat;}
.select-box-ui.type2 + .select-wrap.show input{background-image: url(../images/common/arrow/btn_up_select2.png);}

.select-box-ui.location-type + .select-wrap .defalut-text,
.select-box-ui.type2 + .select-wrap .defalut-text{
	/* width: auto !important;
	padding: 6px 44px 7px 0; */
	padding: 6px 40px 10px 0;
	border: 1px solid transparent;
	border-bottom: 1px solid #d7d7d7;
	color: #666;
}
.select-box-ui.type2 + .select-wrap .defalut-text{min-width: 63px; width: auto !important;}
.select-box-ui.location-type + .select-wrap .options{
	width: auto;
	top: 37px;
	min-width: 63px;
	padding: 0 20px 21px;
	border-top: 3px solid #222;
}
.select-box-ui.type2 + .select-wrap .options{
	/* top: 34px; */
	top: 37px;
	min-width: 63px;
	padding: 0 20px 21px;
	border-top: 3px solid #222;
	width: auto;
	right: 0;
	left: auto;
}

.select-box-ui.location-type + .select-wrap .options li,
.select-box-ui.type2 + .select-wrap .options li{
	/* height: 32px; */
	height: 37px;
}
.select-box-ui.location-type + .select-wrap .options li a,
.select-box-ui.type2 + .select-wrap .options li a{
	display: inline-block;
	/* padding: 18px 1px 3px 0; */
	padding: 20px 1px 3px 0;
	color: #666;
	line-height: 1;
}
.select-box-ui.location-type + .select-wrap .options li a{white-space: nowrap;}
/* .fpr .select-box-ui.type2 + .select-wrap .defalut-text,
.fpr .select-box-ui.type2 + .select-wrap .options li a,
.fes .select-box-ui.type2 + .select-wrap .defalut-text,
.fes .select-box-ui.type2 + .select-wrap .options li a,
.fmy .select-box-ui.type2 + .select-wrap .defalut-text,
.fmy .select-box-ui.type2 + .select-wrap .options li a{
	white-space: nowrap;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
} */
.select-box-ui.type2 + .select-wrap .defalut-text,
.select-box-ui.type2 + .select-wrap .options li a{
	white-space: nowrap;
	/*max-width: 150px;*/
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
}
.select-box-ui.location-type + .select-wrap .options li:hover a,
.select-box-ui.type2 + .select-wrap .options li:hover a{
	color: #222;
	background-color: transparent;
	border-bottom: 1px solid #222;
}

.select-box-ui.disabled.style2 + .select-wrap input{opacity: .3;}

.select-box-ui.type3 + .select-wrap .defalut-text{
	padding:14px 38px 14px 2px;
	width:auto !important;
	border:0;
	border-bottom:1px solid #d7d7d7;
	color:#666;
	background:url(../images/common/arrow/btn_down.png) 82% center no-repeat;
	transition: all .2s ease;
}
.select-box-ui.type3 + .select-wrap .defalut-text:hover{
	border-bottom:3px solid #222;
	color:#222;
}
.select-box-ui.type3 + .select-wrap .options{
	padding:20px;
	top:52px;
	border-top:3px solid #222;
}
.select-box-ui.type3 + .select-wrap .options li + li{
	margin-top:14px;
}
.select-box-ui.type3 + .select-wrap .options li{
	height:18px;
}
.select-box-ui.type3 + .select-wrap .options li a{
	box-sizing:border-box;
	display:inline-block;
	padding:0 0 4px 0;
	color:#666;
	font-weight:300;
	font-size:14px;
	letter-spacing:0;
}
.select-box-ui.type3 + .select-wrap .options li a:hover{
	background:none;
	border-bottom:1px solid #222;
	color:#222;
	font-weight:400;
}

/* input_checkbox, input_radio */
.checkbox-area.type2 >div {display: inline-block; width: 120px;}
.checkbox-wrap,
.radio-area{
	overflow: hidden;
	position: relative;
	font-size: 16px;
}
.checkbox-wrap input[type="checkbox"],
.radio-area input[type="radio"]{display: none;}
.radio-area > div{
	position: relative;
	float: left;
	width: 180px;
}
.checkbox-wrap input[type="checkbox"] + label,
.radio-area input[type="radio"] + label{
	float: left;
	position:initial;
	width: 24px;
	height: 24px;
	border: 1px solid #bdbdbd;
	border-radius:50%;
	cursor: pointer;
	line-height: 9px;
	background: #fff;
}
.radio-area input[type="radio"] + label{font-weight: 300;}
.checkbox-wrap input[type="checkbox"] + label > span,
.radio-area input[type="radio"] + label > span{
	position: absolute;
	top:0;
	left: 34px;
	height: 100%;
	padding: 8px 0;
    color: #666;
}
.checkbox-wrap input[type="checkbox"] + label:before,
.checkbox-wrap input[type="checkbox"] + label:after{
	content:'';
	display: block;
	position: relative;
	top: 12px;
	left: 4px;
	width: 6px;
	height: 2px;
	background-color:#e5e5e5;
	transform:rotate(45deg);
}
.checkbox-wrap input[type="checkbox"] + label:after{
	top: 9px;
	left: 7px;
	width: 12px;
	transform:rotate(135deg);
}
.checkbox-wrap input[type="checkbox"]:disabled:checked + label,
.checkbox-wrap input[type="checkbox"]:checked + label{
	background-color: #1181f1;
	border-color: #1181f1;
}
.checkbox-wrap input[type="checkbox"]:checked  .c-acco .acco-tit  .cont{
	border: none;
}
/* 진한 체크박스 - accent-gray 추가 (#823) */
.checkbox-wrap.accent-gray input[type="checkbox"] + label {
	border-color: #666;
}
.checkbox-wrap.accent-gray input[type="checkbox"] + label:before,
.checkbox-wrap.accent-gray input[type="checkbox"] + label:after {
	background-color: #666;
}
.checkbox-wrap.accent-gray input[type="checkbox"]:checked + label {
	border-color: #1181f1;
}
.checkbox-insert{display: flex;    align-items: center; margin-top: 30px;}
.checkbox-insert .checkbox-wrap{width: 107px;}
.checkbox-insert .checkbox-wrap+.checkbox-wrap{width: 85px;}
.radio-area input[type="radio"]:checked + label{border: 5px solid #1181f1;}
.radio-area input[type="radio"]:checked + label > span,
.checkbox-wrap input[type="checkbox"]:checked + label > span{
    color: #222;
}
.checkbox-wrap input[type="checkbox"]:checked + label:before,
.checkbox-wrap input[type="checkbox"]:checked + label:after,
.checkbox-wrap input[type="checkbox"]:disabled + label:before,
.checkbox-wrap input[type="checkbox"]:disabled + label:after{
	background-color:#fff;
}
.checkbox-wrap input[type="checkbox"]:disabled + label{
	background-color: #e5e5e5;
	border-color: #e5e5e5;
	cursor: default;
}
.radio-area input[type="radio"]:disabled + label{
	border-color: #e5e5e5;
	background-color: #e5e5e5;
	cursor: default;
}
.radio-area input[type="radio"]:disabled + label > span,
.checkbox-wrap input[type="checkbox"]:disabled + label > span{color: #999;}

.border-none{
	border-bottom: none !important;
}
/* radio-type2 */
.radio-area.type2 > div{
	width: auto;
	margin-left: -1px;
}
.radio-area.type2 > div:first-child{margin-left: 0;}
.radio-area.type2 input[type="radio"] + label{
	width: 110px;
	height: 38px;
	border: 1px solid #d7d7d7;
	border-radius:0;
	line-height: 1;
	font-weight: 400;
	color: #666;
	text-align: center;
}
.radio-area.type2 input[type="radio"] + label > span{
	position: relative;
	left: 0;
	display: block;
	width: auto;
	padding: 10px 0;
}
.radio-area.type2 input[type="radio"]:checked + label{
	position: relative;
	border-color: #1181f1;
	color: #1181f1;
	z-index: 1;
}
.radio-area.type2 input[type="radio"]:disabled + label{
	cursor: default;
}

/* radio-type3 */
.radio-area.type3 > div{
	width: auto;
	margin-left: 15px;
	font-size: 14px;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}
.radio-area.type3 > div:first-child{margin-left: 0;}
.radio-area.type3 input[type="radio"] + label{
	width: 54px;
	height: 23px;
	border: 1px solid #e5e5e5;
	border-radius:20px;
	background-color: #fff;
	font-weight: 400;
	color: #666;
	text-align: center;
}
.radio-area.type3 input[type="radio"] + label > span{
	position: relative;
	left: 0;
	display: block;
	width: auto;
	padding: 7px 0px;
}
.radio-area.type3 input[type="radio"]:checked + label{
	border-color: #666;
	background-color: #666;
}
.radio-area.type3 input[type="radio"]:checked + label span{
	color: #fff;
}
.radio-area.type3 input[type="radio"]:disabled + label{
	border-color:#e0e0e0;
	cursor: default;
}
.radio-area.type3 input[type="radio"]:disabled + label span{
	color:#e6e6e6;
}
/* radio-type3 */
.radio-cont{
	overflow:hidden;
}
.radio-cont .radio-wrap{
	float:left;
}
.radio-wrap + .radio-wrap{
	position:relative;
	margin-left:21px;
}
.radio-wrap + .radio-wrap:after{
	content:'';
	position:absolute;
	top:3px;
	left:-10px;
	width:1px;
	height:10px;
	background:#d7d7d7;
}
.radio-wrap input[type="radio"]{
	display:none;
}
.radio-wrap input[type="radio"] + label{
	color:#666;
	font-weight:400;
	/* transition:all .2s ease; */
}
.radio-wrap input[type="radio"]:checked + label,
.radio-wrap input[type="radio"]:hover + label{
	color:#1181f1;
	font-weight:400;
}

/* radio-type4 */
.type2 > .radio-wrap + .radio-wrap{margin-left: 18px;}
.type2 > .radio-wrap input[type="radio"] + label{
	display: inline-block;
	width: 100px;
	padding: 15px 0px;
	border-bottom: 1px solid #222;
	font-size: 16px;
	text-align: center;
}
.type2 > .radio-wrap input[type="radio"]:checked + label,
.type2 > .radio-wrap input[type="radio"]:hover + label{
	border-color: #1181f1;
	border-width: 3px;
}
.type2 > .radio-wrap + .radio-wrap:after{content:none;}

/* radio-type4 */
.radio-area.type4{
	float: left;
	margin-left: -1px;
}
.radio-area.type4 > div{
	width: auto;
	margin: 0;
	font-size: 0;
}
.radio-area.type4 input[type="radio"] + label{
	width: 22px;
	height: 20px;
	border-radius:0;
	border-color: #222;
	border-left: 0;
	opacity: .4;
}
.radio-area.type4:first-child input[type="radio"] + label{border-left: 1px solid #222;}
.radio-area.type4 input[type="radio"] + label > span{
	left: 0;
	width: 22px;
	padding: 0;
}
.radio-area.type4 input[type="radio"]:checked + label{
	border: 1px solid #222;
	opacity: 1;
}
.radio-area.type4 .btn-align-left{background: url(../images/btn_align_left.png) center no-repeat;}
.radio-area.type4 .btn-align-center{background: url(../images/btn_align_center.png) center no-repeat;}
.radio-area.type4 .btn-align-right{background: url(../images/btn_align_right.png) center no-repeat;}
/* radio-type5 */
.radio-area.type5{
	display: inline-block;
	margin-right: 20px;
	font-size: 14px;
	color: #666;
}
.radio-area.type5 .radio-wrap + .radio-wrap:after{content: none;}
.radio-area.type5 input[type="radio"] + label{
	width: 11px;
	border: none;
	border-radius:0;
}
.radio-area.type5 input[type="radio"]:checked + label{
	background-color: transparent;
	border-color: transparent;
}
.radio-area.type5 input[type="radio"] + label > span{
	left: 26px;
	font-weight: 300;
}
.radio-area.type5 input[type="radio"] + label:before,
.radio-area.type5 input[type="radio"] + label:after{
	content: '';
	display: block;
	position: relative;
	top: 12px;
	left: 4px;
	width: 6px;
	height: 2px;
	transform: rotate(45deg);
	background-color: #bdbdbd;
}
.radio-area.type5 input[type="radio"] + label:after {
	top: 9px;
	left: 7px;
	width: 12px;
	transform: rotate(135deg);
}
.radio-area.type5 input[type="radio"]:disabled + label{background-color: #fff;}
.radio-area.type5 input[type="radio"]:disabled + label:before,
.radio-area.type5 input[type="radio"]:disabled + label:after{background-color: #e5e5e5;}
.radio-area.type5 input[type="radio"]:checked + label:before,
.radio-area.type5 input[type="radio"]:checked + label:after{background-color: #1181f1;}
.radio-area.type5 input[type="radio"]:checked + label > span{
	color: #1181f1;
	font-weight: 500;
}

/* checkbox-type2 */
.checkbox-wrap.type2{
	display: inline-block;
	width: 118px;
	margin-right: 20px;
	font-size: 14px;
	color: #666;
}
.checkbox-wrap.type2 input[type="checkbox"] + label{
	width: 11px;
	border: none;
	border-radius:0;
}
.checkbox-wrap.type2 input[type="checkbox"]:checked + label{
	background-color: transparent;
	border-color: transparent;
}
.checkbox-wrap.type2 input[type="checkbox"] + label > span{
	left: 26px;
	font-weight: 300;
}
.checkbox-wrap.type2 input[type="checkbox"] + label:before,
.checkbox-wrap.type2 input[type="checkbox"] + label:after{background-color: #bdbdbd;}
.checkbox-wrap.type2 input[type="checkbox"]:disabled + label{background-color: #fff;}
.checkbox-wrap.type2 input[type="checkbox"]:disabled + label:before,
.checkbox-wrap.type2 input[type="checkbox"]:disabled + label:after{background-color: #e5e5e5;}
.checkbox-wrap.type2 input[type="checkbox"]:checked + label:before,
.checkbox-wrap.type2 input[type="checkbox"]:checked + label:after{background-color: #1181f1;}
.checkbox-wrap.type2 input[type="checkbox"]:checked + label > span{
	color: #1181f1;
	font-weight: 500;
}

.fes .checkbox-wrap input[type="checkbox"]:checked + label:before,
.fes .checkbox-wrap input[type="checkbox"]:checked + label:after
.fpr .checkbox-wrap input[type="checkbox"]:checked + label:before,
.fpr .checkbox-wrap input[type="checkbox"]:checked + label:after{background-color: #1181f1;}
.fes .checkbox-wrap input[type="checkbox"]:checked + label > span,
.fpr .checkbox-wrap input[type="checkbox"]:checked + label > span{
	color: #1181f1;
}

.photo-info .c-acco .cont.border-none{border-bottom: none ;}

/* no-result */
.no-result{
	position: relative;
	width: 100%;
	height: 250px;
	margin-top: 35px;
	border: 1px solid #e5e5e5;
}
.no-result span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding-top: 62px;
	text-align: center;
	background: url(../images/common/icon_nohistory.png) top center no-repeat;
	font-size: 16px;
	font-weight: 300;
	color: #666;
}

/* file-download */
.file-wrap .file-download +  .file-download {
	margin-left: 20px;
}
.file-wrap .file-download{
	display: inline-block;
	padding: 2px 0 2px 17px;
	border-bottom: 1px solid #666;
	background: url(../images/common/icon_download_s.png) 0 center no-repeat;
	font-weight: 300;
	color: #666;
}

/* date-term */
.date-term input{
	width: 120px;
	height: 38px;
	margin:0 3px;
	padding: 14px 40px 12px 12px;
	background: url(../images/common/icon_calendar.png) right 12px center no-repeat;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -1px;
}
.date-term input:first-child{margin-left: 0;}
.date-term input:focus{background-image: url(../images/common/icon_calendar_on.png);}
.date-term input::placeholder{color: #222;}

/* category-tab: FES */
.category-tab{
	position: relative;
	display: inline-block;
	margin: 0px 0 25px;
	background: url(../images/common/bg_category.png) 0 0 repeat;
	border: 1px solid #222;
	font-size: 0;
	line-height:0;
	z-index:11;
}
.category-tab:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:50px;
	background:#e5e5e5;
	z-index:0;
}
.category-tab > li{
	float: left;
	position: relative;
	width: 201px;
	height:50px;
	margin-left: -1px;
}
.category-tab > li:first-child,
.category-tab > li:nth-of-type(7){
	width: 198px;
	margin-left:0;
}
.category-tab > li > a{
	display: block;
	padding: 16px 20px;
	font-size: 16px;
	line-height:1;
}
.category-tab .select-wrap{
	width: 100%;
	margin-left: 0;
}
.category-tab .select-wrap .defalut-text{
	width: 100% !important;
	border: none;
	line-height:25px;
	color: #222;
}
.category-tab .select-wrap .defalut-text{
	position:relative;
	z-index:2;
}
.category-tab .select-wrap .options{
	top: 49px;
	left: 2px;
	width:100%;
}
.category-tab > li:first-child .select-wrap .options,
.category-tab > li:nth-of-type(7) .select-wrap .options{
	left: -1px;
	width: calc(100% + 3px);
}
.category-tab .select-wrap:hover .options{
	display: block;
	transition: .4s;
}

.category-tab .select-wrap:hover:before,
.category-tab .select-wrap.show:before {
	content: '';
	position: absolute;
	top:-1px;
	left: 2px;
	width: calc(100% - 2px);
	height: 51px;
	border: solid #222;
	border-width:1px 1px 0;
	background:#fff;
	z-index:1;
}
.category-tab > li:first-child .select-wrap:before,
.category-tab > li:nth-of-type(7) .select-wrap:before{
	left: -1px;
	width: calc(100% + 1px);
}

.category-tab.type-tab-flex {
	background:none;
}
.category-tab.type-tab-flex:before {
	top:49px;
	left:0;
	right:0;
	width:auto;
	height:1px;
}
.category-tab.type-tab-flex > li {
	width:200px;
	border-left:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	margin-left:0;
}
.category-tab.type-tab-flex > li:nth-child(6n+1) {
	width:198px;
	border-left:0;
}
.category-tab.type-tab-flex > li:last-child {
	border-right:1px solid #e5e5e5;
}
.category-tab.type-tab-flex > li:nth-child(6n) {
	border-right:0;
}
.category-tab.type-tab-flex > li.active {
	background:#e5e5e5;
}

/* detail-search: FES */
/* .category-tab + .detailed-srch{margin-top: 20px;} */
.detailed-srch > div {position: relative;}
.detailed-srch > div + div{height: 67px;}

.detailed-srch > div.open { height:auto;}
.detailed-srch .detail-cate{
	overflow: hidden;
	margin-top: -1px;
	padding: 14px 0;
	border-bottom: 1px solid #e5e5e5;
}
.detailed-srch .srch-tit{
	display: block;
	position: relative;
	width: 185px;
	padding: 11px 20px 12px;
	font-size: 14px;
	font-weight: 500;
	z-index: 10;
}
.detailed-srch .detail-cate > div{width: 1015px;}
.detailed-srch .brand .align-lft > .cate-list{height: 76px;}
.detailed-srch .cate-list{
	overflow: hidden;
}
.detailed-srch .cate-list li,
.detailed-srch .cate-list .myselect{
	float: left;
	margin-right: 13px;
	padding:6px 0;
}
.detailed-srch .detail-cate.select-filter{background-color: #f8f8f8;}
.detailed-srch .cate-list li a,
.detailed-srch .cate-list .myselect{
	display: inline-block;
	padding: 6px 15px;
	color: #666;
	font-weight: 300;
	letter-spacing: 0;
}
.detailed-srch .cate-list li:hover a{color: #222;}
.detailed-srch .cate-list .myselect{
	padding:12px 16px;
}
.detailed-srch .cate-list li.top-brand a{
	color: #222;
	font-weight: 400;
}
.detailed-srch .cate-list li.disabled a{
	color: #666;
	font-weight: 300;
}
.detailed-srch .cate-list li.active a{
	position: relative;
	border-radius:12px;
	background-color: #666;
	color: #fff;
}
.detailed-srch .align-lft .more-btn {
	width: 100%;
	display: block;
	position: relative;
	text-align: center;
	margin-top: 16px;
	pointer-events: none;
}
.detailed-srch .align-lft .more-btn::before {
	content: '';
	position: absolute;
	height: 1px;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	background-color: #e5e5e5;
}
.detailed-srch .align-lft .more-btn .inner-btn {
	height: 26px;
	line-height: 24px;
	border-radius: 100px;
	border: 1px solid #e5e5e5;
	display: inline-block;
	position: relative;
	z-index: 1;
	padding-left: 12px; padding-right: 26px;
	background: url(../images/common/arrow/btn_down_s.png) no-repeat #fff;
	background-position: right 10px center;
	pointer-events: all;
}
.detailed-srch .align-lft .more-btn.open .inner-btn {
	background-image: url(../images/common/arrow/btn_up.png);
}
.detailed-srch .brand .btn-more{
	top: 14px;
	line-height:0;
}
.detailed-srch .brand-more{
	padding-top: 20px;
	background-color: #fff;
	display: none;
}
.detailed-srch .brand-more .radio-area{
	clear: both;
	/* width: 744px; */
	/* margin: 0 auto 20px; */
	margin-left: 228px;
	margin-bottom: 20px;
}
.detailed-srch .brand-more .no-result{
	overflow-y: scroll;
	width: 100%;
	height: 390px;
	margin-top: 20px;
	background-color: #fff;
}
.detailed-srch .brand-wrap .btn-more{
	top:28px;
	right: 20px;
}
.detailed-srch .brand-wrap.open .brand-more{
	display: block;
	position: relative;
	/* margin-top: -67px; */
	border-top: 1px solid #e5e5e5;
}

.detailed-srch .price .price-srch-area{
	position:relative;
	width: 330px;
	color: #999;
}
.detailed-srch .price-srch-area .price-input{
	display: inline-block;
	position: relative;
	margin:0 3px;
}
.detailed-srch .price-srch-area .fixed-txt{
	position: absolute;
	top: 50%;
	right: 10px;
	transform:translateY(-50%);
	color: #999;
}
.detailed-srch .price-srch-area input[type="text"]{
	width: 133px;
	padding: 6px 30px 6px 15px;
	text-align: right;
}
.detailed-srch .price-srch-area .btn-srch{
	position:absolute;
	top:0;
	right:0;
	display:inline-block;
	border: 1px solid #d7d7d7;
	padding: 10px 11px 10px 10px;
	font-size:0;
	line-height:0;
	cursor:pointer;
}
.detailed-srch .cate-list .myselect{color: #1181f1;}
.detailed-srch .cate-list .myselect a{
	display: inline-block;
	padding-left:9px;
}
.detailed-srch .select-filter .btn-initial{
	position: absolute;
	top: 28px;
	right: 20px;
	line-height:0;
}
.detailed-srch .detail-cate{
	display:inline-block;
	overflow:visible;
	width:100%;
	height:auto;
	min-height:67px;
}
.detailed-srch .color .cate-list{margin-left: 15px;}
.detailed-srch .color li{
	line-height: 0;
	font-size: 0;
}
.detailed-srch .color li:last-child{
	line-height:inherit;
	font: inherit;
}
.detailed-srch .color li a{padding: 0;}
.detailed-srch .color a:not(.free){
	display: block;
	font-size: 0;
}
.detailed-srch .color a:not(.free) span{
	display: block;
	width: 24px;
	height: 24px;
	border-radius:50%;
}
.detailed-srch .color .red span{background-color: #b70000;}
.detailed-srch .color .beige span{background-color: #d5ab84;}
.detailed-srch .color .ocher span{background-color: #9b4d00;}
.detailed-srch .color .brown span{background-color: #6e372c;}
.detailed-srch .color .olive span{background-color: #a59723;}
.detailed-srch .color .green span{background-color: #007941;}
.detailed-srch .color .khaki span{background-color: #585d3d;}
.detailed-srch .color .d-green span{background-color: #2d4a00;}
.detailed-srch .color .sky-blue span{background-color: #3cbeff;}
.detailed-srch .color .blue span{background-color: #006db7;}
.detailed-srch .color .indigo span{background-color: #143149;}
.detailed-srch .color .purple span{background-color: #7032a0;}
.detailed-srch .color .l-gray span{background-color: #b2b2b2;}
.detailed-srch .color .gray span{background-color: #706f6f;}
.detailed-srch .color .black span{background-color: #000000;}
.detailed-srch .color .white span{
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
}
.detailed-srch .color .free{
	display: block;
	padding: 5px 10px 3px;
	border-radius:24px;
	border: 1px solid #e5e5e5;
	font-family: 'Roboto','Noto Sans KR',sans-serif;
	font-weight: 400;
}
.detailed-srch .color li.active a{background-color: transparent;}
.detailed-srch .color li.active a:not(.free):after{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/common/bl_chk.png) center no-repeat;
}
.detailed-srch .color li.active a.white:after{background-image: url(../images/common/bl_chk_gray.png);}
.detailed-srch .color li.active .free{
	color: #222;
	border-color: #666;
}

.brand-detail-wrap.type2{
	padding: 18px;
	border-top: 1px solid #e5e5e5;
}
.brand-more .cate-list li{margin: 3px 9px;}
.brand-more .cate-list li a{}

/* content-list */
.clist{font-size: 16px;}
.clist-s{font-size: 14px;}
.clist-s ul{
	color: #666;
	line-height: 1.7;
}
.clist.type-2 ul{color: #999; font-weight: 400;}
.clist strong{
	display: block;
	margin: 7px 0 16px 28px;
	font-size: 16px;
	font-weight: 500;
}
.clist strong.only {
	margin-bottom: 7px;
	font-weight: 300;
	color: #666;
}
.clist .clist-tt {margin: 8px 0;}
.clist ul{
	color: #666;
	font-weight: 300;
	line-height: 1.5;
	word-break:keep-all;
}
.clist li{
	position: relative;
	padding-left: 10px;
	margin: 6px 0;
}
.clist li:first-child{margin-top: 0;}
.clist li:last-child{margin-bottom: 0;}
.clist li:before{
	content:'';
	position: absolute;
	top: 11px;
	left: 0;
	width: 3px;
	height: 3px;
	border-radius:3px;
	background-color: #666;
}
.clist .used{
	color: #1181f1;
	margin-left: 3px;
}
.clist .unusable{
	color: #ff4343;
	margin-left: 3px;
}
.clist .star li:before{
	content:'*';
	top: 3px;
	background-color: transparent;
}
.clist.notice{
	padding:22px 30px 27px;
	background: #f8f8f8 url(../images/common/icon_notice.png) 30px 28px no-repeat;
}
.clist.notice .accent{
	color:#1181f1;
}
.clist.notice.type2{padding-left: 64px;}
.clist .precautions{color: #e71e1e;}
.clist.tit-none{
	padding-top:25px;
	padding-left:58px;
	/*border: 1px solid #e5e5e5;
	font-size: 14px;*/
	background-position:30px 29px;
}
/*.clist.tit-none ul{
	color: #222;
	line-height: 1.7;
}
.clist.tit-none li{margin: 3px 0;}
.clist.tit-none li:first-child{margin-top: 0;}
.clist.tit-none li:last-child{margin-bottom: 0;}*/
.clist.notice .edit-area{
	text-align:center;
}
.no-history + .clist.notice {
	margin-top:50px;
}

/* notice list */
.notice-cont .notice-list{
	border-top: 1px solid #222;
}
.notice-list .date,
.viewer-header .date{
	color: #666;
	font-weight: 300;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
	line-height: 22px;
}
.notice-list li,
.viewer-header{
	overflow: hidden;
	padding: 18px 0 16px;
	border-bottom: 1px solid #e5e5e5;
}
.notice-list li .label,
.viewer-header .label{
	display: inline-block;
	padding: 3px 5px;
	margin-right: 10px;
	border: 1px solid #1181f1;
	color: #1181f1;
	font-weight: 500;
}
.notice-list li .title-wrap,
.viewer-header .title-wrap{
	overflow: hidden;
	display: inline-block;
	max-width: 494px;
	height: 22px;
	font-size: 16px;
	font-weight: 300;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1.2;
	padding: 0 1px;
	vertical-align: text-top;
}
.notice-list li .title-wrap span,
.viewer-header .title-wrap span{font-weight: 500;}
.notice-list .icon-new,
.viewer-header .icon-new{
	margin-left: 9px;
	vertical-align: text-bottom;
}

.notice-list li .title-wrap:hover,
.viewer-header .title-wrap:hover{
	border-bottom: 1px solid #1181f1;
	color: #1181f1;
}

/* dot-text */
.dot-text{
	overflow:hidden;
}
.dot-text span{
	overflow:hidden;
	margin-top:5px;
	float:left;
	display:block;
	position:relative;
	width:84px;
	height:61px;
	border:1px solid #e5e5e5;
}
.dot-text span > a{display:block; height:100%;}
.dot-text span img{
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	transform:translate(-50%, -50%);
}
/*.dot-text span img.wfull{height:auto;}
.dot-text span img.hfull{width:auto;}*/
.dot-text span + em{
	float: left;
	margin-left:20px;
}
.dot-text em{
	position:relative;
	padding-left:13px;
	line-height:24px;
	font-size:16px;
	color: #999;
}
.dot-text em:before{
	content:'';
	position:absolute;
	top:11px;
	left:0;
	width:3px;
	height:3px;
	border-radius:50%;
	background:#666;
}

/* board-list */
.blist{
	float: left;
	position: relative;
}
.blist ul{
	border-top: 1px solid #222;
	border-bottom: 1px solid #999;
}
.blist li{border-top: 1px solid #e5e5e5;}
.blist li:first-child{border-top: 0;}
.blist li a{
	overflow: hidden;
	display: block;
	padding: 20px 0;
	font-size: 16px;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}
.blist span{color: #666;}
.blist .blist-cate{
	display: inline-block;
	width: 150px;
}
.blist .blist-tit{
	overflow: hidden;
	display: inline-block;
	width: 100%;
	color: #222;
	text-overflow: ellipsis;
	white-space:nowrap;
	vertical-align: bottom;
}
.blist-tit span{
	display: inline-block;
	vertical-align: middle;
	color: #222;
}
.blist .blist-date{
	float: right;
	padding-right: 20px;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0;
}

/* THUMBNAIL-list */
.file-img-area{overflow: hidden;}
.file-img-area .thum_wrap{
	overflow: hidden;
	width: 70px;
	height: 70px;
	margin-top: 0;
	margin-left: 2px;
	margin-left: 10px;
	margin-right: 0;
}
.file-img-area .thum_wrap.zip-type{cursor: default !important;}
/* .file-img-area .thum_box.type2 .thum_wrap {
	margin-left: 0;
} */
.file-img-area .thum_wrap:nth-of-type(1){
	margin-left: 0px;
}
.file-img-area .thum_wrap+.circle-txt {
	font-size: 14px;
	font-weight: 300;
	letter-spacing: -0.56px;
	color: #999;
	position: relative;
	padding-top: 20px;
	padding-left: 10px;
	clear: both;
}
.file-img-area .thum_wrap+.circle-txt:before {
	content: '';
    position: absolute;
    top: 26px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background-color: #666;
}
.file-img-area span{
	display: inline-block;
	position: relative;
}
.thum_box{
	/* padding-top: 14px; */
	overflow: hidden;
}
.file-img-area .thum_box{
	float: left;
	margin-right: 0;
}
.file-img-area + .clist{margin-top: 18px;}
.thum_box.type2{
	padding-top: 0;
}
/* .thum_box.type2 .thum_wrap{
	margin-right: 10px;
} */
.thum_wrap {
	width: 70px;
	height: 70px;
	margin-top: 5px;
	border: 1px solid #e5e5e5;
	float: left;
}
.thum_box em{
	float: left;
	position: relative;
    padding-left: 13px;
    line-height: 24px;
    font-size: 16px;
	color: #999;
	margin-left: 20px;
}
.thum_box em:before{
	content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #666;
}
.file-upload-wrap + .thum_box {
	margin-top:15px;
}
.thum_wrap .thum_area{
	position: relative;
	overflow: hidden;
	height:100%;
}
.thum_wrap .thum_center{
	height: 100%;
}
.thum_wrap .thum_center a{
	display: block;
	height: 100%;
}
.thum_wrap .thum_img{
	width: 100%;
	height: 100%;

}
.thum_wrap .thum_center{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;

}
.thum_wrap.upload{
	position: relative;
}
.thum_wrap.upload input[type="file"]{display: none;}
.thum_wrap.upload label{
	display: block;
	height: 100%;
	background: url(../images/common/bg_file_add.png) center 16px no-repeat;
	font-size: 0;
}
.thum_wrap.upload .count-num{
	position: absolute;
	bottom: 16px;
	width: 100%;
	text-align: center;
	font-size: 12px;
	color: #999;
}
.prd-list{
	display:flex;
	flex-wrap:wrap;
}
.prd-list li{
	flex-basis:calc(25% - 22px);
	position: relative;
	margin-right: 29px;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}
.prd-list li:nth-of-type(4) ~ li{margin-top: 50px;}
.prd-list li:nth-of-type(4n){margin-right: 0;}
.prd-list li.last{margin-bottom: 0;}
.prd-list li > a{
	position: relative;
	display: block;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}
.prd-list li > a:first-child{margin-bottom: 20px;}
.prd-list li .thum-wrap{
	overflow: hidden;
	display: block;
	max-height:277px;
	border: 1px solid #e5e5e5;
	line-height: 0;
	transition: all .2s ease;
}
.prd-list li .thum-wrap img{max-width: 100%;}
/* .prd-list li .thum-wrap img{max-width:222px;}
.fes .prd-list li .thum-wrap img,
.fpr .prd-list li .thum-wrap img,
.fbr .prd-list li .thum-wrap img,
.fse .prd-list li .thum-wrap img,
.fev .prd-list li .thum-wrap img,
.fca .prd-list li .thum-wrap img{max-width:273px;} */
.fev .edit-area {width:100%;}
.prd-list .item-info{
	position: relative;
	/* min-height: 80px; */
}
.prd-list .item-tit{/* height: 56px; */}
.prd-list .itme-name,
.itemlist .itme-name{
	display:inline-block;
	font-weight: 500;
	letter-spacing: 0;
	line-height:14px;
	font-size: 13px;
}
.prd-list .item-desc,
.itemlist .item-desc{
	/* height: 34px; */
	height: auto;
	/* margin-top: 2px; */
	margin-top: 10px;
	font-weight: 400;
	color: #222;
	line-height: 1.57;
}
.prd-list .item-price-wrap{
	/* position: relative;
	bottom: 0;
	left: 0; */
	margin-top: 8px;
	letter-spacing: 0;
}
.prd-list .item-price{display: inline-block;}
.prd-list .cost-price{
	margin-right: 12px;
	font-weight: 300;
	color: #999;
	font-size: 14px;
}
.prd-list .selling-price{
	display: block;
	margin-top: 1px;
	font-size: 16px;
	line-height: 24px;
	height: 22px;
	font-weight:700;
}
.prd-list .selling-price .unit{
	margin-left: 4px;
	font-size: 14px;
}
.prd-list .selling-price .dc-rate{
	margin-left: 10px;
	font-size: 24px;
	font-weight: 700;
	color: #dd042b;
	vertical-align: top;
	margin-left: 4px;
	font-size: 20px;
}
.prd-list .item-type{
	overflow: hidden;
	width: 65%;
	margin-top: 16px;
}
.fes .prd-list .item-type,
.fpr .prd-list .item-type,
.fbr .prd-list .item-type,
.fse .prd-list .item-type,
.fsv .prd-list .item-type{width: 55%;}

.prd-list .item-type {
	margin-left: -7px;
}
.prd-list .item-type .type-badge{
	float: left;
	height: 20px;
	/* padding: 2px 5px; */
	padding: 4px 6px 0px 4px;
	font-size: 12px;
	border: 1px solid #e5e5e5;
	background-color: #f8f8f8;
	margin-left: 7px;
	margin-top: 5px;
}
.prd-list .item-type .text-blue{
	margin-left: 7px;
	font-size: 14px;
}

.prd-list .item-sold-type {
	overflow: hidden;
	margin-left: -7px;
}
.prd-list .item-sold-type .type-out{
	float: left;
    height: 20px;
    padding: 4px 6px 0px 4px;
    font-size: 12px;
    border: 1px solid #c910a4;
    background-color: #fff;
    margin-left: 7px;
    color: #c910a4;
    margin-bottom: 12px;
}
/* .prd-list .item-type .type-badge:nth-of-type(2n){margin-left: 7px;}
.prd-list .item-type .type-badge:nth-of-type(2) ~ .type-badge{margin-top: 5px;} */
.prd-list .btn-area{
	position: absolute;
	top: 198px;
	right: 12px;
	height: 16px;
}
.prd-list .btn-area a{
	position: relative;
	display: inline-block;
	width: 18px;
	height: 100%;
	margin-left: 6px;
	transition:all .2s ease;
	background: center no-repeat;
}
.prd-list .btn-area .btn-like{background-image: url(../images/common/btn_like.png);}
.prd-list .btn-area .btn-like.active{background-image: url(../images/common/btn_like_on.png); 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: 20px;
	top: -6px;
	width: 67px;
	height: 27px;
	padding: 6px;
	background: url(../images/common/btn_notify_tooltip.png) right center no-repeat;
}

.prd-list li:hover .thum-wrap{border-color:#222;}

	/* total-count */
.prdlist-info .total-count{
	position: relative;
	font-size: 14px;
	font-weight: 500;
	color: #222;
}
.prdlist-info .total-count:after{
	content:'';
	position: absolute;
	top: 2px;
	left: 35px;
	width: 1px;
	height: 9px;
	background-color: #d7d7d7;
}
.prdlist-info .prd-num{
	margin-left: 20px;
	font-weight: 300;
}
.entire{
	padding-right: 2px;
	font-size: 14px;
	color: #222;
	line-height: 38px;
	font-weight: 500;
}
.fpr .entire{margin-left: 14px;}
.entire > span{
	margin-left: 10px;
	font-weight: 300;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}
.entire > span:before{
	content:'';
	display: inline-block;
	width: 1px;
	height: 9px;
	margin-right: 10px;
	background-color: #d7d7d7;
}

.prdlist-info .prd-srch-wrap{
	margin-top: 20px;
	padding-bottom: 20px;
}
.prdlist-info .checkbox-wrap{
	display: inline-block;
	width: 110px;
	margin-right: 24px;
	font-size: 14px;
	color: #666;
}
.prdlist-info .checkbox-wrap.style2{width: 96px;}
.prdlist-info .prd-srch-wrap .select-area{
	float: left;
	margin-left: 26px;
}
.prdlist-info .prd-srch-wrap .options{
	left: auto;
	right: 0;
}
.prd-list li .thum-wrap,
.soldout-wrap{height: 228px;}
.fes .prd-list li .thum-wrap,
.fes .soldout-wrap,
.fpr .prd-list li .thum-wrap,
.fpr .soldout-wrap,
.fbr .prd-list li .thum-wrap,
.fbr .soldout-wrap,
.fse .prd-list li .thum-wrap,
.fse .soldout-wrap,
.fev .prd-list li .thum-wrap,
.fev .soldout-wrap,
.fca .prd-list li .thum-wrap,
.fca .soldout-wrap{height: 275px;}
.fes .prd-list li .btn-area,
.fpr .prd-list li .btn-area,
.fbr .prd-list li .btn-area,
.fse .prd-list li .btn-area,
.fev .prd-list li .btn-area,
.fca .prd-list li .btn-area{top: 248px;}
.tab-tit + .detailed-srch{margin-top: 20px;}

/* list info */
.list-info {
	display: flex;
	align-items: center;
	gap: 40px;
}
.list-info .total-count{
	position: relative;
	font-size: 14px;
	font-weight: 500;
	color: #222;
}
.list-info .total-count:after{
	content:'';
	position: absolute;
	top: 2px;
	left: 35px;
	width: 1px;
	height: 9px;
	background-color: #d7d7d7;
}
.list-info .prd-num {
	margin-left: 20px;
	font-weight: 300;
}

/* THUMBNAIL-list-type2 */
.orderlist-wrap .tit-area{overflow: hidden;}
.orderlist-wrap .tit-area h4.ctit{float: left;}
.orderlist-wrap .tit-area .checkbox-wrap{
	float: right;
	width: 90px;
}
.orderlist-wrap .orderlist{margin-top: 0;}
.orderlist{
	position: relative;
	margin-top: 35px;
	border: 1px solid #e5e5e5;
}
.orderlist .badge-lst.detail {
	padding-bottom: 6px;
}
.orderlist .badge-lst.detail .badge {
	padding: 0px 6px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 400 !important;
	letter-spacing: -0.28px;
	color: #222;
	margin-top: 0px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	line-height: 20px;
}
.orderlist-wrap li .type2-wrap > a{width: 830px;}
.orderlist > ul > li{
	padding: 30px;
	border-top: 1px solid #e5e5e5;
}
.orderlist li:first-child{border-top: 0;}
.orderlist li .type2-wrap > a,
.orderlist li .type2-wrap > div{
	display: inline-block;
	vertical-align: middle;
}
.orderlist li .type2-wrap > div{margin-left: 66px;}
.orderlist li .thum-wrap,
.orderlist li .item-info{
	display: inline-block;
	position: relative;
	vertical-align:top;
}
.orderlist li .item-info{
	width:670px;
	font-size: 16px;
}
.orderlist li .prd-item-wrap:has(~.state-area) .item-info {
	width: 400px;
}
.orderlist li .item-info .point-info{
	margin-top: 10px;
}
.orderlist li .item-info .point-info .circle-point{
	font-size: 11px;
	font-weight: 500;
	color: #1181f1;
	letter-spacing: 0;
	position: relative;
	padding: 0px 0 0 1px;
}
.orderlist li .item-info .point-info.flex{
	display: flex;
	align-items: center;
}
.orderlist li .item-info .point-info .group{
	display: flex;
}
.orderlist li .item-info .point-info .group + .group{
	margin-left: 4px;
}
.orderlist li .item-info .point-info .circle-point:before{
	content: '';
	width: 16px;
	height: 16px;
	background-color: #1181f1;
	border-radius: 8px;
	opacity: .1;
	position: absolute;
	left: 50%;
	top: calc(50% - 1px);
	transform: translate(-50% , -50%);
}
.orderlist li .item-info .point-info .circle-point + .txt{
	padding-left: 8px;
}
.orderlist li .item-info .point-info .txt{
	font-size: 12px;
	color: #222;
	font-weight: 300;
	letter-spacing: -0.48px;
}
.orderlist li .item-info .point-info .txt-blue{
	font-size: 13px;
	color: #1181f1;
	letter-spacing: 0;
	font-weight: 400;
	margin-right: 2px;
}
.orderlist.type2 li .item-info{width: 470px;}
.orderlist.type3 li .item-info{width: 770px;}
.orderlist li .thum-wrap{
	overflow: hidden;
	width: 118px;
	height: 118px;
	margin-right: 20px;
	border: 1px solid #e5e5e5;
}
.orderlist li .thum-wrap img{width: 100%;}
.orderlist li .reasons-wrap{
	display: block;
	margin-top: 16px;
	font-size: 16px;
}
.orderlist li .package-wrap + .reasons-wrap{
	display: flex;
}
.orderlist li .reasons-wrap > span{
	display: inline-block;
	vertical-align: middle;
}
.orderlist li .reasons-wrap > span:first-child{
	margin:0 20px 0 30px;
	padding-right: 32px;
	background: url(../images/common/arrow/btn_rgt.png) right center no-repeat;
}
.orderlist li .reasons-wrap .reasons{
	width: 85%;
	padding: 17px 20px;
	background-color: #f2f2f2;
	font-weight: 300;
	line-height: 1.5;
	white-space: pre-line;
}
.orderlist li .reasons-wrap .reasons+.reasons{
	margin-top: 10px;
}
/* .orderlist .item-tit{height: 118px;} */
.orderlist .item-tit > span{
	display: block;
	margin-top: 6px;
}
.item-tit > span:nth-of-type(1) {margin-top: 10px;}
.orderlist .itme-name{
	display:inline-block;
	line-height:13px;
	font-weight: 500;
	letter-spacing: 0;
}
.orderlist .item-desc,
.orderlist .item-id,
.orderlist .item-option{font-size: 14px;}
.orderlist .item-desc{
	padding:3px 0;
	height: 38px;
	line-height:17px;
	font-weight: 300;
	height: auto;
	max-height: 38px;
}
/* .orderlist .item-option{
	display: inline-block;
	margin:5px 0;
	padding-bottom:13px;
	line-height:18px;
} */
.orderlist .item-price{
	/* position: absolute;
	bottom: 0;
	left: 0;
	line-height:13px; */
	margin-top: 10px;
}
.orderlist .cost-price{
	font-size:13px;
	font-weight: 300;
	color: #999;
	padding-left: 2px;
}
.orderlist .selling-price{
	margin-top: 2px;
	font-size: 16px;
	font-weight: 700;
}
.orderlist .unit{
	font-size:14px;
	padding-left: 1px;
}
.orderlist .item-id{
	/* margin-top: 3px;
	line-height:20px; */
	font-weight: 300;
	color: #666;
}
.orderlist-wrap .select-wrap{margin-left: 0;}
.orderlist-wrap .select-wrap .options{top:auto;}
.orderlist-wrap .options a{font-size: 16px;}
.orderlist-wrap .select-wrap .defalut-text,
.orderlist-wrap .input-area,
.orderlist-wrap .input-wrap{
	width: 786px !important;
	margin: 16px 0 0 138px;
	background-position: 97% center;
}
.orderlist-wrap .select-wrap .defalut-text,
.orderlist-wrap .input-wrap{
	margin: 0;
	margin-top: 16px;
}
.orderlist .package-chk-type .select-wrap .defalut-text,
.orderlist .package-chk-type .input-wrap{width: 756px !important;}
.orderlist-wrap .select-option{float: right;}
.orderlist-wrap .input-area{position: relative;}
.orderlist-wrap .input-area textarea{
	width: 100%;
	height: 100px;
	border: 1px solid #d7d7d7;
	padding: 15px;
	resize: none;
	font-size: 16px;
	font-weight: 300;
}
.orderlist-wrap .input-area textarea::placeholder{color: #999;}
.orderlist-wrap .input-area span{
	position: absolute;
	right: 15px;
	bottom: 15px;
	color: #999;
	font-size: 16px;
	font-weight: 300;
}

.orderlist .tit-area{
	overflow: hidden;
	position: relative;
	padding: 29px;
	/* border-bottom: 1px solid #e5e5e5; */
}
.orderlist .tit-area strong{font-size: 16px;}
.orderlist .tit-area strong + strong{
	margin-left: 30px;
}
.orderlist .tit-area strong.title{font-weight: 500;}
.orderlist .tit-area .date{margin-left: 10px; font-weight:500;}
.orderlist .tit-area .date:before{
	content:'';
	display: inline-block;
	width: 1px;
	height: 12px;
	margin-right: 10px;
	background-color: #999;
}
.orderlist .tit-area + ul{border-top: 1px solid #e5e5e5;}
.orderlist .btn-more ,.orderlist-wrap .btn-more,
.myorder .btn-more{
	display: flex;
	align-items: center;
	top: 32px;
	right: 30px;
	padding: 0 14px;
	background: url(../images/common/arrow/btn-rgt.png) no-repeat center right / 6px 11px;
}
.myorder .noti-disc{
	font-size: 16px;
	line-height: normal;
	letter-spacing: -0.64px;
	color: #666;
}
.orderlist + .orderlist{
	margin-top: 35px;
}
.orderlist-wrap.promotion-info .btn-more{
	top: 0;
	right: 0;
}
.orderlist li > div,
.orderlist li > a{
	display: inline-block;
	vertical-align: middle;
}
.orderlist .state-area  .state{
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	vertical-align:middle;
	letter-spacing: -0.64px;
}
.orderlist .state-area .state-group{
	margin: auto;
}
.orderlist .state-area .btn-area{
	display: inline-block;
	margin-left:20px;
	vertical-align:middle;
}
.orderlist .btn-area a,
.orderlist .btn-area button{
	display: block;
	width: 108px;
	margin-top: 10px;
	padding: 10px 0 10px 0;
	border: 1px solid #666;
	color: #666;
	text-align: center;
}
.orderlist .btn-area a:first-child,
.orderlist .btn-area button:first-child{margin-top: 0;}

.package-type.orderlist + .package-type{margin-top: -1px;}
.package-type.orderlist{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.package-type.orderlist ul,
.package-type.orderlist ul + div{
	display: table-cell;
	vertical-align: middle;
}
.package-type.orderlist ul{
	width: 653px;
	padding: 30px;
	padding-right: 0;
}
.package-type.orderlist li{
	position: relative;
	padding: 0;
	border: 0;
}
.package-type.orderlist li + li{
	padding: 30px 0 0 30px;
}
.package-type.orderlist li + li:after{
	content: '';
	position: absolute;
	top: calc(50% + 15px);
	left: 0;
	transform:translateY(-50%);
	width: 10px;
	height: 10px;
	border: solid #999;
	border-width: 0 0 1px 1px;
}
.package-type.orderlist li + li .item-info{width: 450px;}
.package-type.orderlist ul + div .rfc{
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}

.orderlist .package-type{padding:0;}
.orderlist .package-type + .package-type{margin-top: -1px;}
.orderlist .package-type{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.orderlist .package-type > ul,
.orderlist .package-chk-type .type2-wrap > ul,
.orderlist .package-type ul + div{
	display: table-cell;
	vertical-align: middle;
}
.orderlist .package-type > ul,
.orderlist .package-chk-type .type2-wrap > ul{
	width: 928px;
	padding: 30px;
	padding-right: 0;
}
.orderlist .package-chk-type .type2-wrap > ul{padding-bottom: 0;}
.orderlist.type2 .package-type > ul{width: 653px;}
.orderlist .package-type li{
	position: relative;
	padding: 0;
	border: 0;
}
.orderlist .package-type > ul li + li,
.orderlist .package-chk-type .type2-wrap > ul li + li{
	padding: 30px 0 0 30px;
}
.orderlist .package-type > ul li + li:after,
.orderlist .package-chk-type .type2-wrap > ul li + li:after{
	content: '';
	position: absolute;
	top: calc(50% + 15px);
	left: 0;
	transform:translateY(-50%);
	width: 10px;
	height: 10px;
	border: solid #999;
	border-width: 0 0 1px 1px;
}
.orderlist.type2 .package-type > ul li + li .item-info,
.orderlist .package-chk-type .type2-wrap > ul li + li .item-info{width: 450px;}
.orderlist .package-type .state-area .rfc {
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}
.orderlist .package-type li .item-info{/* width: 480px; */}
.orderlist .package-chk-type .select-option{padding: 0 29px 29px;}

/* 결제완료(선물하기) - 선물재발송 select */
.orderlist.type2 .btn-area .defalut-text {
	width: 108px !important;
	min-width: auto;
	height: 36px;
	padding: 4px 8px;
	padding-right: 20px;
	font-size: 14px;
	color: #666 !important;
	font-weight: 400;
	margin-top: 10px;
	background-position: 102% center;
}
.orderlist.type2 .btn-area .select-wrap a {
	border: none;
	padding: 7px 8px 8px 8px;
	font-size: 14px;
	text-align: left;
}
.orderlist.type2 li:has(.tooltip-wrap.open) {
	position: relative; z-index: 10;
}
.orderlist.type2 li:has(.tooltip-wrap.open) + li {
	z-index: 9;
}

/* FCA 사은품 유형 */
.orderlist-wrap{position: relative;}
.orderlist-wrap + .orderlist-wrap .orderlist.h-type{margin-top: 70px;}
.orderlist-wrap .btn-line{top: 0;}
.orderlist-wrap + .orderlist-wrap .btn-line{top: -42px;}
.orderlist.h-type{margin-top: 20px;}
.h-type > ul > li{border-top: 0;}
.h-type .chkitem-wrap,
.h-type .chkitem-wrap > a{
	display: inline-block;
	width: 49%;
}
.h-type .checkbox-wrap,
.h-type .chkitem-wrap > a{vertical-align: middle;}

.h-type .chkitem-wrap > a{
	width: 85%;
	cursor: default;
}
.h-type li .item-info{

	word-break:keep-all;
}
.h-type li .thum-wrap + .item-info{width: calc(100% - 160px);}
.h-type li .gift-tit{
	line-height: 1.5;
	font-weight: 300;
}
.h-type .checkbox-wrap,
.h-type .chkitem-wrap,
.h-type .radio-area{display: inline-block;}
.h-type .checkbox-wrap,
.h-type .radio-area{margin-right: 20px;}
.h-type .chkitem-wrap .thum-wrap,
.h-type .chkitem-wrap .item-info{vertical-align: middle;}
.h-type .chkitem-wrap.top-type .thum-wrap{vertical-align: top;}
.h-type .soldout-wrap{
	height: 100%;
	border: 0;
	z-index: 1;
}
.h-type .radio-area{
	width: 24px;
	vertical-align: middle;
}
.h-type .chkitem-wrap:nth-of-type(2) ~ .chkitem-wrap{margin-top: 30px;}

.h-type li .thum-wrap{position: relative;}
.h-type li .thum-wrap img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	max-width: 116px;
}
.orderlist-wrap .h-type + .btn-line{top: -42px;}


.orderlist-wrap + .orderlist-wrap.promotion-info .orderlist.h-type{margin-top: 0;}
.orderlist-wrap.promotion-info .orderlist + .orderlist,
.orderlist-wrap.promotion-info .clist{margin-top: 20px;}
.orderlist-wrap.promotion-info .orderlist .tit-area{
	padding-left:66px;
	background: url(../images/icon_giftbox.png) 28px center no-repeat;
}
/* .orderlist-wrap.promotion-info .orderlist li .thum-wrap,
.orderlist-wrap.promotion-info .orderlist li .item-info{vertical-align: middle;}
.orderlist-wrap.promotion-info .orderlist li .thum-wrap{position: relative;}
.orderlist-wrap.promotion-info .orderlist li .thum-wrap img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	max-width: 116px;
}
.orderlist-wrap.promotion-info .orderlist li .item-desc{
	height: auto;
}
.orderlist-wrap.promotion-info .orderlist li .gift-tit{font-weight: 300;}
.orderlist-wrap.promotion-info .h-type{margin-top: 0;}
.orderlist-wrap.promotion-info .h-type .radio-area{
	width: 24px;
	vertical-align: middle;
}

.orderlist-wrap.promotion-info .h-type .chkitem-wrap:nth-of-type(2) ~ .chkitem-wrap{margin-top: 30px;}

.orderlist.no-btn-type li > a{width: 100%;}
.orderlist.no-btn-type li .item-info{width: calc(100% - 142px);}
.orderlist.no-btn-type .package-type ul{padding-right: 30px;}
.orderlist.no-btn-type .package-type li:not(:first-child) .item-info{width: calc(100% - 142px);}

.orderlist-wrap.promotion-info .h-type .chkitem-wrap.top-type .item-info{vertical-align: top;}
.orderlist-wrap.promotion-info .h-type .item-option{
	margin-bottom: 0;
	padding-bottom: 0;
} */

.orderlist-wrap.promotion-info .c-acco{
	border: 0 none;
}
.orderlist-wrap.promotion-info .c-acco li{
	margin-top: 20px;
	border: 1px solid #e5e5e5;
}
.orderlist-wrap.promotion-info .c-acco li li{
	margin: 0;
	border: 0 none;
}

.orderlist-wrap.promotion-info .c-acco .acco-tit{
	display: block;
	border: 0 none;
}
.orderlist-wrap.promotion-info .c-acco .acco-tit::after{
	content: '';
	display: block;
	width: 15px;
	height: 7px;
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -3px;
	background: url(../images/common/arrow/btn_down_6.png) 0 0 no-repeat;
}
.orderlist-wrap.promotion-info .c-acco .current .acco-tit::after{
	background: url(../images/common/arrow/btn_up_6.png) 0 0 no-repeat;
}

.orderlist-wrap.promotion-info .c-acco .acco-tit + .cont{
	height: auto;
	border: 0 none;
	border-top: 1px solid #e5e5e5;
}

/* THUMBNAIL-list-type3 */
.itemlist-wrap{
	width: 1200px;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}
.itemlist-wrap img,
.item-package img{width: 100%;}
.itemlist-wrap .itemlist-tit,
.itemlist{
	display: table;
	table-layout:fixed;
	width: 100%;
}
.itemlist-wrap .itemlist-tit{
	padding: 15px 0;
	font-weight: 300;
	border: 1px solid #e5e5e5;
}
.itemlist-wrap .itemlist-tit > div{
	display: table-cell;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}
.itemlist-tit .list-tit03{
	width: 156px;
}
.itemlist-tit .list-tit02{width: 460px;}
.itemlist-tit .checkbox-wrap{left: 20px;}
.itemlist-tit .list-tit01{width:24px;}
.itemlist-tit .list-tit03,
.itemlist .list-cont02{width: 168px;}
.itemlist-tit .list-tit04{width: 170px;}
.itemlist .list-cont01{width: 520px;}
.itemlist .list-cont03{width: 170px; font-weight: 400;}
.itemlist .list-cont04{
	width: 190px;
}
.itemlist-tit .list-tit05,
.itemlist .list-cont-last{width: 190px !important;}
.itemlist .list-cont-last{
	width: 144px;
	position: relative;
}
.itemlist .point-wrap {
	display: flex;
	align-items: center;
	margin-top: 12px;
}
.itemlist .point-wrap .group{
	display: flex;
	align-items: center;
}
.itemlist .point-wrap .group + .group{
	margin-left: 4px;
}
.itemlist .point-wrap .circle-badge:before{
	content: '';
	background-color: #1181f1;
	opacity: 0.1;
	border-radius: 8px;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50% , -50%);
}
.itemlist .point-wrap .circle-badge{
	position: relative;
	display: inline-block;
	font-size: 11px;
	color: #1181f1;
	display: inline-block;
	font-weight: 900;
}
.itemlist .point-wrap .circle-badge +  .tit{
	margin-left: 8px;
}
.itemlist .point-wrap .tit{
	font-size: 12px;
	font-weight: 300;
	letter-spacing: -0.48px;
	color: #222;
}
.itemlist .point-wrap .group .txt-blue{
	font-size: 13px;
	color: #1181f1;
	letter-spacing: 0;
	font-weight: 400;
	margin-right: 2px;
}
.itemlist .arrow-btn {
	margin-top: 13px;
	display: block;
}
.itemlist .arrow-btn span{
	position: relative;
	padding-right: 15px;
	font-size: 14px;
	font-weight: 300;
	color: #666;
	letter-spacing: -0.56px;
}
.itemlist .arrow-btn span:after{
	content: '';
	background: url(../images/common/arrow/btn_rgt_6.png) no-repeat center / 100%;
	width: 7px;
	height: 12px;
	position: absolute;
	right: 0;
	top: 5px;
}
.itemlist{
	width: 100%;
	height: 177px;
	margin-top: -1px;
	border: 1px solid #e5e5e5;
}
.itemlist a.btn-xs{margin: 0 auto;}
.itemlist > div{
	display: inline-block;
	display: table-cell;
	width: 138px;
	padding: 40px 20px;
	border-left: 1px solid #e5e5e5;
	vertical-align: middle;
}
.itemlist .cart-delete-btn{
	background: url(../images/common/arrow/btn-cart-delete.png) no-repeat center / 100%;
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 38px;
	right:0;
}
.itemlist .list-cont01{
	padding-right: 40px;
	border: 0;
}
.itemlist .list-cont01 > div,
.itemlist .list-cont01 .thum-wrap{
	display: inline-block;
	vertical-align: middle;
}
.itemlist .list-cont01 .thum-wrap{
	position: relative;
	margin: 0 20px 0 20px;
	width: 118px;
	height: 118px;
}
.itemlist .list-cont01 .thum-area{
	overflow: hidden;
	display: block;
	width: 118px;
	height: 118px;
	border: 1px solid #e5e5e5;
}
.itemlist .list-cont01 .btn-area{
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.itemlist .item-info{
	position: relative;
	width: 275px;
	flex-shrink: 0;
}
.itemlist .item-id{
	margin-bottom: 6px;
	font-weight: 300;
	color: #666;
}
.itemlist .item-option{margin-top: 2px;}
.itemlist .item-option .btn-xs{margin-left: 10px;}
.itemlist .item-price{
	position:absolute;
	bottom:0;
}
.itemlist .selling-price {
	margin-top: 2px;
	font-weight: 700;
	font-size: 15px;
}
.itemlist .cost-price .unit{
	font-size: 12px;
}
.itemlist .unit{
	margin-left: 2px;
	font-size: 13px;
	font-weight: 400;
}
.itemlist .cost-price {
	font-weight: 300;
	color: #999;
}
.itemlist .select-num{
	/*width: 82px;*/
	margin: 0 auto;
}
.itemlist .select-num > input::placeholder{color: #222;}
.itemlist .list-cont02 .btn-xs{
	display: block;
	width: 62px;
	margin-top: 10px;
}
.itemlist .list-cont04{
	text-align: right;
	font-weight: 700;
	font-size: 16px;
}
.itemlist .list-cont04 .unit{
	font-size: 14px;
	font-weight: 400;
	margin-left:0;
}
.itemlist .list-cont03,
.itemlist .list-cont-last{
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}
.itemlist .list-cont-last .btn-area{
	margin: 7px auto;
}
.itemlist .list-cont-last .btn-xs{width: 98px; padding: 9px 0;}
.itemlist .list-cont-last .btn-area .btn-xs{margin: 3px 0;}

.itemlist .soldout-wrap{height: 119px;}
.itemlist-wrap > .btn{
	width: auto;
	margin-top: 28px;
	padding: 11px 30px;
}

/* list no-history */
.no-history{
	position: relative;
	/* height: 250px; */
	height: 380px;
	border: 1px solid #e5e5e5;
}
.no-history.orderlist{border: 0;}
.no-history span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	padding-top: 62px;
	text-align: center;
	background: url(../images/common/icon_nohistory.png) top center no-repeat;
	font-size: 16px;
	font-weight: 300;
	color: #666;
}

.orderlist .state-area{position: relative;}
.orderlist .state-area .rfc{
	position: absolute;
	top: 36px;
	left: 50%;
	padding: 0;
	font-size: 12px;
	font-weight: 300;
	color: #999;
	text-align: center;
	letter-spacing: 0;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	transform: translateX(-50%);
	width: 100%;
}
.orderlist .state-area .rfc span{
	display: block;
	margin-top: 6px;
}

.orderlist.gift-type .itme-name,
.orderlist.gift-type .item-desc{
	font-size: 16px;
	line-height: 1.5;
}
.orderlist.gift-type .thum-wrap{height: 74px;}
.orderlist.gift-type .item-tit,
.orderlist.gift-type .item-desc{height: auto;}

.orderlist.style-b{
	font-size: 16px;
	line-height: 1.5;
}
.orderlist.style-b .item-tit,
.orderlist.style-b .item-desc,
.orderlist.style-b .itme-name{
	height: auto;
	font-size: 16px;
}

/* order-history-srch */
.order-history-srch{border: 1px solid #222;}
.order-history-srch .tit-area{
	overflow: hidden;
	position: relative;
	padding: 0 19px;
}
.order-history-srch .tit-area > div{padding: 30px 11px}
.order-history-srch .tit-area strong{
	padding-left: 16px;
	background: url(../images/common/arrow/btn_fill_rgt.png) left center no-repeat;
	font-size:16px;
	font-weight: 400;
}
.order-history-srch .tit-area .date{
	color: #1181f1;
	font-weight: 500;
	letter-spacing:0;
}
.order-history-srch .btn-more{
	top:50%;
	transform: translateY(-50%);
	right: 30px;
	padding-right: 26px;
	color: #666;
}
.order-history-srch .detail-srch{display: none;}


.order-history-srch.open .tit-area > div{border-bottom: 1px solid #e5e5e5;}
.order-history-srch.open .btn-detail-srch{background-image: url(../images/common/arrow/btn_up.png);}
.order-history-srch.open .detail-srch{
	display: block;
	padding: 30px;
}
.order-history-srch .detail-srch > div{
	margin-top: 12px;
}
.order-history-srch .detail-srch > div:after{
	content:'';
	display: block;
	clear: both;
}
.order-history-srch.open .detail-srch .srch-op1{
	display: flex;
	align-items: center;
}
.order-history-srch .detail-srch > div:first-child{margin-top: 0;}
.order-history-srch .detail-srch strong{
	float: left;
	margin-right: 30px;
	padding: 10px 34px 10px 0;
	background: url(../images/common/arrow/btn_rgt.png) right center no-repeat;
	font-size: 16px;
	vertical-align:middle;
}
.order-history-srch .srch-op1 .radio-area,
.order-history-srch .srch-op1 .date-term{float: left;}
.order-history-srch .srch-op1 .date-term{margin-left: 15px;}

.order-history-srch.open .btn-area{
	margin: 29px -50px 0;
	padding-top: 30px;
	border-top: 1px solid #e5e5e5;
}
.order-history-srch.open .btn-area .btn{
	padding: 10px 30px;
	min-width: 140px;
	font-size: 14px;
}

/* soldout */
.soldout-wrap{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height:277px;
	background-color: rgba(255,255,255,.9);
	border: 1px solid #e5e5e5;
}
.soldout-wrap span{
	display: flex;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	width: 57px;
	height: 57px;
	padding: 15px 13px;
	font-size: 14px;
	color: #999;
	background-color: #fff;
	text-align: center;
	letter-spacing: 0;
	border: 1px solid #e5e5e5;
	line-height: 1.3;
	justify-content: center;
	align-items: center;
}
.soldout-wrap:before{
	content:'';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 400px;
	transform:translate(-50%,-50%) rotate(-45deg);
	background-color: #e5e5e5;
}

/* product no data */
.prdlist-wrap .no-history {
	border:0;
}

/* layer */
.popup-wrap,
.message-wrap{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,.6);
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	font-size: 16px;
	z-index: 53;
}
.popup-box,
.alert-box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #fff;
}

.pop-table{
	margin-top: 26px;
}
.pop-table .pop-desc{
	margin-top: 10px;
}
.pop-table .pop-desc > p{
	position: relative;
	padding:0 8px;
	font-size:16px;
	color: #666;
	font-weight: 300;
}
.pop-table .pop-desc >p::before{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 3px;
	height: 3px;
	background-color: #666666;
	border-radius: 100%;
}
.pop-table thead{
	border-top: 1px solid #222;
	border-bottom: 1px solid #999;
}
.pop-table thead th{
	padding: 20px 0;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
}
.pop-table td:first-child{
	text-align: left;
	overflow: hidden;
}
.pop-table td.text-left {
	text-align: left;
}
.popup-content .pop-table .btn-area{
	left: 0;
	padding-top: 30px;
}
.popup-content .pop-table .btn-close{
	position: static;
}
.pop-table td{
	line-height: 1.2;
	white-space: normal;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 400;
	color: #222222;
	text-align: center;
	padding:20px;
	border-bottom:1px solid #e5e5e5;
}
.pop-table td input{
	height: 38px;
	font-size: 14px;
	font-weight: 400;
	color: #222;
}
.pop-table td .pop-btn{
	border: 1px solid #666666;
	padding: 6px 20px;
	font-size: 14px;
	font-weight: 400;
	color: #666;
}
.pop-table.orderlist-wrap{
	margin-top: 0;
}

.pop-table .orderlist{
	border: 0 none;
	padding: 0;
}
.pop-table .orderlist > ul > li{
	padding: 0;
}
.popup .pop-table .orderlist li .item-info{
	width: 400px;
}
.popup .pop-table .orderlist li .thum-wrap{
	width: 74px;
	height: 74px;
}
.popup .pop-table .orderlist .itme-name{
	font-size: 16px;
}
.popup .pop-table .num{
	font-size: 16px;
}
.alert-box{
	width: 380px;
	height: 175px;
	border: 1px solid #000;
	text-align: center;
}
.popup-content div.btn-area{
	padding-top: 19px;
	border-color:#d0d0d0;
}
.popup-box .btn-close,
.alert-box .btn-close{
	position: absolute;
	top: 57px;
	right: 61px;
}
.alert-box .btn-close{
	top: 14px;
	right: 14px;
}
.alert-box .message-box{
	position: relative;
	height: 120px;
}
.alert-box .alert-message{
	position: absolute;
	top: 50%;
	left: 0;
	transform:translateY(-50%);
	width: 100%;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
}
.alert-box .btn-area{
	position: absolute;
	left: 50%;
	bottom: 21px;
	transform:translateX(-50%);
}
.alert-box .btn{
	width: auto;
	padding: 10px 30px;
}

.popup .popup-box{
	width: 800px;
	/*min-height: 640px;*/
	height:auto !important;
	max-height: 680px;
	padding-bottom:100px;
}
.popup .popup-box.ui-event{
	width: 800px;
}
.popup-box.ui-event .popup-content{
	padding: 0 30px;
}
.popup-box.ui-event .popup-content .survey-list{
	display: block;
	margin: 0;
	text-align: left;
	list-style: none;
	line-height: 1.5;
	padding: 0;
}
.popup-box.ui-event .popup-tit{
	text-align: left;
}
.popup-box.ui-event .popup-content .survey-list li{
	padding: 26px 0;
	text-align: left;
	display: block;
}
.popup-box.ui-event .popup-content .survey-list li .img-wrap{
	display: block;
	width: 663px;
	height: 100%;
	border: 0;
}
.popup-box.ui-event .popup-content .survey-list .edit-area{
	font-size: 18px;
}
.popup .popup-content{
	overflow-y:auto;
	max-height:522px !important;
	padding: 30px;
}
.popup .popup-tit{
	display: block;
	padding:20px 50px 21px 22px;
	background-color: #1181f1;
	font-size:18px;
	color: #fff;
	border: 1px solid #1181f1;
}
/*.popup .clist{margin-bottom: 30px;}*/
.popup .orderlist{margin-top: -1px;}
.popup .orderlist li .item-info{width: 510px;}
.popup .popup-box .btn-close{
	top: 22px;
	right: 18px;
	opacity: 1;
}
.popup-content .title{
	display: block;
	font-size: 32px;
	font-weight: 500;
	/* color: #1181f1; */
	/* text-align: center; */
}
.popup-content .desc{
	text-align: center;
	margin-top: 23px;
	font-size: 16px;
	line-height: 24px;
	color: #222;
}
.popup-content .desc strong{
	font-weight: bold;
}
.popup .btn-area{
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 30px;
	border-top: 1px solid #e5e5e5;
	text-align: center;
	background-color: #fff;
}

.popup.small .popup-box{
	width: 530px;
}
/* ns 상품 주문 접수 안내 popup */
.popup-wrap.ns-popup .popup-box {max-height: unset; padding-bottom: 0;}
.popup-wrap.ns-popup {text-align: center;}
.popup-wrap.ns-popup .popup-tit {text-align: left;}
.popup-wrap.ns-popup .popup-content {max-height: 730px !important; overflow-x: hidden;}
.popup-wrap.ns-popup .popup-title {
	font-size: 24px;
	line-height: 40px;
	color: #222;
	font-weight: 500;
	margin: 10px 0 40px;
}
/*.popup-wrap.ns-popup .popup-title span {*/
/*	font-size: 18px;*/
/*	display: block;*/
/*}*/
.popup-wrap.ns-popup .notice-wrap {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
.popup-wrap.ns-popup .notice {
	padding: 40px 0;
	font-size: 16px;
	line-height: 24px;
	color: #666666;
}
.popup-wrap.ns-popup .notice li {
	color: #666;
	font-weight: 400;
}
.popup-wrap.ns-popup .notice ol ul {margin-top: 4px;}
.popup-wrap.ns-popup .notice ol>li {
	list-style: auto;
	list-style-position: inside;
}
.popup-wrap.ns-popup .notice ol>li+li {margin-top: 10px;}
.popup-wrap.ns-popup .notice ol ul {padding-left: 20px;}
.popup-wrap.ns-popup .notice.txt-left > * {
	text-align: left;
}
.popup-wrap.ns-popup .notice+.notice {
	border-top: 1px solid #d7d7d7;
}
.popup-wrap.ns-popup .notice strong {
	display: block;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	margin-bottom: 12px;
}
.popup-wrap.ns-popup .notice strong:before {
	content: '';
	display: inline-block;
	width: 18px; height: 18px;
	background: url(../images/common/icon_notice.png) 100% no-repeat;
	transform: translateY(2px);
	margin-right: 10px;
}
.popup-wrap.ns-popup .agree-area {
	margin-top: 10px;
}
.popup-wrap.ns-popup .agree-area .notice {
	padding: 24px 30px;
	background-image: none;
	text-align: left;
}
.popup-wrap.ns-popup .agree-area .notice li a,
.popup-wrap.ns-popup .agree-area .notice li span {
	font-weight: 500;
	color: #222;
	font-size: 16px;
}
.popup-wrap.ns-popup .agree-area .notice li a {
	text-decoration: underline;
	text-underline-offset: 2px;
}
.popup-wrap.ns-popup .agree-area .checkbox-wrap {
	margin-top: 20px;
}
.popup-wrap.ns-popup .btn-area {
	position: static;
	margin-top: 26px;
	padding-bottom: 0;
	padding-top: 30px;
	width: calc(100% + 60px);
	margin-left: -30px;
}
/* ns-popup type2 - 스페셜오더 팝업 */
.popup-wrap.ns-popup.type2 .popup-title {
	/*text-align: left;*/
	/*display: flex;*/
	/*justify-content: space-between;*/
	margin: 10px 0 30px;
}
.popup-wrap.ns-popup.type2 .checkbox-wrap {z-index: 10; margin-top: 2px;}
.popup-wrap.ns-popup.type2 .notice strong:before {display: none;}
.popup-wrap.ns-popup.type2 .checkbox-wrap input[type="checkbox"]:not(:checked) + label,
.popup-wrap.ns-popup.type2 .radio-area input[type="radio"]:not(:checked) + label {
	border-color: #222;
}
.popup-wrap.ns-popup.type2 .checkbox-wrap input[type="checkbox"]:not(:checked) + label:before,
.popup-wrap.ns-popup.type2 .checkbox-wrap input[type="checkbox"]:not(:checked) + label:after {
	background-color: #222;
}
.popup-wrap.ns-popup.type2 .notice.txt-left {
	display: flex;
	gap: 10px;
	padding: 26px 0;
}
.popup-wrap.ns-popup.type2 .notice.txt-left li {
	margin: 5px 0;
	font-weight: 300;
}
.popup-wrap.ns-popup.type2 .notice.txt-left p {font-weight: 300;}
.popup-wrap.ns-popup.type2 .notice.txt-left li:before {
	border-radius: 0;
	width: 5px; height: 1px;
}
.popup-wrap.ns-popup.type2 .notice .dot-list li::before {
	width: 3px; height: 3px; top: 9px;
	border-radius: 50%;
}
.popup-wrap.ns-popup.type2 .list-section {
	padding: 26px 0;
	border-top: 1px solid #d7d7d7;
	color: #666;
	font-weight: 300;
}
.popup-wrap.ns-popup.type2 .list-section strong {
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	margin-bottom: 8px;
	display: block;
	color: #222;
}
.popup-wrap.ns-popup.type2 .list-section strong.tt {
	margin-bottom: 16px;
	font-size: 20px;
}
.popup-wrap.ns-popup.type2 .list-section ol > li {
	display: flex;
	gap: 10px;
}
.popup-wrap.ns-popup.type2 .list-section ol > li+li {margin-top: 14px;}
.popup-wrap.ns-popup.type2 .list-section .clist li {line-height: 1.5;}
.popup-wrap.ns-popup.type2 .list-section .clist li:before {
	border-radius: 0;
	width: 5px; height: 1px;
}
.popup-wrap.ns-popup.type2 .btn-area .btn:last-child {width: 135px; padding-inline: 0;}
.popup-wrap.ns-popup.type2 .agree-area .checkbox-wrap {margin-top: 16px;}
.popup-wrap.ns-popup.type2 .agree-area .checkbox-wrap input[type="checkbox"] + label > span {color: #222;}

/* #60 - 장바구니 confirm */
.message-wrap.message-confirm .alert-box {
	width: 400px;
	height: 234px;
	border-radius: 10px;
	border: 1px solid #222;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.message-wrap.message-confirm .alert-box .message-box {flex: 1;}
.message-wrap.message-confirm .alert-box .alert-message {
	font-size: 18px;
	letter-spacing: -0.45px;
	color: #222;
	font-weight: 500;
}
.message-wrap.message-confirm .alert-box .btn-area {
	position: static;
	transform: none;
}
.message-wrap.message-confirm .alert-box .btn {
	width: 50%;
	height: 60px;
	line-height: 60px;
	margin: 0;
	border: none;
	border-top: 1px solid #d9d9d9;
	padding-top: 0; padding-bottom: 0;
}
.message-wrap.message-confirm .alert-box .btn-close {
	right: 20px;
	top: 20px;
}
.message-wrap.message-confirm .alert-box .btn-close img {width: 16px;}
/* swiper-basic */
.swiper-slide{
	font-size: 18px;
	display:block;
	background-size: cover;
	background-position: center;
}
/* .append-buttons{text-align: center;}
.append-buttons a {
	display: inline-block;
	border: 1px solid #007aff;
	color: #007aff;
	text-decoration: none;
	padding: 4px 10px;
	border-radius: 4px;
	margin: 0 10px;
	font-size: 13px;
} */

/* swiper-custom */
.swiper-area{position: relative;}
.swiper-button-next, .swiper-button-prev{
	display: block;
	width: 37px;
	color:transparent;
	align-items: initial;
	justify-content: initial;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0;}

/* .append-buttons{
	position: absolute;
	bottom: 0;
	left: 0;
}
 */
.swiper-container.navi-disabled [class*=swiper-button-],
.swiper-container.navi-disabled ~ [class*=swiper-button-]{display: none;}

.controls-wrap{
	position: relative;
	float: right;
	width: 108px;
	height: 11px;
	margin: 14px 10px 0 0;
}
.swiper-pagination-fraction{
	font-weight: 300;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}
.controls-wrap .swiper-pagination-current{font-weight: 500 !important;}
.controls-wrap .swiper-button-next,
.controls-wrap .swiper-button-prev,
.controls-wrap .swiper-button-pause{
	height: 11px;
	line-height: 0;
	opacity: .6;
}
.controls-wrap .swiper-button-next,
.controls-wrap .swiper-button-prev{
	top: auto;
	bottom: 0;
	width: 34px;
	margin-top: 0;
	padding: 0 14px;
}
.controls-wrap .swiper-button-next:hover,
.controls-wrap .swiper-button-prev:hover,
.controls-wrap .swiper-button-pause:hover{opacity: 1;}
.controls-wrap .swiper-button-pause{
	position: absolute;
	top: 1px;
	right: 0;
	width: 8px;
	height: 11px;
	background: url(../images/common/btn_pause.png) center no-repeat;
	cursor: pointer;
	z-index: 10;
}
.swiper-button-pause.active,

.swiper-button-play.off{background-image: url(../images/common/arrow/btn_fill_rgt_m.png);}
.controls-wrap .swiper-button-next{left: 56px;}
.controls-wrap .swiper-button-prev{left: 26px;}
.controls-wrap .swiper-button-next:after,
.controls-wrap .swiper-button-prev:after{content:none;}
.controls-wrap .swiper-button-prev:after{
	content:'';
	position: absolute;
	top: 0;
	right: 2px;
	width: 1px;
	height: 11px;
	background-color: #d9d9d9;
}
.controls-wrap .swiper-pagination-fraction{
	bottom: 0;
	width: auto;
	height: 11px;
	font-size: 12px;
	font-weight:300;
}

/* hero-bnr controls-wrap */
.hero-bnr-area{position: relative;}
.hero-bnr-area .swiper-wrapper{line-height: 0;}
.hero-bnr-area .swiper-slide > a{
	overflow: hidden;
	display: block;
	width: 1200px;
	height: 370px;
}
.hero-bnr-area .swiper-slide > a img{width: 100%;}
.hero-bnr-area .controls-wrap{
	overflow:hidden;
	position:relative;
	top: -44px;
	width:100%;
	height: 42px;
	margin: 0;
	padding: 0;
	z-index:2;

}
.hero-bnr-area .controls-wrap .swiper-pagination {
	bottom: 0;
	width:91.1%;
	height: 41px;
	vertical-align: top;
	overflow: hidden;
}
.hero-bnr-area .controls-wrap .swiper-pagination:before {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:1px;
	background:#e5e5e5;

}
.hero-bnr-area .controls-wrap .swiper-pagination:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:1px;
	background:#e5e5e5;
	z-index: -1;
}
.hero-bnr-area .controls-wrap .swiper-pagination ul {
	/* overflow:hidden; */
	display: table;
	table-layout:fixed;
	width:calc(100% - 61px);
	height: 41px;
	/* border-bottom:1px solid #e5e5e5; */
}
.hero-bnr-area .controls-wrap .swiper-pagination ul li {
	position: relative;
	display: table-cell;
	min-width: 344px;
	border-left:1px solid #e5e5e5;
	height: 100%;
}
.hero-bnr-area .controls-wrap .swiper-pagination ul li:first-child{margin-left: 0;}
.hero-bnr-area .controls-wrap .swiper-pagination ul li.active {
	background:#1181f1;
	border-color: #1181f1;
	color: #fff;
	margin-bottom: -1px;
	height: 100%;
}
.hero-bnr-area .controls-wrap .swiper-pagination ul li.active .cd-label:before{
	content:'';
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #1181f1;
}
.hero-bnr-area .controls-wrap .swiper-pagination .cd-label{
	position: relative;
	display: block;
	padding: 13px 0;
}
.hero-bnr-area .controls-wrap .swiper-buttons{
	position:absolute;
	top:1px;
	right:0;
	width: 108px;
	height: 10px;
	padding: 19px 0 20px;
	border: solid #e5e5e5;
	border-width: 1px 1px 1px 0;
}
.hero-bnr-area .controls-wrap .paging-fraction{
	position: absolute;
	right: -3px;
	bottom: 0;
	width:65px;
	padding: 13px 0 12px;
	border:solid #e5e5e5;
	border-width: 1px 0 1px 1px;
	font-weight: 300;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	text-align:center;
}
.hero-bnr-area .controls-wrap .paging-fraction .current{font-weight: 500;}
.hero-bnr-area .controls-wrap .swiper-button-next,
.hero-bnr-area .controls-wrap .swiper-button-prev{bottom: 15px;}
.hero-bnr-area .controls-wrap .swiper-button-next{left: 30px;}
.hero-bnr-area .controls-wrap .swiper-button-prev{left: 0px;}
.hero-bnr-area .controls-wrap .swiper-button-pause{
	right: 24px;
	top: 16px;
}
.hero-bnr-area .hero-bnr-thumbs {
	position:absolute;
	bottom:2px;
	left:0;
	width:calc(100% - 171px);
	height:41px;
	border-bottom:1px solid #e5e5e5;
}
.hero-bnr-area .hero-bnr-thumbs .swiper-wrapper .swiper-slide {
	position: relative;
	padding: 13px 0;
	border-left:1px solid #e5e5e5;
	font-size:14px;
	line-height:1;
	text-align:center;
	cursor:pointer;
}
.hero-bnr-area .hero-bnr-thumbs .swiper-wrapper .swiper-slide.swiper-slide-active {
	background:#1181f1;
	border-color: #1181f1;
	color: #fff;
}.hero-bnr-area .controls-wrap .swiper-pagination.loop-pagination {
	overflow:hidden;
	padding-right:62px;
}
.hero-bnr-area .controls-wrap .swiper-pagination.loop-pagination ul {
	position:relative;
	display:flex;
	table-layout:initial;
	width:300%;
	transition-property:transform;
	transform:translateX(0);
}
.hero-bnr-area .controls-wrap .swiper-pagination.loop-pagination ul li {
	/* float:left;
	display:block; */
}
.hero-bnr-area .controls-wrap .swiper-pagination.loop-pagination .paging-fraction {
	width:64px;
	background:#fff;
}

/* content */
#wrap{
	/*position: relative;*/
	width: 100%;

}
.inner-wrap{
	width: 1200px;
	margin: 0 auto;
}
.inner-wrap.shop-main{
	width: 100%;
	overflow-x: hidden;
}

/* top banner */
.top-bnr-wrap{
/*	position: absolute;*/
    position: relative;
	width: 100%;
	z-index: 30;
}

.top-bnr-wrap{
	height: 100px;
	overflow: hidden;
	/*background-color: #0f57a5;*/
	transform:translateY(0);
	/* transition:all .2s ease-in-out; */
}
.top-bnr-wrap .inner-wrap{}
.bnr-off #header{top: 0;}
.bnr-off #container{padding-top: 0;}
.top-bnr-wrap.close{transform:translateY(-100%);}
.top-bnr-wrap .inner-wrap{
    position: relative;
    width: 100%;
    text-align: center;
}
.top-bnr-wrap .top-banner{height: 100px;}
.top-bnr-wrap .inner-wrap a{
    display: block;
}
.top-bnr-wrap .btn-close{
	position: relative;
    width: 1200px;
    margin: 0 auto;
}
.top-bnr-wrap .btn-close img{
	position: absolute;
	right: 0;
    top: 50%;
    margin-top: -50px;
    transform:translateY(-50%);
}

/* header */
#header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	background-color: #fff;
	/* transition:all .2s ease-in-out; */
	z-index: 40;
}

.top-bnr-wrap + #header {
	margin-top: 100px;
}
.top-bnr-wrap + #header.fixed-top {
	margin-top: 0;
}

.top-bnr-wrap.close + #header {
	top:0;
	transform:translateY(0);
	margin-top: 0;
}
.top-bnr-wrap.close ~ #container{
	padding-top:78px;
}
.header-wrap{position: relative;}
.header-top,
.header-bot{border-bottom: 1px solid #e7e7e7;}
.header-top{height: 114px;}
.header-top .inner-wrap{
	position: relative;
	height: 100%;
	padding-top: 32px;
}
.header-top .gnb-s-logo{display: none;}
.header-top h1{
	width: 248px;
	height: 113px;
	margin-top: -32px;
	overflow: hidden;
}
.header-top h1 a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}
.header-top h1 img{
	width: 100%;
}
.header-top .search-area{
	position: absolute;
	top: 34px;
	left: 248px;
	width: 377px;
	height:48px;
}

.header-top .search-area form{
	overflow: hidden;
	height:100%;
	border: 1px solid #1181f1;
	border-radius: 24px;
	height: 48px;
}

.header-top .search-area input[type="text"]{
	width: 377px;
	height:100%;
	padding: 11px 15px;
	border: 0 none;
	letter-spacing: -1px;
	padding-right: 70px;
	-webkit-appearance: none;
}
.header-top .search-area input[type=text]::-ms-clear{
	display: none;
}
.header-top .search-area .btn-area > button{margin:0;}
.header-top .btn-srch{
	height:100%;
	padding: 14px 14px 15px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
}
.header-top .btn-srch-close{
	position: absolute;
	right: 44px;
	top: 14px;

}
/* .header-top .btn-srch-close{display: none;} */
.header-top .h-top-right{width: auto;}
.header-top .h-bnr-area{
	position: relative;
	width: 248px;
}
.header-top .h-bnr-slider a{display: block;}
.header-top .h-bnr-area .swiper-button-next,
.header-top .h-bnr-area .swiper-button-prev{
	position: absolute;
	right: 0;
	height: auto;
	opacity: .6;
}
.header-top .h-bnr-area .swiper-button-next{top: 52px;}
.header-top .h-bnr-area .swiper-button-prev{
	top: 22px;
	left: auto;
}
.header-top .swiper-button-next:after,
.header-top .swiper-button-prev:after{content:none;}
.header-top .h-bnr-area .swiper-button-prev:after{
	content:'';
	position: absolute;
	top: 23px;
	right: 0;
	width: 11px;
	height: 1px;
	background-color: #d9d9d9;
}
.header-top .h-bnr-area .swiper-button-next:hover,
.header-top .h-bnr-area .swiper-button-prev:hover{opacity: 1;}

.header-top .util{
	position: relative;
	z-index: 11;
}
.header-top .util li{
	display: inline-block;
	margin-left: 15px;
}
.header-top .util li:first-child,
.main-menu li:first-child{margin-left: 0;}
.header-top .util .util-btn{
	display: block;
	position: relative;
	background: center no-repeat;
	width: 53px;
	height: 53px;
}
.header-top .util .btn-cart{background-image: url(../images/common/gnb/btn_cart.png);}
.header-top .util .btn-deliver{background-image: url(../images/common/gnb/btn_deliver.png);}
.header-top .util .btn-mypage{background-image: url(../images/common/gnb/btn_mypage.png);}
.header-top .util .btn-alarm{background-image: url(../images/common/gnb/ico-alrim.png);background-size: 53px;}

.header-top .util .btn-cart:hover{background-image: url(../images/common/gnb/btn_cart_on.png);}
.header-top .util .btn-deliver:hover{background-image: url(../images/common/gnb/btn_deliver_on.png);}
.header-top .util .btn-mypage:hover{background-image: url(../images/common/gnb/btn_mypage_on.png);}
.header-top .util .btn-alarm:hover,
.header-top .util .btn-alarm.on{background-image: url(../images/common/gnb/ico-alrim-on.png);background-size: 53px;}
.header-top .util .pd-num{
	position: absolute;
	top: -2px;
	right: -5px;
	height: 18px;
	padding: 5px 6px 5px 6px;
	border-radius:9px;
	background-color: #dd042b;
	font-size: 10px;
	color: #fff;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-del-s{
	display: inline-block;
	width: 10px;
	height: 9px;
	background: url(../images/common/btn_close_xs.png) 0 0 no-repeat;
	font-size: 0;
	opacity: .4;
	transition:all .2s ease;
}
.btn-del-all{
	padding-right: 14px;
	background: url(../images/common/btn_close_xxs.png) right center no-repeat;
	font-weight: 300;
	color: #666;
}

.gnb-srch-layer{
	display: none;
	overflow:hidden;
	position: absolute;
	top: 50px;
	left: 0;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	width: 417px;
	z-index: 10;
}
.gnb-srch-layer.noRecomm{
	border: 0 none;
}
.gnb-srch-layer .srch-word{position: relative;}
.gnb-srch-layer .srch-word .word-wrap{
	min-height: 180px;
	padding: 25px 0 26px;
	border-top:0;
}
.gnb-srch-layer .word-wrap li{
	overflow: hidden;
	padding:0 20px;
}
.gnb-srch-layer .word-wrap li:hvoer{
	background-color: #f8f8f8;
}
.gnb-srch-layer .word-wrap li + li{margin-top: 5px;}
.gnb-srch-layer .word-wrap li > a{
	float: left;
	width: 74%;
	padding: 6px 0;
	overflow: hidden;
	/* text-overflow: ellipsis; */
	white-space: nowrap;
}
.gnb-srch-layer .word-wrap li > a:focus{
	background:none;
}
.gnb-srch-layer .word-wrap li > div{
	float: right;
}
.gnb-srch-layer .word-wrap .date{
	display: inline-block;
	padding-top: 10px;
	font-family: 'Roboto','Noto Sans KR',sans-serif;
	font-weight: 300;
	color: #666;
	vertical-align: top;
}
.gnb-srch-layer .word-wrap .btn-del-all{
	position: relative;
	margin: 0;
	width: 20px;
	height: 30px;
	padding: 7px 0;
	background-position-y: 13px;
	font-size: 0;
}
.gnb-srch-layer .issue-wrap{
	width: 100%;
	height: 445px;
}
.gnb-srch-layer .issue-wrap .srch-keyword{
	display: block;
	position: relative;
	width: 100%;
	border: 0;
}
.gnb-srch-layer .issue-wrap .srch-keyword .keyword{
	padding: 10px 14px 10px 20px;
}
.gnb-srch-layer .issue-wrap .srch-keyword em{width: 90%;}
.gnb-srch-layer .issue-wrap .srch-keyword .date,
.srch-word .btn-del-all{
	position: absolute;
	border: 0;
	top: 0;
	right: 0;
	margin: 18px 20px;
	padding-top: 0;
}
.gnb-srch-layer .no-history{
	height: 100px;
	border: 0;
}
.gnb-srch-layer .issue-wrap .srch-keyword .keyword:nth-of-type(1){margin-top: 14px;}
.gnb-srch-layer .issue-wrap .srch-keyword .keyword:nth-of-type(10){margin-bottom: 14px;}

.gnb-srch-layer > .btn-del-all{
	display: block;
	margin:0 20px;
	padding: 20px 14px 20px 0;
	text-align: right;
	border-top: 1px solid #d7d7d7;
}
.gnb-small .gnb-srch-layer{
	top: 50px;
    width: 367px;
}

.gnb-srch-layer ul{
	position:relative;
	margin:-1px 0 0;
	padding:20px 0;
}

.gnb-srch-layer ul:before{
	content:'';
	position:absolute;
	top:0;
	left:20px;
	right:20px;
	border-top:1px solid #d7d7d7;
}

.gnb-srch-layer.gnb-srch-first  ul:before{
	border-top: 0 none;
}
.gnb-srch-layer li a{
	display: block;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 300;
}
.gnb-srch-layer li:hover{
	background-color: #f8f8f8;
}
.gnb-srch-layer li:focus a,
.gnb-srch-layer li.on a{
	background:#f8f8f8;
}
.gnb-srch-layer li  a .brand{font-weight: 500;}
.gnb-srch-layer li  a .high-light{color: #1181f1;}
/*.gnb-srch-layer .brand-autolist{border-top: 1px solid #d7d7d7;}*/

.header-bot{height: 65px;}
#gnb,
.header-bot .inner-wrap{height: 64px;}
#gnb{
	position: absolute;
	bottom: -64px;
	left: 0;
}
.main-menu{
	/* width: 510px; */
	height: 64px;
}
.main-menu > li{
	float: left;
	padding:0 25px;
}
.main-menu > li:first-child{padding-left: 0;}
.main-menu > li > a{
	position: relative;
	display: block;
	padding: 24px 0;
	font-size: 18px;
	transition:all .2s ease;
	letter-spacing: 0;
}
.main-menu > li.menu1 > a{
	/* background: url(../images/common/gnb/img_points.png) left center no-repeat; */
	/* text-indent: 12px; */
}
.main-menu > li.menu1 > a:before,
.main-menu > li:nth-of-type(2) > a:before,
.main-menu > li:nth-of-type(3) > a:before{
	content:'S';
	display: inline-block;
	padding-right: 4px;
	font-weight: 500;
}
.main-menu > .current > a,
.main-menu > li:hover > a{color: #1181f1;}
.main-menu > .current > a:after,
.main-menu > li:hover > a:after{
	content:'';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform:translateX(-50%);
	width: 80px;
	height: 3px;
	background-color: #1181f1;
}

.header-bot .util{
	height: 64px;
}
.header-bot .util li{
	float: left;
	position: relative;
	margin:0 14px;
	padding: 25px 0;
}
.header-bot .util li:after{
	content:'';
	position: absolute;
	top: 50%;
	right: -14px;
	transform:translateY(-50%);
	width: 1px;
	height: 15px;
	background-color: #e5e5e5;
}
.header-bot .util li:last-child:after{content:none}
.header-bot .util li a{
	display: block;
	position: relative;
	background: left center no-repeat;
}
.header-bot .util li:last-child a{padding-right: 0;}
.header-bot .util li a span{
	padding: 0 0 4px 23px;
	transition:all .2s ease;
}
.header-bot .util em{
	margin-right: 4px;
	font-weight: 500;
}
.header-bot .util li a:hover span{border-bottom: 1px solid #000;}
.header-bot .util .btn-login{background-image: url(../images/common/gnb/btn_login.png);}
.header-bot .util .btn-join{background-image: url(../images/common/gnb/btn_join.png);}
.header-bot .util .btn-user{background-image: url(../images/common/gnb/btn_user.png);}
.header-bot .util .btn-reg{background-image: url(../images/common/gnb/btn_reg.png);}
.header-bot .util .btn-join + .gift-point{
	position: absolute;
	top: -4px;
	left: 14px;
	width: 65px;
	height: 27px;
	padding: 4px 0;
	background: url(../images/common/gnb/bg_joinpoint.png) center no-repeat;
	color: #fff;
	font-size: 12px;
	text-align: center;
	letter-spacing: 0;
}

/* GNB */
#gnb ul{height: 100%;}
#gnb li,#gnb a{transition:all .2s ease;}
#gnb .main-menu > li{position: relative; line-height: 1;}
#gnb .two-depth{
	display: none;
	position: absolute;
	top: 66px;
	left: 0;
	width: auto;
	padding: 20px 0;
	background-color: #fff;
	z-index: 10;
	transition:all .2s ease;
	border: 1px solid #e5e5e5;
	border-top: 0;
}
#gnb .main-menu > li:hover > a + .two-depth{display:block;}
#gnb .main-menu li:first-child .two-depth{left: -30px;}
#gnb .two-depth > ul{width: 240px;}
#gnb .two-depth > ul > li > a{
	position: relative;
	display: block;
	width: 240px;
	padding:0 28px 0 30px;
	font-size: 16px;
	color: #666;
}
#gnb .menu1 .two-depth > ul > li > a{
	padding:0 28px 0 56px;
	position: relative;
}
#gnb .menu1 .two-depth > ul > li> a .ico{
	display: block;
	position: absolute;
	top: 12px;
	left: 30px;
	width: 16px;
	height: 16px;
	background: url('../images/common/gnb/ico_new.png') 0 0 none;
	font-size: 0;
}
/*신상품*/
#gnb .menu1 .two-depth > ul > li> a .new{
	background-image: url('../images/common/gnb/ico_new.png');
}
/*베스트*/
#gnb .menu1 .two-depth > ul > li> a .best{
	background-image: url('../images/common/gnb/ico_best.png');
}
/*브랜드*/
#gnb .menu1 .two-depth > ul > li> a .brand{
	background-image: url('../images/common/gnb/ico_brand.png');
}
/*핫딜*/
#gnb .menu1 .two-depth > ul > li> a .hotdel{
	background-image: url('../images/common/gnb/ico_hotdel.png');
}
/*카메라 액세서리*/
#gnb .menu1 .two-depth > ul > li> a .camera{
	background-image: url('../images/common/gnb/ico_camera.png');
}
/*렌즈/악세서리*/
#gnb .menu1 .two-depth > ul > li> a .lens{
	background-image: url('../images/common/gnb/ico_lens.png');
}
/*프로비디오*/
#gnb .menu1 .two-depth > ul > li> a .pro{
	background-image: url('../images/common/gnb/ico_pro.png');
}
/*삼각대*/
#gnb .menu1 .two-depth > ul > li> a .tripod{
	background-image: url('../images/common/gnb/ico_tripod.png');
}
/*가방*/
#gnb .menu1 .two-depth > ul > li> a .bag{
	background-image: url('../images/common/gnb/ico_bag.png');
}
/*라이팅/서포트*/
#gnb .menu1 .two-depth > ul > li > a .light{
	background-image: url('../images/common/gnb/ico_light.png');
}
/*옵틱스*/
#gnb .menu1 .two-depth > ul > li > a .optics{
	background-image: url('../images/common/gnb/ico_optics.png');
}
/*아날로그*/
#gnb .menu1 .two-depth > ul > li > a .analog{
	background-image: url('../images/common/gnb/ico_analog.png');
}
/*기타*/
#gnb .menu1 .two-depth > ul > li > a .etc{
	background-image: url('../images/common/gnb/ico_etc.png');
}
/*세기의선물*/
#gnb .menu1 .two-depth > ul > li > a .gift{
	background-image: url('../images/common/gnb/ico_gift.png');
}
/*프리오더*/
#gnb .menu1 .two-depth > ul > li > a .pre-order{
	background-image: url('../images/common/gnb/ico_pre_order.png');
	background-size: 100%;
}
/*스페셜오더*/
#gnb .menu1 .two-depth > ul > li > a .spe-order{
	background-image: url('../images/common/gnb/ico_spe_order.png');
}

#gnb .two-depth > ul > li > a > span{
	display: block;
	padding:13px 0 12px;
	font-size: 15px;
	/* background: url(../images/common/arrow/btn_rgt.png) center right no-repeat; */
}
#gnb .two-depth > ul > li.current,
#gnb .two-depth > ul > li:hover{
	background-color: #eef4fd;
}
#gnb .two-depth > ul > li.current > a > span,
#gnb .two-depth > ul > li:hover > a > span{
	color: #1181f1;
	border-color: #1181f1;
	background: url(../images/common/arrow/btn_rgt_on.png)  center right no-repeat;
}
#gnb .three-depth,
#gnb .four-depth{
	display:none;
	position: absolute;
	top: 0;
	left: 240px;
	height: 100%;
	background-color: #fff;
	border-left: 1px solid #e5e5e5;
	box-sizing: border-box;
}

#gnb .four-depth{
	width: 240px;
	padding: 20px 30px 30px;
}
#gnb .menu1 .two-depth{
	min-height: 602px;
	padding-top: 0;
}
#gnb .menu1 .two-depth ul >li:first-child > a{
	/* margin-top: 10px; */
}
#gnb .menu1 >.two-depth> ul >li:first-child > a{
	margin-top: 20px;
}
#gnb .menu1 .two-depth:hover {
	 padding-right:626px;
}
#gnb .menu1 .three-depth{
	width: 240px;
	padding: 20px 0 30px;
}
#gnb .menu1 .three-depth > ul > li > a{
	display: block;
	padding:0 28px 0 30px;
	font-size: 16px;
	color: #666;
}
#gnb .menu1 .three-depth > ul > li > a > span{
	display: block;
	padding: 13px 0 12px;
	/* background: url(../images/common/arrow/btn_rgt.png) center right no-repeat; */
}


#gnb .menu1 .three-depth + .recommended-product{
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 383px;
	height: 100%;
	background-color: #f8f8f8;
	border-left:  1px solid #e5e5e5;
}

#gnb .menu1 .recommended-product img{width: 100%;}
#gnb .menu1 .recommended-product .prd-wrap{
	display: inline-block;
	position: relative;
	width: 180px;
	margin: 10px auto;
	vertical-align: top;
}
#gnb .menu1 .recommended-product .prd-wrap:first-child{
	margin-left: 10px;
}
#gnb .menu1 .recommended-product .prd-wrap+.prd-wrap{
	margin-left: 2px;
}
#gnb .menu1 .recommended-product .prd-wrap a{display: block;}
#gnb .menu1 .recommended-product .img-wrap{
	overflow: hidden;
	display: block;
	height: 181px;
	line-height: 0;
	background-color: #fff;
}
#gnb .menu1 .recommended-product .price-area{
	margin-top: 1px;
	height: 139px;
	box-sizing: border-box;
	padding: 18px 20px;
	background-color: #fff;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}
#gnb .menu1 .recommended-product .price-area em{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	font-weight: 500;
}
#gnb .menu1 .recommended-product .price-area p{
	overflow: hidden;
	height: 36px;
	margin: 8px 0;
	font-weight: 300;
	line-height: 1.3;
}
#gnb .menu1 .recommended-product .price-area .item-price-wrap .selling-price:first-child{
	margin-top: 23px;
}
#gnb .menu1 .recommended-product .price-area .price{
	font-size: 16px;
	font-weight: 700;
}
#gnb .menu1 .recommended-product .price-area .item-type {
	margin-left: -7px;
}
#gnb .menu1 .recommended-product .price-area .item-type .type-badge{
	float: left;
	height: 20px;
	/* padding: 2px 5px; */
	padding: 4px 6px 0px 4px;
	font-size: 12px;
	border: 1px solid #e5e5e5;
	background-color: #f8f8f8;
	margin-left: 7px;
	margin-top: -2px;
}
#gnb .menu1 .recommended-product .price-area .unit{
	font-size: 14px;
	font-weight: 300;
}

#gnb .shop-brand .three-depth{
	width: 682px;
	padding: 0;
}
#gnb .shop-brand .three-depth .main-brand,
#gnb .shop-brand .three-depth .all-brand{
	overflow: hidden;
	width: 100%;
}
#gnb .shop-brand .three-depth .main-brand{
	padding: 31px 30px 30px 31px;
	/* height: 174px; */
	background-color: #f8f8f8;
}
#gnb .shop-brand .three-depth .main-brand a{
	float: left;
    width: 124px;
    height: 56px;
	margin: -1px 0 0 -1px;
	line-height: 0;
    background-color:#fff;
    border: 1px solid #dcdcdc;
	overflow: hidden;
}
#gnb .shop-brand .three-depth .main-brand a:hover{
	position: relative;
	border-color: #1181f1;
	z-index: 1;
}
#gnb .shop-brand .three-depth .main-brand a img{
    width:100%;
}
#gnb .shop-brand .three-depth .all-brand{
	display: table;
	table-layout:fixed;
	padding: 18px 30px;
}
#gnb .shop-brand .three-depth .all-brand ul{
	display: table-cell;
	width: 210px;
}
#gnb .menu1 .four-depth ul a{
	font-size: 16px;
}
#gnb .menu1 .four-depth ul a,
#gnb .shop-brand .three-depth .all-brand ul a{
	display: block;
	position: relative;
	padding: 11px 12px;
	word-break: keep-all;
	font-weight: 300;
	color: #666;
	line-height: 1.3;
	letter-spacing: 0;
}
#gnb .menu1 .four-depth ul a:before,
#gnb .shop-brand .three-depth .all-brand ul a:before{
	content:'';
	position: absolute;
	top: 18px;
	left: 0;
	width:0;
	height:0;
	padding-right: 8px;
	border-style:solid;
	border-width:3px;
	border-color:transparent transparent transparent #666;
	vertical-align: middle;
}

#gnb .two-depth > ul > li.current .three-depth,
#gnb .two-depth > ul > li:hover .three-depth,
#gnb .two-depth > ul > li.current .three-depth + .recommended-product,
#gnb .two-depth > ul > li:hover .three-depth + .recommended-product,
#gnb .three-depth > ul > li.current .four-depth {display:block;}
#gnb .menu1 .three-depth > ul > li.current > a > span,
#gnb .menu1 .three-depth > ul > li:hover > a > span{
	color: #1181f1;
	border-color: #1181f1;
	background: url(../images/common/arrow/btn_rgt_on.png) center right no-repeat;

}

#gnb .menu1 .four-depth ul li:hover a,
#gnb .shop-brand .three-depth .all-brand ul li:hover a{color: #1181f1;}
#gnb .menu1 .four-depth ul li:hover a:before,
#gnb .shop-brand .three-depth .all-brand ul li:hover a:before{border-color:transparent transparent transparent #1181f1;}
#gnb .shop-brand .three-depth .all-brand .more-brand{
	top: auto;
	right: 30px;
	bottom: 16px;
}
#gnb .recommended-product .item-price-wrap .cost-price{
	margin-right: 12px;
	font-weight: 300;
	color: #999;
}
#gnb .recommended-product .item-price-wrap .selling-price{
	position: relative;
	display: block;
	margin-top: 1px;
	font-size: 16px;
	line-height: 24px;
	height: 22px;
	font-weight: 700;
}
#gnb .recommended-product .item-price-wrap .selling-price .unit{margin-left: 4px;}
#gnb .recommended-product .item-price-wrap .dc-rate{
	margin-left: 10px;
	font-weight: 700;
	color: #dd042b;
	vertical-align: top;
	margin-left: 4px;
	font-size: 19px;
	position: absolute;
	right: -4px;
}

/* 인기검색어 */
.issue-wrap,
.issue-wrap a{
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	font-size: 16px;
}
.issue-wrap{
	position: relative;
	width: 250px;
	height: 48px;
	margin-right: 32px;
}
.issue-wrap .keyword{
	display: block;
	padding: 10px 0;
	font-size: 16px;
	font-weight: 300;
}
.issue-wrap em,
.issue-wrap .state{
	display: inline-block;
	vertical-align: middle;
}
.issue-wrap em{
	width: 176px;
	overflow: hidden;
	max-height: 16px;
	/* text-overflow: ellipsis;
	white-space: nowrap; */
}
.issue-wrap .rank{
    display: inline-block;
    width:18px;
	margin-right: 10px;
	color: #1181f1;
	font-weight: 500;
    text-align: center;
}
.issue-wrap .state{
	width: 24px;
	height: 9px;
	background:center no-repeat;
}
.issue-wrap .state.up{background-image: url(../images/common/arrow/btn_fill_up.png);}
.issue-wrap .state.down{background-image: url(../images/common/arrow/btn_fill_down.png);}
.issue-wrap .state.stay{
	display: inline-block;
	width: 11px;
	height: 1px;
	margin-left: 7px;
	background-color: #dedede;
}
.issue-wrap .state.new:after{
	content:'New';
	display: inline-block;
	position: relative;
	top: -4px;
	font-size: 12px;
	text-align: center;
	color: #ff4343;
}
.issue-wrap strong,
.srch-word strong{
	display: block;
	padding: 16px 20px;
	font-size: 16px;
	border-bottom: 1px solid #e5e5e5;
	color: #1181f1;
	cursor: pointer;

}
.issue-wrap > a.keyword {
	width:250px;
	height:48px;
	padding: 16px 20px;

}
.issue-wrap > a.keyword-area {
	opacity:1;
	transform: translate(0, 0);
	transition:all .1s ease-in-out;
}
.issue-wrap > a.keyword-area.hide{
	opacity:0;
	transform: translate(0, -10px);
	transition:all .1s ease-in-out;
}
.issue-wrap > a.keyword-area.on {
	opacity:0;
	transform: translate(0, 10px);
	transition:all .0s ease-in-out;
}

.issue-wrap .srch-keyword{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	z-index: 10;
	word-break: break-all;
}
.issue-wrap .srch-keyword .keyword{padding: 10px 16px;}
.issue-wrap .srch-keyword .keyword:nth-of-type(1){margin-top: 20px;}
.issue-wrap .srch-keyword em{
	width: 176px;
	overflow: hidden;
	margin-right: 10px;
	/* text-overflow: ellipsis;
	white-space:nowrap; */
}
.issue-wrap .srch-keyword .date{
	display: block;
	margin: 20px 20px 16px;
	padding-top: 14px;
	border-top: 1px solid #e5e5e5;
	font-size: 14px;
	color: #666;
	text-align: center;
    font-weight: 300;
    letter-spacing: 0;
}

/* gnb-small */
#header.gnb-small{
	position:fixed;
	top:0;
	height: 64px;
}
/* .gnb-small + #container{padding-top: 164px;} */
.gnb-small .gnb-main-logo,
.gnb-small .h-bnr-area,
.gnb-small .header-bot,
.gnb-small .h-top-right .issue-wrap,
.gnb-small .search-area .btn-srch-close{display: none;}
.gnb-small .gnb-main-logo,
.gnb-small .h-bnr-area,
.gnb-small .header-bot{display: none;}
.gnb-small .gnb-s-logo{display: block;}
.gnb-small .search-area.on .btn-srch-close,
.gnb-small .search-area.on input[type="text"]{display: block;}
.gnb-small .search-area.on input[type="text"]{width: 357px;}
.gnb-small .header-top{
	height: 64px;
	border-width: 1px 0;
}
.gnb-small .header-top .inner-wrap{
	height: 64px;
	padding-top: 0;
}
.gnb-small .header-top h1{
	width: 141px;
	height: 64px;
	margin-top: 0;
	padding: 0;
}
.gnb-small .header-top .h-top-right{
	width: auto;
	margin-right: 0;
}
.gnb-small .header-top .util {
	right: -24px;
}
.gnb-small .header-top .util li{margin-left: 0;}
.gnb-small .header-top .util .util-btn{
	width: 66px;
	height: 66px;
}
/* .gnb-small .header-top .util .btn-cart{background-image: url(../images/common/gnb/btn_cart_s.png)}
.gnb-small .header-top .util .btn-deliver{background-image: url(../images/common/gnb/btn_deliver_s.png)}
.gnb-small .header-top .util .btn-mypage{background-image: url(../images/common/gnb/btn_mypage_s.png)} */
.gnb-small .header-top .util .btn-cart{background-image: url(../images/common/gnb/btn_cart_s_on.png)}
.gnb-small .header-top .util .btn-deliver{background-image: url(../images/common/gnb/btn_deliver_s_on.png)}
.gnb-small .header-top .util .btn-mypage{background-image: url(../images/common/gnb/btn_mypage_s_on.png)}
.gnb-small .header-top .util .btn-alarm{background: url(../images/common/gnb/btn-alrim-small.png) no-repeat center / 26px}
.gnb-small .header-top .util .pd-num{
	top: 15px;
	right: 14px;
}
.gnb-small .search-area{
	top: 8px;
	left: auto;
	right: 262px;
	width: 315px;
/* 	height:100%; */
	z-index: 10;
}
.gnb-small .search-area{z-index: 11; width: 297px;}
.gnb-small .search-area input[type="text"]{/* padding: 19px 27px;  */width: 297px; padding-right: 67px; box-sizing: border-box;}
/* .gnb-small .search-area .btn-area button{float: left;} */
.gnb-small .search-area .btn-srch{padding: 0 15px; height: 48px;}
.gnb-small .search-area .btn-srch-close{
	/* padding:23px 23px 23px 24px;
	background-color: #e0e0e0; */
	display: block;
	cursor: pointer;
}
.gnb-small #gnb{
	bottom: 0;
	margin-left: 186px;
}
.gnb-small .main-menu > li:first-child{padding-left: 0;}
.gnb-small .main-menu > li{padding: 0 15px;}
.gnb-small .main-menu > li > a{font-size: 16px;}
.gnb-small #gnb .two-depth{top: 64px;}


/* .gnb-on .header-wrap:after{
	content:'';
	position: absolute;
	top: 180px;
	left: 0;
	width: 100%;
	height: 674px;
	background-color: #fff;
}
.gnb-on .two-depth{display: block;} */

/* FOOTER */
.footer{
	padding: 70px 0 70px;
	color: #fff;
	background-color: #808285;
}
.footer .inner-wrap{overflow: hidden;}
.footer .bar-s:before{
	margin:0 14px;
	background-color: #c4c4c4;
}
.footer .foot-bottom .link{
	font-weight: 500;
	margin-left: 14px;
	text-decoration: underline;
	letter-spacing: 0;
	color: #fff;
}
.footer .footer-menu{
	/*display: inline-block;*/
	position: relative;
	/*top: -4px;*/
	/*margin-left: 49px;*/
	margin-top: 28px;
}
.footer .footer-menu a{color: #fff;}
.footer .foot-lft .foot-bottom{
	margin-top: 34px;
	line-height: 1.7;
	letter-spacing: 0;
	color: #d9dadb;
}
.footer .foot-lft .foot-bottom em{margin-right: 20px;}
.footer .foot-lft .foot-bottom .copyright{
	display: block;
	margin-top: 14px
}

.footer .foot-rgt .btn-sns{
	/*opacity: .6;*/
	/*transition:all .2 ease;*/
	letter-spacing: 0;
}
.footer .foot-rgt .btn-sns:hover{opacity: 1;}
.footer .foot-rgt .btn-sns + .btn-sns{margin-left: 18px;}
.footer .foot-rgt .foot-bottom{
	margin-top: 14px;
	padding: 20px 14px;
	border: 1px solid #737577;
	background-color: #8c8e91;
	line-height: 1.6;
	font-size: 12px;
	letter-spacing: 0;
}
.footer .foot-rgt  .foot-bottom .bottom-tit{
	display: block;
	position: relative;
	margin-bottom: 14px;
	padding-left: 26px;
	font-size:14px;
	font-weight: 700;
}
.footer .foot-rgt  .foot-bottom .bottom-tit::before{
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	background-image: url("../images/footer-ico-service.png");
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
.footer .foot-rgt .foot-bottom .bottom-cont{
	margin-bottom: 14px;
	font-weight: 400;
}
.footer .foot-rgt .foot-bottom a{
	display: block;
	font-size: 12px;
	color: #fff;
}
.footer .foot-rgt .text-center{
	text-align: center;
}
.footer .color-white{
	color: #fff;
}
/* location */
#cLocation{
	margin-bottom: 6px;
	padding-top: 20px;
}
.fjo #cLocation,
.flo #cLocation{
	margin-bottom: 47px;
	padding-top: 18px;
}
#cLocation .location-wrap > li{
	float:left;
	position: relative;
	height: 38px;
	padding: 10px 15px;
	margin-left: -1px;
	font-weight: 300;
}
.fpr #cLocation .location-wrap > li:last-child,
.fbr #cLocation .location-wrap > li:last-child,
/* #cLocation .location-wrap > li:last-child, */
.fes #cLocation .location-wrap > li:last-child,
#cLocation .location-wrap > li:last-child .defalut-text{font-weight: 500;}
#cLocation .location-wrap > li:first-child{
	padding-top: 8px;
	padding-left: 0;
}
#cLocation .location-wrap > li:before{
	content:'';
	position: absolute;
	top: 12px;
	left: 0;
	width: 1px;
	height: 12px;
	background-color: #D7D7D7;
	z-index: -1;
}
#cLocation .location-wrap > li.select-area{padding: 0 15px;}
#cLocation .location-wrap .select-wrap{margin-left: 0; min-height: 38px;}
#cLocation .location-wrap > li:first-child:before{
	content:none;
}
#cLocation .location-wrap > li > a{
	height: 35px;
	padding: 10px 16px;
	transition:all .2s ease-in-out;
}
#cLocation .location-wrap > li:first-child > a{
	display: block;
	height: 18px;
	padding-right: 0;
	text-indent: -9999px;
	background: url(../images/common/icon_location_home.png) center left no-repeat;
}
#cLocation .location-wrap > li:first-child:hover > a{background-image: url(../images/common/icon_location_home_on.png);}
#cLocation .location-wrap > li + li > a{
	padding: 9px 0;
	font-weight: 300;
}
#cLocation .location-wrap .select-wrap.show .defalut-text{
	background-image: url(../images/common/arrow/btn_up.png);
}
#cLocation .location-wrap .defalut-text{
	min-width:auto;
	padding-right: 26px;
	font-size: 14px;
	background-position: right center;
	border-bottom: 0;
	min-height: 38px;
	background:url(../images/common/arrow/n-btn-arrow.png) 90% center no-repeat;
}

/* snb */
#snb{
	width: 174px;
	margin-right: 40px;
}
#snb .snb-tit{
	width: 174px;
	height: 136px;
	padding: 54px 48px 55px 37px;
	background: url(../images/common/bg_snb_title.png) 0 0 no-repeat;
	color: #fff;
	font-size: 28px;
	font-weight: 500;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}
#snb > ul > li{
	position:relative;
	padding: 44px 0 38px;
}
#snb > ul > li + li:after{
	content:'';
	position:absolute;
	top:0;
	left:10px;
	width:154px;
	height:1px;
	background:#e5e5e5;
}
#snb > ul > li:first-child{padding-top: 30px;}
#snb .snb-tit + ul > li:first-child{padding-top: 44px;}
#snb strong{
	padding-left:11px;
	display: block;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 700;
}
#snb .two-depth{
	padding-left:10px;
}
#snb .two-depth li{
	padding: 0;
	border-top: 0;
}
#snb .two-depth li a{
	position: relative;
	display: block;
	padding: 8px 10px;
	color: #666;
	font-size: 16px;
	font-weight: 300;
	transition:all .2s ease;
}
#snb .two-depth li a:before{
	content:'';
	position: absolute;
	top: 50%;
	left: 0;
	transform:translateY(-50%);
	width: 3px;
	height: 3px;
	background-color: #666;
}
#snb .two-depth li.current a,
#snb .two-depth li:hover a{color: #1181f1;}
#snb .two-depth li.current a:before,
#snb .two-depth li:hover a:before{background-color: #1181f1;}



/* container */
#container{
	padding-top: 178px;
	/* transition:all .2s ease-in-out; */
}

#wrap.bnr_off #container{
	padding-top: 78px;
}
/* floating */
#floating-area{
	position: fixed;
	bottom: 160px;
	right: 44px;
	z-index: 50;
	overflow: hidden;
}
#floating-area .floating-btn-wrap{
	position: fixed;
	bottom: 96px;
	right: 44px;
}
#floating-area .floating-btn-wrap .floating-btn{
	background: url(../images/common/sky-float-btn.png) no-repeat #fff center / 100%;
	width: 56px;
	height: 56px;
	display: block;
	border-radius: 28px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
}
#floating-area .floating-content.on{
	display: block;
}
#floating-area .floating-content{
	width: 225px;
	height: 624px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	padding: 20px 0px;
	position: fixed;
	bottom: 96px;
	right: 0;
	display: none;
}
#floating-area .floating-content .title{
	font-size: 15px;
	font-weight: 300;
	color: #666;
	line-height: normal;
	letter-spacing: -0.38px;
	color: #666;
}
#floating-area .floating-content .floating-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px;
}
#floating-area .floating-content .floating-header + .content{
	padding: 0 10px;
}
#floating-area .floating-content .floating-header .close-btn{
	background: url(../images/common/float-close-btn.png)no-repeat center / 100%;
	width: 14px;
	height: 14px;
	display: block;
}
.ui-float-event .controls-wrap{
	position: relative;
	margin: 15px 0 0 0 ;
	width: 50px;
}
.ui-float-event .controls-wrap:after{
	content: '';
	position: absolute;
	height: 11px;
	width: 1px;
	background-color: #000;
	opacity: .15;
	top: 50%;
	transform: translateY(-50%);
	left: 29px
}
#floating-area .floating-content .content .ui-float-event{
	margin-top: 10px;
}
#floating-area .floating-content .content .ui-float-event .swiper-slide {
	width: 204px;
	height:160px;
	overflow: hidden;
}
#floating-area .floating-content .content .ui-float-event .swiper-slide img{
	width: 100%;
}
#floating-area .floating-btn span{
	padding-left: 17px;
	background: url(../images/common/arrow/btn_up.png) 0 center no-repeat;
	background-size: auto 6px;
}
#floating-area .floating-btn .view{
	display: none;
}
#floating-area.floating-hiden .floating-btn .close{
	display: none;

}
#floating-area.floating-hiden .floating-btn .view{
	display: inline-block;
	background-image: url(../images/common/arrow/btn_down.png);
}
#floating-area.floating-hiden .event-bnr-floating-02{
	height: 0px;
	visibility: hidden;
	padding: 0;
	margin: 0 !important;
	border: 0 none;
}
#floating-area .floating-content .content.type-lst{
	margin-top: 20px;
	padding: 0 4px 0 9px;
}
#floating-area .floating-content .content.type-lst .ui-lst-wrap{
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 6px;
	max-height: 310px;
	overflow-y: auto;
}
#floating-area .floating-content .content.type-lst .ui-lst-wrap::-webkit-scrollbar{
	width: 2px;
}
#floating-area .floating-content .content.type-lst .ui-lst-wrap::-webkit-scrollbar-thumb {
    height: 30%;
    background: #222;
    border-radius: 10px;
}
#floating-area .floating-content .content.type-lst .ui-lst-wrap::-webkit-scrollbar-track {
	background: #d7d7d7
}
#floating-area .floating-content .content.type-lst .ui-lst-wrap li{
	width: 99px;
	border: 1px solid #d7d7d7;
	border-radius: 8px;
	height: 99px;
	overflow: hidden;
	box-sizing: border-box;
}
#floating-area .floating-content .content.type-lst .ui-lst-wrap li:nth-child(2n){
	margin-right: 4px;
}
#floating-area .floating-content .content.type-lst .ui-lst-wrap li.on{
	border-color: #666;
}
#floating-area .floating-content .content.type-lst .ui-lst-wrap li .prd-box .delete{
	background: url(../images/common/float-delete.png) no-repeat center / 100%;
	position: absolute;
	width: 8px;
	height: 7px;
	top: 10px;
	right: 10px;
}
#floating-area .floating-content .content.type-lst .ui-lst-wrap li .prd-box{
	width: 100%;
	height: 100%;
	position: relative;
}
#floating-area .floating-content .content.type-lst .ui-lst-wrap li img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#floating-area.floating-hiden .btn-latest-pd{
	display: none;
}

#floating-area .event-bnr-floating {
	position: relative;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	padding: 4px 4px 35px;
}
#floating-area .event-bnr-floating + .event-bnr-floating {
	margin-top: 6px;
}
#floating-area .event-bnr-floating a{
	overflow: hidden;
	display: block;
	width: 71px;
	height: 120px;
	line-height: 0;
}
#floating-area .event-bnr-floating .swiper-button-prev{
	left: 23px;
	top: auto;
	bottom: 10px;
    transform: none;
}
#floating-area .event-bnr-floating .swiper-button-next{
	left: auto;
	right: 23px;
	top: auto;
	bottom: 10px;
	transform: none;
}

/* #floating-area .event-bnr-floating a +a{
	margin-top: 10px;
} */
#floating-area .event-bnr-floating a img{
	width: 100%;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}
#floating-area .event-bnr-floating .btn-del{
	position: absolute;
	right: 0;
	top: -28px;
	border: 0 none;
	width: 20px;
	height: 20px;
	margin: 0;
	cursor: pointer;
}


#floating-area .floating-menu{margin-top: 6px;}
#floating-area .floating-menu > div{
	margin-top: 1px;
	/* background-color: #f8f8f8; */
	font-size: 12px;
	text-align: center;
}
#floating-area .floating-menu > div > a{display: block;}
/* #floating-area .floating-menu > div.btn-latest-pd{background-color: transparent;} */
#floating-area .btn-latest-pd > a,
#floating-area .btn-latest-pd .pd-list-wrap{
	margin-bottom: 2px;
	/* background-color: #f8f8f8; */
}
#floating-area .floating-menu .btn-arr,
#floating-area .floating-menu .btn-top{
	background-color: #fff;
	border: 1px solid #D7D7D7;
}
#floating-area .floating-menu .pd-list-wrap{
	background-color: #f8f8f8;
	border: 1px solid #D7D7D7;
}

#floating-area .btn-arr{
	padding:10px 0 32px;
	background: url(../images/common/arrow/btn_circleline_up.png) center 32px no-repeat;
	color: #1181f1;
}
#floating-area.floating-hiden .btn-arr{background-image:url(../images/common/arrow/btn_circleline_down.png);}
#floating-area .btn-latest-pd .pd-list-wrap{
	position: relative;
	padding: 26px 10px;
}
#floating-area .pd-list-wrap.hide{display: none;}
#floating-area .btn-latest-pd .pd-list-wrap > a{
	display: block;
	width: 9px;
	margin: 0 auto;
}
#floating-area .list-area,
#floating-area .floating-slider{max-height:184px;}
#floating-area .pd-list-wrap .pd-list-thum{
	display: block;
	position: relative;
	width: 58px;
	height: 58px;
	border: 1px solid #eee;
	transition:all .2s ease-in-out;
}
#floating-area .pd-list{
	overflow: hidden;
	display: block;
	width: 56px;
	height: 56px;
	height: 100%;
}
#floating-area .pd-list img{width: 100%;}
#floating-area .pd-list-thum .btn-thum-del{
	display: none;
	position: absolute;
	top: 5px;
	right: 4px;
	width: 14px;
}
#floating-area .pd-list-thum:hover{border-color: #2b7ec9;}
#floating-area .pd-list-thum:hover .btn-thum-del{display: block;}
#floating-area .btn-top{padding: 10px 0;}

#floating-area .swiper-button-next,
#floating-area .swiper-button-prev{
	left: 50%;
	width: auto;
	right: auto;
	transform: translateX(-50%);
	height: auto;
	margin-top: 0;
}
#floating-area .swiper-button-next{
	bottom: 10px;
	top: auto;
}
#floating-area .swiper-button-prev{top: 8px;}
#floating-area .swiper-button-next:after,
#floating-area .swiper-button-prev:after{content:none;}
#floating-area .pd-list-wrap .pd-list-thum:last-child{margin-bottom: 0 !important;}

.floating-menu-hiden .event-bnr {
	/* display:none; */
}
.floating-menu-hiden .floating-menu {
	margin-top:0;
}
.floating-menu-hiden .floating-menu .pd-list-wrap {
	display:none;
}
#btn-top{
	position: fixed;
	right: 44px;
	bottom: 30px;
	z-index: 50;
}
#btn-top .top{
	background: url(../images/common/top-btn.png) no-repeat  #fff center / 100%;
	width: 56px;
	height: 56px;
	border-radius: 28px;
	display: block;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
}

/* tooltip */
.tooltip-area,
.smain-top-wrap .top-box01 .mygrade{
	position: absolute;
	top: 42px;
	right: 28px;
	z-index: 5;
}
.tooltip-area .tooltip,
.smain-top-wrap .top-box01 .tooltip{
	width: 20px;
	height: 20px;
	padding: 2px 3px 2px 0;
	text-align: center;
	border: 1px solid #d7d7d7;
	cursor: pointer;
}
.tooltip-area .tooltip-cont,
.smain-top-wrap .top-box01 .tooltip-cont{
	display: none;
	position: absolute;
	top: 26px;
	right: 0;
	width: 275px;
	height: 96px;
	padding: 26px;
	border: 1px solid #222;
	background-color: #fff;
	color: #666;
	font-weight: 300;
	text-align: left;
	line-height: 1.5;
	word-break:keep-all;
}
.tooltip-area.open{z-index: 20;}
.tooltip-area.open .tooltip{border-color: #222;}
.tooltip-area.open .tooltip-cont{display: block;}

.tooltip.no-script:hover + .tooltip-cont{
	display:block;
}

.select-num{
	margin-right: 34px;
	font-size:0;
}
.select-num > span,
.select-num > input{
	width: 38px;
	height: 38px;
}
.select-num > button{
	opacity: .4;
	cursor: pointer;
}
.select-num > input{
	margin:0 15px;
	/*padding: 12px 0;*/
	padding:0;
	text-align: center;
}
.select-num > button:hover{opacity: 1;}
.select-num > button:disabled{
	opacity: .1;
	cursor: default;
}
.select-num > input:disabled{
	background-color: transparent;
	border-color: #e0e0e0;
	color: #e6e6e6;
}



/* sub main top common */
.smain-top-wrap{
	overflow: hidden;
	display:flex;
	margin-bottom: 10px;
}
.smain-top-wrap > div{
	position: relative;
	flex-basis:auto;
	/*float: left;*/
	min-height: 230px;
	margin-left: 10px;
	padding: 30px;
	background-color: #f7f8f8;
}
.smain-top-wrap .box-tit strong{
	display: inline-block;
	font-size: 24px;
	font-weight: 300;
}
.smain-top-wrap .box-tit > span{
	display: block;
	margin-top: 6px;
	color: #666;
	font-weight: 300;
}
.smain-top-wrap .box-tit .extinct-point{
	margin-left: 6px;
	font-weight: 400;
}
.smain-top-wrap .box-tit + div{
	position: absolute;
	bottom: 30px;
	right: 30px;
}
.smain-top-wrap .box-tit + div a{font-size: 38px;}
.smain-top-wrap .box-tit + div:hover:after{
	content:none;
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #000;
}
.smain-top-wrap .box-tit + div .unit{
	padding-left: 4px;
	font-size: 14px;
}
.smain-top-wrap .top-box01{
	width: 602px;
	margin-left: 0;
	background-color: #1181f1;
}
.smain-top-wrap .top-box01 strong,
.smain-top-wrap .top-box01 span{color: #fff;}
.smain-top-wrap .top-box01 .user-id{
	display: block;
	margin-top: 6px;
	font-weight: 400;
}
.smain-top-wrap .top-box01 .user-id span{
	padding-left: 6px;
	font-size: 14px;
	font-weight: 300;
}
.smain-top-wrap .top-box01 .comt{
	display: block;
	margin-top: 6px;
	font-size: 16px;
}
.smain-top-wrap .top-box01 .box-tit {
	position:absolute;
	top:30px;
	left:30px;
}
.smain-top-wrap .top-box01 .box-tit > span{
	display: inline-block;
	margin-left: 14px;
	opacity: .6;
	color: #fff;
}
.smain-top-wrap .top-box01 .btn-line{
	top: auto;
	bottom: 30px;
	right: auto;
	left: 30px;
}
.smain-top-wrap .top-box01 .mygrade{
	/* position:static; */
	top: 30px;
	/*right: 30px;*/
	float:right;
	/*width: 56px;
	height: 48px;
	width:auto;*/
	width:56px;
	padding-top:56px;
	background: no-repeat 100% 0;
	background-size: 56px 48px;
	z-index: 5;
}
.smain-top-wrap .top-box01 .mygrade.mem-family{background-image: url(../images/common/icon_member_family.png);}
.smain-top-wrap .top-box01 .mygrade.mem-gold{background-image: url(../images/common/icon_member_gold.png);}
.smain-top-wrap .top-box01 .mygrade.mem-platinum{background-image: url(../images/common/icon_member_platinum.png);}
.smain-top-wrap .top-box01 .mygrade.mem-silver{background-image: url(../images/common/icon_member_silver.png);}

.smain-top-wrap .top-box01:after{
	content:'';
	display: block;
	clear: both;
}
.smain-top-wrap .top-box01 .box-tit{float: left;}
.smain-top-wrap .top-box01 .mygrade2{
	position: relative;
	float: right;
}
.smain-top-wrap .top-box01 .mygrade2 .grade-icon{
	width: 72px;
	height: 62px;
	background: url(../images/common/icon_member_family.png) center no-repeat;
}
.smain-top-wrap .top-box01 .tooltip{
	display: block;
	width: 56px;
	height: 48px;
	background: url(../images/common/icon_member_family.png) center no-repeat;
	background-size: 56px 48px;
	border: 0;
	cursor: default;
}
.smain-top-wrap .top-box01 .tooltip-cont{
	position:relative;
	top:auto;
	right:auto;
	float:right;
	width: 285px;
	height: auto;
	max-height: 117px;
	overflow: auto;
	letter-spacing: -0.56px;
}
.smain-top-wrap .top-box01 .btn-close{
	position: absolute;
	top: 10px;
	right: 10px;
	opacity: 1;
	line-height: 0;
}
.smain-top-wrap .top-box02{width: 388px;}
.smain-top-wrap .top-box03{width: 190px;}

/* GUIDE PAYMENT */
/*결제수단별 결제정보 정의 */
.payment-info{
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}
.payment-info .ctit{
	display:block;
	padding-bottom:20px;
}
.payment-info .payment-box{
	overflow: hidden;
	border: 1px solid #e5e5e5;
}
.payment-info .payment-box > div{padding: 29px;}
.payment-info .payment-box.row-2 > div{
	float: left;
	width: 50%;
}
.payment-info .payment-box .bg-box{background-color: #f7f7f7;}
.payment-info .payment-box .bg-box .clist li{
	margin:0;
	line-height:30px;
}
.payment-info .payment-box .bg-box .clist li + li{
	margin-top:4px;
}
.payment-info .payment-detail dd{float: right;}
.payment-info dl{
	overflow: hidden;
	margin-top: 10px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
}
.payment-info dl:first-child{margin-top: 0;}
.payment-info dt,
.payment-info dd{float: left;}
.payment-info dt{
	min-width: 140px;
}
.payment-info .price{
	font-weight: 700;
}
.payment-info .price.red{color: #dd042b;}
.payment-info .info-phrase{
	display: block;
	margin-top: 6px;
	font-size: 14px;
	font-weight: 300;
}
.payment-info .unit{
	font-size: 14px;
	font-weight: 300;
}
.payment-info .total-payment{
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #e5e5e5;
}
.payment-info .total-payment dt{
	font-size: 18px;
	font-weight: 700;
}
.payment-info .total-payment dd{
	font-size: 20px;
	text-align: right;
}
.payment-info .total-payment .noti{
	display: block;
	font-size: 16px;
	color: #666;
	font-weight: 400;
}

/* 환불정보 전/후 ui 정의 */
.payment-info.refund dd{float: right;}
.payment-info.refund .bg-box dt{
	font-size: 18px;
	font-weight: 500;
}
.payment-info.refund .bg-box dd{font-size: 20px;}
.payment-info.refund .clist ul{
	padding-top: 13px;
	font-weight: 400;
}

/* 오직 환불 정보만 */
.payment-info.only-price .payment-box > div {
	padding:23px 30px;
}
.payment-info.only-price dt {
	font-size:18px;
	font-weight:700;
	color:#222;
}
.payment-info.only-price .price {
	float:right;
	font-size:18px;
}

/* sns */
.share-sns-wrapper{
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.share-sns-wrapper .share-sns-box{
	display: none;
	position: absolute;
	top: 20px;
	right: 0;
	width: 165px;
	/*height: 71px;*/
	padding-top: 10px;
	z-index: 1;
}
.share-sns-wrapper .sns-inner{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 19px 29px;
	border: 1px solid #222;
	background-color: #fff;
	text-align: center;
}
.share-sns-wrapper .sns-inner a{display: inline-block;}
.share-sns-wrapper .sns-inner a + a,
.share-sns-wrapper .sns-inner button + button{margin-left: 4px;}

.share-sns-border .btn-share{
	width: 46px;
	height: 42px;
	margin-right: 0;
	padding: 11px 13px;
	border: 1px solid #666;
	border-radius: 6px;
	background-position: center;
}
.share-sns-border .share-sns-box{top: 42px;}

.share-sns-small .share-sns-box{top: 16px;}

.share-sns-wrapper:hover .share-sns-box{display: block;}


/* 판매옵션 */
.sales-opt,
.sales-opt strong{font-family: 'Roboto', 'Noto Sans KR', sans-serif;}
.sales-opt{
	position: relative;
	/* width:530px; */
	width: 524px;
	font-weight: 300;
	letter-spacing: 0;
}
.sales-opt .red{color: #dd042b;}
.sales-opt .clearfix .red{font-weight: 400;}
.sales-opt .tit-area{position: relative;}
.sales-opt .tit-area em{
	font-size: 14px;
	font-weight: 500;
}
.sales-opt .tit-area strong{
	display: block;
	margin-top: 26px;
	font-size: 27px;
	font-weight: 500;
	letter-spacing:0;
	color: #222;
	line-height: 1.37;
}
.sales-opt .top-btns{
	position: absolute;
	top: 2px;
	right: 0;
}
.sales-opt .top-btns > a,
.sales-opt .top-btns > div{
	display: inline-block;
	height: 31px;
	margin-left: 12px;
}
/* .sales-opt .top-btns .share-sns-wrapper{top: -6px;} */
.sales-opt .top-btns a{vertical-align: middle;}
.sales-opt .top-btns .share-sns,
.fev .view-tit .align-rgt .share-sns{
	position: relative;
	top: -6px;
}
.info-util > span.share-sns,
.gamy-top-area .user-info .share-sns{position: relative;}
.fev .view-tit .align-rgt .share-sns{
	display: inline-block;
	vertical-align: top;
	top: 0;
}
.sales-opt .top-btns .sns-wrap,
.fev .view-tit .align-rgt .sns-wrap,
.info-util > span .sns-wrap,
.gamy-top-area .user-info .sns-wrap{
	position: absolute;
	top: 30px;
	right: 0;
	width: 163px;
	height: 71px;
	margin-left: 0;
	padding: 20px 29px;
	border: 1px solid #222;
	background-color: #fff;
	display: none;
}
/* .sales-opt .top-btns .share-sns.on .sns-wrap,
.fev .view-tit .align-rgt .share-sns.on .sns-wrap{display: block;} */
/* .fev .view-tit .align-rgt .btn-share{margin-bottom: 8px;} */
.fev .view-tit .align-rgt .sns-wrap{top: 52px;}
.info-util > span .sns-wrap{top: 28px;}
.sales-opt .top-btns .sns-wrap a,
.fev .view-tit .align-rgt .sns-wrap a,
.info-util > span .sns-wrap a,
.gamy-top-area .user-info .sns-wrap a{display: inline-block;}
.gamy-top-area .user-info .sns-wrap a {margin: 0;}
.sales-opt .top-btns .sns-wrap a + a,
.gamy-top-area .user-info .sns-wrap a + a{margin-left: 2px;}
.fev .view-tit .align-rgt .sns-wrap a + a,
.info-util > span .sns-wrap a + a{margin-left: 4px;}
.sales-opt .top-btns .share-sns:hover .sns-wrap,
.fev .view-tit .align-rgt .share-sns:hover .sns-wrap,
.info-util > span.share-sns:hover .sns-wrap,
.gamy-top-area .user-info .share-sns:hover .sns-wrap{display: block;}

/* .sales-opt .top-btns .share-sns{
	position: relative;
	top: -6px;
}
.sales-opt .top-btns .sns-wrap{
	width: 110px;
	display: none;
}
.sales-opt .top-btns .sns-wrap a{
	display: inline-block;
	margin-left: 2px;
}
.sales-opt .top-btns .sns-wrap .btn-like{}
.sales-opt .top-btns .share-sns:hover .sns-wrap{
	display: block;
	vertical-align:middle;
} */
.sales-opt .price-details{margin-top: 50px;}
.sales-opt .price-details .price{font-weight: 500 !important; letter-spacing: -0.3px !important;font-size: 26px !important; line-height: 1.38; color: #222; }
.sales-opt .price-details .price-cont .price{width: 100px;}
.sales-opt .price-details .unit{
	font-size: 16px !important;
	font-weight: 300;
	line-height: 1.9;
	color: #222;
	padding-left: 2px;
}
.sales-opt .price-details strong{
	display: inline-block;
	font-size: 20px;
	padding-bottom: 14px;
}
.sales-opt .stit{
	display: block;
	margin-top: 6px;
	color: #666;
	font-weight: 400;
}
.sales-opt .cost-price{color: #999;}
.sales-opt .selling-price{margin-top: 6px;}
.sales-opt .dc-rate{
	margin-left: 16px;
	font-size: 26px;
	margin-left: 7px;
	font-size: 24px;
}
.sales-opt .price-cont{
	padding: 9px 0;
	border-top: 1px solid #e5e5e5;
}
.sales-opt .select-box-ui ~ .price-cont,
.sales-opt .coupon-alert ~ .price-cont,
.sales-opt .notice-box + .price-cont{border-top: 0;}
.sales-opt .price-cont dl{
	display: flex;
	width: 100%;
	margin: 16px 0;
}
.sales-opt .price-cont dl > dt,
.sales-opt .price-cont dl > dd{
	font-size: 13px;
	font-weight: 300;
	line-height: 1.77;
	letter-spacing: -0.52px;
	color: #666;
}
.sales-opt .price-cont .price-cont:nth-of-type(1) dl{height: 38px;}
.sales-opt .price-cont dt,
.sales-opt .price-cont dd{
	display: table-cell;
	vertical-align:middle;
}
.sales-opt .price-cont dt{
	width: 220px;
	line-height: 1.5;
	letter-spacing: -1px;
	text-align: left;
}
.sales-opt .price-cont dd{
	position: relative;
	text-align: right;
}
.sales-opt .clearfix dd > span{padding-right: 32px;}
.sales-opt .price-cont .tooltip-area{
	top: 0;
	right: 0;
}
.sales-opt .cont2 dt,
.sales-opt .cont2 .price{font-size: 16px;}
.sales-opt .cont2 dd{
	font-size:0;
}
.sales-opt .cont2 dd > div{
	display: inline-block;
	vertical-align: middle;
}
.sales-opt .price-details .price-area ~ .cont2{border-bottom: 1px solid #e5e5e5;}
.sales-opt .price-cont:last-child{margin-bottom: 40px;}
.sales-opt .price-cont:last-child .price{font-size: 24px;}
.sales-opt .btn-del{
	margin-left: 10px;
	font-size: 0;
	vertical-align: middle;
}
.sales-opt .btn-area{letter-spacing: -1px;}
.sales-opt .btn-area .btn{width: 216px;}
.sales-opt .btn-area .type2{
	width: 300px;
	margin: 0;
}
.sales-opt .select-wrap{margin-left: 0;}
.sales-opt .select-wrap,
.sales-opt .select-wrap input{width: 100% !important;}
.sales-opt .select-wrap .defalut-text{background-position: 95% center;}
.sales-opt .coupon-alert{
	height: 52px;
	margin-top: 18px;
	padding: 11px 10px 10px 20px;
	border: 1px solid #d7d7d7;
	background-color: #f8f8f8;
}
.sales-opt .coupon-alert em{
	line-height: 29px;
	color: #0b4da2;
}
.sales-opt .coupon-alert > a{
	float: right;
	vertical-align: middle;
}
.sales-opt .notice-box,
.fpr .purchase .notice-box{
	padding: 30px;
	background-color: #f8f8f8;
	color: #1181f1;
	font-size: 16px;
	text-align: center;
	letter-spacing: -1px;
}
.sales-opt .notice-box ~ .select-wrap{padding-top: 9px;}
.sales-opt .btn{
	padding: 18px 0 18px 0;
	font-size: 20px;
}
.sales-opt.undetermined .price{
	font-size: 24px;
	font-weight: 400;
}
.tooltip-wrap{
	position: absolute;
	top: 0;
	right: 0;
	text-align: left;
}
.fpr-section.se01 {position: relative;}
.fpr-section.se01 + .fpr-bnr{
	margin-top:50px;
}
.fpr-section.se01 + .fpr-bnr + .ui-review-section{
	margin-top: 80px;
}
.tooltip-wrap.type2{position: relative;}
.tooltip-wrap.type-ui{
	position: relative;
}
.tooltip-wrap.type-ui.open .tooltip-content{
	display: block;
	z-index: 10;
}
.tooltip-wrap.type-ui .tooltip-content{
	position: absolute;
	right: 0;
	display: none;
	min-width: 377px;
	width: auto;
	min-height: 54px;
}
.tooltip-wrap.type-ui .tooltip-content.type-large .tooltip-cont{
	width: 454px;
	padding: 0;
}
.tooltip-wrap.type-ui .tooltip-content.type-large .tooltip-cont dt{
	flex-shrink: 0;
}

.tooltip-wrap.type-ui .tooltip-content.p-left.multi{
	min-width: 420px;
}
.tooltip-wrap.type-ui .tooltip-content.p-left.multi .content{
	line-height: 1.57;
}
.tooltip-wrap.type-ui .tooltip-content .tooltip-cont{
	width: auto;
	padding: 20px 30px;
	box-sizing: border-box;
}
.tooltip-wrap.type-ui .tooltip-content .btn-close{
	top: 14px;
}
.tooltip-wrap.type-ui .tooltip-content .content{
	font-size: 14px;
	font-weight: 300;
	letter-spacing: -0.56px;
	color: #666;
}

.tooltip-wrap.type-ui .tooltip-content{
	top: 23px;
}
.tooltip-wrap.type-ui .tooltip-cont{
	position: static;
	display: block !important;
}
.tooltip-wrap .tooltip.text-btn{
	width: auto;
	color: #767676;
	letter-spacing: -0.52px;
	text-decoration: underline;
	margin-left: 10px;
	font-size: 13px;
	font-weight: 300;
}
.tooltip-wrap .tooltip{
	width: 20px;
	height: 20px;
	text-align: center;
	cursor: pointer;
	position: relative;
	padding: 2px 0px;
    font-family: 'Noto Sans KR', sans-serif;
	border: 1px solid #d7d7d7;
}
.tooltip-wrap .clist{font-size: 14px;}
.tooltip-wrap .clist li:before{top: 8px;}
.tooltip-wrap .tooltip-cont{
	position: absolute;
	top: 25px;
	right: 0px;
	width: 500px;
	background-color: #fff;
	border: 1px solid #000;
	z-index: 20;
	display: none;
}
.coupon-alert .tooltip-cont{right: -1px;}
.tooltip-wrap.type2 .tooltip-cont{top: 45px;}
.tooltip-wrap .tooltip-cont strong{
	display: block;
	padding: 14px 16px;
	border-bottom: 1px solid #999;
	line-height: normal;
	font-size: 16px;
}
.tooltip-wrap .cont-wrap{padding: 30px 30px;}
.tooltip-wrap .notice{
	padding-left: 64px;
	font-size: 14px;
}
.tooltip-wrap .cont-wrap dl{
	margin: 0;
	/* padding: 15px 0 8px; */
	padding: 15px 0;
	border-bottom: 1px solid #e5e5e5;
	letter-spacing: -1px;
}
.tooltip-wrap .cont-wrap dl:first-child{padding-top: 0;}
.tooltip-wrap .cont dt{
	width: 80px;
	vertical-align: top;
}
.tooltip-wrap .cont dt span{
	display: block;
	width: 56px;
	padding-top: 48px;
	text-align: center;
	background: no-repeat;
	background-size: 52px;
	background-position: 6px top;
	font-weight: 400;
}
.tooltip-wrap .cont dt .grade-family{background-image: url(../images/common/icon_member_family.png);}
.tooltip-wrap .cont dt .grade-silver{background-image: url(../images/common/icon_member_silver.png);}
.tooltip-wrap .cont dt .grade-gold{background-image: url(../images/common/icon_member_gold.png);}
.tooltip-wrap .cont dt .grade-platinum{background-image: url(../images/common/icon_member_platinum.png);}
.tooltip-wrap .cont dd{
	color: #666;
	text-align: left;
}
.tooltip-wrap .cp-notice .cont-wrap > .clist{
	margin: 14px 0 0;
	letter-spacing: -1px;
	line-height: 1.5;
}
.tooltip-wrap .cont-wrap > .star li:before{
	content:'*';
	top: 1px;
	background-color: transparent;
}
.tooltip-wrap .btn-close{
	position: absolute;
	top: 14px;
	right: 18px;
}

.tooltip-wrap.open .tooltip{
	border-color: #1181f1;
	color: #fff;
	background-color: #1181f1;
}
.tooltip-wrap.open .tooltip-cont{
	display: block;
	z-index: 51;
}
.tooltip-wrap.open .tooltip-cont .cont-wrap .cont {
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	text-align: left;
}

.tooltip-wrap .tooltip.btn-detail{padding: 2px 5px;}
.tooltip-wrap .card-gift-wrap .cont{border-bottom: 1px solid #e5e5e5;}
.tooltip-wrap .card-gift-wrap .benefit{text-align: left;}
.tooltip-wrap .card-gift-wrap .benefit img{
	max-width: 350px;
	margin-bottom: 20px;
}
.tooltip-wrap .cont > div{padding-bottom: 20px;}
.tooltip-wrap .cont .card-gift{margin-left: 10px;}
.tooltip-wrap .cont .card-gift span{
	display: inline-block;
	width: 90px;
	height: 30px;
	border: 1px solid #e5e5e5;
}

.coupon-alert .tooltip-cont.cp-notice{width: 613px;}
.cp-notice .scroll-area{
	overflow: hidden;
	overflow-y: auto;
	height: 354px;
}
.cp-notice .cont-wrap{text-align: center;}
/* .cp-notice .cont + .cont{margin-top: 10px;} */
.cp-notice .cont .cp-area{
	overflow: hidden;
	padding-bottom: 30px;
}
.cp-notice .cp-area .coupon{
	position:relative;
	float: left;
	height:121px;
	margin: 0 20px 0 30px;
	background: url(../images/common/bg_coupon.png) top center no-repeat;
}
.cp-notice .coupon dl{
	position: absolute;
	/* top:calc(50% + 7px); */
	left:0;
	bottom: 24px;
	padding: 0;
	border: 0;
	height:auto;
	padding-right:60px;
	/* transform:translateY(-50%); */
	background:none;
	text-indent:0;
}
.cp-notice .coupon dl:first-child{
	padding-top: 0;
}
.cp-notice .coupon dt{
	width: 145px;
	font-weight: 400;
	vertical-align: initial;
	font-size: 14px;
	line-height: 1.2;
	height: 30px;
}
.cp-notice .coupon dd{
	text-align: center;
	color: #222;
}
.cp-notice .btn-coupon{
	display: inline-block;
	width: 133px;
	height: 36px;
	padding: 10px 14px;
	background: url(../images/common/btn_coupon.jpg) 0 0 no-repeat;
	color: #1181f1;
	text-align: left;
}

.cp-notice .cp-area{
	padding: 20px 0;
	background-color: #f8f8f8;
	text-align: left;
}
.cp-notice .clist{
	font-family: 'Noto Sans KR',sans-serif;
	letter-spacing: -1px;
}
.cp-notice .cont-wrap .clist{
	margin: 10px 0;
	text-align: left;
}
.tooltip-cont.cp-notice .cont-wrap + .clist{
	margin: 0;
	padding: 30px;
	background-color: transparent;
	background-position: 30px 28px;
	border: 1px solid #d7d7d7;
	font-size: 16px;
}
.cp-notice .cont-wrap + .clist strong{
	margin: 0;
	padding: 0 0 14px 30px;
	border: 0;
}
.cp-notice .cont-wrap + .clist li:before{top: 10px;}

.cp-notice .cp-area .clist li{
	margin: 0;
	line-height: 1.5;
}
.cp-notice .cp-area .clist li + li{margin-top: 2px;}
.cp-notice .cp-area .clist li:before{
	/* content:'*';
	top: 3px;
	background-color: transparent; */
}
.cp-notice .btn{
	width: auto;
	margin: 30px 0;
	padding: 16px 30px;
	font-size: 16px;
	font-weight: 400;
}
.cp-notice .cp-area .apply-option{
	display: inline-block;
    border-top: 1px solid #e5e5e5;
    width: 494px;
    margin-left: 30px;
    margin-top: 30px;
    padding-top: 30px;
}
.cp-notice .cp-area .apply-option .title{
	font-size: 16px;
	color: #222;
	margin-bottom: 16px;
	font-weight: 500;
}
.cp-notice .cp-area .apply-option span{
	display: block;
	color: #666;
	letter-spacing: -0.04em;
	line-height: 24px;
}
.cp-notice .cp-area .apply-option span + span{
	margin-top: 4px;
	line-height: 20px;
}
.tooltip-wrap.type2 .cp-notice .cont + .cont{
	margin-top: 10px;
}

.btn-area .btn.btn100{width: 100%;}
.tooltip-wrap.type2 .btn-getcp{
	width: 102px;
	height: 29px;
	background: #0098e3 url(../images/common/btn_download.png) 91% center no-repeat;
	padding: 0;
	border: 0;
	text-align: left;
}
.btn-getcp span{
	display: inline-block;
	height:100%;
	padding: 7px 13px 6px;
	background-color: #fff;
	color: #0098e3;
	border: 1px solid #0098e3;
}

/* 배찌 영역 - 배찌 이미지 해상도 깨짐 이슈 */
.prd-badge-area {
	width: 584px;
	height: 584px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	pointer-events: none;
}

/* 이미지확대레이어 */
.img-expand-wrap{
	display:none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 20;
}
.img-expand-wrap div:first-child{
	position: relative;
	float: left;
	overflow: hidden;
	width: 584px;
	height: 584px;
}
.img-expand-wrap .img-point{
	position: absolute;
	top: 0;
	left: 0;
	width: 239px;
	height: 239px;
	border: 2px solid #e0002a;
}
.img-expand-wrap .img-expand-area{
	position:relative;
	overflow: hidden;
	float: right;
	width: 584px;
	height: 652px;
	text-align: center;
	border: 1px solid #666;
	background: #fff;
}
.img-expand-wrap .img-expand-area p{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding-top: 30px;
	color: #999;
	font-weight: 300;
	z-index:5;
}

.img-expand-wrap .img-wrap {
	position:relative;
	display:block;
	width: 100%;
	height: 100%;
}
.img-expand-wrap .img-wrap img{
	position:absolute;
	left: 0;
	vertical-align:top;
}

/* coupon */
.coupon{
	position: relative;
	display: inline-block;
	width: 258px;
	height: 145px;
	text-align: center;
}

.coupon dl{
	width: 258px;
	height: 121px;
	padding-top: 30px;
	padding-right: 52px;
	background: url(../images/common/bg_coupon.png) top center no-repeat;
}
.coupon.inactive dl{background-image: url(../images/common/bg_coupon_off.png);}
.coupon.inactive dt,
.coupon.inactive dd {color: #999;}
.coupon dt{
	max-width: 156px;
    width: 100%;
    margin: 0 auto 6px;
    font-size: 16px;
    color: #1181f1;
	font-weight: 400;
    text-align: center;
    height: 32px;
	line-height: 1.125;
    letter-spacing: -0.01em;
}
.coupon dd{
	width: 100%;
	text-align: center;
}
.coupon .dc-rate{
	margin-right: 6px;
	font-size: 36px;
	font-weight: 700;
}
.coupon + .expiry-date{
	display:block;
	font-weight: 300;
	color: #666;
}

/* pink-coupon */
.pk-coupon{
	position: relative;
	width: 258px;
	text-align: center;
	justify-content: center;
}

.pk-coupon .pcoupon{
	display: inline-block;
	margin-bottom: 10px;
}
.pk-coupon .pcoupon .info{
	padding: 28px 52px 5px 0;
	width: 258px;
	height: 121px;
	background: url(../images/common/bg_pink_coupon.png) top center no-repeat;
	box-sizing: border-box;
}
.pk-coupon .pcoupon.inactive .info{background-image: url(../images/common/bg_pink_coupon_off.png);}
.pk-coupon .pcoupon.inactive .info .name,
.pk-coupon .pcoupon.inactive .info .total,
.pk-coupon .pcoupon.inactive .info .more{color: #999;}
.pk-coupon .pcoupon.inactive .btn-coupon .get-coupon{
	background: #bcbdd1;
}
.pk-coupon .pcoupon .info .name,
.pk-coupon .pcoupon .info .total,
.pk-coupon .pcoupon .info .more{
	display: block;
}
.pk-coupon .pcoupon .name{
	max-width: 166px;
    width: 100%;
    margin: 0 auto 10px;
    font-size: 16px;
    color: #cf467d;
    text-align: center;
	line-height: 1;
    letter-spacing: -0.01em;
	word-break: keep-all;
}
.pk-coupon .pcoupon .total{
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 1;
}
.pk-coupon .pcoupon .total .dc-rate{
	margin-right: 4px;
	font-size: 36px;
	font-weight: 700;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}
.pk-coupon .pcoupon .more{
	display: block;
	text-align: center;
	font-size: 14px;
	color: #666;
}
.pk-coupon .pcoupon .btn-coupon .get-coupon{
	display: inline-block;
	background: #595b8e;
	border-radius: 16px;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	padding: 4px 16px;
	color: #fff;
	text-decoration: none;
	margin-top: 8px;
}

/*purple-coupon*/
.pu-coupon{
	position: relative;
	width: 258px;
	text-align: center;
	justify-content: center;
}

.pu-coupon .pcoupon{
	display: inline-block;
	margin-bottom: 10px;
}
.pu-coupon .pcoupon .info{
	padding: 28px 52px 5px 0;
	width: 258px;
	height: 121px;
	background: url(../images/common/bg_purple_coupon.png) top center no-repeat;
	box-sizing: border-box;
}
.pu-coupon .pcoupon.inactive .info{background-image: url(../images/common/bg_pink_coupon_off.png); opacity: 0.3;}
.pu-coupon .pcoupon.inactive .info .name,
.pu-coupon .pcoupon.inactive .info .total,
.pu-coupon .pcoupon.inactive .info .more{color: #999;}
.pu-coupon .pcoupon.inactive .btn-coupon .get-coupon{
	opacity: 0.3;
}
.pu-coupon .pcoupon .info .name,
.pu-coupon .pcoupon .info .total,
.pu-coupon .pcoupon .info .more{
	display: block;
}
.pu-coupon .pcoupon .name{
	max-width: 166px;
    width: 100%;
    margin: 0 auto 10px;
    font-size: 16px;
    color: #985da2;
    text-align: center;
	line-height: 1;
    letter-spacing: -0.01em;
	word-break: keep-all;
}
.pu-coupon .pcoupon .total{
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 1;
}
.pu-coupon .pcoupon .total .dc-rate{
	margin-right: 4px;
	font-size: 36px;
	font-weight: 700;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}
.pu-coupon .pcoupon .more{
	display: block;
	text-align: center;
	font-size: 14px;
	color: #666;
}
.pu-coupon .pcoupon .btn-coupon .get-coupon{
	display: inline-block;
	background: #3f1046;
	border-radius: 16px;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	padding: 4px 16px;
	color: #fff;
	text-decoration: none;
	margin-top: 8px;
}

/* 결제예정금액 플로팅영역 */
.cfloating-wrap{
	float:right;
	/* position: fixed; */
	padding:14px 20px 30px;
	border: 1px solid #222;
}
.floating-scroll {
	/*position:absolute;*/
	position:fixed;
	top:94px;
	left:0;
	right:0;
	/* right:17px; */
	width:1200px;
	margin:0 auto;
	/*transform:translateX(-50%);*/
}
.payment-amount{
	width: 280px;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	font-size: 16px;
	line-height: 1.5;
}
.payment-amount strong{font-size: 22px;}
.payment-amount .payment-detile{
	margin-top: 14px;
	padding: 15px 0;
	border: solid #e5e5e5;
	border-width: 1px 0;
}
.payment-amount .payment-detile dl{
	overflow: hidden;
	padding: 6px 0;
}
.payment-amount .payment-detile dt{
	float: left;
	color: #666;
}
.payment-amount .payment-detile dd{
	float: right;
	letter-spacing: 0;
}
.payment-amount .payment-detile dd.strong{font-weight: 700;}
.payment-amount .payment-detile .unit{
	font-size: 14px;
	line-height: 1.71;
	font-weight: 300;
}
.payment-amount .amount{
	padding: 22px 0;
	text-align: right;
	color: #dd042b;
	letter-spacing: 0;
}
.payment-amount .amount em{
	display: block;
	font-size: 24px;
	font-weight: 700;
}
.payment-amount .amount em em {
	display:inline;
}
.payment-amount .amount .unit{
	font-size: 16px;
	font-weight: 300;
	padding-left: 2px;
}
.payment-amount .amount > span{
	font-size: 14px;
}
.payment-amount .notice-wrap{margin-bottom: 28px;}
.payment-amount .notice-wrap p{
	margin-bottom: 10px;
	padding: 15px 20px;
	border: 1px solid #e5e5e5;
	color: #666;
	word-break:keep-all;
	font-weight:300;
}
.checkbox-wrap{
	flex-shrink: 0;
}
.payment-amount .notice-wrap .checkbox-wrap {
	overflow: visible;
	height: 67px;
}
.payment-amount .notice-wrap .checkbox-wrap + .checkbox-wrap {
	margin-top: 16px;
}
.payment-amount .notice-wrap .checkbox-wrap input[type="checkbox"] + label{
	line-height: 1.4;
	padding: 0;
}
.payment-amount .notice-wrap .checkbox-wrap input[type="checkbox"] + label span{
	padding: 0;
}
.payment-amount .btn.btn-s{
	padding: 12px 36px;
	font-size: 16px;
}
/* 주문결제 배송정보 */
.order-box{
	display: table;
	/* justify-content: space-between; */
	table-layout: fixed;
	width: 890px;
	padding: 28px;
	border: 1px solid #e5e5e5;
	font-size: 16px;
	font-weight: 300;
}
.order-box:nth-of-type(1){margin-top: 20px;}
.order-box + .order-box{margin-top: -1px;}
.order-box .ff-robo{font-weight: 400;}
.order-box .order-tit,
.order-box .order-contwrap{
	display: table-cell;
	vertical-align: top;
}
.order-box .order-tit{
	width: 140px;
	font-size: 16px;
	font-weight:500;
}
.order-box .order-cont{
	position: relative;
	padding: 9px 0;
}
.order-box em.order-cont{display: block;}
.order-box .order-cont:first-child{padding-top: 0;}
.order-box .order-cont:last-child{padding-bottom: 0;}
.order-box .order-cont em{
	display: block;
	margin-bottom: 18px;
	font-weight: 500;
}
.order-box .order-cont > em + span{display: block;}
.order-box .btn{
	position: absolute;
	top: -8px;
	right: 0;
	width: auto;
	padding: 11px 30px;
}
.order-box.delivery-method .radio-area{display: inline-block;}
.order-box.delivery-method .radio-area.type-long{
	width: 90px;
}
.delivery-method .radio-area + .radio-area{margin-left: 26px;}
.delivery-method .radio-area:first-child{width: 62px;}
.delivery-method .radio-area:nth-of-type(2){width: 77px;}
.order-box .checkbox-wrap{
	display: inline-block;
	width: 150px;
	margin-top: -3px;
	margin-left: 20px;
	color: #666;
	font-weight: 300;
	vertical-align: top;
}
.order-box .checkbox-wrap input[type="checkbox"] + label > span{padding-top: 7px;}
.order-box .checkbox-wrap input[type="checkbox"] + label > span .comp {color: #dd042b;}
.order-box .select-wrap{margin: 13px 0 0;}
.order-box .select-wrap .defalut-text{
	width: 692px !important;
	background-position: 97% center;
}
/* 2024-05-21 선물받기 */
.order-box.select-order-box .select-wrap {margin-top: 34px;}
.order-box.select-order-box .select-wrap .defalut-text {width: 1002px !important; background-position: 99% center;}
.order-box.order-box-checkbox {
	padding: 0;
	width: 100%;
	margin-top: 50px;
}
.order-box.order-box-checkbox>div {
	padding: 22px 20px;
}
.order-box.order-box-checkbox .checkbox-wrap {
	margin-left: 0; width: 100%;
}
.order-box.order-box-checkbox .clist {
	padding: 26px 30px;
	border-top: 1px solid #eaeaea;
}


.order-box .clist{padding-top: 11px;}
.order-box .clist ul{line-height: 1;}
.order-box .clist li{margin: 0; line-height: 1.5;}
.order-box .clist li + li {margin-top: 5px;}
.order-box .text-blue{margin-top: 9px;}
.order-box.delivery-method .text-blue{margin-top: 0; position: relative; top: 0; left: 0;}
.order-box.delivery-method .clist .clist-tt {
	margin: 20px 0 10px;
	padding-left: 0;
}
.order-box.delivery-method .clist li + li {margin-top: 5px;}
.order-box.delivery-method .clist .clist-point-tt {
	padding-left: 24px; 
	padding-top: 2px; 
	padding-bottom: 8px;
	margin-left: -4px;
	margin-top: 10px;
	background: url(../images/common/icon_red_check.png) 1px 3px no-repeat;
	background-size: 16px;
}
.order-box.delivery-method .clist .vertical-bar {
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #ddd;
	margin: 0 5px;
}
.order-box .no-address{padding-bottom: 23px;}
.order-box .no-address ~ input{margin-top: 5px;}
.order-box .price{
	display: block;
	margin-top: 18px;
}
.order-box .clist li .bar{
	position: relative;
	margin-left: 10px;
	padding-left: 10px;
}
.order-box .clist li .bar:before{
	content: '';
	width: 1px;
	height: 12px;
	background-color: #e5e5e5;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.order-box.type2 .order-contwrap .phone-number {
	gap: 9px;
}
.order-box.type2 .order-contwrap .phone-number input:first-child {
	width: 65px;
	padding: 12px 19px;
	color: #999;
}
.order-box.type2 .order-contwrap .order-cont{
	display: inline-block;
	padding: 0;
	vertical-align: middle;
}
.order-box.type2 .order-contwrap .order-cont.user-email{
	display:block;
	width:100%;
	margin-top:20px;
	margin-left:-8px;
}
.order-box.type2 .order-tit{padding-top: 16px;}
.order-box.type2 .user-email{
	width: 494px;
	margin-left: 6px;
}
.order-box.type2 .user-email > input{
	width: 190px;
	margin: 0 8px;
	vertical-align: middle;
}
.order-box.type2 .user-email input.option-text-area{
	width: 134px;
	margin-right: 0;
}
.user-email .select-wrap{
	margin-top: 0;
	margin-left: 6px;
	vertical-align: top;
}
.user-email .select-wrap .defalut-text{
	width: 124px !important;
	background-position: 88% center;
}
.order-box.point-type{margin-top: 20px;}
.point-box{display: flex;}
.point-box .point-hold{display: flex;}
.point-box .point-used{display: flex;}
.point-box .order-tit{width: auto; flex-shrink: 0;}
.point-box .price {
	margin-top: 1px !important;
    padding: 10px 0;
    margin-left: 10px;
}
.point-box .line{padding: 10px 0; margin: 0 10px;}
.point-box .tooltip-wrap{
	position: relative;
	padding: 10px 0;
	margin-left: 10px;
}
.point-box .tooltip-wrap .tooltip-cont{
	width: 400px;
	top: 35px;
}
.point-box .tooltip-wrap .cp-notice .cont-wrap > .clist{
	margin: 0 auto;
	padding-top: 0;
}
.order-box.point-type .order-tit{padding: 10px 0;}
.order-box.point-type .order-cont{
	padding-bottom: 0;
	text-align: right;
}
.order-box.point-type .unit{font-size: 14px;}
.order-box.point-type .order-cont > span,
.order-box.point-type .order-cont > div,
.order-box.point-type .order-cont > a{
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}
.order-box.point-type .price > em {
	/*display: inherit;*/
	margin-bottom: inherit;
	font-weight: inherit;
}
.order-box.point-type .price{
	margin-top: 0;
	font-weight: 600;
	flex-shrink: 0;
}
.order-box.point-type .order-cont .input-area{
	position: relative;
	margin-left: 20px;
}
.order-box.point-type input{
	width: 200px;
	padding: 6px 20px 6px 15px;
	text-align: right;
}
.order-box.point-type .input-area .unit{
	position: absolute;
	top: 50%;
	right: 12px;
	transform:translateY(-50%);
	color: #666;
}
.order-box.point-type .btn{
	position: relative;
	top: 0;
}

/* 사은품정보 */
.h-type.type2 .option-type{width: 100%;}
.h-type.type2 li{border-top: 1px solid #e5e5e5;}
.h-type.type2 li:first-child{border-top: 0;}
.h-type.type2 .option-type > a{
	overflow: hidden;
	width: 800px;
}
.h-type.type2 .option-type > a > div{
	float: left;
	width: 400px;
	margin-top: 30px;
}
.h-type.type2 .option-type > a > div.top{margin-top: 0;}

/* thumbnail */
.tlist::after {
	content: '';
	display: block;
	clear: both;
}
.tlist > div{
	margin-top: 48px;
	margin-right: 30px;
	vertical-align: top;
}
.tlist > div:nth-of-type(1),
.tlist > div:nth-of-type(2),
.tlist > div:nth-of-type(3),
.tlist > div:nth-of-type(4){margin-top: 0;}
.tlist > div:nth-of-type(4n){margin-right: 0;}
.tlist .thum-notice{
	display: block;
	width: 220px;
	margin-top: 108px;
	padding-top: 30px;
	background: url(../images/common/icon_noti_s.png) 0 0 no-repeat;
	line-height: 1.8;
	font-size: 16px;
	font-weight: 300;
	word-break: break-all;
}

/* thumbnail title*/
.thum-tbox{
	float: left;
	width: 277px;
	word-break: keep-all;
}
.thum-tbox strong{
	display: block;
	width: 268px;
	padding-top: 44px;
	font-size: 38px;
	font-weight: 500;
	border-top: 3px solid #000;
}
.thum-tbox p{
	margin-top: 50px;
	padding-bottom: 50px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.8;
	background: url(../images/common/arrow/btn_line_rgt.png) 0 bottom no-repeat;
}

/* 썸네일 */
.thumbnail-wrap{
	float: left;
	position: relative;
	width: 277px;
	word-break: break-all;
}
.thumbnail-wrap a{
	display: block;
	line-height: 0;
}
.thumbnail-wrap img{width: 100%;}
.thumbnail-wrap strong,
.thumbnail-wrap dt{
	font-size: 18px;
	word-break: break-all;
}
.thumbnail-wrap .user-id,
.thumbnail-wrap .date,
.thumbnail-wrap .rank{
	display: block;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
	line-height: 1;
}
.thumbnail-wrap .user-id{color: #999;}
.thumbnail-wrap .date{color: #666;}
.thumbnail-wrap .btn-share{
	left:12px;
	width: 16px;
	height: 16px;
	background-image: url(../images/common/btn_share_s.png);
}

.thumbnail-wrap .thumbnail{
	overflow: hidden;
	display: block;
	position: relative;
	height: 277px;
	cursor: pointer;
	/* border: 1px solid transparent; */
	transition: all .2s ease;
}

.thumbnail-wrap .on-dim{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition:all .2s ease;
	z-index: 1;
}
.thumbnail-wrap:hover .on-dim{opacity: 1;}
.thumbnail-wrap .on-dim .dim-box{
	height: 100%;
	background-color: #fff;
	border: 1px solid #222;
	text-align: center;
	opacity: .9;
}
.thumbnail-wrap .on-dim strong{
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
	font-weight: 500;
	line-height: 1.2;
}
.thumbnail-wrap .on-dim strong span{vertical-align: middle;}
.thumbnail-wrap .on-dim .user-id{color: #222;}
.thumbnail-wrap .on-dim .thum-cont{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	width: 217px;
}
.thumbnail-wrap .on-dim .btn-like,
.thumbnail-wrap .on-dim .btn-share{
	position: absolute;
	bottom: 13px;
}
.thumbnail-wrap .on-dim .btn-like{right: 12px;}
.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 no-repeat;
	z-index:1;
}

.thumbnail-wrap .rank{
	position: absolute;
	top: 0;
	left: 0;
	width: 62px;
	height: 62px;
	padding-top: 33px;
	background: url(../images/common/icon_ranking.jpg) 0 0 no-repeat;
	text-align: center;
	cursor: pointer;
	z-index: 10;
	transform: translate(0,0);
}
.thumbnail-wrap:hover .rank{
	padding-top: 32px;
    padding-right: 1px;
	border:solid #000;
	border-width:1px 0 0 1px;
	background-position: -1px -1px;
}
.thumbnail-wrap.empty-type .no-result{
	margin-top: 0;
	border: 0;
	background-color: #f5f5f5;
	cursor: default;
}
.thumbnail-wrap.empty-type:hover .rank{border-color: transparent;}
/* .thumbnail-wrap.no-result .thumbnail{position: absolute;} */
.thumbnail-wrap.mbox .thumbnail-wrap{
	border:1px solid transparent;
}
.thumbnail-wrap.mbox .rank{
	top: 1px;
	left: 1px;
}
.thumbnail-wrap.mbox:hover .rank {
	border:0;
}

.thumbnail-wrap dl{padding-top: 20px;}
.thumbnail-wrap dt{line-height: 1.6;}

.thumbnail-wrap.big{width: 584px;}
.thumbnail-wrap.big + .thumbnail-wrap{margin-right: 0;}
.thumbnail-wrap.big .thumbnail{height: 584px;}

.thumbnail-wrap.type2 dt{
	display: inline-block;
	max-width: 277px;
	height: 28px;
	margin-bottom: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-bottom: 1px solid transparent;
	transition: all .2s ease;
}
.thumbnail-wrap.type2:hover .thumbnail,
.thumbnail-wrap.type2:hover dt{border-color: #222;}
.thumbnail-wrap.type3 > a{
	position: relative;
}
.thumbnail-wrap.type3 > a,
.thumbnail-wrap.type4 > a,
.thumbnail-wrap.type5 > a,
.thumbnail-wrap.only-img > a{
	border: 1px solid #e5e5e5;
	transition: all .2s ease;
}
.thumbnail-wrap.type3:hover > a,
.thumbnail-wrap.type4:hover > a,
.thumbnail-wrap.type5:hover > a,
.thumbnail-wrap.only-img:hover > a{border-color: #222;}
.thumbnail-wrap.type3:hover > a{
	width: 100%;
}

.thumbnail-wrap.type3 .thumb-info,
.thumbnail-wrap.only-img .thumbnail .thumb-info{
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	align-items: center;
	justify-content: center;
	height: 100%;
	line-height: 1.2;
	background-color: rgba(255, 255, 255, 0.9);
	font-size: 18px;
	z-index: 11;
	padding: 0 40px;
}


.thumbnail-wrap.type3:hover,
.thumbnail-wrap.only-img .thumbnail:hover .thumb-info{
	display: flex;
}



.thumbnail-wrap.type3 .thumbnail,
.thumbnail-wrap.type4 .thumbnail,
.thumbnail-wrap.only-img .thumbnail,
.thumbnail-wrap.type5 .thumbnail{height: auto;}

/* .thumbnail-wrap.type3 .thumbnail:after,
.thumbnail-wrap.type4 .thumbnail:after,
.thumbnail-wrap.only-img .thumbnail:after,
.thumbnail-wrap.type5 .thumbnail:after{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 4px);
	height: 99%;
	margin-left: 1px;
	border: 1px solid #e5e5e5;
	transition: all .2s ease;
} */
.thumbnail-wrap.only-img .thumbnail:after{height: 99.5%;}
.thumbnail-wrap.type3 dl,
.thumbnail-wrap.type3 a > div{
	position: relative;
	margin-top: -1px;
	padding:30px;
	line-height: 1;
}
.thumbnail-wrap.type3 dl:before,
.thumbnail-wrap.type3 a > div:before{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e5e5e5;
}
.thumbnail-wrap.type3 dt,
.thumbnail-wrap.type3 .title{
	overflow: hidden;
	max-height: 50px;
	font-size: 16px;
	letter-spacing: 0;
}
.thumbnail-wrap.type3 dt.title{max-height: 82px;}
.thumbnail-wrap.type3 dd{margin-top: 10px;}
.thumbnail-wrap.type3 .btn-area{
	position: absolute;
	bottom: 30px;
	right: 30px;
}
.thumbnail-wrap.type3 .btn-area > a,
.thumbnail-wrap.type4 .btn-area > a{
	display: inline-block;
	margin-left: 18px;
	vertical-align: middle;
}
.thumbnail-wrap.type3:hover .thumbnail:after,
.thumbnail-wrap.only-img:hover .thumbnail:after{border-color: #222;}

.thumbnail-wrap.type3 .title{
	display: block;
	font-weight: 500;
	letter-spacing: -1px;
	line-height: 1.6;
}
.thumbnail-wrap.type3 .title.full{height: auto;}
.thumbnail-wrap.type3 .title.full .align-rgt{
	height: 25px;
	line-height: 0;
}
.thumbnail-wrap.type3 .title.full .align-rgt img{max-width: 23px;}
.thumbnail-wrap.type3 .cate{
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 300;
	color: #666;
}
.thumbnail-wrap.type3 .content{
	overflow: hidden;
	display: block;
	max-height: 46px;
	margin-top: 10px;
	font-size: 16px;
	font-weight: 300;
	color: #222;
	line-height: 1.6;
}
.thumbnail-wrap.sns-type .thumbnail{height: 212px;}
.thumbnail-wrap.sns-type .thumbnail img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	/*height: 100%;*/
}
.thumbnail-wrap.sns-type .title.full > span.align-lft{
	width: 85%;
	word-break: break-all;
}
.thumbnail-wrap.sns-type .content{
	height: auto;
	max-height: 76px;
}

.thumbnail-wrap.video-type a{position: relative;}
.thumbnail-wrap.video-type .thumbnail{height: 219px;}
.thumbnail-wrap.video-type .thumbnail:before{
	content:'';
	position: absolute;
	top: 82px;
	left: 50%;
	transform:translateX(-50%);
	width: 56px;
	height: 56px;
	background: url(../images/common/btn_play.png) 0 0 no-repeat;

}
.thumbnail-wrap.video-type .video-thumb{
	position: relative;
	padding-bottom: 219px;
}

.thumbnail-wrap .badge-cate{
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	padding: 12px 10px;
	background-color: #222;
	font-size: 12px;
	font-weight: 500;
	opacity: .6;
	color: #fff;
	z-index: 10;
}
.thumbnail-wrap.type3 .badge-cate{
	top: 0;
	left: 0;
}

.thumbnail-wrap.type4 .film-tit{
    display: block;
    padding:24px 30px;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0;
}
.thumbnail-wrap.type4 .thumbnail-bottom{overflow: hidden}
.thumbnail-wrap.type4 .thumbnail-bottom .user-id{
    float: left;
    margin-left: 30px;
}
.thumbnail-wrap.type4 .thumbnail-bottom .btn-area{
    float:right;
    margin:0 30px 30px;
}


/* 갤러리 공통 */
.write-info .user-id,
.write-info .user-id a{font-weight: 500;}
.write-info .date{
	font-weight: 300;
	color: #666;
}
.write-info .date:before{
	margin: 0 14px 0 12px;
}

/* 갤러리 photo upload */
.photo-upload strong + input[type="file"]{display:none;}
.photo-upload{
	position:relative;
	height: 640px;
	padding-top:200px;
	background-color: #f3f3f3;
	text-align: center;
}
.photo-upload strong{
	display: block;
	padding-top: 210px;
	font-size: 30px;
	background: url(../images/icon_fga_photo_upload.png) top center no-repeat;
	text-align: center;
}
.photo-upload ~ .clist.notice{margin-top: 20px;}
.photo-upload .clist{
	display: inline-block;
	margin-top: 80px;
	text-align: left;
}
.photo-upload .clist ul{color: #222;}

/* 갤러리 테마공모전 form */
.gform textarea,
.comments-area textarea{
	font-weight: 300;
	letter-spacing: 0;
}
.gform .gform-div{margin-top: 48px;}
.gform .gform-div:first-child{margin-top: 0;}

.gform strong.gf-tit{
	display: inline-block;
	margin-bottom: 25px;
	font-size: 24px;
}
.gform .tit-area{margin-bottom: 30px;}
.gform .tit-area .gf-tit,
.gform .tit-area > span{
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}
.gform .tit-area .icon-notice{
	margin-left: 20px;
	font-size: 16px;
}
.post-desc .photo-info .bar-s:before,
.gform .photo-info .bar-s:before{margin:0 6px 0 4px;}
.gform .photo-info .c-acco,
.gform .photo-info > .clist{margin-top: 48px;}
.gform .photo-info .c-acco .acco-tit{font-weight: 300;}
.gform .photo-info .c-acco .acco-tit + .cont{
	overflow-y: hidden;
	height: auto;
}
/* .gform .clist strong{
	margin: 0 0 20px;
	font-size: 18px;
	font-weight: 400;
}
.gform .photo-info > .clist ul{
	color: #222;
	letter-spacing: 0;
} */
.gform .btn-area{
	margin-top: 40px;
	padding-top: 30px;
	border-top: 1px solid #222;
	text-align: center;
}
.gform .btn-area .btn{width: 120px;}

/* 갤러리 포토갤러리 게시물정보 */
.post-desc{
	position: relative;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}
.post-desc a{
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}
.post-desc .tit-area{overflow: hidden;}
.post-desc .tit-area strong{
	float: left;
	font-size: 28px;
	font-weight: 500;
}
.post-desc .tit-area strong span{
	display: block;
	margin-bottom: 16px;
	font-size: 16px;
}
.post-desc .write-info{
	float: right;
	margin-top: 28px;
	letter-spacing: 0;
}
.post-desc > p{
	margin-top: 24px;
	font-size: 16px;
	font-weight: 300;
	color: #666;
	line-height: 1.8;
}
.fgath .post-desc > p{margin-top: 10px;}
.icon-loction{
	padding-left: 20px;
	background: url(../images/common/icon_location.png) left center no-repeat;
}
.post-desc .photo-info{margin-top: 20px;}
.post-desc .awarded{margin-top: 27px;}
.post-desc .icon-bast{
	padding-left: 30px;
	background: url(../images/common/icon_ranking_gray_s.png) left center no-repeat;
}
.post-desc .icon-bast + .icon-bast{margin-left: 20px;}
.post-desc .photo-info .exif-info{margin-top: 19px;}
.post-desc .util-area{
	/* overflow: hidden; */
	position: absolute;
	/*bottom: 0;*/
	right: 0;
}
.post-desc .util-area:after{
	content:'';
	display: block;
	clear: both;
}
.post-desc .btn-like{
	display: inline;
	background-position:0 center;
}
.post-desc .login-util{
	display: inline-block;
	vertical-align: middle;
	margin-top: 3px;/*2020-11-17추가*/
	margin-left: 20px;
}
.post-desc + .btn-area{
	margin-top: 48px;
	padding-top: 30px;
	border-top: 1px solid #222;
}

/* 선정 취소 */
.cancellation-item:hover .on-dim {opacity: 0;}
.cancellation-item:hover .rank{border-color:#fff;}
.cancellation-item .on-dim .dim-box,
.cancellation-item > a{cursor: default;}
.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:190px;
	height:138px;
	padding-top:17px;
	background:url(../images/common/bg_cancellation.png) no-repeat 0 0;
	font-size:14px;
	font-weight:300;
	line-height:20px;
	color:#222;
	text-align:center;
	transform:translate(-50%, -50%);
}

/* info-text */
.info-text.bar{
	padding-bottom:50px;
	overflow:hidden;
	text-align:left;
	display: flex;
	justify-content: space-between;
}
.info-text.bar .info-tit{
	padding-top:64px;

	width:380px;
	border-top:3px solid #000;
	line-height:36px;
	font-size:30px;
}
.info-text.bar div, .info-text.bar p{
	padding-top:58px;
	width:calc(100% - 415px);
	border-top:1px solid #000;
	line-height:30px;
	color: #666;
	font-weight:300;
	font-size:16px;
	letter-spacing:-1.2px;
}
/* align */
.fl-left{
	float:left;
}
.fl-rgt{
	float:right;
}

/* comment */
.comment-wrap{
	margin-top:70px;
}
.comment-wrap .top-area{
	overflow:hidden;
	line-height:50px;
}
.comment-wrap .top-area .user-id{
	float:left;
	font-family:'Roboto', 'Noto Sans KR', sans-serif;
	font-size:14px;
	font-weight:500;
	letter-spacing:0;
}
.comment-wrap .top-area .comment-num{
	float:right;
	display:inline-block;
	padding-right: 2px;
	font-size:14px;
	font-weight:300;
	font-family:'Noto Sans KR', sans-serif;
}
.comment-wrap .top-area .comment-num em{
	position:relative;
	margin-left:21px;
}
.comment-wrap .top-area .comment-num em:before{
	content:'';
	position:absolute;
	top:5px;
	left:-10px;
	width:1px;
	height:11px;
	background:#c4c4c4;
}
.comment-wrap .textarea-wrap .text-num{/* font-family:'Noto Sans KR', sans-serif; */}
.comment-wrap textarea::placeholder{font-weight: 300;}
.comment-wrap .mid-area{
	margin-top:15px;
	padding-bottom:46px;
	/* overflow:hidden; */
}
.comment-wrap .mid-area:after{
	content:'';
	display: block;
	clear: both;
}
.comment-wrap .comment-box .mid-area{padding-bottom: 0;}
.comment-wrap .comment-info{
	position: relative;
	float:left;
	padding-left:25px;
	padding-right: 90px;
	line-height:24px;
	color:#666;
	font-size:16px;
	font-weight:300;
	background:url(../images/common/icon_notice.png) no-repeat 1px center;
}
.comment-wrap .comment-noti{}
.comment-wrap .comment-noti .tooltip-cont{top: 30px;}
.comment-wrap .comment-btn{
	float:right;
	padding-left:26px;
	line-height:24px;
	background:url(../images/common/btn_comment.png) no-repeat 0 center;
}
.comment-wrap .bottom-area .comment-top{
	overflow: hidden;
	padding-bottom: 10px;
}
.comment-wrap .bottom-area .comment-top > div{
	color: #999;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	font-weight: 500;
}
.comment-wrap .bottom-area .comment-top > div span{font-weight: 400;}
.comment-wrap .bottom-area .comment-top > a{
	padding-right: 18px;
	background: url(../images/common/arrow/btn_line_down.png) right center no-repeat;
}
.comment-wrap .bottom-area .comment-box{
	position:relative;
	padding:20px 0;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
.comment-wrap .bottom-area .comment-box + .comment-box{
	border-top:0;
}
.comment-wrap .bottom-area .comment-box .user-info{
	line-height:31px;
}
.comment-wrap .bottom-area .comment-box .user-info .id{
	font-family:'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing:0;
	font-size:14px;
	font-weight:500;
}
.comment-wrap .bottom-area .comment-box .user-info .date{
	margin-left:19px;
	position:relative;
	font-family:'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing:0;
	color:#666;
	font-size:14px;
	font-weight:300;
}
.comment-wrap .bottom-area .comment-box .user-info .date:before{
	content:'';
	position:absolute;
	top:3px;
	left:-9px;
	width:1px;
	height:10px;
	background:#c4c4c4;
}
.comment-wrap .bottom-area .comment-box .comment-text{
	padding-right:82px;
	line-height:34px;
	font-size: 16px;
}
.comment-wrap .bottom-area .comment-box .btn-wrap{
	position:absolute;
	bottom:20px;
	right:10px;
}
.comment-wrap .bottom-area .comment-box .btn-wrap a {
	font-size: 0;
	display: block;
	float: left;
	width: 36px;
	height: 36px;
	border: 0;
	margin-right: 0;
}
.comment-wrap .bottom-area .comment-box .btn-wrap a.edit{
	background: url(../images/common/icon_edit.png) no-repeat center 8px;
}
.comment-wrap .bottom-area .comment-box .btn-wrap a.trashcan{
	background: url(../images/common/icon_trashcan.png) no-repeat center center;
}
.comment-wrap .bottom-area .comment-box .btn-wrap a.comment-btn{
	padding: 0;
	background-position: center 10px;
}
.comment-wrap .bottom-area .comment-box.type2,
.comment-wrap .bottom-area .comment-box.blind{
	padding:20px 49px ;
	background:#f8f8f8 ;

}
.comment-wrap .bottom-area .comment-box.blind{
	padding:20px 49px !important;
	background:#f8f8f8 !important;
	position: static !important;
	width: auto !important;
	overflow: visible !important;
	height: auto !important;
	border-bottom: 1px solid #e5e5e5 !important;
	margin: 0 !important;
}
.comment-wrap .bottom-area .comment-box .comment-del{
	padding:26px 0;
	color: #999;
}
.comment-wrap .bottom-area .comment-box.type2 .user-info{
	position:relative;
}
.comment-wrap .bottom-area .comment-box.type2 .user-info:before{
	content:'';
	position:absolute;
	top:9px;
	left:-20px;
	width:9px;
	height:9px;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
}
.comment-wrap .bottom-area .comment-box .user-info .writer{
	margin-right:9px;
	display:inline-block;
	width:60px;
	line-height:18px;
	text-align: center;
	color:#1181f1;
	border:1px solid #1181f1;
	border-radius:9px;
}
.comment-wrap .bottom-area .comment-box .user-info .admin{
	margin-right:9px;
	display:inline-block;
	width:60px;
	line-height:18px;
	text-align: center;
	color:#fff;
	border:1px solid #1181f1;
	background-color: #1181f1;
	border-radius:9px;
}
.comment-wrap .bottom-area .comment-box.blind{
	padding:50px 49px;
	text-align: center;
	color: #999;
	font-size: 16px;
}
/*.comment-wrap + .pagination{
	margin-top:50px;
}*/

/* progress-btn */
.progress-btn-area{border-bottom: 1px solid #e5e5e5;}
.progress-btn-area a{
	display: block;
	padding: 28px 20px 29px;
	border-top: 1px solid #e5e5e5;
	font-size: 16px;
}
.progress-btn-area .progress-btn{
	margin-right: 50px;
	padding-right: 20px;
	background: right center no-repeat;
	font-weight: 300;
}
.progress-btn-area .btn-prev .progress-btn{
	background-image: url(../images/common/arrow/btn_up.png);
}
.progress-btn-area .btn-next .progress-btn{
	background-image: url(../images/common/arrow/btn_down_s.png);
}

/* .brand-list */
.brand-list > ul{
	overflow:hidden;
}
.brand-list > ul > li{
	margin:7px 0;
	position:relative;
	float:left;
	width:390px;
	height:130px;
	border:1px solid #e5e5e5;
}
.brand-list > ul > li + li{
	margin-left:15px;
}
.brand-list > ul > li:nth-child(3n+1){
	margin-left:0;
}
.brand-list > ul > li > a:first-child{
	overflow:hidden;
	display:block;
	width:100%;
	height:100%;
}
.brand-list > ul > li > a .img-wrap{
	position:relative;
	overflow: hidden;
	float:left;
	/* width:160px; */
	width:122px;
	height:100%;
}
.brand-list > ul > li > a .img-wrap img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:100%;
}
.brand-list > ul > li > a .text-wrap{
	float:right;
	padding:20px;
	width:calc(100% - 160px);
	height:100%;
}
.brand-list > ul > li > a.btn-line{
	position:absolute;
	top:unset;
	bottom:19px;
	right:19px;
	height: 28px;
}
/* event-list */
.event-list-wrap{overflow: hidden;}
.event-list-wrap .event-list{
	float: left;
	width: calc(33.33% - 30px);
	margin-top: 60px;
	margin-right: 44px;
}
.event-list:nth-of-type(3n){margin-right: 0;}
.event-list > a,
.event-list .thum-wrap{display: block;}
.event-list .thum-wrap{
	overflow: hidden;
	width: 370px;
	height: 230px;
	border: 1px solid #e5e5e5;
	line-height: 0;
}
.event-list .thum-wrap img{
	width: 100%;
	height:100%;
}
.event-list dl{margin-top: 20px;}
.event-list dt{
	font-size: 18px;
	line-height: 1.3;
}
.event-list dd{
	margin-top: 14px;
	font-size: 16px;
	font-weight: 300;
}
/* .no-data-box */
.no-data-box{
	padding: 148px 0 85px;
	background:url(../images/common/icon_bubble.png) no-repeat center 84px;
	border:1px solid #e5e5e5;
	line-height:14px;
	text-align: center;
	color: #666;
	font-size:16px;
	font-weight:300;
}



/* .faq-search */
.faq-area{
	padding: 50px 0;
	background-color: #e8f0f9;
}
.faq-area .inner-wrap{overflow: hidden;}
.faq-area strong{
	float: left;
	margin-left: 85px;
	font-size: 42px;
	font-weight: 500;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
	color: #1181f1;
}
.faq-area .srch-wrap{
	float: left;
	margin-left: 40px;
}
.faq-area .srch-area{position: relative;}
.faq-area .srch-area input{
	width: 800px;
	padding-right: 46px;
	border-color: #1181f1;
}
.faq-area .srch-area button{
	position: absolute;
	top: 1px;
	right: 4px;
	font-size: 0;
	width: 48px;
	height: 48px;
	background: url(../images/common/btn_srch.png) center no-repeat;
}
.faq-area .recommend-word{
	margin-top: 18px;
	font-size: 16px;
}
.faq-area .recommend-word em{font-weight: 500;}
.faq-area .recommend-word .word-wrap{display: inline-block;}
.faq-area .word-wrap button{
	margin: 0 15px 0 10px;
	font-weight: 300;
	color: #666;
}
.faq-area .word-wrap button + button{margin: 0 15px;}


/*==================== FCOEM 페이지오류화면 ====================*/
.fcoem .inner-wrap{
	position: relative;
	min-height: 552px;
}
.error-page{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	text-align: center;
}
.error-page > strong{
	display: block;
	padding-top: 85px;
	font-size: 28px;
	font-weight: 500;
	background: url(../images/common/icon_exclamation.png) top center no-repeat;
	line-height: 1.3;
}
.error-page > span{
	display: block;
	margin: 22px 0 44px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
}

.fcoem .btn-wrap a{
	width: 130px;
	padding: 16px 0;
}
/* FCOEM003 */
.full-page{height: 100%;}
.full-page .fcoem{
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	width: 100%;
	padding-top: 0 !important;
}
.fcoem .clist.notice{
	background: #f8f8f8;
	text-align: left;
}

/*==================== FCA 약관 ====================*/
.ski-form{
	overflow-y: scroll;
	height: 750px;
	padding: 30px;
	padding-right: 17px;
	border: 1px solid #e5e5e5;
	font-size: 16px;
}
.ski-form .ctit{
	display: block;
	margin: 28px 0 60px;
	text-align: center;
}
.ski-form + .checkbox-wrap{
	margin-top: 20px;
	color: #666;
}
.ski-form em{
	display: block;
	margin-bottom: 16px;
}
.ski-form .form-top{
	padding-bottom: 10px;
	line-height: 1.5;
	border-bottom: 1px solid #e5e5e5;
	word-break: keep-all;
}
.ski-form .form-top span{display: block;}
.ski-form .form-top p{
	color: #666;
	font-weight: 300;
}
.ski-form .cont-wrap .content{margin-top: 60px;}
.ski-form table .txt-lft{
	padding-left: 20px;
	text-align: left;
}
.ski-form table + table,
.ski-form table + .notice{margin-top: 30px;}
.ski-form table caption{
	position: relative;
	margin-bottom: 9px;
	padding-left: 15px;
	text-align: left;
}
.ski-form table caption:before{
	content:'';
	position: absolute;
	top: 6px;
	left: 0;
	width: 6px;
	height: 6px;
	background-color: #666;
	vertical-align: middle;
}
.ski-form table th,
.ski-form table td{
	padding: 13px 0;
	border: 1px solid #e5e5e5;
	font-weight: 300;
	color: #666;
	line-height: 1.9;
}
.ski-form table th{background-color: #f8f8f8;}
.ski-form table td{text-align: center;}
.ski-form table + .notice em{font-weight: 500;}
.ski-form table + .notice ul{
	color: #666;
	font-weight: 300;
}
.ski-form table + .notice li + li{margin-top: 14px;}
.ski-form .lists{font-weight: 300;}
.ski-form .lists .list-wrap{margin-top: 24px;}
.ski-form .lists .list-cont li{
	padding-left: 20px;
	color: #666;
	line-height: 1.9;
}
.ski-form .lists .list-in li{padding-left: 12px;}
.ski-form .lists + p{
	margin-top: 20px;
	color: #666;
	line-height: 1.9;
	word-break: keep-all;
	font-weight: 300;
}

/* viewer-wrap */
.viewer-wrap .viewer-header{border-top: 1px solid #222;}
.viewer-wrap .viewer-header strong.title-wrap{
	max-width: initial;
	white-space: initial;
	text-overflow: initial
}
.viewer-wrap .viewer-header strong.title-wrap:hover{
	border-bottom: 0;
	color: initial;
}
.viewer-wrap .viewer-body,
.viewer-wrap .viewer-footer span,
.viewer-wrap .viewer-footer strong{
	font-size: 16px;
	font-weight: 300;
	line-height: 1.9;
}
.viewer-wrap .viewer-body{
	min-height: 300px;
	padding: 24px 30px 30px;
	background-color: #f8f8f8;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
}
.viewer-wrap .viewer-body .cont-area::after{
	content: '';
	display: block;
	clear: both;
}
.viewer-wrap .viewer-body .cont-area strong{
	font-size: inherit;
}
.viewer-wrap .viewer-body.type2{
	padding:30px 0;
	background-color: #fff;
}
.viewer-wrap .viewer-body .attached-file{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #e5e5e5;
}
.viewer-wrap .attached-file strong{
	display: block;
	font-weight: 500;
}
.viewer-wrap .attached-file .file-wrap{
	margin-top: 8px;
}
.viewer-wrap .attached-file .file-download{
	line-height: 1.5;
}
.viewer-wrap .file-download + .file-download{margin-left: 12px;}
.viewer-wrap .viewer-body .cont-area th,
.viewer-wrap .viewer-body .cont-area td{
	border: 1px solid #222;
}
/* .viewer-wrap .input-file{
	padding-right: 0;
}
.viewer-wrap #attaFile ~ label{
	left: 0;
	right: auto;
	top: auto;
	bottom: 0;
	min-width: 90px;
	height: 24px;
	font-size: 0;
	background: url(../images/common/icon_download_s.png) 0 center no-repeat;
}
.viewer-wrap .input-file .file-name{
	padding: 0 0 3px 17px;
	border-bottom: 1px solid #666;
	font-size: 14px;
	color: #666;
} */
.viewer-footer .base-btn{
	display: block;
	padding: 14px 0;
	border-bottom: 1px solid #e5e5e5;
}
.viewer-footer .base-btn > div{
	display: inline-block;
	width: 90px;
	font-weight: 500;
}
.viewer-footer .base-btn .btn-icon{
	display: inline-block;
	width: 11px;
	height: 6px;
	padding-right: 22px;
	background: right center no-repeat;
	font-size: 0;
	opacity: .6;
	vertical-align: middle;
}
.viewer-footer .base-btn.btn-prev span{
	background-image: url(../images/common/arrow/btn_up.png);
}
.viewer-footer .base-btn.btn-next span{
	background-image: url(../images/common/arrow/btn_down.png);
}
.viewer-wrap .btn-area {
	padding-top:30px;
}

/* 정책 */
.policy-cont{margin-top: 20px;}
.policy-cont + .policy-cont{margin-top: 50px;}
.policy-cont > p ~ p,
.policy-cont > p ~ table{margin-top: 29px;}
.policy-cont caption,
.policy-cont th{padding: 14px 0;}
.policy-cont caption{
	border-top: 1px solid #222;
	background-color: #f8f8f8;
	font-weight: 500;
}
.policy-cont th,
.policy-cont td{border: 1px solid #e5e5e5;}
.policy-cont th:first-child,
.policy-cont td:first-child{border-left: 0;}
.policy-cont th:last-child,
.policy-cont td:last-child{border-right: 0;}
.policy-cont th{
	background-color: #f8f8f8;
	font-weight: 300;
	text-align: center;
}
.policy-cont td{
	padding: 27px 0;
	text-align: center;
	color: #666;
}
.policy-cont strong.title{
	display: block;
	margin-bottom: 26px;
	font-size: 22px;
	font-weight: 400;
}
.policy-cont .policy em{
	display: block;
	margin-bottom: 12px;
	font-weight: 500;
}
.policy-cont .policy li + li{margin-top: 30px;}

.policy-box-wrap{
	overflow: hidden;
	height: 522px;
}
.policy-box-wrap + .policy-box-wrap{margin-top: 20px;}
.policy-box-wrap.col-1{height: 622px;}
.policy-box-wrap.col-2{height: 667px;}
.policy-box-wrap.col-2 .policy-box .tit-wrap{height: 158px;}
.policy-box-wrap.col-3 .policy-box .tit-wrap{height: 133px;}
.policy-box{
	float: left;
	width: calc(25% - 15px);
	height: 100%;
	margin-right: 20px;
	border: 1px solid #e5e5e5;
	text-align: center;
	line-height: 1;
}
.policy-box:nth-of-type(4n){margin-right: 0;}
.policy-box:nth-of-type(4n) ~ .policy-box{margin-top: 20px;}
.policy-box .period,
.policy-box .dsec{padding: 30px 0;}
.policy-box .tit-wrap{
	padding:25px 20px;
	background-color: #f8f8f8;
	word-break: keep-all;
	line-height: 1.5;
}
.policy-box .box-tit{
	display: block;
	padding:0 12px;
	font-size: 20px;
	font-weight: 500;
}
.policy-box .brand-name{
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}
.policy-box .period span{
	display: block;
	margin-bottom: 18px;
	font-size: 18px;
	font-weight: 500;
}
.policy-box .period em{
	font-size: 30px;
	font-weight: 500;
	color: #1181f1;
}
.policy-box .dsec{
	margin:0 30px;
	border-top: 1px solid #e5e5e5;
}
.policy-box .dsec em{
	display: block;
	margin-bottom: 28px;
	font-size: 18px;
	font-weight: 500;
}
.policy-box .dsec > ul{text-align: left;}
.policy-box .dsec .dtit{
	display: block;
	margin-bottom: 16px;
	font-weight: 500;
	color: #666;
}
.policy-box .dsec .clist + .clist{margin-top: 16px;}

/* 문의 목록 리스트 */
.enquiry-list .thum-wrap img{max-width: 49px;}
.enquiry-list .list-box{border: 1px solid #e5e5e5;}
.enquiry-list .list-box + .list-box,
.enquiry-list .item-area .item + .item{margin-top: 10px;}
.enquiry-list .radio-area{padding: 25px 30px;}
.enquiry-list .radio-area input[type="radio"] + label > span{
	color: #222;
	font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif;
}
.enquiry-list .item-area{
	padding: 30px;
	border-top: 1px solid #e5e5e5;
}
.enquiry-list .item-area .item > a{
	display: inline-block;
	vertical-align: middle;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}
.enquiry-list .thum-wrap{
	overflow: hidden;
	border: 1px solid #e5e5e5;
}
.enquiry-list .item-desc{margin-left: 20px;}
.enquiry-list .item-desc em{font-weight: 500;}
.enquiry-list .item-desc span{
	display: block;
	margin-top: 4px;
	font-weight: 300;
}

/* datepicker */
.datepicker-input{
	position: relative;
	display: inline-block;
}
.datepicker-input + span{margin:0 4px 0 2px;}
.datepicker-input input:disabled{color: #999;}
.date-term input,
.ui-datepicker,
.ui-datepicker a{font-family: 'Roboto', 'Noto Sans KR', sans-serif;}
.date-term input{margin: 0;}
.ui-datepicker{
	width: 286px;
	border: 1px solid #000;
	background-color: #fff;
	top: 38px !important;
	left: 0 !important;
}
.ui-datepicker-header{
	position: relative;
	padding: 16px 0 13px;
	border-bottom: 1px solid #999;
}
.ui-datepicker-title{
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0;
}
.ui-datepicker-prev,
.ui-datepicker-next{
	position: absolute;
	top: 0;
	width: 44px;
	height: 44px;
	cursor: pointer;
	background: center no-repeat;
	font-size: 0;
}
.ui-datepicker-prev{
	left: 0;
	background-image: url(../images/common/arrow/btn_lft.png);
}
.ui-datepicker-next{
	right: 0;
	background-image: url(../images/common/arrow/btn_rgt.png);
}

.ui-datepicker-calendar{
	table-layout: fixed;
	text-align: center;
	width: 245px;
	margin: 20px auto;
}

.ui-datepicker-calendar th:first-child{color: #dd042b;}
.ui-datepicker-calendar th,
.ui-datepicker-calendar a{
	width: 30px;
	margin: 0 auto;
	padding: 8px;
}
.ui-datepicker-calendar th{
	padding-bottom: 14px;
	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;
}

/* 공통 내역없음 */
.common-no-data{
	padding: 212px 0 150px;
	text-align: center;
}
.common-no-data span{
	padding-top: 62px;
	background: url(../images/common/icon_nohistory.png) top center no-repeat;
	font-size: 16px;
	color: #666;
	font-weight: 300;
}
.common-no-data.bd-type{border: 1px solid #e5e5e5;}
.common-no-data.bd-type.bd-bottom{border-width: 0 0 1px 0;}

/* popup top text btn */
.pop-top-text-btn {
	position:relative;
	text-align:left;
}
.pop-top-text-btn .top-text {
	font-size:16px;
	line-height:24px;
	color:#222;
}
.pop-top-text-btn .top-text strong {
	font-size: 16px;
	font-weight:500;
	color:#222;
}
.pop-top-text-btn .top-text p{
	padding-top: 20px;
	color: #666;
}

.pop-top-text-btn .top-text + .clist{
	margin-top: 10px;
	margin-bottom: 25px;
}

.pop-top-text-btn .top-btn {
	position:absolute;
	top:0;
	right:0;
}
.edit-area ul,
.edit-area ol {
	padding-inline-start: 40px;
}
.edit-area ul {
	list-style:disc;
}
.edit-area ol {
	list-style:decimal;
}

.btn-pw-help{
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	z-index: 1;
}
.btn-pw-help > button{
	margin-bottom: 5px;
	padding-bottom: 4px;
	border-bottom: 1px solid #000;
	font-weight: 300;
}
.btn-pw-help.active > button{
	color: #1181f1;
	border-color: #1181f1;
}
.btn-pw-help .help-box{
	position: relative;
	text-align: left;
	border: 1px solid #000;
	background-color: #fff;
	display: none;
}
.inner-wrap .form-area .btn-pw-help .help-box strong{
	display: block;
	margin-bottom: 0;
	padding: 14px 16px;
	font-size: 16px;
	font-weight: 400;
	border-bottom: 1px solid #999999;
	line-height: 1;
}
.btn-pw-help .help-box .clist{
	padding: 30px;
}
.btn-pw-help .help-box .clist em{
	display: block;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
}
.btn-pw-help .btn-close{
	position: absolute;
	top: 0;
	right: 0;
	width: 45px;
	height: 45px;
	background: url(../images/common/btn_close_s.png) center no-repeat;
	font-size: 0;
	opacity: 1;
}

.loading-area{
	text-align: center;
	color: #666666;
	margin-top: 70px;
}
.loading-area p{
	margin-top: -11px;
}


/* crop img element */
.crop-img-wrap {
	position:relative;
	overflow:hidden;
}
.crop-img-wrap img {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	transform:translate(-50%, -50%);
}
.crop-img-wrap.wild-img-wrap img {
	height:auto;
}
.fma-title-area.magazine .crop-img-wrap img{
	filter: brightness(60%);
}
/* edit */
/* #276 S매거진 에디터영역 너비 조정 */
.magazine-content {
	width: 850px;
	margin: 0 auto
}

.fma .post-cont .post:has(.editor) {font-weight: unset;}
.ck-content {width: 100%;}

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

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

/* 에디터 행간, 자간 */
.editor {font-family: Dotum, \b3cb\c6c0, Apple SD Gothic Neo, Open sans, Meiryo; 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 ul,.editor ol {padding-left: 15px;}
.editor blockquote {margin-bottom: 16px;}
.editor strong {font-size: unset; font-weight: bold; font-family: inherit;color: inherit;}
.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6, .editor p {
	font-size: revert;
	font-weight: normal;
}
.edit-area .swiper-wrapper {display: flex;}
.edit-area,
.editor-cont{
	display:inline-block;
	max-width:100%;
	line-height: 1.4;
	font-size:16px;
}
.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;
}
.editor-cont li:before,
.edit-area li:before{content:none;}
.editor-cont div,
.edit-area div{display: block;}
.edit-area .swiper-wrapper {display: flex;}
.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;
}
.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; */
	cursor: pointer;
	/* text-decoration: underline; */
}
.fev .editor-cont figure,
.fev .edit-area figure{
	margin: 0;
	line-height: 0;
}
.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,
.edit-area img{
	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;
}
.edit-area .img-wrap{
	text-align: center;
}

.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 .image-captioned,
.edit-area .image-captioned {
	margin:0;
}

.editor-cont p,
.edit-area p{
	display: block;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
.editor-cont p img,
.edit-area p img{
	vertical-align: top;
}
.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;}


.editor-cont .pnlm-container{
	width: 100%;
	height: 600px;
}

.editor-cont .pnlm-container .pnlm-error-msg{
	display: none;
}

.mt-5{
	margin-top: 5px !important;
}
.mt-10{
	margin-top: 10px !important;
}
.mt-20{
	margin-top: 20px !important;
}
.mt-30{
	margin-top: 30px !important;
}
.mt-50{
	margin-top: 50px !important;
}
.mt-120{
	margin-top: 120px !important;
}
.ml-auto {
	margin-left: auto;
}
.mb-40{
	margin-bottom: 40px !important;
}
.mb-50{
	margin-bottom: 50px !important;
}
.pb-0{
	padding-bottom: 0px !important;
}
.fmy02 .select-box-ui.type2 + .select-wrap input{
	width: 90px !important;
}
.fmy02 .select-box-ui.type2 + .select-wrap .options{
	width: 100%;
}
.badge-area.detail .badge{
	padding:5px 9px 6px ;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	letter-spacing: 0;
	float: none;
	display: inline-block;
	line-height: 1.08;
}
.badge-area.detail .badge.red{
	background-color: #dd042b;
}
.badge-area.detail .badge.blue{
	background-color: #1181f1;
}
.content.list-cont + .btn-list {
	position: relative;
}
.fmy .myorder + .btn-list > span{
	width: auto;
	height: auto;
}
.fev .edit-area figure {
	text-align: center;
}
.fev .edit-area figure img{
	/*width: 100%;*/
	/*height: 100%;*/
}
.fev {
	font-family: 'Noto Sans KR','Roboto' , sans-serif;
}