@charset "utf-8";
/* visual */
.main_visual{color: #fff; }
.main_visual__img{ width: 100%; }
.main_visual__control{ position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.main_visual__btn{ position: absolute; margin: auto; inset: 0; width: 33rem; height: 64rem; background: 0; color: inherit; fill:none; stroke:currentColor; stroke-miterlimit:10; pointer-events: auto; }
.main_visual__btn.prev{ margin-left: 50rem; }
.main_visual__btn.next{ margin-right: 50rem; }
.main_visual__pager{ display: flex; justify-content: center; align-items: center; gap: .5em; position: absolute; margin: auto auto 6.6% 0; inset: 0; width: 60rem; height: 27rem; background: rgba(0, 0, 0, 0.3); border-radius: 3em; font-size: 12rem; pointer-events: auto; }
@media(min-width:768px){
	.main_visual__img{ aspect-ratio: 1920/600; }
}
@media(max-width:767px){
	.main_visual__img{ aspect-ratio: 1/1; }
}

/* quick */
.main_quick{ padding: 50rem 0 45rem; text-align: center; }
.main_quick__inr{ display: grid; row-gap: 30rem; }
.main_quick__a{ display: block; }
.main_quick__icon{ display: inline-flex; justify-content: center; align-items: center; aspect-ratio: 1/1; width: 100%; background: #f7f7f7; border-radius: 20rem; }
.main_quick__img{ display: block; width: 35rem; height: 32rem; object-fit: scale-down; }
.main_quick__txt{ display: block; margin-top: 17rem; white-space: nowrap; }
@media(min-width:768px){
	.main_quick__inr{ grid-template-columns: repeat(8, 100rem); justify-content: space-around; }
	.main_quick__txt{ font-size: 18rem; }
}
@media(max-width:767px){
	.main_quick__inr{ grid-template-columns: repeat(4, 100rem); justify-content: space-between; }
	.main_quick__txt{ font-size: 16rem; }
}

/* common */
.common__title_box{ text-align: center; }
.common__sub_title{ margin-bottom: 6rem; font-size: 18rem; color: #666; }
.common__title{ font-size: var(--font_size35); font-weight: 800; }
.common__arrow{fill:none; stroke:currentColor; stroke-width:2px;}
@media(max-width:1279px){
	.common_padding_y{ padding: 70rem 0; }
}

/* separator */
.main_separator{ height: 15rem; box-shadow: 7rem 7rem 15rem rgba(0, 0, 0, 0.05) inset; }

/* con2 */
.main_con2__form{ margin: 32rem auto 0; }
.main_con2__search_box{ display: flex; position: relative; margin: 0 auto; max-width: 650rem; width: 100%; height: 63rem; border-bottom: 3rem solid currentColor; }
#wrap .main_con2__search{ margin: 0; width: 100%; height: 100%; padding: 20rem 20rem 16rem; border: 0; font-size: 18rem; }
.main_con2__btn{ display: inline-flex; justify-content: center; align-items: center; flex-shrink: 0; width: 62rem; height: 100%; background: 0; }
.main_con2__link_box{ display: flex; justify-content: center; gap: clamp(0rem, 3.33333333vw, 40rem); margin-top: 120rem; }
.main_con2__link{ display: block; position: relative; height: 310rem; padding: 6.1% 4.8%; border-radius: 10rem; box-sizing: border-box; color: #fff; }
.main_con2__link:nth-child(1){ background: #33393e url(/images/main/img_con2_link1.png) no-repeat 100% 100% / min(53.79310345%, 312rem) auto; }
.main_con2__link:nth-child(2){ background: #002a62 url(/images/main/img_con2_link2.png) no-repeat 90% 100% / min(38.96551724%, 226rem) auto; }
.main_con2__link_title{ display: block; font-size: var(--font_size24); font-weight: 800; }
.main_con2__link_sub_title{ display: block; margin-top: 19rem; line-height: 1.6875; }
.main_con2__link_more{ display: flex; align-items: center; gap: 10px; position: absolute; bottom: 0; left: 0; width: 47.4%; height: 75rem; padding: 20rem 10%; background: #edf0f2; border-radius: 0 10rem 0 10rem; box-sizing: border-box; font-weight: 700; color: var(--black); }
.main_con2 .search_tag{ display: flex; flex-wrap: wrap; justify-content: center; gap: 15rem; width:100%; text-align:center; margin-top:40rem;}
.main_con2 .search_tag > a{display:inline-block; min-width:100rem; height:56rem; line-height:56rem; padding:0 30rem; text-align:center; font-size:16rem; color:#111; letter-spacing:-0.05em; background-color:#f7f7f7; border-radius:60rem; cursor:pointer; transition: all 0.5s;}
.main_con2 .search_tag > a::before{ content: '#'; }
.main_con2 .search_tag > a:hover{background-color:#111; color:#fff;}
@media(min-width:768px){
	.main_con2__link{ flex: 1; }
}
@media(min-width:1280px){
	.main_con2{ padding: 107rem 0 121rem; }
	.main_con2 .common__title{ font-size: 45rem; }
}
@media(max-width:767px){
	.main_con2__link_box{ flex-direction: column; }
	.main_con2__link_more{ font-size: 14rem; }
    .search_tag{padding-top:20px;}
    .search_tag > a{min-width:auto; height:40px; line-height:40px;  padding:0 14px; font-size: 14rem;}
}

/* middle banner */
.main_middle_banner{ overflow: hidden; display: block; }
.main_middle_banner__img{ width: 100%; }