.inner{width:160rem;margin:0 auto;}
body:has(#container) {font-size: 1.6rem;}

/* =========================
   COMMON CONTROL BUTTON
========================= */
.c_btn_control{display:flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;padding:0;border:.2rem solid #eee;border-radius:1.8rem;box-sizing:border-box;background:#fff;cursor:pointer;transition:border-color .3s ease;}
.c_btn_control:hover{border-color:#343434;}
.c_btn_control i::before,.c_btn_control::before{transition:filter .3s ease;}
.c_btn_control:hover i::before,.c_btn_control:hover::before{filter:brightness(0);}
.c_btn_control:focus-visible{outline:.2rem solid #222;outline-offset:.2rem;}
/* =========================
   COMMON SECTION TITLE
========================= */
.c_section_title h2,.c_section_title.news_title{margin:0;font-size:3.6rem;font-weight:700;line-height:1.2;color:#222;}
.c_section_title p{margin:1.5rem 0 0;font-size:1.9rem;}

/* COMMON MAIN SPRITE */
.news_wrap i[class^='ico_']::before,.culture_wrap i[class^='ico_']::before{display:flex;background-image:url('/donggu/images/main/2026/sp_main.png');background-repeat:no-repeat;justify-content:center;align-content:center;}

#container .inner{position:relative;width:84%;max-width:none;margin:0 auto;}

/* =========================
   VISUAL
========================= */
.visual_wrap{position:relative;width:100%;max-width:100%;overflow:hidden;}
.visual_wrap .visual_track{display:flex;width:100%;transition:transform .65s cubic-bezier(.22,.61,.36,1);will-change:transform;}
.visual_wrap .visual_slide{position:relative;flex:0 0 100%;width:100%;min-width:0;}
.visual_wrap .visual_slide img{display:block;width:100%;max-width:100%;height:auto;user-select:none;-webkit-user-drag:none;}
.visual_wrap .visual_control{position:absolute;left:8.6%;bottom:10.8%;z-index:10;display:flex;align-items:center;gap:1.4rem;color:#171717;transition:color .3s ease;}
.visual_wrap .visual_num{display:flex;align-items:center;gap:1.6rem;font-weight:700;}
.visual_wrap .visual_progress{position:relative;width:9.2rem;height:.4rem;border-radius:1rem;background:rgba(255,255,255,.9);overflow:hidden;transition:background-color .3s ease;}
.visual_wrap .visual_progress i{position:absolute;left:0;top:0;width:33.333%;height:100%;background:#222;transition:width .4s ease,background-color .3s ease;}
.visual_wrap .visual_btns{display:flex;align-items:center;gap:.9rem;}
.visual_wrap .visual_btn{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;}
.visual_wrap .visual_btn::before,.culture_wrap .culture_paging button::before,.family_wrap .family_control button::before{content:'';display:flex;width:2.2rem;height:2.2rem;background:url('/donggu/images/main/2026/sp_main.png') no-repeat;}
.visual_wrap .visual_btn.visual_prev::before{background-position:0 -3.9rem;}
.visual_wrap .visual_btn.visual_next::before{background-position:-6.5rem -3.9rem;}
.visual_wrap .visual_btn.is-pause::before{background-position:-2rem -3.9rem;}
.visual_wrap .visual_btn.is-play::before{background-position:-4.3rem -3.9rem;}
.visual_wrap .visual_slide .visual_img{width:100%;height:100%;}
.visual_wrap .visual_slide .visual_img img{display:block;width:100%;height:100%;object-fit:cover;}
.visual_wrap .visual_slide .visual_pc{display:block;}
.visual_wrap .visual_slide .visual_mob{display:none;}

/* CONTROL - DARK IMAGE */
.visual_wrap.control_light .visual_control{color:#fff;}
.visual_wrap.control_light .visual_progress{background:rgba(255,255,255,.4);}
.visual_wrap.control_light .visual_progress i{background:#fff;}
.visual_wrap.control_light .visual_btn::before{filter:brightness(0) invert(1);}

/* CONTROL - LIGHT IMAGE */
.visual_wrap.control_dark .visual_control{color:#111;}
.visual_wrap.control_dark .visual_progress{background:#f3f3f3;}
.visual_wrap.control_dark .visual_progress i{background:#111;}
.visual_wrap.control_dark .visual_btn::before{filter:brightness(0);}

/* =========================
   NEWS
========================= */
.news_wrap{position:relative;width:100%;padding:8rem 0;background:#fff;}
.news_wrap .news_title{margin-bottom:4rem;}
.news_wrap .news_title em{color:#f05252;font-weight:700;}

/* =========================
   CONTENT
========================= */
.news_wrap .news_content{display:flex;align-items:flex-start;gap:3%;}
.news_wrap .news_box{flex:1 1 0;min-width:0;}
.news_wrap .sns_box{flex:0 1 26%;min-width:0;}

/* =========================
   TAB
========================= */
.news_wrap .news_tab{position:relative;display:flex;align-items:flex-start;flex-wrap:wrap;gap:0 3rem;}
.news_wrap .news_tab_item{display:contents;}
.news_wrap .news_tab_btn{display:flex;align-items:center;gap:.7rem;height:5rem;margin:0;padding:0;border:0;background:none;color:#949494;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap;font-size: 1.9rem;}
.news_wrap .news_tab_btn.active{color:#222;}
.news_wrap .news_tab_btn .ico_check{display:none;}
.news_wrap .news_tab_btn.active .ico_check{display: inline-flex;}
.news_wrap .news_tab_btn > span{position:relative;z-index:1;display:inline-block;}
.news_wrap .news_tab_btn > span::after{content:'';position:absolute;left:0;bottom:.1rem;z-index:-1;width:0;height:.7rem;background:#f5d64e;transition:width .3s ease;}
.news_wrap .news_tab_btn > span{transition:color .3s ease;}
.news_wrap .news_tab_btn:not(.active):hover > span,.news_wrap .news_tab_btn:not(.active):focus-visible > span{color:#222;}

/* =========================
   PANEL
========================= */
.news_wrap .news_panel{position:relative;flex:0 0 100%;width:100%;min-width:0;margin-top:2rem;order:10;}
.news_wrap .news_panel[hidden]{display:none;}
.news_wrap .news_panel.active{display:block;}

/* =========================
   MORE
========================= */
.news_wrap .news_more{position:absolute;right:0;top:-7rem;}

/* =========================
   SPRITE
========================= */
.news_wrap i.ico_check::before{width:2.4rem;height:2.4rem;background-position: 0 -0.5rem;background-color:#343434;border-radius:5rem}
.news_wrap i.ico_more::before{width:2.4rem;height:2.4rem;background-position:-2.2rem -0.4rem;}
.news_wrap i.ico_play::before{width:2rem;height:2rem;background-position:-6rem 0;}

/* =========================
   NEWS LIST
========================= */
.news_wrap .news_list{overflow:hidden;width:100%;height:37.2rem;border: .2rem solid #eee;border-radius:4rem;box-sizing:border-box;background:#fff;}
.news_wrap .news_list ul{height:100%;margin:0;padding:0;list-style:none;}
.news_wrap .news_list li{height:9.3rem;border-bottom: .1rem solid #eee;box-sizing:border-box;}
.news_wrap .news_list li:last-child{border-bottom:0;}
.news_wrap .news_list li:nth-child(even){background-color:#fafafa}
.news_wrap .news_list li > a{display:flex;align-items:center;width:100%;height:100%;padding: 1rem 2.5rem 1rem 1rem;box-sizing:border-box;color:#222;}
.news_wrap .news_list li > a:focus-visible{outline:.2rem solid #222;outline-offset:-.2rem;}
.news_wrap .news_list li > a .title{transition:color .3s ease;}
.news_wrap .news_list li > a:hover .title{color:#EA5550; text-decoration:underline;}

/* =========================
   DATE
========================= */
.news_wrap .news_list .date{position:relative;display:flex;height:100%;flex-direction:column;justify-content:center;box-sizing:border-box;line-height: 1;align-items: center;width: 7rem;}
.news_wrap .news_list .date:after{content:'';position:absolute;right:0;top:50%;width: .2rem;height: 2.4rem;background: #e5e5e5;transform:translateY(-50%);}
.news_wrap .news_list .date strong{font-weight: bold;color:#222;font-size: 1.9rem;}
.news_wrap .news_list .date span{margin-top:.4rem;color:#888;}

/* =========================
   SUBJECT
========================= */
.news_wrap .news_list p.title{display:-webkit-box;width: calc(100% - 7rem);margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.5;overflow-wrap:anywhere;padding-left: 2rem;word-break: keep-all; font-size:1.7rem}
.news_wrap .news_list .ico_new{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;margin-left:.5rem;border-radius:.6rem;background:#f05252;color:#fff;font-style:normal;vertical-align:middle;text-indent: -999em;}
.news_wrap .news_list .ico_new::before{background-position: -5rem -1.3rem; width: 1rem; height: 1rem;}

/* =========================
   SNS
========================= */
.news_wrap .sns_head{position:relative;min-height:7rem;}
.news_wrap .sns_head > strong{display:block;color:#f05252;font-weight:700;font-size:2.4rem;line-height:1.2;}
.news_wrap .sns_head > p{font-weight:600;color:#000;margin:.4rem 0 0;}

/* =========================
   SNS MASCOT
========================= */
.news_wrap .sns_mascot{position:absolute;right: 1.5rem;bottom: -2rem;z-index:3;width:20rem;height:20rem;pointer-events:none;}
.news_wrap .sns_mascot .ico_mascot::before{display:block;width: 22rem;height: 20rem;aspect-ratio:1/1.05;background-position: -18rem 0;background-size:auto;}

/* =========================
   SNS CONTENT
========================= */
.news_wrap .sns_content{position:relative;padding:2rem;border:.2rem solid #eee;border-radius:4rem;box-sizing:border-box;background:#fafafa;}
.news_wrap .sns_video{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:16/9;border-radius:2rem;background:#eee;}
.news_wrap .sns_video > img,.news_wrap .sns_video > video,.news_wrap .sns_video > iframe{display:block;width:100%;height:100%;border:0;}
.news_wrap .sns_video > img,.news_wrap .sns_video > video{object-fit:cover;}
.news_wrap .sns_video .play{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:50%;background:rgba(0,0,0,.55);transform:translate(-50%,-50%);}

/* =========================
   SNS ACCOUNT
========================= */
.news_wrap .sns_account{position:relative;display:flex;align-items:center;margin-top:2rem;color:#777;}
.news_wrap .sns_account:after{content:'';flex:1;height:.1rem;margin-left:1rem;background:#ddd;}

/* =========================
   SNS LINK
========================= */
.news_wrap .sns_link{display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;margin-top:2rem;}
.news_wrap .sns_link a{display:block;width:5rem;height:5rem;}
.news_wrap .sns_link i[class^='ico_']:before{width:1.8rem;height:1.8rem;background:url('/donggu/images/common/2026/sp_layout.png') no-repeat;}
.news_wrap .sns_link a i[class^='ico_']{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:1.6rem;transform:rotate(0);transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform;}
.news_wrap .sns_link a.instagram i{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);}
.news_wrap .sns_link a.blog i{background-color:#38BD2C;}
.news_wrap .sns_link a.youtube i{background-color:#E53333;}
.news_wrap .sns_link i.ico_instagram::before{background-position:-29.6rem -1.1rem;}
.news_wrap .sns_link i.ico_blog::before{background-position:-26.2rem -1.2rem;}
.news_wrap .sns_link i.ico_youtube::before{background-position:-22.8rem -1rem;}
.news_wrap .sns_link a:hover i[class^='ico_'],.news_wrap .sns_link a:focus-visible i[class^='ico_']{transform:rotate(360deg);}
.news_wrap .sns_link a:focus-visible{outline:.2rem solid #222;outline-offset:.3rem;}

/* =========================
   CULTURE
========================= */
.culture_wrap{position:relative;width:100%;padding:8rem 0 10rem;background:#f5f5f5;box-sizing:border-box;overflow:hidden;border-radius:0 0 0 20rem;}
.culture_wrap .culture_head{display:flex;align-items:center;justify-content:space-between;margin-bottom:5rem;}
.culture_wrap .culture_title h2 em{color:#f05252;font-weight:700;}
.culture_wrap .culture_more{box-shadow:0 .3rem 1rem rgba(0,0,0,.03);}
.culture_wrap i.ico_more::before{width:2.4rem;height:2.4rem;background-position:-2.2rem -.4rem;}

/* =========================
   CONTENT
========================= */
.culture_wrap .culture_content{display:flex;align-items:flex-start;gap:8rem;}

/* =========================
   CATEGORY
========================= */
.culture_wrap .culture_category{display:flex;flex:0 0 18rem;flex-direction:column;}
.culture_wrap .culture_tab{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;height:5.5rem;padding:0 2rem;overflow:hidden;border:0;border-bottom:.1rem solid #eaeaea;background:transparent;box-sizing:border-box;cursor:pointer;text-align:left;font-size:1.7rem;}
.culture_wrap .culture_tab::after{content:'';position:absolute;left:0;top:0;z-index:-1;width:0;height:100%;border-radius:6rem 4rem 4rem 0;background:#444;transition:width .35s ease;}
.culture_wrap .culture_tab.active{border-color:#444;color:#fff;border-radius:6rem 4rem 4rem 0;}
.culture_wrap .culture_tab.active::after{width:100%;}
.culture_wrap .culture_tab i{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;}
.culture_wrap .culture_tab i::before{content:'';display:flex;width:2.4rem;height:2.4rem;background:url('/donggu/images/main/2026/sp_main.png') no-repeat;}
.culture_wrap .culture_tab.active i::before{filter:brightness(10);}
.culture_wrap .culture_tab i.ico_arrow{background-color:#333;}
.culture_wrap .culture_tab i.ico_arrow::before{background-position:-17.2rem -4.7rem;}
.culture_wrap .culture_tab i.ico_all::before{background-position:-.6rem -7.5rem;}
.culture_wrap .culture_tab i.ico_event::before{background-position:-3.8rem -7.4rem;}
.culture_wrap .culture_tab i.ico_performance::before{background-position:-6.8rem -7.5rem;}
.culture_wrap .culture_tab i.ico_exhibition::before{background-position:-9.8rem -7.5rem;}
.culture_wrap .culture_tab i.ico_education::before{background-position:-12.8rem -7.4rem;}
.culture_wrap .culture_tab > i,.culture_wrap .culture_tab > span{position:relative;z-index:1;transition:transform .3s ease,color .3s ease;}
.culture_wrap .culture_tab:not(.active):hover > i,.culture_wrap .culture_tab:not(.active):hover > span,.culture_wrap .culture_tab:not(.active):focus-visible > i,.culture_wrap .culture_tab:not(.active):focus-visible > span{transform:translateX(.5rem);}

/* =========================
   SLIDER
========================= */
.culture_wrap .culture_slider{min-width:0;flex:1;overflow:hidden;}
.culture_wrap .culture_track{display:flex;align-items:stretch;gap:2.6rem;transition:transform .5s ease;}
.culture_wrap .culture_item{flex:0 0 31.4rem;width:31.4rem;min-width:31.4rem;max-width:31.4rem;}
.culture_wrap .culture_item[hidden]{display:none;}
.culture_wrap .culture_item > a{display:block;width:100%;height:100%;color:inherit;text-decoration:none;margin:1.2rem 0;}

/* =========================
   CARD
========================= */
.culture_wrap .culture_card{position:relative;width:31.4rem;padding:1.2rem;border-radius:3rem;background:#fff;box-sizing:border-box;box-shadow:0 1rem 3rem rgba(0,0,0,.08);}
.culture_wrap .culture_img{position:relative;width:29rem;aspect-ratio:280 / 360;border-radius:2rem;overflow:hidden;background:#f5f5f5;}
.culture_wrap .culture_img > img,.family_wrap .family_img img{display:block;width:100%;height:100%;object-fit:cover;}
.culture_wrap .culture_img > img{transition:transform .7s cubic-bezier(.22,.61,.36,1);}

/* =========================
   TYPE
========================= */
.culture_wrap .culture_type{position:absolute;right:0;top:-1.2rem;z-index:10;display:flex;align-items:center;justify-content:center;width:12rem;height:5rem;border-radius:5rem 9rem 0 5rem;color:#fff;}
.culture_wrap .type_performance{background:#ffad22;}
.culture_wrap .type_education{background:#507dde;}
.culture_wrap .type_event{background:#f05252;}
.culture_wrap .type_exhibition{background:#26a47a;}

/* =========================
   INFO
========================= */
.culture_wrap .culture_info{position:absolute;left:2rem;right:2rem;top:70%;bottom:auto;z-index:8;opacity:0;transform:translateY(calc(-50% + 2rem));transition:opacity .35s ease .2s,transform .55s cubic-bezier(.22,.61,.36,1) .15s;}
.culture_wrap .culture_info strong{display:-webkit-box;line-height:1.35;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.culture_wrap .culture_info p{margin:1rem 0 0;color:#777;}
.culture_wrap .culture_info i.ico_arrow{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#444;color:#fff;vertical-align:middle;margin-left:.3rem;}
.culture_wrap .culture_info i.ico_arrow::before{width:.4rem;height:.7rem;background:url('/donggu/images/main/2026/sp_main.png') -17.2rem -4.7rem no-repeat;}

/* =========================
   PAPER FOLD
========================= */
.culture_wrap .culture_fold{position:absolute;left:0;bottom:0;z-index:5;width:100%;height:60%;transform:translateY(100%);transition:transform .7s cubic-bezier(.22,.61,.36,1);}
.culture_wrap .culture_item:hover .culture_fold:after{content:'';position:absolute;left:0;top:-4rem;width:29rem;height:16rem;background:url('/donggu/images/main/2026/poster_bg.png') no-repeat;}
.culture_wrap .culture_item:hover .culture_fold:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:11rem;background-color:#f3f3f3;transform:rotate(0);}

/* =========================
   CARD HOVER
========================= */
.culture_wrap .culture_item > a:hover .culture_fold,.culture_wrap .culture_item > a:focus-visible .culture_fold{transform:translateY(0);}
.culture_wrap .culture_item > a:hover .culture_info,.culture_wrap .culture_item > a:focus-visible .culture_info{opacity:1;transform:translateY(-50%);}
.culture_wrap .culture_item > a:hover .culture_img > img,.culture_wrap .culture_item > a:focus-visible .culture_img > img{transform:scale(1.015);}

/* =========================
   CONTROL
========================= */
.culture_wrap .culture_control{display:flex;align-items:center;margin-top:6rem;}
.culture_wrap .culture_paging{display:flex;align-items:center;gap:1.5rem;flex:none;}
.culture_wrap .culture_paging .total{color:#767676;}
.culture_wrap .culture_paging .p_slash{display:inline-flex;align-items:center;}
.culture_wrap .culture_paging .p_slash::before{content:'';display:block;width:1rem;height:2rem;background:url(/donggu/images/main/2026/sp_main.png) -14rem -0.7rem no-repeat;}
.culture_wrap .culture_progress{position:relative;flex:1;height:.3rem;margin-left:4rem;background:#D7D7D7;border-radius:5rem;}
.culture_wrap .culture_progress i.p_bar{position:absolute;left:0;top:0;width:25%;height:100%;background:#adadad;transition:width .4s ease;border-radius:1rem;}
.culture_wrap .culture_paging button{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;}

.culture_wrap .culture_paging button.culture_prev::before{background-position: -10.4rem -0.6rem;}
.culture_wrap .culture_paging button.culture_next::before{background-position: -11.8rem -0.6rem;}

/* FAMILY SITE */
.family_wrap{width:100%;overflow:hidden;padding:10rem 0 12rem;}
.family_wrap .family_title h2 em{font-weight:700;color:#f05b55;}
.family_wrap .family_control{display:flex;align-items:center;gap:1rem;}
.family_wrap .family_control button{position:relative;}
.family_wrap .family_control button.family_prev::before{background-position: -8.4rem -3.9rem;}
.family_wrap .family_control button.family_next::before{background-position: -14.5rem -3.9rem;}
.family_wrap .family_control button.is-pause::before{background-position: -10.2rem -3.9rem;}
.family_wrap .family_control button.is-play::before{background-position: -12.5rem -3.9rem;}
.family_wrap .family_slider{width:100%;overflow:hidden;padding: 2rem 0;}
.family_wrap .family_track{display:flex;align-items:flex-start;gap:3.8rem;padding:0;list-style:none;transition:transform .6s ease;}
.family_wrap .family_item{flex:0 0 29rem;width:29rem;}
.family_wrap .family_item > a{position:relative;display:block;width:100%;padding-bottom:2.4rem;text-decoration:none;}
.family_wrap .family_img img{border-radius:1.8rem;object-position:top;}
.family_wrap .family_name{position:absolute;left:0;bottom:0;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-width:16rem;height:5rem;padding:0 2.5rem;border-radius:0 3rem 3rem 5rem;background:#444;color:#fff;font-weight:600;white-space:nowrap;}
.family_wrap .family_name i{position:relative;display:inline-flex;width:2.5rem;height:2.5rem;}
.family_wrap .family_name i::before{content:'';display:flex;width:1.6rem;height:1.6rem;background:url('/donggu/images/main/2026/sp_main.png') -8.5rem -0.9rem no-repeat;}
.family_wrap .family_top{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom: 6rem;}
.family_wrap .family_title{text-align:center;}
.family_wrap .family_control{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.family_wrap .family_img{width:29rem;height:39rem;padding:1.2rem;background:#fff;border-radius:2.8rem;box-shadow:0 1rem 3rem rgba(0,0,0,.08);overflow:hidden;transition:transform .5s cubic-bezier(.22,.61,.36,1);}
.family_wrap .family_item > a:hover .family_img,.family_wrap .family_item > a:focus-visible .family_img{transform:translateY(-1rem);}
.family_wrap .family_name{background-color:#444;background-image:linear-gradient(100deg,#299fc5,#27bc8e);background-repeat:no-repeat;background-position:left top;background-size:0 100%;transition:background-size .35s ease;}
.family_wrap .family_item:hover .family_name,.family_wrap .family_item:focus-within .family_name{background-size:100% 100%;}



/* =========================
   LAYER POPUP
========================= */
.layer_popup{position:fixed;left:0;top:0;z-index:9999;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:4rem;background:rgba(25,23,19,.88);box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;}
.layer_popup[hidden]{display:none;}
.layer_popup .layer_popup_inner{display:flex;flex-direction:column;width:min(135rem,100%);max-height:calc(100vh - 8rem);}

/* =========================
   POPUP HEAD
========================= */
.layer_popup .layer_popup_head{position:relative;display:flex;align-items:center;justify-content:center;flex:none;min-height:4rem;margin-bottom:4rem;}
.layer_popup .layer_popup_head > h2{margin:0;color:#fff;font-size:3.2rem;font-weight:700;line-height:1;white-space:nowrap;}

/* =========================
   POPUP NAVIGATION
========================= */
.layer_popup .layer_popup_navigation{position:absolute;right:0;top:50%;display:flex;align-items:center;justify-content:flex-end;gap:.9rem;transform:translateY(-50%);}
.layer_popup .layer_popup_btn{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0;padding:0;border:0;background:transparent;cursor:pointer;}
.layer_popup .layer_popup_btn::before{content:'';display:block;width:2.2rem;height:2.2rem;background:url('/donggu/images/main/2026/sp_main.png') no-repeat;filter:brightness(0) invert(1);}
.layer_popup .layer_popup_prev::before{background-position:0 -3.9rem;}
.layer_popup .layer_popup_next::before{background-position:-6.5rem -3.9rem;}
.layer_popup .layer_popup_pause.is-pause::before{background-position:-2rem -3.9rem;}
.layer_popup .layer_popup_pause.is-play::before{background-position:-4.3rem -3.9rem;}
.layer_popup .layer_popup_btn:focus-visible{outline:.3rem solid #ffcf33;outline-offset:.2rem;border-radius:.5rem;}
.layer_popup .layer_popup_btn:disabled{opacity:.4;cursor:default;}

/* =========================
   POPUP SLIDER
========================= */
.layer_popup .layer_popup_slider{flex:none;width:100%;overflow:hidden;}
.layer_popup .layer_popup_slider .swiper-wrapper{display:flex;align-items:stretch;}
.layer_popup .layer_popup_item{flex-shrink:0;height:auto;border-radius:3rem;overflow:hidden;background:#fff;}
.layer_popup .layer_popup_item > a{display:block;width:100%;height:100%;color:inherit;text-decoration:none;}
.layer_popup .layer_popup_item > a:focus-visible{outline:.4rem solid #ffcf33;outline-offset:-.4rem;border-radius:3rem;}
.layer_popup .layer_popup_item > a > img{display:block;width:100%;height:auto;aspect-ratio:420/590;object-fit:cover;}

/* =========================
   POPUP CONTROL
========================= */
.layer_popup .layer_popup_control{display:flex;align-items:center;justify-content:center;flex:none;width:100%;margin-top:4rem;}
.layer_popup .layer_popup_bottom{display:flex;align-items:center;justify-content:center;gap:2rem;}

/* =========================
   TODAY CLOSE
========================= */
.layer_popup .layer_popup_today{display:flex;align-items:center;justify-content:center;gap:1rem;height:5rem;padding:0 2.2rem;border:.2rem solid #fff;border-radius:5rem;color:#fff;cursor:pointer;box-sizing:border-box;white-space:nowrap;}
.layer_popup .layer_popup_today > input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.layer_popup .layer_popup_today .check{position:relative;display:block;flex:none;width:2.4rem;height:2.4rem;border-radius:.3rem;background:#fff;}
.layer_popup .layer_popup_today > input:checked + .check::before{content:'';position:absolute;left:.8rem;top:.4rem;width:.6rem;height:1.1rem;border-right:.2rem solid #333;border-bottom:.2rem solid #333;transform:rotate(45deg);}
.layer_popup .layer_popup_today > input:focus-visible + .check{outline:.3rem solid #ffcf33;outline-offset:.3rem;}

/* =========================
   CLOSE
========================= */
.layer_popup .layer_popup_close{display:flex;align-items:center;justify-content:center;gap:3rem;height:5rem;padding:0 2.2rem;border:.2rem solid #fff;border-radius:5rem;background:transparent;color:#fff;cursor:pointer;box-sizing:border-box;}
.layer_popup .layer_popup_close:focus-visible{outline:.3rem solid #ffcf33;outline-offset:.3rem;}
.layer_popup .layer_popup_close > i{position:relative;display:block;flex:none;width:2rem;height:2rem;}
.layer_popup .layer_popup_close > i::before,.layer_popup .layer_popup_close > i::after{content:'';position:absolute;left:50%;top:50%;width:2rem;height:.2rem;background:#fff;}
.layer_popup .layer_popup_close > i::before{transform:translate(-50%,-50%) rotate(45deg);}
.layer_popup .layer_popup_close > i::after{transform:translate(-50%,-50%) rotate(-45deg);}





/* =========================
   1501px 이상
========================= */
@media(min-width:1501px){
.news_wrap .sns_box{padding-top:0;}
.news_wrap .sns_content{display:flex;height:37.2rem;flex-direction:column;padding:2rem;}
.news_wrap .sns_video{flex:1;width:100%;min-height:0;aspect-ratio:auto;}
.news_wrap .sns_account{flex:none;margin-top:2rem;}
.news_wrap .sns_link{flex:none;margin-top:2rem;}
}

/* =========================
   1500px 이하
========================= */
@media(max-width:1500px){
#container .inner{width:100%;max-width:100%;padding:0 5rem;box-sizing:border-box;}
.news_wrap .news_content{display:flex;align-items:flex-start;flex-wrap:wrap;gap:5rem 4%;}
.news_wrap .sns_box{display:flex;align-items:center;flex:0 0 100%;width:100%;margin-top:2rem;}
.news_wrap .sns_head{position:relative;display:flex;flex:0 0 30%;min-width:0;min-height:18rem;flex-direction:column;justify-content:center;padding-right:14rem;box-sizing:border-box;}
.news_wrap .sns_mascot{right:0;bottom:0;}
.news_wrap .sns_content{display:flex;align-items:center;flex:1;min-width:0;padding:2.5rem;gap:4rem;}
.news_wrap .sns_video{flex:0 0 50%;min-width:0;aspect-ratio:16/9;}
.news_wrap .sns_info{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:center;gap:2rem;}
.news_wrap .sns_account{display:flex;align-items:center;width:100%;margin:0;}
.news_wrap .sns_account:after{content:'';flex:1;height:.1rem;margin-left:1rem;background:#ddd;}
.news_wrap .sns_link{display:flex;align-items:center;justify-content:flex-end;width:100%;margin:0;}
.news_wrap .sns_head > p{margin-top:1rem;word-break:keep-all;}

.culture_wrap{padding:7rem 0 9rem;}
.culture_wrap .culture_content{display:block;}
.culture_wrap .culture_category{display:flex;flex-direction:row;width:100%;margin-bottom:5rem;overflow-x:auto;scrollbar-width:none;gap:0 1.6rem;}
.culture_wrap .culture_category::-webkit-scrollbar{display:none;}
.culture_wrap .culture_tab{flex:0 0 16rem;justify-content:center;border:0;background:#fff;border-radius:4rem 4rem 0 0;}
.culture_wrap .culture_tab,.culture_wrap .culture_tab.active{border-radius: 6rem 4rem 4rem 0;border-bottom:.1rem solid #eaeaea;}
.culture_wrap .culture_tab.active{background:#444;}

.family_wrap .family_track{gap:4rem;}
}

/* =========================
   1280px 이하
========================= */
@media(max-width:1280px){
.family_wrap .family_top{justify-content:space-between;}
.family_wrap .family_title{text-align:left;}
.family_wrap .family_control{position:static;transform:none;}

/* LAYER POPUP */
.layer_popup{padding:4rem;}
.layer_popup .layer_popup_inner{width:min(90rem,100%);}
.layer_popup .layer_popup_item{border-radius:2.5rem;}
.layer_popup .layer_popup_item > a:focus-visible{border-radius:2.5rem;}
}

/* =========================
   1024px 이하
========================= */
@media(max-width:1024px){
.news_wrap .news_content{display:flex;flex-direction:column;gap:6rem;}
.news_wrap .news_box{flex:none;width:100%;}
.news_wrap .news_tab{gap:0 2rem;}
.news_wrap .sns_box{display:block;width:100%;margin-top:2rem;}
.news_wrap .sns_head{display:block;width:100%;min-height:12rem;padding:0 16rem 0 1.5rem;}
.news_wrap .sns_mascot{right:2rem;bottom:-4rem;}
.news_wrap .sns_content{display:flex;align-items:center;width:100%;height:auto;padding:2.5rem;gap:4rem;}
.news_wrap .sns_video{flex:1;min-width:0;aspect-ratio:16/9;}
.news_wrap .sns_account{flex:1;min-width:0;margin:0;}
.news_wrap .sns_link{flex:none;justify-content:flex-end;margin:0;}

.culture_wrap{border-radius:0 0 0 14rem;}
.culture_wrap .culture_head{margin-bottom:4rem;}
.culture_wrap .culture_category{margin-bottom:4rem;}
.culture_wrap .culture_tab{flex-basis:14rem;}
.culture_wrap .culture_track{gap:4rem;}

.culture_wrap .culture_control{margin-top:5rem;}

.family_wrap{padding:8rem 0 9rem;}
.family_wrap .family_top{margin-bottom:6rem;}
.family_wrap .family_slider{overflow:hidden;}

/* LAYER POPUP */
.layer_popup{padding:3rem;}
.layer_popup .layer_popup_inner{max-height:calc(100vh - 6rem);}
.layer_popup .layer_popup_head{margin-bottom:3rem;}
.layer_popup .layer_popup_head > h2{font-size:2.8rem;}
.layer_popup .layer_popup_control{margin-top:3rem;}
   

}

/* =========================
   768px 이하
========================= */
@media(max-width:768px){
body:has(#container) {font-size: 1.5rem;}
	
/* COMMON */
.c_section_title h2,.c_section_title.news_title{font-size:2.4rem;}
.c_section_title p{font-size:1.6rem;}
#container .inner{width:100%;max-width:100%;padding:0 2rem;box-sizing:border-box;}
.c_btn_control{width:5rem;height:5rem;border-radius:1.5rem;}

/* VISUAL */
.visual_wrap .visual_control{position:relative;left:0;display:flex;height:6.8rem;justify-content:center;border-bottom:.1rem solid #e3e3e3;}
.visual_wrap .visual_progress{background-color:#c7c7c7;}
   
/* CULTURE */
.culture_wrap{padding:5rem 0 7rem;border-radius: 0;}
.culture_wrap .culture_head{align-items:flex-start;margin-bottom:4rem;}
.culture_wrap .culture_title p{margin-top:1rem;}
.culture_wrap .culture_category{display:flex;flex-wrap:nowrap;width:calc(100% + 2rem);margin:0 0 4rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;gap: 0 1rem;}
.culture_wrap .culture_category::-webkit-scrollbar{display:none;}
.culture_wrap .culture_category.is-dragging{cursor:grabbing;user-select:none;}
.culture_wrap .culture_tab{flex:0 0 auto;width: 13rem;height:5rem;padding:0 2.2rem;white-space:nowrap;}
.culture_wrap .culture_slider{width:calc(100% + 2rem);overflow:visible;}
.culture_wrap .culture_track{gap:3rem;overflow-x:auto;padding:0 2rem 4rem 0;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:auto;}
.culture_wrap .culture_track::-webkit-scrollbar{display:block;}
.culture_wrap .culture_control{display:none;}
.culture_wrap .culture_item{scroll-snap-align:start;}
.culture_wrap .culture_track::-webkit-scrollbar,.family_wrap .family_track::-webkit-scrollbar{height:.7rem;}
.culture_wrap .culture_track::-webkit-scrollbar-track,.family_wrap .family_track::-webkit-scrollbar-track{margin:0 9.5rem;background:#ddd;border-radius:1rem;}
.culture_wrap .culture_track::-webkit-scrollbar-thumb,.family_wrap .family_track::-webkit-scrollbar-thumb{background:#aaa;border-radius:1rem;}
   
/*NEWS*/
.news_wrap{padding:6rem 0;}
.news_wrap .news_title{margin-bottom:3rem;}
.news_wrap .news_content{gap:6rem;}
.news_wrap .news_tab{gap:0 1.5rem;}
.news_wrap .news_list{height:37.2rem;border-radius:3rem;}
.news_wrap .news_list li{height:9.3rem;}
.news_wrap .news_list li > a{height:100%;padding:1rem;}
.news_wrap .sns_box{margin-top:1rem;}
.news_wrap .sns_head{min-height:9rem;padding:0 12rem 0 1rem;}
.news_wrap .sns_mascot{right:0;bottom: -1.5rem;width: 14rem;height: 13rem;}
.news_wrap .sns_mascot .ico_mascot::before{width: 14rem;height: 13rem;background-size: 26rem;background-position: -12rem 0;}
.news_wrap .sns_video{width:100%;min-width:0;aspect-ratio:16/9;border-radius:2rem;}
.news_wrap .sns_content{display:block;}
.news_wrap .sns_info{display:block;}
.news_wrap .sns_account{margin:2rem 0 0;}
.news_wrap .sns_link{justify-content:flex-end;margin-top:2rem;}

/* FAMILY */
.family_wrap{padding:6rem 0 7rem;}
.family_wrap .family_top{display:block;margin-bottom:5rem;}
.family_wrap .family_title p{margin-top:1.2rem;}
.family_wrap .family_slider{width:100%;overflow:visible;}
.family_wrap .family_track{padding:0 2rem 4rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;transition:none;}
.family_wrap .family_item{scroll-snap-align:start;}
.family_wrap .family_control{display:none;}
.family_wrap .family_name{font-size:1.5rem;}

   
/* LAYER POPUP */
.layer_popup{align-items:flex-start;padding:3rem 1.5rem;}
.layer_popup .layer_popup_inner{width:100%;max-width:42rem;max-height:none;margin:auto;}
.layer_popup .layer_popup_head{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:4rem;margin-bottom:3rem;}
.layer_popup .layer_popup_head > h2{flex:none;margin:0;font-size:2.8rem;line-height:1;text-align:left;}
.layer_popup .layer_popup_navigation{position:static;display:flex;align-items:center;justify-content:flex-end;flex:none;gap:.2rem;transform:none;}
.layer_popup .layer_popup_btn{width:3.4rem;height:4rem;}
.layer_popup .layer_popup_btn::before{width:2.2rem;height:2.2rem;}
.layer_popup .layer_popup_item{border-radius:2rem;}
.layer_popup .layer_popup_item > a:focus-visible{border-radius:2rem;}
.layer_popup .layer_popup_control{display:flex;align-items:center;justify-content:center;width:100%;margin-top:6rem;}
.layer_popup .layer_popup_bottom{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;gap:1.5rem;}
.layer_popup .layer_popup_today{flex:none;width:auto;min-width:27rem;height:5rem;padding:0 2.2rem;font-size:1.5rem;font-weight:600;}
.layer_popup .layer_popup_today .check{width:2.4rem;height:2.4rem;border-radius:.2rem;}
.layer_popup .layer_popup_today > input:checked + .check::before{left:.8rem;top:.4rem;width:.6rem;height:1.1rem;}
.layer_popup .layer_popup_close{flex:none;width:auto;min-width:9rem;height:5rem;padding:0 2.5rem;font-weight:600;}
.layer_popup .layer_popup_close > i{display:none;}
   
}

/* =========================
   420px 이하
========================= */
@media(max-width:480px){
/* VISUAL */
.visual_wrap .visual_slide .visual_pc{display:none;}
.visual_wrap .visual_slide .visual_mob{display:block;}
   
/* CULTURE */
.culture_wrap{padding:4rem 0 6rem;}
.culture_wrap .culture_category{display:flex;flex-wrap:nowrap;width:calc(100% + 2rem);margin-bottom:4rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.culture_wrap .culture_category::-webkit-scrollbar{display:none;}
.culture_wrap .culture_tab{flex:0 0 auto;min-width:11rem;width:auto;height:5rem;padding:0 2.2rem;white-space:nowrap;}
.culture_wrap .culture_slider{width:calc(100% + 1.5rem);}
.culture_wrap .culture_track{gap:2.5rem;}
.culture_wrap .culture_item{flex:0 0 23.2rem;width:23.2rem;min-width:23.2rem;max-width:23.2rem;}
.culture_wrap .culture_card{width:23.2rem;padding:1.2rem;}
.culture_wrap .culture_img{width:20.8rem;}
.culture_wrap .culture_type{width:10rem;height:4rem;}
.culture_wrap .culture_info{left:2rem;right:2rem;top:71%;bottom:auto;}
.culture_wrap .culture_info strong{font-size:1.4rem;}
.culture_wrap .culture_info .date{font-size:1.3rem;letter-spacing:-.05rem;}
.culture_wrap .culture_info p{margin:.5rem 0 0;font-size:1.4rem;}
.culture_wrap .culture_item.active .culture_fold{height:58%;transform:translateY(0);}
.culture_wrap .culture_item.active .culture_info{opacity:1;transform:translateY(-50%);}
.culture_wrap .culture_item.active .culture_fold:after{content:'';position:absolute;left:0;top:-4rem;width:100%;height:16rem;background:url('/donggu/images/main/2026/poster_bg.png') left top/100% auto no-repeat;}
.culture_wrap .culture_item.active .culture_fold:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:9rem;background-color:#f3f3f3;transform:rotate(0);}

/*NEWS*/
.news_wrap .sns_head{min-height:10rem;padding-right:10rem;}
.news_wrap .sns_content{padding:1.5rem;}
.news_wrap .sns_link{gap:1rem;}
.news_wrap .news_list .date{width:7rem;}
.news_wrap .news_list .date strong{font-size:1.7rem;}
.news_wrap .news_list .date span{font-size:1.4rem;}
.news_wrap .news_list p.title{font-size:1.6rem;}


/* FAMILY */
.family_wrap .family_item{flex:0 0 23.2rem;width:23.2rem;}
.family_wrap .family_img{width:23.2rem; height:31.2rem}


/* LAYER POPUP */
.layer_popup{padding:3rem 1.5rem;}
.layer_popup .layer_popup_inner{max-width:38rem;}
.layer_popup .layer_popup_head > h2{font-size:2.5rem;}
.layer_popup .layer_popup_navigation{gap:0;}
.layer_popup .layer_popup_btn{width:3rem;height:3.6rem;}
.layer_popup .layer_popup_control{margin-top:6rem;}
.layer_popup .layer_popup_today{min-width:0;width:auto;height:5rem;padding:0 2rem;font-size:1.4rem;}
.layer_popup .layer_popup_close{min-width:9rem;height:5rem;}
   
}


/* =========================
   낮은 화면 대응
========================= */
@media(max-height:800px) and (min-width:769px){
/* LAYER POPUP */
.layer_popup{align-items:flex-start;}
.layer_popup .layer_popup_inner{width:min(110rem,100%);max-height:none;margin:auto;}
.layer_popup .layer_popup_head{margin-bottom:2rem;}
.layer_popup .layer_popup_item > a > img{max-height:58vh;object-fit:cover;}
.layer_popup .layer_popup_control{margin-top:2rem;}
}