﻿.main_visual {height: 700px;position: relative;align-content: center;}   
.banner_slide {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.banner_slide .owl-stage-outer,
.banner_slide .owl-stage,
.banner_slide .owl-item {height: 100%;} 
.main_banner {height: 100%;-webkit-background-size: cover;background-size: cover;background-position: center center;}
.main_banner.banner1 {background-image: url("/img/main/main_visual_pc.png");}
.main_banner.banner2 {background-image: url("/img/main/main_visual2_pc.png");}
.main_banner.banner3 {background-image: url("/img/main/main_visual3_pc.png");}
.main_banner.banner4 {background-image: url("/img/main/main_visual4_pc.png");}

.banner_nav {position: absolute;width: 100%;top: 50%;}   
.banner_nav a {position: absolute;width: 50px;height: 50px;top: 50%;margin-top: -35px;background-repeat: no-repeat;z-index: 3;}
.banner_nav a.prev {left: 30px;background-image: url("/img/main/banner_prev.png");}
.banner_nav a.next {right: 30px;background-image: url("/img/main/banner_next.png");}

.banner_con {position: relative;z-index: 2;}
.mv_t1 {font-size: 24px;font-weight: 700;color: #fff;margin-bottom: 25px;}
.mv_t2 {font-size: 50px;font-weight: 800;color: #fff;margin-bottom: 35px;}
.mv_t3 {width: 170px;height: 65px;background-color: #F07E26;text-align: center;font-size: 20px;font-weight: 700;color: #fff;border-radius: 10px;align-content: center;}
.mv_menu {margin-top: 100px;display: flex;gap: 32px;}
.mv_menu_item {height: 150px;border: 1px solid rgb(255 255 255 / 50%);border-radius: 10px;width: 16.66666666666667%;align-content: center;text-align: center;}
.mv_menu_item:hover {border: 1px solid #fff;}
.mv_menu_tit {font-size: 18px;font-weight: 700;color: #fff;margin-top: 20px;}

.main_content {padding-bottom: 140px;}
.main_section {padding-top: 60px;}
.div_flex {display: flex;gap: 32px;}
.div_left {width: 66%;}
.div_right {width: 34%;align-content: end;}

.main_tit {font-size: 30px;font-weight: 700;color: #000;}
.main_tit_flex {display: flex;margin-bottom: 30px;}
.main_tit_flex a {margin-left: auto;}

.commu_cate {display: flex;gap: 32px;margin-bottom: 30px;}
.commu_cate li {padding: 0 24px;height: 50px;align-content: center;text-align: center;border-radius: 10px;}
.commu_cate li a {font-size: 20px;font-weight: 700;color: #555;}
.commu_cate li.on {background-color: #F07E26;}
.commu_cate li.on a {color: #fff;}

.board_item {display: flex;gap: 10px;margin-bottom: 10px;}
.board_cont {border-bottom: 1px solid #ddd;padding: 25px 10px;flex: 1;display: flex;overflow: hidden;}
.board_tit {flex-grow: 1;overflow: hidden;padding-right: 30px;}
.board_tit a {font-size: 18px;font-weight: 500;color: #555;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.board_date {font-size: 16px;color: #999;flex-grow: 0; flex-basis: 80px;}

.link_box {padding: 40px;border-radius: 10px;display: flex;gap: 40px;align-items: start;}
.link_box.box1 {background-color: #F4F6FB;}
.link_box.box2 {background-color: #FBFAF4;}
.link_box.box3 {background-color: #FAFAFA;}
.link_box_cont {flex-grow: 1;}
.link_tit {display: flex;justify-content: space-between;align-items: center;font-size: 24px;font-weight: 700;color: #000;margin-bottom: 15px;}
.link_txt {font-size: 16px;font-weight: 500;color: #555;}

.main_event {display: flex;gap: 32px;}
.event_item {padding: 30px 30px 50px 30px;width: 25%;border: 1px solid #ddd;border-radius: 10px;}
.event_date {display: inline-block;width: 80px;height: 80px;padding: 15px;background-color: #F4F4F4;border-radius: 10px;font-size: 30px;font-weight: 800;color: #F07E26;text-align: center;margin-bottom: 30px;}
.event_date span {display: block;font-size: 13px;font-weight: 500;color: #000;}
.event_tit {font-size: 20px;font-weight: 500;color: #000;margin-bottom: 20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.event_txt {font-size: 16px;font-weight: 500;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.branch {background-color: #F4F6FB;padding: 60px;border-radius: 10px;display: flex;gap: 65px;}
.branch_list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;flex-grow: 1;}
.branch_item {padding: 20px 30px;background-color: #fff;border-radius: 10px;}
.branch_tit {position: relative;font-size: 18px;font-weight: 500;color: #000;}
.branch_tit:after {position: absolute;right: 0;top: 0;content: "";width: 20px;height: 20px;background-repeat: no-repeat;background-image: url("/img/main/link_arrow.png");}
.branch_item:hover {background-color: #2F52A0;}
.branch_item:hover .branch_tit {font-weight: 700;color: #fff;}

.bottom_menu {display: flex;gap: 32px;}
.bottom_menu .link_box {width: 33.333333333%;}

@media (max-width: 1560px) {
	.banner_nav a.prev {left: 10px;}
	.banner_nav a.next {right: 10px;}
}
@media (max-width: 1429px) {

}
@media (max-width: 1399px) {
	.mv_t2 {font-size: 40px;}
}
@media (max-width: 1259px) {

}
@media (max-width: 1219px) {
	.mv_menu {gap: 16px;}
	.mv_menu_tit {font-size: 16px;}
	.mv_menu {margin-top: 50px;}
	.mv_menu_item {height: 140px;}
	.main_tit {font-size: 25px;}
	.div_left {width: 60%;}
	.div_right {width: 40%;}
	.link_tit {font-size: 20px;}
	.board_tit a {font-size: 16px;}
	.commu_cate li a {font-size: 18px;}
	.event_date {font-size: 25px;}
	.event_item {padding: 30px;}
	.link_box {padding: 25px;gap: 15px;}
}

@media (max-width: 991px) {
	.mv_t1 {font-size: 25px;margin-bottom: 10px;}
	.mv_t2 {font-size: 35px;margin-bottom: 20px;}
	.mv_t3 {font-size: 18px;width: 150px;height: 50px;}
	.banner_nav a {width: 25px;height: 25px;-webkit-background-size: 25px auto;	background-size: 25px auto;}
	.mv_menu_item img {width: 20px;}
	.mv_menu_tit {margin-top: 10px;}
	.mv_menu_item {height: 110px;}
	.main_visual {height: 500px;}
	.main_tit {font-size: 20px;}
	.commu_cate {gap: 16px;}
	.board_date {font-size: 14px;flex-basis: 70px;}
	.div_flex {gap: 16px;}
	.event_tit {font-size: 16px;margin-bottom: 10px;}
	.event_date {margin-bottom: 15px;}
	.main_event {gap: 16px;}
	.event_item {padding: 20px;}
	.link_box {flex-direction: column;}
	.bottom_menu {gap: 16px;}
	.link_tit {font-size: 18px;margin-bottom: 10px;}
	.branch {padding: 30px;gap: 30px;}
	.branch_tit {font-size: 16px;}
	.branch_list {grid-template-columns: repeat(2, 1fr);}
	.main_content {padding-bottom: 70px;}
	.link_box_cont {width: 100%;}
}

@media (max-width: 767px) {
	.mv_t1 {font-size: 18px;}
	.mv_t2 {font-size: 24px;}
	.mv_t3 {font-size: 16px;}
	.mv_menu {flex-wrap: wrap;margin-top: 30px;}
	.mv_menu_item {width: 30%;}
	.banner_nav a.prev {left: 5px;}
	.banner_nav a.next {right: 5px;}
	.div_flex {flex-direction: column;}
	.div_left {width: 100%;}
	.div_right {width: 100%;}
	.main_tit_flex {margin-bottom: 15px;}
	.commu_cate li a {font-size: 16px;}
	.commu_cate li {padding: 0 15px;}
	.board_tit {padding-right: 15px;}
	.link_txt {font-size: 14px;}
	.link_tit {font-size: 16px;}
	.main_section {padding-top: 40px;}
	.event_item {width: 50%;}
	.main_event {flex-wrap: wrap;}
	.event_item {width: 47%;}
	.branch {gap: 15px;flex-direction: column;}
	.branch_list {grid-template-columns: repeat(1, 1fr);}
	.branch_item {padding: 15px 20px;}
	.bottom_menu {flex-direction: column;}
	.bottom_menu .link_box {width: 100%;}
	.event_date {font-size: 20px;}
	.mv_menu_tit {font-size: 14px;}
	.main_banner.banner1 {background-image: url("/img/main/main_visual1_m.png");}
	.main_banner.banner2 {background-image: url("/img/main/main_visual2_m.png");}
	.main_banner.banner3 {background-image: url("/img/main/main_visual3_m.png");}
	.main_banner.banner4 {background-image: url("/img/main/main_visual4_m.png");}
}

@media (max-width: 425px) {
	.mv_menu_item {width: 29%;}
}
