/*-- board common css --*/

/*-- write --*/
.write-table{width: 100%;font-size: 15px;border-top: 1px solid #222;}
.write-table tr td{border-bottom: 1px solid #ddd;padding: 15px;}
.write-table tr td:nth-child(1){width: 190px;font-weight: var(--fw-6);background: #f7f7f7;padding: 15px 23px;}
.write-table tr td.padding-td{padding: 20px 15px;}

.flex-option{display: flex;align-items: center;gap: 15px;}

.write-table .cke_sc, .write-table .sound_only{display: none !important;}

.write-btn-wrap{display: flex;align-items: center;justify-content: center;gap: 10px;margin-top: 40px;}
.write-btn-wrap .member-button{width: 160px;font-size: 15px;font-weight: var(--fw-6);}

.write-table #captcha #captcha_info{margin: 0;margin-top: 5px;font-weight: var(--fw-5);}

.write-required{color: #F00;}

.benefit-info-box{background-color: #f4f4f4;padding: 24px 16px;border-radius: 16px;overflow: hidden;}
.benefit-info-box p{font-weight: var(--fw-4);color: #777;text-align: center;line-height: 144%;}

.agree-box{margin-top: 30px;text-align: center;}
.agree-box label{font-size: var(--fs-17) !important;font-weight: var(--fw-4);color: #454545 !important;text-align: center;line-height: 144%;margin-bottom: 10px;justify-content: center;}
.agree-box label a{background: var(--color-1);color: #FFF;font-size: var(--fs-14);font-weight: bold;line-height: 25px;padding: 0 13px;border-radius: 20px;}

.write-alert{font-weight: var(--fw-4);color: #777;margin-top: 6px;}

@media screen and (max-width: 720px){ 
	
	.write-table{display: block;border: none;}
	.write-table tbody, .write-table tr{display: block;width: 100%;}
	.write-table tr + tr{display: block;margin-top: 25px;}
	.write-table tr td{display: block;padding: 0 !important;border: none !important;}
	.write-table tr td:nth-child(1){width: 100%;background: none;font-size: 15px;margin-bottom: 10px;}
	.write-table tr td textarea{font-size: 15px !important;font-weight: var(--fw-4);line-height: 150%;border-radius: 6px;outline: none;padding: 12px 15px;}
	
	.write-btn-wrap{gap: 8px;margin-top: 30px;}
	.write-btn-wrap .member-button{width: 100px;font-size: 15px;font-weight: var(--fw-6);line-height: 43px;}
	
	.agree-box label{justify-content: flex-start;font-size: 14px !important;}
	.agree-box label a{line-height: 20px;padding: 0 10px;}
	
	.benefit-info-box{padding: 15px;border-radius: 13px;}
	.benefit-info-box p{text-align: left;font-size: 14px;}
	
	.write-alert{font-size: 14px;}
}

/*-- list --*/
#board-cate{margin-bottom: 40px;}
#board-cate #bo_cate_on{background-color: var(--color-1);border-color: var(--color-1);color: #FFF;font-weight: var(--fw-6);}

.board-info{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 25px;}

.listCount{display: flex;gap: 5px;font-size: var(--fs-15);font-weight: 400;}
.listCount span{color: #454545;}
.listCount b{font-weight: 600;}

.listSearch{border: none;}
.listSearch>form{display: flex;gap: 3px;font-size: var(--fs-15);}

.searchInput{line-height: 45px;border: 1px solid #dbdbdb;padding: 0 15px;font-weight: 400;border-radius: 5px;outline: none;overflow: hidden;}
select.searchInput{width: 120px;background-image: url(/img/icon/selectdown.png);background-repeat: no-repeat;background-position: right 12px top 50%;
	-webkit-appearance:none; /* for chrome */
	-moz-appearance:none; /*for firefox*/
	appearance:none;
}
select.searchInput::-ms-expand{display:none;}/*for IE10,11*/

.searchBox{position: relative;}
.searchBox .searchInput{padding-right: 60px;}
.searchBtn{position: absolute;top: 1px;right: 1px;width: 45px;height: 45px;display: flex;justify-content: center;align-items: center;}
.searchBtn i{font-size: var(--fs-18);}

.boardList li{display: flex;align-items: center;border-bottom: 1px solid #ddd;}
.boardList li>span{font-weight: 400;text-align: center;padding: 20px 12px;line-height: 21px;}
.boardList li .bo_Chk label{justify-content: center;}

.boardHead{border-top: 1px solid #222;}
.boardHead li>span{font-weight: 600;}

.bo_Num{width: 7%;}
.bo_Title{width: 65%;}
.bo_name{width: 10%;}
.bo_Data{width: 10%;}
.bo_View{width: 8%;}

.boardBody li>span{color: #454545;}
.boardBody .bo_Title{text-align: left;}

.boardList-admin .bo_Chk{width: 5%;}
.boardList-admin .bo_Title{width: 60%;}

.bo_Title a i{padding-right: 3px;font-size: .9375rem;color: #aaa;}

.buttonWrap{display: flex;justify-content: space-between;margin-top: 30px;}
.buttonWrap>ul{display: flex;gap: 6px;}

.boardBtn{display: block;padding: 0 15px;line-height: 40px !important;border: 1px solid #e4e4e4;color: #343434;background: #FFF;text-align: center;font-size: .9375rem !important;font-weight: 400;border-radius: 5px;overflow: hidden;cursor: pointer;}
.boardBtn00{background: var(--color-1);font-weight: bold;border-color: var(--color-1);color: #FFF;}

.new-icon{display: inline-block;padding: 0 5px;border-radius: 3px;background: #F00;color: #FFF;font-size: 12px;font-weight: 700;line-height: 19px;vertical-align: top;margin-left: 3px;}

@media screen and (max-width: 1480px){ 
	
	.boardList li>span{padding: 20px 10px;}	
	
	.boardBody .bo_Title{padding-left: 20px;}
}

@media screen and (max-width: 1280px){ 
	
	.bo_Num{width: 7%;}
	.bo_Title{width: 59%;}
	.bo_name{width: 12%;}
	.bo_Data{width: 12%;}
	.bo_View{width: 10%;}
	
	.boardList-admin .bo_Chk{width: 5%;}
	.boardList-admin .bo_Title{width: 54%;}
}

@media screen and (max-width: 960px){ 
	
	.bo_Num{width: 7%;}
	.bo_Title{width: 73%;}
	.bo_name{display: none;}
	.bo_Data{width: 20%;}
	.bo_View{display: none;}
	
	.boardList-admin .bo_Chk{width: 7%;}
	.boardList-admin .bo_Title{width: 66%;}
}

@media screen and (max-width: 720px){ 
	
	.board-info{display: block;}
	
	.listCount span{display: block;font-size: 14px;margin-bottom: 10px;}
	
	.listSearch>form{gap: 5px;}
	select.searchInput, .searchBox .searchInput{font-size: 15px;}
	.searchBox{width: calc( 100% - 125px );}
	.searchBox .searchInput{width: 100%;}
	.searchBtn i{font-size: 18px;}
	
	.bo_Num{width: 15%;}
	.bo_Title{width: 85%;}
	.bo_Data{display: none;}
	
	.boardList li>span{font-size: 14px;padding: 15px 10px;}	
	.boardBody .bo_Title{padding-left: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	
	.boardList-admin .bo_Chk{width: 15%;}
	.boardList-admin .bo_Title{width: 70%;}
	
	.boardBtn, .boardBtn label{font-size: 14px !important;}
}

/*-- view --*/
.view-title{padding: 30px;border-bottom: 1px solid #000;}
.view-title>span{display: block;font-weight: 600;margin-bottom: 15px;color: #999;}
.view-title>div{display: flex;align-items: flex-end;justify-content: space-between;}
.view-title>div h4{font-size: var(--fs-30);font-weight: var(--fw-6);}
.view-title>div i{font-weight: var(--fw-4);color: #999;}

.view-title>div.view-title-qa{display: block;}
.view-title>div.view-title-qa h4{margin-bottom: 15px;}

.view-contents{padding: 40px 30px;line-height: 150% !important;border-bottom: 1px solid #ddd;}
.view-contents *{font-family: 'Pretendard Variable' !important;font-weight: 400;line-height: 150% !important;}
.view-contents strong, .view-contents strong *{font-weight: 600;}
.view-contents img{display: block;max-width: 100%;margin: 0 auto;}

.view-contents .board-video{display: block;width: 100%;height: 0;padding-bottom: 56.25%;position: relative;}
.view-contents iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}

.addWrap-top{margin-top: 40px;}
.addUl li{margin-top: 10px;}
.addUl li a{display: flex;align-items: center;padding: 20px;background: #f1f1f1;border-radius: 10px;overflow: hidden;}
.addUl li a h4{width: 100px;font-weight: var(--fw-5);color: #454545;}
.addUl li a>div{display: flex;align-items: center;gap: 5px;width: calc( 100% - 100px );font-weight: var(--fw-4);color: #454545;}

.to_list{display: flex;align-items: center;justify-content: center;gap: 10px;font-size: 1.125rem;font-weight: 500;border: 1px solid #e9e9e9;line-height: 60px;max-width: 200px;margin: 0 auto;border-radius: 10px;overflow: hidden;margin-top: 40px;color: #888;transition: all .3s ease;}
.to_list:hover{color: #000;border-color: #000;}

@media screen and (max-width: 720px){ 
	
	.view-title{padding: 15px;}
	.view-title>span{font-size: 15px;margin-bottom: 10px;}
	.view-title>div{display: block;}
	.view-title>div h4{font-size: 20px;line-height: 150%;margin-bottom: 10px;}
	.view-title>div i{font-size: 15px;}
	
	.view-contents{padding: 20px 15px;}
	.view-contents, .view-contents *{font-size: 15px !important;line-height: 160% !important;}
	
	.addUl li a{display: block;padding: 12px 15px;}
	.addUl li a h4, .addUl li a>div{width: 100%;}
	.addUl li a>div{align-items: flex-start;}
	.addUl li a>div strong{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	
	.to_list{gap: 5px;font-size: 15px;line-height: 50px;max-width: 160px;margin-top: 30px;}    
	.to_list i{margin-top: -2px;}
}

/*-- qa --*/
#qa-head .bo_Title, #qa-body .bo_Title{width: 60%;}
#qa-head .bo_View, #qa-body .bo_View{width: 13%;word-break: keep-all;}

#qa-head.boardList-admin .bo_Title, #qa-body.boardList-admin .bo_Title{width: 53%;}

@media screen and (max-width: 1280px){ 

	#qa-head .bo_Title, #qa-body .bo_Title{width: 56%;}
	#qa-head.boardList-admin .bo_Title, #qa-body.boardList-admin .bo_Title{width: 51%;}
}

@media screen and (max-width: 960px){ 

	#qa-head .bo_Title, #qa-body .bo_Title{width: 73%;}
	#qa-head.boardList-admin .bo_Title, #qa-body.boardList-admin .bo_Title{width: 66%;}
}

@media screen and (max-width: 720px){ 

	#qa-head .bo_Title, #qa-body .bo_Title{width: 85%;}
	#qa-head.boardList-admin .bo_Title, #qa-body.boardList-admin .bo_Title{width: 70%;}
}

/*-- faq --*/
.faq-wrap{border-top: 1px solid #222;}

.faq-title a{display: block;width: 100%;height: 100%;position: relative;border-bottom: 1px solid #ddd;}
.faq-title a h4{font-weight: var(--fw-4);padding: 22px 80px;}
.faq-title a span, .faq-title a i{position: absolute;top: 0;font-weight: var(--fw-6);padding: 22px 0;z-index: 1;}
.faq-title a span{left: 25px;}
.faq-title a i{right: 25px;}

.faq-content{background: #f7f7f7;border-bottom: 1px solid #ddd;position: relative;display: none;}
.faq-content span{position: absolute;top: 0;left: 25px;font-weight: var(--fw-6);padding: 22px 0;z-index: 1;color: #999;}
.faq-content>div{font-weight: var(--fw-4);line-height: 150%;padding: 22px 80px;color: #454545;}

.faq-wrap li.on .faq-title span, .faq-wrap li.on .faq-title h4{color: var(--color-1);}
.faq-wrap li.on .faq-title h4{font-weight: var(--fw-6);}
.faq-wrap li.on .faq-title i{transform: rotate(180deg);}

@media screen and (max-width: 720px){ 
	
	#faq-wrap .searchBox{width: 100%;}
	
	.faq-title a h4, .faq-title a span, .faq-title a i{font-size: 15px;}
	.faq-title a span, .faq-title a i{padding: 20px 0;}
	.faq-title a h4{padding: 20px 40px;}
	.faq-title a span{left: 15px;}
	.faq-title a i{right: 15px;}

	.faq-content span{left: 15px;font-size: 15px;padding: 20px 0;}
	.faq-content>div{font-size: 15px;padding: 20px 40px;}
	
	.faq-wrap .empty_table{font-size: 15px;}
}

/*-- event --*/
.event-list{display: flex;flex-wrap: wrap;gap: 30px;row-gap: 50px;}
.event-list>li{width: calc( ( 100% - 30px ) / 2 );position: relative;}
.event-list>li .bo_Chk{position: absolute;top: 17px;left: 18px;z-index: 10;}

.event-list>li figure{height: 300px;border-radius: 15px;overflow: hidden;position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.event-box{margin-top: 20px;}
.event-box>h4{font-size: var(--fs-20);font-weight: var(--fw-6);line-height: 150%;}

.event-top{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 15px;}
.event-top span, .event-top i{color: #777;}
.event-top span{font-size: var(--fs-15);font-weight: var(--fw-7);padding: 5px 12px;border-radius: 4px;overflow: hidden;}
.event-top i{font-weight: var(--fw-5);}

.event-ing .event-top span{background: var(--color-1);color: #FFF;}
.event-end .event-top span{background: #eee;}
.event-end figure::after{content: "종료된 이벤트 입니다.";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 1;
	display: flex;align-items: center;justify-content: center;font-weight: var(--fw-6);color: rgba(255,255,255,.7);
}

@media screen and (max-width: 1080px){ 
	
	.event-list>li figure{height: 250px;}
}

@media screen and (max-width: 860px){ 
	
	.event-list>li figure{height: 200px;}
}

@media screen and (max-width: 720px){ 
	
	.event-list{display: block;}
	.event-list>li{width: 100%;}
	.event-list>li + li{margin-top: 25px;}
	
	.event-list>li .bo_Chk{top: 13px;left: 15px;z-index: 10;}
	
	.event-list>li figure{height: 180px;border-radius: 10px;}
	
	.event-box{margin-top: 15px;}
	
	.event-top{margin-bottom: 10px;}
	.event-top i{font-size: 14px;}
	.event-top span{font-size: 13px;padding: 5px 10px;}
}

/*-- paging --*/
.pagenation{display: flex;align-items: center;justify-content: center;margin-top: 70px;}
.pagenation a{display:flex;align-items: center;justify-content: center;width: 40px;height: 40px;color: #777;font-weight: 400;}
.pagenation a.active{background: var(--color-1);border-radius: 10px;color: #fff;font-weight: 500;}
.pagenation .pre img, .pagenation .next img{height:12px;}
.pagenation .next img{transform: rotate(180deg);}

@media screen and (max-width: 720px) {
	
	.pagenation{margin-top: 50px;}
	.pagenation a{font-size: 15px;width: 35px;height: 35px;}
}

/*-- cate --*/
.item-cate{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: center;}
.item-cate>li{flex: 1;}
.item-cate>li>a{display: block;width: 100%;height: 100%;text-align: center;font-size: 1.13rem;font-weight: 500;background-color: #f6f6f6;color: #777;line-height: 56px;transition: all .5s;}

@media screen and (max-width: 960px) {
	
	.item-cate{flex-wrap: wrap;}
	.item-cate>li{flex: none;width: 25%;}
}

@media screen and (max-width: 720px) {
	
	.item-cate{flex-wrap: wrap;}
	.item-cate>li{flex: none;width: 50%;}
}

/*LIST*/
.newProduct-list{display: flex;flex-wrap: wrap;align-items: flex-start;gap: 30px;}
.newProduct-list>li{width: calc( ( 100% - 90px ) / 4 );position: relative;}

.newProduct-list>li figure{display: flex;justify-content: center;align-items: center;border: 1px solid #e9e9e9;border-radius: 15px;overflow: hidden;position: relative;}
.newProduct-list>li figure img{display: block;width: 100%;transition: transform .3s ease;}
.newProduct-list>li figure span{position: absolute;top: 15px;left: 15px;z-index: 1;background: #f4ac00;color: #FFF;font-size: .9375rem;font-weight: 700;line-height: 25px;padding: 0 13px;border-radius: 25px;}

.down-list-board li{position: relative;}
.newProduct-list>li .common-check, .down-list .common-check{position: absolute;top: 15px;left: 15px;z-index: 10;}

.newProduct-info{margin-top: 20px;}
.newProduct-title h4{font-size: var(--fs-18);font-weight: 700;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newProduct-title span{font-weight: 500;color: #949494;}
.newProduct-info p{margin-top: 15px;word-break: keep-all;width: 100%;overflow: hidden;text-overflow: ellipsis;color: #777;line-height: 1.5em;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: 400;}

.newProduct-list>li:hover figure img{transform: scale(1.05);}

@media screen and (max-width: 1480px) {
	
	.newProduct-list{gap: 20px;}
	.newProduct-list>li{width: calc( ( 100% - 60px ) / 4 );}
}

@media screen and (max-width: 960px) {
	
	.newProduct-list{gap: 30px;}
	.newProduct-list>li{width: calc( ( 100% - 30px ) / 2 );}
}

@media screen and (max-width: 720px) {
	
	.newProduct-list{gap: 10px;row-gap: 30px;}
	.newProduct-list>li{width: calc( ( 100% - 10px ) / 2 );}
	.newProduct-list>li figure{border-radius: 8px;}
	
	.newProduct-info{margin-top: 15px;}
	.newProduct-title h4{font-size: 14px;}
}

/*VIEW*/
.product-view-top{display: flex;gap: 90px;}
.product-view-img{width: 500px;}
.product-view-info{width: calc( 100% - 590px );}

.product-view-img .ViewWrap{width: 100%;}
.product-view-img .t_v_swiper{border: 1px solid #e9e9e9;border-radius: 15px;overflow: hidden;}
.product-view-img .t_v_thumb{margin-top: 15px;}
.product-view-img .t_v_thumb .swiper-slide{border: 1px solid #e9e9e9;border-radius: 15px;overflow: hidden;opacity: 0.4;}
.product-view-img .t_v_thumb .swiper-slide-thumb-active{opacity: 1;}
.product-view-img .t_v_swiper .swiper-slide img{display: block;width: 100%;}

.product-view-title{margin-bottom: 50px;}
.product-view-title span{font-size: 1.4rem;font-weight: 600;color: #bbb;display: block;margin-bottom: 15px;}
.product-view-title h2{font-size: 2.2rem;font-weight: bold;word-break: keep-all;}

.product-view-spec{margin-bottom: 70px;}
.product-view-spec li{display: flex;align-items: flex-start;}
.product-view-spec li + li{padding-top: 20px;margin-top: 20px;border-top: 1px solid #eee;}
.product-view-spec li h4, .product-view-spec li p{line-height: 160%;font-size: 1.0625rem;}
.product-view-spec li h4{width: 90px;font-weight: 600;}
.product-view-spec li p{width: calc( 100% - 90px );font-weight: 400;color: #666;word-break: keep-all;}

.product-view-button{display: flex;align-items: center;gap: 10px;}
.product-view-button>a{flex: 1;display: flex;align-items: center;justify-content: center;gap: 10px;line-height: 55px;text-align: center;font-size: 1.0625rem;font-weight: 600;border: 1px solid #ddd;border-radius: 6px;overflow: hidden;color: #888;}
.product-view-button>a:first-child{background: #000;border-color: #000;color: #FFF;}

.product-view-detail{margin-top: 70px;}
.product-view-detail h4{font-size: var(--fs-20);font-weight: 600;padding: 20px 0;}

.product-view-content{padding: 70px 40px;border: 1px solid #e9e9e9;border-right: none;border-left: none;}
.product-view-content, .product-view-content *, .product-view-content p, .product-view-content p *{font-family: 'Pretendard Variable' !important;line-height: 160%;font-size: min(16px);}

.to_list{display: flex;align-items: center;justify-content: center;gap: 10px;font-size: 1.125rem;font-weight: 500;border: 1px solid #e9e9e9;line-height: 60px;max-width: 200px;margin: 0 auto;border-radius: 10px;overflow: hidden;margin-top: 70px;color: #888;transition: all .3s ease;}
.to_list:hover{color: #000;border-color: #000;}

.product-view-content img, .product-view-content * img, .product-view-content p img, .product-view-content p * img{max-width: 100%;}

/* 제품 슬라이더 스타일 */
.t_v_thumb { margin-top: 20px; /* 메인 슬라이더와의 간격 */}
.t_v_thumb .swiper-slide {position: relative; width: auto;  height: 140px; /* 썸네일 높이 */ cursor: pointer; opacity: 0.6; /* 비활성화 상태 */transition: opacity 0.3s;overflow: hidden; border:1px solid #eee; /* 이미지 넘침 방지 */}
.t_v_thumb .swiper-slide-thumb-active {opacity: 1; /* 활성화된 썸네일 */}
.t_v_thumb .thumb-bg {position: absolute; top: 0;  left: 0;  width: 100%;  height: 100%; background-size: cover; /* 이미지 비율 유지하며 채우기 */background-position: center; /* 중앙 정렬 */ background-repeat: no-repeat; /* 반복 방지 */}

@media screen and (max-width: 1480px) {
	
	.product-view-top{gap: 60px;}
	.product-view-info{width: calc(100% - 560px);}
	
	.product-view-detail{margin-top: 60px;}
}

@media screen and (max-width: 1080px) {
	
	.product-view-top{gap: 50px;}
	.product-view-img{width: 400px;}
	.product-view-img img{display: block;width: 100%;}
	.product-view-info{width: calc(100% - 450px);}
	
	.product-view-title{margin-bottom: 30px;}
	
	.product-view-spec{margin-bottom: 40px;}
	.product-view-spec li + li{padding-top: 13px;margin-top: 13px;}
	.product-view-spec li h4{width: 70px;}
	.product-view-spec li p{width: calc(100% - 70px);}
	
	.product-view-button>a{line-height: 50px;}
}

@media screen and (max-width: 860px) {
	
	.product-view-top{display: block;}
	.product-view-img, .product-view-info{width: 100%;}
	.product-view-img img{max-width: 400px;margin: 0 auto;}
	
	.product-view-info{margin-top: 40px;}
}

@media screen and (max-width: 720px) {
	
	.product-view-info{margin-top: 30px;}
	
	.product-view-title span{font-size: 15px;}
	.product-view-title h2{font-size: 24px;line-height: 130%;}
	
	.product-view-spec{margin-bottom: 30px;}
	.product-view-spec li h4, .product-view-spec li p{font-size: 15px;}
	
	.product-view-button>a{font-size: 15px;}
	
	.product-view-detail{margin-top: 20px;}
	.product-view-detail h4{font-size: 15px;padding-bottom: 13px;}
	
	.product-view-content{padding: 30px 0;}
}

.product-view-content .board-video{display: block;width: 100%;height: 0;padding-bottom: 56.25%;position: relative;}
.product-view-content .board-video iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}