@charset "utf-8";

/*** 그누보드 곳곳에 사용중 ***/

.msg_sound_only, .sound_only { display: inline-block !important; position: absolute; top: 0; left: 0; margin: 0 !important; padding: 0 !important; font-size: 0; line-height: 0; border: 0 !important; overflow: hidden !important; }

/*** 게시판 작성 및 수정 영역 - OLD ***/

#bbs-field {}
#bbs-field label { display: inline-block; margin-top: 20px; margin-bottom:10px; font-size: 15px; font-weight: 400; color: #555; }
#bbs-field label:first-child { margin-top: 0; }
#bbs-field label strong { font-size: 13px; font-weight: 700; color: #FCA5A8; }
#bbs-field input[type=text], #bbs-field input[type=password], #bbs-field input[type=file] { display: block; width: 100%; height:40px; padding: 8px; background: #fff; border: 1px solid #e1e1e1; font-weight: 400; box-sizing: border-box; transition: all 0.5s; }
#bbs-field input[type=text]:focus, #bbs-field input[type=password]:focus, #bbs-field input[type=file]:focus { border: 1px solid #FCA5A8; }
#bbs-field ul.option { margin-top: 10px; }
#bbs-field ul.option li { display: inline-block; }
#bbs-field ul.option li input[type=checkbox] { display: inline-block; width: 15px; height: 15px; border: 1px solid #e1e1e1; vertical-align: middle; }
#bbs-field ul.option li label { display: inline-block; margin: 0 0 0 5px; font-size: 16px; }
#bbs-field select { height: 40px; margin-right: -1px; padding: 0 5px; font-weight: 400; border: 1px solid #e1e1e1; }
#bbs-field textarea { height: 400px !important; padding: 10px; border: 1px solid #e1e1e1; box-sizing: border-box; font-weight: 400; }
#bbs-field input[type=file] + input[type=text] { margin-top: 5px; }
#bbs-field span.delete { display: block; margin-top: 10px; }
#bbs-field span.delete input[type=checkbox] { display: inline-block; width: 15px; height: 15px; border: 1px solid #e1e1e1; vertical-align: middle; }
#bbs-field span.delete label { display: inline-block; margin: 0 0 0 5px; font-size: 16px; }
#bbs-field div.cke_sc { display: none; }
#bbs-field-warning { margin-top: 20px; font-size: 16px; font-weight: 400; }

.video_board .board_list .imgBox::after { position: absolute; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.2) url("/@soda/images/youtube.svg") no-repeat center / 12%; }

.soda-video { position: relative; width: 100%; height: 0; padding-top: 56.25%; }
.soda-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.soda-video + * { margin-top: 2.2rem; }

.soda-note { margin-top: 10px; font-size: 14px; line-height: 1.2; color: #999; }
.soda-note span { font-weight: 600; color: #e21000; }

.buttonWrap { margin-top: 2.2rem; }
.buttonWrap.center { justify-content: center !important; }
.container .buttonWrap > *:last-child:not(.rightBox) { justify-content: center !important; }

/* 페이지 번호 - soda  */
.pg_wrap {margin-top: 3.3rem;}
.pg_wrap .pg {display: flex; gap: 0.6rem; justify-content: center; width: 100%;}
.pg_wrap a {background: #fff; width: 2.2rem; height: 2.2rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .5s ease; border: 1px solid #ddd; font-weight: 500; box-sizing: border-box;}
.pg_wrap a.pg_start {background: transparent url(/@soda/images/ico_page_first_active.svg) no-repeat center / 60%; text-indent: -9999px; }
.pg_wrap a.pg_prev {background: transparent url(/@soda/images/ico_page_prev_active.svg) no-repeat center / 60%; text-indent: -9999px; }
.pg_wrap a.pg_next {background: transparent url(/@soda/images/ico_page_next_active.svg) no-repeat center / 60%; text-indent: -9999px; }
.pg_wrap a.pg_end {background: transparent url(/@soda/images/ico_page_last_active.svg) no-repeat center / 60%; text-indent: -9999px; }
.pg_wrap strong {width: 2.2rem; height: 2.2rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--mainColor3); color: #fff; border-color: transparent; border-color: var(--mainColor3); font-weight: 600; box-sizing: border-box;}
.aos-init + .pg_wrap {opacity: 0; transition: .5s ease;}
.aos-init.aos-animate + .pg_wrap {animation: opacityMove 1s .1s ease both;}

@media screen and (min-width: 1025px) {

	/* 페이지 번호 - soda */
	.pg_wrap a:hover {color: var(--mainColor3); border-color: var(--mainColor3); background: #FCA5A820;}
	.pg_wrap a.pg_start:hover {background: #FCA5A820 url(/@soda/images/ico_page_first_point.svg) no-repeat center / 60%;}
	.pg_wrap a.pg_prev:hover {background: #FCA5A820 url(/@soda/images/ico_page_prev_point.svg) no-repeat center / 60%;}
	.pg_wrap a.pg_next:hover {background: #FCA5A820 url(/@soda/images/ico_page_next_point.svg) no-repeat center / 60%;}
	.pg_wrap a.pg_end:hover {background: #FCA5A820 url(/@soda/images/ico_page_last_point.svg) no-repeat center / 60%;}

}

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

	.video_board .board_list { gap: 1.6rem; }
	.video_board .board_list li { width: calc(100% / 2 - 0.8rem); }

}

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

	.video_board .board_list { gap: 1.2rem; }
	.video_board .board_list li { width: 100%; }

}