.y_c_33{}
.y_c_33 .get_render_title_group { margin-bottom: 35px; text-align: center; position: relative; }
.y_c_33 .get_render_title { color: #000; font-size: 32px; font-weight: 500; line-height: 1; text-align: center; }
.y_c_33 .get_render_cont_group { margin-top: 26px; position: relative; }
.y_c_33 .banner_pcmax { max-width: 1200px; margin: 0 auto; padding: 0 30px; position: relative; }
.y_c_33 .banner_swiper_zone { position: relative; }
.y_c_33 .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_c_33 .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_c_33 .btn_navi_control.prev_navi:before { transform: rotate(-225deg); margin-left: -2px; }
.y_c_33 .btn_navi_control.prev_navi { left: 0; transform: translate(-50%, -50%); }
.y_c_33 .banner_swiper_zone .swiper-slide { height: auto; }
.y_c_33 .mc_full_img_banner { display: block; position: relative; overflow: hidden; border-radius: 20px; min-height: 300px; height: 100%; width: 100%; }
.y_c_33 .mc_full_img_banner.type3 { min-height: 284px; }
.y_c_33 .mc_full_bg_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.y_c_33 .mc_full_bg_img > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.y_c_33 .banner_img_area .pc_img { display: block !important; }
.y_c_33 .banner_img_area .mo_img { display: none !important; }
.y_c_33 .mc_full_img_banner.type3 .mc_full_bg_img:after { display: block; content: ''; width: 100%; height: 30%; position: absolute; top: 0; left: 0; opacity: .4; background: rgb(0, 0, 0); background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); z-index: 1; }
.y_c_33 .mc_banner_spec { position: relative; z-index: 2; padding: 40px; }
.y_c_33 .mc_full_img_banner.type3 .mc_banner_spec { padding: 20px; }
.y_c_33 .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_c_33 .mc_full_img_banner.type3 .mc_banner_spec_main { font-size: 18px; font-weight: 700; color: #fff; }
.y_c_33 .banner_link_area { position: absolute; width: 100%; height: 100%; top: 0; z-index: 10; }
.y_c_33 .banner_link_area .banner_link{display: block; width: 100%; height: 100%;  }

@media (max-width:1023px){
    .y_c_33 .get_render_title_group { margin-bottom: 20px; }
    .y_c_33 .get_render_title { font-size: 20px; margin: 0 15px; }
    .y_c_33 .get_render_cont_group { margin-top: 15px; }
    .y_c_33 .banner_pcmax { padding: 0; }
    .y_c_33 .banner_swiper_zone.mb-nobreak { padding: 0; }
    .y_c_33 .btn_navi_control { width: 20px; height: 20px; }
    .y_c_33 .btn_navi_control.prev_navi { transform: translate(-50%, -50%); }
    .y_c_33 .banner-type03 .btn_navi_control { display: none; }
    .y_c_33 .banner_swiper_zone.mb-nobreak .swiper-wrapper,
    .y_c_33 .banner_swiper_zone.mb-nobreak .swiper-slide { width: auto !important; }
    .y_c_33 .mc_full_img_banner { border-radius: 10px; min-height: 150px; }
    .y_c_33 .mc_full_img_banner.type3 { min-height: 200px; }
    .y_c_33 .banner_swiper_zone.mb-nobreak .mc_full_img_banner { width: 200px; }
    .y_c_33 .banner_swiper_zone.mb-nobreak .swiper-slide:first-of-type > * { margin-left: 20px; }
	.y_c_33 .banner_img_area .pc_img { display: none !important; }
	.y_c_33 .banner_img_area .mo_img { display: block !important; }
	.y_c_33 .mc_full_img_banner.type3 .mc_full_bg_img:after { height: 50%; }
	.y_c_33 .mc_banner_spec { padding: 20px; }
	.y_c_33 .mc_full_img_banner.type3 .mc_banner_spec { padding: 15px; }
	.y_c_33 .mc_banner_spec_main { font-size: 20px; }
	.y_c_33 .mc_full_img_banner.type3 .mc_banner_spec_main { font-size: 16px; }
	.y_c_33 .banner_link_area .banner_link_pc { display: none; }
	.y_c_33 .banner_link_area .banner_link_mo { display: block; }
}

/* popup css */
.y_c_33{}
.y_c_33 .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_c_33 .popup_wrap.active { display: flex; }
.y_c_33 .bg_dim { display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 0; background: #222; opacity: .6; }
.y_c_33 .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_c_33 .popup_item.medium { max-width: 1060px; }
.y_c_33 .popup_title_low { flex: 0; border-bottom: 1px solid #c1c1c1; padding: 25px 40px; margin: 0 23px; text-align: center; }
.y_c_33 .gallery_fraction_wrap { min-height: 20px; display: flex; justify-content: center; align-items: center; text-align: center; color: #000000; font-size: 15px; }
.y_c_33 .popup_content_low { flex: 1; min-height: 0; position: relative; overflow: hidden; overflow-y: overlay; padding: 30px 45px 45px; }
.y_c_33 .youtube_iframe_wrap{ position: relative; width: 100%; padding: 56.25% 0 0; margin: 15px 0 20px; }
.y_c_33 .youtube_iframe_wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.y_c_33 .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_c_33 .popup_title_low { padding: 25px 20px; }
	.y_c_33 .popup_content_low { padding: 0px 23px; }
	.y_c_33 .btn_popup_close { right: 15px; }
}

.y_c_33 .popup_item.shorts { max-width: 480px; }
.y_c_33 .popup_item.shorts .popup_content_low { padding: 20px 25px 30px; }
.y_c_33 .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_c_33 .popup_item.shorts .popup_content_low { padding: 15px 15px 20px; }
	.y_c_33 .popup_item.shorts .youtube_iframe_wrap { height: min(68vh, 560px); }
}