body:has(#container){font-size:100%;}
body:has(#container){font-size:1.6rem;}

/* =========================================================
   COMMON
========================================================= */
#wrap{position:relative;overflow-x:hidden;}
#wrap.gnb_open{height:100vh;overflow:hidden;}
#container{margin-top: 0 !important;}


/* =========================================================
   UTIL ICON
========================================================= */
.util i[class^='ico_']::before{background-image:url(/donggu/images/common/2026/sp_layout.png);}
.util i.ico_search::before{width:3.4rem;height:3.4rem;background-position:-.5rem -.3rem;}
.util i.ico_menu::before{width:3.4rem;height:3.4rem;background-position:-5.3rem -.2rem;}

/* =========================================================
   HEADER
========================================================= */
#header.tpA{position:absolute;top:0;left:0;width:100%;height:11rem;z-index:11;}
#header.tpA:has(.gnb_mob.is-open){z-index:99999;}
#header.tpA > .inner{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 8%;box-sizing:border-box;}
#header.tpA .logo{flex-shrink:0;}
#header.tpA .logo a{display:flex;width:40rem;height:5.5rem;background:url(/donggu/images/common/2026/logo.png) no-repeat;text-indent:-999em;}
/* 비주얼 컨트롤과 같은 색상 상태를 사용한다. 모바일은 흰색 헤더의 기존 로고 유지. */
@media(min-width:769px){
  #wrap:has(.visual_wrap.control_light) #header.tpA:not(:has(.gnb_web:hover, .gnb_web:focus-within)) .logo a{background-image:url(/donggu/images/common/2026/logo_f.png);}
}
#header.tpA:has(.gnb_web:hover){background:#fff;}
#header.tpA:after{content:'';position:fixed;left:0;top:11rem;z-index:-1;width:100%;height:calc(100vh - 11rem);background:rgba(0,0,0,.8);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;}
#header.tpA:has(.gnb_web .gnbA:hover):after,#header.tpA:has(.gnb_web .gnbA:focus-within):after{opacity:1;visibility:visible;}
/* GNB 색상 전환 */
#header.tpA .gnb_web > .gnb > .gnbA > a{transition:color .25s ease;}


/* =========================================================
   WEB GNB
========================================================= */
#header.tpA .gnb_web{position:static;display:flex;justify-content:center;flex:1;height:100%;}
#header.tpA .gnb_web > .gnb{display:flex;align-items:stretch;height:100%;margin:0;padding:0;gap:0 8rem;list-style:none;justify-content:center;}
#header.tpA .gnb_web > .gnb > .gnbA{position:static;height:100%;margin:0;padding:0;}
#header.tpA .gnb_web > .gnb > .gnbA > a{position:relative;display:flex;align-items:center;justify-content:center;height:100%;font-size:1.9rem;font-weight:700;color:#171717;text-decoration:none;white-space:nowrap;}
#header.tpA .gnb_web > .gnb > .gnbA > a:after{content:'';position:absolute;left:50%;bottom:0;width:0;height:.3rem;background:#ef4b4b;transform:translateX(-50%);transition:width .25s ease;}
#header.tpA .gnb_web > .gnb > .gnbA:hover > a:after,#header.tpA .gnb_web > .gnb > .gnbA:focus-within > a:after,#header.tpA .gnb_web > .gnb > .gnbA.active > a:after{width:100%;}
#header.tpA .gnb_web .gnbB_wrap{position:absolute;left:0;top:100%;z-index:100;display:grid;width:100%;grid-template-rows:0fr;background:#fff;border-radius:0 0 0 20rem;overflow:hidden;opacity:0;visibility:hidden; transition:grid-template-rows .3s ease,opacity .2s ease,visibility .2s ease;}
#header.tpA .gnb_web .gnbA:hover > .gnbB_wrap,#header.tpA .gnb_web .gnbA:focus-within > .gnbB_wrap{grid-template-rows:1fr;border-top:.1rem solid #e3e3e3;opacity:1;visibility:visible;}
#header.tpA .gnb_web .gnbB_area{position:relative;display:flex;width:100%;min-height:30rem;margin:0 auto;background:#fff;/*overflow-x:hidden;overflow-y:auto;*/}
#header.tpA .gnb_web .gnbB_title{position:relative;display:flex;flex:0 0 29%;flex-direction:column;align-items:flex-end;padding:7rem 7rem 0 3rem;background:#f5f6fa;box-sizing:border-box;overflow:hidden;}
#header.tpA .gnb_web .gnbB_title strong{position:relative;z-index:2;display:block;width:24rem;font-size:3rem;font-weight:700;line-height:1.3;color:#333;text-align:right;}
#header.tpA .gnb_web .gnbB_title p{position:relative;z-index:2;width:24rem;margin:2rem 0 0;font-size:1.6rem;line-height:1.6;color:#444;text-align:right;}
#header.tpA .gnb_web .gnbB{display:grid;flex:1;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:8rem 2.5rem;margin:0;padding:5.5rem 8% 5rem 4.5rem;box-sizing:border-box;list-style:none;}
#header.tpA .gnb_web .gnbB > li{position:relative;min-width:0;margin:0;padding:0;}
#header.tpA .gnb_web .gnbB > li > a{position:relative;display:flex;align-items:center;width:100%;min-height:5.8rem;padding:1.2rem 2.4rem;border:1px solid #d9d9d9;border-radius:1rem;box-sizing:border-box;font-size:1.6rem;font-weight:600;line-height:1.4;color:#222;text-decoration:none;}
#header.tpA .gnb_web .gnbB > li > a:hover,#header.tpA .gnb_web .gnbB > li > a:focus,#header.tpA .gnb_web .gnbB > li.active > a{border-color:transparent;background:linear-gradient(90deg,#2999c4,#21b87c);color:#fff;}
#header.tpA .gnb_web .gnbC{margin:1.4rem 0 0;padding:0 1.5rem;list-style:none;}
#header.tpA .gnb_web .gnbC > li{position:relative;margin:.8rem 0;padding-left:1rem;}
#header.tpA .gnb_web .gnbC > li:before{content:'';position:absolute;left:0;top:1.1rem;width:.4rem;height:.4rem;background:#aaa;border-radius:50%;}
#header.tpA .gnb_web .gnbC > li > a{display:inline-block;line-height:1.5;color:#606060;text-decoration:none;}
#header.tpA .gnb_web .gnbC > li > a:hover,#header.tpA .gnb_web .gnbC > li > a:focus,#header.tpA .gnb_web .gnbC > li.active > a{color:#111;text-decoration:underline;}

/* =========================================================
   HEADER UTIL
========================================================= */
#header.tpA > .inner > .util{position:relative;z-index:200;display:flex;align-items:center;flex:none;gap:2rem;}
#header.tpA > .inner > .util > a,#header.tpA > .inner > .util > button{display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:none;cursor:pointer;}
#header.tpA > .inner > .util .c_btn_icon{width:4rem;height:4rem;}
#header.tpA .mob_only{display:none;}
/* 기본 아이콘 */
#header.tpA > .inner > .util i.ico_search::before,
#header.tpA > .inner > .util i.ico_menu::before{filter:none;transition:filter .25s ease;}

/* =========================================================
   MOBILE GNB
========================================================= */
#header.tpA .gnb_mob{position:fixed;left:0;top:0;z-index:99999;display:none;width:100%;height:100vh;background:rgba(0,0,0,.75);}
#header.tpA .gnb_mob.is-open{display:block;}
#header.tpA .gnb_mob .gnb_wrap{position:absolute;right:0;top:0;width:70rem;height:100vh;background:#fff;font-size:1.5rem;}
#header.tpA .gnb_mob .gnb_area{position:relative;width:100%;height:100%;background:#fff;overflow:hidden;}

/* MOBILE TOP */
#header.tpA .gnb_mob .gnb_top{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;width:100%;height:7rem;padding:0 2rem;border-bottom:.1rem solid #ddd;background:#fff;box-sizing:border-box;}
#header.tpA .gnb_mob .gnb_member{display:flex;align-items:center;gap:2rem;margin:0;padding:0;list-style:none;}
#header.tpA .gnb_mob .gnb_member > li{margin:0;padding:0;}
#header.tpA .gnb_mob .gnb_member > li > a{display:flex;align-items:center;gap:.5rem;color:#222;text-decoration:none;white-space:nowrap;}
#header.tpA .gnb_mob .gnb_member > li > a i[class^='ico_']::before{background:url(/donggu/images/common/2026/sp_layout.png) no-repeat; width:2.4rem; height:2.4rem;}
#header.tpA .gnb_mob .gnb_member > li > a i.ico_login::before{background-position:-0.5rem -4.8rem;}
#header.tpA .gnb_mob .gnb_member > li > a i.ico_logout::before{background-position:-4rem -4.8rem;}
#header.tpA .gnb_mob .gnb_member > li > a i.ico_mypage::before{background-position:-7.5rem -4.8rem;}
#header.tpA .gnb_mob .gnb_top > .util{display:flex;align-items:center;margin-left:auto;}
#header.tpA .gnb_mob .gnb_close{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0;padding:0;border:0;background:transparent;cursor:pointer;}
#header.tpA .gnb_mob .gnb_close .ico_close{position:relative;display:block;width:2.4rem;height:2.4rem;}
#header.tpA .gnb_mob .gnb_close .ico_close:before,#header.tpA .gnb_mob .gnb_close .ico_close:after{content:'';position:absolute;left:50%;top:50%;width:2.4rem;height:.2rem;background:#555;}
#header.tpA .gnb_mob .gnb_close .ico_close:before{transform:translate(-50%,-50%) rotate(45deg);}
#header.tpA .gnb_mob .gnb_close .ico_close:after{transform:translate(-50%,-50%) rotate(-45deg);}

/* MOBILE BODY */
#header.tpA .gnb_mob .gnb_bot{position:relative;width:100%;height:calc(100vh - 7rem);background:#fff;overflow:hidden;}

/* MOBILE 1DEPTH / 2DEPTH = 50 : 50 */
#header.tpA .gnb_mob .gnb{position:relative;width:100%;height:100%;margin:0;padding:0;background:linear-gradient(to right,#414141 0,#414141 50%,#fff 50%,#fff 100%);box-sizing:border-box;list-style:none;}
#header.tpA .gnb_mob .gnb > .gnbA{position:static;width:100%;margin:0;padding:0;}
#header.tpA .gnb_mob .gnb > .gnbA > a{position:relative;z-index:2;display:flex;align-items:center;width:50%;height:6rem;padding:0 2rem;border-bottom:.1rem solid rgba(255,255,255,.08);background:#414141;box-sizing:border-box;color:#fff;font-weight:600;text-decoration:none;}
#header.tpA .gnb_mob .gnb > .gnbA.open > a{background:#fff;color:#333;font-weight:700;}

/* MOBILE 2DEPTH */
#header.tpA .gnb_mob .gnbB_wrap{position:absolute;left:50%;right:0;top:0;bottom:0;z-index:5;display:none;width:50%;background:#fff;overflow-x:hidden;overflow-y:auto;}
#header.tpA .gnb_mob .gnb > .gnbA.open > .gnbB_wrap{display:block;}
#header.tpA .gnb_mob .gnbB_area{position:relative;width:100%;min-height:100%;padding:0 2rem 5rem;background:#fff;box-sizing:border-box;}
#header.tpA .gnb_mob .gnb_title{display:flex;align-items:center;width:100%;height:6rem;margin:0;border-bottom:.2rem solid #444;box-sizing:border-box;color:#333;font-weight:700;}
#header.tpA .gnb_mob .gnbB{display:block;width:100%;margin:0;padding:0;list-style:none;}
#header.tpA .gnb_mob .gnbB > li{position:relative;width:100%;margin:0;padding:0;border-bottom:.1rem solid #ddd;box-sizing:border-box;}
#header.tpA .gnb_mob .gnbB > li > a{position:relative;display:flex;align-items:center;width:100%;min-height:5.5rem;padding:1rem 4rem 1rem .5rem;box-sizing:border-box;color:#666;text-decoration:none;}

/* 3DEPTH MORE */
#header.tpA .gnb_mob .gnbB > li > a > .more{position:absolute;right:1.25rem;top:50%;display:block;width:2.2rem;height:2.2rem;background:url(/donggu/images/common/2026/sp_layout.png) -13.6rem -4.9rem no-repeat;font-size:0;line-height:0;transform:translateY(-50%);transition:transform .2s ease;}
#header.tpA .gnb_mob .gnbB > li.open > a,#header.tpA .gnb_mob .gnbB > li.active > a{color:#EA5550;font-weight:700;}
#header.tpA .gnb_mob .gnbB > li.open > a > .more{transform:translateY(-50%) scaleY(-1);}
#header.tpA .gnb_mob .gnbB > li > a > .newwin{position:absolute;right:1.25rem;top:50%;display:block;width:2.2rem;height:2.2rem;background:url(/donggu/images/common/2026/sp_layout.png) -16.6rem -4.9rem no-repeat;font-size:0;line-height:0;transform:translateY(-50%);}

/* MOBILE 3DEPTH */
#header.tpA .gnb_mob .gnbC{display:none;width:100%;margin:0;padding:1rem 0;box-sizing:border-box;list-style:none; border-top:0.1rem solid #ddd;}
#header.tpA .gnb_mob .gnbB > li.open > .gnbC{display:block;}
#header.tpA .gnb_mob .gnbC > li{position:relative;margin:0;padding:0;}
#header.tpA .gnb_mob .gnbC > li > a{position:relative;display:block;padding:.2rem .5rem .2rem 1.5rem;color:#666;text-decoration:none;}
#header.tpA .gnb_mob .gnbC > li > a::before{content:'';display:block;position:absolute;width:0.4rem; height:0.4rem; top:1.2rem; left:0.5rem; background-color:#727272; border-radius:5rem;}
#header.tpA .gnb_mob .gnbC > li > a:hover,#header.tpA .gnb_mob .gnbC > li.active > a{color:#EA5550;text-decoration:underline;font-weight:700;}
#header.tpA .gnb_mob .gnbC > li > a:hover::before,#header.tpA .gnb_mob .gnbC > li.active > a::before{background-color:#EA5550;}

/* =========================================================
   FOOTER
========================================================= */
#footer{position:relative;width:100%;background:#414141;color:#fff;}
#footer .inner{position:relative;width:84%;max-width:none;margin:0 auto;}
#footer .footer_body{padding:5rem 0 7rem;}
#footer .footer_top{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:4rem;border-bottom:.2rem solid #4f4f4f;}
#footer .footer_info{min-width:0;}
#footer .footer_logo{display:flex;width:40rem;height:5.5rem;margin:0 0 3.5rem;background:url(/donggu/images/common/2026/logo_f.png) no-repeat;}
#footer address{margin:0;font-style:normal;}
#footer address > p{margin:0 0 1rem;}
#footer .footer_contact{display:flex;align-items:center;gap:4rem;}
#footer .footer_contact span{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;}
#footer .footer_contact strong{color:#f6ac2c;font-weight:700;}
#footer .footer_sns{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;}
#footer .footer_sns a{position:relative;display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;overflow:hidden;border-radius:2rem;background:#393939;}
#footer .footer_sns a::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:inherit;opacity:0;transition:opacity .3s ease;}
#footer .footer_sns a:has(.ico_instagram)::before{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);}
#footer .footer_sns a:has(.ico_blog)::before{background:#38BD2C;}
#footer .footer_sns a:has(.ico_youtube)::before{background:#E53333;}
#footer .footer_sns a:hover::before,#footer .footer_sns a:focus-visible::before{opacity:1;}
#footer .footer_sns i{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;}
#footer .footer_sns i::before{content:'';display:block;width:2rem;height:2rem;background:url('/donggu/images/common/2026/sp_layout.png') no-repeat;}
#footer .footer_sns .ico_youtube::before{background-position:-22.7rem -1rem;}
#footer .footer_sns .ico_blog::before{background-position:-26rem -1rem;}
#footer .footer_sns i.ico_instagram::before{background-position:-29.5rem -1rem;}

#footer .footer_bottom{display:flex;align-items:center;justify-content:space-between;padding-top:3.5rem;}
#footer .footer_menu{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem 4rem;margin:0;padding:0;list-style:none;}
#footer .footer_menu a{color:#fff;text-decoration:none;}
#footer .footer_copy{margin:1rem 0 0;}
#footer .footer_site{position:relative;flex:0 0 28rem;width:28rem;}
#footer .footer_site_btn{display:flex;align-items:center;justify-content:space-between;width:100%;height:5rem;padding:0 2.5rem;border:0;border-radius:1rem;background:#383838;color:#fff;cursor:pointer;}
#footer .footer_site_btn:after{content:'';display:block;width:1rem;height:1rem;border-top:.3rem solid #999;border-left:.3rem solid #999;transform:translateY(.3rem) rotate(45deg);transition:transform .3s ease;}
#footer .footer_site_list{position:absolute;left:0;bottom:calc(100% + 1rem);z-index:10;width:100%;padding:1rem 0;background:#333;border-radius:1rem;box-sizing:border-box;opacity:0;visibility:hidden;transform:translateY(1rem);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;}
#footer .footer_site_list ul{margin:0;padding:0;list-style:none;}
#footer .footer_site_list li + li{border-top:.1rem solid rgba(255,255,255,.1);}
#footer .footer_site_list a{display:block;padding:1.3rem 2rem;color:#fff;text-decoration:none;word-break:keep-all;}
#footer .footer_site.is-open .footer_site_list{opacity:1;visibility:visible;transform:translateY(0);}
#footer .footer_site.is-open .footer_site_btn:after{transform:translateY(-.3rem) rotate(225deg);}

/* =========================================================
   QUICK MENU
========================================================= */
.quick_menu{position:fixed;right:0;top:calc(50% - var(--quick-footer-offset, 0px));z-index:100;width:8rem;padding:0 0 1rem;background:#3f3c3a;border-radius:4rem 0 0 4rem;box-sizing:border-box;transform:translateY(-50%);overflow:visible;}
.quick_menu .quick_toggle{display:none;}
.quick_menu .quick_panel{position:relative;width:8rem;}
.quick_menu .quick_panel > .quick_link{position:relative;display:flex;align-items:center;justify-content:center;width:8rem;height:8rem;padding:0;border:0;background:transparent;color:#fff;text-decoration:none;box-sizing:border-box;overflow:visible;}
.quick_menu .quick_panel > .quick_link > i{position:absolute;left:50%;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;transform:translate(-50%,-50%);transition:left .3s ease;}
.quick_menu .quick_panel > .quick_link > i::before{content:'';display:block;width:3.6rem;height:3.6rem;background-image:url('/donggu/images/common/2026/sp_layout.png');background-repeat:no-repeat;}
.quick_menu .quick_panel .ico_quick_schedule::before{background-position:-26.3rem -4.2rem;}
.quick_menu .quick_panel .ico_quick_press::before{background-position:-30.9rem -4.2rem;}
.quick_menu .quick_panel .ico_quick_artpass::before{background-position:-35.7rem -4.2rem;}
.quick_menu .quick_panel > .quick_link > span{position:absolute;right:0;top:0;z-index:2;display:flex;align-items:center;width:8rem;height:8rem;padding:0 2rem 0 8rem;border-radius:4rem 0 0 4rem;background:linear-gradient(100deg,#299fc5,#27bc8e);box-sizing:border-box;color:#fff;white-space:nowrap;overflow:hidden;opacity:0;transition:width .3s ease,opacity .2s ease;}
.quick_menu .quick_panel > .quick_link:hover > span,.quick_menu .quick_panel > .quick_link:focus-visible > span{width:22rem;opacity:1;}
.quick_menu .quick_panel > .quick_link:hover > i,.quick_menu .quick_panel > .quick_link:focus-visible > i{left:-10rem;}

/* QUICK SNS */
.quick_menu .quick_panel .quick_sns{position:relative;width:8rem;height:8rem;overflow:visible;}
.quick_menu .quick_panel .quick_sns:before{content:'';position:absolute;right:0;top:0;z-index:1;width:8rem;height:8rem;border-radius:4rem 0 0 4rem;background:linear-gradient(100deg,#299fc5,#27bc8e);opacity:0;transition:width .3s ease,opacity .2s ease;}
.quick_menu .quick_panel .quick_sns_btn{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;width:8rem;height:8rem;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;box-sizing:border-box;}
.quick_menu .quick_panel .quick_sns_btn > .ico_quick_sns{position:absolute;left:50%;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;transform:translate(-50%,-50%);transition:left .3s ease;}
.quick_menu .quick_panel .quick_sns_btn > .ico_quick_sns::before{content:'';display:block;width:3.6rem;height:3.6rem;background:url('/donggu/images/common/2026/sp_layout.png') -21.8rem -4.2rem no-repeat;}
.quick_menu .quick_panel .quick_sns_title{position:absolute;right:13rem;top:50%;z-index:3;color:#fff;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(-50%);}
.quick_menu .quick_panel .quick_sns_icons{position:absolute;right:1.5rem;top:50%;z-index:4;display:flex;align-items:center;gap:.8rem;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-50%);}
.quick_menu .quick_panel .quick_sns_icons > a{display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;color:#fff;text-decoration:none;}
.quick_menu .quick_panel .quick_sns_icons > a > i{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;}
.quick_menu .quick_panel .quick_sns_icons > a > i::before{content:'';display:block;width:2.4rem;height:2.4rem;background-image:url('/donggu/images/common/2026/sp_layout.png');background-repeat:no-repeat;}
.quick_menu .quick_panel .quick_sns .ico_instagram::before{background-position:-29.3rem -.8rem;}
.quick_menu .quick_panel .quick_sns .ico_blog::before{background-position:-25.8rem -.8rem;}
.quick_menu .quick_panel .quick_sns .ico_youtube::before{background-position:-22.5rem -.8rem;}
.quick_menu .quick_panel .quick_sns_close{display:none;}
.quick_menu .quick_panel .quick_sns:hover:before,.quick_menu .quick_panel .quick_sns:focus-within:before{width:30rem;opacity:1;}
.quick_menu .quick_panel .quick_sns:hover .quick_sns_btn > .ico_quick_sns,.quick_menu .quick_panel .quick_sns:focus-within .quick_sns_btn > .ico_quick_sns{left:-18rem;}
.quick_menu .quick_panel .quick_sns:hover .quick_sns_title,.quick_menu .quick_panel .quick_sns:focus-within .quick_sns_title{opacity:1;visibility:visible;}
.quick_menu .quick_panel .quick_sns:hover .quick_sns_icons,.quick_menu .quick_panel .quick_sns:focus-within .quick_sns_icons{opacity:1;visibility:visible;pointer-events:auto;}

/* QUICK TOP */
.quick_menu .quick_top{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;width:8rem;height:7rem;padding:0 0 1rem;border:0;border-radius:0 0 0 4rem;background:transparent;color:#fff;cursor:pointer;box-sizing:border-box;}
.quick_menu .quick_top > i{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;}
.quick_menu .quick_top > i::before{content:'';display:block;width:1.2rem;height:1.2rem;background:url('/donggu/images/common/2026/sp_layout.png') -11rem -5.5rem no-repeat;}
.quick_menu .quick_top > span{display:block;color:#fff;}


/* =========================================================
   반응형 1500
========================================================= */
@media(max-width:1500px){
.inner{width:100%;padding:0 2rem;box-sizing:border-box;}
#header.tpA > .inner{padding:0 2rem;}
#footer .inner{width:100%;padding:0 5rem;box-sizing:border-box;}
}

/* =========================================================
   1280
========================================================= */
@media(max-width:1280px){
#header.tpA .mob_only{display:flex;}
#header.tpA .gnb_mob.is-open{display:block;}
#header.tpA .gnb_web > .gnb{gap:0 4rem;}
#header.tpA .gnb_web .gnbB{grid-template-columns:repeat(3,minmax(0,1fr));padding-right:5%;padding-left:4rem;}


}

/* =========================================================
   1024
========================================================= */
@media(max-width:1024px){
body:has(#container) { font-size: 100%;}
body:has(#container) { font-size: 1.4rem;}
#header.tpA .gnb_web{display:none;}
#header.tpA .gnb_mob{display:none;}
#header.tpA .gnb_mob .gnb_wrap{width:calc(100% - 20rem);}
		
#footer .footer_logo{width:28rem;height:3.85rem;background-size:contain;}
#footer .footer_contact{align-items:flex-start;flex-direction:column;gap:1rem;}
#footer .footer_bottom{align-items:flex-start;gap:3rem;}
#footer .footer_site{flex:0 0 20rem;width:20rem;}

}

@media(min-width:1025px){
    /* 어두운 비주얼: 흰색 메뉴 */
    #wrap:has(.visual_wrap.control_light) #header.tpA:not(:has(.gnb_web:hover, .gnb_web:focus-within)) .gnb_web > .gnb > .gnbA > a{color:#fff;}

    /* 메뉴를 펼쳤을 때: 흰색 헤더 배경 */
    #header.tpA:has(.gnb_web:hover, .gnb_web:focus-within){background:#fff;}
}

@media(min-width:769px){
    #wrap:has(.visual_wrap.control_light) #header.tpA:not(:has(.gnb_web:hover, .gnb_web:focus-within)) > .inner > .util i.ico_search::before,
    #wrap:has(.visual_wrap.control_light) #header.tpA:not(:has(.gnb_web:hover, .gnb_web:focus-within)) > .inner > .util i.ico_menu::before{filter:brightness(0) invert(1);}
}

/* =========================================================
   768
========================================================= */
@media(max-width:768px){
#header.tpA{position:relative;height:9rem;}
#header.tpA .logo a{width:18.8rem;height:4.3rem;background:url(/donggu/images/common/2026/logo_mov.png) no-repeat;background-size:contain;}
#header.tpA .gnb_mob .gnb_wrap{width:calc(100% - 6rem);}
#header.tpA .gnb_mob .gnbB_area{padding-right:1rem;padding-left:1rem;}
   
#footer .inner{width:100%;padding:0;}
#footer .footer_body{display:flex;flex-direction:column;padding:0 0 15rem;}
#footer .footer_bottom{display:contents;}
#footer .footer_site{order:1;width:100%;margin-bottom:4rem; flex:0;}
#footer .footer_top{order:2;display:block;padding:0 3rem 3rem 3rem;}
#footer .footer_bottom_left{order:3;margin:3rem 3rem 0;}
#footer .footer_site_btn{width:100%;height:6.5rem;padding:0 2rem;border-radius:0;}
#footer .footer_menu{gap:1rem 2rem;}
#footer .footer_copy{margin:2rem 0 0;}
#footer .footer_sns{margin: 2rem 0 0; padding: 0;}

/* QUICK MENU */
.quick_menu{position:fixed;left:auto;right:2rem;top:auto;bottom:calc(2rem + var(--quick-footer-offset, 0px));z-index:100;width:6.5rem;padding:0;background:none;border-radius:0;transform:none;overflow:visible;}
.quick_menu .quick_toggle{display:flex;align-items:center;justify-content:center;width:8rem;height:8rem;padding:0;border:0;border-radius:2rem;background:#3f3c3a;color:#fff;line-height:1.25;text-align:center;cursor:pointer;font-size:1.4rem;}
.quick_menu .quick_top{display:flex;width:8rem;height:8rem;margin-top:.8rem;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border-radius:2rem;background:#3f3c3a;color:#fff;font-size:1.4rem;}
.quick_menu .quick_top > i{display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;}
.quick_menu .quick_top > span{display:block;color:#fff;}

/* 하단 패널 */
.quick_menu .quick_panel{position:fixed;left:0;right:0;bottom:0;z-index:101;display:flex;align-items:center;justify-content:space-around;width:100%;height:10rem;padding:0;background:linear-gradient(100deg,#299fc5,#27bc8e);border-radius:4rem 4rem 0 0;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(100%);transition:transform .3s ease,opacity .3s ease,visibility .3s ease;}
.quick_menu.is-open .quick_panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);}

/* 하단 일반 메뉴 */
.quick_menu .quick_panel > .quick_link{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;width:auto;height:10rem;padding:0;background:none;color:#fff;text-decoration:none;}
.quick_menu .quick_panel > .quick_link > i{position:relative;left:auto;top:auto;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;transform:none;transition:none;}
.quick_menu .quick_panel > .quick_link > i::before{content:'';display:block;width:3.6rem;height:3.6rem;background-image:url('/donggu/images/common/2026/sp_layout.png');background-repeat:no-repeat;}
.quick_menu .quick_panel > .quick_link > span{position:static;display:block;width:auto;height:auto;padding:0;background:none;border-radius:0;color:#fff;white-space:nowrap;overflow:visible;opacity:1;}
.quick_menu .quick_panel > .quick_link:hover > span,.quick_menu .quick_panel > .quick_link:focus-visible > span{width:auto;opacity:1;}
.quick_menu .quick_panel > .quick_link:hover > i,.quick_menu .quick_panel > .quick_link:focus-visible > i{left:auto;}
.quick_menu .quick_panel .ico_quick_schedule::before{background-position:-26.3rem -4.2rem;}
.quick_menu .quick_panel .ico_quick_press::before{background-position:-30.9rem -4.2rem;}
.quick_menu .quick_panel .ico_quick_artpass::before{background-position:-35.7rem -4.2rem;}

/* 하단 SNS */
.quick_menu .quick_panel .quick_sns{position:relative;display:flex;flex:1;align-items:center;justify-content:center;width:auto;height:10rem;}
.quick_menu .quick_panel .quick_sns:before{display:none;}
.quick_menu .quick_panel .quick_sns_btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;width:100%;height:10rem;padding:0;border:0;background:none;color:#fff;}
.quick_menu .quick_panel .quick_sns_btn > .ico_quick_sns{position:relative;left:auto;top:auto;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;transform:none;transition:none;}
.quick_menu .quick_panel .quick_sns_btn > .ico_quick_sns::before{content:'';display:block;width:3.6rem;height:3.6rem;background:url('/donggu/images/common/2026/sp_layout.png') -21.8rem -4.2rem no-repeat;}
.quick_menu .quick_panel .quick_sns_title{position:static;display:block;color:#fff;white-space:nowrap;opacity:1;visibility:visible;transform:none;}

/* 모바일에서는 PC hover 제거 */
.quick_menu .quick_panel .quick_sns:hover:before,.quick_menu .quick_panel .quick_sns:focus-within:before{display:none;}
.quick_menu .quick_panel .quick_sns:hover .quick_sns_btn > .ico_quick_sns,.quick_menu .quick_panel .quick_sns:focus-within .quick_sns_btn > .ico_quick_sns{left:auto;}
.quick_menu .quick_panel .quick_sns:hover .quick_sns_title,.quick_menu .quick_panel .quick_sns:focus-within .quick_sns_title{opacity:1;visibility:visible;}
.quick_menu .quick_panel .quick_sns:hover .quick_sns_icons,.quick_menu .quick_panel .quick_sns:focus-within .quick_sns_icons{opacity:0;visibility:hidden;pointer-events:none;}

/* SNS 클릭 팝업 */
.quick_menu .quick_panel .quick_sns_icons{position:absolute;left:100%;right:auto;top:50%;bottom:auto;z-index:110;display:flex;align-items:center;gap:1.5rem;height:7rem;padding:0 2rem;border-radius:2rem;background:#3d3a38;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;transform:translate(1rem,-50%);transition:opacity .25s ease,visibility .25s ease,transform .25s ease;}
.quick_menu .quick_panel .quick_sns.is-sns-open .quick_sns_icons,.quick_menu .quick_panel .quick_sns.is-sns-open:hover .quick_sns_icons,.quick_menu .quick_panel .quick_sns.is-sns-open:focus-within .quick_sns_icons{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%);}
.quick_menu .quick_panel .quick_sns_icons > a{display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;border-radius:1.5rem;color:#fff;}
.quick_menu .quick_panel .quick_sns_icons > a:nth-child(1){background:linear-gradient(135deg,#6557d9,#e43b85,#f3a42d);}
.quick_menu .quick_panel .quick_sns_icons > a:nth-child(2){background:#2ac52f;}
.quick_menu .quick_panel .quick_sns_icons > a:nth-child(3){background:#f33;}
.quick_menu .quick_panel .quick_sns_icons > a > i{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;}
.quick_menu .quick_panel .quick_sns_icons > a > i::before{content:'';display:block;width:2.4rem;height:2.4rem;background-image:url('/donggu/images/common/2026/sp_layout.png');background-repeat:no-repeat;}
.quick_menu .quick_panel .quick_sns .ico_instagram::before{background-position:-29.3rem -.8rem;}
.quick_menu .quick_panel .quick_sns .ico_blog::before{background-position:-25.8rem -.8rem;}
.quick_menu .quick_panel .quick_sns .ico_youtube::before{background-position:-22.5rem -.8rem;}
.quick_menu .quick_panel .quick_sns_close{display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;padding:0;border:.2rem solid #fff;border-radius:50%;background:transparent;cursor:pointer;}
.quick_menu .quick_panel .quick_sns_close .ico_close{position:relative;display:block;width:2rem;height:2rem;}
.quick_menu .quick_panel .quick_sns_close .ico_close:before,.quick_menu .quick_panel .quick_sns_close .ico_close:after{content:'';position:absolute;left:50%;top:50%;width:1.8rem;height:.2rem;background:#fff;}
.quick_menu .quick_panel .quick_sns_close .ico_close:before{transform:translate(-50%,-50%) rotate(45deg);}
.quick_menu .quick_panel .quick_sns_close .ico_close:after{transform:translate(-50%,-50%) rotate(-45deg);}

}

/* =========================================================
   420
========================================================= */
@media(max-width:480px){
#footer{font-size:1.5rem}
#footer .footer_top{padding-bottom:3rem;}
#footer .footer_body{padding:0 0 5rem;}
#footer .footer_menu{gap:1rem 2rem;}
#header.tpA .gnb_mob .gnb_wrap{width:100%;}
   
/* QUICK MENU */
.quick_menu{right:1.8rem;bottom:calc(clamp(3rem,4%,4.5rem) + var(--quick-footer-offset, 0px));}
.quick_menu.is-open .quick_panel{border-radius:2rem 2rem 0 0;}
.quick_menu .quick_toggle{width:7rem;height:7rem;}
.quick_menu .quick_top{width:7rem;height:7rem;}
.quick_menu .quick_panel{height:9rem;padding:0 1rem;}
.quick_menu .quick_panel > .quick_link,.quick_menu .quick_panel .quick_sns{height:9rem;min-width:0;}
.quick_menu .quick_panel > .quick_link{gap:.4rem;}
.quick_menu .quick_panel > .quick_link > i{width:3.6rem;height:3.6rem;transform:scale(.85);}
.quick_menu .quick_panel > .quick_link > span{font-size:1.4rem;line-height:1.3;letter-spacing:-.05rem;}
.quick_menu .quick_panel .quick_sns_btn{height:9rem;gap:.4rem;}
.quick_menu .quick_panel .quick_sns_btn > .ico_quick_sns{width:3.6rem;height:3.6rem;transform:scale(.85);}
.quick_menu .quick_panel .quick_sns_title{font-size:1.4rem;line-height:1.3;letter-spacing:-.05rem;}
   
}