.y_a_21{}
.y_a_21 .get_render_title_group { margin-bottom: 35px; text-align: center; position: relative; }
.y_a_21 .get_render_title { color: #000; font-size: 32px; font-weight: 500; line-height: 1; text-align: center; }
.y_a_21 .get_render_title_sub { font-size: 16px; color: #444444; line-height: 1.3; margin-top: 11px; word-break: keep-all; }
.y_a_21 .get_render_cont_group { margin-top: 26px; position: relative; }
.y_a_21 .banner_pcmax { max-width: 1200px; margin: 0 auto; padding: 0 30px; position: relative; }
.y_a_21 .banner_swiper_zone { position: relative; }
.y_a_21 .btn_navi_control { display: block; background: #fff; border-radius: 100%; border: 1px solid #c7c7c7; width: 26px; height: 26px; position: absolute; top: 50%; z-index: 2; }
.y_a_21 .btn_navi_control.prev_navi { left: 0; transform: translate(-50%, -50%); }
.y_a_21 .btn_navi_control:before { display: block; content: ''; width: 8px; height: 8px; border-right: 1px solid #515151; border-bottom: 1px solid #515151; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -8px; }
.y_a_21 .btn_navi_control.prev_navi:before { transform: rotate(-225deg); margin-left: -2px; }
.y_a_21 .banner_swiper_zone .swiper-slide { height: auto; }
.y_a_21 .mc_full_img_banner { display: block; position: relative; overflow: hidden; border-radius: 20px; min-height: 300px; height: 100%; width: 100%; }
.y_a_21 .mc_full_bg_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.y_a_21 .mc_full_bg_img > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.y_a_21 .mc_full_img_banner.type2 * { color: #fff; }
.y_a_21 .banner_img_area .pc_img { display: block !important; }
.y_a_21 .banner_img_area .mo_img { display: none !important; }
.y_a_21 .mc_banner_spec { position: relative; z-index: 2; padding: 40px; }
.y_a_21 .mc_banner_spec_main { font-size: 32px; font-weight: 500; color: #1b1b1b; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.3; }
.y_a_21 .mc_banner_spec_sub { margin-top: 13px; font-size: 25px; color: #1b1b1b; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.3; }
.y_a_21 .mc_banner_spec_btn { margin-top: 30px; }
.y_a_21 .banner_link_area { position: absolute; width: 100%; height: 100%; top: 0; z-index: 10; }
.y_a_21 .banner_link_area .banner_link{display: block; width: 100%; height: 100%;  }
.y_a_21 .banner_link_area .banner_link_pc { display: block; width: 100%; height: 100%; }
.y_a_21 .banner_link_area .banner_link_mo { display: none; width: 100%; height: 100%; }
.y_a_21 .swiper-pagination.mobile { display: none; }
.y_a_21 .swiper-pagination.default_skin { position: static; font-size: 0; line-height: 0; }
.y_a_21 .btn_navi_control { display: block; background: #fff; border-radius: 100%; border: 1px solid #c7c7c7; width: 26px; height: 26px; position: absolute; top: 50%; z-index: 2; }
.y_a_21 .btn_navi_control.next_navi { right: 0; transform: translate(50%, -50%); }
.y_a_21 .btn_navi_control:before { display: block; content: ''; width: 8px; height: 8px; border-right: 1px solid #515151; border-bottom: 1px solid #515151; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -8px; }
.y_a_21 .btn_navi_control.next_navi:before { transform: rotate(-45deg); margin-left: -6px; }

@media (max-width:1023px){
    .y_a_21 .get_render_title_group { margin-bottom: 20px; }
    .y_a_21 .get_render_title { font-size: 20px; margin: 0 15px; }
    .y_a_21 .get_render_title_sub { font-size: 13px; }
    .y_a_21 .get_render_cont_group { margin-top: 15px; }
    .y_a_21 .banner_pcmax { padding: 0; }
    .y_a_21 .banner_swiper_zone.type2 { margin: 0 20px; }
    .y_a_21 .btn_navi_control.prev_navi { transform: translate(-50%, -50%); }
    .y_a_21 .banner_swiper_zone.type2 .btn_navi_control { display: none; }
    .y_a_21 .mc_full_img_banner { border-radius: 10px; min-height: 185px; }
    .y_a_21 .banner_img_area .pc_img { display: none !important; }
    .y_a_21 .banner_img_area .mo_img { display: block !important; }
    .y_a_21 .mc_banner_spec { padding: 20px; }
    .y_a_21 .mc_banner_spec_main { font-size: 20px; }
    .y_a_21 .mc_banner_spec_sub { margin-top: 8px; font-size: 16px; }
    .y_a_21 .mc_banner_spec_btn { margin-top: 15px; }
	.y_a_21 .banner_link_area .banner_link_pc { display: none; }
	.y_a_21 .banner_link_area .banner_link_mo { display: block; }
	.y_a_21 .swiper-pagination.mobile { display: block; }
	.y_a_21 .btn_navi_control { width: 20px; height: 20px; }
	.y_a_21 .btn_navi_control.next_navi { transform: translate(50%, -50%); }
	.y_a_21 .banner_swiper_zone.type2 .btn_navi_control { display: none; }
}

/* popup css */
.y_a_21{}
.y_a_21 .popup_wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: .4s; z-index: 130; display: none; align-items: center; justify-content: center; min-width: 280px; overflow: hidden; flex-wrap: wrap; box-sizing: border-box; padding: 0 20px; }
.y_a_21 .popup_wrap.active { display: flex; }
.y_a_21 .bg_dim { display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 0; background: #222; opacity: .6; }
.y_a_21 .popup_item { box-sizing: border-box; z-index: 20; max-width: 655px; margin: 40px auto; max-height: calc(100% - 80px); background: #fff; position: relative; display: flex; flex-direction: column; border-radius: 10px; box-shadow: 6px 6px 10px 0 rgba(17, 16, 66, 0.2); border: 1px solid #727272; width: 100%; overflow: hidden; }
.y_a_21 .popup_item.medium { max-width: 1060px; }
.y_a_21 .popup_title_low { flex: 0; border-bottom: 1px solid #c1c1c1; padding: 25px 40px; margin: 0 23px; text-align: center; }
.y_a_21 .gallery_fraction_wrap { min-height: 20px; display: flex; justify-content: center; align-items: center; text-align: center; color: #000000; font-size: 15px; }
.y_a_21 .popup_content_low { flex: 1; min-height: 0; position: relative; overflow: hidden; overflow-y: overlay; padding: 30px 45px 45px; }
.y_a_21 .youtube_iframe_wrap{ position: relative; width: 100%; padding: 56.25% 0 0; margin: 15px 0 20px; }
.y_a_21 .youtube_iframe_wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.y_a_21 .btn_popup_close { display: block; width: 30px; height: 30px; background: url(/asp/images/icon/btn_popup_close.png) no-repeat 50% 50% / 14px auto; position: absolute; top: 12px; right: 24px; }

@media (max-width: 1023px) {
    .y_a_21 .popup_title_low { padding: 25px 20px; }
	.y_a_21 .popup_content_low { padding: 0px 23px; }
	.y_a_21 .btn_popup_close { right: 15px; }
}

/* 쇼츠(세로형 9:16) 팝업 - bannerKindCd = SHORTS */
.y_a_21 .popup_item.shorts { max-width: 480px; }
.y_a_21 .popup_item.shorts .popup_content_low { padding: 20px 25px 30px; }
.y_a_21 .popup_item.shorts .youtube_iframe_wrap { padding: 0; margin: 0 auto; width: auto; max-width: 100%; height: min(70vh, 640px); aspect-ratio: 9 / 16; }

@media (max-width: 1023px) {
	.y_a_21 .popup_item.shorts .popup_content_low { padding: 15px 15px 20px; }
	.y_a_21 .popup_item.shorts .youtube_iframe_wrap { height: min(68vh, 560px); }
}