@charset "utf-8";

/* 임시 게시판 */
.board_head_wrap {padding-top: 50px;}
.board_head_wrap .logo_img {display: flex;   justify-content: center;   align-items: center; margin-bottom: 50px;}
.board_head_wrap .logo_img img {display: block; width: 160px; }
.board_head_wrap .tit {text-align: center;   font-size: 32px;  margin-bottom: 2em; word-break: keep-all;}

/* 메인 비주얼 */
.main_visual {position: relative;}
.main_visual .main_slider {position: relative; z-index: 1;}
.main_visual .main_slider .slick-slide {background: #eee; width: 100%; aspect-ratio: 1920 / 530;}
.main_visual .main_slider .slick-slide .text_area {padding-top: 116px;}
.main_visual .main_slider .slick-slide .text_area h2{color: #fff; font-size: 1.5rem; line-height: 130%; font-weight: 400;}
.main_visual .main_slider .slick-slide .text_area p {color: #fff; font-size: 2.88rem; line-height: 130%; font-weight: 700; padding-top: 30px;}
.main_visual .main_slider_controller {position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%); z-index: 2; display: flex; gap: 25px; align-items: center;}
.main_visual .main_slider_controller .slick-dots {order: 0; display: flex; gap: 25px;}
.main_visual .main_slider_controller .slick-dots button {font-size: 0; width: 6px; height: 6px; background: rgba(255, 255, 255, 0.5); border: none; border-radius: 50%; transition:  all .3s ease;}
.main_visual .main_slider_controller .slick-dots button:hover {background: rgba(255, 255, 255, 0.8);}
.main_visual .main_slider_controller .slick-dots .slick-active button {width: 16px; height: 16px; background: transparent; border: 2px solid #fff;}
.main_visual .main_slider_controller .slick_btn_wrap,
.main_visual .main_slider_controller .slick-control {order: 1;}
.main_visual .main_slider_controller .slick_btn_wrap {display: flex; gap: 15px;}
.main_visual .main_slider_controller .slick_btn_wrap [class *=slick-] {background: transparent; border: none;}
.main_visual .main_slider_controller .slick_btn_wrap [class *=slick-] i {width: 8px; aspect-ratio: 8 / 12; display: block; opacity: 0.5;}
.main_visual .main_slider_controller .slick_btn_wrap [class *=slick-] i:hover {opacity: 1;}
.main_visual .main_slider_controller .slick_btn_wrap .slick-prev-main i {background: url(../img/main/slider-prev.svg) no-repeat center / cover;}
.main_visual .main_slider_controller .slick_btn_wrap .slick-next-main i {background: url(../img/main/slider-next.svg) no-repeat center / cover;}
.main_visual .main_slider_controller .slick-control {background: transparent; border: none;}
.main_visual .main_slider_controller .slick-control i {width: 8px; aspect-ratio: 8 / 12; display: block; opacity: 0.5;}
.main_visual .main_slider_controller .slick-control[class *=slick-]:hover i {opacity: 1;}
.main_visual .main_slider_controller .slick-control.slick-pause i {background: url(../img/main/slider-pause.svg) no-repeat center / cover;}
.main_visual .main_slider_controller .slick-control.slick-play i {background: url(../img/main/slider-play.svg) no-repeat center / cover;}

/* 메인  공지사항 관련 */
.main_notice {display: grid; grid-template-columns: repeat(2, 1fr);}
.main_notice .left_area {background: url(../img/main/main_section_bg_01.png) no-repeat center center / cover;}
.main_notice > div {display: flex;}
.main_notice > div .inner { max-width: calc(1280px / 2); width: 90%;}
.main_notice .left_area {justify-content: flex-end;}
.main_notice .left_area .notice_list {display: flex; flex-direction: column; gap: 14px;}
.main_notice .left_area .notice_list li {display: flex; align-items: flex-start;}
.main_notice .left_area .notice_list li strong {padding-right: 20px; display: inline-flex; gap: 5px; vertical-align: middle; align-items: center; min-width: 90px;}
.main_notice .right_area {overflow: hidden;}

/* 메인 후원사 */
.main_sponsor {background: var(--background-color-2);}
.main_sponsor .main_sponsor_list {display: grid; grid-template-columns: repeat(5, 1fr); background: #fff; border: 1px solid var(--line-color);}
.main_sponsor .main_sponsor_list li {border-right: 1px solid var(--line-color); border-bottom: 1px solid var(--line-color); min-height: 170px; display: flex; justify-content: center; align-items: center;}
.main_sponsor .main_sponsor_list li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; transition: all .2s ease;}
.main_sponsor .main_sponsor_list li a:hover {box-shadow: inset 0 0 0 2px var(--main-color); -webkit-box-shadow: inset 0 0 0 2px var(--main-color); -moz-box-shadow: inset 0 0 0 2px var(--main-color); -o-box-shadow: inset 0 0 0 2px var(--main-color); -ms-box-shadow: inset 0 0 0 2px var(--main-color);}
.main_sponsor .main_sponsor_list li a img {max-width: 70%;}
.main_sponsor .main_sponsor_list li:nth-child(5n) {border-right: none;}
.main_sponsor .main_sponsor_list li:nth-child(n+6) {border-bottom: none;}

.main_sponsor_slider {position: relative;}
.main_sponsor_slider .slick-slide {margin: 0 7.5px; height: 80px; display: flex; justify-content: center; align-items: center;}
.main_sponsor_slider .slick-slide a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; transition: all .2s ease;}
.main_sponsor_slider .slick-slide a img {max-width: 60%;}
.main_sponsor_slider .slick-slide a:hover {box-shadow: inset 0 0 0 2px var(--main-color); -webkit-box-shadow: inset 0 0 0 2px var(--main-color); -moz-box-shadow: inset 0 0 0 2px var(--main-color); -o-box-shadow: inset 0 0 0 2px var(--main-color); -ms-box-shadow: inset 0 0 0 2px var(--main-color);}
.main_sponsor_slider .slick-list {margin: 0 -7.5px;}

.main_sponsor_slider .slick-prev,
.main_sponsor_slider .slick-next {position: absolute; top: 50%; transform: translateY(-50%); font-size: 0; width: 30px; height: 30px; background: var(--icon-primer); border: none;}
.main_sponsor_slider .slick-prev {left: 0; mask: url(../img/main/slider-prev-type2.svg) no-repeat center / cover; -webkit-mask: url(../img/main/slider-prev-type2.svg) no-repeat center / cover;}
.main_sponsor_slider .slick-next {right: 0; mask: url(../img/main/slider-next-type2.svg) no-repeat center / cover; -webkit-mask: url(../img/main/slider-next-type2.svg) no-repeat center / cover;}
.main_sponsor_slider .slick-prev:hover,
.main_sponsor_slider .slick-next:hover {opacity: 0.6;}


/* media query */
@media (max-width:1600px) {
	/* 메인 비주얼 */
	.main_visual .main_slider .slick-slide {aspect-ratio: 1920 / 740;}
	.main_visual .main_slider .slick-slide .text_area {padding-top: 76px;}
}

@media (max-width:1280px) {
	/* 메인 비주얼 */
	.main_visual .main_slider .slick-slide .text_area h2 {font-size: 1.25rem;}
	.main_visual .main_slider .slick-slide .text_area p {font-size: 2.5rem;}
}

@media (max-width:1024px) {
	/* 메인 비주얼 */
	.main_visual .main_slider .slick-slide .text_area h2 {font-size: 1.13rem;}
	.main_visual .main_slider .slick-slide .text_area p {font-size: 2.25rem; padding-top: 20px;}
}

@media (max-width:980px) {
	/* 메인 비주얼 */
	.main_visual .main_slider .slick-slide {aspect-ratio: 1920 / 1300;}

	/* 메인  공지사항 관련 */
	.main_notice {grid-template-columns: 100%;}
	.main_notice > div .inner {max-width: 100%; margin: 0 auto;}
	.main_notice .left_area .inner {padding-right: 0;}
	.main_notice .right_area .inner {padding-left: 0;}
}

@media (max-width:768px) {
	/* 메인  후원사 관련 */
	.main_sponsor .main_sponsor_list {grid-template-columns: repeat(3, 1fr);}
	.main_sponsor .main_sponsor_list li:nth-child(5n) {border-right: 1px solid var(--line-color);}
	.main_sponsor .main_sponsor_list li:nth-child(n+6) {border-bottom: 1px solid var(--line-color);}
	.main_sponsor .main_sponsor_list li:nth-child(3n) {border-right: none;}
	.main_sponsor .main_sponsor_list li:last-child {border-bottom: none;}
}

@media (max-width:480px) {
	.board_head_wrap .logo_img img {width: 100px}
	.board_head_wrap .logo_img {margin-bottom: 20px;}
	.board_head_wrap .tit {font-size: 24px; margin-bottom: 1em;}

	/* 메인 비주얼 */
	.main_visual .main_slider .slick-slide .text_area {padding-top: 36px;}
	.main_visual .main_slider .slick-slide .text_area h2 {font-size: 15px;}
	.main_visual .main_slider .slick-slide .text_area p {font-size: 22px; padding-top: 10px;}
	.main_visual .main_slider_controller {bottom: 20px; gap: 15px;}
	.main_visual .main_slider_controller .slick-dots {gap: 15px;}

	/* 메인  공지사항 관련 */
	.main_notice .left_area .notice_list {gap: 8px;}
	.main_notice .left_area .notice_list li strong {padding-right: 10px; min-width: 80px;}

	/* 메인  후원사 관련 */
	.main_sponsor .main_sponsor_list li {min-height: 90px;}
	.main_sponsor_slider .slick-slide {height: 50px;}

}