@import "fonts.css";
@import "variables.css";
@import "reset.css";
@import "components.css";

/* skip navigation */
#skip_nav{position:fixed;left:0;top:0;width:100%;text-align:center;z-index:10000;background-color:var(--color-gray90);}
#skip_nav a{display:flex;}
#skip_nav a:not(:focus){position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}
#skip_nav a:focus{align-items:center;justify-content:center;font-size:1.5rem;color:#fff;width:100%;height:5.8rem;margin:0 auto;text-align:center;outline:2px solid var(--color-secondary100);outline-offset:-.4rem;}

.wrap{position:relative;width:100%;}

/* header */
#header{background:#fff;border-bottom:1px solid var(--color-gray20);position:relative;z-index:6000;
  --btn-size:3.8rem; 
  --ico-size:2.4rem;
  --h-height:6.2rem;
}

body{overflow-x:hidden;}
body:not(.main) #header{border-bottom:none;background:transparent;}

#header .header_inner{display:flex;align-items:center;justify-content:space-between;height:var(--h-height);padding:0 1.2rem;transition:height .3s;position:relative}
body:not(.main) #header .header_inner{max-width:140rem;margin:0 auto;}

#header .site_id{width:8.9rem;height:var(--ico-size);position:relative;z-index:100;}
#header .site_id a{display:block;width:100%;height:100%;background-image:url('/images/common/site_id.svg');background-repeat:no-repeat;background-position:50%;background-size:contain;overflow:hidden;}

body:not(.main) #header .site_id a{background-image:url('/images/common/site_id_w.svg');}

#header .util .alarm{position:relative;}
#header .util .alarm.active .alarm_box{display:block;}
#header .util .alarm .alarm_box{display:none;position:absolute;right:0;top:100%;background-color:#fff;border-radius:.6rem;border:1px solid var(--color-gray-blue30)}
#header .util .alarm .alarm_box::before{content:'';width:16px;height:10px;position:absolute;right:.8rem;top:-10px;background:url(/images/common/arr_alarm.svg) no-repeat 50% / cover;}

#header .util .alarm .alarm_header{padding:.8rem;background-color:var(--color-gray-blue30);border-radius:.5rem .5rem 0 0}
#header .util .alarm .alarm_header .tit{color:var(--coor-gray-blue100);}
#header .util .alarm .alarm_lst{padding:1.2rem;width:24rem;max-height:20vh;overflow-y:auto;}
#header .util .alarm .alarm_lst li{padding:.4rem 0;}
#header .util .alarm .alarm_lst a{display:block;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.5rem}
#header .util .alarm .alarm_lst a:hover{text-decoration:underline}

#header .util{display:flex;align-items:center;gap:.6rem;position:relative;z-index:100;}
#header .util .btn_login,
#header .util .btn_logout,
#header .util .btn_menu,
#header .util .btn_lang,
#header .util .btn_alarm,
#header .util .btn_cart{display:block;width:var(--btn-size);height:var(--btn-size);position:relative}

#header .util .btn_login,
#header .util .btn_logout,
#header .util .btn_alarm,
#header .util .btn_cart{background-repeat:no-repeat;background-position:50%;background-size:var(--ico-size);}

#header .util .btn_login{background-image:url(/images/common/ico_login.svg);}
#header .util .btn_logout{background-image:url(/images/common/ico_logout.svg);}

#header .util .btn_alarm{background-image:url(/images/common/ico_alarm.svg);}
#header .util .btn_cart{background-image:url(/images/common/ico_cart.svg);}

#header .util .btn_alarm .num,
#header .util .btn_cart .num{display:inline-flex;justify-content:center;align-items:center;min-width:2rem;height:2rem;background-color:var(--color-point-red);border-radius:2rem;color:#fff;font-size:1.2rem;line-height:1;position:absolute;right:0;top:0;font-weight:var(--fws-medium);}

body:not(.main) #header .util .btn_login{background-image:url(/images/common/ico_login_w.svg);}
body:not(.main) #header .util .btn_logout{background-image:url(/images/common/ico_logout_w.svg);}

body:not(.main) #header .util .btn_alarm{background-image:url(/images/common/ico_alarm_w.svg);}
body:not(.main) #header .util .btn_cart{background-image:url(/images/common/ico_cart_w.svg);}

#header .util .btn_mypage{display:inline-flex;align-items:center;gap:.4rem;font-weight:var(--fws-semibold);color:var(--color-gray90);height:var(--btn-size);line-height:1;}
#header .util .btn_mypage::before{content:'';display:inline-block;width:var(--ico-size);height:var(--ico-size);background-image:url(/images/common/ico_account.svg);background-repeat:no-repeat;background-position:50%;background-size:contain}
#header .util .btn_mypage strong{display:inline-block;border-bottom:1px solid var(--color-gray90);transition:color .3s, border-color .3s;}

body:not(.main) #header .util .btn_mypage{color:#fff}
body:not(.main) #header .util .btn_mypage strong{border-bottom-color:#fff}
body:not(.main) #header .util .btn_mypage::before{background-image:url(/images/common/ico_account_w.svg);}

#header .util .btn_menu{position:relative;border:none;background:transparent;cursor:pointer;}
#header .util .btn_menu::before,
#header .util .btn_menu::after,
#header .util .btn_menu i{content:'';display:block;width:var(--ico-size);height:2px;background-color:var(--color-gray90);position:absolute;left:50%;transform:translateX(-50%);transition:all .3s;}

body:not(.main) #header .util .btn_menu::before,
body:not(.main) #header .util .btn_menu::after,
body:not(.main) #header .util .btn_menu i{background-color:#fff;}

#header .util .btn_menu::before{top:1.2rem;}
#header .util .btn_menu i{top:1.8rem;}
#header .util .btn_menu::after{top:2.4rem;}

#header .util .btn_lang{display:none;justify-content:center;align-items:center;gap:.6rem;font-weight:var(--fws-semibold);width:auto;line-height:1;padding:0 .8rem}
#header .util .btn_lang::before{content:'';display:inline-block;width:var(--ico-size);height:var(--ico-size);background-image:url(/images/common/ico_lang.svg);background-repeat:no-repeat;background-position:50%;background-size:contain}

#header .btn_menu.ct{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border:none;background:transparent;cursor:pointer;width:var(--btn-size);height:calc( var(--btn-size) + 1rem );}
#header .btn_menu.ct::before,
#header .btn_menu.ct::after,
#header .btn_menu.ct i{content:'';display:block;width:var(--ico-size);height:.2rem;background:var(--color-gray90);position:absolute;left:50%;transform:translateX(-50%);transition:all .3s;}
#header .btn_menu.ct::before{top:1.1rem;}
#header .btn_menu.ct i{top:1.8rem;}
#header .btn_menu.ct::after{top:2.5rem;}
#header .btn_menu.ct span{font-size:1.1rem;position:absolute;bottom:0;left:0;text-align:center;width:100%;}

#header .gnb{display:none}

.bnr_top{height:4.6rem;overflow:hidden;position:relative;
  background: linear-gradient(
        to left,
        var(--color-primary) 0%,
        var(--color-secondary) 35%,
        var(--color-secondary) 65%,
        var(--color-primary) 100%
    );}

