/*-- 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';font-weight: 400;line-height: 150% !important;}
.view-contents img{display: block;max-width: 100%;margin: 0 auto;}

.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;}
}