@charset "UTF-8";
#mainContent{padding-bottom: 80px}
/* -------- section 공통 -------- */
[class*="section_main"]{overflow: hidden}
[class*="section_main"] + [class*="section_main"]{padding-top: 50px}
/* // -------- section 공통 -------- */

/* -------- section_main1 -------- */
.section_main1{overflow: hidden;position: relative;height: 760px}
.section_main1:before{position: absolute;top:0;left: 0;right: 0;bottom:0;z-index: 10;background:rgba(0,0,0,.3);pointer-events: none;content:''}
.section_main1 .inner{display: flex;gap:30px 20px;flex-wrap: wrap;align-items: flex-end;position: absolute;bottom:0;left: 0;right:0;z-index: 10;padding-bottom: 30px}
.wrap_slide_visual{height:100%}
.wrap_slide_visual img{width: 100%;height:100%;object-fit: cover;object-position: center center}
.list_quick{display: flex;flex-wrap: wrap;justify-content: center;gap:20px 0;width: 100%}
.list_quick li{flex: 0 1 33.33333333%}
@keyframes hvr-vertical {
  16.65%  {transform: translateY(8px)}
  33.3%   {transform: translateY(-6px)}
  49.95%  {transform: translateY(4px)}
  66.6%   {transform: translateY(-2px)}
  83.25%  {transform: translateY(1px)}
  100%    {transform: translateY(0)}
}
.list_quick a{display: block;font-family: 'SUITE', sans-serif;font-weight: 700;font-size: 16px;line-height: 20px;color:#fff;text-align: center}
.list_quick .ico_comm{width: 50px;height: 50px;margin:0 auto;border-radius: 50%;background:#fff url(/home/culture/images/main/ico_quick1.png) 0 0 no-repeat;background-size: cover}
.list_quick .ico_quick2{background-image: url(/home/culture/images/main/ico_quick2.png)}
.list_quick .ico_quick3{background-image: url(/home/culture/images/main/ico_quick3.png)}
.list_quick .ico_quick4{background-image: url(/home/culture/images/main/ico_quick4.png)}
.list_quick .ico_quick5{background-image: url(/home/culture/images/main/ico_quick5.png)}
.list_quick .ico_quick6{background-image: url(/home/culture/images/main/ico_quick6_02.png)}
.list_quick .ico_quick7{background-image: url(/home/culture/images/main/ico_quick7.png)}
.list_quick .ico_quick8{background-image: url(/home/culture/images/main/ico_quick8.png)}
.list_quick .ico_quick9{background-image: url(/home/culture/images/main/ico_quick9.png)}
.list_quick .ico_quick10{background-image: url(/home/culture/images/main/ico_quick10.png)}
.list_quick strong{display: block;margin-top: 10px}
.group_info_slide{display: flex;row-gap:10px;flex-direction: column;flex-wrap: wrap;align-items: flex-start;max-width: 100%}
.group_info_slide .tit_slide{display: flex;gap:10px;flex-wrap:wrap;align-items: flex-end;font-family: 'Cafe24Danjunghae', sans-serif;font-size: 24px;line-height: 32px;color:#fff}
.group_info_slide .tit_slide em{font-size: 36px;line-height: 44px}
.group_info_slide .tit_slide span{flex-shrink: 1;max-width: 100%}
.group_info_slide .nav_slide{display: flex;gap:10px;align-items: center}
.group_info_slide .nav_slide .btn_prev{order:-3}
.group_info_slide .nav_slide .bar_progress{order: -2}
.group_info_slide .nav_slide .wrap_paging{order: -1}
@keyframes progressBar {
  0%   {transform: translateX(-100%)}
  100% {transform: translateX(0)}
}
.group_info_slide .bar_progress{display: none;flex:none;overflow: hidden;position: relative;width: 150px;height:3px;margin:0 10px;border-radius: 2px;background: rgba(255,255,255,.3)}
.group_info_slide .bar_progress:before{position: absolute;top:0;left: 0;width:100%;height:100%;border-radius: 2px;background: #fff;transform: translateX(-100%);animation: progressBar 1 linear forwards;animation-duration: inherit}
.group_info_slide .bar_progress.pause:before{animation-play-state: paused}
.group_info_slide .bar_progress.active:before{content:''}
.group_info_slide .btn_action{flex:none;width: 45px;height: 45px;border-radius: 50%;font-size: 22px;color:#fff;background: rgba(255,255,255,.2)}
.group_info_slide .btn_ctrl{flex:none;display: none;width: 45px;height: 45px;margin-left: 10px;border-radius: 50%;font-size: 22px;color:#fff;background: rgba(255,255,255,.2)}
.group_info_slide .btn_ctrl.on{display: block}
.group_info_slide .wrap_paging{min-width: 40px;font-family: 'SUITE', sans-serif;font-weight: 700;font-size: 16px;line-height: 28px;color:rgba(255,255,255,.8);text-align: right}
.group_info_slide .wrap_paging em{font-weight: 800;font-size: 24px;color:#fff}
/* // -------- section_main1 -------- */

/* -------- section_main2 -------- */
.tab_container{position: relative}
.tab_container .tab_panel{display: none}
.tab_container .tab_panel.on{display: flex;flex-direction: column}
[class*="section_main"] .tit_culture{font-family: 'SUITE', sans-serif;font-weight: 800;font-size: 32px;line-height: 42px;color:#000}
[class*="section_main"] .tit_culture em{font-weight: 800;color:#30A0FD}
[class*="section_main"] .tit_culture .ico_new{display: inline-block;width:23px;height: 23px;margin-left: 2px;background: url(/home/culture/images/main/ico_new.png) 0 0 no-repeat;background-size: cover;vertical-align: top}
.ctrl_slide button{width: 45px;height: 45px;border-radius: 50%;border:1px solid currentColor;font-size: 22px;color:#ddd}/* 슬라이드 제어 버튼 공통(visual 제외) */

.section_main2 .tab_panel2 .ctrl_slide{top:300px}
.section_main2 .tab_panel{flex:1;min-width: 0;max-width: 976px}
.area_culture{margin-right: auto;padding-bottom:40px}
.area_culture .desc_culture{max-width: 360px;padding-top: 10px;font-size: 16px;line-height: 22px;color:#747474}
.area_culture .tab_culture{padding-top: 30px}

/* .section_main2:has(.swiper-wrapper:empty()) */
.section_main2:has(.swiper-wrapper:empty){background: pink}
/* .swiper-wrapper:not(:has(*)){background: pink} */
/* .tab_panel:has(.swiper-wrapper:not(:has(*))){background: pink} */

.list_culture_tab{display: inline-flex;border-radius: 40px;border:2px solid #30A0FD;padding:4px}
.list_culture_tab li{flex:1}
.list_culture_tab a{display: flex;align-items: center;justify-content: center;padding:8px 25px;border-radius: 20px;font-family: 'SUITE', sans-serif;font-weight: 700;font-size:18px;line-height: 24px;color:#747474}
.list_culture_tab [aria-selected="true"]{color:#fff;background: #30A0FD}
.section_main2 .ctrl_slide{display: flex;order:-1}
.swiper.inactive + .ctrl_slide{display: none}
.section_main2 .btn_ctrl{display: none;margin:0 10px}
.section_main2 .btn_ctrl.on{display: block}
.section_main2 .btn_next{order:1}
.wrap_slide_culture{overflow: visible;margin:0;padding-top: 20px}
.wrap_slide_culture a{display: block}
.wrap_slide_culture .wrap_thumb{position: relative;overflow:hidden;padding-top:120.5%;border-radius: 20px}
#wrapSlideCulture2.wrap_slide_culture .wrap_thumb{padding-top: 58.7737%}
#wrapSlideCulture2.wrap_slide_culture{padding-top: 0}
#wrapSlideCulture2.wrap_slide_culture + .ctrl_slide{display: none}
.wrap_slide_culture .wrap_thumb:before{position:absolute;top:0;left:0;right:0;bottom:0;z-index: 10;border-radius: inherit;border:1px solid #ddd;content:''}
.wrap_slide_culture .wrap_thumb img{position: absolute;top:0;left:0;width:100%;height:100%;transition: all .3s;object-fit: cover}
.wrap_slide_culture strong{display: inline-block;overflow:hidden;max-width: 100%;padding: 20px 10px 0 0;font-family: 'SUITE', sans-serif;font-size: 20px;line-height: 26px;color:#000;white-space: nowrap;text-overflow: ellipsis;box-sizing: border-box}
.wrap_slide_culture .txt_date{padding-top: 5px;font-size: 14px;line-height: 17px;color:#747474}
/* // -------- section_main2 -------- */

/* -------- section_main3 -------- */
.area_theme{display: block;padding-top: 10px}
.wrap_slide_theme{flex:1;min-width: 0;border-radius: 20px}
.wrap_slide_theme:after{position: absolute;top:0;left:0;right:0;bottom:0;z-index: 10;border-radius: inherit;border:1px solid #ddd;opacity: .6;pointer-events: none;content:''}
.wrap_slide_theme a{display: block}
.wrap_slide_theme .wrap_thumb{position: relative;padding-top:53.0612%}
.wrap_slide_theme .wrap_thumb img{position: absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;transition: all .9s}
.wrap_slide_theme .wrap_thumb .tag_img{position: absolute;top:15px;left:15px;padding:5px 20px;border-radius: 16px;font-family: 'SUITE', sans-serif;font-weight: 700;font-size:16px;line-height: 22px;color:#fff;background:#30A0FD;opacity: 0;transition: opacity .9s}
.wrap_slide_theme .swiper-slide-active .wrap_thumb .tag_img{opacity: 1}
.area_theme .cont_theme{display: flex;flex-direction: column;flex-wrap: wrap;min-width:0}
.area_theme .tit_theme{display: block;padding-top: 10px;font-family: 'SUITE', sans-serif;font-weight: 800;font-size:20px;line-height: 27px;color:#000}
.area_theme .desc_theme{padding-top: 5px;font-weight: 500;font-size: 16px;line-height: 22px;color: #333}
.area_theme .cont_theme .wrap_paging{display: flex;gap:8px;padding-top: 20px}
.area_theme .cont_theme .wrap_paging button{flex:none;display: flex;overflow: hidden;position: relative;width: 50px;height: 50px;margin:0;border-radius: 50%;opacity: 1}
.area_theme .cont_theme .wrap_paging button img{width: 100%;height: 100%}
.area_theme .cont_theme .wrap_paging button:before{position: absolute;top:0;left: 0;bottom:0;right: 0;background:rgba(0,0,0,.2);content:''}
.area_theme .cont_theme .wrap_paging button:after{display: flex;justify-content: center;align-items: center;position: absolute;top:0;left: 0;right: 0;bottom:0;font-weight: 700;font-size: 16px;line-height: 31px;color:#fff;background:rgba(48,160,253,.8);opacity: 0;transition: opacity .3s;content: '0' attr(data-paging-number)}
.area_theme .cont_theme .wrap_paging [class*="active"]:after{opacity: 1}
.area_theme .tit_tour{display: block;padding-top: 15px;font-weight: 700;font-family: 'SUITE', sans-serif;font-size: 16px;line-height: 21px;color:#000}
.area_theme .tit_tour span{font-family: 'Pretendard', sans-serif;font-weight: 500}
.area_theme .tit_tour em{font-weight: 800;color: #30A0FD}
.area_theme .desc_tour{padding-top: 5px;font-size: 14px;line-height: 20px;color:#747474}
.area_theme .info_theme{display: flex;gap:5px;align-items: center;padding-top: 15px;font-size: 14px;line-height: 19px}
.area_theme .info_theme + .info_theme{padding-top: 5px}
.area_theme .info_theme i{color:#ccc}
.area_theme .txt_tour{color:#747474}
.area_theme .ctrl_slide{display: flex;gap:10px;order:-1;padding-top: 20px}
/* // -------- section_main3 -------- */

/* -------- section_main4 -------- */
.area_munhwa{position: relative;padding-top:10px}
.area_munhwa .ctrl_slide{display: flex;gap:10px;padding-top: 20px}
.area_munhwa .ctrl_slide .btn_prev{left: 0}
.area_munhwa .ctrl_slide .btn_next{right: 0}
.area_munhwa .wrap_thumb{overflow: hidden;position: relative;padding-top: 56.25%;border-radius: 20px}
.area_munhwa .wrap_thumb img,
.area_munhwa .wrap_thumb iframe{position: absolute;top:0;left: 0;width: 100%;height: 100%;transition: all .3s}
.area_munhwa .wrap_thumb:after{position: absolute;top:0;left: 0;right:0;bottom:0;border-radius: inherit;border:1px solid #ddd;opacity: .6;pointer-events: none;content:''}
.area_munhwa strong{display: block;overflow: hidden;padding-top: 10px;font-family: 'SUITE', sans-serif;font-weight: 700;font-size: 20px;line-height: 26px;color:#000;white-space: nowrap;text-overflow: ellipsis}

.popup_vod{display: flex;position:fixed;top:0;left:0;right:0;bottom:0;z-index: 9999;background:rgba(0,0,0,.8);opacity: 0;visibility: hidden;transition: all .3s}
.popup_vod.on{opacity: 1;visibility: visible}
.popup_vod .inner_popup{position: relative;width:800px;max-height: calc(100% - 100px);max-width: calc(100% - 100px);margin: auto;text-align: center;aspect-ratio: 16 / 9}
.popup_vod iframe{width:100%;height: 100%;border:0;vertical-align: top}
.popup_vod .btn_close{position: absolute;top:-16px;left: 100%;padding:10px;font-size:40px;color:#fff}
.popup_vod .btn_close i{pointer-events: none}
/* // -------- section_main4 -------- */

@media
only screen and (min-width: 768px) {
  /* -------- section 공통 -------- */
  [class*="section_main"] + [class*="section_main"]{padding-top: 70px}
  /* // -------- section 공통 -------- */
  
  /* -------- section_main1 -------- */
  .list_quick{gap:40px;justify-content: flex-end;width: auto;margin-left: auto}
  .list_quick li{flex:1 1 auto}
  .list_quick a{font-size: 18px;line-height: 22px}
  .list_quick .ico_comm{width: 60px;height: 60px}
  .group_info_slide{align-items: flex-end;margin-left: auto}
  .group_info_slide .btn_action,
  .group_info_slide .btn_ctrl{width: 55px;height: 55px;font-size: 26px}
  .group_info_slide .wrap_paging{font-size: 18px;line-height: 30px}
  .group_info_slide .wrap_paging em{font-size: 26px}
  /* // -------- section_main1 -------- */

  /* -------- section_main2 -------- */
  .ctrl_slide button{width: 55px;height: 55px;font-size: 26px}/* 슬라이드 제어 버튼 공통(visual 제외) */
  [class*="section_main"] .tit_culture{font-size: 42px;line-height: 57px}

  .wrap_slide_culture{margin:0 20px}
  .wrap_slide_culture li{max-width: 458px}
  /* // -------- section_main2 -------- */
  /* -------- section_main3 -------- */
  .wrap_slide_theme .wrap_thumb .tag_img{top:20px;left: 20px;padding:6px 30px;border-radius: 19px;font-size: 20px;line-height: 26px}
  .area_theme .tit_theme{padding-top: 25px;font-size: 28px;line-height: 35px}
  .area_theme .desc_theme{padding-top: 10px;font-size: 18px;line-height: 24px}
  .area_theme .cont_theme .wrap_paging{gap:12px;padding-top: 30px}
  .area_theme .cont_theme .wrap_paging button{width:60px;height:60px}
  .area_theme .cont_theme .wrap_paging button:after{font-size:20px;line-height:26px}
  .area_theme .tit_tour{padding-top: 20px;font-size: 20px;line-height: 25px}
  .area_theme .desc_tour{padding-top: 10px;font-size: 16px;line-height: 22px}
  .area_theme .info_theme{padding-top: 20px;font-size:16px}
  .area_theme .info_theme + .info_theme{padding-top: 9px}
  /* // -------- section_main3 -------- */

  .wrap_slide_munhwa li{max-width: 482px}
}
@media
only screen and (min-width: 1024px) {
  /* -------- section 공통 -------- */
  [class*="section_main"] + [class*="section_main"]{padding-top: 90px}
  /* // -------- section 공통 -------- */
  
  /* -------- section_main1 -------- */
  .section_main1:before{top:auto;height: 500px;background: linear-gradient(to top,  rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 100%)}
  .section_main1 .inner{flex-direction: column;row-gap:40px;padding-bottom: 40px}
  .list_quick{gap:25px;margin-left: 0}
  .list_quick a:hover,
  .list_quick a:focus{text-decoration: underline}
  .list_quick a:hover .ico_comm,
  .list_quick a:focus .ico_comm{animation: hvr-vertical 1s ease-in-out 1}
  .list_quick .ico_comm{width: 70px;height: 70px}
  .group_info_slide .bar_progress{display: block}
  .group_info_slide .btn_action,
  .group_info_slide .btn_ctrl{width: 65px;height: 65px;font-size: 28px}
  .group_info_slide .wrap_paging{min-width: 50px;font-size: 20px;line-height: 32px}
  .group_info_slide .wrap_paging em{font-size: 28px}
  .group_info_slide .btn_action:hover,
  .group_info_slide .btn_action:focus-visible{background: rgba(255,255,255,.6)}
  .group_info_slide .btn_ctrl:hover,
  .group_info_slide .btn_ctrl:focus-visible{background: rgba(255,255,255,.6)}
  .group_info_slide .tit_slide{font-size: 34px;line-height: 44px}
  .group_info_slide .tit_slide em{font-size: 52px;line-height: 64px}
  /* // -------- section_main1 -------- */

  /* -------- section_main2 -------- */
  [class*="section_main"] .tit_culture .ico_new{width:28px;height: 28px;margin-left: 4px}
  .ctrl_slide button{width: 65px;height: 65px;font-size: 28px}/* 슬라이드 제어 버튼 공통(visual 제외) */
  .ctrl_slide button:hover,
  .ctrl_slide button:focus-visible{color:#898989}

  .section_main2 .tab_panel{max-width: none}
  .wrap_slide_culture li{max-width: 360px}
  /* // -------- section_main2 -------- */

  /* -------- section_main3 -------- */
  .area_theme{padding-top: 20px}
  .wrap_slide_theme a:hover img,
  .wrap_slide_theme a:focus img{transform: scale(1.15)}
  .wrap_slide_theme .wrap_thumb .tag_img{top:30px;left: 30px;padding:9px 43px;border-radius: 24px;font-size: 24px;line-height: 30px}
  .wrap_slide_theme{max-width: 800px;margin-left: 0}
  .area_theme .cont_theme .wrap_paging{padding-top: 48px}
  .area_theme .cont_theme .wrap_paging button{width:72px;height:72px}
  .area_theme .cont_theme .wrap_paging button:after{font-size:26px;line-height:31px}
  /* // -------- section_main3 -------- */
  
  /* -------- section_main4 -------- */
  .area_munhwa{padding-top: 20px}
  .area_munhwa a:hover img,
  .area_munhwa a:focus img{transform: scale(1.1)}
  .area_munhwa strong{padding-top: 20px;font-size: 24px;line-height: 30px}

  .wrap_slide_munhwa li{max-width: 447px}
  
  /* // -------- section_main4 -------- */
}
@media
only screen and (min-width: 1200px) {
  /* -------- section_main2 -------- */
  .area_culture{padding-bottom: calc(40px + 65px)}
  .area_culture .desc_culture{max-width: 460px;font-size: 20px;line-height: 26px}
  .area_culture .tab_culture{padding-top: 40px}
  .list_culture_tab a{min-width:170px;padding:15px 30px;border-radius: 30px;font-size:24px;line-height: 30px}
  .section_main2 .ctrl_slide{position: absolute;bottom:0;left: 0}
  .wrap_slide_culture{overflow: hidden;margin:0;padding-top: 0}
  .wrap_slide_culture a:hover img,
  .wrap_slide_culture a:focus img{transform: scale(1.1)}
  .wrap_slide_culture a:hover strong,
  .wrap_slide_culture a:focus strong{text-decoration: underline}
  .wrap_slide_culture strong{font-size: 24px;line-height: 30px}
  .wrap_slide_culture .txt_date{padding-top: 10px;font-size: 18px;line-height: 21px}
  .wrap_slide_culture li{max-width: 380px}
  /* // -------- section_main2 -------- */
}
@media
only screen and (min-width: 1440px) {
  #mainContent{padding-bottom: 120px}
  
  /* -------- section_main1 -------- */
  .ctrl_slide button{width: 72px;height: 72px;font-size: 30px}/* 슬라이드 제어 버튼 공통(visual 제외) */
  
  .section_main1{height: 940px}
  .section_main1:before{height: 300px}
  .section_main1 .inner{flex-direction: row;padding-bottom: 60px}
  .list_quick{flex-wrap: wrap-reverse;justify-content: flex-start;position: relative;z-index: 10;gap:30px 45px;width: 710px}
  .list_quick li{flex: 0 1 auto}
  .list_quick a{font-size: 15px;line-height: 19px}
  .list_quick .ico_comm{width: 70px;height: 70px}
  .group_info_slide{position: absolute;bottom:60px;right: 20px;padding-left: 20px}
  .group_info_slide .tit_slide{flex-direction: column;font-size: 46px;line-height: 66px}
  .group_info_slide .tit_slide em{font-size: 62px;line-height: 75px}
  .group_info_slide .tit_slide span{padding-left: 180px;text-align: right}
  .group_info_slide .bar_progress{width: 200px}
  .group_info_slide .btn_action,
  .group_info_slide .btn_ctrl{width: 72px;height: 72px;font-size: 30px}
  .area_culture{padding-bottom: calc(40px + 72px)}
  /* // -------- section_main1 -------- */

  /* -------- section_main2 -------- */
  .tab_container{display: flex;gap:40px}
  .wrap_slide_culture li{max-width: 340px}
  /* // -------- section_main2 -------- */

  /* -------- section_main3 -------- */
  .area_theme{display: flex;gap:50px;align-items: flex-start;padding-top: 30px}

  .wrap_slide_theme{flex:0 0 58.33333333%;max-width: none}
  .area_theme .cont_theme{flex:1}
  .area_theme .tit_theme{order:-3;padding-top: 10px}
  .area_theme .desc_theme{order:-2}
  .area_theme .ctrl_slide{padding-top: 20px}
  /* // -------- section_main3 -------- */

  /* -------- section_main4 -------- */
  .area_munhwa{padding-top:30px}
  .area_munhwa .ctrl_slide{padding-top: 0}
  .area_munhwa .ctrl_slide .btn_action{position: absolute;top:50%;z-index: 10;transform: translateY(-50%)}
  /* // -------- section_main4 -------- */

  .wrap_slide_munhwa{margin:0 100px}
  .wrap_slide_munhwa.inactive{margin:0}
  .wrap_slide_munhwa li{max-width: 540px}
}

@media
only screen and (min-width: 1720px) {
  .group_info_slide .tit_slide{flex-direction: row;justify-content: flex-end}
}