/*------------------------------------------------------------------------------*/
/* main - body bg */
/*------------------------------------------------------------------------------*/
.header_util {position: absolute; top: 0; left: 0; width: 100%; z-index: 10;}
.header {position: absolute; top: 50px; left: 0; width: 100%; z-index: 10;}
#content {background: url(../images/main/main_bg_type01.jpg) no-repeat top center / cover; padding-top: 160px;}

/*------------------------------------------------------------------------------*/
/* main visual */
/*------------------------------------------------------------------------------*/
.content_wrap{padding:70px 0;}
.main_visual_inner {display: flex; align-items: flex-start; justify-content: space-between;}
.main_visual_left {display: flex; flex-direction: column; gap: 20px;}
.main_visual_right {width: 460px;}
.main_youtube {width: 460px; height: 284px; border-radius: 15px; overflow: hidden;}
.main_youtube img, .main_youtube iframe {display: block; width: 100%; height: 100%; object-fit: cover;}
.main_cards {display: flex; gap: 10px; margin-top: 20px; width: 460px;}
.main_card {flex: 1; height: 185px; border-radius: 15px; border: 1px solid #a9bfda; box-shadow: 0 4px 12px rgba(0,0,0,0.08); padding: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; background: #fff;}
.main_card img {display: block;}
.main_card span {font-size: 1.6rem; color: #333333; text-align: center; line-height: 1.4;}

/*------------------------------------------------------------------------------*/
/* swiper zone */
/*------------------------------------------------------------------------------*/
.swiper_zone {padding: 20px 0; background: #fff;}
.swiper_zone_inner {display: flex; align-items: center; justify-content: space-between;}
.swiper_banner {flex: 1; overflow: hidden;}
.swiper-slide {display: flex; align-items: center; justify-content: center;}
.swiper-slide a {display: flex; align-items: center; justify-content: center;}
.swiper-slide img {display: block; max-width: 100%; height: auto;}
.swiper_controls {display: flex; align-items: center; gap: 20px; margin-left: 20px; flex-shrink: 0;}
.swiper_btn {display: inline-flex; align-items: center; justify-content: center;}
.swiper_btn img {display: block;}
.btn_play {display: none;}
.main_txt01 {display: block; width: 489px; max-width: 100%; margin-left: 150px;}
.main_txt02 {display: block; width: 486px; max-width: 100%; margin-left: 150px;}
.main_txt03 {display: block; width: 384px; max-width: 100%; margin-top: 80px;}

/*------------------------------------------------------------------------------*/
/* 반응형 - 1280px */
/*------------------------------------------------------------------------------*/
@media (max-width: 1280px) {.main_txt01 {margin-left: 60px;} .main_txt02 {margin-left: 60px;} .main_visual_right {width: 380px;} .main_youtube {width: 380px;} .main_cards {width: 380px;}}

/*------------------------------------------------------------------------------*/
/* 반응형 - 1024px */
/*------------------------------------------------------------------------------*/
@media (max-width: 1024px) {
#content {padding-top: 130px;}
.main_txt01 {width: 360px; margin-left: 20px;}
.main_txt02 {width: 360px; margin-left: 20px;}
.main_txt03 {width: 290px; margin-top: 40px;}
.main_visual_right {width: 320px;}
.main_youtube {width: 320px; height: 200px;}
.main_cards {width: 320px;}
.main_card {height: 150px; padding: 20px 10px; gap: 8px;}
.main_card span {font-size: 1.4rem;}
}

/*------------------------------------------------------------------------------*/
/* 반응형 - 768px */
/*------------------------------------------------------------------------------*/
@media (max-width: 768px) {
.header {position: fixed; top: 0;}
.gnb {top: 70px; height: calc(100vh - 70px);}
#content {padding-top: 70px;}
.content_wrap {padding: 30px 0;}
.main_visual_inner {flex-direction: column; gap: 30px;}
.main_visual_left {width: 100%; align-items: center;}
.main_txt01 {width: 320px; margin-left: 0;}
.main_txt02 {width: 320px; margin-left: 0;}
.main_txt03 {width: 250px; margin-top: 20px;}
.main_visual_right {width: 100%;}
.main_youtube {width: 100%; height: 240px;}
.main_cards {width: 100%;}
.main_card {height: 160px; padding: 20px 10px;}
.swiper_controls {gap: 10px;}
}

/*------------------------------------------------------------------------------*/
/* 반응형 - 480px */
/*------------------------------------------------------------------------------*/
@media (max-width: 480px) {
.main_youtube {height: 190px;}
.main_card {height: 130px; padding: 15px 8px; gap: 8px;}
.main_card span {font-size: 1.3rem;}
.swiper_zone_inner {gap: 10px;}
}