.bnr_top_slide{height:100%;}
.bnr_top .btn_box,
.bnr_top .btn_close{position:absolute;z-index: 10;top:50%;transform:translateY(-50%);}
.bnr_top .btn_box{display:none;width:6rem;left:1.2rem;}
.bnr_top .btn_close{color:#fff;display:flex;gap:.8rem;right:1.2rem}
.bnr_top .btn_close::before{content:'';display:block;;width:2.4rem;height:2.4rem;background:url(/images/common/ico_close_w.svg) no-repeat 50% / contain;transition:transform .3s;}
.bnr_top .btn_close span{display:none}

.bnr_top .swiper-slide{display:flex;gap:.8rem;justify-content:center;align-items:center;padding:0 4.2rem;}
.bnr_top .swiper-slide a{color:#fff;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.5rem;max-width:58rem;}

.bnr_top .swiper-slide::before{content:'';display:block;width:2.2rem;height:2.2rem;background:url(/images/common/ico_notifications.png) no-repeat 50% / contain;animation: ring 1s infinite;}

@keyframes ring {
  0% { transform: rotate(0deg); }
  15% { transform: rotate(15deg); }
  30% { transform: rotate(-15deg); }
  45% { transform: rotate(10deg); }
  60% { transform: rotate(-10deg); }
  75% { transform: rotate(5deg); }
  100% { transform: rotate(0deg); }
}

@media (min-width:1024px){
  #header{--h-height:9rem;}

  .bnr_top{height:5rem;}
  .bnr_top .btn_box{display:flex;left:2.4rem}
  .bnr_top .btn_close{display:inline-flex;right:2.4rem}
  .bnr_top .btn_close span{display:inline;}
  .bnr_top .btn_close:hover::before{transform:rotate(90deg);}
  .bnr_top .swiper-slide a{font-size:1.6rem}
  .bnr_top .swiper-slide a:hover{text-decoration:underline;}

  .bnr_top .btn_box button:disabled{opacity:.7;cursor:default}

  #header .gnb{display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;background:transparent;}

  #header .gnb .depth02 a{display:block;white-space:nowrap;font-size:1.6rem;color:var(--color-gray80);text-align:center;transition:color .3s;font-weight:var(--fws-regular);}
  #header .gnb .depth02 a:hover{color:var(--color-gray90);text-decoration:underline;}

  #header .gnb > ul{display:flex;align-items:center;justify-content:center;height:100%;gap:3.2rem;}
  #header .gnb > ul > li{position:relative;width:fit-content;min-width:12rem;height:100%}
  #header .gnb > ul > li > a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:var(--fws-semibold);color:var(--color-gray90);position:relative;font-size:1.8rem;transition:color .3s;text-align:center;}

  #header .gnb .depth02{display:block;position:absolute;top:var(--h-height);left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;transition:opacity .2s ease, visibility .2s ease;z-index:20}
  #header .gnb .depth02::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:.3rem;background-color:var(--color-primary);transition:width .3s;}

  #header .gnb .gnb_bg{display:block;position:absolute;top:var(--h-height);left:50%;width:100vw;height:0;background:var(--color-gray05);z-index:10;opacity:0;visibility:hidden;transition:opacity .2s ease, visibility .2s ease, height .3s;transform:translateX(-50%);backdrop-filter:blur(8px);}

  #header .gnb > ul > li:hover > a{color:var(--color-primary)}
  #header .gnb > ul > li:hover .depth02::after{width:100%;}

  #header .gnb .depth02 ul{display:flex;flex-direction:column;gap:1.8rem;padding:2rem 0;}

  #header .gnb{display:none}

  body::after{content:"";position:fixed;inset:0;background:rgba(0, 0, 0, 0.75);opacity:0;visibility:hidden;transition:opacity 0.3s;z-index:900;backdrop-filter:blur(12px);}
  body.gnb_open::after{opacity:1;visibility:visible;}
  body.gnb_open #header .depth02{opacity:1;visibility:visible;}
  body.gnb_open #header .gnb_bg{opacity:1;visibility:visible;}

  body.main #header{position:fixed;top:0;left:0;width:100%;z-index:1000;backdrop-filter:blur(8px);border:0;}
  body.main #header .site_id a{background-image:url(/images/common/site_id_w.svg);}
  body.main #header .util .btn_login{background-image:url(/images/common/ico_login_w.svg);}
  body.main #header .util .btn_logout{background-image:url(/images/common/ico_logout_w.svg);}
  body.main #header .util .btn_lang{color:#fff;}
  body.main #header .util .btn_lang::before{background-image:url(/images/common/ico_lang_w.svg);}

  body.main #header .util .btn_alarm{background-image:url(/images/common/ico_alarm_w.svg);}
  body.main #header .util .btn_cart{background-image:url(/images/common/ico_cart_w.svg);}

  body.main #header .util .btn_alarm .num,
  body.main #header .util .btn_cart .num{border-color:#000}
  

  body.main #header .util .btn_mypage{color:#fff;}
  body.main #header .util .btn_mypage::before{background-image:url(/images/common/ico_account_w.svg);}
  body.main #header .util .btn_mypage strong{color:#fff;border-bottom-color:#fff}
  body.main #header .util .btn_mypage:hover strong{color:#fff;border-color:#fff}

  body.main #header .util .btn_menu::before,
  body.main #header .util .btn_menu::after,
  body.main #header .util .btn_menu i,
  #header .btn_menu.ct::before,
  #header .btn_menu.ct::after,
  #header .btn_menu.ct i{background-color:#fff;}
  body.main #header .btn_menu.ct span{color:#fff;}

  body.main #header .gnb > ul > li > a{color:#fff;}
  body.main #header .gnb .gnb_bg{background:rgba(0, 0, 0, 0.7)}
  body.main #header .gnb .depth02 a{color:#fff}

  body.main #header{background:transparent;}
  body.main.is_top #header{backdrop-filter:unset;}
  body.main.is_top #header .util .btn_menu{display:none}

  body.main.gnb_open #header{background:rgba(0,0,0,.5);border-bottom:1px solid rgba(0,0,0,.75)}

  body:not(.main) #header .util .btn_login{background-image:url(/images/common/ico_login.svg);}
  body:not(.main) #header .util .btn_logout{background-image:url(/images/common/ico_logout.svg);}

   body:not(.main) #header .util .btn_alarm{background-image:url(/images/common/ico_alarm.svg);}
   body:not(.main) #header .util .btn_cart{background-image:url(/images/common/ico_cart.svg);}

   body:not(.main) #header .util .btn_alarm .num,
   body:not(.main) #header .util .btn_cart .num{border-color:#fff}
}

@media (min-width:1280px){
  #header .site_id{width:11.1rem;height:3rem}
  #header .util .btn_lang{display:flex}
  body.main.is_top #header .btn_menu.ct{display:block;}
  body.main:not(.is_top) #header .btn_menu.ct{display:none}
  body.main:not(.is_top) #header .gnb{display:block}
  
  #header .util .btn_mypage:hover strong{color:var(--color-primary);border-color:var(--color-primary)}
  body:not(.main) #header .gnb{display:block;} 
}

@media (min-width:1440px){
  #header .header_inner{padding-left:0;padding-right:0;}
  body.main #header .header_inner{padding-left:4rem;padding-right:4rem;}
}

/* sitemap */
.sitemap{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s;
--padding:1.6rem}
.sitemap::after{content:'';display:block;position:absolute;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.75);z-index:10;opacity:0;visibility:hidden;transition:opacity .3s}
.sitemap.active,
.sitemap.active::after{opacity:1;visibility:visible;}

.sitemap .sitemap_inner{position:absolute;right:0;top:0;width:100%;max-width:34rem;height:100vh;background:var(--color-gray-blue05);z-index:20;overflow-y:auto;border-radius:1.2rem 0 0 1.2rem;}

.sitemap .util{position:absolute;top:1.6rem;right:.8rem;display:flex;align-items:center;justify-content:flex-end;gap:.6rem;z-index:50;}
.sitemap .tit_sitemap{font-size:2.8rem;font-weight:var(--fws-semibold);margin-bottom:2.4rem}
.sitemap .btn_lang{display:flex;width:3.8rem;height:3.8rem;justify-content:center;align-items:center;gap:.6rem;font-weight:var(--fws-semibold);width:auto;line-height:1;padding:0 .8rem}
.sitemap .btn_lang::before{content:'';display:inline-block;width:2.4rem;height:2.4rem;background-image:url(/images/common/ico_lang.svg);background-repeat:no-repeat;background-position:50%;background-size:contain}
.sitemap .btn_close{display:block;width:3.8rem;height:3.8rem;position:relative}
.sitemap .btn_close::before,
.sitemap .btn_close::after{content:'';display:block;width:2.2rem;height:.2rem;position:absolute;left:50%;top:50%;background:var(--color-gray90);transform-origin:50%;}
.sitemap .btn_close::before{transform:translate(-50%, -50%) rotate(45deg);}
.sitemap .btn_close::after{transform:translate(-50%, -50%) rotate(-45deg);}

.sitemap .user_info{font-size:2.8rem;padding:7.2rem var(--padding) 2.8rem;color:var(--color-gray70);background:#fff;}
.sitemap .user_info .btn_login{text-decoration:underline;font-weight:var(--fws-semibold);color:var(--color-gray90)}
.sitemap .user_info .btn_mypage{display:inline-flex;gap:.6rem;align-items:center;margin-right:.6rem;vertical-align:top;}
.sitemap .user_info .btn_mypage strong{text-decoration:underline;font-weight:var(--fws-semibold);color:var(--color-gray90)}
.sitemap .user_info .btn_mypage::before{content:'';display:block;width:3.2rem;height:3.2rem;background-image:url(/images/common/ico_account.svg);background-repeat:no-repeat;background-position:50%;background-size:contain;}
.sitemap .user_info .btn_logout{display:inline-block;line-height:3.4rem;margin-left:1.2rem;padding:0 1.2rem;background:var(--color-gray10);border-radius:.4rem;font-size:1.6rem;color:var(--color-gray90);transition:background-color .3s, color .3s;vertical-align:middle;border:1px solid var(--color-gray20);}

.sitemap nav{background:#fff;}
.sitemap nav .depth01{display:flex;flex-direction:column;gap:1.8rem;padding:0 var(--padding);}
.sitemap nav .depth01 > li > a{display:block;font-size:2rem;font-weight:var(--fws-semibold);color:var(--color-gray90);position:relative;transition:color .3s;border-bottom:1px solid var(--color-gray90);padding:1rem 3rem 1rem 0;}
.sitemap nav .depth01 > li > a::after{content:'';position:absolute;top:50%;right:0;width:2.2rem;height:2.2rem;background:url(/images/contents/arr_line.svg) no-repeat 50% / contain;transform-origin:50%;transform:translateY(-50%) rotate(90deg);}
.sitemap nav .depth02{margin-top:1.2rem;display:flex;flex-direction:column;gap:.8rem;height:0;overflow:hidden;transition:height .3s;}
.sitemap nav .depth02 li{padding-left:.4rem}

.sitemap nav .depth01 > li.active .depth02{height:auto;}
.sitemap nav .depth01 > li.active > a::after{transform:translateY(-50%) rotate(-90deg);}

.sitemap nav .join_menu{padding:2.4rem var(--padding);background:var(--color-gray-blue05);width:100%;display:flex;flex-direction:column;gap:.8rem;margin-top:12rem;}
.sitemap nav .join_menu ul{display:flex;gap:1.2rem;flex-wrap:wrap;}

@media (min-width:1024px){
  .sitemap{--padding:3.2rem;}
  .sitemap .tit_sitemap{padding:0 var(--padding)}
  .sitemap .sitemap_inner{right:auto;left:50%;top:50%;transform:translate(-50%, -50%);max-width:none;width:100rem;height:auto;padding:3.6rem 0 0;border-radius:1.2rem;overflow:hidden;background:#fff;}
  .sitemap .util{top:3.2rem;right:2rem;padding:0;}
  .sitemap .btn_lang{display:none}
  .sitemap .btn_close{width:4rem;height:4rem;transition:transform .3s ease;}
  .sitemap .btn_close::before,
  .sitemap .btn_close::after{width:2.8rem;height:.3rem}
  .sitemap .btn_close:hover{transform:rotate(90deg);}

  .sitemap nav .depth01{flex-direction:row;flex-wrap:wrap;gap:3.2rem;}
  .sitemap nav .depth01 > li{width:calc( (100% - (3.2rem * 3 )) / 4 )}
  .sitemap nav .depth01 > li > a::after,
  .sitemap nav .depth01 > li.active > a::after{transform:translateY(-50%) rotate(0);}
  .sitemap nav .depth01 > li > a::after{transition:right .3s;}
  .sitemap nav .depth01 > li > a:hover::after{right:-4px}

  .sitemap nav .depth02{height:auto;}
  .sitemap nav .depth02 li a{font-size:1.6rem;transition:color .3s;color:var(--color-gray70)}
  .sitemap nav .depth02 li a:hover{color:var(--color-gray90)}

  .sitemap nav .join_menu{flex-direction:row;vertical-align:center;align-items:center;gap:4.8rem;margin-top:9rem}
  .sitemap nav .join_menu ul{gap:2.4rem}
  .sitemap nav .join_menu li{padding-left:calc( 2.4rem + 1px );position:relative;}
  .sitemap nav .join_menu li:not(:first-child)::before{content:'';position:absolute;top:50%;left:0;width:1px;height:1.2rem;background:var(--color-gray30);transform:translateY(-50%);}
  .sitemap nav .join_menu a:hover{text-decoration:underline;}
}

/* footer */
#footer{background:var(--color-gray80);color:var(--color-gray10);position:relative;z-index:3000;
--height:4.6rem;}
#footer .footer_inner{width:100%;max-width:140rem;margin:0 auto;padding:4.6rem 1.2rem;display:flex;flex-direction:column-reverse;}

#footer .footer_contact .f_site_id{margin-bottom:1.2rem;position:relative;}
#footer .footer_contact .f_site_id a{display:block;width:8.3rem;height:2.2rem;background-image:url('/images/common/site_id_w.svg');background-repeat:no-repeat;background-position:50%;background-size:contain;overflow:hidden;}
#footer .footer_contact .f_slogan{font-size:2.8rem;margin-bottom:2.4rem;line-height:1.4;}
#footer .footer_contact .f_copy{font-size:1.3rem;color:var(--color-gray20);line-height:1.6;margin-bottom:3.6rem;}
#footer .footer_contact .f_policy{display:flex;gap:2.4rem;flex-wrap:wrap;align-items:center;}
#footer .footer_contact .f_policy li:not(:first-child)::before{content:'';display:inline-block;width:1px;height:1.2rem;background:var(--color-gray20);margin-right:2.4rem;vertical-align:middle;}

#footer .footer_info{padding-bottom:3.6rem;margin-bottom:3.6rem;border-bottom:1px solid var(--color-gray70)}
#footer .footer_info .f_links{margin-bottom:3.6rem;display:flex;flex-direction:column;gap:1.2rem;}
#footer .footer_info .f_links .group_link{position:relative;width:100%;height:var(--height);}
#footer .footer_info .f_links .group_link .btn_select{border-bottom:1px solid var(--color-gray70);width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;}
#footer .footer_info .f_links .group_link .btn_select::after{content:'';display:inline-block;width:2rem;height:2rem;background:url(/images/contents/arr_line_w.svg) no-repeat 50% / contain;transition:transform .3s;transform:rotate(-90deg);}

#footer .footer_info .f_links .select_lst{position:absolute;bottom:var(--height);left:0;width:100%;background:var(--color-gray90);max-height:0;overflow:hidden;transition:max-height .2s;z-index:10;border-radius:.4rem;overflow:hidden;}

#footer .footer_info .f_links .select_lst li a{display:block;padding:.8rem 1.2rem;color:var(--color-gray20)}

#footer .footer_info .f_links .group_link.active{z-index:20;}
#footer .footer_info .f_links .group_link.active .select_lst{max-height:100rem;padding:.8rem 0;}
#footer .footer_info .f_links .group_link.active .btn_select::after{transform:rotate(90deg);}

#footer .footer_info .f_address{display:flex;flex-direction:column;gap:.4rem;line-height:1.6;}
#footer .footer_info .f_address ul{display:flex;gap:1.2rem;flex-wrap:wrap;flex-direction:column}
#footer .footer_info .f_address strong{font-style:normal;font-size:1.4rem}
#footer .footer_info .f_address p{margin:0;color:#fff;font-weight:var(--fws-regular)}

body.gnb_open #footer{z-index:1;}

@media (min-width:1024px){
  #footer{background:var(--color-gray05);color:var(--color-gray90);}
  #footer .footer_inner{flex-direction:row;justify-content:space-between;padding:7.6rem 1.2rem;}
  #footer .footer_contact .f_site_id a{background-image:url('/images/common/site_id.svg');width:11rem;height:3rem}
  #footer .footer_contact .f_slogan{font-size:3.2rem;margin-bottom:1.8rem}
  #footer .footer_contact .f_copy{color:var(--color-gray70);margin-bottom:1.8rem}
  #footer .footer_contact .f_policy li:not(:first-child)::before{background:var(--color-gray40)}

  #footer .footer_info{padding-bottom:0;margin-bottom:0;border:0;min-width:42rem}
  #footer .footer_info .f_links .select_lst{background:var(--color-gray10);}
  #footer .footer_info .f_links .select_lst li a{color:var(--color-gray70)}
  #footer .footer_info .f_links .select_lst li a:hover{color:var(--color-gray90)}
  #footer .footer_info .f_links{margin-bottom:1.8rem;flex-direction:row;width:100%;}
  #footer .footer_info .f_links .group_link{flex:1}
  #footer .footer_info .f_links .group_link .btn_select{border:1px solid var(--color-gray30);border-radius:.4rem;padding:0 1.2rem;width:100%;background:#fff;}
  #footer .footer_info .f_links .group_link .btn_select::after{background:url(/images/contents/arr_line.svg) no-repeat 50% / contain;}
  #footer .footer_info .f_address ul{gap:.8rem}
  #footer .footer_info .f_address ul li{display:flex;gap:2.4rem;}
  #footer .footer_info .f_address strong{font-weight:var(--fws-semibold);flex:0 0 6rem}
  #footer .footer_info .f_address p{color:var(--color-gray90)}
  #footer .footer_info .f_address p a:hover{text-decoration:underline}
}

@media (min-width:1440px){
  #footer .footer_inner{padding-left:0;padding-right:0;}
}

/* quick util */
.quick_util{position:fixed;right:1.2rem;bottom:2.4rem;z-index:1000;width:var(--size);height:var(--size);gap:1.2rem;transition:left .3s, right .3s, bottom .3s, top .3s;
--ico-size:2.4rem;
--size:5.4rem;
}

.quick_util .btn_toggle{background:var(--color-gray-blue100);width:var(--size);height:var(--size);border-radius:5rem;align-items:center;display:flex;flex-direction:column;justify-content:center;position:absolute;z-index:100;}
.quick_util .btn_toggle::before{content:'';display:block;width:var(--ico-size);height:var(--ico-size);background:url(/images/common/ico_plus_w.svg) no-repeat 50% / contain;transition:transform .3s;transform:rotate(0deg);}

.quick_util .qu_inner{width:0;height:100%;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;background:rgba(237,240,255,.2);backdrop-filter:blur(8px);border-radius:var(--size);overflow:hidden}
.quick_util .hstry_box{width:auto;display:flex;align-items:center;height:100%;position:relative}
.quick_util .hstry_ctrl{display:none;gap:1.2rem}

.quick_util .btn_top{display:none;font-weight:var(--fws-semibold);height:var(--size);background:rgba(237,240,255,.2);backdrop-filter:blur(8px);color:var(--color-gray-blue100);justify-content:center;align-items:center;border-radius:50%;flex:0 0 var(--size);}
.quick_util .btn_top span{font-size:1.4rem}

.quick_util .record_txt,
.quick_util .btn_hstry,
.quick_util .btn_help,
.quick_util .btn_faq,
.quick_util .btn_record,
.quick_util .btn_cancel,
.quick_util .btn_note{display:inline-flex;gap:.2rem;justify-content:center;align-items:center;flex-direction:column;font-size:1.2rem;min-width:6.6rem}
.quick_util .record_txt{display:none}
.quick_util .btn_note span{}
.quick_util .btn_note .num{text-align:center;display:block;line-height:1;color:var(--color-point-red)}

.quick_util .record_txt .ico{position:relative;width:var(--ico-size);height:var(--ico-size);}
.quick_util .record_txt .ico::before,
.quick_util .record_txt .ico::after{width:var(--ico-size);height:var(--ico-size);position:absolute;left:0;top:0;}

.quick_util .btn_hstry::before,
.quick_util .record_txt .ico::before,
.quick_util .record_txt .ico::after,
.quick_util .btn_help::before,
.quick_util .btn_faq::before,
.quick_util .btn_record::before,
.quick_util .btn_cancel::before,
.quick_util .btn_note::before{content:'';display:block;width:var(--ico-size);height:var(--ico-size);background-position:50%;background-size:contain;background-repeat:no-repeat;}

.quick_util .btn_hstry::before{background-image:url(/images/common/ico_record.svg)}
.quick_util .btn_help::before{background-image:url(/images/common/ico_help.svg)}
.quick_util .btn_faq::before{background-image:url(/images/common/ico_info.svg)}
.quick_util .btn_record::before{background-image:url(/images/common/ico_save.svg)}
.quick_util .btn_cancel::before{background-image:url(/images/common/ico_cancel.svg)}
.quick_util .btn_note::before{background-image:url(/images/common/ico_note.svg)}
.quick_util .record_txt .ico::before{background-image:url(/images/common/ico_record_arr.svg);animation:spin 10s linear infinite;}
.quick_util .record_txt .ico::after{background-image:url(/images/common/ico_record_dot.svg);animation:blink 1s step-end infinite;}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
@keyframes blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

body.main .quick_util .qu_inner,
body.main .quick_util .btn_top{background:rgba(255,255,255,.75)}

.quick_util.open{width:fit-content;left:50%;transform:translateX(-50%);display:flex;}
.quick_util.open .qu_inner{overflow:visible;}

.quick_util.open .btn_toggle{background:var(--color-secondary);width:2rem;height:2rem;left:-.4rem;top:-.4rem;}
.quick_util.open .btn_toggle::before{width:1.6rem;height:1.6rem;transform:rotate(45deg);}

.quick_util.open .qu_inner{display:flex;width:auto;padding:0 2rem;}
.quick_util.open .btn_top{display:flex;}

.quick_util.record .btn_hstry{display:none;font-weight:var(--fws-regular);}
.quick_util.record .record_txt{display:flex;}

.quick_util.record .hstry_box{gap:1.2rem;display:flex;}
.quick_util.record .hstry_ctrl{display:flex;}
.quick_util.record .btn_help,
.quick_util.record .btn_faq,
.quick_util.record .btn_note{display:none;}

.quick_util .alarm_box{padding:.8rem 1.2rem;border-radius:.6rem;background:var(--color-gray-blue100);color:#fff;font-size:1.4rem;position:absolute;left:0;top:-100%;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 3s, visibility 3s;}
.quick_util .alarm_box::after{content:'';width:1.2rem;height:.8rem;background:url(/images/common/arr_alarm_dark.svg) no-repeat 50% / cover;position:absolute;left:2.8rem;bottom:-.8rem;transform:scaleY(-1)}

.quick_util.record .alarm_box.active {opacity: 1;visibility: visible;}

body.is_bottom .quick_util{position:absolute;}

@media (min-width:1024px){
  .quick_util{z-index:1000;width:var(--size);height:fit-content;flex-direction:column;gap:0;top:auto;
  --ico-size:3.2rem;
  --size:9rem;
  }
  body .quick_util.open{right:0;left:auto;bottom:2.4rem;top:auto;transform:unset;}

  .quick_util .alarm_box{left:auto;right:100%;top:0}
  .quick_util .alarm_box::after{left:auto;bottom:auto;right:-1.0rem;top:50%;transform:rotate(90deg) translateX(-50%);}

  .quick_util .btn_toggle{width:7.4rem;height:7.4rem;background:var(--color-secondary);color:#fff;position:absolute;right:0;bottom:0;left:auto;top:auto}
  .quick_util.open .btn_toggle{width:2.4rem;height:2.4rem;right:auto;bottom:auto;left:-.8rem;top:-.8rem;}
  .quick_util.open .btn_toggle::before{width:2rem;height:2rem;}
  .quick_util.open .btn_toggle span{display:none !important;}

  .quick_util .btn_top,
  body.main .quick_util .btn_top{background:var(--color-gray-blue30);border-radius:0 0 0 1.2rem;flex:0 0 var(--ico-size)}
  
  .quick_util .btn_help,
  .quick_util .btn_faq,
  .quick_util .btn_note{padding-top:1.2rem;border-top:1px solid var(--color-gray-blue30)}

  .quick_util.open .qu_inner{flex-direction:column;height:fit-content;padding:1.2rem 1rem;border-radius:.6rem 0 0;border:1px solid var(--color-gray-blue30);border-right:0;background:#fff;backdrop-filter:unset;}

  .quick_util.record .hstry_box{flex-direction:column;}
  .quick_util.record .hstry_ctrl{display:flex;gap:.4rem;width:100%;min-width:unset}
  
  .quick_util .btn_record,
  .quick_util .btn_cancel{font-size:1.4rem;background:var(--color-gray10);border-radius:.4rem;min-width:unset;width:calc( ( 100% - .4rem ) / 2 )}

  .quick_util .btn_record::before,
  .quick_util .btn_cancel::before{display:none}

  .quick_util.record .btn_help,
  .quick_util.record .btn_faq,
  .quick_util.record .btn_note{display:flex;}

  body.main .quick_util .qu_inner{background:rgba(255,255,255,1)}
}

/* keyword */

.btn_rolling{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;transition:opacity 0.2s ease;}
.btn_rolling:disabled{opacity:.3;cursor:default;}
.btn_rolling::after{content:'';display:block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:contain;}

.btn_rolling.btn_prev::after{background-image:url(/images/common/arr_chevron_w.svg);transform:scaleX(-1);}
.btn_rolling.btn_next::after{background-image:url(/images/common/arr_chevron_w.svg);}
.btn_rolling.btn_pause::after{background-image:url(/images/common/ico_pause_w.svg)}
.btn_rolling.btn_pause.active::after{background-image:url(/images/common/arr_triangle_w.svg)}


body:not(.main) .keyword_wrap{display:none;}
.keyword_wrap {display:flex;flex-direction:row;align-items:center;gap:1.2rem;margin-top:1.2rem;padding:0 1.8rem;position:relative;z-index: 1;}
.keyword_wrap .keyword_box {flex-grow:1;width:0;overflow:hidden;height:3rem;order:1;overflow:hidden;}
.keyword_wrap .keyword_lst {display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;height:auto;transform:translateY(0);transition:transform 0.3s ease-out;gap:1.6rem}

.keyword_wrap .keyword_lst li {flex-shrink:0;max-width:calc( (100% - 3.2rem ) / 3);height:3rem;display:flex;align-items:center;min-width:0;font-size:1.4rem;}
.keyword_wrap .keyword_lst li a {display:flex;align-items:center;gap:.4rem;width:100%;min-width:0;}
.keyword_wrap .keyword_lst li a::before{content:'#';display:block;opacity:.75;}
.keyword_wrap .keyword_lst .words{display:block;align-items:center;gap:.4rem;width:100%;flex-shrink:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.keyword_wrap .keyword_util{flex-shrink:0;display:flex;align-items:center;order:2;gap:1.6rem}
.keyword_wrap .keyword_util .tit{display:none;}
.keyword_wrap .btn_box{display:flex;width:6rem;}

@media (min-width:1024px) {
  body:not(.main) .keyword_wrap{display:flex;}
  .keyword_wrap {align-items:flex-start;}
  .keyword_wrap .keyword_lst li {max-width:calc( (100% - 6.4rem ) / 5);font-size:1.6rem;padding:0 0.5rem;}
  .keyword_wrap .keyword_util{order:1;flex-direction:row;width:16.8rem;justify-content:space-between;padding-right:1.2rem;position:relative;}
  .keyword_wrap .keyword_util::after{content:'';width:1px;height:1.2rem;background:#fff;position:absolute;right:0;top:50%;transform:translateY(-50%);}
  .keyword_wrap .keyword_util .tit{display:block;}
  .keyword_wrap .keyword_box{order:2;}
}

/* sentence */
body:not(.main) .sentence_wrap{display:none;}
.sentence_wrap {display:flex;flex-direction:row;align-items:center;gap:1.2rem;margin-top:1.2rem;padding:0 1.8rem}
.sentence_wrap .sentence_box {flex-grow:0;width:100%;overflow:hidden;height:3rem;order:1;overflow:hidden;}
.sentence_wrap .sentence_lst {margin:0;padding:0;list-style:none;height:auto;transform:translateY(0);transition:transform 0.3s ease-out;}

.sentence_wrap .sentence_lst li {flex-shrink:0;max-width:100%;height:3rem;display:flex;align-items:center;min-width:0;font-size:1.4rem;}
.sentence_wrap .sentence_lst li a {display:flex;align-items:center;gap:.4rem;width:100%;min-width:0;}
.sentence_wrap .sentence_util{flex-shrink:0;display:flex;align-items:center;order:2;gap:1.6rem}
.sentence_wrap .sentence_util .tit{display:none;}
.sentence_wrap .btn_box{display:flex;;width:6rem;}

@media (min-width:1024px) {
  body:not(.main) .sentence_wrap{display:flex;}
  .sentence_wrap {align-items:flex-start;}
  .sentence_wrap .sentence_lst li {font-size:1.6rem;padding:0 0.5rem;}
  .sentence_wrap .sentence_util{order:1;flex-direction:row;width:16.8rem;justify-content:space-between;padding-right:1.2rem;position:relative;}
  .sentence_wrap .sentence_util::after{content:'';width:1px;height:1.2rem;background:#fff;position:absolute;right:0;top:50%;transform:translateY(-50%);}
  .sentence_wrap .sentence_util .tit{display:block;}
  .sentence_wrap .sentence_box{order:2;}
}

/* srch form */
.srch_form{position:relative;overflow:hidden;width:100%;box-sizing:border-box;min-width:0;}
body:not(.main) .srch_form{padding:1.2rem 0;transition:height .3s;overflow:visible;}

.srch_form .exp{padding:1.2rem;background:rgba(0,0,0,.2);backdrop-filter:blur(8px);margin:1.8rem auto 0;font-weight:var(--fws-light);border-radius:.8rem;text-align:center;color:var(--color-gray20);font-size:1.4rem;width:100%;}

.srch_form .swiper-slide{background-repeat:no-repeat;background-position:50%;background-size:cover;display:flex;justify-content:center;align-items:center;color:#fff;background-attachment:fixed;padding:0 1.2rem;}

body.main .srch_form .swiper-slide{padding:14rem 1.2rem}

.srch_form .swiper-wrapper{position:relative}
.srch_form .swiper_pag::before{left:-1.3rem;}
.srch_form .swiper_pag::after{right:-1.3rem;transform:scaleX(-1);}
.srch_form .swiper_pag::before,
.srch_form .swiper_pag::after{content:'';display:block;position:absolute;bottom:0;width:1.4rem;height:1.4rem;background:url(/images/main/img_edge.svg) no-repeat 50% / contain}

.srch_form .swiper_pag {position:absolute;top:auto;left:50%;bottom:0;height:2.8rem;;transform:translateX(-50%);width:16.8rem;background:#fff;display:flex;justify-content:center;align-items:center;gap:.8rem;z-index:1;border-radius:1.2rem 1.2rem 0 0;}
.srch_form .swiper_pag .swiper-pagination-bullet{width:1.2rem;height:1.2rem;margin:0;opacity:1;border-radius:0;}
.srch_form .swiper_pag .swiper-pagination-bullet.swiper-pagination-bullet-active{border-radius:50%;}

.srch_form .swiper_pag .swiper-pagination-bullet:nth-child(1){background:url(/images/main/bul_srch.svg) no-repeat 50% / cover}
.srch_form .swiper_pag .swiper-pagination-bullet:nth-child(2){width:1.6rem;background:url(/images/main/bul_ai.svg) no-repeat 50% / cover;}
.srch_form .swiper_pag .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active{background:var(--color-primary)}
.srch_form .swiper_pag .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active{background:var(--color-primary-ai);width:1.2rem;}

.header_wrap{position:relative;height:fit-content;z-index:6000;}
.header_wrap .swiper.srchSwiper{height:auto;min-height:auto;overflow:visible;}

body.srch_fixed:not(.main) .header{display:none;}
body.srch_fixed:not(.main):not(.is_ai) .srch_form{position:fixed;left:0;top:0;background:linear-gradient(to bottom, #fff 30%, rgba(255,255,255,0));backdrop-filter:blur(8px);z-index:999;}
body.srch_fixed:not(.main):not(.is_ai) .inp_box .inp_srch::-webkit-input-placeholder,
body.srch_fixed:not(.main):not(.is_ai) .srch_ai .ai_tarea[contenteditable="true"][data-placeholder]:empty::before{color:var(--color-gray60) !important}

body.srch_fixed:not(.main):not(.is_ai) .srch_total .inp_box,
body.srch_fixed:not(.main):not(.is_ai) .srch_ai .ai_tarea_box{background:var(--color-gray10);border:0;color:var(--color-gray90)}

body.srch_fixed:not(.main):not(.is_ai) .btn_slide_ai.sub_type::after,
body.srch_fixed:not(.main):not(.is_ai) .btn_slide_srch.sub_type::before{background-image:url(/images/common/arr_long.svg)}

body.srch_fixed:not(.main):not(.is_ai) .srch_form .chk_resrch input ~ label{color:var(--color-gray60);}
body.srch_fixed:not(.main):not(.is_ai) .srch_form .chk_resrch input:checked ~ label{color:var(--color-gray90)}

body.srch_fixed:not(.main):not(.is_ai) .srch_form .swiper-slide fieldset .sub_type{color:var(--color-gray-blue100)}
body.srch_fixed:not(.main):not(.is_ai) .btn_slide_ai.sub_type .txt span{background:linear-gradient(var(--color-point-blue), var(--color-primary-ai));-webkit-background-clip:text;background-clip:text;color:transparent;}

body.srch_fixed:not(.main):not(.is_ai) .keyword_wrap,
body.srch_fixed:not(.main):not(.is_ai) .sentence_wrap{display:none;}


@media (min-width:1024px){
  body.srch_fixed:not(.main):not(.is_ai) .srch_form{padding:.8rem 0;}
}

body:not(.main) .header_wrap::before,
body:not(.main) .header_wrap::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 0.5s ease-in-out;border-radius:0 0 3.4rem 3.4rem;overflow:hidden;}

body:not(.main) .header_wrap::before{background:url(/images/common/visual_srch.jpg) no-repeat 50% / cover;}
body.main .srch_form .srch_total{background:url(/images/main/visual_srch.jpg) no-repeat 50% / cover;}

body:not(.main) .header_wrap::after,
body.main .srch_form .srch_ai{background:url(/images/common/visual_ai.jpg) no-repeat 50% / cover;}

body:not(.main) .header_wrap::before {opacity:1;}
body:not(.main) .header_wrap::after {opacity:0;}

body:not(.main).srch_mode .header_wrap::before {opacity:1;z-index:-1}
body:not(.main).srch_mode .header_wrap::after {opacity:0;}

body:not(.main).ai_mode .header_wrap::before {opacity:0;}
body:not(.main).ai_mode .header_wrap::after {opacity:1;z-index:-1;}

.srch_form .chk_resrch{position:absolute;left:0;top:-3.4rem;display:flex;}
.srch_form .chk_resrch input ~ label{display:flex;gap:.8rem;flex-direction:row;align-items:center;cursor:pointer;color:#fff;}
.srch_form .chk_resrch input ~ label::before{content:'';display:block;width:2rem;height:2rem;background-position:50%;background-repeat:no-repeat;background-size:contain;background-image:url(/images/common/chk_resrch.svg);}
.srch_form .chk_resrch input:checked ~ label::before{background-image:url(/images/common/chk_resrch_on.svg);}

@media (min-width:1024px){  
  .srch_form .chk_resrch{position:unset;margin-right:1.2rem;}
  .srch_form .chk_resrch input ~ label{color:var(--color-gray60);}
  .srch_form .chk_resrch input:checked ~ label{color:var(--color-gray90)}
  body:not(.main) #header{background:#fff;}
  body:not(.main) #header .util .btn_menu::before, body:not(.main) #header .util .btn_menu::after, body:not(.main) #header .util .btn_menu i{background:var(--color-gray90);}
  
  body:not(.main) #header .site_id a{background-image:url('/images/common/site_id.svg')}

  body:not(.main) #header .util .btn_mypage{color:var(--color-gray90)}
  body:not(.main) #header .util .btn_mypage::before{background-image:url(/images/common/ico_account.svg)}
  body:not(.main) .header_wrap{border-radius:0;background:#fff}
  body:not(.main) .header_wrap::before,
  body:not(.main) .header_wrap::after{top:9rem;border-radius:.8rem;width:calc( 100% - 2.4rem );max-width:198rem;left:50%;transform:translateX(-50%);height:calc( 100% - 9rem)}

  body.main .srch_form .swiper-slide{padding:0}
  body.main .swiper.srchSwiper{height:100%;max-height:100%;}
  body.main .wrap::before,
  body.main .wrap::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;transition:opacity 0.5s ease-in-out;}

  body.main .srch_form .srch_total,
  body.main .srch_form .srch_ai{background:none;}

  body.main .wrap::before {background:url(/images/main/visual_srch.jpg) no-repeat 50% / cover;opacity:1;}
  body.main .wrap::after {background:url(/images/common/visual_ai.jpg) no-repeat 50% / cover;opacity:0;}
  
  body.main.srch_mode .wrap::before {opacity:1;z-index:-1}
  body.main.srch_mode .wrap::after {opacity:0;}

  body.main.ai_mode .wrap::before {opacity:0;}
  body.main.ai_mode .wrap::after {opacity:1;z-index:-1;}

  body:not(.main) .srch_form{padding:5.2rem 0 3.8rem}

  .swiper.srchSwiper{max-height:100vh;height:100vh}
  .srch_form .exp{padding:2.4rem 1.8rem;font-size:1.5rem;}
  .srch_form .swiper_btn{position:absolute;z-index:10;top:50%;}
  .srch_form .swiper_pag{display:none;}

  .srch_form .srch_ai,
  .srch_form .srch_total{background:none;}
  body.main .srch_form .srch_total,
  body.main .srch_form .srch_ai{height:100vh !important;max-height:100vh !important;}

  .swiper-button-disabled{opacity:0;visibility:hidden;}
  .swiper_btn{width:fit-content !important;height:fit-content !important;transition:right .2s, left .2s;transform-origin:50%;}
  
  .btn_slide_ai{transform:rotate(-90deg) translateY(-50%);right:-13rem !important;transition:opacity .3s;opacity:.85;}
  .btn_slide_srch{transform:rotate(90deg) translateY(-50%);left:-13rem !important;transition:opacity .3s;opacity:.85;}

  .btn_slide_ai:hover,
  .btn_slide_srch:hover{opacity:1;}

  .swiper_btn svg{display:none;}
  .swiper_btn .txt{font-size:1.8rem;color:#fff;font-weight:var(--fws-semibold);display:flex;justify-content:center;align-items:center;width:26rem !important;height:4.8rem !important;border-radius:2.6rem 2.6rem 0 0;gap:.8rem;text-shadow:0 1px 3px rgba(0,0,0,.25);transition:width .2s, border-radius .2s;}

  .btn_slide_ai .txt{background:var(--color-primary-ai);display:flex;gap:.2rem;}
  .btn_slide_srch .txt{background:var(--color-primary)}

  .btn_slide_ai .txt span{font-family:'TacOne';font-size:1.25em;letter-spacing:1.5px;}
  .btn_slide_srch .txt::before{content:'';width:2.1rem;height:2.1rem;background:url(/images/common/ico_srch_w.svg)}

  .swiper_btn::before,
  .swiper_btn::after{content:'';position:absolute;bottom:0;width:2.6rem;height:2.6rem}

  .swiper_btn::before{left:-2.6rem}
  .swiper_btn::after{right:-2.6rem;transform:scaleX(-1);}

  .btn_slide_ai::before,
  .btn_slide_ai::after{background:url(/images/main/img_edge_ai.svg) no-repeat 50% / contain;}
  .btn_slide_srch::before,
  .btn_slide_srch::after{background:url(/images/main/img_edge_srch.svg) no-repeat 50% / contain;}
}
@media (min-width:1280px){
  body:not(.main) .header_wrap{}
  /* body:not(.main) .header_wrap::before,
  body:not(.main) .header_wrap::after{width:calc( 100% - 8.2rem );} */
}
.srch_total{
    --size:5.2rem;
    --in-size:4.8rem;
}
.srch_total fieldset{position:relative;width:100%;max-width:88rem;margin:0 auto;display:flex;flex-direction:column;}
.srch_total .slogan_box{width:100%;display:flex;gap:1.8rem;flex-direction:column;margin-bottom:2.2rem;padding:0 1.2rem}
.srch_total .slogan_box p{font-size:clamp(1.4vw, 2.4rem, 6vw);font-weight:var(--fws-light);}
.srch_total .slogan_box strong{font-size:clamp(2.4vw, 4.8rem, 7.2vw);font-family:'Jalnan2';line-height:1.3em;font-weight:normal;}

.srch_total .inp_box{height:var(--size);background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.4);border-radius:5rem;padding:0 .1rem 0 2rem;backdrop-filter:blur(8px);display:flex;gap:1.2rem;align-items:center;position:relative;;z-index: 1000;}
.srch_total .inp_box .inp_srch{flex:1 1 auto;height:var(--in-size);outline:none;width:100%;}
.srch_total .inp_box .inp_srch::-webkit-input-placeholder{color:#fff}
.srch_total .inp_box .btn_box{display:flex;gap:.2rem;flex:0 0 auto}
.srch_total .inp_box .btn_box .btn_srch,
.srch_total .inp_box .btn_box .btn_dsrch{width:var(--in-size);height:var(--in-size);aspect-ratio:1/1;}
.srch_total .inp_box .btn_box .btn_srch{background:var(--color-primary) url(/images/common/ico_srch_w.svg) no-repeat 50% / 2.4rem;border-radius:50% .4rem .4rem 50%}
.srch_total .inp_box .btn_box .btn_dsrch{background:var(--color-secondary) url(/images/common/ico_filter_w.svg) no-repeat 50% / 2.4rem;border-radius:.4rem 50% 50% .4rem}
.srch_total .btn_help{display:none;position:absolute;right:-5.2rem;top:50%;transform:translateY(-50%);width:4.4rem;height:4.4rem;background:url(/images/main/ico_help_solid_w.svg) no-repeat 50% / contain}

@media (min-width:768px){
    .srch_total .slogan_box{text-align:center;}
    
}
@media (min-width:1024px){
    .srch_total{
        --size:6.2rem;
        --in-size:5.4rem;
    }
    body.main .srch_total{
      --size:7.2rem;
      --in-size:6.4rem;
    }
    .srch_total fieldset{width:88rem}
    .srch_total .slogan_box{margin-bottom:3.8rem;}
    .srch_total .inp_box{background:#fff;border:0;padding:0 .4rem 0 15.2rem}

    body.main .inp_box{padding-left:2.8rem}

    .srch_total .inp_box .inp_srch{color:var(--color-gray90);}
    .srch_total .inp_box .inp_srch::-webkit-input-placeholder{color:var(--color-gray60)}
    .srch_total .btn_help{display:block;}
    .srch_form .swiper-slide{padding:0;}
    .srch_total .inp_box .btn_box{gap:.4rem}
}

@media (min-width:1440px){
  body:not(.main) .header_wrap{padding:0;}
}

/* 자동완성 */
.srch_total .auto_keyword{position:absolute;left:0;top:100%;width:100%;background:#fff;border:1px solid var(--color-gray30);border-radius:calc( var(--size) / 2 );padding:0 1.2rem 0 0;overflow:hidden;}
.srch_total .auto_keyword ul{display:flex;flex-direction:column;width:100%;max-height:14rem; overflow-y:auto;}
.srch_total .auto_keyword ul li{padding:0 calc( ( var(--in-size) * 2 ) - .4rem) 0 2.8rem;}
.srch_total .auto_keyword ul li a{display:block;color:var(--color-gray90);padding:.6rem 0}

@media (min-width:1024px){
  .srch_total .auto_keyword{padding:1.6rem 2.4rem}
  .srch_total .auto_keyword ul{max-height:28rem;}
  .srch_total .auto_keyword ul li:hover,
  .srch_total .auto_keyword ul li.on{background-color:var(--color-gray-blue05)}
  .srch_total .auto_keyword ul li:hover a,
  .srch_total .auto_keyword ul li.on a{text-decoration:underline;}
}
.srch_ai{
    --size:5.2rem;
    --in-size:4.8rem;
    --size-main:12.4rem;
}

.srch_ai fieldset{position:relative;width:100%;max-width:88rem;margin:0 auto;}
.srch_ai .slogan_box{width:100%;margin-bottom:2.2rem;padding:0 1.2rem;font-size:clamp(2.2vw, 4.8rem, 7.2vw);line-height:1.3em}
.srch_ai .slogan_box strong{display:inline-block;position:relative;}
.srch_ai .slogan_box .t_ai{font-family:'TacOne';font-weight:normal;font-size:1.25em;letter-spacing:1.5px;}
.srch_ai .slogan_box .t_beta{width:6.4rem;height:4.1rem;text-indent:-9999em;overflow:hidden;background:url(/images/main/txt_beta.svg) no-repeat 50% / cover;position:absolute;left:-4.2rem;top:-3.2rem;}

.srch_ai .ai_tarea_box{width:100%;min-height:var(--size);background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.4);border-radius:var(--in-size);padding:1.2rem calc( var(--size) + .4rem ) 1.2rem 2rem;backdrop-filter:blur(8px);position:relative;transition:height .3s, padding .3s;}
body.ai_multi_line .srch_ai .ai_tarea_box{height:fit-content;padding:1.2rem 2rem calc( var(--size) + .4rem );border-radius:calc( var(--in-size) / 2 );}

.srch_ai .ai_tarea{width:100%;height:auto;max-height:4.8rem;border:0;background:transparent;transition:height .3s,padding .3s;resize:none;overflow:auto;scrollbar-width:auto;box-sizing:border-box; white-space:pre-wrap;word-break:break-all;overflow-wrap:break-word;outline:0;}

.srch_ai .ai_tarea[contenteditable="true"][data-placeholder]:empty::before {content:attr(data-placeholder);color:#fff}
.srch_ai .ai_tarea::-webkit-scrollbar{width:thin}

.srch_ai .ai_tarea_box .btn_ai_srch{width:var(--in-size);height:var(--in-size);aspect-ratio:1/1;background:var(--color-primary-ai);border-radius:var(--in-size);display:flex;justify-content:center;align-items:center;position:absolute;right:.1rem;bottom:.1rem;}
.srch_ai .ai_tarea_box .btn_ai_srch::before{content:'';width:2.4rem;height:2.4rem;background:url(/images/common/arr_long_w.svg) no-repeat 50% / contain;transform:rotate(-90deg);}

@media (min-width:768px){
    .srch_ai .slogan_box{text-align:center;}
}
@media (min-width:1024px){
    .srch_ai{
        --size:6.2rem;
        --in-size:5.4rem;
    }
    body.main .srch_ai{
      --size:7.2rem;
      --in-size:6.4rem;
    }

    .srch_ai .slogan_box .t_beta{width:8.4rem;height:5.4rem;left:-6.2rem;top:-4.2rem}
    .srch_ai .ai_tarea_box{background:#fff;border:0;color:var(--color-gray90);padding-top:1.9rem;padding-left:15.2rem;}
    .srch_ai .ai_tarea::placeholder{color:var(--color-gray60);opacity:1;}

    body.ai_multi_line .srch_ai .ai_tarea_box{padding:1.2rem 2rem calc( var(--in-size) + 1.2rem );border-radius:calc( var(--in-size) / 2 );}
    body.main .srch_ai .ai_tarea_box{padding-top:2.2rem;padding-left:2.8rem;padding-right:2.8rem}
    .srch_ai .ai_tarea_box .btn_ai_srch{right:.4rem;bottom:.4rem;}

    .srch_ai .ai_tarea[contenteditable="true"][data-placeholder]:empty::before {content:attr(data-placeholder);color:var(--color-gray60)}
}

.srch_form .swiper-slide fieldset{padding-top:3.8rem;}
.srch_form .swiper-slide fieldset .sub_type{position:absolute;top:0;display:flex;gap:.8rem;align-items:center;}
.btn_slide_ai.sub_type{right:.4rem;}
.btn_slide_ai.sub_type .txt{display:flex;gap:.2rem;align-items:center;justify-content:center;}
.btn_slide_ai.sub_type .txt span{font-family:'TacOne';font-size:1.25em;letter-spacing:1.5px;width:auto;}
.btn_slide_srch.sub_type{left:.4rem;}

.btn_slide_ai.sub_type::after,
.btn_slide_srch.sub_type::before{content:'';width:2.2rem;height:2.2rem;background-image:url(/images/common/arr_long_w.svg);background-repeat:no-repeat;background-position:50%;}

.btn_slide_srch.sub_type::before{transform:rotate(-180deg);}

@media (min-width:1024px){
  .srch_form .swiper-slide fieldset{padding-top:0;}
  .srch_form .swiper-slide fieldset .sub_type{display:none;}
}

.toggle_switch_wrap{display:none;}
@media (min-width:1024px){
  .toggle_switch_wrap{display:flex;width:14rem;align-items:center;position:absolute;bottom:.5rem;left:.5rem;
    --size:5.2rem;
    --in-size:4.8rem;
  }
  .toggle_switch_wrap .btn_toggle{width:100%;height:var(--size);border-radius:var(--size);position:relative;}
  .toggle_switch_wrap .btn_toggle .toggle_txt{display:block;width:calc( 100% - var(--in-size) );font-size:1.8rem;text-shadow:0 2px 3px rgba(0,0,0,.2);text-align:center;position:absolute;right:0;top:50%;transform:translateY(-50%);padding-right:.6rem;color:#fff;}

  .toggle_switch_wrap .btn_toggle.toggle_ai .toggle_txt span{font-family:'TacOne';font-size:1.25em;letter-spacing:1.5px;}
  
  .toggle_switch_wrap .toggle_circle{display:block;height:var(--in-size);width:var(--in-size);border-radius:50%;position:absolute;left:.2rem;top:.2rem;overflow:hidden;background:linear-gradient(45deg, #fff, #CEDFF6);position:absolute;transition:transform .3s;z-index:1;box-shadow:1px 1px 3px rgba(0,0,0,.25);}
  .toggle_switch_wrap .toggle_circle::after{content:'';display:block;width:100%;height:100%;background-image:url(/images/common/arr_long_toggle_w.svg);background-repeat:no-repeat;background-position:50%;background-size:1.8rem;position:absolute;left:0; top:0;}
  .toggle_switch_wrap .toggle_circle::before{content:'';display:block;position:absolute;left:50%;top:50%;width:calc( 100% - .4rem );height:calc( 100% - .4rem );background:linear-gradient(45deg, #CEDFF6, #fff);transform:translate(-50%,-50%);border-radius:50%;}

  .toggle_switch_wrap .btn_toggle.toggle_srch{background:linear-gradient(to right, #35C9BA, var(--color-primary));box-shadow:inset 1px 1px 3px rgba(0,0,0,.25);}
  .toggle_switch_wrap .btn_toggle.toggle_ai{background:linear-gradient(to right, var(--color-point-blue), var(--color-primary-ai))}
  .toggle_switch_wrap .toggle_ai .toggle_circle::after{transform:rotate(180deg);}

  .toggle_switch_wrap .btn_toggle.toggle_ai .toggle_circle{left:auto;right:.2rem;}
  .toggle_switch_wrap .btn_toggle.toggle_ai .toggle_txt{padding-left:.6rem;padding-right:0;right:auto;left:0;}

  .toggle_switch_wrap .btn_toggle:hover .toggle_circle{transform:scale(0.90);}
}

/* modal */
#modal{display: none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;}
#modal::after{content:'';background:rgba(0,0,0,.75);position:absolute;left:0;top:0;width:100%;height:100%;}
#modal .modal_inner{width:calc( 100% - 2.4rem );max-width:98rem;max-height:calc( 100vh - 2.4rem );background:#fff;border-radius:1.2rem;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1;overflow-y:auto;}
#modal .modal_header{padding:1.8rem 8.8rem 1.8rem 1.2rem;}
#modal .modal_header .tit{font-size:2rem;line-height:1.2em;}

#modal .modal_body{padding:0 1.2rem 2.4rem 1.2rem;}


#modal .modal_footer{padding:1.2rem;border-radius: 0 0 1.2rem 1.2rem; background:var(--color-gray05)}
#modal .modal_footer .btn_wrap{margin-top:0;}

#modal .btn_close{display:block;width:3.8rem;height:3.8rem;position:absolute;right:1.2rem;top:1.2rem}
#modal .btn_close::before,
#modal .btn_close::after{content:'';display:block;width:2.2rem;height:.2rem;position:absolute;left:50%;top:50%;background:var(--color-gray90);transform-origin:50%;}
#modal .btn_close::before{transform:translate(-50%, -50%) rotate(45deg);}
#modal .btn_close::after{transform:translate(-50%, -50%) rotate(-45deg);}

@media (min-width:1024px) {
  #modal .modal_header{padding:2.4rem 11.6rem 2.4rem 3.2rem;}
  #modal .modal_header .tit{font-size:2.6rem}

  #modal .btn_close{width:4rem;height:4rem;transition:transform .3s ease;right:2.4rem;top:2rem}
  #modal .btn_close::before,
  #modal .btn_close::after{width:2.8rem;height:.3rem}
  #modal .btn_close:hover{transform:rotate(90deg);}
  #modal .modal_body{padding:0 2.4rem 3.2rem 2.4rem;}
}

/* 상세검색 */
#modal.detail_srch .modal_inner{display: flex;background: var(--color-gray-blue05);}
#modal.detail_srch .modal_inner .dsrch_desc{display:none;}

#modal.detail_srch .modal_side{display: none;}
#modal.detail_srch .help_box{margin-bottom: 2rem;}
#modal.detail_srch .help_box .tit{margin-bottom: 1.2rem;}
#modal.detail_srch .help_box .tit strong{display: inline-flex;gap: .6rem;align-items: center;color: var(--color-gray-blue100);font-weight: var(--fws-semibold);font-size: 2.2rem;}
#modal.detail_srch .help_box .tit strong::before{display: block;content: '';width: 2.4rem;aspect-ratio: 1/1;background: url(/images/common/ico_modal_help.svg) no-repeat center/contain;}
#modal.detail_srch .help_box .txt p{font-size: 1.6rem;color: var(--color-gray70);}
#modal.detail_srch .modal_side .tbl.help .op{color: var(--color-point-red);}
#modal.detail_srch .modal_side .tbl.help thead th{font-size: 1.6rem;}
#modal.detail_srch .modal_side .tbl.help tbody td{padding: .8rem;}
#modal.detail_srch .modal_side .tbl.help tbody th,
#modal.detail_srch .modal_side .tbl.help tbody td{font-size: 1.4rem;}

#modal.detail_srch .modal_main{height: 100%; border: 1px solid var(--color-gray-blue30); background: #fff;}
#modal.detail_srch .modal_lst{border-top: 1px solid var(--color-gray100);}
#modal.detail_srch .row{display: flex;flex-wrap: wrap;gap: 0 3.2rem;flex-direction: column;align-items: start;padding: .8rem .4rem; border-bottom: 1px solid var(--color-gray20);}
#modal.detail_srch .form_tit{display: inline-flex;margin-bottom: 1rem;color: var(--color-gray100);font-weight: var(--fws-semibold);}
#modal.detail_srch .form_conts{width: 100%;}

#modal.detail_srch .item_wrap{display: flex;flex-direction: column;gap: 1.2rem;}
#modal.detail_srch .item_wrap .inp_group{flex-direction: row;}
#modal.detail_srch .opt_item{display:flex;flex-direction: column; flex: 1;gap: .6rem;} 
#modal.detail_srch .opt_item .form_group{flex:1 1 auto;}

#modal.detail_srch .opt_item .operation{flex: 0 0 8rem;}
#modal.detail_srch .opt_item.plus_item .btn{width: 100%;justify-content: center;}

#modal.detail_srch .chk_wrap{display: flex;flex-wrap: wrap;gap: 0.4rem 3.2rem;}
#modal.detail_srch .chk_wrap .form_check{width: calc(( 100% - 3.2rem) / 2)}
#modal.detail_srch .chk_wrap .form_check.edge{width: 100%}
#modal.detail_srch .chk_wrap.ra .form_check{width: fit-content;}
#modal.detail_srch .chk_wrap .form_check label{line-height: var(--d-w);}

@media(min-width: 480px){
    #modal.detail_srch .chk_wrap .form_check{width: calc(( 100% - 6.4rem) / 3)}
}
@media(min-width: 768px){
   #modal.detail_srch .row{flex-direction: row;align-items: center;}
   #modal.detail_srch .form_tit{flex: 0 0 12rem;align-items: center;min-height: 4.4rem;margin-bottom: 0 !important;}
   #modal.detail_srch .form_conts{flex: 1;}
   
   #modal.detail_srch .item_wrap{display: flex;flex-direction: column;gap: .6rem;}
   #modal.detail_srch .opt_item{flex-direction: row;gap: .6rem;}
   #modal.detail_srch .opt_item .form_group.edge{max-width:16rem}

   #modal.detail_srch .chk_wrap .form_check{width: calc(( 100% - 6.4rem) / 3)}
   #modal.detail_srch .chk_wrap .form_check.edge{width: 50%}
}
@media(min-width: 1280px){
    #modal.detail_srch .modal_inner{max-width: 140rem;flex-direction: row-reverse;}
    #modal.detail_srch .modal_side{display: block;width: 42rem;padding: 3.2rem 2.8rem;background: var(--color-blue-gray05);}
    #modal.detail_srch .modal_main{flex: 1;border-radius: 1.2rem;}
    #modal.detail_srch .chk_wrap .form_check{width: calc(( 100% - 9.6rem) / 4)}
}

/* left-menu */
.aside{display:flex;flex-direction:column;gap:12px 0;width:290px;height:fit-content;}
.aside .aside_head{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:160px;border-radius:6rem 1.2rem 6rem 1.2rem;background:linear-gradient(135deg, #2E7AFD 0%, #4D5BF3 50%, #6B3BE9 100%);}
.aside .aside_head::after{position:absolute;top:60%;right:-70px;transform:translateY(-50%); display:block;content:'';width:260px;height:334px;background:url(/images/common/aside_bg.png) no-repeat center;}
.aside .aside_head .tit{letter-spacing:1.5px;font-size:var(--fs-tit-xlarge);font-weight:var(--fws-semibold);color:#fff;}
.aside .snb ul{display:flex;flex-direction:column;}
.aside .snb li{width:100%;}
.aside .snb li a{position:relative;display:inline-flex;align-items:center;width:100%;padding:18px 6px;vertical-align:middle;font-size:1.8rem;color:var(--color-gray80);border-bottom:1px dashed var(--color-gray40);font-weight:var(--fws-medium);}
.aside .snb li a::after{position:absolute;top:50%;right:4px;transform:translateY(-50%);display:block;content:'';width:24px;height:24px;background:url(/images/common/arr_rec.svg) no-repeat center;transition:transform 0.3s ease-in-out;}
.aside .snb .has_sub a::after {background:url(/images/common/acc_open_g.svg) no-repeat center;}
.aside .snb li:last-child :hover,
.aside .snb li:last-child a{border-bottom:none;}

.aside .snb li:hover a,
.aside .snb li.active a {border-bottom:1px solid var(--color-secondary);}
.aside .snb li.active a,
.aside .snb li:hover a{font-weight:var(--fws-semibold);color:var(--color-secondary);}

.aside .snb li.active a::after,
.aside .snb li:hover a::after{background:url(/images/common/arr_rec_on.svg) no-repeat center;}
.aside .snb li.active a::after{transform:translateY(-50%) rotate(0deg);transform-origin:center center;}
.aside .snb .has_sub:hover a::after {background:url(/images/common/acc_open_n.svg) no-repeat center;}
.aside .snb .has_sub.active a::after {background:url(/images/common/acc_close.svg) no-repeat center;}

.aside .snb .sub_menu {display:none;}
.aside .snb .sub_menu li{font-size:1.6rem;}
.aside .snb .sub_menu li:first-child{margin-top:0.8rem;}
.aside .snb .sub_menu li a{display:inline-flex;align-items:center;padding:0.8rem 0.4rem 0.8rem 2.4rem;font-size:1.6rem;font-weight:var(--fws-regular);color:var(--color-gray70);border-bottom:none;border-radius:6px;transition:margin-top 0.3s ease-in-out;}

.aside .snb .sub_menu li a::before{display:block;content:'';width:4px;height:4px;margin-right:8px;border-radius:100%;background:var(--color-gray40);}

.aside .snb .has_sub .sub_menu li a::after{background:none;}
.aside .snb .sub_menu li.active a{color:var(--color-secondary);border-bottom:none;background:var(--color-gray-blue05);}
.aside .snb .sub_menu li.active a::before{background:var(--color-secondary);}

.aside .snb .sub_menu li:hover a{background:var(--color-gray05);}

/* container */
#container{position:relative;padding:5.2rem 1.2rem;}

body.srch_fixed:not(.main):not(.is_ai) #container{padding-top:30rem}
body.main #container{max-width:100%;padding:0;}

#container .inner{position:relative;max-width:140rem;margin:0 auto;}
#container .aside{display:none;}
#container .contents{width:100%;}

@media (min-width:1024px){
  #container .inner{display:flex;gap:3.8rem;flex-direction: row-reverse;}
}

@media (min-width:1280px){
  #container{padding:5.4rem 4.2rem;}
  #container .aside{flex:0 0 29rem;display:flex;flex-direction:column;gap:1.2rem;}
  #container:has(.aside) .contents{width:calc( 100% - 29rem - 3.8rem)}
  #container .cont_inner{display:block;position:relative;}
  
  /* #container .cont_inner{display:block;position:relative;width:calc( 100% - 29rem - 3.8rem)} */
}

@media (min-width:1440px) {
  #container{padding-left:0;padding-right:0;}
  #container .inner{gap:5.2rem;padding:0;}
  #container:has(.aside) .contents{width:calc( 100% - 29rem - 5.2rem)}
  /* #container .cont_inner{} */
}

/* page header */
.page_header{display:flex;margin-bottom:1.4rem;flex-direction:row;align-items:flex-start;}
.page_header .page_info{display:flex;gap:.6rem;flex-direction:column;flex:1 1 100%;}
.page_header .page_info .page_tit{font-size:var(--fs-heading-medium);line-height:1.2em;}

.page_header .util_box{display:flex;gap:.8rem;flex:0 0 fit-content;position:relative}
.page_header .util_box .btn_util{width:3.6rem;height:3.6rem;border:1px solid var(--color-gray20);border-radius:50%;background-repeat:no-repeat;background-size:70%;background-position:50%;}
.page_header .util_box .btn_util.ico_format{background-image:url(/images/common/ico_format.svg);display:none}
.page_header .util_box .btn_util.ico_print{background-image:url(/images/common/ico_print.svg);display:none}
.page_header .util_box .btn_util.ico_share{background-image:url(/images/common/ico_share.svg);}

.page_header .util_box .share_box{position:relative;}
.page_header .util_box .share_box .sms_box{position:absolute;right:0;top:100%;gap:1.2rem;border-radius:10rem;padding:.8rem 3.2rem .8rem .8rem;background:var(--color-gray-blue10);display:none;}
.page_header .util_box .share_box .sms_box.active {display:flex;}
.page_header .util_box .share_box .sms_box .btn_share_close{width:1.8rem;height:1.8rem;border-radius:50%;background:#fff url(/images/common/ico_del.svg) no-repeat 50% / .8rem;position:absolute;right:.8rem;top:50%;transform:translateY(-50%);box-shadow:0 0 2px rgba(0,0,0,.2);}

.page_header .util_box .share_box .sms_box .sms_ico{width:2.6rem;height:2.6rem;background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;opacity:.75;transition:opacity .3s;}
.page_header .util_box .share_box .sms_box .sms_ico:hover{opacity:1;}
.page_header .util_box .share_box .sms_box .sms_ico.kakao{background-image:url(/images/common/sms_kakao.svg);}
.page_header .util_box .share_box .sms_box .sms_ico.twitter{background-image:url(/images/common/sms_twitter.svg);}
.page_header .util_box .share_box .sms_box .sms_ico.facebook{background-image:url(/images/common/sms_facebook.svg);}


@media(min-width: 1280px){
  .page_header{margin-bottom:3.2rem}
  .page_header .page_info{gap:1.6rem}

  .page_header .util_box .btn_util{width:4rem;height:4rem;transition:border .3s;}
  .page_header .util_box .btn_util:hover{border-color:var(--color-secondary);}
  .page_header .util_box .btn_util.ico_format,
  .page_header .util_box .btn_util.ico_print{display:block;}
}

body.login_page{background-color:var(--color-gray05);}
body.login_page .wrap{width:100%;max-width:52rem;margin:0 auto;padding:2.4rem 1.2rem}
body.login_page .wrap .btn_home{color:var(--color-gray-blue100);display:flex;gap:.8rem;align-items:center;margin-bottom:5.8rem}
body.login_page .wrap .btn_home::before{content:'';width:2rem;height:2rem;background:url(/images/common/arr_long_n.svg)}

.login_wrap{}
/* .login_wrap .login_box{display:flex;gap:1.2rem} */
.login_wrap .login_box .tit{font-size:var(--fs-tit-large);margin-bottom:1.4rem}

.login_wrap .login_box .btn_login,
.login_wrap .login_box .btn_ntis{width:100%;height:4.8rem;border-radius:var(--emmt-br);display:flex;justify-content:center;align-items:center;gap:.6rem;font-size:var(--fs-tit-xsmall);font-weight:var(--fws-medium);color:#fff;text-shadow:0 0 1px rgba(0,0,0,.2);transition:background-color .3s;}
.login_wrap .login_box .btn_login{background-color:var(--color-primary)}
.login_wrap .login_box .btn_ntis{background-color:var(--color-point-orange)}
.login_wrap .login_box .cont_box{display:flex;gap:.8rem;flex-direction:column;margin-bottom:1.6rem}
.login_wrap .login_box .cont_box .inp_box{}
.login_wrap .login_box .cont_box .inp_box input{width:100%;height:4.8rem;padding:0 1.6rem;border-radius:var(--emmt-br);border:1px solid var(--color-gray30)}

.login_wrap .find_box{display:flex;gap:1.2rem;justify-content:center;margin-top:2.4rem}
.login_wrap .find_box a{display:inline-block;padding-left:1.3rem;position:relative;color:var(--color-gray60)}
.login_wrap .find_box a:not(:first-child)::before{content:'';width:1px;height:1.4rem;background:var(--color-gray30);position:absolute;left:0;top:50%;transform:translateY(-50%);}

.login_wrap .login_box.bioone .tit{color:var(--color-primary50)}
.login_wrap .login_box.bioone .tit strong{height:2.8rem;width:11rem;display:inline-block;text-indent:-9999em;overflow:hidden;background:url(/images/common/site_id.svg) no-repeat 50% / contain;}

.login_wrap .login_box.ntis{padding-top:3.8rem;margin-top:3.8rem;border-top:1px solid var(--color-gray20)}
.login_wrap .login_box.ntis .tit{color:var(--color-point-orange)}
.login_wrap .login_box.ntis .cont_box{border:1px solid #FFD1B4;background-color:#FFF9F5;padding:1.6rem 1.2rem;border-radius:.6rem;color:#692900;text-align:center;}

.login_wrap .login_box.ntis .find_box a strong{color:var(--color-point-orange)}
.login_wrap .login_desc{margin-top:2.8rem;padding:1.8rem .8rem;background:#fff;border-radius:.6rem;border:1px solid var(--color-gray10)}
.login_wrap .login_desc .lst_dot li{border:0;padding-top:.4rem;padding-bottom:.4rem}
.login_wrap .login_desc .lst_dot li:hover{background:unset;}
.login_wrap .login_desc .lst_dot > li::before{top:1.4rem}


.footer_log{margin-top:1.8rem;padding-top:1.8rem;border-top:1px solid var(--color-gray20);text-align:center;color:var(--color-gray60);font-size:1.4rem}

@media(min-width: 1024px){
  body.login_page .wrap{padding:5.2rem 0;}
  .login_wrap .login_box .btn_login,
  .login_wrap .login_box .btn_ntis{height:5.2rem;}
  .login_wrap .find_box a:hover{text-decoration:underline;color:var(--color-gray90)}
  .login_wrap .login_box .btn_login:hover{background-color:var(--color-primary50)}
  .login_wrap .login_box .btn_ntis:hover{background-color:var(--color-point-orange100)}
}

.loading-bar{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.75);z-index:1000;}
.loading-bar .loading-bar-wrap{width:18rem;height:18rem;display:flex;justify-content:center;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}