@charset "UTF-8";/* reset,font CSS */
/* font */
@font-face{font-family:'kakao';font-style:normal;font-weight:400;src:local("☺"),url(https://t1.kakaocdn.net/impact/newImpact/fonts/KakaoSmallSans-Regular.woff2) format("woff2"),url(https://t1.kakaocdn.net/impact/newImpact/fonts/KakaoSmallSans-Regular.woff) format("woff")}
@font-face{font-family:'kakao';font-style:normal;font-weight:500;src:local("☺"),url(https://t1.kakaocdn.net/impact/newImpact/fonts/KakaoSmallSans-Bold.woff2) format("woff2"),url(https://t1.kakaocdn.net/impact/newImpact/fonts/KakaoSmallSans-Bold.woff) format("woff")}
@font-face{font-family:'kakao';font-style:normal;font-weight:700;src:local("☺"),url(https://t1.kakaocdn.net/impact/newImpact/fonts/KakaoBigSans-Regular.woff2) format("woff2"),url(https://t1.kakaocdn.net/impact/newImpact/fonts/KakaoBigSans-Regular.woff) format("woff")}
@font-face{font-family:'kakao';font-style:normal;font-weight:900;src:local("☺"),url(https://t1.kakaocdn.net/impact/newImpact/fonts/KakaoBigSans-Bold.woff2) format("woff2"),url(https://t1.kakaocdn.net/impact/newImpact/fonts/KakaoBigSans-Bold.woff) format("woff")}
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle;font-size:100%}
button{border:0 none;background-color:transparent;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
body{-webkit-text-size-adjust:none}
/* 뷰포트 변환시 폰트크기 자동확대 방지. */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],html input[type='button'],input[type='reset']{-webkit-appearance:none;border-radius:0}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
body{background:#fff}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1.5;font-family:'kakao','Malgun Gothic','맑은 고딕',sans-serif;color:#1c1c1c}
/* color값은 디자인가이드에 맞게사용 */
a{color:#1c1c1c;text-decoration:none}
a:active,a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
/* global */
.direct-link{position:absolute;top:-1px;left:0;z-index:1000;height:1px}
/* 바로가기 */
.direct-link a{position:absolute;top:-999px;padding:5px 10px;font-weight:bold;color:#fff;background:#333;text-decoration:none;white-space:nowrap}
.direct-link a:focus{top:0}
.ir_pm{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}
/* PC용 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_pm{display:block;overflow:hidden;font-size:1px;line-height:0;color:transparent}
/* Mobile용 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa{display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%}
/* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
/* .ir_caption{overflow:hidden;width:1px;font-size:1px;line-height:0;text-indent:-9999px} /~ Table caption에 숨김텍스트를 제공할때 ~/ screen_out으로 대체되어 사용하지 않음 */
.screen_out{overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:1px;clip-path:inset(100%);clip:rect(1px,1px,1px,1px)}
/* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.show{display:block}
.hide{display:none}
html{scroll-behavior:smooth}
/* common */
.mobile_only{display:none}
.box_buttons{display:flex;gap:12px}
.box_buttons .btn_prev,.box_buttons .btn_next{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;text-indent:-9999px}
.box_buttons .btn_prev::after,.box_buttons .btn_next::after{width:24px;height:24px;background:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_arrow5.svg") no-repeat;content:''}
.box_buttons .btn_next::after{transform:rotate(180deg)}
@media only screen and (max-width:768px){.pc_only{display:none}
  .mobile_only{display:block} }
/* layout */
body:has(.doc-header .btn_family.active){overflow:hidden}
body:has(.location_layer.show){overflow:hidden}
body:has(.doc-header .list_menu li.active)::after{position:fixed;z-index:90;inset:0;background:rgba(0,0,0,0.6);content:''}
.container-doc{min-width:1440px}
@media only screen and (max-width:768px){body:has(.doc-header .list_menu .link_menu[aria-expanded="true"]){overflow:auto}
  body:has(.doc-header .list_menu .link_menu[aria-expanded="true"])::after{display:none}
  body:has(.doc-header .list_menu li.active)::after{display:none}
  .container-doc{min-width:unset} }
/* header */
.doc-header{position:sticky;z-index:100;top:0;background:#fff}
.doc-header .inner-header{display:flex;position:relative;margin:0 auto;align-items:center;justify-content:space-between;width:1320px}
.doc-header .doc-title a{overflow:hidden;display:block;width:106px;height:18px;background:url("https://t1.kakaocdn.net/impact/newImpact/svg/logo_kakaoimpact_250513.svg") no-repeat;font-size:1px;line-height:0;color:transparent}
.doc-header .list_menu{display:flex;gap:8px}
.doc-header .list_menu li.active > .wrap_submenu{display:block}
.doc-header .list_menu .link_menu{display:block;padding:22px 20px;font-weight:500}
.doc-header .list_menu .link_out{display:flex;align-items:center;background:#FFD82A;padding:8px 15px;margin:17px 0;border-radius:99px}
.doc-header .list_menu .link_out img{width:149px;height:15px}
.doc-header .btn_family{position:relative;overflow:hidden;width:40px;height:65px;background:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_all.svg") no-repeat top 50% left 50%/24px 24px;font-size:1px;line-height:0;color:transparent}
.doc-header .btn_family.active::before{position:absolute;top:13px;left:0;z-index:-1;width:40px;height:40px;border-radius:50%;background:#ddd;content:''}
.doc-header .btn_family.active + .area_family{display:block}
.doc-header .wrap_submenu{display:none;position:fixed;top:64px;left:0;right:0;background:#fff}
.doc-header .inner_submenu{position:relative;display:flex;justify-content:space-between;width:1320px;height:265px;padding:32px 60px 48px;margin:0 auto}
.doc-header .box_submenu .link_submenu{display:block;padding:12px 0;font-size:32px;font-weight:900;color:#8F8F8F}
.doc-header .box_submenu .link_submenu.on{color:#1C1C1C;text-decoration:underline}
.doc-header .area_content{display:flex;flex-direction:column;gap:24px}
.doc-header .area_content ~ .link_submenu{display:none}
.doc-header .area_content .tit_sub{font-size:32px;font-weight:900}
.doc-header .area_content .desc_sub{font-size:18px;color:#555}
.doc-header .area_content .link_more{width:fit-content;padding:12px 24px;color:#fff;background:#1C1C1C;border-radius:99px;font-size:16px;font-weight:900}
.doc-header .box_project{display:none;gap:24px;position:absolute;right:60px;top:50%;transform:translateY(-50%)}
.doc-header .box_project .link_project{display:flex;flex-direction:column}
.doc-header .box_project.active{display:flex}
.doc-header .box_project .img_project{overflow:hidden;width:200px;height:200px;margin-bottom:16px;border-radius:8px}
.doc-header .box_project .img_project.type_wide{width:424px}
.doc-header .box_project .txt_sub{color:#555;font-size:12px;margin-bottom:4px}
.doc-header .box_project .tit_project{font-size:16px;font-weight:500}
.doc-header .area_family{display:none;position:absolute;top:64px;right:0;width:290px;padding:24px 20px;border-radius:8px;background:#fff;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.25)}
.doc-header .area_family .tit_family{font-size:12px;font-weight:500}
.doc-header .area_family .list_item{display:grid;grid-template-columns:repeat(2,1fr);margin-top:20px;gap:20px 16px}
.doc-header .area_family .list_item + .tit_family::before{display:block;width:100%;height:1px;margin:20px 0;background:#ddd;content:''}
.doc-header .area_family .list_item li:has(.type_wide){grid-column:1 / 3}
.doc-header .area_family .link_item{display:flex;align-items:center;gap:8px}
.doc-header .area_family .type_wide{position:relative;display:block;font-size:0}
.doc-header .area_family .type_wide .img_banner{width:100%;border-radius:8px}
.doc-header .area_family .type_wide .tit_banner{display:block;font-weight:900;font-size:16px}
.doc-header .area_family .type_wide .txt_sub{font-size:12px;color:#313131;line-height:1.4}
.doc-header .area_family .type_wide .wrap_content{position:absolute;top:16px;left:16px}
.doc-header .area_family .img_item{width:40px;height:40px;border-radius:12px;box-shadow:0px 3px 6px -1px rgba(0,0,0,0.16)}
.doc-header .area_family .txt_item{font-size:12px;letter-spacing:-0.36px}
@media only screen and (max-width:768px){.doc-header:has(.btn_family.active){position:fixed;top:0;left:0;right:0;bottom:0}
  .doc-header .inner-header{width:auto;padding:12px 20px;flex-wrap:wrap;z-index:1000}
  .doc-header .inner-header:has(.btn_family.active){overflow-x:hidden;overflow-y:auto;position:absolute;top:0;bottom:0;padding-bottom:0}
  .doc-header .inner-header:has(.btn_family.active) .doc-gnb{display:block}
  .doc-header .doc-gnb{display:none;width:100%;order:3;padding:16px 0 40px;background:#fff}
  .doc-header .doc-title a{width:118px;height:20px}
  .doc-header .btn_family{order:2;height:40px;background-image:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_menu2.svg")}
  .doc-header .btn_family.active{margin-right:-8px;background-color:unset;background-image:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_close2.svg")}
  .doc-header .btn_family.active::before{display:none}
  .doc-header .list_menu{flex-direction:column}
  .doc-header .list_menu li.active .link_menu::after{transform:rotate(-90deg)}
  .doc-header .list_menu .link_menu{display:flex;font-size:16px;padding:8px 0;flex:1;justify-content:space-between}
  .doc-header .list_menu .link_menu[aria-haspopup="true"]::after{width:24px;height:24px;background:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_arrow3.svg") no-repeat;transform:rotate(90deg);content:''}
  .doc-header .list_menu .link_out{position:relative;margin:0;background:none}
  .doc-header .list_menu .link_out::before{position:absolute;left:153px;top:7px;width:6px;height:6px;background:#FFD82A;border-radius:50%;content:''}
  .doc-header .wrap_submenu{position:unset}
  .doc-header .wrap_submenu::after{display:none}
  .doc-header .inner_submenu{width:auto;height:auto;padding:0;margin:4px 0}
  .doc-header .box_submenu .link_submenu{padding:8px 20px;font-size:14px;color:#555}
  .doc-header .area_content{display:none}
  .doc-header .area_content ~ .link_submenu{display:block}
  .doc-header .box_project.active{display:none}
  .doc-header .area_family{position:unset;order:4;width:100%;min-width:unset;padding:40px 20px 60px;margin:0 -20px;box-shadow:none;border-radius:0;background:#F7F7F7}
  .doc-header .area_family .tit_family{font-size:14px}
  .doc-header .area_family .list_item + .tit_family::before{margin:32px 0} }
/* footer */
.doc-footer .inner-footer{display:flex;width:1320px;margin:0 auto;padding:80px 0 40px;justify-content:space-between;flex-wrap:wrap;gap:124px 0}
.doc-footer .inner-footer .img_impact{width:100%}
.doc-footer .box_links{display:flex;gap:136px}
.doc-footer .list_menu .link_menu,.doc-footer .list_family .link_family{display:block;font-size:16px;padding:7px 0;word-break:keep-all}
.doc-footer .box_info{display:flex;gap:174px}
.doc-footer .area_copy p{margin-bottom:16px;font-size:16px}
.doc-footer .area_copy .link_privacy,.doc-footer .area_copy .btn_location{display:inline-block;padding:13px 0;font-size:16px;font-weight:500;vertical-align:top}
.doc-footer .area_copy .btn_location{margin-left:24px}
.doc-footer .area_copy .txt_copy{display:block;margin-top:16px}
.doc-footer .list_social{display:flex;gap:16px;height:fit-content}
.doc-footer .list_social .link_social{display:block;border-radius:50%;background:#555}
.doc-footer .list_social .link_social [class^="ico"]{width:40px;height:40px}
.doc-footer .ico_svg{display:inline-block;font-size:0;line-height:0;text-indent:-9999px;vertical-align:top;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}
.doc-footer .ico_channel{background-image:url(//t1.kakaocdn.net/impact/impact100/svg/ico_talkchannel.svg)}
.doc-footer .ico_instagram{background-image:url(//t1.kakaocdn.net/impact/impact100/svg/ico_instagram.svg)}
.doc-footer .ico_youtube{background-image:url(//t1.kakaocdn.net/impact/impact100/svg/ico_youtube.svg)}
.doc-footer .ico_facebook{background-image:url(//t1.kakaocdn.net/impact/impact100/svg/ico_facebook.svg)}
.doc-footer .ico_brunch{background-image:url(//t1.kakaocdn.net/impact/impact100/svg/ico_brunch.svg)}
@media only screen and (max-width:768px){.doc-footer .inner-footer{width:auto;padding:60px 20px 24px;gap:60px}
  .doc-footer .box_links{gap:unset;width:100%}
  .doc-footer .list_menu,.doc-footer .list_family{width:50%}
  .doc-footer .list_menu .link_menu,.doc-footer .list_family .link_family{font-size:14px}
  .doc-footer .box_info{gap:unset;flex-direction:column}
  .doc-footer .area_copy p{margin-bottom:12px;font-size:18px}
  .doc-footer .area_copy .btn_location{margin-left:18px}
  .doc-footer .area_copy .txt_copy{margin-top:12px;font-size:12px}
  .doc-footer .list_social{margin-top:40px}
  .doc-footer .list_social .link_social [class^="ico"]{width:36px;height:36px} }
/* Layer - 오시는 길 */
.location_layer{display:none;position:fixed;top:0;z-index:1000;background:rgba(0,0,0,0.6);right:0;bottom:0;left:0}
.location_layer.show{display:flex}
.location_layer.scroll .inner_layer{height:100%;border-radius:0}
.location_layer.scroll .layer_head{position:sticky;top:0;z-index:10;background:#fff}
.location_layer .inner_layer{overflow-y:auto;display:flex;flex-direction:column;background:#fff;border-radius:20px 20px 0 0;width:100%;height:90%;margin-top:auto;transition:height 0.3s ease,border-radius 0.3s ease}
.location_layer .layer_head{width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}
.location_layer .layer_head h3{padding-left:60px;font-size:18px;font-weight:700}
.location_layer .layer_body{padding:80px 60px 120px}
.location_layer .wrap_content{display:flex;flex-direction:column;max-width:872px;margin:0 auto}
.location_layer .txt_sub{margin-bottom:20px;font-size:22px;font-weight:900}
.location_layer .tit_layer{margin-bottom:20px;font-size:58px;font-weight:900}
.location_layer .txt_caption{margin-bottom:60px;font-size:18px;color:#555;font-style:normal}
.location_layer .wrap_map{min-height:436px;margin-bottom:32px;border:1px solid rgba(0,0,0,0.08);border-radius:32px}
.location_layer .list_location{margin-bottom:48px;font-size:18px}
.location_layer .list_location .box_location{display:flex;gap:5px}
.location_layer .list_location .box_location dt::after{display:inline-block;width:1px;height:15px;margin-left:5px;background:#1c1c1c;vertical-align:middle;content:''}
.location_layer .list_location .box_contact{display:flex;gap:5px;margin-top:4px}
.location_layer .link_mail{text-decoration:underline;text-underline-offset:3px}
.location_layer .link_kakaomap{display:flex;align-items:center;max-width:fit-content;gap:4px;padding:12px 24px;background:#eee;color:#000;border-radius:99px;font-size:16px;font-weight:500}
.location_layer .link_kakaomap::after{width:20px;height:20px;transform:rotate(-135deg);background:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_arrow4.svg") no-repeat;content:''}
.location_layer .btn_close{width:69px;height:69px;padding:23px}
@media only screen and (max-width:768px){.location_layer .inner_layer::after{top:59px}
  .location_layer .layer_head h3{padding-left:20px;font-size:14px}
  .location_layer .layer_body{padding:32px 20px 80px}
  .location_layer .wrap_content{max-width:unset}
  .location_layer .txt_sub{margin-bottom:20px;font-size:14px}
  .location_layer .tit_layer{margin-bottom:20px;font-size:24px;line-height:1.3}
  .location_layer .txt_caption{margin-bottom:32px;font-size:14px}
  .location_layer .wrap_map{min-height:214px;margin-bottom:40px;border-radius:12px}
  .location_layer .list_location{margin-bottom:40px;font-size:14px}
  .location_layer .list_location .box_location dt::after{height:12px}
  .location_layer .link_kakaomap{padding:12px 24px;font-size:12px}
  .location_layer .link_kakaomap::after{width:15px;height:15px}
  .location_layer .btn_close{width:59px;height:59px;padding:20px} }
/* 제안 문의 */
.section_contact{background:#F2F3F6}
.section_contact .inner_content{padding:74px 0;max-width:1320px;margin:0 auto;background:url("https://t1.kakaocdn.net/impact/newImpact/thumb_contact.png") right 0 bottom 0/360px no-repeat}
.section_contact h4,.section_contact .link_mail{font-size:28px;font-weight:900}
.section_contact h4{margin-bottom:8px}
.section_contact .link_mail{display:flex;align-items:center;gap:16px;text-decoration:underline}
.section_contact .link_mail::before{width:40px;height:40px;background:url("https://t1.kakaocdn.net/impact/newImpact/ico_mail.png") center/cover no-repeat;content:''}
@media only screen and (max-width:768px){.section_contact .inner_content{padding:60px 20px 163px;background-size:240px;background-position:right 20px bottom 0;line-height:1.3}
  .section_contact h4{margin-bottom:12px;font-size:24px;word-break:keep-all}
  .section_contact .link_mail{gap:8px;font-size:14px}
  .section_contact .link_mail::before{width:32px;height:32px} }
/* main */
.content-main{overflow:hidden}
.content-main .section_intro{position:relative}
.content-main .section_intro .list_visual{overflow:hidden;max-height:720px}
.content-main .section_intro .list_visual .item_visual{position:relative;height:720px}
.content-main .section_intro .img_intro{width:100%;height:100%;object-fit:cover}
.content-main .section_intro .wrap_video{overflow:hidden;position:relative;height:inherit}
.content-main .section_intro .wrap_video video{position:absolute;top:50%;left:50%;min-width:100%;height:inherit;object-fit:cover;transform:translate(-50%,-50%)}
.content-main .section_intro .wrap_content{position:absolute;width:1320px;left:50%;bottom:120px;transform:translateX(-50%);display:flex;flex-direction:column}
.content-main .section_intro .wrap_content.type_white{color:#fff}
.content-main .section_intro .wrap_content.type_white .link_intro{background:#fff;color:#1c1c1c}
.content-main .section_intro .wrap_content.type_center{top:80px;align-items:center}
.content-main .section_intro .wrap_content.type_center:has(.box_logo){justify-content:center}
.content-main .section_intro .wrap_content.type_center .box_logo{max-width:360px}
.content-main .section_intro .wrap_content:has(.desc_intro) .tit_intro{-webkit-line-clamp:3}
.content-main .section_intro .txt_sub{font-size:20px;font-style:normal;white-space:nowrap}
.content-main .section_intro .txt_sub + .tit_intro,.content-main .section_intro .txt_sub + .box_logo{margin-top:16px}
.content-main .section_intro .box_logo{max-width:637px;height:auto;font-size:0}
.content-main .section_intro .img_logo{width:100%;height:auto}
.content-main .section_intro .img_logo.mobile_only{display:none}
.content-main .section_intro .tit_intro{overflow:hidden;font-size:46px;font-weight:900;line-height:1.3;white-space:pre-line;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.content-main .section_intro .desc_intro{overflow:hidden;display:-webkit-box;margin-top:20px;font-size:18px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:pre-line;text-align:center}
.content-main .section_intro .link_intro{width:fit-content;margin-top:40px;padding:12px 24px;border-radius:99px;background:#1c1c1c;color:#fff;font-size:16px;font-weight:500}
.content-main .section_intro .slick-dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:12px;justify-content:center;width:132px;font-size:0}
.content-main .section_intro .slick-dots button{overflow:hidden;width:12px;height:12px;border-radius:50%;background-color:#555;opacity:0.3;font-size:1px;line-height:0;color:transparent}
.content-main .section_intro .slick-dots .slick-active button{opacity:1}
.content-main .section_intro .btn_control{overflow:hidden;position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:24px;height:24px;margin-left:100px;background:#555;border-radius:50%;font-size:0;line-height:0;color:transparent}
.content-main .section_intro .btn_control.on::after{background-image:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_play.svg")}
.content-main .section_intro .btn_control::after{display:block;margin:0 auto;width:16px;height:16px;background:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_pause.svg") center/cover no-repeat;content:''}
.content-main .section_news{position:relative;padding:100px 0;max-width:1320px;margin:0 auto}
.content-main .section_news h4{margin-bottom:32px;font-size:46px;font-weight:900}
.content-main .section_news .link_more{display:inline-block;padding:12px 24px;background:#1c1c1c;color:#fff;border-radius:99px;font-size:16px}
.content-main .section_news .slick-track{display:flex;gap:24px}
.content-main .section_news .slick-list{overflow:visible}
.content-main .section_news .list_news{margin:80px 0 0 -24px}
.content-main .section_news .list_news:not(.slick-initialized){display:flex;flex-wrap:nowrap;gap:24px}
.content-main .section_news .list_news:not(.slick-initialized) > .item_news{min-width:424px}
.content-main .section_news .list_news .item_news{max-width:424px}
.content-main .section_news .link_news:hover .img_news{transform:scale(1.05)}
.content-main .section_news .wrap_img{overflow:hidden;max-width:424px;height:259px;border-radius:12px}
.content-main .section_news .img_news{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.3s ease}
.content-main .section_news .box_cate{margin:24px 0 8px;color:#757575}
.content-main .section_news .box_cate .txt_cate::after{display:inline-block;width:1px;height:15px;margin:0 10px;background:#ddd;vertical-align:middle;content:''}
.content-main .section_news .tit_news{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:24px;font-weight:900}
.content-main .section_news .box_buttons{position:absolute;top:120px;right:0}
.content-main .section_news .box_buttons .btn_prev,.content-main .section_news .box_buttons .btn_next{background:#1c1c1c}
.content-main .section_news .box_buttons .btn_prev[aria-disabled="true"],.content-main .section_news .box_buttons .btn_next[aria-disabled="true"]{background:#eee;cursor:not-allowed}
.content-main .section_news .box_buttons .btn_prev[aria-disabled="true"]::after,.content-main .section_news .box_buttons .btn_next[aria-disabled="true"]::after{filter:grayscale(100%) brightness(60%)}
.content-main .section_business{background:#1c1c1c}
.content-main .section_business .inner_content{position:relative;padding:100px 0;max-width:1320px;margin:0 auto}
.content-main .section_business .wrap_content{display:flex;justify-content:space-between;margin-bottom:40px}
.content-main .section_business h4{font-size:64px;line-height:1.3;color:#fff;font-weight:900}
.content-main .section_business h4 img{width:80px;vertical-align:top}
.content-main .section_business .tit_sub{color:#fff;font-size:22px;font-weight:900}
.content-main .section_business .list_business{margin:24px 0 0 -24px}
.content-main .section_business .list_business:not(.slick-initialized){display:flex;flex-wrap:nowrap;gap:24px}
.content-main .section_business .list_business:not(.slick-initialized) > .item_business{min-width:424px}
.content-main .section_business .list_business .item_business{max-width:424px}
.content-main .section_business .slick-track{display:flex;gap:24px}
.content-main .section_business .slick-list{overflow:visible}
.content-main .section_business .service_techforimpact{background:#313131}
.content-main .section_business .service_climate{background:#00B458}
.content-main .section_business .service_dangol{background:#114ABF}
.content-main .section_business .service_digital{background:#FAE100}
.content-main .section_business .service_pay{background:#FAF4F0}
.content-main .section_business .service_brian{background:#FF9103}
.content-main .section_business .service_together{background:#FFDFE2}
.content-main .section_business .service_heroes{background:#0070FF}
.content-main .section_business .service_senior{background:#FAF4F0}
.content-main .section_business .service_techforimpact,.content-main .section_business .service_climate,.content-main .section_business .service_dangol,.content-main .section_business .service_heroes{color:#fff}
.content-main .section_business .service_digital,.content-main .section_business .service_pay,.content-main .section_business .service_together,.content-main .section_business .service_brian,.content-main .section_business .service_senior{color:#1c1c1c}
.content-main .section_business .link_business{display:flex;flex-direction:column;padding:40px;border-radius:12px;gap:12px;word-break:keep-all}
.content-main .section_business .link_business:hover .img_business{transform:scale(1.05)}
.content-main .section_business .tit_business{font-size:24px;font-weight:900}
.content-main .section_business .txt_sub{font-size:18px;line-height:1.6}
.content-main .section_business .box_image{overflow:hidden;width:384px;height:288px;margin:68px 0 0 -40px}
.content-main .section_business .img_business{width:100%;height:auto;object-fit:cover;transition:transform 0.3s ease}
.content-main .section_business .box_buttons{position:absolute;top:300px;right:0}
.content-main .section_business .box_buttons .btn_prev,.content-main .section_business .box_buttons .btn_next{background:#fff}
.content-main .section_business .box_buttons .btn_prev::after,.content-main .section_business .box_buttons .btn_next::after{filter:brightness(0%) invert(10%)}
.content-main .section_business .box_buttons .btn_prev[aria-disabled="true"],.content-main .section_business .box_buttons .btn_next[aria-disabled="true"]{background:#313131;cursor:not-allowed}
.content-main .section_business .box_buttons .btn_prev[aria-disabled="true"]::after,.content-main .section_business .box_buttons .btn_next[aria-disabled="true"]::after{filter:brightness(0%) invert(55%)}
.content-main .section_history{display:flex;position:relative;flex-direction:column;padding-top:100px;gap:16px;background:#FFE922;align-items:center;height:580px}
.content-main .section_history .wrap_year{position:absolute;bottom:0;font-weight:900;font-size:220px;color:#FBD100;letter-spacing:-22px;white-space:nowrap}
.content-main .section_history::after{position:absolute;margin-left:50px;clip-path:inset(0 0 25% 0);transform:translateY(25%);bottom:0;width:300px;height:420px;background:url("https://t1.kakaocdn.net/impact/newImpact/thumb_ryan.png") center/cover no-repeat;content:''}
.content-main .section_history h4{font-size:46px;font-weight:900}
.content-main .section_history .txt_sub{font-size:18px;text-align:center}
.content-main .section_history .link_history{padding:12px 24px;font-size:16px;color:#fff;background:#1c1c1c;border-radius:99px;margin-top:16px}
.content-main .section_about{display:flex;justify-content:center}
.content-main .section_about .inner_content{position:relative;display:flex;gap:24px;width:2216px;padding:100px 0;margin-left:900px}
.content-main .section_about .wrap_content{min-width:424px;margin-top:40px}
.content-main .section_about .wrap_content h4{font-size:46px;font-weight:900;line-height:1.3}
.content-main .section_about .wrap_content .link_about{display:inline-block;padding:12px 24px;margin-top:44px;font-size:16px;font-weight:500;border-radius:99px;color:#fff;background:#1c1c1c}
.content-main .section_about .wrap_card{overflow-x:hidden}
.content-main .section_about .list_about .link_about{overflow:hidden;display:block;position:relative;min-width:344px;height:490px;padding:40px;border-radius:12px}
.content-main .section_about .list_about .link_about:hover::after{transform:scale(1.05)}
.content-main .section_about .list_about .link_about::after{position:absolute;bottom:-54px;right:-140px;width:484px;height:484px;transition:transform 0.3s ease;background:url("https://t1.kakaocdn.net/impact/newImpact/thumb_value.png") center/cover no-repeat;content:''}
.content-main .section_about .list_about .link_about.type_value{background:#96F022}
.content-main .section_about .list_about .link_about.type_people{background:#00F6FF}
.content-main .section_about .list_about .link_about.type_people::after{background-image:url("https://t1.kakaocdn.net/impact/newImpact/thumb_people.png")}
.content-main .section_about .list_about .link_about.type_social{background:#FFE922}
.content-main .section_about .list_about .link_about.type_social::after{background-image:url("https://t1.kakaocdn.net/impact/newImpact/thumb_social_pc_20250822.png")}
.content-main .section_about .list_about .link_about.type_career{background:#A193FF}
.content-main .section_about .list_about .link_about.type_career::after{background-image:url("https://t1.kakaocdn.net/impact/newImpact/thumb_career.png")}
.content-main .section_about .list_about .tit_about{display:block;font-size:46px;font-weight:900;margin-bottom:8px}
.content-main .section_about .list_about .txt_sub{font-size:18px}
.content-main .section_about .list_about .txt_sub::after{display:block;margin-top:32px;font-size:18px;font-weight:900;content:'바로가기 →'}
.content-main .section_about .slick-list{overflow:visible}
.content-main .section_about .slick-track{display:flex;gap:24px}
.content-main .section_about .box_buttons{position:absolute;bottom:120px;left:0}
.content-main .section_about .box_buttons .btn_prev,.content-main .section_about .box_buttons .btn_next{background:#1C1C1C}
.content-main .section_about .box_buttons .btn_prev[aria-disabled="true"],.content-main .section_about .box_buttons .btn_next[aria-disabled="true"]{background:#eee;cursor:not-allowed}
.content-main .section_about .box_buttons .btn_prev[aria-disabled="true"]::after,.content-main .section_about .box_buttons .btn_next[aria-disabled="true"]::after{filter:grayscale(100%) brightness(60%)}
.content-main .section_keyword{padding:100px 0;max-width:1320px;margin:0 auto}
.content-main .section_keyword h4{font-size:46px;font-weight:900}
.content-main .section_keyword .list_keyword{display:flex;flex-wrap:wrap;margin-top:60px;gap:0 16px;align-items:center}
.content-main .section_keyword .list_keyword .link_keyword{display:block;min-width:164px;padding:14px 33px;border-radius:99px;color:#fff;background:#000;transition:background-color 0.3s ease,color 0.3s ease}
.content-main .section_keyword .list_keyword .link_keyword:hover{background:#FFCD00;color:#000}
.content-main .section_keyword .list_keyword .link_keyword i,.content-main .section_keyword .list_keyword .link_keyword .txt_keyword{display:block;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.content-main .section_keyword .list_keyword .link_keyword i{max-width:140px;margin-bottom:4px;font-size:14px;letter-spacing:-0.8px;font-style:normal}
.content-main .section_keyword .list_keyword .link_keyword .txt_keyword{max-width:270px;font-size:26px;letter-spacing:-0.52px}
.content-main .section_keyword .list_keyword .img_keyword{width:124px;height:124px;object-fit:cover}
@media only screen and (max-width:768px){.content-main .section_intro .list_visual{max-height:640px}
  .content-main .section_intro .list_visual .item_visual{height:640px}
  .content-main .section_intro .wrap_content{width:auto;max-width:calc(100% - 40px);width:100%;top:40px;left:20px;transform:none}
  .content-main .section_intro .wrap_content.type_center{top:100px;left:50%;transform:translateX(-50%)}
  .content-main .section_intro .wrap_content.type_center .box_logo{max-width:240px}
  .content-main .section_intro .wrap_content.type_center .tit_intro{-webkit-line-clamp:4}
  .content-main .section_intro .wrap_content.type_center:has(.desc_intro) .tit_intro{-webkit-line-clamp:4}
  .content-main .section_intro .wrap_content:has(.desc_intro) .tit_intro{-webkit-line-clamp:3}
  .content-main .section_intro .txt_sub{font-size:12px}
  .content-main .section_intro .txt_sub + .tit_intro,.content-main .section_intro .txt_sub + .box_logo{margin-top:8px}
  .content-main .section_intro .box_logo{max-width:236px}
  .content-main .section_intro .img_logo.pc_only{display:none}
  .content-main .section_intro .img_logo.mobile_only{display:block}
  .content-main .section_intro .tit_intro{font-size:24px}
  .content-main .section_intro .desc_intro{margin-top:12px;font-size:14px;-webkit-line-clamp:3}
  .content-main .section_intro .link_intro{padding:8px 20px;margin-top:24px;font-size:14px}
  .content-main .section_news{padding:60px 20px}
  .content-main .section_news h4{font-size:28px;line-height:1.3;margin-bottom:20px}
  .content-main .section_news .link_more{padding:8px 20px;font-size:14px}
  .content-main .section_news .list_news{margin:60px 0 0}
  .content-main .section_news .list_news .item_news{max-width:236px}
  .content-main .section_news .slick-track{gap:16px}
  .content-main .section_news .wrap_img{max-width:236px;height:144px;border-radius:8px}
  .content-main .section_news .box_cate{margin-top:16px;font-size:14px}
  .content-main .section_news .tit_news{font-size:16px}
  .content-main .section_news .box_buttons{display:none}
  .content-main .section_business .inner_content{padding:60px 20px}
  .content-main .section_business .wrap_content{flex-direction:column;gap:40px}
  .content-main .section_business h4{font-size:36px}
  .content-main .section_business h4 img{width:48px}
  .content-main .section_business .list_business{margin:0}
  .content-main .section_business .list_business:not(.slick-initialized){gap:16px}
  .content-main .section_business .list_business:not(.slick-initialized) > .item_business{min-width:236px}
  .content-main .section_business .list_business .item_business{max-width:236px}
  .content-main .section_business .slick-track{gap:16px}
  .content-main .section_business .link_business{min-height:350px;padding:24px;border-radius:12px;gap:12px}
  .content-main .section_business .tit_business{font-size:16px}
  .content-main .section_business .txt_sub{font-size:14px}
  .content-main .section_business .box_image{width:212px;height:212px;margin:auto 0 0 -24px}
  .content-main .section_business .link_more{display:inline-block;padding:8px 20px;background:#fff;border-radius:99px}
  .content-main .section_business .box_buttons{display:none}
  .content-main .section_history{padding:60px 20px 0;align-items:flex-start;height:430px}
  .content-main .section_history .wrap_year{display:flex;gap:110px;left:50%;transform:translateX(-50%);bottom:32px;font-size:88px;text-align:center;letter-spacing:-6.16px;line-height:0.8}
  .content-main .section_history::after{width:180px;height:252px;margin-left:30px;align-self:center;clip-path:inset(0 0 26% 0);transform:translateY(26%)}
  .content-main .section_history h4{font-size:28px;word-break:keep-all}
  .content-main .section_history .txt_sub{font-size:14px;text-align:left}
  .content-main .section_history .link_history{padding:8px 20px;margin-top:8px;font-size:14px}
  .content-main .section_about{display:block}
  .content-main .section_about .inner_content{width:auto;padding:60px 20px 20px;margin:0;gap:60px;flex-direction:column}
  .content-main .section_about .wrap_content{min-width:unset;margin:0}
  .content-main .section_about .wrap_content h4{font-size:28px}
  .content-main .section_about .wrap_content .link_about{padding:8px 20px;margin-top:24px;font-size:14px}
  .content-main .section_about .list_about{display:flex;flex-direction:column;gap:8px}
  .content-main .section_about .list_about .link_about{min-width:auto;padding:24px;height:132px}
  .content-main .section_about .list_about .link_about::after{width:180px;height:180px;bottom:0;right:-40px}
  .content-main .section_about .list_about .link_about.type_social::after{background-image:url("https://t1.kakaocdn.net/impact/newImpact/thumb_social_mo_20250822.png")}
  .content-main .section_about .list_about .tit_about{font-size:28px}
  .content-main .section_about .list_about .txt_sub{font-size:14px}
  .content-main .section_about .list_about .txt_sub::after{margin-top:44px;font-size:14px;font-weight:400}
  .content-main .section_about .box_buttons{display:none}
  .content-main .section_keyword{padding:60px 20px}
  .content-main .section_keyword h4{font-size:28px}
  .content-main .section_keyword .list_keyword{margin-top:34px;gap:0 6px;font-size:0}
  .content-main .section_keyword .list_keyword li:nth-child(1){order:6}
  .content-main .section_keyword .list_keyword li:nth-child(2){order:1}
  .content-main .section_keyword .list_keyword li:nth-child(3){order:3}
  .content-main .section_keyword .list_keyword li:nth-child(4){order:2}
  .content-main .section_keyword .list_keyword li:nth-child(5){order:4}
  .content-main .section_keyword .list_keyword li:nth-child(6){order:5}
  .content-main .section_keyword .list_keyword li:nth-child(7){order:7}
  .content-main .section_keyword .list_keyword li:nth-child(8){order:8}
  .content-main .section_keyword .list_keyword li:nth-child(9){order:9}
  .content-main .section_keyword .list_keyword .link_keyword{min-width:80px;padding:10px 18px;margin:9px 0}
  .content-main .section_keyword .list_keyword .link_keyword i{display:none}
  .content-main .section_keyword .list_keyword .link_keyword .txt_keyword{max-width:119px;font-size:14px;line-height:1.6;letter-spacing:-0.56px}
  .content-main .section_keyword .list_keyword .img_keyword{width:60px;height:60px} }
/* about */
.content-about .section_intro{padding:120px 0 60px;max-width:1320px;margin:0 auto}
.content-about .section_intro h4{font-weight:900;font-size:80px;letter-spacing:-2.4px}
.content-about .section_intro .img_item{width:104px;height:104px;vertical-align:top}
.content-about .section_intro .link_scroll{display:block;width:32px;height:32px;margin:80px auto 0}
.content-about .section_video .wrap_video{overflow:hidden;position:relative;max-width:1320px;min-height:742px;margin:0 auto;border-radius:16px}
.content-about .section_video .wrap_video iframe{position:absolute;width:100%;height:100%;border:none}
.content-about .section_ai{background:url(https://t1.kakaocdn.net/impact/newImpact/bg_ai.png) no-repeat top 0 left 50%/1616px 1534px}
.content-about .section_ai .inner_content{max-width:1320px;margin:0 auto;padding:200px 0}
.content-about .section_ai .img_helpai{display:block;width:424px;height:136px;margin-bottom:80px}
.content-about .section_ai h4{font-size:64px;font-weight:900;letter-spacing:-1.28px;line-height:1.3}
.content-about .section_ai .desc_content{font-size:32px;font-weight:900;letter-spacing:-0.64px}
.content-about .section_ai .desc_content + .desc_content{margin-top:80px}
.content-about .section_ai .wrap_content{width:fit-content;margin:160px 0 0 auto;padding-right:112px}
.content-about .section_message{position:relative}
.content-about .section_message .list_message{overflow:hidden;display:flex;flex-wrap:wrap;max-height:810px}
.content-about .section_message .list_message .item_message{position:relative;width:100%;height:810px;color:#fff}
.content-about .section_message .slick-slide .img_message.mobile_only{display:none}
.content-about .section_message .img_message{width:100%;height:100%;object-fit:cover}
.content-about .section_message .box_message{position:absolute;top:120px;left:50%;transform:translateX(-50%);width:1320px}
.content-about .section_message .desc_message{margin-bottom:32px;font-size:36px;font-weight:900;letter-spacing:-0.72px}
.content-about .section_message .txt_name{font-size:18px}
.content-about .section_message .txt_name em{font-weight:500}
.content-about .section_message .wrap_controls{display:flex;width:1320px;justify-content:space-between;position:absolute;bottom:40px;left:50%;transform:translateX(-50%)}
.content-about .section_message .box_buttons{display:flex;gap:12px}
.content-about .section_message .box_buttons .btn_prev,.content-about .section_message .box_buttons .btn_next{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgba(28,28,28,0.4);text-indent:-9999px}
.content-about .section_message .box_buttons .btn_prev::after,.content-about .section_message .box_buttons .btn_next::after{width:24px;height:24px;background:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_arrow5.svg") no-repeat;content:''}
.content-about .section_message .box_buttons .btn_next::after{transform:rotate(180deg)}
.content-about .section_message .btn_control{position:relative;width:48px;height:48px;background:rgba(28,28,28,0.4);border-radius:50%;font-size:0;line-height:0;color:transparent}
.content-about .section_message .btn_control::before{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:conic-gradient(#fff var(--p,0deg),rgba(255,255,255,0.4) 0deg);mask:radial-gradient(farthest-side,transparent 22px,#000 0);-webkit-mask:radial-gradient(farthest-side,transparent 22px,#000 0);transition:none;content:''}
.content-about .section_message .btn_control.on::after{background-image:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_play.svg")}
.content-about .section_message .btn_control::after{display:block;width:24px;height:24px;margin:0 auto;background:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_pause.svg") center/cover no-repeat;content:''}
.content-about .section_value{max-width:1320px;padding:120px 0;margin:0 auto}
.content-about .section_value h4{width:100%;margin-bottom:80px;font-size:46px;font-weight:900;line-height:1.3;text-align:center}
.content-about .section_value .wrap_details{position:relative;width:648px;border-bottom:1px solid #000}
.content-about .section_value summary{display:flex;flex:1;justify-content:space-between;align-items:center;padding:24px 0;font-size:64px;list-style:none;line-height:1;list-style:none;cursor:pointer}
.content-about .section_value summary::after,.content-about .section_value summary::before{position:absolute;right:12px;width:24px;height:4px;background-color:#1c1c1c;transition:transform 0.2s ease;content:''}
.content-about .section_value summary::-webkit-details-marker{display:none;/* iOS Safari/Chrome (WebKit 계열) */ }
.content-about .section_value summary::after{transform:rotate(90deg)}
.content-about .section_value details{border-top:1px solid #000}
.content-about .section_value details[open] summary{padding-bottom:16px;pointer-events:none}
.content-about .section_value details[open] summary::after{transform:rotate(0deg)}
.content-about .section_value .wrap_image{position:absolute;top:0;left:672px}
.content-about .section_value .wrap_image .img_value{width:648px;height:648px;object-fit:cover;border-radius:20px}
.content-about .section_value .box_content{overflow:hidden;max-height:0;transition:max-height 0.4s ease;padding:0}
.content-about .section_value .box_content .txt_sub{font-size:18px;font-weight:500}
.content-about .section_value .box_content .desc_content{padding:32px 0 63px;font-size:18px;word-break:keep-all}
.content-about .section_crew{display:grid;max-width:1320px;padding:120px 0 160px;margin:0 auto;grid-template-columns:repeat(4,1fr);gap:32px 24px}
.content-about .section_crew .list_crew{display:contents}
.content-about .section_crew .list_crew li{width:312px}
.content-about .section_crew .list_crew li em{display:block;margin:16px 0 8px;font-size:22px;font-weight:900}
.content-about .section_crew .list_crew li .txt_role{font-size:16px;line-height:1.6;color:#555}
.content-about .section_crew h4{grid-column:span 1;font-size:46px;line-height:1.3;font-weight:900}
.content-about .section_crew .img_crew{width:100%;vertical-align:top}
.content-about .section_history{overflow:hidden;width:100%;background:#FFE922}
.content-about .section_history .inner_content{position:relative;max-width:1320px;padding:80px 0 40px;margin:0 auto}
.content-about .section_history h4{margin-bottom:32px;font-size:46px;font-weight:900;line-height:1.3}
.content-about .section_history .link_more{display:inline-block;padding:12px 24px;color:#fff;font-weight:500;font-size:16px;background:#1c1c1c;border-radius:99px}
.content-about .section_history .list_history{margin-top:137px}
.content-about .section_history .list_history:hover .link_history{opacity:0.4}
.content-about .section_history .list_history:not(.slick-initialized){display:flex;flex-wrap:nowrap;gap:16px}
.content-about .section_history .list_history:not(.slick-initialized) > .link_history{min-width:536px}
.content-about .section_history .list_history .link_history{position:relative;display:flex;min-width:536px;height:351px;padding:0 60px;flex-direction:column;gap:16px;opacity:1;transition:opacity 0.3s ease}
.content-about .section_history .list_history .link_history::before{position:absolute;width:1px;height:100%;top:0;left:0;background:rgba(0,0,0,0.2);content:''}
.content-about .section_history .list_history .link_history:hover{opacity:1}
.content-about .section_history .slick-list{overflow:visible}
.content-about .section_history .slick-slide:nth-child(1) .link_history{padding-left:0}
.content-about .section_history .slick-slide:nth-child(1) .link_history::before{display:none}
.content-about .section_history .tit_history{display:flex;font-size:22px;font-weight:900;gap:8px;align-items:center}
.content-about .section_history .tit_history::after{width:28px;height:28px;background:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_arrow4.svg") no-repeat;transform:rotate(-90deg);content:''}
.content-about .section_history .emph_year{margin-top:auto;font-size:220px;font-weight:900;line-height:1;letter-spacing:-22px}
.content-about .section_history .box_buttons{position:absolute;top:80px;right:60px}
.content-about .section_history .box_buttons .btn_prev,.content-about .section_history .box_buttons .btn_next{background:#1c1c1c}
.content-about .section_history .box_buttons .btn_prev[aria-disabled="true"],.content-about .section_history .box_buttons .btn_next[aria-disabled="true"]{opacity:.5;background:#fff;cursor:not-allowed}
.content-about .section_history .box_buttons .btn_prev[aria-disabled="true"]::after,.content-about .section_history .box_buttons .btn_next[aria-disabled="true"]::after{filter:grayscale(100%) brightness(60%)}
.content-about .section_career{max-width:1320px;padding:120px 0;margin:0 auto}
.content-about .section_career h4{font-size:46px;font-weight:900}
.content-about .section_career .list_career{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:24px;height:648px;margin-top:42px}
.content-about .section_career .list_career li{overflow:hidden;border-radius:12px}
.content-about .section_career .list_career li.type_wide{grid-row:span 2;background:url("https://t1.kakaocdn.net/impact/newImpact/bg_career.jpg") center/100% no-repeat;transition:background-size 0.3s ease}
.content-about .section_career .list_career li.type_wide:hover{background-size:105%}
.content-about .section_career .list_career li:nth-child(2){background-color:#00B458;background-image:url("https://t1.kakaocdn.net/impact/newImpact/img_career2.png")}
.content-about .section_career .list_career li:nth-child(3){background-color:#104ABF;background-image:url("https://t1.kakaocdn.net/impact/newImpact/img_career3.png")}
.content-about .section_career .list_career li:nth-child(2),.content-about .section_career .list_career li:nth-child(3){position:relative;background-position:right 48px bottom 24px;background-size:160px;background-repeat:no-repeat}
.content-about .section_career .list_career li:nth-child(2) .link_career:hover::after,.content-about .section_career .list_career li:nth-child(3) .link_career:hover::after{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(28,28,28,0.05);content:''}
.content-about .section_career .link_career{display:block;height:100%;padding:40px;box-sizing:border-box}
.content-about .section_career .tit_career{display:flex;justify-content:space-between;flex:1;font-weight:900;font-size:32px;color:#fff}
.content-about .section_career .tit_career::after{width:48px;height:48px;transform:rotate(-135deg);mask-image:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_arrow4.svg");background-color:white;content:''}
@media only screen and (max-width:768px){.content-about .section_intro{padding:60px 20px 20px}
  .content-about .section_intro h4{font-size:28px;line-height:1.3;word-break:keep-all}
  .content-about .section_intro .img_item{width:40px;height:40px}
  .content-about .section_intro .link_scroll{width:24px;height:24px;margin-top:60px}
  .content-about .section_video .wrap_video{min-height:auto;padding-bottom:56.21%;border-radius:0}
  .content-about .section_ai{background:url(https://t1.kakaocdn.net/impact/newImpact/bg_ai_mo.png) no-repeat top 270px left 50%/494.5px 748px}
  .content-about .section_ai .inner_content{padding:60px 20px 220px;text-align:center}
  .content-about .section_ai .img_helpai{width:248px;height:96px;margin:0 auto 24px}
  .content-about .section_ai h4{font-size:32px}
  .content-about .section_ai .desc_content{font-size:18px}
  .content-about .section_ai .desc_content + .desc_content{margin-top:32px}
  .content-about .section_ai .wrap_content{margin:200px auto 0;padding:0}
  .content-about .section_message .list_message{max-height:710px}
  .content-about .section_message .list_message .item_message{height:710px}
  .content-about .section_message .slick-slide .img_message.pc_only{display:none}
  .content-about .section_message .slick-slide .img_message.mobile_only{display:block}
  .content-about .section_message .box_message{top:80px;left:20px;width:calc(100% - 40px);transform:none}
  .content-about .section_message .desc_message{max-width:80%;margin-bottom:24px;font-size:24px;word-break:keep-all}
  .content-about .section_message .txt_name{font-size:14px}
  .content-about .section_message .wrap_controls{bottom:32px;left:0;right:0;transform:none;width:auto;padding:0 20px}
  .content-about .section_message .box_buttons .btn_prev,.content-about .section_message .box_buttons .btn_next{width:40px;height:40px}
  .content-about .section_message .btn_control{width:40px;height:40px}
  .content-about .section_message .btn_control::before{mask:radial-gradient(farthest-side,transparent 18px,#000 0);-webkit-mask:radial-gradient(farthest-side,transparent 18px,#000 0)}
  .content-about .section_message .btn_control::after{width:20px;height:20px}
  .content-about .section_value{padding:80px 0 0}
  .content-about .section_value h4{margin:0 auto 40px;font-size:24px}
  .content-about .section_value .wrap_details{width:100%}
  .content-about .section_value details{padding:24px 20px}
  .content-about .section_value details[open] summary{padding-bottom:8px}
  .content-about .section_value summary{padding:0;font-size:36px}
  .content-about .section_value summary::after,.content-about .section_value summary::before{width:18px;height:3px;right:29px}
  .content-about .section_value .wrap_image{position:static;order:2;margin-top:24px}
  .content-about .section_value .wrap_image .img_value{width:100%;height:auto}
  .content-about .section_value .box_content{display:flex;flex-direction:column}
  .content-about .section_value .box_content .txt_sub{order:1;font-size:14px;font-weight:900}
  .content-about .section_value .box_content .desc_content{order:3;padding:20px 0 16px;font-size:14px;line-height:1.6}
  .content-about .section_crew{display:block;padding:80px 20px}
  .content-about .section_crew .list_crew{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 16px}
  .content-about .section_crew .list_crew li{width:auto}
  .content-about .section_crew .list_crew li em{margin:16px 0 4px;font-size:14px}
  .content-about .section_crew .list_crew li .txt_role{font-size:12px}
  .content-about .section_crew h4{font-size:24px;padding-bottom:16px}
  .content-about .section_history .inner_content{padding:80px 20px 40px}
  .content-about .section_history h4{margin-bottom:24px;font-size:28px}
  .content-about .section_history .link_more{padding:8px 20px;font-size:14px}
  .content-about .section_history .list_history{margin-top:120px}
  .content-about .section_history .list_history:hover .link_history{opacity:1}
  .content-about .section_history .list_history .link_history{min-width:236px;height:215px;padding:0 20px}
  .content-about .section_history .box_buttons{display:none}
  .content-about .section_history .tit_history{font-size:18px;gap:4px}
  .content-about .section_history .tit_history::after{width:16px;height:16px}
  .content-about .section_history .emph_year{font-size:96px;letter-spacing:-7.68px}
  .content-about .section_career{padding:60px 20px}
  .content-about .section_career h4{font-size:24px}
  .content-about .section_career .list_career{grid-template-columns:repeat(1,1fr);gap:12px;height:auto;margin-top:40px}
  .content-about .section_career .list_career li.type_wide{height:320px;background-position:center;background-size:cover}
  .content-about .section_career .list_career li.type_wide:hover{background-size:cover}
  .content-about .section_career .list_career li:nth-child(2),.content-about .section_career .list_career li:nth-child(3){background-size:80px;background-position:right 24px bottom 12px}
  .content-about .section_career .list_career li:nth-child(2) .link_career,.content-about .section_career .list_career li:nth-child(3) .link_career{padding:20px 20px 74px}
  .content-about .section_career .list_career .link_career{padding:20px}
  .content-about .section_career .list_career .tit_career{font-size:20px}
  .content-about .section_career .list_career .tit_career::after{width:24px;height:24px} }
/* history */
.content-history{--navigation-padding:238px}
.content-history .section_intro{overflow:hidden;position:relative;height:746px;background:url("https://t1.kakaocdn.net/impact/newImpact/img_exclamation.png") no-repeat top 73% left 50%/140px 600px}
.content-history .section_intro .inner_content{display:flex;flex-direction:column;max-width:1320px;padding-top:96px;margin:0 auto}
.content-history .section_intro h4{font-size:64px;letter-spacing:-1.28px;font-weight:900}
.content-history .section_intro .bg_video{display:flex;padding-top:190px;justify-content:space-between}
.content-history .section_intro .bg_video .img_item{width:210px}
.content-history .section_summary{position:relative;background:#FFE922}
.content-history .section_summary edge-observer{display:block}
.content-history .section_summary::after{position:absolute;left:0;right:0;bottom:154px;width:100%;height:4px;background:#fff;content:''}
.content-history .section_summary .inner_content{max-width:1320px;padding:140px 0 32px;margin:0 auto}
.content-history .section_summary .desc_summary{width:fit-content;min-width:872px;margin:0 auto;font-size:40px;font-weight:900;line-height:1.4}
.content-history .section_summary .desc_summary + .desc_summary{margin-top:40px}
.content-history .section_summary .list_year{display:flex;position:relative;margin-top:172px}
.content-history .section_summary .list_year li{position:relative;flex:1;text-align:center}
.content-history .section_summary .list_year li + li::before{position:absolute;left:0;width:1px;height:100%;background:rgba(0,0,0,0.2);content:''}
.content-history .section_summary .list_year .link_year{display:block;text-align:center}
.content-history .section_summary .list_year .link_year .txt_season{display:none}
.content-history .section_summary .list_year .link_year .txt_sub{font-weight:500}
.content-history .section_summary .list_year .link_year .txt_sub i{font-style:normal}
.content-history .section_summary .list_year .link_year em{display:block;font-size:46px;font-weight:900;letter-spacing:-1.84px}
.content-history .section_summary .list_year .thumb_jordy{position:absolute;bottom:122px;width:136px;transform:translateX(-50%)}
.content-history .info_navigation{position:sticky;top:0;z-index:50;padding:var(--navigation-padding) 0;mix-blend-mode:difference;width:100px;margin-left:auto}
.content-history .info_navigation + .section_history{margin-top:calc(0px - var(--navigation-padding) * 2)}
.content-history .list_navigation{position:absolute;display:flex;flex-direction:column;right:17px;gap:12px}
.content-history .list_navigation .link_year{font-size:16px;color:#fff;opacity:0.3}
.content-history .list_navigation .link_year.active{opacity:1}
.content-history .section_history{background:#1C1C1C;color:#fff}
.content-history .section_history edge-observer{position:absolute;width:100%;margin-top:-1px}
.content-history .section_history.type_white{background:#fff;color:#1c1c1c}
.content-history .section_history.type_white .desc_content::after{filter:none}
.content-history .section_history.type_white .list_card .link_card{background:#1c1c1c;color:#fff}
.content-history .section_history.type_white .list_content{border-color:#1c1c1c}
.content-history .section_history.type_white .list_content li + li{border-color:#1c1c1c}
.content-history .section_history.type_white .list_content .link_content,.content-history .section_history.type_white .list_content .box_content{color:#1c1c1c}
.content-history .section_history.type_white .list_content .link_content::after{filter:none}
.content-history .section_history.type_white .btn_more{background:#1c1c1c;color:#fff}
.content-history .section_history .inner_content{position:relative;max-width:1320px;margin:0 auto;padding-bottom:160px}
.content-history .section_history .txt_year{display:block;padding:60px 0 120px;text-align:center;font-size:380px;font-weight:900;line-height:1;letter-spacing:-22.8px}
.content-history .section_history h4{margin:0 auto 48px;font-weight:900;font-size:40px;text-align:center}
.content-history .section_history h4 .txt_sub{display:block;font-weight:400;font-size:16px}
.content-history .section_history .desc_content{font-size:24px;font-weight:900;text-align:center}
.content-history .section_history .desc_content::after{display:block;width:32px;height:32px;margin:120px auto;background:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_arrow4.svg") no-repeat;filter:invert(100%);content:''}
.content-history .section_history .list_card li{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}
.content-history .section_history .list_card li + li{margin-top:80px}
.content-history .section_history .list_card .wrap_content{display:flex;flex-direction:column;gap:20px;word-break:keep-all}
.content-history .section_history .list_card .wrap_content.type_wide{order:2}
.content-history .section_history .list_card .wrap_content.type_wide + .wrap_image{margin-left:auto;grid-column:span 2}
.content-history .section_history .list_card .txt_month{margin-bottom:20px;font-size:22px;font-weight:900}
.content-history .section_history .list_card .txt_month em{font-size:64px;font-weight:700}
.content-history .section_history .list_card .tit_card{font-size:24px;font-weight:900}
.content-history .section_history .list_card .txt_tags{font-size:16px;color:#888;font-style:normal}
.content-history .section_history .list_card .link_card{width:fit-content;padding:12px 24px;margin-top:20px;background:#fff;font-size:16px;font-weight:500;color:#1c1c1c;border-radius:99px}
.content-history .section_history .list_card .wrap_image{width:100%;max-width:400px;height:auto;font-size:0}
.content-history .section_history .list_card .wrap_image .img_card{width:100%}
.content-history .section_history .list_content{margin:160px 0 80px;border-top:1px solid #fff;border-bottom:1px solid #fff}
.content-history .section_history .list_content li{display:none}
.content-history .section_history .list_content li:nth-child(-n+4){display:block}
.content-history .section_history .list_content li + li{border-top:1px solid #fff}
.content-history .section_history .list_content.open li{display:block}
.content-history .section_history .list_content.open + .btn_more{display:none}
.content-history .section_history .list_content .link_content,.content-history .section_history .list_content .box_content{display:flex;gap:24px;padding:38px 0;font-size:24px;font-weight:900;color:#fff}
.content-history .section_history .list_content .link_content .txt_date,.content-history .section_history .list_content .box_content .txt_date{width:164px}
.content-history .section_history .list_content .link_content .tit_content,.content-history .section_history .list_content .box_content .tit_content{flex:1;word-break:keep-all}
.content-history .section_history .list_content .link_content::after{width:48px;height:48px;filter:invert(100%);background:url(https://t1.kakaocdn.net/impact/newImpact/svg/ico_arrow6.svg) no-repeat;content:''}
.content-history .section_history .btn_more{display:block;width:fit-content;padding:16px 73px;margin:0 auto;background:#fff;color:#1c1c1c;font-size:16px;border-radius:99px;font-weight:500}
@media only screen and (max-width:768px){.content-history .section_intro{height:477px;background-size:64px 251px;background-position:center bottom 24px}
  .content-history .section_intro .inner_content{padding:48px 20px 0;flex-direction:column;align-items:center;gap:24px}
  .content-history .section_intro h4{font-size:36px;text-align:center}
  .content-history .section_intro .bg_video{width:100%}
  .content-history .section_intro .bg_video .img_item{width:80px}
  .content-history .section_summary{overflow:hidden}
  .content-history .section_summary::after{bottom:104px}
  .content-history .section_summary .inner_content{padding:80px 0 18px}
  .content-history .section_summary .desc_summary{max-width:240px;min-width:unset;padding:0 20px;font-size:20px;word-break:keep-all}
  .content-history .section_summary .desc_summary + .desc_summary{margin-top:16px}
  .content-history .section_summary .list_year{margin-top:132px}
  .content-history .section_summary .list_year li + li::before{display:none}
  .content-history .section_summary .list_year::before{width:80px;height:70px;top:-94px;right:22px}
  .content-history .section_summary .list_year .link_year .txt_season{display:block;font-size:10px;color:#313131;opacity:.6;letter-spacing:-0.3px;line-height:1}
  .content-history .section_summary .list_year .link_year .txt_sub{font-size:12px}
  .content-history .section_summary .list_year .link_year .txt_sub i{display:none}
  .content-history .section_summary .list_year .link_year em{font-size:20px;letter-spacing:-0.64px;line-height:1.6}
  .content-history .section_summary .list_year .thumb_jordy{bottom:89px;width:80px}
  .content-history .section_history .inner_content{padding:0 20px 40px}
  .content-history .section_history .list_navigation{top:613px;right:20px;font-size:12px}
  .content-history .section_history .txt_year{padding:40px 0 80px;font-size:120px;letter-spacing:-7.2px}
  .content-history .section_history h4{margin-bottom:24px;font-size:28px}
  .content-history .section_history h4 .txt_sub{font-size:12px}
  .content-history .section_history .desc_content{max-width:80%;margin:0 auto;font-size:16px;word-break:keep-all}
  .content-history .section_history .desc_content::after{margin:80px auto 0}
  .content-history .section_history .list_card{width:calc(100% - 100px)}
  .content-history .section_history .list_card li{display:block}
  .content-history .section_history .list_card li + li{margin:0}
  .content-history .section_history .list_card .wrap_content{padding:80px 0 40px;gap:12px}
  .content-history .section_history .list_card .wrap_content.type_wide + .wrap_image{margin:0}
  .content-history .section_history .list_card .txt_month{margin-bottom:12px;font-size:14px}
  .content-history .section_history .list_card .txt_month em{font-size:36px}
  .content-history .section_history .list_card .tit_card{font-size:16px;word-break:keep-all}
  .content-history .section_history .list_card .txt_tags{font-size:12px}
  .content-history .section_history .list_card .link_card{padding:8px 20px;font-size:12px}
  .content-history .section_history .list_card .wrap_image{max-width:236px;height:auto}
  .content-history .section_history .list_content{width:calc(100% - 100px);margin:80px 0 40px}
  .content-history .section_history .list_content .link_content,.content-history .section_history .list_content .box_content{position:relative;flex-direction:column;gap:8px;padding:18px 0;font-size:14px}
  .content-history .section_history .list_content .link_content .txt_date,.content-history .section_history .list_content .box_content .txt_date{width:auto}
  .content-history .section_history .list_content .link_content .tit_contnet,.content-history .section_history .list_content .box_content .tit_contnet{word-break:keep-all}
  .content-history .section_history .list_content .link_content::after{position:absolute;width:24px;height:24px;top:16px;right:0}
  .content-history .section_history .btn_more{padding:8px 54px} }
/* 사업 소개 */
.content-business .service_techforimpact{background:#272727}
.content-business .service_climate{background:#00B458}
.content-business .service_dangol{background:#104ABF}
.content-business .service_digital{background:#FAE100}
.content-business .service_pay{background:#F2F2F2}
.content-business .service_brian{background:#FF9100}
.content-business .service_together{background:#FFDFE2}
.content-business .service_heroes{background:#0070FF}
.content-business .service_senior{background:#FAF4EF}
.content-business .service_techforimpact,.content-business .service_climate,.content-business .service_dangol,.content-business .service_heroes{color:#fff}
.content-business .service_digital,.content-business .service_pay,.content-business .service_together,.content-business .service_brian,.content-business .service_senior{color:#191919}
.content-business .section_title{max-width:1320px;margin:0 auto}
.content-business .section_title summary{display:flex;align-items:center;padding:40px 0 30px;margin:0 auto;pointer-events:none;list-style-type:none}
.content-business .section_title summary::-webkit-details-marker{display:none}
.content-business .section_title .box_sub{display:none}
.content-business .section_title .img_title{width:87px;height:auto}
.content-business .section_title .tit_business{margin-left:20px;font-size:40px;font-weight:900}
.content-business .section_video{max-width:1320px;margin:0 auto 40px}
.content-business .wrap_video{overflow:hidden;position:relative;border-radius:30px;font-size:0}
.content-business .wrap_video video{pointer-events:none}
.content-business .wrap_video video[poster]{width:100%;height:auto}
.content-business .wrap_video::after{position:absolute;top:0;left:0;right:0;height:100%;background:rgba(0,0,0,0.5);content:''}
.content-business .desc_video{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);min-width:656px;font-size:35px;font-weight:900;color:#fff;text-align:center}
.content-business .section_service{max-width:1320px;margin:0 auto;padding:120px 0}
.content-business .section_service + .section_service{border-top:1px solid rgba(0,0,0,0.08)}
.content-business .img_service{width:120px;height:auto}
.content-business .txt_sub{display:block;margin:30px 0;font-size:36px;font-weight:900}
.content-business .txt_tag{font-size:18px}
.content-business .info_content{display:flex;justify-content:space-between;height:503px;padding:30px;margin-top:60px;border-radius:15px}
.content-business .info_content.service_senior .img_content{border-radius:16px}
.content-business .service_digital .list_content .txt_number,.content-business .service_pay .list_content .txt_number,.content-business .service_together .list_content .txt_number,.content-business .service_brian .list_content .txt_number,.content-business .service_senior .list_content .txt_number{border-color:rgba(0,0,0,0.16)}
.content-business .tit_content{font-size:36px;font-weight:900}
.content-business .desc_content{margin-top:30px;font-size:18px;line-height:1.77;word-break:keep-all}
.content-business .list_content{display:flex;max-width:485px;margin-top:auto;gap:30px;flex-wrap:wrap}
.content-business .list_content li{min-width:200px}
.content-business .txt_number{display:block;font-size:32px;font-weight:900;border-top:1px solid rgba(255,255,255,0.16)}
.content-business .txt_content{font-size:14px}
.content-business .img_content{max-width:596px}
.content-business .box_content{display:flex;flex-direction:column;max-width:485px}
.content-business .list_detail{display:grid;grid-template-columns:max-content auto;padding:30px}
.content-business .list_detail dt,.content-business .list_detail dd{padding:32px 0;font-size:18px;border-bottom:1px solid rgba(0,0,0,0.08)}
.content-business .list_detail dt:last-of-type,.content-business .list_detail dd:last-of-type{border:none}
.content-business .list_detail dt{padding-right:40px;font-weight:900}
.content-business .link_outlink{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;margin:30px 30px 0;font-size:18px;font-weight:900;background:#000;color:#fff;border-radius:999px}
.content-business .link_outlink::after{width:18px;height:21px;margin-top:4px;background:url(https://t1.kakaocdn.net/impact/newImpact/svg/ico_outlink.svg) no-repeat;filter:brightness(0) invert(1);content:''}
.scroll .content-business{width:auto;padding:0 20px}
.scroll .content-business .section_title{position:fixed;z-index:10;top:72px;left:0;width:100%;max-width:none;background:#FFF;border-bottom:1px solid rgba(0,0,0,0.04)}
.scroll .content-business .section_title summary{padding:12px 60px}
.scroll .content-business .section_title .img_title{width:48px}
.scroll .content-business .section_title .tit_business{margin-left:16px;font-size:20px}
@media only screen and (max-width:768px){.content-business .section_title[open]{padding-bottom:10px}
  .content-business .section_title[open] summary{border-bottom:1px solid rgba(0,0,0,0.04)}
  .content-business .section_title[open] summary .tit_business::after{transform:rotate(180deg)}
  .content-business .section_title summary{padding:20px;pointer-events:auto}
  .content-business .section_title summary .tit_business::after{display:inline-block;width:12px;height:12px;margin-left:10px;background:url(https://t1.kakaocdn.net/impact/newImpact/svg/ico_more.svg) no-repeat;content:''}
  .content-business .section_title .img_title{width:47px}
  .content-business .section_title .tit_business{margin-left:10px;font-size:20px}
  .content-business .section_title .box_sub{display:block;padding:0 20px;border-radius:0 0 20px 20px}
  .content-business .section_video{padding:0 20px;margin-bottom:20px}
  .content-business .wrap_video{border-radius:25px}
  .content-business .desc_video{width:263px;min-width:auto;font-size:20px;word-break:keep-all}
  .content-business .section_service{padding:60px 20px}
  .content-business .img_service{width:60px}
  .content-business .txt_sub{margin:16px 0;font-size:22px}
  .content-business .txt_tag{font-size:14px}
  .content-business .info_content{position:relative;height:auto;margin-top:32px;padding:16px 16px 32px}
  .content-business .info_content.service_senior .img_content{border-radius:16px}
  .content-business .box_content{padding-top:75%}
  .content-business .img_content{position:absolute;top:16px;max-width:calc(100% - 32px)}
  .content-business .tit_content{font-size:24px}
  .content-business .desc_content{margin-top:10px;font-size:14px}
  .content-business .txt_number{font-size:22px}
  .content-business .txt_content{font-size:12px}
  .content-business .list_content{max-width:none;margin-top:40px;gap:20px}
  .content-business .list_content li{min-width:128px}
  .content-business .list_detail{padding:32px 0}
  .content-business .list_detail dt,.content-business .list_detail dd{padding:16px 0;font-size:14px}
  .content-business .list_detail dt{padding-right:30px}
  .content-business .link_outlink{margin:0;padding:10px 22px;font-size:14px}
  .content-business .link_outlink::after{width:12px;height:14px}
  .content-business .link_sub{display:flex;align-items:center;padding:20px 0}
  .scroll .content-business .section_title{top:65px}
  .scroll .content-business .section_title summary{padding-left:20px;padding-right:20px} }
/* career */
.content-career{line-height:1.48;word-break:keep-all}
.content-career .wrap_title{background:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_down.svg") no-repeat bottom 0 right 0/114px 99px}
.content-career .wrap_title h4{font-weight:900;font-size:64px;line-height:1.3}
.content-career .wrap_title p{margin-top:32px;font-weight:700;font-size:24px;color:#000}
.content-career .section_title{max-width:1320px;padding:100px 0;margin:0 auto}
.content-career .section_title .wrap_slide{overflow:hidden;margin-top:80px}
.content-career .section_title .wrap_slide img{width:100%;border-radius:20px;vertical-align:top}
.content-career .section_title .slick-list{border-radius:12px}
.content-career .section_title .slick-dots{display:flex;justify-content:center;margin-top:30px}
.content-career .section_title .slick-dots li + li{margin-left:12px}
.content-career .section_title .slick-dots button{overflow:hidden;width:16px;height:16px;border-radius:50%;background-color:#D9D9D9;font-size:1px;line-height:0;color:transparent}
.content-career .section_title .slick-dots .slick-active button{background-color:#1C1C1C}
.content-career .section_title .list_way{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:80px}
.content-career .section_title .list_way li{height:364px;padding:50px;border-radius:12px;background:#F2F3F6 no-repeat bottom 30px right 32px / 160px 160px;box-sizing:border-box}
.content-career .section_title .list_way li:nth-child(1){background-image:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_way1.svg")}
.content-career .section_title .list_way li:nth-child(2){background-image:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_way2.svg")}
.content-career .section_title .list_way li:nth-child(3){background-image:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_way3.svg")}
.content-career .section_title .list_way li:nth-child(4){background-image:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_way4.svg")}
.content-career .section_title .list_way span{font-size:20px}
.content-career .section_title .list_way strong{display:block;width:242px;margin-top:12px;font-weight:900;font-size:32px}
.content-career .section_krew{max-width:1320px;padding:100px 0 160px;margin:0 auto}
.content-career .section_krew .list_krew{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;margin-top:60px}
.content-career .section_krew .list_krew li{width:620px}
.content-career .section_krew .list_krew li:nth-child(2){margin-top:370px}
.content-career .section_krew .list_krew li:nth-child(2n+3){margin-top:-250px}
.content-career .section_krew .list_krew li:nth-child(2n+4){margin-top:120px}
.content-career .section_krew .list_krew .link_krew{display:block;background:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_outlink_circle.svg") no-repeat bottom 89px right 0/48px 48px}
.content-career .section_krew .list_krew .link_krew img{width:100%;border-radius:20px;vertical-align:top}
.content-career .section_krew .list_krew .link_krew strong{display:block;margin:40px 0 20px;font-weight:900;font-size:32px}
.content-career .section_krew .list_krew .link_krew span{font-size:20px;color:#757575}
.content-career .section_krew .link_banner{position:relative;display:flex;overflow:hidden;justify-content:center;align-items:center;height:420px;margin-top:80px;background:url("https://t1.kakaocdn.net/impact/newImpact/img_banner.jpg") no-repeat center center;background-size:cover;border-radius:20px}
.content-career .section_krew .link_banner::before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);content:''}
.content-career .section_krew .link_banner span{z-index:5;font-weight:900;font-size:32px;color:#FFF}
.content-career .section_krew .link_banner span::after{display:inline-block;width:40px;height:40px;margin:4px 0 0 16px;background:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_outlink_circle_white.svg") no-repeat;vertical-align:top;content:''}
@media only screen and (max-width:768px){.content-career{width:auto}
  .content-career .wrap_title h4{font-size:32px}
  .content-career .wrap_title p{margin-top:16px;font-size:16px}
  .content-career .section_title{padding:60px 20px 40px}
  .content-career .section_title .wrap_title{padding-bottom:60px;background-position:bottom 0 left 0;background-size:35px 30px}
  .content-career .section_title .wrap_slide{margin-top:32px}
  .content-career .section_title .wrap_slide img{border-radius:8px}
  .content-career .section_title .slick-list{border-radius:15px}
  .content-career .section_title .slick-dots{margin-top:12px}
  .content-career .section_title .slick-dots li + li{margin-left:6px}
  .content-career .section_title .slick-dots button{width:8px;height:8px}
  .content-career .section_title .list_way{display:block;grid-template-columns:none;gap:normal;margin-top:40px}
  .content-career .section_title .list_way li{width:auto;height:calc((100vw - 40px) * 0.614);padding:20px;border-radius:15px;background-position:bottom 8px right 8px;background-size:100px 100px}
  .content-career .section_title .list_way li + li{margin-top:12px}
  .content-career .section_title .list_way span{font-size:12px;line-height:1.17}
  .content-career .section_title .list_way strong{width:167px;margin-top:8px;font-size:20px}
  .content-career .section_krew{padding:60px 20px 80px}
  .content-career .section_krew .wrap_title{padding-bottom:46px;background-position:bottom 0 left 0;background-size:35px 30px}
  .content-career .section_krew .list_krew{display:block;align-items:normal;justify-content:normal;margin-top:32px}
  .content-career .section_krew .list_krew li{width:auto}
  .content-career .section_krew .list_krew li:nth-child(2){margin-top:40px}
  .content-career .section_krew .list_krew li:nth-child(2n+3){margin-top:40px}
  .content-career .section_krew .list_krew li:nth-child(2n+4){margin-top:40px}
  .content-career .section_krew .list_krew .link_krew{background-position:bottom 58px right 0;background-size:24px 24px}
  .content-career .section_krew .list_krew .link_krew img{border-radius:15px}
  .content-career .section_krew .list_krew .link_krew strong{max-width:80%;margin:16px 0 4px;font-size:20px;font-weight:900}
  .content-career .section_krew .list_krew .link_krew span{font-size:14px;color:#757575}
  .content-career .section_krew .link_banner{margin-top:40px;height:calc(100vw * 0.445);border-radius:15px}
  .content-career .section_krew .link_banner span{font-size:14px}
  .content-career .section_krew .link_banner span::after{width:16px;height:16px;margin:3px 0 0 4px} }
/* social impact */
.content-social .section_content{max-width:980px;padding:80px 0 120px;margin:0 auto}
.content-social .wrap_title{background:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_down.svg") no-repeat bottom 0 right 0/114px 99px}
.content-social .wrap_title h4{font-weight:900;font-size:64px}
.content-social .wrap_title p{margin-top:20px;font-weight:900;font-size:24px;color:#000}
.content-social .wrap_content{display:flex;flex-wrap:wrap;margin-top:60px;gap:20px}
.content-social .wrap_content .box_content{overflow:hidden;width:480px;padding:40px;box-sizing:border-box;border-radius:35px;color:#000}
.content-social .wrap_content .box_content:has(.img_content){padding:0;font-size:0}
.content-social .wrap_content .box_content:first-child{flex:0 0 567px}
.content-social .wrap_content .box_content:first-child::after{width:144px;height:140px;bottom:7px;right:7px;background-image:url(https://t1.kakaocdn.net/impact/newImpact/svg/ico_heart.svg)}
.content-social .wrap_content .box_content:nth-child(2){flex:1}
.content-social .wrap_content .box_content:nth-child(2)::after{width:132px;height:133px;bottom:18px;right:9px;background-image:url(https://t1.kakaocdn.net/impact/newImpact/svg/ico_clap.svg)}
.content-social .wrap_content .box_content:nth-child(2) .txt_sub{font-weight:700}
.content-social .wrap_content .box_content:first-child,.content-social .wrap_content .box_content:nth-child(2){position:relative;display:flex;flex-direction:column;padding:30px 40px;background:#FFF564}
.content-social .wrap_content .box_content:first-child::after,.content-social .wrap_content .box_content:nth-child(2)::after{position:absolute;content:''}
.content-social .wrap_content .box_content:nth-child(3){background:#A6EDFF}
.content-social .wrap_content .box_content:nth-child(6){background:#D1F7FE}
.content-social .wrap_content .box_content:nth-child(7),.content-social .wrap_content .box_content:nth-child(10){background:#CFDCFF}
.content-social .wrap_content .box_content:nth-child(8){max-height:505px}
.content-social .wrap_content .box_content:nth-child(9),.content-social .wrap_content .box_content:nth-child(12){max-height:419px}
.content-social .wrap_content .box_content:nth-child(11){background:#DCD5FE}
.content-social .wrap_content .emph_hero{font-weight:900;font-size:52px}
.content-social .wrap_content .txt_sub{font-weight:900;font-size:24px}
.content-social .wrap_content .txt_date{margin-top:53px;font-weight:700;font-size:18px}
.content-social .wrap_content .tit_program{font-size:28px;font-weight:900}
.content-social .wrap_content .tit_program span{display:block;margin-top:4px;font-size:24px}
.content-social .wrap_content .list_detail{display:grid;grid-template-columns:1fr 1fr;font-size:18px;margin-top:32px}
.content-social .wrap_content .list_detail dt,.content-social .wrap_content .list_detail dd{height:53px;padding:16px 0;border-bottom:1px solid rgba(0,0,0,0.08)}
.content-social .wrap_content .list_detail dt:first-of-type,.content-social .wrap_content .list_detail dd:first-of-type{padding-top:0}
.content-social .wrap_content .list_detail dt:last-of-type,.content-social .wrap_content .list_detail dd:last-of-type{border:none;padding-bottom:0}
.content-social .wrap_content .list_detail dt{display:flex;align-items:center}
.content-social .wrap_content .list_detail dd{font-weight:900;text-align:right}
.content-social .wrap_content .list_detail dd:after{width:100%}
.content-social .wrap_content .list_detail dd em{font-size:36px;font-weight:900}
.content-social .wrap_content .img_content{width:100%;height:100%;object-fit:cover}
.content-social .txt_update{display:block;margin:24px 0 0 auto;font-size:18px;color:#757575;text-align:right}
.content-social .link_more{display:block;width:fit-content;margin:80px auto 0;padding:16px 32px;background:#1c1c1c;color:#fff;border-radius:99px;font-size:16px;font-weight:500}
@media only screen and (max-width:768px){.content-social .section_content{padding:60px 20px 30px}
  .content-social .wrap_title{padding-bottom:56px;background:url("https://t1.kakaocdn.net/impact/newImpact/svg/ico_down.svg") no-repeat bottom 0 left 0/25px 30px}
  .content-social .wrap_title h4{font-size:36px}
  .content-social .wrap_title p{margin-top:8px;font-size:16px}
  .content-social .wrap_content{margin-top:40px;flex-direction:column}
  .content-social .wrap_content .box_content{width:auto;padding:26px 20px;border-radius:25px}
  .content-social .wrap_content .box_content:first-child{padding:16px 20px 14px;flex:1}
  .content-social .wrap_content .box_content:first-child::after{width:124px;height:120px}
  .content-social .wrap_content .box_content:nth-child(2){min-height:162px;padding:16px 20px}
  .content-social .wrap_content .box_content:nth-child(2)::after{width:119px;height:120px}
  .content-social .wrap_content .box_content:nth-child(5){order:6}
  .content-social .wrap_content .box_content:nth-child(6){order:5}
  .content-social .wrap_content .box_content:nth-child(8){max-height:unset;order:8}
  .content-social .wrap_content .box_content:nth-child(7){order:7}
  .content-social .wrap_content .box_content:nth-child(9){max-height:unset;order:10}
  .content-social .wrap_content .box_content:nth-child(10){order:9}
  .content-social .wrap_content .box_content:nth-child(11){order:11}
  .content-social .wrap_content .box_content:nth-child(12){max-height:unset;height:280px;order:12}
  .content-social .wrap_content .emph_hero{font-size:32px}
  .content-social .wrap_content .txt_sub{font-size:14px}
  .content-social .wrap_content .txt_date{margin-top:37px;font-size:14px}
  .content-social .wrap_content .tit_program{font-size:20px}
  .content-social .wrap_content .tit_program span{font-size:16px}
  .content-social .wrap_content .list_detail{font-size:14px}
  .content-social .wrap_content .list_detail dt,.content-social .wrap_content .list_detail dd{height:36px;padding:12px 0}
  .content-social .wrap_content .list_detail dd em{font-size:24px}
  .content-social .txt_update{font-size:12px;margin-top:8px}
  .content-social .link_more{margin-top:38px;padding:10px 22px;font-size:14px} }
/* 새소식 - 구마크업 */
.cont_news #mArticle{padding-top:72px;-webkit-font-smoothing:antialiased}
.cont_news .tit_news_section{padding-top:40px;color:#000;font-weight:900;font-size:42px;line-height:1.43;text-align:center}
.cont_news .wrap_tab{padding-bottom:80px}
.cont_news .wrap_tab .area_btn{display:flex;justify-content:center;padding-top:60px}
.cont_news .wrap_tab .area_btn .btn_more{width:163px;height:56px;margin:0;border:0;border-radius:999px;background-color:#EEE;font-weight:900;font-size:16px}
.cont_news .tab_board{display:flex;justify-content:center;padding:40px 0}
.cont_news .tab_board .list_tab{display:flex;align-items:center;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}
.cont_news .tab_board .list_tab li + li:before{display:inline-flex;width:1px;height:16px;margin:0 20px;background-color:rgba(0,0,0,0.08);content:''}
.cont_news .tab_board .list_tab .link_tab{display:inline-flex;border-bottom:2px solid transparent;color:#888;font-weight:900;font-size:20px;line-height:1.5}
.cont_news .tab_board .list_tab .link_tab.selected{border-color:#fae100;color:#000}
.cont_news .list_board{display:flex;flex-wrap:wrap;gap:40px 30px;width:1200px;margin:0 auto}
.cont_news .list_board .item_card{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;width:380px;height:474px;border-radius:25px;background-color:#FFF;box-shadow:4px 8px 40px 4px rgba(0,0,0,0.08)}
.cont_news .list_board .item_card .cont_item{display:flex;flex-direction:column;flex:1;align-items:flex-start;padding:24px;box-sizing:border-box}
.cont_news .link_cate,.cont_news .label_board{display:inline-flex;justify-content:center;align-items:center;height:33px;padding:0 14px;border-radius:999px;background-color:#EEE;color:#000;font-size:14px}
.cont_news .list_board .item_card .tit_item{display:block;overflow:hidden;padding-top:16px;font-size:24px;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;color:#000;font-weight:900;text-align:left}
.cont_news .list_board .item_card .info_item{margin-top:auto;color:#666;font-size:14px}
.cont_news .list_board .item_card .thumb_item{position:relative;height:232px}
.cont_news .list_board .item_card .img_g{display:block;position:absolute;inset:0;width:100%;max-width:100%;height:100%;object-fit:cover}
.cont_news .wrap_tab .box_paging{display:flex;margin:60px auto 0;gap:20px;width:fit-content;align-items:center}
.cont_news .wrap_tab .box_paging button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#F0F0F0;line-height:0;text-indent:-9999px}
.cont_news .wrap_tab .box_paging button::after{display:block;width:10px;height:17px;background:url(https://t1.kakaocdn.net/impact/newImpact/svg/ico_arrow2.svg) no-repeat;content:''}
.cont_news .wrap_tab .box_paging button[disabled]{opacity:.55;cursor:not-allowed}
.cont_news .wrap_tab .box_paging .btn_next::after{transform:rotate(180deg)}
.cont_news .wrap_tab .box_paging .list_paging{display:flex;gap:10px}
.cont_news .wrap_tab .box_paging .list_paging li{color:#828282;font-size:16px}
.cont_news .wrap_tab .box_paging .list_paging li[aria-current="true"] .link_paging{font-weight:900;color:#202020}
.cont_news .wrap_tab .box_paging .list_paging .link_paging{padding:10px;color:#828282}
.cont_news .ico_kakaotalk_black{width:40px;height:40px;background-image:url("//t1.kakaocdn.net/impact/impact100/svg/ico_kakaotalk_black.svg")}
.cont_news .ico_facebook_black{width:40px;height:40px;background-image:url("//t1.kakaocdn.net/impact/impact100/svg/ico_facebook_black.svg")}
.cont_news .ico_twitter_black{width:40px;height:40px;background-image:url("//t1.kakaocdn.net/impact/impact100/svg/ico_twitter_black.svg")}
.cont_news .ico_copy_black{width:40px;height:40px;background-image:url("//t1.kakaocdn.net/impact/impact100/svg/ico_copy_black.svg")}
.cont_news .list_share{display:flex;justify-content:center;gap:13px;padding-top:20px}
.cont_news .list_share .btn_share{width:64px;height:64px;border-radius:100%;background-color:#333}
.cont_news .list_share [class*="ico_"]{width:64px;height:64px}
.cont_news .section_board{padding-top:80px}
.cont_news .section_board .wrap_share{display:flex;justify-content:center;padding-bottom:80px}
.cont_news .section_board .wrap_share .list_share{display:flex;align-items:center;gap:8px;padding-top:0}
.cont_news .section_board .wrap_share .btn_share{display:block;width:40px;height:40px;border-radius:100%;background-color:#eee}
.cont_news .section_board .wrap_share .list_share [class*="ico_"]{width:40px;height:40px}
.cont_news .wrap_viewhead{display:flex;align-items:center;flex-direction:column}
.cont_news .wrap_viewhead .tit_view{max-width:1000px;margin:0 auto;padding-top:20px;color:#191919;font-weight:900;font-size:40px;line-height:1.48;text-align:center;word-break:keep-all}
.cont_news .wrap_viewhead .info_view{max-width:1000px;margin:0 auto;padding-top:15px;color:#666;font-size:20px;line-height:1.48}
.cont_news .wrap_viewcont > *{font-size:16px}
.cont_news .wrap_viewcont .inner_section{max-width:1000px;padding:54px 0 40px;margin:0 auto;color:#333}
.cont_news .wrap_viewcont .inner_section a{text-decoration:underline}
.cont_news .wrap_viewcont .thumb_img{width:100%;margin-top:41px}
.cont_news .wrap_viewcont .area_video{position:relative;width:100%;margin-bottom:80px;padding-top:56.25%}
.cont_news .wrap_viewcont .area_video iframe{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:25px}
.cont_news .wrap_viewcont > * + .area_video{margin-top:20px}
.cont_news .wrap_viewcont b{font-weight:900}
.cont_news .wrap_viewcont h1{font-size:2rem;font-weight:900}
.cont_news .section_contents{padding-bottom:100px}
.cont_news .section_contents .inner_section{max-width:1200px;margin:0 auto}
.cont_news .section_contents .tit_section{padding-top:60px;border-top:1px solid rgba(0,0,0,0.08);font-weight:900;font-size:30px;line-height:1.48}
.cont_news .section_contents .list_board{padding:30px 0 0}
@media only screen and (min-width:769px){.list_board .item_card{transform:translateY(0);transition:0.3s}
  .list_board .item_card:hover{box-shadow:0 8px 40px 8px rgba(0,0,0,0.12);transform:translateY(-6px);transition:0.3s} }
@media only screen and (max-width:768px){.cont_news .tit_news_section{font-size:28px}
  .cont_news .wrap_tab{padding-bottom:60px}
  .cont_news .wrap_tab .area_btn .btn_more{width:142px;font-size:14px}
  .cont_news .tab_board .list_tab li + li:before{height:14px;margin:0 12px}
  .cont_news .tab_board .list_tab .link_tab{font-size:18px}
  .cont_news .list_board{gap:30px;width:100%;padding:0 20px;box-sizing:border-box}
  .cont_news .list_board li{display:block;width:100%}
  .cont_news .list_board .item_card{flex-direction:column;width:100%;height:auto;border-radius:20px}
  .cont_news .list_board .item_card .cont_item{display:flex;flex-direction:column;flex:1;align-items:flex-start;padding:24px;box-sizing:border-box}
  .cont_news .list_board .item_card .tit_item{padding-top:12px;font-size:22px;line-height:1.64;-webkit-line-clamp:2}
  .cont_news .list_board .item_card .info_item{padding-top:41px;color:#666}
  .cont_news .list_board .item_card .thumb_item{height:0;padding-top:61.19%}
  .cont_news .wrap_tab .box_paging{flex-wrap:wrap;justify-content:center;margin-top:40px}
  .cont_news .wrap_tab .box_paging button{width:40px;height:40px}
  .cont_news .wrap_tab .box_paging button::after{width:8px;height:14px}
  .cont_news .list_share{gap:11px;padding-top:30px}
  .cont_news .list_share .btn_share{width:56px;height:56px}
  .cont_news .list_share [class*="ico_"]{width:56px;height:56px}
  .cont_news .section_board{padding-top:40px}
  .cont_news .section_board .wrap_share{padding-bottom:60px}
  .cont_news .wrap_viewhead{padding:0 20px}
  .cont_news .wrap_viewhead .tit_view{padding-top:16px;font-size:24px}
  .cont_news .wrap_viewhead .info_view{padding-top:16px;font-size:14px}
  .cont_news .wrap_viewcont .inner_section{padding:40px 20px}
  .cont_news .wrap_viewcont > *{font-size:14px}
  .cont_news .wrap_viewcont .thumb_img{margin-top:20px}
  .cont_news .wrap_viewcont .area_video{width:auto;margin-bottom:40px;padding-top:62.99%}
  .cont_news .section_contents{padding-bottom:60px}
  .cont_news .section_contents .inner_section{padding:0 20px}
  .cont_news .section_contents .tit_section{padding-top:40px;font-size:20px;line-height:1.2} }
/* 개인정보 처리방침 */
.content-privacy{width:1280px;padding:100px 0;margin:0 auto;line-height:1.5;min-height:calc(100vh - 372px);/*2025-05-21 추가*/ }
.content-privacy h4{margin-bottom:20px;font-size:20px;font-weight:900}
.content-privacy em,.content-privacy strong{font-weight:900}
.content-privacy span,.content-privacy table,.content-privacy em,.content-privacy strong,.content-privacy p,.content-privacy ul,.content-privacy ol{font-size:16px}
.content-privacy span + h4,.content-privacy table + h4,.content-privacy em + h4,.content-privacy strong + h4,.content-privacy p + h4,.content-privacy ul + h4,.content-privacy ol + h4{margin-top:60px}
.content-privacy strong{display:block}
.content-privacy .wrap_table{margin:50px 0}
.content-privacy table.tbl_comm{width:100%;border-spacing:0;border-collapse:collapse}
.content-privacy table.tbl_comm th{padding:8px;background:#F1F1F3;font-weight:900;border:1px solid #E0E0E0;border-bottom:0}
.content-privacy table.tbl_comm td{padding:24px;border:1px solid #E0E0E0}
.content-privacy table.tbl_comm td:not(:first-child){text-align:left}
.content-privacy table.tbl_comm th,.content-privacy table.tbl_comm td{font-size:16px;vertical-align:middle;text-align:center}
.content-privacy ul li::before{content:'- '}
.content-privacy ol li{list-style-type:decimal;list-style-position:inside}
.content-privacy ul,.content-privacy ol{margin-bottom:20px}
.content-privacy .btn_history{display:inline-block;height:38px;padding:0 14px;border:1px solid #1e1e1e;font-size:14px;line-height:39px;color:#1e1e1e;font-family:'NotoSans Regular','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum,sans-serif;text-align:center}
.content-privacy .btn_history:after{content:'>';display:inline-block;margin-left:20px;font-size:18px;vertical-align:top}
.content-privacy .section_history{display:flex}
.content-privacy .section_history .area_tit{flex-shrink:0}
.content-privacy .section_history .area_content{margin-left:40px}
.content-privacy .section_history .tbl_history{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;border-top:2px solid #4d4d4d;min-width:auto}
.content-privacy .section_history .tbl_history thead th{padding:15px 20px;color:#1e1e1e;border-left:0 none;text-align:center;border:none;border-bottom:1px solid #e6e6e6;font-weight:normal;font-size:14px;background:none}
.content-privacy .section_history .tbl_history td{padding:0;border-bottom:1px solid #e6e6e6;font-size:14px;line-height:26px;text-align:center;border:none;border-left:0 none;border-bottom:1px solid #e6e6e6}
.content-privacy .section_history .tbl_history td.text_period{font-family:'NotoSans Light','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum,sans-serif}
.content-privacy .section_history .tbl_history td.text_period a{color:#666}
@media only screen and (max-width:768px){.content-privacy{width:100%;padding:50px 20px;box-sizing:border-box;min-height:calc(100vh - 565px);/*2025-05-21 추가*/ }
  .content-privacy h4{margin-bottom:16px;font-size:16px}
  .content-privacy span,.content-privacy table,.content-privacy em,.content-privacy strong,.content-privacy p,.content-privacy ul,.content-privacy ol{font-size:14px}
  .content-privacy span + h4,.content-privacy table + h4,.content-privacy em + h4,.content-privacy strong + h4,.content-privacy p + h4,.content-privacy ul + h4,.content-privacy ol + h4{margin-top:40px}
  .content-privacy .wrap_table{overflow-x:auto;margin:30px 0}
  .content-privacy table.tbl_comm{min-width:500px}
  .content-privacy table.tbl_comm td{padding:15px}
  .content-privacy table.tbl_comm th,.content-privacy table.tbl_comm td{font-size:14px}
  .content-privacy .section_history{flex-direction:column}
  .content-privacy .section_history .area_content{margin:43px 0 0 0}
  .content-privacy .section_history .tbl_history td{padding:15px 0}
  .content-history .list_navigation .link_year{font-size:12px} }
@keyframes marquee{0%{transform:translateX(0%)}
  100%{transform:translateX(-100%)} }
marquee-container{display:flex}
marquee-item{animation:var(--duration) linear var(--count) var(--direction) var(--state) var(--delay) marquee}