/*//*/
*{box-sizing:border-box}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,button,input,textarea,p,select,blockquote,th,td,img,a{margin:0;padding:0;font-weight:400;color:#333;font-family: 'Noto Sans KR', sans-serif;;word-break: keep-all;word-wrap: break-word;font-size: 16px;line-height: 140%;letter-spacing: -0.02em}
html,body{font-size:16px;width:100%;height: 100%;overscroll-behavior: contain}
body.active{overflow-y: hidden}
body.loadingActive{overflow-y: hidden}
li{list-style:none}
a{text-decoration:none;color:rgba(0,0,0,0.8)}
a:hover{text-decoration:none}
a:active{text-decoration:none}
table{width:100%;border-collapse:collapse;border-spacing:0}
img{display:block;border:0}
button{background:transparent;border:0;cursor:pointer;outline:0}
input,select,textarea{border:1px solid #aaa;-webkit-appearance: none;border-radius: 0}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}
input[type="password"]{font-family: sans-serif}
input::placeholder{color:#999;font-weight:400}
textarea::placeholder{color:rgba(0,0,0,0.4);font-weight:400}
input,textarea:focus{outline: none}
select{-moz-appearance:none;-webkit-appearance:none;appearance:none}
select::-ms-expand{display:none}
textarea{-ms-overflow-style:none;scrollbar-width:none}
textarea::-webkit-scrollbar{display:none}
input[type="radio"],input[type="checkbox"]{display: none}
input.disabled{cursor: auto;opacity: 1;color:#797979;border:1px solid #4a4a4a}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{-webkit-text-fill-color: rgba(0,0,0,0.8);-webkit-box-shadow: 0 0 0 1000px white inset;box-shadow: 0 0 0 1000px white inset}
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active{-webkit-text-fill-color: rgba(0,0,0,0.8);-webkit-box-shadow: 0 0 0 1000px white inset;box-shadow: 0 0 0 1000px white inset}

@keyframes err{
	0%,
	100% {
		transform: translateX(0);
	}

	12.5% {
		transform: translateX(12px);
	}

	25% {
		transform: translateX(-12px);
	}

	37.5% {
		transform: translateX(8px);
	}

	50% {
		transform: translateX(-8px);
	}

	62.5% {
		transform: translateX(5px);
	}

	75% {
		transform: translateX(-5px);
	}

	87.5% {
		transform: translateX(3px);
	}
}

@keyframes spin {
	to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	to { -webkit-transform: rotate(360deg); }
}

/*scroll*/
/*
*{-ms-overflow-style: none;scrollbar-width: none}
*::-webkit-scrollbar{display: none}
*/

/*basic*/
.wra{width:100%;overflow: hidden}
#container{padding: 60px 0 0;position: relative;z-index: 2}
#container.footerMenuContainer{padding: 60px 0}
#container.bottombtnContainer{padding-bottom: 98px}
.container.active{transition: transform 0.5s cubic-bezier(.89, .11, .09, .89)}

.pageBtnBox{position: fixed;bottom: 0;left: 0;width: 100%;padding: 16px 20px;display: flex;align-items: center;justify-content: space-between;background: #fff;z-index: 8000}
.pageBtnCaptionBox{display: block;background: #fff}
.pageBtn_caption{color: rgba(0, 0, 0, 0.6);font-size: 14px;margin: 0 0 12px;text-align: center}
.pageBtn{width: 100%;background: #11D3C0;border-radius: 9px;font-size: 17px;line-height: 140%;letter-spacing: -0.02em;color: #FFFFFF;padding: 15px 10px;display: block;text-align: center;font-weight: 500}
.pageBtn.pageBtn_line:disabled, .pageBtn:disabled{cursor: auto;color: #ccc;background: #F3F3F3;border: 1px solid transparent}
.pageBtn.pageBtn_line{border: 1px solid rgba(0, 0, 0, 0.2);background: transparent;color:rgba(0, 0, 0, 0.6)}

/*header*/
.header{position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 9000}
.header_section{height: 60px;display: flex;align-items: center;justify-content: center;padding: 0 20px}
.header_section.alignRight{justify-content: flex-end}
.main_header_iconBox{display: flex;align-items: center;justify-content: flex-end;position: absolute;right: 20px;top: 50%;transform: translateY(-50%)}
.btn_header_shOpen{margin: 0 20px 0 0}
.link_header_alarm.active .dotIcon{fill:#FF6666}
.link_header_alarm svg{display: block}
.btn_back{position: absolute;top: 50%;left: 20px;transform: translateY(-50%)}
.head_title{font-size: 15px;font-weight: 700}
.btn_head{width: 24px;height: 24px;display: block}
.btn_head + .btn_head{margin: 0 0 0 19px}
.btn_head img{width: 100%}
.headBox{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: flex-end}
.btn_detailHeadLike{background: url(/assets/images/basic/Keep.svg) no-repeat center;background-size: 100%}
.btn_detailHeadLike.active{background-image: url(/assets/images/basic/Keep_s_active.svg)}
.header_logo{position: absolute;left: 20px;top: 50%;transform: translateY(-50%)}

.header_topMenu{padding: 0 20px}
.header_topMenuBox{height: 60px;display: flex;align-items: center;justify-content: flex-start}
.header_topMenuItem{display: block;font-weight: 700;font-size: 19px;color: #ccc}
.header_topMenuItem.active{color: #333}
.header_topMenuBox span{display: block;margin: 0 10px;width: 1px;height: 15px;background: #ddd}

/*footer*/
.footer{padding: 30px 20px;background: #f9f9f9}
.mainPage + .footer{padding-top: 70px}
.footer_text{font-weight: 500;font-size: 13px;color: #999}
.footer_linkBox{margin: 5px 0 0;display: flex;align-items: center;flex-wrap: wrap;font-weight: 500;font-size: 11px;color: #999;max-width: 300px}
.footer_link{font-weight: 500;font-size: 11px;color: #999;margin: 10px 0 0}
.footer_linkBox span{margin: 10px 10px 1px}
.footer_subText{color: #999;font-size: 11px;margin: 15px 0 0}			

.footer_menu{position: fixed;background: #FFFFFF;border-top: 1px solid #EEEEEE;bottom: 0;left: 0;width: 100%;height: 60px;display: flex;justify-content: space-between;z-index: 9000}
.footer_menuItem{display: flex;align-items: center;justify-content: center;flex-direction: column;width: 25%;height: 100%;font-size: 11px;color: #ccc;font-weight: 500}
.footer_menuItem.active{color: #11D3C0}
.footer_menuItem.active path{fill:#11D3C0}
.footer_menuItem.active circle{fill:#11D3C0}

/*main*/
.mainPage{background: #F9F9F9}
.main_bannerSlide{position: relative}
.main_bannerSlide .swiper-slide > a{background-repeat: no-repeat;background-size: cover;background-position: center;display: block;width: 100%;padding: 0 0 50%}
.main_bannerSlide .swiper-slide > button{background-repeat: no-repeat;background-size: cover;background-position: center;display: block;width: 100%;padding: 0 0 50%}
.main_bannerSlide_number{background: rgba(0, 0, 0, 0.4);bottom: 38px;left: inherit;right: 26px;width: auto;border-radius: 5px;padding: 5px 9px;font-size: 11px;color: #fff}
.main_bannerSlide_section .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 2.5px}
.main_bannerSlide_section .swiper-pagination-bullet{opacity: 1;height: 5px;width: 5px;border-radius: 100px;background: rgba(0, 0, 0, 0.1);transition: width 0.2s}	
.main_bannerSlide_section .swiper-pagination-bullet-active{background: #11D3C0;width: 20px}				
.main_bannerSlide_pagination{position: static;height: 25px;display: flex;align-items: center;justify-content: center}
.main_category_section{max-width: calc(100% - 40px);margin: 0 auto;background: #FFFFFF;box-shadow: 0px 3px 15px rgb(0 0 0 / 7%);border-radius: 10px;padding: 20px}
.main_category_area{display: flex;flex-wrap: wrap}
.main_category_item{display: block;width: 33.3%;padding: 6px 0 0;margin: 0 0 15px}
.main_category_item img{margin: 0 auto 11px}
.main_category_name{text-align: center;color: #999999;font-size: 11px}
.btn_allCategoryOpen{display: flex;align-items: center;justify-content: center;width: 100%;margin: 6px 0 0;font-size: 13px;color: #999}
.btn_allCategoryOpen img{margin: 0 0 0 5px}

.mainPr_seciton{padding: 50px 20px 0}
.main_subTitleArea{margin: 0 0 20px}
.main_subTitleCaption{font-size: 13px;color: #999}
.main_subTitle{font-weight: 700;font-size: 19px}
.main_subTitleCaption + .main_subTitle{margin: 5px 0 0}
.main_subTitle + .main_subTitleCaption{margin: 5px 0 0}

.mainPr_item{display: flex;align-items: flex-start}
.mainPr_item + .mainPr_item{margin: 15px 0 0}	
.mainPr_itemInfoBox{width: calc(100% - 14px);display: flex;align-items: flex-start;text-align: left}
.mainPr_itemInfo_img{background-size: cover;background-position: center;background-repeat: no-repeat;border: 1px solid rgba(0, 0, 0, 0.05);box-shadow: 0px 3px 15px rgb(0 0 0 / 7%);border-radius: 10px;min-width: 110px;height: 110px;margin: 0 15px 0 0}
.mainPr_itemInfo{width: calc(100% - 110px - 15px)}
.mainPr_itemName{font-weight: 500;font-size: 15px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.mainPr_itemName>span{margin: 0 5px 0 0;color: #999}
.mainPr_item_subInfo{display: flex;align-items: center;margin: 10px 0 0}
.mainPr_itemLikeInfo{display: flex;align-items: center;font-size: 11px}
.mainPr_itemLikeInfo img{margin: 0 2px 0 0}
.mainPr_itemLikeInfo>span{margin: 0 0 0 2px;color: #999}
.mainPr_item_subInfo>span{margin: 0 5px;width: 2px;height: 2px;background: #DDDDDD;border-radius: 100px}
.mainPr_item_subInfoText{color: #11D3C0;font-size: 11px}
.mainPr_item_tagBox{display: flex;align-items: center;margin: 5px 0 0;flex-wrap: wrap}
.mainPr_item_tag{color: #666;font-size: 11px;background: #EEEEEE;border-radius: 3px;padding: 2.5px 5px;margin:5px 5px 0 0}
.listLikeItem{min-width: 14px;height: 14px;background: url(/assets/images/basic/Keep_s.svg) no-repeat center;background-size: 100%}
.listLikeItem.active{background-image: url(/assets/images/basic/Keep_s_active.svg)}

.mainPr_notList{text-align: center}
.mainPr_notList_text{text-align: center;font-weight: 500;font-size: 15px;color: #999;margin: 70px 0 0}
.mainPr_notChk_link{font-weight: 500;font-size: 13px;padding: 11px 20px;display: inline-block;background: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 10px;margin: 20px 0 0}
.mainPr_notChk img{width: 240px;margin: 0 auto}
.mainPr_notChk_textBox{text-align: center}
.mainPr_notChk_title{font-weight: 700;font-size: 17px}
.mainPr_notChk_text{font-size: 11px;margin: 20px 0 0;color: #999}			

.mainHot_seciton{padding: 50px 20px 0}
.main_subTitleArea{display: flex;justify-content: space-between;align-items: center}
.all_hotList_link{display: flex;align-items: center;font-size: 13px;color: #999}
.all_hotList_link img{margin: 0 0 0 3px}		

.list_item{display: flex;align-items: flex-start}
.list_item + .list_item{margin: 15px 0 0}	
.mainHot_itemInfoBox{width: calc(100% - 14px);display: flex;align-items: flex-start;text-align: left}
.mainHot_itemInfo_img{background-size: cover;background-position: center;background-repeat: no-repeat;border: 1px solid rgba(0, 0, 0, 0.05);box-shadow: 0px 3px 15px rgb(0 0 0 / 7%);border-radius: 10px;min-width: 80px;height: 80px}

.mainHot_itemInfo{width: calc(100% - 110px - 15px)}
.mainHot_itemName{font-weight: 500;font-size: 13px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.mainHot_itemName>span{margin: 0 5px 0 0;color: #999}
.mainHot_item_subInfo{display: flex;align-items: center;margin: 10px 0 0}
.mainHot_itemLikeInfo{display: flex;align-items: center;font-size: 11px}
.mainHot_itemLikeInfo img{margin: 0 2px 0 0}
.mainHot_itemLikeInfo>span{margin: 0 0 0 2px;color: #999}
.mainHot_item_subInfo>span{margin: 0 5px;width: 2px;height: 2px;background: #DDDDDD;border-radius: 100px}
.mainHot_item_subInfo{color: #11D3C0;font-size: 11px}
.mainHot_chkNumber{min-width: 44px;height: 80px;display: flex;align-items: center;justify-content: center;flex-direction: column}
.mainHot_chkNumber img{margin: 2px 0 0}	
.mainHot_item_subInfoText{color: #11D3C0;font-size: 11px}
.main_itemSlide{padding: 20px;background: #FFFFFF;box-shadow: 0px 3px 15px rgb(0 0 0 / 7%);border-radius: 10px;position: relative;overflow: hidden}

.category_popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #fff;z-index: 9001;display: none}
.categoryPopup_header{height: 60px;position: relative;display: flex;align-items: center;justify-content: center}
.btn_categoryPopupClose{position: absolute;top: 50%;left: 20px;transform: translateY(-50%)}
.categoryPopup_title{font-weight: 700;font-size: 15px}

.filter_popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #fff;z-index: 9002;display: none}
.categoryPopup_header{height: 60px;position: relative;display: flex;align-items: center;justify-content: center}
.btn_categoryPopupClose{position: absolute;top: 50%;left: 20px;transform: translateY(-50%)}
.categoryPopup_title{font-weight: 700;font-size: 15px}
.category_popup_list{display: flex;flex-wrap: wrap;align-items: flex-end;padding: 20px 20px 0;height: calc(100% - 60px);overflow-y: auto}
.category_popup_list .main_category_item{margin: 0 0 25px}

.main_itemSlide_pagination .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 2.5px}
.main_itemSlide_pagination .swiper-pagination-bullet{opacity: 1;height: 5px;width: 5px;border-radius: 100px;background: rgba(0, 0, 0, 0.1);transition: width 0.2s}	
.main_itemSlide_pagination .swiper-pagination-bullet-active{background: #11D3C0;width: 20px}				
.main_itemSlide_pagination{position:static;display: flex;align-items: center;justify-content: center;margin: 15px 0 0}

.shPopup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9001;background: #F9F9F9;opacity: 0;transition: opacity 0.2s;display: none}
.shPopup.active{opacity: 1}    
.shpopup_inputSection{height: 60px;display: flex;justify-content: space-between;padding: 10px 20px;border-bottom: 1px solid #11D3C0;background: #fff}
.shpopup_inputBox{width: calc(100% - 35px);display: flex;align-items: center;position: relative}
.shpopup_input{padding: 9.5px 35px 9.5px 20px;border: 0;width: calc(100% - 24px)}
.btn_shpopup_inputDel{position: absolute;top: 50%;right: 0;transform: translateY(-50%);display: none}
.btn_shpopup_close{font-size: 13px;color: #999;text-align: right;min-width: 35px}
.shpopup_notSh_area{padding: 15px 0 0;overflow-y: auto;height: calc(100% - 60px)}
.shpopup_notSh_title{margin: 0 0 15px;font-weight: 700;font-size: 13px;padding: 0 20px}
.shpopup_shKeyList{background: #FFFFFF;box-shadow: 0px 3px 15px rgb(0 0 0 / 7%);border-radius: 10px;padding: 15px 0;width: calc(100% - 40px);margin: 0 auto}
.btn_shpopup_shKeyItem{display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 0 20px 0 0;font-weight: 500;font-size: 13px}       
.btn_shpopup_shKeyItem span{display: block;padding: 10px 20px;width: 100%}
.shpopup_notSh_itemBox{margin: 0 0 65px}
.shpopup_productSlide_section{background: #FFFFFF;box-shadow: 0px 3px 15px rgb(0 0 0 / 7%);border-top-left-radius: 10px;border-bottom-left-radius: 10px;display: flex;padding: 20px;margin: 0 0 0 20px;overflow-x: scroll;align-items: flex-start}

.shpopup_productSlide_item{display: block;min-width: 100px;max-width: 100px;text-align: left}
.shpopup_productSlide_item + .shpopup_productSlide_item{margin: 0 0 0 10px}
.shpopup_productSlide_itemImg{border: 1px solid rgba(0, 0, 0, 0.05);border-radius: 10px;background-position: center;background-size: cover;background-repeat: no-repeat;padding: 0 0 100%}
.shpopup_productSlide_itemName{font-weight: 500;font-size: 13px;margin: 15px 0 0;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: center}
.shpopup_productSlide_itemBrand{font-weight: 400;font-size: 13px;color: #999;margin: 5px 0 0;text-align: center} 

.not_shpopup_shKeyList{text-align: center;font-size: 13px;color: #666;padding: 30px 0}
.not_shpopup_product{text-align: center;font-size: 13px;color: #666;padding: 30px 0;width: calc(100% - 20px)}

.shpopup_sh_filterBox{display: flex;justify-content: space-between;align-items: center;background: #FFFFFF;border-bottom: 1px solid #EEEEEE}
.shpopup_sh_filterList{display: flex;width: calc(100% - 54px);overflow-x: auto;overflow-y: hidden;padding: 10px 20px}
.shpopup_sh_filterItem{min-width: 54px;max-width: 54px;margin: 0 15px 0 0}
.shpopup_sh_filterImg{border: 1px solid #EEEEEE;border-radius: 100px;overflow: hidden;width: 50px;height: 50px;margin: 0 auto;display: flex;align-items: center;justify-content: center;font-size: 13px;color: #999;font-weight: 700}
.shpopup_sh_filterName{font-size: 11px;text-align: center;margin: 5px 0 0;color: #999}
.shpopup_sh_filterImg img{width: 60%}    
.shpopup_sh_filterItem input:checked + label .shpopup_sh_filterImg{border-color: #11D3C0}    
.shpopup_sh_filterItem input:checked + label .shpopup_sh_filterName{color: #11D3C0}    
.all_sh_filterOpen{margin: 0 20px 0 0}
.shpopup_shListInfo{padding: 21px 20px;display: flex;align-items: center;justify-content: space-between}
.shpopup_shListCount{font-weight: 700;font-size: 13px}    
.shpopup_shListCount span{color: #11D3C0}
.btn_shListAlign{font-size: 13px;border-radius: 100px;height: 30px;background: url(/assets/images/basic/Select.svg) no-repeat right 9px center;background-color: #FFFFFF;padding: 6px 30px 6px 10px}
.shpopup_shList{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 20px;overflow-y: scroll;height: calc(100vh - 72px - 106.78px - 60px)}
.shpopup_sh_item{width: calc(50% - 10px);min-width: calc(50% - 10px);position: relative;margin: 0 0 50px}
.btn_productLike{position: absolute;top: 8px;right: 8px;width: 24px;height: 24px;background: url(/assets/images/basic/Keep-ing.png) no-repeat center;background-size: 100%}
.btn_productLike.active{background-image: url(/assets/images/basic/Keep-ing_active.png)}
.shpopup_product_itemImg{border: 1px solid rgba(0, 0, 0, 0.05);box-shadow: 0px 3px 15px rgb(0 0 0 / 7%);border-radius: 10px;background-color: #fff;background-repeat: no-repeat;background-size: cover;background-position: center;padding: 0 0 100%;margin: 0 0 15px}
.shpopup_sh_itemLink{text-align: left}
.shpopup_sh_itemLink .mainPr_itemInfo{width: 100%}       
.main_category_item .shpopup_sh_filterImg img{margin: 0;width: 80%}
.main_category_item .shpopup_sh_filterName{font-weight: 500} 

.main_category_item input:checked + label .shpopup_sh_filterImg{border-color: #11D3C0}    
.main_category_item input:checked + label .shpopup_sh_filterName{color: #11D3C0}    

.not_shPopup_items{width: 100%;display: flex;align-items: center;justify-content: center;font-size: 13px;color: #666;padding: 0 0 50px}

/*list*/
.btn_productList_topCategory{font-size: 15px;font-weight: 700;text-align: left;background: url(/assets/images/basic/Select.svg) no-repeat right 9px center;padding: 6px 30px 6px 10px}
.listPage{background: #f9f9f9;min-height: calc(100vh - 60px);height: calc(100vh - 60px);overflow-y: auto}
.listPage_filterBox{padding: 15px 20px;display: flex;align-items: center;justify-content: space-between}
.listPage_listCount{font-weight: 700;font-size: 13px}
.listPage_listCount span{color: #11D3C0;margin: 0 3px 0 0}
.listPage_itemList{padding: 0 20px 50px;display: flex;flex-wrap: wrap;justify-content: space-between}

.prListItem{width: calc(50% - 10px);min-width: calc(50% - 10px);position: relative;margin: 0 0 50px}
.prListItem_img{border: 1px solid rgba(0, 0, 0, 0.05);box-shadow: 0px 3px 15px rgb(0 0 0 / 7%);border-radius: 10px;background-color: #fff;background-repeat: no-repeat;background-size: cover;background-position: center;padding: 0 0 100%;margin: 0 0 15px}
.prListItem_info{width: 100%}
.prListItem_name{font-weight: 500;font-size: 13px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.prListItem_name>span{margin: 0 5px 0 0;color: #999}
.prListItem_subInfo{margin: 10px 0 0}
.prListItem_likeInfo{display: flex;align-items: center;font-size: 11px}
.prListItem_likeInfo img{margin: 0 2px 0 0}
.prListItem_likeInfo>span{margin: 0 0 0 2px;color: #999}
.prListItem_subInfoText{color: #11D3C0;font-size: 11px;margin: 7px 0 0}
.prListItem_subInfo>span{margin: 0 5px;width: 2px;height: 2px;background: #DDDDDD;border-radius: 100px}
.prListItem_tagBox{display: flex;align-items: center;margin: 12px 0 0;flex-wrap: wrap}
.prListItem_tag{color: #666;font-size: 11px;background: #EEEEEE;border-radius: 3px;padding: 2.5px 5px;margin:5px 5px 0 0}
.listPage .not_shPopup_items{padding: 60px 20px}

/*popup*/
.popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9003;display: none}
.popup_cover{width: 100%;height: 100%;background: rgba(0,0,0,0.6);opacity: 0;transition: opacity 0.2s}
.popupSetion{background: #fff;position: absolute;bottom: 0;left: 0;z-index: 1;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 20px 20px 16px;width: 100%;transform: translateY(100%);transition: transform 0.2s cubic-bezier(.13, .91, .11, .91)}
.popup.active .popup_cover{opacity: 1}
.popup.active .popupSetion{transform: translateY(0)}

.popup_btnBox{margin: 20px 0 0;display: flex;align-items: center;justify-content: space-between}
.btn_popup{background: #11D3C0;border-radius: 5px;font-weight: 500;font-size: 17px;color: #fff;padding: 15px;width: 100%}
.btn_popup.btn_line{background: #fff;border: 1px solid rgba(0, 0, 0, 0.2);color: rgba(0, 0, 0, 0.6);width:calc(50% - 4px)}
.btn_popup.btn_line + .btn_popup{width:calc(50% - 4px)}

.normalPopupSetion{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;filter: drop-shadow(0px 3px 15px rgba(0, 0, 0, 0.1));border-radius: 15px;max-width: calc(100% - 40px);min-width: 300px;opacity: 0;transition: opacity 0.2s}
.popup.active .normalPopupSetion{opacity: 1}    
.popupTextBox{padding: 20px;text-align: center}
.popupTitle{font-weight: 700;font-size: 15px;line-height: 140%}
.popupText{font-weight: 400;font-size: 13px;line-height: 140%;color: #999;margin: 10px 0 0}     
.normalPopupSetion .popup_btnBox{margin: 0}
.normalPopupSetion .btn_popup{background: transparent;color: #11D3C0;font-size: 13px;font-weight: 500;position: relative;padding: 16px;width: 100%}       
.normalPopupSetion .btn_popup.notColor{color: #666}
.normalPopupSetion .btn_popup + .btn_popup::before{content: "";width: 1px;height: 15px;background: #ddd;position: absolute;left: 0;top: 50%;transform: translate(50%,-50%)}

.toggleBox label{display:flex;font-weight:500;align-items:center;justify-content:space-between}
.toggleBox label span{background: rgba(0, 0, 0, 0.1);border-radius: 12px;width: 44px;height: 24px;box-shadow: inset 1px 1px 2px 0 rgb(0 0 0 / 6%);position: relative;transition: background 0.3s}
.toggleBox label span::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 2px;background: #fff;border-radius: 100%;width: 20px;height: 20px;box-shadow: 2px 2px 2px 0 rgb(0 0 0 / 6%);transition: left 0.3s cubic-bezier(.89, .11, .09, .89)}
.toggleBox .toggleChk:checked + label span{background: #0099FF}
.toggleBox .toggleChk:checked + label span::before{left: calc(100% - 22px)}

.slideUpPopup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9000;display: none}
.slideUpPopup.active .popup_cover{opacity: 1}
.slideUpPopup.active .popupSetion{transform: translateY(0)}

.productSelPopup{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 9001;display: none}
.productSelPopup.active .popupSetion{transform: translateY(0)}

.appChkPopup_titleBox{display: flex;align-items: center}
.appChkPopup_titleBox img{width: 60px;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 12.5px;margin: 0 15px 0 0}
.appChkPopup_title{font-weight: 700;font-size: 17px}
.appChkPopup_btnBox{margin: 30px 0 0}
.appChkPopup_btn{background: #11D3C0;border-radius: 5px;font-weight: 500;font-size: 17px;color: #fff;padding: 15px;width: 100%;display: block;text-align: center}			
.appChkPopup_btn.appChkPopup_btnSub{background: transparent;color: #999;font-weight: 400}
.snsPopup_titleBox{position: relative}
.snsPopup_title{font-weight: 700;font-size: 19px;text-align: center}
.btn_snsPopupClose{font-size: 13px;color: #999;position: absolute;top: 50%;right: 0;transform: translateY(-50%)}
.snsPopup_contents{margin: 27px 0 20px;display: flex;align-items: center;justify-content: center}
.btn_snsLogin + .btn_snsLogin{margin: 0 0 0 20px}			
.btn_snsLogin #naverIdLogin{display: none}

/*imgFull*/
.imgFull_popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9003;display: none}
.imgFull_popup.active .popup_cover{opacity: 1}
.imgFull_popup .popup_cover{background: rgba(0,0,0,0.85)}
.btn_imgFull_popupClose{position: absolute;top: 18px;left: 20px}
.imgFull_popup_area{padding: 20px 0;opacity: 0;transition: opacity 0.2s;height: calc(100% - 60px);position: absolute;top: 60px;width: 100%;left: 0;display: flex;align-items: center;justify-content: center}
.imgFull_popup.active .imgFull_popup_area{opacity: 1}
.imgFull_popup_area .fullImg{width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat}	

/*selPopup*/
.selPopup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9002;display: none}

.selPopupSetion{border-bottom: 1px solid #f2f2f2;background: #fff;position: absolute;bottom: 0;left: 0;z-index: 1;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 20px 0 16px;width: 100%;transform: translateY(100%);transition: transform 0.2s cubic-bezier(.13, .91, .11, .91)}
.selPopupTextBox{padding: 0 20px 20px}
.selPopup_selBox{max-height: 300px;overflow-y: auto}
.selPopup_sel{display: block;width: 100%;text-align: center;font-weight: 500;padding: 13px 20px}
.selPopup.active .popup_cover{opacity: 1}
.selPopup.active .selPopupSetion{transform: translateY(0)}
.selPopup_sel.active{background-color: rgba(0,0,0,0.03)}
.selPopup_selBox.dType{display: flex;flex-wrap: wrap}
.selPopup_selBox.dType .selPopup_sel{width:50%}
.selPopup_selBox.alignLeft .selPopup_sel{text-align: left}
.selPopup_sel span{color: #11D3C0}

/*rightPopup*/
.rightPopup{background: #fff;position: fixed;top: 0;right: 0;width: 100%;height: 100%;transform: translateX(100%);z-index: 9000;transition: transform 0.2s cubic-bezier(.89, .11, .09, .89)}
.rightPopup.active{transform: translateX(0)}
.rightPopup_header_section{padding: 0 20px;display: flex;align-items: center;justify-content: space-between;height: 60px;position: relative}
.rightPopup_contents{height: calc(100% - 60px);padding: 0}
.rightPopup_contents.rightPopup_titleContents{height: calc(100% - 60px - 75px)}
.rightPopup_title_area{padding: 20px}
.rightPopup_title{font-weight: 700;font-size: 30px}
.guideTitle{font-size: 25px}
.terms_text{border-top: 10px solid #f9f9f9;padding: 20px 20px 50px;margin: 0;font-size: 16px;height: calc(100% - 50px);overflow-y: auto}
.guideText *{font-weight: revert;color: revert;font-family: revert;font-size: revert;line-height:normal}
.guideText img{max-width: 100%}
.guideText{border-top: 10px solid #f9f9f9;padding: 30px 20px 30px}

/*reportPopup*/
.reportTextPopup{background: #fff;position: fixed;top: 0;right: 0;width: 100%;height: 100%;transform: translateX(100%);z-index: 9000;transition: transform 0.2s cubic-bezier(.89, .11, .09, .89)}
.reportTextPopup.active{transform: translateX(0)}
.reportTextPopup_header{height: 60px;display: flex;align-items: center;justify-content: center;position: relative}
.btn_reportTextPopupClose{position: absolute;top: 50%;transform: translateY(-50%);left: 20px}
.reportTextPopup_title{font-weight: 700;font-size: 15px}
.reportTextPopup_contents{padding: 20px 20px 90px;height: calc(100% - 60px)}
.reportTextPopup_textarea{width: 100%;height: calc(100% - 32px);border: 0;font-size: 15px}
.textareaCount{font-size: 11px;color: #999;text-align: right;display: block;margin: 10px 0 0}
.reportTextPopup_btnBox{position: fixed;bottom: 15px;left: 0;width: 100%;padding: 0 20px}
.btn_report{background: #11D3C0;box-shadow: 0px 3px 9px rgb(17 211 192 / 15%);border-radius: 10px;display: block;width: 100%;font-weight: 500;font-size: 17px;color: #fff;padding: 15.5px}

/*datePopup*/
.datePopup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9000;display: none}
.datePopup.active .popup_cover{opacity: 1}
.datePopup.active .popupSetion{transform: translateY(0)}
.datePopup_btnBox{margin: 30px 0 0}
.datePopup_btn{background: #11D3C0;border-radius: 5px;font-weight: 500;font-size: 17px;color: #fff;padding: 15px;width: 100%;display: block;text-align: center}

.dateSelBox{display: flex;justify-content: space-between}
.ySlide{width: 57%;height:200px;padding: 80px 0 80px;overflow: hidden}
.mSlide{width: 40%;height:200px;padding: 80px 0 80px;overflow: hidden}
.ySlide .swiper-slide{color: #ccc;border-top: 1px solid transparent;border-bottom: 1px solid transparent;transition: color 0.3s, border-color 0.3s;display: flex;align-items: center;justify-content: center}
.mSlide .swiper-slide{color: #ccc;border-top: 1px solid transparent;border-bottom: 1px solid transparent;transition: color 0.3s, border-color 0.3s;display: flex;align-items: center;justify-content: center}
.ySlide .swiper-slide.swiper-slide-active{color: #11D3C0;border-color: #11D3C0}
.mSlide .swiper-slide.swiper-slide-active{color: #11D3C0;border-color: #11D3C0}

.rolldate-container .rolldate-mask{background: rgba(0,0,0,0.6) !important;z-index: 9999 !important}
.rolldate-container .rolldate-panel{z-index: 9999 !important;display: flex !important;flex-direction: column-reverse !important;height: auto !important;border-top-left-radius: 10px !important;border-top-right-radius: 10px !important;padding: 20px 20px 16px !important}
.rolldate-container header{margin: 30px 0 0 !important;border: 0 !important;position: static !important}
.rolldate-container .rolldate-btn.rolldate-cancel{display: none !important}
.rolldate-container .rolldate-btn.rolldate-confirm{position: static !important;background: #11D3C0 !important;border-radius: 5px !important;font-weight: 500 !important;font-size: 17px !important;color: #fff !important;padding: 15px !important;width: 100% !important;display: block !important;text-align: center !important;height: auto !important;line-height: 140% !important}
.rolldate-container .rolldate-wrapper li{font-size: 15px !important;font-weight: 500 !important;height: 40px !important;display: flex !important;align-items: center !important;justify-content: center !important}
.rolldate-container .rolldate-wrapper li.centerItem{color: #11D3C0 !important}
.rolldate-container .rolldate-wrapper>div#rolldate-year{height: 200px !important;line-height: 1 !important;width: 57% !important}
.rolldate-container .rolldate-wrapper>div#rolldate-month{height: 200px !important;line-height: 1 !important;width: 40% !important}
.rolldate-container .rolldate-dim{height: 80px !important}
.rolldate-container .rolldate-wrapper ul{margin-top: 80px !important}
.rolldate-container .rolldate-dim{background: linear-gradient(0deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.8)) !important}
.rolldate-container .mask-top{border-bottom: 1px solid #11D3C0 !important}
.rolldate-container .mask-bottom{border-top: 1px solid #11D3C0 !important}

/*login*/
.loginPageTitleBox{padding: 30px 20px}
.loginPageTitleBox img{border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 20px}
.loginPageTitle{font-weight: 700;font-size: 25px;margin: 40px 0 0}	
.termsPageInfo{height: calc(100vh - 252px - 60px - 87.8px);display: flex;align-items: flex-end}
.termsPage_section{width: 100%;padding: 0 20px 8px}
.terms_allBox{background: #F9F9F9;padding: 13px 15px;border-radius: 10px}
.terms_allBox label{padding: 0 0 0 34px;background: url(/assets/images/basic/Checkbox.svg) no-repeat left center;background-size: 24px;font-weight: 700;font-size: 15px;min-height: 24px;display: block;line-height: 24px}
.terms_allBox input:checked + label{background-image: url(/assets/images/basic/Checkbox-c.svg)}
.terms_item{padding: 0 0 0 15px;margin: 18px 0 0;display: flex;align-items: center;justify-content: space-between}
.terms_item img{min-width: 17px}
.terms_item label{line-height: 24px;min-height:24px;display: flex;align-items: center;justify-content: space-between;padding: 0 0 0 34px;font-size: 13px;background: url(/assets/images/basic/Checkbox.svg) no-repeat left center;background-size: 24px}
.terms_item input:checked +  label{background-image: url(/assets/images/basic/Checkbox-c.svg)}
.terms_item_text{font-size: 13px}
.terms_item_text span{margin: 0 3px 0 0}

.loginInputBox{padding: 30px 20px 117.8px}
.login_profile{display: none}
.login_profileBox label{border-radius: 100%;background: url(/assets/images/basic/Profile.svg) no-repeat center;background-size: 100%;width: 80px;height: 80px;position: relative;display: block}
.login_profileBox img{position: absolute;bottom: 0;right: 0}
.login_inputItem{margin: 30px 0 0}
.login_inputBox{position: relative}
.login_input{padding: 12.5px 58px 12.5px 0;width: 100%;border: 0;border-bottom: 1px solid #DDDDDD;font-size: 25px}
.btn_nameChk{font-weight: 500;font-size: 13px;color: #11D3C0;position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.errMsg{font-size: 13px;color: #FF6666;margin: 10px 0 0;display: none}
.sucMsg{font-size: 13px;margin: 10px 0 0;display: none}
.err .login_input{animation:err .3s;border-color: #FF3344}
.err_2 .login_input{animation:err .3s;border-color: #FF3344}
.err .errMsg{display: block}
.login_input.edit_input{background: #F9F9F9;border-radius: 10px;border: 0;padding: 15px 75px 15px 15px;font-size: 15px}
.login_input.edit_input + .btn_nameChk{right: 15px}
.edit_inputItem{margin: 40px 0 0}

/*join*/
.joinComHeader_link{font-size: 13px;color: #999;position: absolute;right: 20px;top: 50%;transform: translateY(-50%)}
.joinPage{height: calc(100vh - 60px);display: flex;align-items: center;justify-content: center;padding: 30px 20px;overflow-y: auto}
.joinPage_item{text-align: center;min-height: 400px}
.joinPage_item img{width: 240px;margin: 0 auto}
.joinPage_title{font-weight: 700;font-size: 17px}
.joinPage_text{font-size: 11px;color: #999999;margin: 20px 0 0}
.joinPage_link{font-weight: 500;font-size: 13px;padding: 10px 20px;display: inline-block;background: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 10px;margin: 30px 0 0;min-width: 245px;color: #11D3C0}						

/*expired*/
.expiredPage{position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 30px 20px}
.expiredContents{text-align: center}
.expiredContents img{width: 144px;margin: 0 auto 30px}
.expired_title{font-weight: 700;font-size: 17px}
.expired_text{font-size: 11px;text-align: center;color: #999999;margin: 10px 0 0}
.expired_link{font-weight: 500;font-size: 13px;padding: 10px 20px;display: inline-block;background: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 10px;margin: 30px 0 0;min-width: 116px}				

/*survey*/
.survey_titleBox{padding: 20px 20px 40px}
.survey_stepCount span{color: #11D3C0}
.survey_stepCount{margin: 0 0 5px;font-weight: 700;font-size: 13px;color: #ccc}
.survey_title{font-weight: 700;font-size: 25px}
.survey_title span{font-size: 15px;color:#999}	
.survey_countents{padding: 20px 20px 108px;display: none}
.survey_countents.step_0{display: block}
.survey_countents.step_4{padding: 0}
.survey_inputArea + .survey_inputArea{margin: 70px 0 0}
.survey_inputTitle{font-weight: 700;font-size: 15px;margin: 0 0 20px}
.survey_input{background: #F9F9F9;border-radius: 10px;border: 0;width: 100%;font-size: 15px;padding: 15px}
.survey_input.survey_bDate{background-image: url(/assets/images/basic/Date.svg);background-repeat: no-repeat;background-position: right 15px center;cursor: pointer}
.survey_inputTitleBox{display: flex;align-items: center;justify-content: space-between}
.survey_titleRadioBox{display: flex;background: #F9F9F9;border-radius: 5px;overflow: hidden}
.survey_titleRadioItem label{font-weight: 500;font-size: 13px;padding: 8.5px 15px;display: block;border-radius: 5px;border: 1px solid transparent}
.survey_titleRadioItem input:checked + label{border: 1px solid #DDDDDD;background: #fff;color: #11D3C0}
.survey_radioBox.row{display: flex;justify-content: space-between;flex-wrap: wrap}
.survey_radioCaption{font-size: 13px;color: #999;margin: 0 0 10px;width: 100%}
.survey_radioItem{width:calc(33.33% - 6.66px)}
.survey_radioItem label{padding: 11px;text-align: center;display: block;font-weight: 500;font-size: 13px;color: #666;background: #F9F9F9;border-radius: 5px;border: 1px solid transparent}
.survey_radioItem input:checked + label{background: #FFFFFF;border: 1px solid #DDDDDD;color: #11D3C0}
.categorySelBox{width: calc(33.33% - 10px);margin: 0 15px 15px 0}
.categorySelBox:nth-child(3n){margin-right: 0}
.categorySelBox .main_category_item{width: 100%;margin: 0;padding: 13px 0;background: #F9F9F9;border-radius: 10px;border: 1px solid transparent}
.categorySelBox input:checked + .main_category_item{border: 1px solid #11D3C0;background: #fff}
.categorySelBox input:checked + .main_category_item .main_category_name{color: #11D3C0}
.categorySelBox input:disabled + .main_category_item{opacity: 0.3}
.categorySel_list{display: flex;flex-wrap: wrap}
.bottomErrMsg{text-align: center;padding: 10px;color: #fff;font-size: 13px;opacity: 0;background: rgba(0, 0, 0, 0.6);border-radius: 5px;position: fixed;bottom: 10%;left: 50%;transform: translate(-50%,-50%);width: calc(100% - 40px);display: none;transition:opacity 0.2s;z-index: 9999}
.bottomErrMsg.active{opacity: 1}
.survey_inputTitleBox + .survey_radioBox.col{flex-direction: column;margin: 10px 0 0}
.survey_radioBox.col .survey_radioItem{width: 100%;margin: 10px 0 0}
.survey_radioBox.col .survey_radioItem label{text-align: left;padding: 15px 34px 15px 15px}
.survey_radioBox.col .survey_radioItem input:checked + label{background: url(/assets/images/basic/Check-c.svg) no-repeat right 10px center}			
.surveyPage_end{position: fixed;top: 0;left: 0;z-index: 9000;width: 100%;height: 100%;background: #fff;display: flex;align-items: center;justify-content: center;display: none}
.surveyPage_loading{position: fixed;top: 0;left: 0;z-index: 9000;width: 100%;height: 100%;background: #fff;display: flex;align-items: center;justify-content: center;display: none}
.surveyPage_endContents img{width: 240px}
.surveyPage_end_text{font-weight: 700;font-size: 17px;text-align: center}
.surveyPage_end_loadingBox{display: flex;align-items: center;justify-content: center;margin: 35px 0 0}
.surveyPage_end_loadingBox span{background: rgba(0, 0, 0, 0.1);border-radius: 100px;display: block;width: 10px;height: 10px;transition: background 0.2s, opacity 0.2s} 
.surveyPage_end_loadingBox span + span{margin: 0 0 0 5px} 
.surveyPage_end_loadingBox span.half{background: #11D3C0;opacity: 0.2}         
.surveyPage_end_loadingBox span.active{background: #11D3C0}   
.survey_linkMain{margin: 20px auto 0;width: 104px;height: 40px;display: flex;align-items: center;justify-content: center;background: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 10px;font-size: 11px;font-weight: 500}
.survey_shBox{position: relative}
.btn_survey_sh{position: absolute;left: 20px;top: 50%;transform: translateY(-50%)}
.survey_sh{padding: 20px 54px 20px 60px;font-size: 15px;width: 100%;border: 0;border-bottom: 1px solid #11D3C0}
.btn_survey_shDel{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);display: none}
.not_survey_sh{font-weight: 500;font-size: 15px;color: #999;text-align: center;padding: 50px 20px}
.survey_shList{display: flex;flex-wrap: wrap;padding: 15px 20px 190px}
.survey_shListCount{width: 100%;font-weight: 700;font-size: 13px;margin: 15px 0 0;padding: 0 20px}
.survey_shListCount span{color: #11D3C0}
div.survey_shItem{cursor: pointer}
.survey_shItem{width: calc(33.33% - 6.66px);margin: 0 10px 30px 0}
.survey_shItem:nth-child(3n){margin-right: 0}
.survey_shImg{background-repeat: no-repeat;background-position: center;background-size: cover;border: 1px solid rgba(0, 0, 0, 0.05);border-radius: 10px;padding: 0 0 100%}
.survey_shItem input:checked + label .survey_shImg{border: 1px solid #11D3C0}    
.survey_sh_name{font-weight: 500;font-size: 13px;text-align: center;margin: 15px 0 0;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.survey_sh_brand{font-size: 13px;color: #999;text-align: center;margin: 5px 0 0}                              
.headNext{font-size: 13px;color: #999;position: absolute;top: 50%;transform: translateY(-50%);right: 20px}
.productSelList{display: flex;overflow-x: scroll}
.survey_shSelItem{min-width: 80px;margin: 0 10px 0 0}
.survey_shSelItemImg{background-repeat: no-repeat;background-position: center;background-size: cover;padding: 0 0 100%;position: relative;border: 1px solid rgba(0, 0, 0, 0.05);border-radius: 5px}
.btn_shSelItemDel{position: absolute;top: 0;right: 0}        

/*detail*/
.detailImgBox{background-repeat: no-repeat;background-size: cover;background-position: center;width: 100%;padding: 0 0 100%;background-color: #f1f1f1}
.detailInfo_section{padding: 0 20px;margin: -40px 0 0;position: relative;z-index: 1}
.detailInfo_area{background: #FFFFFF;box-shadow: 0px 3px 15px rgb(0 0 0 / 7%);border-radius: 10px;padding: 15px 25px 20px}
.detailInfo_name{font-weight: 700;font-size: 17px;text-align: center}
.detailInfo_brand{font-size: 13px;color: #999;text-align: center;margin: 2px 0 0}
.detailInfo_reviewBox{display: flex;align-items: center;justify-content: center;margin: 7.5px 0 0}
.detailInfo_starBox{display: flex;align-items: center;justify-content: center;margin: 0 4px 0 0}
.detailInfo_starBox span{width: 15px;height: 15px;width: 15px;display: block;background: url(/assets/images/basic/Like-gy.svg) no-repeat center;background-size: 100%} 
.detailInfo_starBox span + span{margin: 0 0 0 2.5px} 
.detailInfo_starBox span.href{background-image: url(/assets/images/basic/Like-half-s.svg)} 
.detailInfo_starBox span.full{background-image: url(/assets/images/basic/Like-s.svg)}                            
.detailInfo_star{font-size: 11px}
.detailInfo_starCount{margin: 0 0 0 4px;font-size: 11px;color: #999}
.detailInfo_costBox{margin: 15px 0 0;padding: 15px 0 0;border-top: 1px solid #eee;display: flex;align-items: center;justify-content: space-between}
.detailInfo_link{display: flex;align-items: center;color: #003BB2;font-size: 11px}
.detailInfo_link img{margin: 0 0 0 4px}
.detailInfo_link img:nth-child(1){margin: 0 3px 0 0}
.detailInfo_cost{font-weight: 700;font-size: 15px;color: #ccc}
.detailInfo_cost span{color: #333;margin: 0 0 0 2px}
.detailInfo_cost span.notPrice{color: #ccc;font-size: 12px;font-weight: 500}

.detailSubInfo_section{padding: 20px 20px 5px}
.detailSubInfo_title{font-size: 13px}
.detailSubInfo_area{margin: 10px 0 0;display: flex;align-items: flex-start;overflow-x: auto}
.detailSubInfo_item{width: 50px;min-width: 50px}
.detailSubInfo_item + .detailSubInfo_item{margin: 0 0 0 13px}        
.detailSubInfoImg{width: 50px;height: 50px;border: 1px solid #EEEEEE;border-radius: 100px;display: flex;align-items: center;justify-content: center;margin: 0 auto}
.detailSubInfoImg img{width: 30px}
.detailSubInfoName{font-size: 11px;color: #999;text-align: center;margin: 6px 0 0}    
.detailSubInfo_item:first-child .detailSubInfoImg{border: 0}            
.detailSubInfo_item:first-child .detailSubInfoImg img{width: 100%}      

.detailMenu{height: 50px}
.detailMenuBox{display: flex;align-items: center;justify-content: space-between;padding: 0 20px;background: #fff;height: 50px}
.detailMenuBox.active{position: fixed;top: 60px;left: 0;width: 100%;z-index: 9000}
.btn_detailMenu{border-bottom: 2px solid transparent;height: 100%;width: 33.33%;display: block;font-weight: 500;font-size: 13px;color: #999}   
.btn_detailMenu.active{color: #11D3C0;border-bottom: 2px solid #11D3C0}         

.productDetail_info_section{border-top: 10px solid #F9F9F9}
.productDetail_info_titleBox{display: flex;align-items: center;justify-content: space-between;padding: 20px}
.productDetail_info_titleBox img{transition: transform 0.2s}
.productDetail_info_area.active .productDetail_info_titleBox img{transform: rotate(180deg)}
.productDetail_info_title{font-weight: 700;font-size: 17px}
.productDetail_info_area + .productDetail_info_area{border-top:1px solid #EEEEEE}
.custom_titleBox{padding: 10px 20px;display: flex;align-items: center}
.custom_subTitle{font-size: 13px;margin: 0 0 0 6px;color: #999}    
.custom_title{display: inline-flex;align-items: center;justify-content: center;padding: 5px 10px 5px 7px;background: rgba(17, 211, 192, 0.1);border-radius: 100px;font-size: 11px;color: #11D3C0}
.custom_title img{margin: 0 4px 0 0}
.customList + .custom_titleBox{padding-top:15px}
.customList_item{padding: 10px 20px}
.customList_titleBox{display: flex;align-items: flex-start;justify-content: space-between}
.customList_title{font-weight: 700;font-size: 15px;padding-right: 20px}
.customList_text{font-size: 13px;color: #999;white-space: nowrap;margin: 2px 0 0}        
.customList_text span{margin: 0 0 0 6px;border-radius: 3px;padding: 2px 5px 2.5px;font-size: 11px;font-weight: 500;color: #fff}
.customList_text.gColor span{background: rgba(17, 211, 192, 0.8);border: 1px solid #11D3C0}
.customList_text.rColor span{background: rgba(255, 102, 102, 0.8);border: 1px solid #FF6666}
.customList_text.yColor span{background: rgba(255, 191, 128, 0.8);border: 1px solid #FFBF80}
.customList_gp{background: #FFFFFF;border: 1px solid #CCCCCC;border-radius: 6px;margin: 10px 0 0;padding: 4px;height: 26px;position: relative}
.customList_gp.col3::before{content: "";height: 100%;width: 0;position: absolute;top: 0;left: 33.33%;border-left: 1px dashed #CCCCCC}
.customList_gp.col3::after{content: "";height: 100%;width: 0;position: absolute;top: 0;left: 66.66%;border-left: 1px dashed #CCCCCC}
.customList_gp.col2::before{content: "";height: 100%;width: 0;position: absolute;top: 0;border-left: 1px dashed #CCCCCC;left: 50%}
.customList_gp.col2 .customList_gp_text{width: 50%;text-align: center;position: absolute;top: 50%;left: 0;transform: translateY(-50%);font-weight: 500;font-size: 12px;color: #999}
.customList_gp.col3 .customList_gp_text{width: 100%;text-align: center;position: absolute;top: 50%;left: 0;transform: translateY(-50%);font-weight: 500;font-size: 12px;color: #999}

.customList_gp.col2_2::before{content: "";height: 100%;width: 0;position: absolute;top: 0;border-left: 1px dashed #CCCCCC;left: 50%}
.customList_gp.col2_2 .customList_gp_text{width: 50%;text-align: center;position: absolute;top: 50%;right: 0;transform: translateY(-50%);font-weight: 500;font-size: 12px;color: #999}

.customList_gp_item{width: 0%;display: block;height: 100%;border-radius: 4px}
.customList_gp_item.gColor{background: rgba(17, 211, 192, 0.6)}
.customList_gp_item.rColor{background: rgba(255, 102, 102, 0.6)}
.customList_gp_item.yColor{background: rgba(255, 191, 128, 0.6)}
.customCaption{padding: 15px 20px 0;display: flex;align-items: flex-start;font-size: 11px;color: #ccc}
.customCaption span{margin: 0 10px 0 0}
.principle_area{padding: 0 20px 20px;display: flex;flex-wrap: wrap;justify-content: space-between}
.principle_item{width: calc(50% - 5px);display: flex;align-items: center;margin: 20px 10px 0 0}
.principle_item:nth-child(2n){margin-right: 0}       
.principle_item img{min-width: 30px;margin: 0 10px 0 0}
.principle_text{font-size: 13px;color: #999}
.principle_caption{white-space: pre-wrap;background: #F9F9F9;border-radius: 8px;padding: 12px 15px;font-size: 12px;color: #999;width: calc(100% - 40px);margin: 0 auto}         

.productDetail_info{margin-bottom: 30px}
.productDetail_info_textType1{padding: 10px 20px}
.productDetail_info_name{font-weight: 700;font-size: 15px}
.productDetail_info_name span{color: #2960CC;font-weight: 400;font-size: 13px}
.productDetail_info_text{font-size: 13px;color: #999;margin: 6px 0 0}        
.productDetail_info_textType2{padding: 10px 20px}
.productDetail_info_name{font-weight: 400;font-size: 13px;color: #666}
.productDetail_info_text{font-weight: 400;font-size: 13px;margin: 5px 0 0}
.productDetail_infoSub{border-top: 1px solid #eee;padding: 40px 20px}
.productDetail_infoSub_title{font-weight: 700;font-size: 11px;color: #ccc}
.productDetail_infoSub_text{display: flex;align-items: flex-start;font-size: 11px;color: #ccc;margin: 5px 0 0}
.productDetail_infoSub_text span{margin: 0 10px 0 0}
.productDetail_infoSub_link{width:100%;background: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 5px;display: block;text-align: center;color: #666;padding: 11px;font-size: 13px;margin: 15px 0 0}

.productDetail_info_titleCaption{display: flex;align-items: center;justify-content: flex-end}
.productDetail_info_titleLikeInfoBox{display: flex;align-items: center;margin: 0 13px 0 0}
.productDetail_info_titleLikeInfoBox img{width: 15px;margin: 0 2.5px 0 0}
.productDetail_info_titleLikeInfo{font-size: 13px;color: #999}
.productDetail_info_titleLikeInfo span{color: #333}

.productDetail_likeInfoArea{display: flex;align-items: flex-start;justify-content: center}
.productDetail_likeInfoArea{padding: 15px 20px}
.productDetail_likeInfoBox{width: 50px;min-width: 50px;text-align: center}
.productDetail_likeInfo_count{font-size: 11px;margin: 0 0 5px}
.productDetail_likeInfo_gp{background: #eee;height: 100px;width: 15px;margin: 0 auto;display: flex;align-items: flex-end;justify-content: center}
.productDetail_likeInfo_gpItem{background: #ddd;width: 100%;height: 0}
.productDetail_likeInfo_gpText{font-size: 11px;color: #999;margin: 5px 0 0}    
.pointType .productDetail_likeInfo_count{color: #11D3C0}
.pointType .productDetail_likeInfo_gpItem{background: #11D3C0}
.btn_review_writingOpen{background: #FFFFFF;border: 1px solid #DDDDDD;box-shadow: 0px 3px 9px rgb(0 0 0 / 3%);border-radius: 10px;display: flex;align-items: center;justify-content: center;width: calc(100% - 40px);position: fixed;bottom: 20px;left: 20px;padding: 16px;font-weight: 500;font-size: 15px;z-index: 90}
.detail_reviewSection{border-top: 1px solid #eee}
.detail_reviewSection_titleBox{display: flex;align-items: center;justify-content: space-between;padding: 20px}
.detail_reviewSection_title{font-weight: 700;font-size: 17px}
.detail_reviewSection_title span{color: #11D3C0;margin: 0 0 0 5px}
.btn_detail_reviewListAlign{font-size: 13px;border-radius: 100px;min-width: 82px;height: 30px;background: url(/assets/images/basic/Select.svg) no-repeat right 9px center;background-color: #F9F9F9;padding: 6px 23px 6px 10px}
.detail_reviewList{padding: 0 20px}
.detail_reviewList_item{padding: 0 0 33px}
.detail_reviewList_item + .detail_reviewList_item{border-top: 1px solid #ddd}
.detail_reviewList .detail_reviewList_item + .detail_reviewList_item{padding-top: 30px}
.reviewList_item_head{display: flex;align-items: center;justify-content: space-between}
.reviewList_item_userInfo{display: flex;align-items: center;text-align: left}
.reviewList_item_userImg{width: 30px;height: 30px;border-radius: 100%;margin: 0 10px 0 0;background-repeat: no-repeat;background-size: cover;background-position: center}
.reviewList_item_name{font-size: 11px;color: #666}
.reviewList_item_name span{color: #999;margin: 0 0 0 5px}
.reviewList_item_userSubInfo{display: flex;align-items: center;margin: 1px 0 0}
.reviewList_item_star{display: flex;align-items: center;font-size: 11px}
.reviewList_item_star img{margin: 0 2px 0 0}
.reviewList_item_userSubInfo span{display: block;width: 2px;height: 2px;min-width: 2px;background: #ddd;border-radius: 100%;margin: 0 5px}
.reviewList_item_date{color: #999;font-size: 11px}
.reviewList_item_contents{margin: 23px 0 0}
.reviewList_item_contents>button{display: block;text-align: left}
.reviewList_item_oneReview{font-size: 13px;color: #999;display: flex;align-items: flex-start}
.reviewList_item_oneReview img{margin: 2px 10px 0 0}
.reviewList_item_textBox{display: flex;align-items: flex-start;margin: 17px 0 0}
.reviewList_item_textBox img{margin: 2px 10px 0 0}
.reviewList_item_text{font-size: 13px;color: #999;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.btn_reviewList_textOpen{margin: 10px 0 0;color: #11D3C0;font-size: 11px}
.reviewList_item_imgBox{margin: 26px 0 0;display: flex;overflow-x: auto}
.reviewList_item_imgItem{border: 1px solid rgba(0, 0, 0, 0.05);border-radius: 10px;width: 80px;min-width: 80px;height: 80px;margin: 0 10px 0 0;background-repeat: no-repeat;background-size: cover;background-position: center}
.reviewList_item_starInfoBox{margin: 10px 0 0;display: flex;flex-wrap: wrap}
.reviewList_item_starInfoItem{display: flex;align-items: center;font-size: 11px;color: #11D3C0;margin: 10px 15px 0 0}
.reviewList_item_starInfoItem img{margin: 0 2px 0 0}
.reviewList_item_starInfoItem span{color: #333;margin: 0 0 0 4px}
.reviewList_item_controllBox{margin: 20px 0 0;display: flex}
.btn_reviewList_item_controll{display: flex;align-items: center;font-size: 11px;color: #999}
.btn_reviewList_item_controll + .btn_reviewList_item_controll{margin: 0 0 0 16px}
.btn_reviewList_item_controll img{margin: 0 3px 0 0}

.reviewLikeIcon{background: url(/assets/images/basic/Good-s.svg) no-repeat center;background-size: 100%;width:16px;height:16px;display: block;margin: 0 3px 0 0}
.active>.reviewLikeIcon{background-image: url(/assets/images/basic/Recomend-c.svg)}

.snsSharingBox{max-width: 320px;margin: 27px auto 20px;justify-content: space-between}
.btn_snsSharing{min-width: 50px;font-size: 11px;text-align: center;color: #999}
.btn_snsSharing.btn_band{font-weight: 500;color: #11D3C0}
.btn_snsSharing img{margin: 0 0 5px}        

.notItem_msg{font-size: 13px;text-align: center;color: #999;padding: 40px 0;width:100%}

.reviewDetail{padding: 15px 20px 20px}
.detail_reviewDetail_item{padding: 0 0 20px}

.detail_reviewDetail_item .reviewList_item_userImg{width: 40px;height: 40px}
.detail_reviewDetail_item .reviewList_item_name{font-size: 15px;color: #333}
.detail_reviewDetail_item .reviewList_item_name span{font-size: 13px}
.detail_reviewDetail_item .reviewList_item_star{font-size: 13px}
.detail_reviewDetail_item .reviewList_item_date{font-size: 13px}
.detail_reviewDetail_item .reviewList_item_contents{margin: 30px 0 0;padding: 30px 0 0;border-top: 1px solid #ddd}
.detail_reviewDetail_item .reviewTextItem + .reviewTextItem{padding: 30px 0 0}
.detail_reviewDetail_item .reviewTextItem_title{display: flex;align-items: center;font-size: 13px;font-weight: 500}
.detail_reviewDetail_item .reviewTextItem_title img{margin: 0 6px 0 0}
.detail_reviewDetail_item .reviewTextItem_text{color: #666;font-size: 15px;margin: 12px 0 0}
.detail_reviewDetail_item .reviewList_item_controllBox{margin: 30px 0 0}

.re_productInfoArea{padding: 10px 0}
.re_productInfoBox{background: #FFFFFF;box-shadow: 0px 3px 15px rgb(0 0 0 / 7%);border-radius: 10px;padding: 10px;display: flex;align-items: center}
.re_productInfo_img{background-repeat: no-repeat;background-position: center;background-size: cover;width: 80px;height: 80px;min-width: 80px;border: 1px solid rgba(0, 0, 0, 0.05);border-radius: 5px}
.re_productInfo_textBox{width: calc(100% - 16px - 80px);padding: 0 15px}
.re_productInfo_name{font-weight: 500;font-size: 13px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.re_productInfo_name span{color: #999;margin: 0 5px 0 0}
.re_productInfo_category{margin: 5px 0 0;color: #11D3C0;font-size: 11px}
.reviewAvg_area{background: #F9F9F9;padding: 30px 20px}

.reviewAvg{font-weight: 700;font-size: 15px;margin: 8px 0 0;text-align: center;color: #999}
.reviewAvg span{color: #11D3C0}
.reviewAvg_list{display: flex;flex-wrap: wrap;justify-content: center;margin: 15px 0 0}
.reviewAvg_listItem{background: #FFFFFF;border-radius: 3px;display: flex;align-items: center;padding: 2px 5px;font-size: 11px;color: #11D3C0;margin: 0 5px 0 0}
.reviewAvg_listItem span{margin: 0 0 0 3px;display: block;color: #333}
.reviewAvg_star{display: flex;align-items: center;justify-content: center}
.reviewAvg_star span{width: 20px;height: 20px;min-width: 20px;display: block;background: url(/assets/images/basic/Like-gy.svg) no-repeat center;background-size: 100%} 
.reviewAvg_star span + span{margin: 0 0 0 8px} 
.reviewAvg_star span.href{background-image: url(/assets/images/basic/Like-half-s.svg)} 
.reviewAvg_star span.full{background-image: url(/assets/images/basic/Like-s.svg)}   

.reviewComment_inputBox{padding: 0 20px 10px;display: flex;justify-content: space-between}
.reviewComment_input{background: #F9F9F9;border-radius: 5px;padding: 11px 15px;border: 0;width: calc(100% - 90px);resize: none;font-size: 13px;max-height: 40px}
.btn_reviewComment_input{width: 80px;min-width: 80px;margin: 0 0 0 10px;background: #11D3C0;border-radius: 5px;font-weight: 500;font-size: 13px;color: #fff;padding: 11px}
.review_commentList{border-top: 1px solid #EEEEEE;padding: 15px 20px 50px}
.review_commentItem{padding: 15px 0}
.review_comment_head{display: flex;align-items: center;justify-content: space-between}
.review_comment_img{background-repeat: no-repeat;background-size: cover;background-position: center;width: 24px;height: 24px;border-radius: 100%;margin: 0 10px 0 0}
.review_comment_name{font-weight: 500;font-size: 13px;width: calc(100% - 24px - 34px)}
.review_comment_name span{font-size: 11px;color: #999;margin: 0 0 0 5px}
.review_commentInfo{padding: 10px 0 0 34px}
.review_comment{font-weight: 400;font-size: 13px}
.review_commentInfoBox{display: flex;justify-content: space-between;margin: 15px 0 0}
.re_commentOpen{font-weight: 500;font-size: 11px;color: #999}								
.review_reCommentItem{padding: 15px 0;display: flex;align-items: flex-start}
.review_reCommentItem>img{margin: 0 15px 0 0}
.review_reCommentBox{width: calc(100% - 31px)}
.review_reCommentInputBox{padding: 15px 0;display: flex;align-items: flex-start;display: none}
.review_reCommentInputBox>img{margin: 0 15px 0 0}
.review_reCommentInputItem{width: calc(100% - 31px);position: relative}
.reviewReComment_input{background: #FFFFFF;box-shadow: 0px 3px 15px rgb(0 0 0 / 7%);border-radius: 10px;padding: 15px 15px 41px;border: 0;width: 100%;min-height: 160px;resize: none}
.btn_reviewReComment_input{font-weight: 500;font-size: 13px;color: #11D3C0;position: absolute;right: 15px;bottom: 20px}

.headInfoItem{display: flex;align-items: center}
.btn_headInfo{width: 22px;height: 22px;background: url(/assets/images/basic/Word.svg) no-repeat center;background-size: 16px;position: relative}
.btn_headInfo.active span{display: block}
.btn_headInfo p{position: absolute;top: -4px;left: -8px;transform: translateX(-100%)}
.btn_headInfo span{position: relative;background: rgba(0, 0, 0, 0.6);border-radius: 9px;font-size: 11px;padding: 7px 10px;color: #fff;line-height: 1.4;display: none;white-space: nowrap;min-width:60px}
.btn_headInfo span::after{content: "";height: 0;width: 0;position: absolute;border: solid transparent;border-bottom-color: rgba(0, 0, 0, 0.6);border-width: 6px;pointer-events: none;bottom: 50%;right: 0;transform: translate(100%, 50%) rotate(90deg);}

.btn_headInfo a{position: relative;background: rgba(0, 0, 0, 0.6);border-radius: 9px;font-size: 11px;padding: 7px 10px;color: #fff;line-height: 1.4;display: none;white-space: nowrap;min-width:60px}
.btn_headInfo a::after{content: "";height: 0;width: 0;position: absolute;border: solid transparent;border-bottom-color: rgba(0, 0, 0, 0.6);border-width: 6px;pointer-events: none;bottom: 50%;right: 0;transform: translate(100%, 50%) rotate(90deg);}
.btn_headInfo.active a{display: block}

.reviewWriting .re_productInfoArea{padding: 10px 20px}
.reviewWriting_section{margin: 40px 0 0}
.reviewWriting_title{text-align: center;padding: 15px 20px;font-weight: 700;font-size: 17px}
.reviewWriting_starSel_area{padding: 10px 20px;display: flex;align-items: center;justify-content: space-between}
.reviewWriting_starSel_name{font-size: 13px}
.reviewWriting_starSel{display: flex;align-items: flex-end;justify-content: flex-end}
.btn_review_starSel{width: 20px;height: 20px;background: url(/assets/images/basic/Like-gy.svg) no-repeat center;background-size: 100%;margin: 0 0 0 8px}
.btn_review_starSel.harf{background-image: url(/assets/images/basic/Like-half.svg)}
.btn_review_starSel.full{background-image: url(/assets/images/basic/Like.svg)}
.input_review_starSel{display: none}
.reviewWriting_fileItemCaption{padding: 0 20px}

.reviewWriting_itemBox + .reviewWriting_itemBox{    margin: 15px 0 0}
.reviewWriting_itemName{padding: 0 20px;margin: 0 0 10px;font-weight: 500;font-size: 13px}
.requiredIcon{color: #11D3C0}
.reviewWriting_item{padding: 0 20px;position: relative}	
.reviewWriting_textArea{background: #F9F9F9;border-radius: 10px;resize: none;min-height: 160px;width: 100%;border: 0;padding: 15px 15px 40px 15px;font-size: 15px}
.reviewWriting_textArea + .textareaCount{position: absolute;bottom: 15px;right: 35px}
.reviewWriting_item + .errMsg{padding: 0 20px}		
.reviewWriting_file{display: none}
.reviewWriting_file_list{display: flex;overflow-x: auto;padding: 0 20px 10px}
.reviewWriting_file_list label{min-width: 80px;width: 80px;height: 80px;background: #F9F9F9;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 5px;display: flex;align-items: center;justify-content: center;min-width: 80px;margin-right: 10px}
.reviewWriting_footer{margin: 45px 0 0;padding: 0 20px}
.reviewWriting_footer_title{color: #ccc;font-weight: 700;font-size: 11px}
.reviewWriting_footer_subTitle{font-size: 11px;color: #ccc;margin: 5px 0 0}
.reviewWriting_footer_text{font-size: 11px;color: #ccc;margin: 5px 0 0;display: flex;align-items: flex-start}
.reviewWriting_footer_text span{margin: 0 10px 0 0}						
.imgCount{color:#999}
.imgCount b{color:#333}

.reviewWriting_item.err_2 + .errMsg{display: block}
.reviewWriting_item.err + .errMsg{display: block}
.reviewWriting_fileInputItem{width: 80px;min-width: 80px;height: 80px;border: 1px solid rgba(0, 0, 0, 0.05);border-radius: 5px;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;margin: 0 10px 0 0}
.btn_multiRemove{position: absolute;right:4px;top:4px}
.imgCount b.rColor{color:#FF6666}

.analysis_menu{height: 60px;display: flex;align-items: center;justify-content: flex-start;padding: 0 20px}
.btn_analysis_menu + .btn_analysis_menu{margin: 0 0 0 20px}
.btn_analysis_menu{font-weight: 500;font-size: 13px;color: #999;border-top: 2px solid transparent;border-bottom: 2px solid transparent;height: 100%}
.btn_analysis_menu.active{border-bottom-color: #11d3c0;color: #11D3C0}
.nsSection{background: #F9F9F9;padding: 0 0 20px}
.ns_titleBox{display: flex;align-items: center;justify-content: space-between;padding: 20px}
.ns_title{font-weight: 700;font-size: 25px}
.btn_nsEdit{display: flex;align-items: center;justify-content: flex-end;font-size: 13px;color: #999}
.btn_nsEdit img{margin: -1px 0 0 2px}
.ns_category{display: flex;justify-content: flex-start;overflow-x: auto;padding: 0 20px}
.btn_nsCategory{padding: 8px 18px;border: 1px solid #DDDDDD;border-radius: 100px;font-weight: 500;font-size: 13px;color: #666;white-space: nowrap;margin: 0 7px 0 0}
.btn_nsCategory.active{background: #11D3C0;color: #fff}
.ns_productList{display: flex;justify-content: flex-start;overflow-x: auto;padding: 20px}
.ns_productItem{width: 100px;min-width: 100px;max-width: 100px;margin: 0 10px 0 0}		
.ns_productItem_itemImg{background-repeat: no-repeat;background-position: center;background-size: cover;padding: 0 0 100%;border: 1px solid rgba(0, 0, 0, 0.05);border-radius: 10px;background-color: #fff}
.ns_productItem_itemName{font-weight: 500;font-size: 13px;margin: 15px 0 0;text-align: center}
.ns_productItem_itemBrand{font-size: 13px;color: #999;text-align: center;margin: 5px 0 0}
.ns_avgBox{margin: 20px auto 0;width: calc(100% - 40px);background: #FFFFFF;border: 1px solid #11D3C0;box-shadow: 0px 3px 15px rgb(0 0 0 / 7%);border-radius: 10px;display: flex;align-items: center;justify-content: space-between;padding: 15px;min-height: 84px}
.ns_avgTitle{font-weight: 700;font-size: 17px}
.ns_avgItem{display: flex;align-items: center;justify-content: flex-end}
.ns_avg{color: #11D3C0;font-weight: 700;font-size: 17px}
.ns_avgStar{display: flex;align-items: center;justify-content: flex-end}						
.carePage .principle_caption{padding: 0;background: #fff}
.youfitComment_section{padding: 20px}
.youfitComment_area{background: #F9F9F9;border-radius: 15px;padding: 20px}
.youfitComment_area img{margin: 0 auto}
.youfitComment_title{font-weight: 700;font-size: 15px;text-align: center;margin: 20px 0 0}
.youfitComment_textBox{margin: 10px 0 0}
.youfitComment_text{font-size: 11px;color: #999d;display: flex;align-items: flex-start;margin: 5px 0 0}
.youfitComment_text span{margin: 0 5px 0 0}			
.youfitComment_text>p{font-size: 11px;color: #999d}

.notSurvey{display: none;position: fixed;top: 0;left: 0;width: 100%;z-index: 9001;background: #fff;height: 100%;padding: 60px 20px 50px}
.notAnalysis_head{height: 60px;position: fixed;top: 0;left: 0;width: 100%}
.notAnalysis{height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center}
.notAnalysis>img{width: 170px}
.notAnalysis_title{font-weight: 700;font-size: 17px;margin: 33px 0 0;text-align: center}
.notAnalysis_text{font-size: 11px;color: #999;margin: 20px 0 0}
.btn_notAnalysis{background: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 10px;min-width: 200px;text-align: center;padding: 11px;margin: 20px 0 0;font-weight: 500;font-size: 13px}				
.notProduct{height: calc(100vh - 180px);display: none}
.shPopup_head{height: 60px;position: relative;background: #fff}
.shEditPopup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9001;background: #F9F9F9;opacity: 0;transition: opacity 0.2s;display: none}
.shEditPopup.active{opacity: 1}    
.shEditPopup .survey_shContents{height: calc(100% - 60px - 62px + 15px)}
.shEditPopup .survey_shList{height: 100%;overflow-y: auto}
.ns_avgStar{display: flex;align-items: center;justify-content: center;margin: 0 0 0 6px}
.ns_avgStar span{width: 20px;height: 20px;min-width: 20px;display: block;background: url(/assets/images/basic/Like-gy.svg) no-repeat center;background-size: 100%} 
.ns_avgStar span + span{margin: 0 0 0 3px} 
.ns_avgStar span.href{background-image: url(/assets/images/basic/Like-half-s.svg)} 
.ns_avgStar span.full{background-image: url(/assets/images/basic/Like-s.svg)} 
.customList_notGp p{font-weight: 500;font-size: 10px;color: #C4C4C4;margin: 10px 0 0}

.analysis_menuBox{display: flex;align-items: center;justify-content: space-between;padding-right: 20px}
.btn_careCategory{font-size: 13px;border-radius: 100px;height: 30px;background: url(/assets/images/basic/Select.svg) no-repeat right 9px center;background-color: #f9f9f9;padding: 6px 30px 6px 10px}
.careProductList{background: #f1f1f1;padding: 40px 20px 40px;min-height: calc(100vh - 120px - 180px)}		
.careProductItem{display: block;background: #FFFFFF;box-shadow: 0px 3px 15px rgb(0 0 0 / 7%);border-radius: 10px;overflow: hidden}
.careProductItem + .careProductItem{margin: 80px 0 0}
.careProduct_img{background-repeat: no-repeat;background-size: cover;background-position: center;padding: 0 0 90%}
.careProduct{padding: 15px 0}
.careProduct_name{font-weight: 700;font-size: 17px;text-align: center}
.careProduct_brand{font-size: 13px;color: #999;margin: 5px 0 0;text-align: center}
.careProduct_infoBox{display: flex;align-items: center;justify-content: space-between;padding: 0 20px;margin: 10px 0 0}
.careProduct_reviewBox{display: flex;align-items: center}
.careProduct_star{font-size: 11px;margin: 0 0 0 4px}
.careProduct_starCount{font-size: 11px;color: #999;margin: 0 0 0 4px}		

.careProduct_typeTextBox{border-top: 1px solid #eee;padding: 15px 20px;margin: 15px 0 0}
.careProduct_typeText_item + .careProduct_typeText_item{margin: 15px 0 0}
.careProduct_typeText_item{display: flex;align-items: center;justify-content: space-between}
.careProduct_typeText_title{font-weight: 700;font-size: 11px;min-width: 40%}
.careProduct_typeText{font-size: 11px;min-width: 60%;text-align: right;display: flex;align-items: center;justify-content: flex-end}	
.careProduct_typeText>img{margin: 0 3px}
.careProduct_typeTextTotalAvg{color: #999;margin: 0 0 0 5px}
.careProduct_cost{max-width: 70%;width: 70%;text-align: right;font-weight: 700;font-size: 15px;color: #ccc}
.careProduct_cost span{color: #333}
.careProduct_reviewBox{display: flex;align-items: center}

.rightBottom_btnBox{position: fixed;right: 15px;bottom: 80px;display: flex;flex-direction: column;align-items: flex-end;justify-content: center}
.rightBottom_btn + .rightBottom_btn{margin: 10px 0 0}
.rightBottom_btn{max-width: 40px}
.rightBottom_btn img{opacity: 0.8}
.rightBottom_btn span{font-size: 11px;margin: 5px 0 0;text-align: center;display: block;line-height: 1.3}

.typeSel_title{font-weight: 700;font-size: 19px;text-align: center}
.typeSel_contents{margin: 25px auto 0;display: flex;align-items: center;justify-content: space-between;max-width: 320px}	
.btn_categorySel{width: calc(33.33% - 6.66px);display: flex;align-items: center;justify-content: center;border: 1px solid transparent;padding: 6px;border-radius: 10px}
.btn_categorySel.active{border: 1px solid #11D3C0}
.btn_categorySel.active .detailSubInfoName{color: #11D3C0}
.careProductList .notItem_msg{min-height: 55vh;display: flex;align-items: center;justify-content: center}

/*ranking*/
.rankingPage{background: #F9F9F9;padding: 10px 0 50px;min-height: calc(100vh - 120px - 140px)}
.btn_ranking_type{background: url(/assets/images/basic/Select.svg) no-repeat right center;font-weight: 700;font-size: 19px;padding-right: 25px}
.ranking_itemInfoBox{width: calc(100% - 25px);margin: 0 11px 0 0;align-items: center;display: flex}
.ranking_itemInfo_img{margin: 0 15px 0 0;background-size: cover;background-position: center;background-repeat: no-repeat;border: 1px solid rgba(0, 0, 0, 0.05);box-shadow: 0px 3px 15px rgb(0 0 0 / 7%);border-radius: 10px;min-width: 80px;height: 80px}
.ranking_topProductItemBox{background: #fff;display: flex;align-items: center;justify-content: space-between;padding: 10px 20px}
.ranking_itemInfo{width: calc(100% - 120px)}
.ranking_itemName{font-weight: 500;font-size: 13px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.ranking_itemName>span{margin: 0 5px 0 0;color: #999}
.ranking_item_subInfo{display: flex;align-items: center;margin: 5px 0 0;color: #11D3C0;font-size: 11px}
.ranking_itemLikeInfo{display: flex;align-items: center;font-size: 11px}
.ranking_itemLikeInfo img{margin: 0 2px 0 0}
.ranking_itemLikeInfo>span{margin: 0 0 0 2px;color: #999}
.ranking_item_subInfo>span{margin: 0 5px;width: 2px;height: 2px;background: #DDDDDD;border-radius: 100px}
.ranking_chkNumber{min-width: 39px;height: 80px;display: flex;align-items: flex-start;justify-content: center;flex-direction: column}
.ranking_chkNumber img{margin: 2px 0 0 3px}	
.ranking_item_subInfoText{color: #11D3C0;font-size: 11px}
.topProductText{color: #003BB2;font-size: 13px;font-weight: 500;width: 100%;text-align: left}
.rankingList_section{padding: 0 20px}
.rankingList_captionBox{min-height: 48px;display: flex;align-items: center;justify-content: space-between;margin: 0 0 10px}
.rankingList_caption{font-size: 11px;color: #999}
.btn_filter{font-size: 13px;border-radius: 100px;text-align: left;min-height: 30px;max-width: 55%;background: url(/assets/images/basic/Select.svg) no-repeat right 9px center;background-color: #FFFFFF;padding: 6px 30px 6px 10px}
.rankingListItem{display: flex;align-items: center;justify-content: space-between}
.ranking_chkNumber>span{background: transparent;border: 2.5px solid transparent;color: #333;border-radius: 100px;min-width: 22px;width: 22px;height: 22px;display: flex;align-items: center;justify-content: center;font-weight: 500;font-size: 13px}
.ranking_chkNumber>span.ranking_1{color: #fff;background: #FFD88C;border: 2.5px solid #F2C979}
.ranking_chkNumber>span.ranking_2{color: #fff;background: #DAE0E5;border: 2.5px solid #C3C8CD}
.ranking_chkNumber>span.ranking_3{color: #fff;background: #F2C5B6;border: 2.5px solid #D9A898}
.rankingListItem + .rankingListItem{margin: 20px 0 0}
.ranking_topProductItemList{display: flex;align-items: center;justify-content: space-between}

.loading{display: inline-block;width: 50px;height: 50px;border: 3px solid rgba(255,255,255,.3);border-radius: 50%;border-top-color: #fff;animation: spin 1s ease-in-out infinite;-webkit-animation: spin 1s ease-in-out infinite}
.loadingBox{position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none;background: rgba(0,0,0,0.6);opacity: 0;transition: opacity 0.2s;align-items: center;justify-content: center;z-index: 9999}
.loadingBox.active{opacity: 1}

.rankingList .notItem_msg{min-height: calc(100vh - 48px - 10px - 120px - 140px);display: flex;align-items: center;justify-content: center}

/*mypage*/
.mypageMainPage{padding: 0 0 80px;min-height: calc(100vh - 120px - 140px)}
.mypageProfileInfo{padding: 20px;display: flex;align-items: center;justify-content: space-between}
.mypageProfileInfoBox{display: flex;align-items: center;justify-content: flex-start}
.mypageProfileInfo_img{background-repeat: no-repeat;background-position: center;background-size: cover;width: 40px;height: 40px;min-width: 40px;border-radius: 100%;background-color: #f9f9f9}
.mypageProfileInfo_textBox{margin: 0 0 0 15px}
.mypageProfileInfo_name{font-weight: 700;font-size: 19px}
.mypageProfileInfo_myInfoText{font-size: 13px;color: #999}
.mypage_subMenuBox{margin: 10px auto 20px;max-width: calc(100% - 40px);background: #F9F9F9;border-radius: 10px;display: flex;align-items: center;justify-content: space-between}
.mypage_subMenu_item{width: 25%;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 15px 0;font-weight: 400;font-size: 11px}
.mypage_subMenu_item img{margin: 0 0 6px;max-width: 24px}
.mypageMenuList{border-top: 10px solid #F9F9F9;padding: 20px 0 0}
.mypageMenu{display: flex;align-items: center;justify-content: space-between;padding: 20px;width:100%}
.mypageMenuTextBox{font-weight: 700;font-size: 15px}	

.mypageMenuList_title{font-size: 13px;color: #999;padding: 10px 0;max-width: calc(100% - 40px);margin: 0 auto}
.mypageMenu + .mypageMenuList_title{border-top: 1px solid #eee;margin-top: 20px;padding-top: 30px}
.btn_removeBlock{font-size: 13px;color: #999}

.toggleBox label{display:flex;font-weight:500;align-items:center;justify-content:space-between}
.toggleBox label span{background: rgba(0, 0, 0, 0.1);border-radius: 12px;width: 44px;height: 24px;box-shadow: inset 1px 1px 2px 0 rgb(0 0 0 / 6%);position: relative;transition: background 0.3s}
.toggleBox label span::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 2px;background: #fff;border-radius: 100%;width: 20px;height: 20px;box-shadow: 2px 2px 2px 0 rgb(0 0 0 / 6%);transition: left 0.3s cubic-bezier(.89, .11, .09, .89)}
.toggleBox .toggleChk:checked + label span{background: #11D3C0}
.toggleBox .toggleChk:checked + label span::before{left: calc(100% - 22px)}

.alarmSet_subChkBox{background: #F9F9F9}
.alarmSet_subChkBox .mypageMenuTextBox{font-weight: 500;color: #666}

.termsPage_header{padding: 20px}
.termsPage_title{font-weight: 700;font-size: 25px}
.termsPage_text{border-top:10px solid #F9F9F9;padding: 20px 20px 50px}
.termsPage_text *{font-weight: revert;color: revert;font-family: revert;font-size: revert;line-height:normal}
.termsPage_text img{max-width: 100%}

.loginTypeImgBox{position: absolute;top: 50%;right: 20px;transform: translateY(-50%);width: 30px;height: 30px}
.loginTypeImgBox img{width: 100%}	
.mypagePage .login_profileBox label{margin: 0 auto}
.mypagePage .loginInputBox{padding-top: 40px}

.my_reviewList{padding: 0 20px;border-top: 10px solid #F9F9F9;padding: 20px 20px 0}
.my_reviewList .re_productInfoArea{padding: 0 0 20px}
.my_reviewList .detail_reviewList_item + .detail_reviewList_item{padding-top: 30px}

.my_commentList{padding: 0 20px}
.review_myComment_head{display: flex;align-items: center;justify-content: space-between}
.review_myComment_head .reviewComment_inputBox{padding: 0;max-width: calc(100% - 35px);width: 100%}
.review_myComment{font-size: 15px;max-width: calc(100% - 24px);width: 100%;padding: 0 20px 0 0}
.review_myCommentInfo{display: flex;align-items: center;margin: 7px 0 0}
.review_myCommentInfo .review_comment_img{margin: 0 5px 0 0}
.review_myCommentInfo .review_comment_name{font-size: 11px;font-weight: 500;width: calc(100% - 24px - 5px)}	

.my_likeList{display: flex;flex-wrap: wrap;padding: 20px 20px 0}
.myLikeItem{width: calc(33.33% - 6.66px);min-width: calc(33.33% - 6.66px);margin: 0 10px 0 0;position: relative}
.myLikeItem:nth-child(3n){margin-right: 0}
.myLikeItem:nth-child(n+4){margin-top: 30px}	
.btn_likeDel{position: absolute;top: 4px;right: 4px}
.myLikeItemImg{background-repeat: no-repeat;background-size: cover;background-position: center;border: 1px solid rgba(0, 0, 0, 0.05);border-radius: 10px;padding: 0 0 100%}
.myLikeItem_name{margin: 15px 0 0;font-size: 13px;font-weight: 500;text-align: center;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.myLikeItem_brand{font-size: 13px;color: #999;text-align: center;margin: 5px 0 0}

.alarmList{border-top: 10px solid #F9F9F9;padding: 20px 20px 0}
.alarmListItem{display: flex;align-items: flex-start;justify-content: space-between;padding: 10px 0}
.alarmListItem_infoBox{display: flex;align-items: center;width: calc(100% - 40px)}
.alarmListItem_img{border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 5px;background-repeat: no-repeat;background-size: cover;background-position: center;width: 45px;height: 45px;min-width: 45px;margin: 0 10px 0 0}
.alarmListItem_img.alarm_logoImg{background-size: 63%}
.alarmListItem_textInfo{width: calc(100% - 55px)}
.alarmListItem_text{font-weight: 500;font-size: 15px;width: 100%}
.alarmListItem_date{font-size: 13px;color: #999;margin: 2px 0 0}
.alarmListItem_new{padding: 2.5px 5px;background: rgba(255, 221, 0, 0.15);border-radius: 3px;color: #FFBB00;font-size: 11px;margin: 3px 0 0}

/*board*/
.noticeTopMenu{height: 50px;display: flex;justify-content: space-between;align-items: center;padding: 0 20px}
.noticeTopMenuItem{width: 50%;display: flex;align-items: center;justify-content: center;text-align: center;height: 100%;font-weight: 500;color: #999;font-size: 13px;border-bottom: 2px solid transparent}	
.noticeTopMenuItem.active{color: #11D3C0;border-bottom: 2px solid #11D3C0}	
.board_list .notItem_msg{padding: 60px 20px}
.board_list{padding: 20px 0 0;border-top: 10px solid #F9F9F9}
.boardItem{display: flex;padding: 10px 20px;width: 100%;justify-content: space-between;align-items: center}
.boardItem.notDate{padding: 20px}
.boardList_info{width: calc(100% - 16px);display: flex;align-items: center}
.boardNumber{margin: 0 10px 0 0;color: #11D3C0;font-weight: 500;font-size: 15px}
.boardList_textbox{width: 100%;padding: 0 10px 0 0;text-align: left}
.boardNumber + .boardNumber{width: calc(100% - 35px)}		
.boardList_date{font-size: 13px;color: #999;margin: 5px 0 0}

.board_detailHead{padding: 20px}
.board_detail_title{font-weight: 700;font-size: 25px}
.board_detail_dateBox{display: flex;align-items: center;margin: 5px 0 0}
.board_detailType{font-weight: 400;font-size: 11px;border-radius: 3px;background: #eee;color:#666;padding: 2px 5px 3px;margin: 0 5px 0 0;line-height: 1.5}
.board_detailType.notive{background: rgba(255, 221, 0, 0.15);color: #FFBB00}
.board_detailType.event{background: rgba(17, 211, 192, 0.1);color: #11D3C0}
.board_detailType.active{background: rgba(17, 211, 192, 0.1);color: #11D3C0}
.board_detail_date{font-size: 13px;color: #999}	
.board_detailText{border-top: 10px solid #F9F9F9;padding: 20px}
.board_detailText *{font-weight: revert;color: revert;font-family: revert;font-size: revert;line-height:normal}
.board_detailText img{max-width: 100%}
.btn_writingOpen{background: #FFFFFF;border: 1px solid #DDDDDD;box-shadow: 0px 3px 9px rgb(0 0 0 / 3%);border-radius: 10px;display: flex;align-items: center;justify-content: center;width: calc(100% - 40px);position: fixed;bottom: 20px;left: 20px;padding: 16px;font-weight: 500;font-size: 15px}

/*cs*/
.csWriting_contents{padding: 0 20px;height: calc(100% - 60px)}
.csWriting_textarea{width: 100%;height: calc(100% - 32px);border: 0;font-size: 15px;resize: none;min-height: calc(100vh - 85px - 208px - 60px - 60px)}
.textareaCount{font-size: 11px;color: #999;text-align: right;display: block;margin: 10px 0 0}
.csWritingSub{padding: 20px}
.btn_csCategory{padding: 15px 40px 15px 15px;background: url(/assets/images/basic/Select.svg) no-repeat right 20px center;width: 100%;text-align: left;background-color: #F9F9F9;border-radius: 10px;font-size: 15px;color: #999}
.btn_csCategory.active{color: #333}
.btn_csWritingProduct{margin: 20px 0 0;display: none;align-items: center;justify-content: space-between;background: #F9F9F9;border-radius: 10px;width: 100%;padding-right: 20px}
.csWritingProductInfo{width: calc(100% - 24px);padding: 10px;display: flex;align-items: center}
.csWritingProduct_img{background-image: url(/assets/images/basic/Add.svg);background-color: #FFFFFF;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 5px;background-repeat: no-repeat;background-size: 16px;background-position: center;width: 60px;height: 60px;min-width: 60px}			
.csWritingProduct_img.active{background-size: cover}
.csWritingProduct_textBox{text-align: left;margin: 0 0 0 15px;width: calc(100% - 75px)}
.csWritingProduct_name{font-weight: 500;font-size: 13px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.csWritingProduct_name span{color: #999;margin:0 5px 0 0}
.csWritingProduct_category{font-size: 11px;color: #11D3C0;margin: 5px 0 0}
.csWritingProduct_notText{font-weight: 500;font-size: 13px;color: #999}

.shSelPopup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9001;background: #F9F9F9;opacity: 0;transition: opacity 0.2s;display: none}
.shSelPopup.active{opacity: 1}    
.shSelPopup .survey_shContents{height: calc(100% - 60px - 62px + 15px)}
.shSelPopup .survey_shList{height: 100%;overflow-y: auto}

.board_slideItem{background: #F9F9F9;padding: 25px;display: none}
.board_slideItem_textItem{display: flex;align-items: flex-start}
.board_slideItem_textItem>img{margin: 0 15px 0 0}
.board_slideItem_textBox{width: calc(100% - 39px);padding-top: 2px}
.board_slideItem_text{font-size: 13px}
.board_slideItem_product{margin: 10px 0 0;background: #F3F3F3;border-radius: 5px;width: 100%;display: flex;padding: 5px;align-items: center}
.board_slideItem_productImg{background-color: #FFFFFF;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 5px;background-repeat: no-repeat;background-size: cover;background-position: center;width: 45px;height: 45px;min-width: 45px;margin: 0 15px 0 0}
.board_slideItem_productInfo{width: calc(100% - 60px);padding-right: 10px}
.board_slideItem_productName{font-weight: 500;font-size: 13px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.board_slideItem_productBrand{font-size: 13px;color: #999}
.board_slideItem_answer{margin: 30px 0 0}
.notAnswer{font-size: 13px;color: #999}
.board_slideItem_answer{display: flex;align-items: flex-start}
.board_slideItem_answer>img{margin: 0 15px 0 0}

.reloadBox{position: absolute;top: 0;left: 0;width: 100%;display: flex;align-items: center;justify-content: center;z-index: 1;height: 0}
.reloadBox img{width: 30px;transform: rotate(0deg)}	
.reloadBox.active{transition: height 0.7s}	
.reloadBox img.active{transition: transform 0.7s}

/*pc*/
.pcSection{width: 420px;height: 100%;display: none;align-items: center;justify-content: center;padding: 20px;position: fixed;left: 50%;top: 0;transform: translateX(-100%);z-index: 9999;background: #F9F9F9}
.pcArea>img{margin: 0 auto}
.pcArea_title{font-weight: 700;font-size: 24px;text-align: center;margin: 30px 0 0}
.pcArea_text{color: #999999;font-size: 15px;margin: 9px 0 0;text-align: center}
.pcArea_linkBox{display: flex;align-items: center;justify-content: space-between;margin: 60px 0 0;width: 280px}

@media (min-width:840px){
	body[data-pc='true']{background-color: #F9F9F9}
	body[data-pc='true'] .reloadBox{display: none}
	body[data-pc='true'] .wra{display: flex;justify-content: space-between;max-width: 840px;margin: 0 auto;min-height: 100%}
	body[data-pc='true'] .wra::before{content: "";background-color: #F9F9F9;position: fixed;width:50%;height: 100%;z-index: 9999;top: 0;left: calc(50% + 420px)}
	body[data-pc='true'] #container{width: 420px;margin-left: 420px;background-color: #fff;overflow: hidden}
	body[data-pc='true'] .pcSection{display: flex}
	body[data-pc='true'] .shSelPopup{width:420px;left:50%}
	body[data-pc='true'] .loadingBox{width:420px;left:50%}
	body[data-pc='true'] .shEditPopup{width:420px;left:50%}
	body[data-pc='true'] .notAnalysis_head{width:420px;left:50%}
	body[data-pc='true'] .notSurvey{width:420px;left:50%}
	body[data-pc='true'] .detailMenuBox.active{width:420px;left:50%}
	body[data-pc='true'] .surveyPage_end{width:420px;left:50%}
	body[data-pc='true'] .surveyPage_loading{width:420px;left:50%}
	body[data-pc='true'] .expiredPage{width:420px;left:50%}
	body[data-pc='true'] .datePopup{width:420px;left:50%}
	body[data-pc='true'] .reportTextPopup_btnBox{width:420px;left:0}
	body[data-pc='true'] .selPopup{width:420px;left:50%}
	body[data-pc='true'] .imgFull_popup{width:420px;left:50%}
	body[data-pc='true'] .productSelPopup{width:420px;left:50%}
	body[data-pc='true'] .slideUpPopup{width:420px;left:50%}
	body[data-pc='true'] .popup{width:420px;left:50%}
	body[data-pc='true'] .shPopup{width:420px;left:50%}
	body[data-pc='true'] .filter_popup{width:420px;left:50%}
	body[data-pc='true'] .category_popup{width:420px;left:50%}
	body[data-pc='true'] .footer_menu{width:420px;left:50%}
	body[data-pc='true'] .header{width:420px;left:50%}
	body[data-pc='true'] .pageBtnBox{width:420px;left:50%}
	body[data-pc='true'] .rightPopup{width: 420px;right: calc(50% - 420px)}
	body[data-pc='true'] .rightBottom_btnBox{right: calc(50% - 420px + 15px)}
	body[data-pc='true'] .btn_review_writingOpen{max-width: 380px;left: calc(50% + 20px)}
	body[data-pc='true'] .bottomErrMsg{max-width: 380px;left: calc(50% + 20px);transform: translate(0,-50%)}
	body[data-pc='true'] .reportTextPopup{width: 420px;right: calc(50% - 420px)}
	body[data-pc='true'] .btn_writingOpen{max-width: 380px;left: calc(50% + 20px)}

	body[data-pc='true'] .rolldate-container .rolldate-mask{width:420px;left:50%}
	body[data-pc='true'] .rolldate-container .rolldate-panel{width:420px;left:50%}
}

body[data-pc='true'] .shpopup_productSlide_section{transition: color .3s ease;color: rgba(0, 0, 0, 0);padding: 20px 20px 15px}
body[data-pc='true'] .shpopup_sh_filterList{transition: color .3s ease;color: rgba(0, 0, 0, 0)}
body[data-pc='true'] .productSelList{transition: color .3s ease;color: rgba(0, 0, 0, 0)}
body[data-pc='true'] .detailSubInfo_area{transition: color .3s ease;color: rgba(0, 0, 0, 0)}
body[data-pc='true'] .reviewList_item_imgBox{transition: color .3s ease;color: rgba(0, 0, 0, 0)}
body[data-pc='true'] .reviewWriting_file_list{transition: color .3s ease;color: rgba(0, 0, 0, 0)}
body[data-pc='true'] .ns_category{transition: color .3s ease;color: rgba(0, 0, 0, 0)}
body[data-pc='true'] .ns_productList{transition: color .3s ease;color: rgba(0, 0, 0, 0)}

body[data-pc='true'] .xScroll:hover {color: rgba(0, 0, 0, 0.3)}
body[data-pc='true'] .xScroll::-webkit-scrollbar,
body[data-pc='true'] .xScroll::-webkit-scrollbar-thumb {height: 15px;border-radius: 20px;background-clip: padding-box;border: 5px solid transparent}
body[data-pc='true'] .xScroll::-webkit-scrollbar-thumb {box-shadow: inset 0 0 0 10px}

body[data-pc='true'] .shpopup_shList{transition: color .3s ease;color: rgba(0, 0, 0, 0)}
body[data-pc='true'] .selPopup_selBox{transition: color .3s ease;color: rgba(0, 0, 0, 0)}
body[data-pc='true'] .terms_text{transition: color .3s ease;color: rgba(0, 0, 0, 0)}
body[data-pc='true'] .joinPage{transition: color .3s ease;color: rgba(0, 0, 0, 0)}
body[data-pc='true'] .shEditPopup .survey_shList{transition: color .3s ease;color: rgba(0, 0, 0, 0)}
body[data-pc='true'] .shSelPopup .survey_shList{transition: color .3s ease;color: rgba(0, 0, 0, 0)}

body[data-pc='true'] .yScroll:hover {color: rgba(0, 0, 0, 0.3)}
body[data-pc='true'] .yScroll::-webkit-scrollbar,
body[data-pc='true'] .yScroll::-webkit-scrollbar-thumb {width: 15px;border-radius: 20px;background-clip: padding-box;border: 5px solid transparent}
body[data-pc='true'] .yScroll::-webkit-scrollbar-thumb {box-shadow: inset 0 0 0 10px}

/*반응형*/
@media (max-height:420px){
    .joinPage{align-items: flex-start}
}
/*//*/