/*body, html{font-family: "NanumSquareRoundRoundR";} */
#main{container-type: inline-size;  container-name: size2;position:relative;z-index:2;word-break: keep-all;min-height: 94vh;}
#index .sec,.fw100{display:flex;align-items:center}
.sec{padding:3em 0}
.label:not(.label_icon){font-size: var(--fs1x);}
.m_head{border-bottom: var(--box-border5);text-align: center;padding-bottom: var(--gap2x);}
.m_head_tab{padding-top:var(--gap1x);text-align: center;margin:0 var(--box-pad1)}
/*버튼*/
.btn_box{display: inline-block;}
.btn_box1{padding:var(--box-pad2);border-radius: var(--radius3);border:var(--box-border1);text-decoration: none;}
.btn_box2{padding:var(--box-pad5);border-radius: var(--radius3);border:var(--box-border4);text-decoration: none;background-color: #fff;}
.btn_box2.active{background-color:var(--color1);color:#fff}
.circle_btn{border-radius: 50%;border:var(--box-border1);aspect-ratio: 1;display: flex;align-items: center;justify-content: center;}
.btn_icon_box{border-radius: var(--radius2);border:var(--box-border2);display:flex;align-items: center;justify-content: center;min-width:24px;display:block;text-align: center;padding:0 var(--box-pad1)}
.btn_icon_box:before{content:"+더보기";font-size: var(--fs2);}

#main:has(.content_side) .content_wrap{display: flex;gap:var(--gap2x);padding:var(--gap1x) var(--box-pad2)}
.content_tab{display:flex;white-space: nowrap;flex-direction: column;gap:var(--gap2);position:sticky; top:4em}
.content_tab a{font-size:var(--fs2x);border:var(--box-border2);border-radius: 50px var(--radius3) 50px 50px;background-color:rgba(255,255,255, .5);padding:var(--box-pad2) 2em;color:var(--color7);text-align: center;}
.content_tab a.active, .content_wrap:has(#program1.sel) .content_tab a:nth-child(1), .content_wrap:has(#program2.sel) .content_tab a:nth-child(2), .content_wrap:has(#program3.sel) .content_tab a:nth-child(3){background:rgba(255,255,255, 1) url('/year/111/img/program_tab_bg.png') no-repeat 100% 100%;font-family: var(--strong1);border-color:var(--color1);box-shadow: var(--box-shadow1);}
.content_wrap:has(#program1.sel) .content_tab a:nth-child(1){color:var(--color3); }
.content_wrap:has(#program2.sel) .content_tab a:nth-child(2){color:var(--color1);}
.content_wrap:has(#program3.sel) .content_tab a:nth-child(3){color:var(--color8);}

/*index*/
#index .sec_tit{margin-bottom:2em}
.fw100{gap:var(--gap2x);flex-grow: 1;}
.index_img, .index1{overflow:hidden}
.index1 .fw100>div{flex-grow:1;position: relative;z-index:2;padding:0 var( --box-pad3)}
.index1{background:url('/year/111/img/main_tbg.webp') no-repeat; background-size: cover;min-height:90vh;min-height:90svh;padding-top:15vh;position: relative;font-family:var(--strong1);justify-content: center;padding:5em 0 3em 0}
.index1 .fw100{gap:var(--gap1x)}
.mposter{text-align: center;transition: var(--transition1);}
.mposter img{border-radius: var(--radius2);border:.4em solid #fff;overflow: hidden;box-shadow: var(--box-shadow2);}
.index1 .label{color:var(--color3)}
.mposter_subject .nowrap{font-size: var(--fs5x);}
.mposter_subtit{margin:calc(var(--gap1x)) 0}
.mposter_subtit .nowrap{flex-grow: 1;}
.mposter_text .label{min-width: 4.2em}
.mposter_subject{align-items:flex-start;margin:calc(var(--gap1x)) 0}
.mposter_subject .label{padding-top:calc(var(--fs5x) / 2);}
.index_img_wrap span:before, .index_img_wrap:before,.index_img_wrap span:after, .index_img_wrap:after{content:"";position:absolute;background-size:contain;background-repeat: no-repeat;background-position: 50%;aspect-ratio: 1.06/1;}
.index_img_wrap:before{background-image:url('/year/111/img/m1_2.webp');max-width:657px;width:40vw;right:-6vw;top:0}
.index_img_wrap:after{background-image:url('/year/111/img/m1_3.webp');max-width:504px;width:30vw;right:34vw;bottom:-8vh}
.index_img_wrap span:before{background-image:url('/year/111/img/m1_4.webp');max-width:431px;width:30vw;left:0;top:40vh}
.index_img_wrap span:after{background-image:url('/year/111/img/m1_5.webp');max-width:357px;width:20vw;left:54%;top:5vh}
#main~.index_img_wrap:before{background-image:url('/year/111/img/m1_21.webp');max-width:657px;width:40vw;right:0;top:0;background-position-x: 100%;}
#main~.index_img_wrap:after{background-image:url('/year/111/img/m1_31.webp');max-width:504px;width:22vw;right:0;bottom:-8vh}
#main~.index_img_wrap span:before{background-image:url('/year/111/img/m1_41.webp');max-width:431px;width:30vw;left:0;top:40vh}
#main~.index_img_wrap span:after{background-image:url('/year/111/img/m1_51.webp');max-width:357px;width:20vw;left:54%;top:5vh}
.index_program_wrap>a{position: relative;text-decoration: none;}
.index_program_wrap>a>div{border-radius: 35% 12% 24px 50px;overflow:hidden;border:var(--box-border2);text-align: center;box-shadow: -4px 0 1px rgba(0,0,0,.1);transition: var(--transition1);padding-bottom:3em}
.index_program_wrap>a>div, .index_program_wrap>a>div .content_wrap{display: flex;flex-direction: column;justify-content: space-between;}
.index_program_wrap>a>div .content_wrap{padding:var(--gap1x) var(--gap2x);gap:var(--gap1x)}
.index_program_wrap>a>div .tit{font-size:var(--fs5x);font-family: var(--strong1);}
.index_program_wrap .box1 .tit{color:var(--color3)}
.index_program_wrap .box2 .tit{color:var(--color1)}
.index_program_wrap .box3 .tit{color:var(--color8)}
.index_program_wrap>a>div .img{border-radius:0 0 52% 0;overflow: hidden;}
.index_program_wrap>a>div .img img{object-fit: cover;width:100%;height:100%}
.index_program_wrap>a>div:after{content:">";position:absolute;width:4em;max-width:92px;background-repeat: no-repeat;background-position:50%;background-size:contain;transform:translate(-50%, 1em);left:50%;bottom:0;aspect-ratio: 1;display: flex;align-items: center;justify-content: center;color:#fff;filter: opacity(.5);transition: var(--transition1);min-width:60px}
.box1:after{background-image:url('/year/111/img/main_p1.png')}
.box2:after{background-image:url('/year/111/img/main_p2.png')}
.box3:after{background-image:url('/year/111/img/main_p3.png')}
.index_program_wrap>a>div:hover{border:var(--box-border1);box-shadow: 0 0 20px rgba(0,0,0,.1);}
.index_program_wrap>a>div:hover:after{filter: opacity(1);}
.tag{display:flex;gap:var(--gap1);flex-wrap: wrap;font-size:var(--fs8x)}
.index2 .tag{justify-content: center;}
.index3{background:url(/year/111/img/main_vbg.webp) no-repeat 50%;background-size: cover;}
.sec_tit{text-align: center}
.sec_tit2{display:flex;justify-content: space-between;align-items: center;margin-bottom: 1em;}
h2, .im_text{font-size:var(--fs5x);word-break: keep-all;line-height: 1.2;}
.im_text_info{font-size:var(--fs4x)}
h2 em{color:var(--color1)}
.sec_tit_sub{color:var(--color7)}
.index3 .fw100{gap:var(--gap1x);}
.popup2{display: none;flex-direction: column;background-color: #e9f4e7;max-height: 94vh}
.popup2 .pop_con{overflow: auto;flex-grow: 1;background-color:#fff;border-radius: var(--radius2);box-shadow: var(--box-shadow1);padding:var(--gap1x);height:calc(calc(90vh - 100px) - 2em)}
.popup .pop_con .point{font-size: var(--fs3x);line-height: 1.1;font-family: var(--strong1);color:var(--color3)}
.popup2 .pop_con p{margin:1em 0}
/*슬라이드*/
.slide{position: relative;}
.slide .silde_btn button{width:40px;height: 40px;position: absolute;z-index: 2}
.slide_con{display: flex;align-items: center;gap:var(--gap1x)}
.vslide{max-width:360px;width:24%;}
.vslide .slide_con{flex-direction: column;width:100%;overflow:auto;aspect-ratio: 1/1.96;}
.video_wrap{flex-grow: 1;}
.swiper-slide{border-radius: var(--radius3);overflow:hidden;line-height: 0;border:var(--box-border2)}
.video_wrap iframe{aspect-ratio: 16/9;height:100%;display: none;}
.video_wrap .swiper-slide.swiper-slide-active iframe{display: block;}
/*.video_wrap .swiper-slide.swiper-slide-active.on img{display: none;}*/
.video_iframe_box:has(iframe){position: absolute;left:0;top:0;right:0;bottom:0;z-index: 2}
.vslide .slide a{border-radius: var(--radius3);overflow: hidden;flex-shrink: 0;border:var(--box-border2)}
.vslide .slide_con a{height: 31%;}
.slide a img {object-fit: cover;width:100%;height:100%;}
.sponsor.slide a img{max-height: 30px;}

.sponsor a, .sponsor span{margin:var(--gap2)}
.vslide .silde_btn button{background-color: #edf6ec;border-radius: 50%;padding:var(--box-pad1);left:calc(50% - 20px)}
.vslide .prev{top:-20px}
.vslide .next{bottom:-20px}
.won_link{flex-grow: 1;display: flex;justify-content: flex-end;gap:var(--gap2x)}
.won_link a{display:flex;align-items: center;gap:var(--gap2);min-width: 20%;}
.won_link a span:before{content:"원불교";display: block;font-size: var(--fs1x)}
.won_link a:before{content:"";display:inline-block;width:66px;aspect-ratio: 1;background:var(--img1);background-position-y:-42px;}
.won_link .woninstagram:before{background-position-x:-70px;}
.won_link .wonyoutube:before{background-position-x:-138px;}
.host p{display: flex;align-items: center;gap:var(--gap2);margin-bottom:var(--box-pad1);font-family: var(--strong1);}
.host .label{color:var(--color9)}
.index5 .label_icon:before,.host p:before{content:"";display:inline-block;width:1em;background:var(--img1);width:28px;height:28px}
.index5{background:#6acad2;overflow: hidden;}
.index5 .label_icon{color:#fff;display: flex;align-items: center;gap:var(--gap2);align-self: flex-start;}
.hslide{flex-grow: 1;} 
.hslide .slide_con{display: flex;overflow:auto;}
.hslide .slide_con a{max-width:20%;border-radius: var(--radius2);padding:var(--box-pad2);background-color:#fff}
.sponsor:after{content:"";position:absolute;right:0;top:0;bottom:0;z-index:2;width:60px;background: linear-gradient(to left, rgba(106, 202, 210, 1) 0%, rgba(106, 202, 210, 0) 50%);}
.sponsor .silde_btn{position:absolute;right:0;top:calc(var(--gap1x) * -1);display: flex;gap:var(--gap1)}
.sponsor .silde_btn button,.sponsor .silde_btn>div{position: static;border:1px solid #fff;padding:var(--box-pad1);border-radius: var(--radius2);width:32px;height: 32px;}
.sponsor .silde_btn button svg{filter: invert(1) contrast(2);}
.swiper-pagination-bullet{display: none !important;}
.slide a{line-height: 0;}
.index5 .label_icon{font-size: var(--fs2x);}
.index4, .index5{padding:3em 0}
.index5 .fw100{flex-wrap: nowrap;}
.sponsor.slide .silde_btn button{width:30px;height:30px}
.swiper-pagination {display: none;}
@keyframes size_shadow {
  0 {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
   
  }
}
@keyframes size_shadow2 {
  0 {
    opacity: 0;
  }
  100% {
    opacity: 1;
    margin-top:20px
  }
}
@keyframes size_shadow3 {
  0 {
    transform:translateY(10%)
  }
  50% {
    transform:translateY(0)
  }
  100% {
    transform:translateY(10%)
  }
}
.about1:after{
  opacity: 0;
  animation: size_shadow2 2s ease-in-out  both;
}
.sec.sel .sec_con_l{ 
  opacity: 0;
  animation: size_shadow2 1s   ease-in-out both;animation-delay: .5s;}
.sec.sel .sec_con_r{
   opacity: 0;
  animation: size_shadow2 1s   ease-in-out both;animation-delay: 1s;
}

.index_img_wrap:before{
  opacity: 0;
    animation: size_shadow 2s infinite  ease-in-out both;animation-delay: 1.5s;
}
.index_img_wrap:after{
  transform:translateY(10%);
  animation: size_shadow3 1.5s infinite ease-in-out both;animation-delay: .5s;
}
.index_img_wrap span:before{
  opacity: 0;
  animation: size_shadow 2s infinite ease-in-out both;animation-delay: 2s
}
.index_img_wrap span:after{
  opacity: 0;
  animation: size_shadow 2s infinite ease-in-out both;animation-delay:2.5s
}
/*의미*/
#about .sec:not(.about3){min-height:100svh;}
#about .sec.about3{min-height:60vh;}
#about .sec{background-size: cover;justify-content: center;overflow: hidden;background-position: 100% 100%;position: relative;align-items: center;}
.about1{background-image: url('/year/111/img/about2.webp');}
.about2{background-image: url('/year/111/img/about3.webp');}
.about3{background-image: url('/year/111/img/about4.webp');}
#about #main .size{position: relative;z-index: 2;justify-content: center;padding:10vh}
.about1:after, .about3:after{content:"";position: absolute;background-repeat:no-repeat;background-position: 100% 50%;background-size: contain;}
.about1:after{max-width:551px;aspect-ratio:0.89/1;max-height:80vh;width:80%;background-image:url("/year/111/img/about1.webp");transform:translate(-50%,-54%);left:52%;top:54%;background-position-x:50%}
.about3:after{max-width:438px;aspect-ratio:0.78/1;max-height:50vh;width:60%;background-image:url("/year/111/img/about6.webp");right:40%;top:40%;}
.im_text{font-size:3.8vw;font-family: var(--strong1);text-shadow: 0 0 4px rgba(255,255,255,1);position: relative}
.im_text_dic{font-size: var(--fs6);opacity: 0;transition: var(--transition1);}
.im_text_dic.on{display: block;opacity: 1;}
.about1 .sec_con_l{align-self: flex-start}
.about1 .sec_con_r{align-self: flex-end;opacity: 0;}
.sec_con_l{flex-grow: 1;opacity: 0;}
.about1.fw100{align-items: normal;}
.about2 .dic_text strong{background-color: #fff;border-radius: var(--radius1);}   
.dic_text1{font-size:var(--fs3x);font-family: var(--strong1);margin:var(--gap1x) 0}
.about3 .im_text  span:before, .about3 .im_text  span:after{content:'';background:url('/year/111/img/about5.png') no-repeat 50%;background-size: contain;width:72px;aspect-ratio: 1.33/1;position:absolute;margin-left:-0.4em;margin-top:-.2em}
.im_text span:after{bottom:0;transform: rotate(180deg);}
.about3 .circle_btn{position:absolute;width: 8em;border-color: var(--color6);right:var(--box-pad2);top:0;background-color: rgba(255,255,255,.8);}
  
/*봉축행사*/
.sec_tit3{display: flex;gap:var(--gap1x);padding:var(--box-pad4) 0;border-bottom: var(--box-border4);box-shadow: var(--box-shadow4);}
.sec_tit3 h3{font-size: var(--fs4x);flex-shrink: 0;}
#program1 .sec_tit3 h3{color:var(--color3)}
#program2 .sec_tit3 h3{color:var(--color1)}
#program3 .sec_tit3 h3{color:var(--color8)}
.sec_tit3_sub{flex-grow: 1;}
.program_info{display: flex;gap:var(--gap2);overflow:hidden;border-radius: var(--radius4) ;border:var(--box-border4);position: relative;backdrop-filter: blur(20px);    -webkit-backdrop-filter: blur(20px);transition: var(--transition1)}
.program_info_wrap{border-radius: var(--radius4) ;border:var(--box-border4);position: relative;backdrop-filter: blur(20px);    -webkit-backdrop-filter: blur(20px);transition: var(--transition1);display: flex;gap:var(--gap2);flex-direction: column;overflow: hidden;background-color:var(--color12);padding-bottom:var(--gap2)}
.program_info_wrap .program_info{border:none;border-bottom:var(--box-border6);box-shadow:none;margin:0 var(--gap2);background-color: #fff;}
.program_info_wrap>h4{font-size: var(--fs2x);background-color: var(--color8);padding:var(--gap1x) var(--box-pad2);text-align: center;color:#fff}
.info_img{border-radius: var(--radius4);overflow: hidden;line-height: 0;}
#program .info_img img{object-fit: cover;width:100%;height:100%}
.info_tit h4{display: flex;flex-direction: column;font-size:var(--fs3x)}
.info_tit:before{display:inline-block;color:#fff;border-radius: 50px;flex-grow: 0;font-weight: normal;padding:0 var(--box-pad1);margin-bottom:var(--box-pad1);margin-top:calc(var(--fs1) * -1)}
#now .info_tit:before,.w_list .info_tit:before{font-size: var(--fs1);}
.program1 .info_tit:before,#program1 .info_tit:before{content:"법잔치";background-color: var(--color6);}
.program2 .info_tit:before,#program2 .info_tit:before{content:"은혜잔치";background-color: var(--color1);}
.program3 .info_tit:before,#program3 .info_tit:before{content:"놀이잔치";background-color: var(--color8);}
.info_img, .info_tit{flex:0 0 auto}
#program .info_img img{width: 100%;}
.w_list .info_img{width:24%;align-self: stretch;}
.w_list .info_tit{width:30%;background:url('/year/111/img/program_list_bg.png') no-repeat 100% 5vmin;}
#download .w_list .info_tit{background:none}
.info_detail{flex-grow: 1;}
#program .info_detail{display: flex;flex-direction: column;justify-content: center;gap: var(--gap1);}
.info_detail p{display: flex;gap: var(--gap2);}
.info_detail div:nth-of-type(1){padding-bottom:var(--box-pad2);margin-bottom:var(--box-pad2);}
.info_detail_box{position: relative;}
.info_detail_box a{border:none;background-color: var(--color11);}
.info_detail p.info_host{font-size: var(--fs8x)}
.info_detail p.info_host strong{margin-top:2px}
.info_detail p strong{font-size: var(--fs2);color: var(--color1);white-space: nowrap;margin-top:4px}
.detail_tit{font-family: var(--strong1);background-color:#e5fba2;border-radius: var(--radius3);padding:var(--box-pad1) var(--gap1x);color:var(--color4);margin-bottom: var(--box-pad1);border-bottom: var(--box-border5);}
.info_tit,.info_detail{padding:var(--gap2x) var(--gap1x) }
.now_date{color:var(--color4)}
.program_list{display: flex;flex-direction:column;gap: var(--gap1x);padding:var(--gap1x) 0}
.info_detail p.summary{font-size: var(--fs2);display: none;}
.info_conbox{display: flex;flex-grow: 1;}
.program_info .btn_icon_box{position: absolute;right:0;bottom: 0;}
#now .program_list{flex-direction: row;justify-content:center;flex-wrap: wrap;gap:var(--gap2x) var(--gap2x);margin-top:var(--gap2x)}
#now .info_conbox, #now .program_info{flex-direction: column}
#now .program_info{width: 30%;}
#now .tag{padding-bottom:var(--gap2x)}
.update{font-size: var(--fs1x);color:var(--color7)}
#now .info_tit{padding-bottom: var(--gap1x);}
#now .info_tit+.tag{padding-left:var(--gap1x);padding-right:var(--gap1x)}
#now a,#now a .btn_icon_box{transition: var(--transition1)}
.program_info>a:hover .btn_icon_box{left:0;top:0;background-color:rgba(0,0,0,.2);display: flex;align-items: center;width:auto;color: #fff;font-size: var(--fs5x);height:100%;aspect-ratio: inherit;}
.program_info:has(>a:hover){box-shadow: var(--box-shadow1);}
#program1, #program2, #program3,#download1,#download2,#download3,#download4,#download5,#download6,#download7,#download8,#download9,#download10,#download11{scroll-margin-top: 120px;}
.content_wrap:has(.d1.sel) .content_tab a.down1,.content_wrap:has(.d2.sel) .content_tab a.down2,.content_wrap:has(.d3.sel) .content_tab a.down3,.content_wrap:has(.d4.sel) .content_tab a.down4,.content_wrap:has(.d5.sel) .content_tab a.down5,.content_wrap:has(.d6.sel) .content_tab a.down6,.content_wrap:has(.d7.sel) .content_tab a.down7,.content_wrap:has(.d8.sel) .content_tab a.down8,.content_wrap:has(.d9.sel) .content_tab a.down9,.content_wrap:has(.d10.sel) .content_tab a.down10{background:rgba(255,255,255, 1) url('/year/111/img/program_tab_bg.png') no-repeat 100% 100%;font-family: var(--strong1);border-color:var(--color1);box-shadow: var(--box-shadow1);color:var(--color1)}
.program_list:has(.d1.sel) .d1,.program_list:has(.d2.sel) .d2,.program_list:has(.d3.sel) .d3,.program_list:has(.d4.sel) .d4,.program_list:has(.d15.sel) .d5,.program_list:has(.d6.sel) .d6,.program_list:has(.d7.sel) .d7,.program_list:has(.d8.sel) .d8,.program_list:has(.d9.sel) .d9,.program_list:has(.d10.sel) .d10{ /*box-shadow: var(--box-shadow2);*/}
  .m_menu_close2{padding:var(--box-pad2);border-radius:var(--radius1);border:var(--box-border2);}
/*공지사항*/ 
#news .board_iframe{width:100%;height:calc(calc(100vh - 5em) - 24px);margin:0;padding:0;border: 0;}
/*경축사*/
.bupmun_wrap{border-radius: var(--radius3);background:#fff;box-shadow: var(--box-shadow1);width: 100%;flex-grow: 1;padding:var(--gap1x)}
  #message .lang, #message .btn_typing{padding: var(--box-pad4);}
 .bupmun{background:url('/year/111/img/message3.png') repeat-y;background-size: 100%;position: relative;padding:4em}
 .bupmun:before, .bupmun:after{content:"";position:absolute;left:0;right:0;height:100px;background-size: 100%;background-repeat: no-repeat;}
.bupmun:before{background-image: url('/year/111/img/message2.jpg');top:0}
.bupmun:after{background-image: url('/year/111/img/message4.jpg');bottom:0;background-position: 0 100%;}
.bup_text, .sec_tit{position: relative;z-index: 2;}
.bup_text>p{text-indent: 1em;font-size: var(--fs2x);line-height: 1.8;word-wrap: break-word;}
p{line-height: 1.5;}
.p_para{margin-top:1em}
.p_center{text-align: center;}
.bup_copy{text-align: center;margin:var(--gap1x) 0;line-height: 1.4;font-size: var(--fs3x);}
.bupmun .sec_tit{margin-bottom:var(--gap2x)}
#message .content_wrap {align-items: flex-start;gap:var(--gap1x) !important}
.btn_dic{font-size: var(--fs1x);margin:var(--box-pad1) 0;color:var(--color7)}
.btn_tit{font-size: var(--fs3x);font-family: var(--strong1);line-height: 1.1;}
.btn_tit em{color:var(--color6)}
.btn_tit small{display: block;font-family: 'Pretendard-Regular';}
#message .content_side{min-width:168px;position: sticky; top:74px}
.btn_typing,.lang_list a{display: block;}
.lang_list a:active{background-color:var(--color7);color:#fff}
.lang>label{font-size: var(--fs2);border-left:3px solid var(--color6);padding-left:var(--box-pad1);font-weight:var(--strong1);color: var(--color7);}
.lang{display: flex;flex-direction: column;gap: var(--gap1);background-color: #fff;}
.btn_typing{margin-top: var(--box-pad2);}
.lang_list{border:var(--box-border2);border-radius: var(--radius1);box-shadow: var(--box-shadow1);position: absolute;left:var(--box-pad3);right:var(--box-pad3);background-color: #fff;display: none;}
 .active+.lang_list{display: block;top:calc(4em - 6px);border-radius: var(--radius3);overflow: hidden;}
  .lang_list .active{font-family: var(--strong1);background-color: var(--color11);}
.lang_list a{padding:var(--box-pad2);border-bottom: var(--box-border6);}
.lang_sel,.pdf_down{padding:var(--box-pad1) var(--box-pad2);border: var(--box-border2);border-radius: var(--radius1);}
.pdf_down{background-color: #f6f6f6;}
.pdf_down:before{content:"";width:24px;height: 24px;background:var(--img1);background-position: -36px 0;}
.btn_fw100, .btn2_fw100{display: flex;align-items: center;}
.btn_fw100{justify-content: space-between;}
.btn2_fw100{justify-content: center;gap:var(--gap1)}
.lang_sel:after{content:"▼";font-size: var(--fs1x);color:var(--color7);height:24px}
.lang_sel.active{background-color:var(--bcolor2);color:#fff;border: var(--box-border6);}
.lang_sel.active:after{content:"▲"}
#message .btn_typing{background:#f9f7f6 url('/year/111/img/btn_typing_bg.jpg') no-repeat 100% 0;padding-top:4em}
.btn_go{border-top: var(--box-border2);padding-top: var(--box-pad2);}
.btn_go:after{content:">";color: var(--color7);}

/*자료실*/
#download .program_list{flex-direction: row;flex-wrap: wrap;flex-grow: 1;justify-content: space-around;position: relative;padding-top:var(--gap1x);padding-top: 2em;justify-content: flex-start;}
#download .program_info{flex-direction: column;padding:2em var(--gap1x);gap:var(--gap1x);width: 48%;justify-content: space-around;border-radius: var(--radius3)}
#download .program_info.w100{width:100%}
#download .program_info.oneline{margin-right:10%}
#download .program_info>div{width: 100%;padding:0 ;text-align: center;}
#download .info_img{border-radius: var(--radius3)}
#download .info_img img{max-height:400px;border-radius: var(--radius2);}
.info_text p{text-align: left;font-size: var(--fs2);}
#download .info_detail{display: flex;align-items:flex-end;justify-content: center;gap:var(--gap2)}
#download .info_detail{flex:0 0 auto}
.btn_download:before{content:"";display: inline-block;width:24px;height:24px;background:url('/year/111/img/download_icon.png') no-repeat 50%;background-size: contain;margin-right:var(--box-pad1)}
.btn_download small{color:var(--color7)}
#download .content_tab a:nth-child(1).active{color:var(--color1);}
#download .info_tit h4{justify-content: center;align-items: center;}
#download .info_tit h4 small{font-weight: normal;font-size: var(--fs2);color:var(--color7)}
#download .program_info100{width:100%}
.li_style_on li{list-style:disc;margin-left:1.25em;line-height: 1.4;}
.data_info_text{display:flex;text-align: center;gap:var(--gap1x);flex-wrap: wrap;}
.data_info_text li{padding:.5em .25em;background-color:#fff;outline:var(--box-border5);border-radius:12px;flex:1 0 calc(25% - 1em);min-width:150px;font-size: var(--fs2);}
.data_info_text li>span{display:block;padding:.4em 0;font-size:var(--fs2x)}
.popup div.pop_con{background-color: transparent;box-shadow: none;}
.popup .pop_con h4{margin:var(--box-pad2) 0}
.btn_down_pop{position: absolute;text-decoration: underline;right:0;top:0}
/*#index:has(.sec:not(.index3)) .index4{padding-top:0}
#index:has(.sec:not(.index3)) .index4 .size{background-color:var(--color12);padding:2em;border-radius: var(--radius3);}*/
.bup_day{font-size: var(--fs2);padding:var(--box-pad1);border-radius: var(--radius3);border:var(--box-border2);margin:var(--box-pad1) 0;background-color: var(--color11);display: inline-block;color:var(--color5)}
@container size2 (min-width: 1921px) {
  .im_text{font-size:5em}
}
@container size2 (max-width: 1200px) {
  #index:has(:not(.index3)) .index4 .size{border-radius: 0;}
}

@container size2 (min-width: 1001px) {
.index1{font-size: var(--fs4x);border-radius: 0 0 200px  200px}
.index4>div{font-size:var(--fs2x);}
.info_tit{padding-top:calc(var(--gap2x) - var(--fs3))}
.side_link{width:168px}
 #message .lang, #message .btn_typing{border-radius: var(--radius3);box-shadow: var(--box-shadow1);}
}
@container size2 (min-width: 601px) {
.info_tit{padding-top:calc(var(--gap2x) - var(--fs3))}
.w_list .program_info{align-items: center;}

}

@container size2 (max-width: 1000px) and (min-width: 601px) {
  .index1{font-size: var(--fs3x)}
  .index_program_wrap>a>div:after{position: static;flex-shrink: 0;align-self:flex-start}
  .index_program_wrap>a>div{border-radius:10px;flex-direction: row;padding:0}
  .index_program_wrap>a>div .img{max-width: 32vw;}
  
    .index_program_wrap>a>div .content_wrap{flex-grow: 1;text-align: left;padding:var(--gap2x) var(--gap2x) var(--gap2x) 0;justify-content: center;}
  .index_program_wrap>a>div, .index_program_wrap>a>div .content_wrap{gap:var(--gap1x)}
  .index_program_wrap>a>div:after{transform:translate(-25%, 1em)}
  .index2 .tag{justify-content: flex-start;}
  .content_tab a{padding:var(--box-pad2) 0}
  .program_info{border-radius: var(--radius3);}
  #download .info_detail a{font-size:var(--fs6)}
  } 


  /*슬라이드*/
  iframe{width:100%;padding:0;margin:0;overflow:hidden;border: 0;}
  .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
.video_wrap .swiper-slide{aspect-ratio: 16/9;}

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }


    .swiper {
      width: 100%;
     
      margin-left: auto;
      margin-right: auto;
    }
    .vslide .swiper{
       /* height: 560px;*/
        aspect-ratio: 1/1.9;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
    }
    .swiper-wrapper{
      max-width:560px
      
    }


    .mySwiper {
  
      box-sizing: border-box;
      padding: 10px 0;
    }

    .mySwiper .swiper-slide {
      /*width: 25%;*/
      height: 100%;
      opacity: 0.4;
      border-radius: var(--radius3);overflow: hidden;flex-shrink: 0;border:var(--box-border2);
      cursor: pointer;

    }

    .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
      border:var(--box-border8);
      box-shadow: var(--box-shadow1);
    }
  .none_video{
     pointer-events: none; /* 슬라이드 내 링크 클릭 막기 */
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

       .swiper.mySwiper3 {
      width: 100%;
      height: 140px;
      margin-left: auto;
      margin-right: auto;
    }

    .mySwiper3  .swiper-slide {
      text-align: center;
      font-size:var(--fs2);
       /* Center slide text vertically */
      box-shadow: none;
      display: flex;
      background:#fff url("/year/111/img/sponsor/bg.jpg") no-repeat 50% 50%;background-size: auto 30px;}
    }
    .mySwiper3  .swiper-slide a,  .mySwiper3  .swiper-slide span{
      height:100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }    
    .mySwiper3 .swiper-slide img{object-fit: contain;max-height: 30px;}
      .now_program img{border-radius: var(--radius2);}
@container size1 (max-width: 1000px) and (min-width: 600px) {
       .active+.lang_list{top:calc(5em)}
}      
@container size1 (max-width: 1000px) {
   .index_program_wrap>a>div .content_wrap{padding:var(--gap2x)}
  .info_img{border-radius: var(--radius2);}
  .vslide .swiper{aspect-ratio: inherit;}
  .vslide{width: 100%;max-width: none;}
  #index .sec,.fw100{flex-wrap: wrap;justify-content: center;}
  .mposter_text p{text-align: center;}
  .mposter img{max-height: 50vh;}
  .index_program_wrap{flex-direction: column;align-items: normal;gap:2em !important}
  .index_program_wrap>a>div .tit{font-size:var(--fs4x)}
  
  .index1{border-radius: 0 0 100px  100px;}
  .fw100{gap:var(--gap1x)}  
  .won_link a{flex-direction: column;text-align: center;}
  .hslide .slide_con a{max-width:30%}
  .im_text{font-size:9vmin}
    .about2{background-position-x: 60% !important;} 
  .about3:after{top:auto;bottom:0;right:0;left:auto}
  .content_tab a{padding:var(--box-pad2)}
  #main:has(.content_side) .content_wrap{gap:var(--gap1x);}
  .sec_tit3{display: block;}
  .sec_tit3 h3{margin-bottom: var(--box-pad1);}
  #now .program_list{gap:var(--gap1x) var(--gap1x)}
  #now .program_info{width: 45%;}
  #message #main .content_wrap{flex-direction: column-reverse;gap: var(--gap1x);}
  #message .btn_dic{display: none;}
  #message .lang{flex-direction: row;align-items: center;flex-grow: 1;padding: var(--gap1x)}
  #message .content_side{display: flex;box-shadow: var(--box-shadow1);background-color: #fff;margin:var(--gap2x) auto;position: relative;top:0;z-index: 3;}
  #message .btn_typing{padding: var(--gap1x) 4em var(--gap1x) var(--gap1x);margin-top:var(--box-pad1);background-color: #f9f8f6;border-radius: var(--radius2);background-size: 60%;background-position: 110% -30%;}
  .lang_sel{flex-grow: 1;}
  .btn_go{justify-content: flex-start;gap:var(--gap1)}
  .lang{flex-wrap: wrap;}
  .lang label{width: 100%;}
  .btn_down_pop , #download .content_tab a{font-size: var(--fs2);}

   #download .info_detail{gap:var(--box-pad1) }
  #download .program_list{justify-content: center;}
  .btn_download:before{width: 12px;}
  .sec_tit2{justify-content: center;}
  .about1 .size{flex-wrap: nowrap;}
   .active+.lang_list{display: block;}
   #news #main.sec{padding-top:4em}
   .btn_tit{font-size: var(--fs2x);padding-bottom: var(--box-pad1);}
  } 
@container size1 (max-width: 800px) {
.sec_con_r{flex-grow: 1;}
.about1 .size{flex-direction: column;}

}
@container size1 (max-width: 600px) {
    .now_program .pcenter, .popup .pop_con p:has(img){white-space: normal;line-height: 1.4 !important;}
    #download .program_info{flex-grow: 1;}
.program_list{gap: var(--gap2x);padding:var(--gap2x) 0}
.top_btn{width: 40px;height:40px;}
.swiper-wrapper{max-width:90vw}
.about2 .dic_text_wrap{width: 90%;}
.index_img_wrap:after{bottom:0;right:0}
.detail{font-size:.9em}  
.index_program_wrap>a>div{padding-bottom: 2.4em;}
.index_program_wrap>a>div .img{height:200px}
.index_program_wrap>a>div{border-radius:20px 20px 10px 50px}
.sec_tit2{flex-direction: column;}
.vslide{max-width: none;width:auto;}
.vslide .slide_con{flex-direction: row;gap:var(--gap2)}
.index3 .fw100{flex-direction: column;flex-wrap: nowrap;}
.vslide .slide_con a{height: auto;width: 30%;min-width:32vw}
.vslide .slide_con{aspect-ratio: inherit;}
.vslide .silde_btn button{left:auto;top:calc(50% - 20px)}
.vslide .silde_btn button.prev{top:calc(50% - 20px);left:-10px;transform: rotate(-90deg);}
.vslide .silde_btn button.next{right:-10px;transform: rotate(-90deg)}
.index4>div{font-size:1em}
.index5 .size{flex-wrap: nowrap;flex-direction: column;}
.sponsor .silde_btn{top:calc(var(--gap2x) * -1)}
.won_link{justify-content: center;gap:var(--gap1x)}
.hslide .slide_con{gap:var(--gap2)}
.index5 h2.label_icon:before{display: none;}
.sec_tit2{text-align: center;}
h2{font-size: var(--fs4x);}
.vslide .slide_con:after{content:"";position:absolute;right:0;top:0;bottom:0;width:60px;background: linear-gradient(to left, rgba(240, 247, 235, 1) 0%, rgba(240, 247, 235, 0) 50%);}
.sponsor.hslide .slide_con a{min-width:30%;max-width: fit-content}
.sec.sel .sec_con_r{max-width: 84vw;font-size: var(--fs6);}
.im_text{font-size:9vmin}
#about .im_text_info{font-size: var(--fs2x);}
.about1:after{width:100%;transform: translate(-54%, -45%);}
.about1.sec{padding-bottom: 2em;}
.about3 .circle_btn{width: 6em;top:2em}
#about #main .size{position: static;word-break: keep-all;}
.about3:after{bottom:0;right:-10%}
.content_tab{white-space: normal;font-size: var(--fs2);}
.info_tit, .info_detail{padding:0}
.info_conbox{flex-direction: column;padding:0 var(--gap2x) calc(var(--gap2x) * 2) var(--gap2x);gap:var(--gap2x)}
.info_conbox .info_tit{width:100%}
.w_list .info_img{width:100%;}
#program .w_list .info_img{height:180px}
.info_tit{background-position:98% 50%}
.program_info{flex-direction: column;border-radius: var(--radius2) 2em var(--radius2) 2em;}
#now .program_info{width:98%;}
#now .info_tit{padding-top:var(--gap1x)}
#now .program_list{margin-top: 0;}
.btn_dic{display: none;}
.btn_tit.nowrap{white-space:pre-line;}
#message .btn_typing{padding-right:var(--gap1x);min-width: 120px;}
.bupmun{padding:2em}
.bup_text>p,.im_text_info, .bup_copy{font-size:inherit;}
#download .content_tab{white-space: nowrap}
#download #main:has(.content_side) .content_wrap{gap:var(--gap2)}
.pdf_down{width: 100%;}
.btn_download{width:100%;border:var(--box-border2)}
#download .info_detail{flex-direction: column;text-align: left;}
#download .info_detail a{display: flex;justify-content: space-between;background-color: #fff;align-items: center;}
.btn_download:before{order:3;flex-grow:1;background-position-x:100%}
.w_list .info_tit{background:url('/year/111/img/program_list_bg.png') no-repeat 100% calc(var(--gap1x) + 4px)}
.content_tab{top:5em}

.content_tab{height:calc(98vh - 5em);overflow: auto;}
#download .program_info.oneline{margin-right:0}
.pop_header{font-size:12px}
.popup2 .pop_header{font-size:var(--fs3)}

.won_link a{font-size: var(--fs2)}
.now_date{font-size: var(--fs2)}
h2, .im_text:not(.big_font){font-size: var(--fs4x);} 
#program1, #program2, #program3,#download1,#download2,#download3,#download4,#download5,#download6,#download7,#download8,#download9,#download10,#download11{scroll-margin-top: 120px;}
#download .info_img img{max-width: 100%;}
.sec_tit_sub{font-size: var(--fs2);}
.sec_tit3_sub{font-size:var(--fs6);}
#about #main .size{padding:6vh 6vmin}
.about3 .im_text span:before, .about3 .im_text span:after{width: 32px;}
.content_tab a{box-shadow: none !important;}
.program_info_wrap{gap:var(--gap2x)}
#download .program_info{background-color: var(--color11);border:none}
.index_program_wrap>a>div .content_wrap{gap:var(--gap2x)}
.dic_text1{font-size: var(--fs3);}
}


@media  (orientation: portrait) {/*  세로모드 CSS */
  .about1:after{width:65%;transform: translate(0, -30%);}
  #about #main .size{flex-direction: column;align-items: flex-start;}
  .about1 .sec_con_r{align-self: flex-start;}
  }


@media (max-height:740px) and (orientation: landscape) {/*  가로모드 css */
	  .about1:after{width:65%;transform: translate(0, -42%);}
    #about #main .size{flex-direction: column;align-items: flex-start;}
    .about1 .sec_con_r{align-self: flex-start;}
    .dic_text1{font-size: var(--fs3);}
}