@charset 'utf-8';


@media screen and (min-width: 1280px) {

.wrapper { min-width:1080px; overflow:hidden; }
.m-only { display:none; }
.w-only { display:block; }


/* header 영역 */
header { z-index:10; top:0; left:0; position:fixed; width:100%; height:80px; background:#fff; text-align:center; box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.16); }
header > .inner-wrap { position:relative; display:inline-block; width:1200px; height:100%; }
header > .inner-wrap > .logo { float:left; width:270px; height:72px; position:absolute; top:50%; transform:translate(0 , -50%); left:0; background:url(../../assets/image/logo.png) no-repeat 0 0; background-size:contain; }
header > .inner-wrap > .logo > a { display:block; width:100%; height:100%; text-indent:-9999px; }
header > .inner-wrap > .gnb { float:right; margin-top:17px; }
header > .inner-wrap > .gnb > li { display:block; float:left; }
header > .inner-wrap > .gnb > li:first-child { margin-right:8px; }
header > .inner-wrap > .gnb > li > a { display:inline-block; transition:all 0.3s; margin-left:8px; padding:12px 16px; border-radius:10px; font-size:18px; color:#353C46; font-weight:700; }
header > .inner-wrap > .gnb > .go-to-consulting { transition:all 0.3s; float:right; width:120px; background:#0096E4; border:2px solid #0096E4; height:48px; border-radius:10px; margin-left:24px; margin-top:-2px;}
header > .inner-wrap > .gnb > .go-to-consulting > a { font-weight:700; display:block; width:100%; height:100%; text-align:center; color:#fff; font-size:17px; line-height:44px; }

aside.drawer-menu { display:none; }
main { width:100%; height:auto; padding-top:80px; }

/* footer 영역 */
footer { width:100%; position:relative; height:340px; text-align:center; border-top:1px solid rgba(30,34,41,0.08);}
footer > .inner-wrap { position:relative; display:inline-block; width:1080px; height:100%; }
footer > .inner-wrap > .fnb { width:100%; height:auto; display:inline-block; margin-top:40px; }
footer > .inner-wrap > .fnb > h5 { float:left; font-size:13px; font-weight:700; color:#8F95A1; margin-bottom:8px; }
footer > .inner-wrap > .info { width:100%; height:auto; margin-top:0; text-align:left; }
footer > .inner-wrap > .info > ul { display:block; width:100%; }
footer > .inner-wrap > .info > ul > li { display:inline-block; width:100%; }
footer > .inner-wrap > .info > ul > li > span { width:128px; float:left; font-size:12px; color:#8F95A1; }
footer > .inner-wrap > .info > ul > li > p { width:calc(100% - 128px); float:left; font-size:12px; color:#8F95A1; }
footer > .inner-wrap > .info > ul > .copyright { color:#BAC1CB; font-weight:300; font-size:11px; margin-top:32px; }


/* main-visual 영역 */
section.main-visual { width:100%; position:relative; width:100%; height:640px; overflow:hidden; }
section.main-visual > .inner-wrap { z-index:1; position:relative; display:block; width:1080px; margin:0 auto; height:100%; text-align:center; }
section.main-visual > .inner-wrap > .title { width:600px; height:360px; position:absolute; top:188px; left:50%; transform:translate(-50%, 0); }
section.main-visual > .inner-wrap > .title > span { font-size:30px; color:#fff; font-weight:600;  line-height:28px; }
section.main-visual > .inner-wrap > .title > h4 { font-size:64px; color:#fff; font-weight:800; margin-top:32px; }
section.main-visual > .inner-wrap > .title > p { font-size:28px; color:#fff; font-weight:600; margin-top:32px; line-height:28px; }
section.main-visual > .bg { animation:bg 8s ease forwards; transition:all 0.3s; z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../../assets/image/bg_main_visual.png) no-repeat center center; background-size:cover;}


@keyframes bg {
    0% { transform:scale(1.1); }
	80% {transform:scale(1.0); }
	100% {transform:scale(1.02); }
}


/* s1 영역 */
section.s1 { width:100%; position:relative; width:100%; height:850px; }
section.s1 > .inner-wrap { z-index:1; position:relative; display:block; width:1080px; margin:0 auto; height:100%; text-align:center; }
section.s1 > .inner-wrap > .title { width:520px; height:360px; position:absolute; top:120px; left:50%; transform:translate(-50%, 0); }
section.s1 > .inner-wrap > .title > h4 { font-size:48px; color:#353C46; font-weight:800; margin-top:24px; }
section.s1 > .inner-wrap > .content { width:100%; position:absolute; top:250px; left:50%; transform:translate(-50%, 0); }
section.s1 > .inner-wrap > .content > .infographic1 > img { width:720px; text-align:center; margin:0 auto; }
section.s1 > .inner-wrap > .content > .infographic2 > img { width:720px; text-align:center; margin:0 auto; }
section.s1 > .illust1 { top:160px; left:-40px;  z-index:1; width:320px; height:320px; background:url(../../assets/image/s1_illust_clean.png) no-repeat 0 0; background-size:contain; position:absolute; }
section.s1 > .illust2 { top:390px; left:140px; z-index:2; width:320px; height:320px; background:url(../../assets/image/s1_illust_law.png) no-repeat 0 0; background-size:contain; position:absolute; }
section.s1 > .illust3 { top:190px; right:-100px; z-index:1; width:320px; height:320px; background:url(../../assets/image/s1_illust_express.png) no-repeat 0 0; background-size:contain; position:absolute; }
section.s1 > .illust4 { top:400px; right:80px; z-index:2; width:320px; height:320px; background:url(../../assets/image/s1_illust_aircon.png) no-repeat 0 0; background-size:contain; position:absolute; }



/* s2 영역 */
section.s2 { width:100%; position:relative; width:100%; height:648px; background:#F3F5F6; }
section.s2 > .inner-wrap { z-index:1; position:relative; display:block; width:1080px; margin:0 auto; height:100%; text-align:center; }
section.s2 > .inner-wrap > .title { width:640px; height:360px; position:absolute; top:80px; left:50%; transform:translate(-50%, 0); }
section.s2 > .inner-wrap > .title > h4 { font-size:48px; color:#353C46; font-weight:800; margin-top:24px; }
section.s2 > .inner-wrap > .title > h4 > strong {  font-size:48px; color:#0089D0; font-weight:800; }
section.s2 > .inner-wrap > .content { width:100%; display:flex; flex-direction:row; column-gap:24px; position:absolute; top:240px; left:50%; transform:translate(-50%, 0); }
section.s2 > .inner-wrap > .content > div { position:relative; background:#fff; width:252px; height:252px; border-radius: 24px; border: 2px solid #D8DDE2; box-shadow: 0 2px 6px 0 rgba(30, 34, 41, 0.08);}
section.s2 > .inner-wrap > .content > div > div {  text-indent:-9999px; width:188px; height:188px; position:absolute; top:12px; left:50%; transform:translateX(-50%); }
section.s2 > .inner-wrap > .content > div:nth-child(1) > div {background:url(../../assets/image/s2_typo_law.png) no-repeat 0 0; background-size:contain; }
section.s2 > .inner-wrap > .content > div:nth-child(2) > div {background:url(../../assets/image/s2_typo_express.png) no-repeat 0 0; background-size:contain; }
section.s2 > .inner-wrap > .content > div:nth-child(3) > div {background:url(../../assets/image/s2_typo_clean.png) no-repeat 0 0; background-size:contain; }
section.s2 > .inner-wrap > .content > div:nth-child(4) > div {background:url(../../assets/image/s2_typo_aircon.png) no-repeat 0 0; background-size:contain; }
section.s2 > .inner-wrap > .content > div > p {color:#353c46; font-size:17px; width:100%; position:absolute; bottom:20px; left:0; text-align:center;  }



/* contact 영역 */
section.contact { width:100%; position:relative; width:100%; height:628px; background:#fff; }
section.contact > .inner-wrap { z-index:1; position:relative; display:block; width:1080px; margin:0 auto; height:100%; text-align:center; }
section.contact > .inner-wrap > .title { width:520px; height:360px; position:absolute; top:100px; left:50%; transform:translate(-50%, 0); }
section.contact > .inner-wrap > .title > span { display:block; font-size:30px; color:#353C46;  line-height:28px; font-weight:700; }
section.contact > .inner-wrap > .title > h4 { font-size:52px; color:#353C46; font-weight:800; margin-top:24px; }
section.contact > .inner-wrap > .content { width:100%; position:absolute; top:280px; left:50%; transform:translate(-50%, 0); }
section.contact > .inner-wrap > .content > ul { width:100%; display:inline-block; }
section.contact > .inner-wrap > .content > ul > li { float:left; width:calc((100% - 48px) / 3); height:250px; border-radius:24px; }

section.contact > .inner-wrap > .content > ul > li > a { position:relative; display:block; width:100%; height:100%; }
section.contact > .inner-wrap > .content > ul > li > a > div { transition:all 0.3s; transform:scale(1.0); position:absolute; top:24px; left:50%; margin-left:-50px; width:100px; height:100px;}
section.contact > .inner-wrap > .content > ul > li:hover > a > div { transform:scale(1.05);}
section.contact > .inner-wrap > .content > ul > li:nth-child(1) > a > div { background:url(../../assets/image/icon_cs.png) no-repeat center bottom; background-size:contain;  }
section.contact > .inner-wrap > .content > ul > li:nth-child(2) > a > div { background:url(../../assets/image/icon_kakaotalk.png) no-repeat center bottom; background-size:contain;  }
section.contact > .inner-wrap > .content > ul > li:nth-child(3) > a > div { background:url(../../assets/image/icon_email.png) no-repeat center bottom; background-size:contain;  }
section.contact > .inner-wrap > .content > ul > li > a > p { color:#353C46; position:absolute; top:144px; left:50%; transform:translate(-50%, 0);  text-align:center; font-size:26px; font-weight:800; }

section.contact > .inner-wrap > .content > ul > li > a > span { text-align:center; color:#353C46; position:absolute; top:188px; left:50%; transform:translate(-50%, 0);  display:inline-block; font-size:18px; font-weight:400; }


/* app-download 영역 */
section.app-download { width:100%; position:relative; width:100%; height:440px; background:url(../../assets/image/bg_app_download.png) no-repeat center bottom; background-size:cover; }
section.app-download > .inner-wrap { position:relative; display:block; width:1080px; margin:0 auto; height:100%; text-align:center; }
section.app-download > .inner-wrap > .title { width:100%; padding-top:100px;   }
section.app-download > .inner-wrap > .title > h4 { font-size:48px; color:#fff; font-weight:800; }
section.app-download > .inner-wrap > .title > h4 > img { width:300px; margin-right:16px; }
section.app-download > .inner-wrap > .title > p { margin-top:16px; font-size:24px; color:rgba(255,255,255,0.8); font-weight:400; }
section.app-download > .inner-wrap > .title > .link-to-download { margin-top:32px; display:inline-block;}
section.app-download > .inner-wrap > .title > .link-to-download > li { float:left; width:167px; height:64px; text-indent:-9999px; }
section.app-download > .inner-wrap > .title > .link-to-download > li:first-child { margin-right:12px; }
section.app-download > .inner-wrap > .title > .link-to-download > li > a { transition:all 0.3s; display:block; width:100%; height:100%; border-radius:12px; border:1px solid rgba(30,34,41,0.1); }
section.app-download > .inner-wrap > .title > .link-to-download > li:first-child > a { background:url(../../assets/image/btn_google_playstore.png) no-repeat 0 0; background-size:contain; }
section.app-download > .inner-wrap > .title > .link-to-download > li:last-child > a { background:url(../../assets/image/btn_apple_appstore.png) no-repeat 0 0; background-size:contain; }

section.app-download > .inner-wrap > .title > .link-to-download > li > a:hover { box-shadow:0 4px 8px 0 rgba(30,34,41,0.3);  border:1px solid rgba(30,34,41,0.16); margin-top:-3px; }


}
















/* @@@@@@@@@@@@@@@@@@@@@ 모바일 @@@@@@@@@@@@@@@@@@@@@ */

@media screen and (max-width: 1279px) {

.wrapper { width:100%; overflow:hidden;}
.w-only { display:none; }
.m-only { display:block; }
main { width:100%; height:auto; padding-top:60px; }

/* header 영역 */
header { transition:all 0.3s; position:fixed; width:100%; height:60px; background:#fff; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.16); z-index:10;}
header > .inner-wrap { position:relative; display:inline-block; width:100%; height:100%; text-align:center; }
header > .inner-wrap > .logo { float:left; width:188px; height:50px; position:absolute; top:50%; transform:translate(0 , -50%); left:12px; background:url(../../assets/image/logo.png) no-repeat 0 0; background-size:contain; }
header > .inner-wrap > .logo > a { display:block; width:100%; height:100%; text-indent:-9999px; }
header > .inner-wrap > .gnb { display:none; }
header > .inner-wrap > .open-drawer-menu { position:absolute; right:8px; top:8px; width:44px; height:44px; background:url(../../assets/image/icon_drawer_menu.png) no-repeat 0 0; background-size:contain; }


aside.drawer-menu { display:none; z-index:100; position:fixed; top:0; right:0; width:248px; height:100%; background:rgba(255,255,255,0.8); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); box-shadow:-4px 0 12px rgba(0,0,0,0.1); }
aside.drawer-menu.active { display:block; }
aside.drawer-menu > .inner-wrap { width:100%; height:100%; position:relative; }
aside.drawer-menu > .inner-wrap > .close-drawer-menu { position:absolute; right:8px; top:8px; width:44px; height:44px; background:url(../../assets/image/icon_drawer_menu_close.png) no-repeat 0 0; background-size:contain; }
aside.drawer-menu > .inner-wrap > ul { padding:80px 0 16px; width:100%; height:auto; }
aside.drawer-menu > .inner-wrap > ul > li { width:100%; height:auto; padding:16px 24px;}
aside.drawer-menu > .inner-wrap > ul > li > a { font-size:20px; color:#121923; font-weight:700; }
aside.drawer-menu > .inner-wrap > .go-to-consulting { display:block; width:calc(100% - 32px); margin:16px; background:#0096E4; height:52px; border-radius:12px; }
aside.drawer-menu > .inner-wrap > .go-to-consulting > a { font-weight:700; display:block; width:100%; height:100%; text-align:center; color:#fff; font-size:17px; line-height:52px; }


/* footer 영역 */
footer { width:100%; position:relative; height:300px; text-align:center; border-top:1px solid rgba(30,34,41,0.08);}
footer > .inner-wrap { position:relative; display:inline-block; width:calc(100% - 32px); margin:0 16px; height:100%; }
footer > .inner-wrap > .fnb { width:100%; height:auto; display:inline-block; margin-top:24px; }
footer > .inner-wrap > .fnb > h5 { float:left; font-size:12px; font-weight:700; color:#8F95A1; margin-bottom:8px; }
footer > .inner-wrap > .info { width:100%; height:auto; margin-top:0; text-align:left; }
footer > .inner-wrap > .info > ul { display:block; width:100%; }
footer > .inner-wrap > .info > ul > li { display:inline-block; width:100%; }
footer > .inner-wrap > .info > ul > li > span { width:120px; float:left; font-size:11px; color:#8F95A1; }
footer > .inner-wrap > .info > ul > li > p { width:calc(100% - 120px); float:left; font-size:11px; color:#8F95A1; }
footer > .inner-wrap > .info > ul > .copyright { color:#BAC1CB; font-weight:300; font-size:10px; margin-top:32px; }

/* main-visual 영역 */
section.main-visual { width:100%; position:relative; width:100%; height:560px; overflow:hidden; }
section.main-visual > .inner-wrap { z-index:1; position:relative; display:block; width:100%; margin:0 auto; height:100%; text-align:center; }
section.main-visual > .inner-wrap > .title { width:320px; height:360px; position:absolute; top:180px; left:50%; transform:translate(-50%, 0); }
section.main-visual > .inner-wrap > .title > span { font-size:24px; color:#fff; font-weight:600;  line-height:28px; }
section.main-visual > .inner-wrap > .title > h4 { font-size:40px; color:#fff; font-weight:800; margin-top:32px; }
section.main-visual > .inner-wrap > .title > p { font-size:20px; color:#fff; font-weight:600; margin-top:32px; line-height:28px; }
section.main-visual > .bg { animation:bg 8s ease forwards; transition:all 0.3s; z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../../assets/image/bg_main_visual_m.png) no-repeat center bottom; background-size:cover;}


@keyframes bg {
    0% { transform:scale(1.1); }
	80% {transform:scale(1.0); }
	100% {transform:scale(1.02); }
}


/* s1 영역 */
section.s1 { width:100%; position:relative; width:100%; height:600px; }
section.s1 > .inner-wrap { z-index:3; position:relative; display:block; width:360px; margin:0 auto; height:100%; text-align:center; }
section.s1 > .inner-wrap > .title { width:520px; height:360px; position:absolute; top:60px; left:50%; transform:translate(-50%, 0); }
section.s1 > .inner-wrap > .title > h4 {  font-size:36px; color:#353C46; font-weight:800; margin-top:24px; }
section.s1 > .inner-wrap > .content { width:100%; position:absolute; top:200px; left:50%; transform:translate(-50%, 0); }
section.s1 > .inner-wrap > .content > .infographic1 > img { width:360px; text-align:center; margin:0 auto; }
section.s1 > .inner-wrap > .content > .infographic2 > img { width:360px; text-align:center; margin:0 auto; }
section.s1 > .illust1 {  top:100px; left:-40px;  z-index:1; width:140px; height:140px; background:url(../../assets/image/s1_illust_clean.png) no-repeat 0 0; background-size:contain; position:absolute; }
section.s1 > .illust2 { transform:rotate(20deg); top:412px; left:-30px; z-index:2; width:140px; height:140px; background:url(../../assets/image/s1_illust_law.png) no-repeat 0 0; background-size:contain; position:absolute; }
section.s1 > .illust3 { top:147px; right:-65px; z-index:1; width:140px; height:140px; background:url(../../assets/image/s1_illust_express.png) no-repeat 0 0; background-size:contain; position:absolute; }
section.s1 > .illust4 { top:428px; right:-16px; z-index:2; width:140px; height:140px; background:url(../../assets/image/s1_illust_aircon.png) no-repeat 0 0; background-size:contain; position:absolute; }



/* s2 영역 */
section.s2 { width:100%; position:relative; width:100%; height:1340px; background:#F3F5F6; }
section.s2 > .inner-wrap { z-index:1; position:relative; display:block; width:360px; margin:0 auto; height:100%; text-align:center; }
section.s2 > .inner-wrap > .title { width:640px; height:360px; position:absolute; top:60px; left:50%; transform:translate(-50%, 0); }
section.s2 > .inner-wrap > .title > h4 { font-size:36px; color:#353C46; font-weight:800; margin-top:24px; }
section.s2 > .inner-wrap > .title > h4 > strong {  font-size:36px; color:#0089D0; font-weight:800; }
section.s2 > .inner-wrap > .content { width:100%; display:flex; align-items:center; flex-direction:column; row-gap:20px; position:absolute; top:216px; left:50%; transform:translate(-50%, 0); }
section.s2 > .inner-wrap > .content > div { position:relative; background:#fff; width:252px; height:252px; border-radius: 24px; border: 2px solid #D8DDE2; box-shadow: 0 2px 6px 0 rgba(30, 34, 41, 0.08);}
section.s2 > .inner-wrap > .content > div > div {  text-indent:-9999px; width:188px; height:188px; position:absolute; top:12px; left:50%; transform:translateX(-50%); }
section.s2 > .inner-wrap > .content > div:nth-child(1) > div {background:url(../../assets/image/s2_typo_law.png) no-repeat 0 0; background-size:contain; }
section.s2 > .inner-wrap > .content > div:nth-child(2) > div {background:url(../../assets/image/s2_typo_express.png) no-repeat 0 0; background-size:contain; }
section.s2 > .inner-wrap > .content > div:nth-child(3) > div {background:url(../../assets/image/s2_typo_clean.png) no-repeat 0 0; background-size:contain; }
section.s2 > .inner-wrap > .content > div:nth-child(4) > div {background:url(../../assets/image/s2_typo_aircon.png) no-repeat 0 0; background-size:contain; }
section.s2 > .inner-wrap > .content > div > p {color:#353c46; font-size:17px; width:100%; position:absolute; bottom:20px; left:0; text-align:center;  }



/* contact 영역 */
section.contact { width:100%; position:relative; width:100%; height:1000px; background:#fff; }
section.contact > .inner-wrap { z-index:1; position:relative; display:block; width:360px; margin:0 auto; height:100%; text-align:center; }
section.contact > .inner-wrap > .title { width:520px; height:360px; position:absolute; top:100px; left:50%; transform:translate(-50%, 0); }
section.contact > .inner-wrap > .title > span { display:block; font-size:26px; color:#353C46;  line-height:28px; font-weight:700; }
section.contact > .inner-wrap > .title > h4 { font-size:36px; color:#353C46; font-weight:800; margin-top:24px; }
section.contact > .inner-wrap > .content { width:100%; position:absolute; top:220px; left:50%; transform:translate(-50%, 0); }
section.contact > .inner-wrap > .content > ul { width:100%; display:inline-block; }
section.contact > .inner-wrap > .content > ul > li { width:100%; height:250px; border-radius:24px; }

section.contact > .inner-wrap > .content > ul > li > a { position:relative; display:block; width:100%; height:100%; }
section.contact > .inner-wrap > .content > ul > li > a > div { transition:all 0.3s; transform:scale(1.0); position:absolute; top:24px; left:50%; margin-left:-45px; width:90px; height:90px;}
section.contact > .inner-wrap > .content > ul > li:hover > a > div { transform:scale(1.05);}
section.contact > .inner-wrap > .content > ul > li:nth-child(1) > a > div { background:url(../../assets/image/icon_cs.png) no-repeat center bottom; background-size:contain;  }
section.contact > .inner-wrap > .content > ul > li:nth-child(2) > a > div { background:url(../../assets/image/icon_kakaotalk.png) no-repeat center bottom; background-size:contain;  }
section.contact > .inner-wrap > .content > ul > li:nth-child(3) > a > div { background:url(../../assets/image/icon_email.png) no-repeat center bottom; background-size:contain;  }
section.contact > .inner-wrap > .content > ul > li > a > p { color:#353C46; position:absolute; top:132px; left:50%; transform:translate(-50%, 0);  text-align:center; font-size:24px; font-weight:800; }

section.contact > .inner-wrap > .content > ul > li > a > span { text-align:center; color:#353C46; position:absolute; top:172px; left:50%; transform:translate(-50%, 0);  display:inline-block; font-size:17px; font-weight:400; }


/* app-download 영역 */
section.app-download { width:100%; position:relative; width:100%; height:400px; background:url(../../assets/image/bg_app_download_m.png) no-repeat center bottom; background-size:cover; }
section.app-download > .inner-wrap { position:relative; display:block; width:100%px; margin:0 auto; height:100%; text-align:center; }
section.app-download > .inner-wrap > .title { width:100%; padding-top:100px; }
section.app-download > .inner-wrap > .title > h4 { font-size:30px; color:#fff; font-weight:800; }
section.app-download > .inner-wrap > .title > h4 > img { width:200px; margin-right:16px; }
section.app-download > .inner-wrap > .title > p { margin-top:16px; font-size:17px; color:#fff; font-weight:400; }
section.app-download > .inner-wrap > .title > .link-to-download { margin-top:32px; display:inline-block;}
section.app-download > .inner-wrap > .title > .link-to-download > li { float:left; width:152px; height:58px; text-indent:-9999px; }
section.app-download > .inner-wrap > .title > .link-to-download > li:first-child { margin-right:12px; }
section.app-download > .inner-wrap > .title > .link-to-download > li > a { transition:all 0.3s; display:block; width:100%; height:100%; border-radius:12px; border:1px solid rgba(30,34,41,0.1); }
section.app-download > .inner-wrap > .title > .link-to-download > li:first-child > a { background:url(../../assets/image/btn_google_playstore.png) no-repeat 0 0; background-size:contain; }
section.app-download > .inner-wrap > .title > .link-to-download > li:last-child > a { background:url(../../assets/image/btn_apple_appstore.png) no-repeat 0 0; background-size:contain; }
section.app-download > .inner-wrap > .title > .link-to-download > li > a:hover { box-shadow:0 4px 8px 0 rgba(30,34,41,0.3);  border:1px solid rgba(30,34,41,0.16); margin-top:-3px; }





}


/* 2025-09-25 */
footer .toggle-btn-fnb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 32px 0 16px;
}
footer .toggle-btn {
  display: block;
  color: var(--Text-Sub-Primary, #686e7b);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 133.333% */
  letter-spacing: -0.036px;
}
footer .toggle-btn:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url(../../assets/image/icon_arrow_down.png) no-repeat left top;
  background-size: cover;
  margin: -3px 0 0 2px;
  opacity: 0.5;
}
footer.active .toggle-btn:after {
  background: url(../../assets/image/icon_arrow_up.png) no-repeat left top;
  background-size: cover;
}
footer .fnb a {
  margin: 0 0 0 16px;
  color: var(--Text-Sub-Primary, #686e7b);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  letter-spacing: -0.036px;
}
footer .fnb a strong {
  color: #686e7b;
}
footer .toggle-box {
  transition: height 0ms 400ms, opacity 400ms 0ms;
  overflow: hidden;
  height: 0;
  opacity: 0;
}
footer.active .toggle-box {
  height: auto;
  opacity: 1;
  margin: 0;
}
footer .toggle-box li {
  display: flex;
}
footer .toggle-box li + li {
  margin: 8px 0 0;
}

footer .toggle-box .tit {
	text-align: left;
  width: 120px;
  color: var(--Text-Sub-Secondary, #8f95a1);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 127.273% */
  letter-spacing: -0.033px;
}
footer .toggle-box .con {
	text-align: left;
  width: calc(100% - 120px);
  color: var(--Text-Sub-Secondary, #8f95a1);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 127.273% */
  letter-spacing: -0.033px;
  white-space: normal;
  word-wrap: break-word;
}
footer .copyright {
	text-align: left;
  margin: 32px 0;
  color: var(--Text-Sub-Tertiary, #bac1cb);
  font-family: Pretendard;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px; /* 130% */
  letter-spacing: -0.03px;
}