@charset 'UTF-8';
@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    font-style: normal;
    src: url("../fonts/Pretendard-Thin.woff") format("font-woff"),
    url("../fonts/Pretendard-Thin.woff2") format("woff2");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    font-style: normal;
    src: url("../fonts/Pretendard-ExtraLight.woff") format("font-woff"),
    url("../fonts/Pretendard-ExtraLight.woff2") format("woff2");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    font-style: normal;
    src: url("../fonts/Pretendard-Light.woff") format("font-woff"),
    url("../fonts/Pretendard-Light.woff2") format("woff2");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/Pretendard-Regular.woff") format("font-woff"),
    url("../fonts/Pretendard-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    font-style: normal;
    src: url("../fonts/Pretendard-Medium.woff") format("font-woff"),
    url("../fonts/Pretendard-Medium.woff2") format("woff2");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    font-style: normal;
    src: url("../fonts/Pretendard-SemiBold.woff") format("font-woff"),
    url("../fonts/Pretendard-SemiBold.woff2") format("woff2");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/Pretendard-Bold.woff") format("font-woff"),
    url("../fonts/Pretendard-Bold.woff2") format("woff2");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    font-style: normal;
    src: url("../fonts/Pretendard-ExtraBold.woff") format("font-woff"),
    url("../fonts/Pretendard-ExtraBold.woff2") format("woff2");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    font-style: normal;
    src: url("../fonts/Pretendard-Black.woff") format("font-woff"),
    url("../fonts/Pretendard-Black.woff2") format("woff2");
}

.__cg { font-family: "century-gothic", sans-serif; font-weight: 700; font-style: normal; }

* { box-sizing: border-box; }

.brand-identity a { display:inline-block; width:60px; height:26px; background:url(../img/logo.svg) no-repeat; background-size:100% auto; text-indent:-10000em; vertical-align:middle; }
.forehead .sns-share-box ul li a { text-indent:-9999em; }

body { position:relative; word-wrap:break-word; font-family:"Pretendard", '나눔고딕', "Apple SD Gothic Neo", 'Malgun Gothic', '맑은고딕', sans-serif, arial; font-size:16px; box-sizing:border-box; color:#222; overflow-x:hidden; }

section { position:relative; width:100%; height:auto; overflow:hidden; background:#fff; }

h2 { font-size:50px; line-height:60px; letter-spacing:-1px; }
h3 { font-size:48px; line-height:58px; letter-spacing:-.96px; }
h3 + p { margin-top:20px; font-size:18px; line-height:27px; letter-spacing:-.36px; }



/* menu */
.menu { position:fixed; top:0; left:0; width:100vw; height:84px; z-index:100; mix-blend-mode:normal; transition:all .3s ease; }
.menu ul { display:flex; align-items:center; gap:50px; margin:0 auto; width:1150px; height:inherit; }
.menu ul li { color:#fff; font-size:20px; line-height:84px; letter-spacing:-.4px; font-weight:400; }
.menu ul li:nth-child(1) { margin-right:36px; }
.menu ul li a { position:relative; color:inherit; text-decoration:none; cursor:pointer; }
.menu ul li a:before { content:''; position:absolute; bottom:-3px; left:50%; width:0; height:1px; background:#fff; transition:all .3s ease; }
.menu ul li a:after { content:''; position:absolute; bottom:-3px; right:50%; width:0; height:1px; background:#fff; transition:all .3s ease; }
.menu ul li a.active:before,
.menu ul li a:hover:before,
.menu ul li a.active:after,
.menu ul li a:hover:after { width:50%; }


/* header */
.header { width:100vw; height:500px; background:#222; }
.header .title_wrap { opacity:0; display:flex; justify-content:center; align-items:center; position:relative; margin-top:50px; width:inherit; height:calc(100% - 50px); z-index:2; }
.header .title_wrap h1 { color:#fff; font-size:68px; letter-spacing:-1.36px; text-align:center; }

.header .ptc_area { opacity:0; position:absolute; top:0; left:0; width:inherit; height:inherit; z-index:1; }
.header .ptc_area .__ptc { position:absolute; }
.header .ptc_area .ptc_1 { top:-117px; left:calc(50% - 494px); transform:translateX(-50%); width:496px; height:437px; background:url(../img/ptc_1.png) no-repeat center center; background-size:100% auto; }
.header .ptc_area .ptc_2 { top:94px; left:calc(50% - 97px); transform:translateX(-50%); width:104px; height:102px; background:url(../img/ptc_2.png) no-repeat center center; background-size:100% auto; }
.header .ptc_area .ptc_3 { top:56px; left:calc(50% + 288px); transform:translateX(-50%); width:115px; height:105px; background:url(../img/ptc_7.png) no-repeat center center; background-size:100% auto; }
.header .ptc_area .ptc_4 { top:345px; left:calc(50% - 321px); transform:translateX(-50%); width:109px; height:102px; background:url(../img/ptc_4.png) no-repeat center center; background-size:100% auto; }
.header .ptc_area .ptc_5 { bottom:53px; left:calc(50% + 330px); transform:translateX(-50%); width:109px; height:137px; background:url(../img/ptc_6.png) no-repeat center center; background-size:100% auto; }
.header .ptc_area .ptc_6 { bottom:-40px; left:calc(50% + 611px); transform:translateX(-50%); width:334px; height:314px; background:url(../img/ptc_5.png) no-repeat center center; opacity:.8; background-size:100% auto; }



/* erp */
.__inner { opacity:0; }

#erp .visual { padding:83px 0 110px; width:100%; height:fit-content; background:url(../img/erp_bg.jpg) no-repeat center center; background-size:cover; }
#erp .visual h3 { color:#fff; font-size:40px; line-height:60px; letter-spacing:-.8px; text-align:center; }
#erp .visual h3 b { color:#62d5ff; }

#erp .visual img { display:block; margin:0 auto; margin-top:38px; width:1080px; height:736px; }

#erp .visual ul { display:flex; flex-wrap:wrap; gap:32px; margin:0 auto; margin-top:60px; width:814px; }
#erp .visual ul li { width:250px; height:45px; background:#1772c9; border-radius:28px; }
#erp .visual ul li p { color:#fff; font-size:22px; line-height:45px; letter-spacing:-.66px; text-align:center; }

/* contents */
.contents { padding-top:140px; }
.contents .__inner { margin:0 auto; width:1194px; height:fit-content; }
.contents .__inner .__box { margin-top:130px; }
.contents .__inner .box_1 { margin-top:0; }

.contents .__title h4 { display:flex; align-items:center; padding:0 32px 0 23px; width:fit-content; height:45px; color:#fff; font-size:20px; line-height:45px; letter-spacing:-.4px; background:#1772c9; border-radius:28px; }
.contents .__title h4 span { position:relative; display:inline-block; margin-right:30px; }
.contents .__title h4 span:after { content:''; position:absolute; top:11px; right:-15px; width:1px; height:22px; background:#fff; }
.contents .__title h4 + p { margin-top:20px; font-size:20px; line-height:32px; letter-spacing:-.4px; font-weight:500; }

#erp .contents .__visual { display:flex; gap:51px; }
#erp .contents .__visual ul.__hash { display:flex; flex-wrap:wrap; gap:15px 12px; margin-top:auto; width:254px; }
#erp .contents .__visual ul.__hash li { display:flex; justify-content:center; align-items:center; padding:0 19px; width:fit-content; height:40px; color:#452fef; font-size:20px; line-height:40px; letter-spacing:-.4px; font-weight:500; border:1px solid #452fef; border-radius:28px; }
#erp .contents .__visual ul.__hash li.full { width:100%; }
#erp .contents .__visual img { display:block; margin-top:75px; width:842px; height:568px; }
#erp .contents .__visual img:nth-child(1) { margin-left:-47px; }

#erp .contents .box_3 .__visual { gap:16px; }
#erp .contents .box_3 .__visual ul.__hash { width:300px; }
#erp .contents .box_4 .__visual ul.__hash { width:269px; }

#erp .contents .__txt { margin:0 auto; margin-top:85px; width:1150px; }
#erp .contents .__txt ul { display:flex; gap:160px; }
#erp .contents .__txt ul li { position:relative; width:258px; }
#erp .contents .__txt ul li:before { content:''; position:absolute; top:0; left:-80px; width:1px; height:128px; background:#b5b5b5; }
#erp .contents .__txt ul li:nth-child(1):before { background:transparent; }
#erp .contents .__txt ul li b { color:#0d71ca; font-size:20px; line-height:24px; letter-spacing:-.4px; font-weight:500; }
#erp .contents .__txt ul li p { position:relative; margin-left:15px; font-size:18px; line-height:26px; letter-spacing:-.36px; word-break:keep-all; }
#erp .contents .__txt ul li p:before { content:'-'; position:absolute; top:0; left:-15px; }
#erp .contents .__txt ul li p:nth-child(2) { margin-top:23px; }


/* groupware */
#groupware .contents .__inner { width:1100px; }
#groupware .contents .__visual img { display:block; margin-top:50px; width:1210px; height:630px; }

.contents .__table { margin-top:50px; }
.contents .__table ul { display:flex; flex-wrap:wrap; gap:30px 20px; }
.contents .__table ul li { display:flex; flex-direction:column; width:540px; height:195px; border:1px solid #0e71cb; border-radius:10px; overflow:hidden; }
.contents .__table ul li b.__title { display:block; width:inherit; height:40px; color:#fff; font-size:18px; line-height:40px; letter-spacing:-.36px; text-align:center; background:#0e71cb; }
.contents .__table ul li .txt_wrap { display:flex; align-items:center; padding-left:35px; width:inherit; height:155px; }
.contents .__table ul li .txt_wrap p { position:relative; margin-left:12px; line-height:28px; }
.contents .__table ul li .txt_wrap p:before { content:'•'; position:absolute; top:0; left:-12px; }

.contents .__table ul li:nth-child(3),
.contents .__table ul li:nth-child(4) { border:1px solid #2a499a; }
.contents .__table ul li:nth-child(3) b.__title,
.contents .__table ul li:nth-child(4) b.__title { background:#2a499a; }
.contents .__table ul li:nth-child(5),
.contents .__table ul li:nth-child(6) { border:1px solid #512b9a; }
.contents .__table ul li:nth-child(5) b.__title,
.contents .__table ul li:nth-child(6) b.__title { background:#512b9a; }


/* document */
#document .contents .__inner { width:1100px; }
#document .contents .__visual img { display:block; margin-top:50px; width:1101px; height:659px; }

#document .contents .__txt { margin:0 auto; margin-top:85px; width:1150px; }
#document .contents .__txt ul { display:flex; gap:160px; }
#document .contents .__txt ul li { position:relative; width:258px; }
#document .contents .__txt ul li:before { content:''; position:absolute; top:0; left:-80px; width:1px; height:128px; background:#b5b5b5; }
#document .contents .__txt ul li:nth-child(1):before { background:transparent; }
#document .contents .__txt ul li b { color:#0d71ca; font-size:20px; line-height:24px; letter-spacing:-.4px; font-weight:500; }
#document .contents .__txt ul li p { position:relative; font-size:18px; line-height:26px; letter-spacing:-.36px; word-break:keep-all; }
#document .contents .__txt ul li p:nth-child(2) { margin-top:23px; }

#document .contents .box_2 .__txt ul { margin-left:20px; gap:60px; }
#document .contents .box_2 .__txt ul li { width:160px; }
#document .contents .box_2 .__txt ul li:before { left:-30px; }


/* ai */
/* visual */
#ai .visual { width:100%; height:fit-content; background:url(../img/ai_bg.jpg) no-repeat center center; background-size:cover; }
#ai .visual h3 { color:#fff; font-size:40px; line-height:60px; letter-spacing:-.8px; text-align:center; }
#ai .visual h3 b { color:#8e5ae2; }

#ai .visual h3 + p { margin-top:30px; color:#fff; font-size:20px; letter-spacing:-.4px; text-align:center; }

#ai .visual ul { display:flex; flex-wrap:wrap; gap:32px; margin:0 auto; margin-top:47px; width:814px; }
#ai .visual ul li { position:relative; width:250px; }
#ai .visual ul li h5 { position:relative; width:250px; height:45px; color:#fff; font-size:20px; line-height:45px; letter-spacing:-.6px; text-align:center; font-weight:400; background:#5f2bb2; border-radius:28px; }
#ai .visual ul li p { margin-top:23px; color:#fff; font-size:20px; line-height:28px; letter-spacing:-.6px; text-align:center; }

#ai .visual_1 { padding:90px 0 77px; }

#ai .visual_2 { margin-top:90px; padding:80px 0 152px; }
#ai .visual_2 ul { margin-top:109px; }
#ai .visual_2 ul li .__ico { position:absolute; top:-62px; left:50%; transform:translateX(-50%); width:44px; height:41px; }
#ai .visual_2 ul li .ico_1 { background:url(../img/ic_ai_1.svg) no-repeat center center; }
#ai .visual_2 ul li .ico_2 { background:url(../img/ic_ai_2.svg) no-repeat center center; }
#ai .visual_2 ul li .ico_3 { background:url(../img/ic_ai_3.svg) no-repeat center center; }

#ai .visual_3 { margin-top:140px; padding:90px 0; }
#ai .visual_3 h3 + p { margin-top:67px; }
#ai .visual_3 ul { gap:30px; margin-top:42px; width:870px; }
#ai .visual_3 ul li { display:flex; justify-content:center; align-items:center; width:270px; height:80px; }
#ai .visual_3 ul li h5 { padding-top:15px; width:inherit; height:inherit; line-height:26px; border-radius:16px; }


/* contents */
#ai .contents .__inner { width:1100px; }

#ai .contents .__box h2 { font-size:28px; line-height:36px; letter-spacing:-.56px; }
#ai .contents .__box h2 + p { margin-top:20px; }

#ai .contents .__txt { margin:0 auto; margin-top:85px; width:1150px; }
#ai .contents .__txt ul { display:flex; gap:160px; }
#ai .contents .__txt ul li { position:relative; width:258px; }
#ai .contents .__txt ul li:before { content:''; position:absolute; top:0; left:-80px; width:1px; height:128px; background:#b5b5b5; }
#ai .contents .__txt ul li:nth-child(1):before { background:transparent; }
#ai .contents .__txt ul li b { color:#0d71ca; font-size:20px; line-height:24px; letter-spacing:-.4px; font-weight:500; }
#ai .contents .__txt ul li p { position:relative; margin-left:15px; font-size:18px; line-height:26px; letter-spacing:-.36px; word-break:keep-all; }
#ai .contents .__txt ul li p:before { content:'-'; position:absolute; top:0; left:-15px; }
#ai .contents .__txt ul li p:nth-child(2) { margin-top:23px; }


#ai .contents .box_1 .__visual { position:relative; }
#ai .contents .box_1 .__visual img { display:block; margin:0 auto; margin-top:40px; width:1073px; height:268px; }
#ai .contents .box_1 .__visual .name_wrap { position:absolute; top:0; left:0; width:100%; height:100%; }
#ai .contents .box_1 .__visual .__name { position:absolute; top:161px; font-size:22px; line-height:26px; letter-spacing:-.44px; text-align:center; font-weight:500; }
#ai .contents .box_1 .__visual .__name span { display:block; color:#333; font-size:17px; line-height:24px; letter-spacing:-.34px; font-weight:300; }
#ai .contents .box_1 .__visual .name_1 { left:110px; color:#433786; }
#ai .contents .box_1 .__visual .name_2 { left:513px; color:#583786; }
#ai .contents .box_1 .__visual .name_3 { left:897px; color:#903c89; }

#ai .contents .box_1 .__txt { margin-top:57px; }
#ai .contents .box_1 .__txt ul { flex-wrap:wrap; gap:60px 0; }
#ai .contents .box_1 .__txt ul li { flex-basis:50%; box-sizing:border-box; }
#ai .contents .box_1 .__txt ul li:before { left:-25px; height:80px; }
#ai .contents .box_1 .__txt ul li:nth-child(1):before,
#ai .contents .box_1 .__txt ul li:nth-child(3):before { background:transparent; }
#ai .contents .box_1 .__txt ul li b { color:#433786; }
#ai .contents .box_1 .__txt ul li p { position:relative; margin-left:0; font-size:18px; line-height:26px; letter-spacing:-.36px; word-break:keep-all; }
#ai .contents .box_1 .__txt ul li p:before { content:''; position:absolute; top:0; left:-15px; }
#ai .contents .box_1 .__txt ul li:nth-child(3) p { margin-left:15px; }
#ai .contents .box_1 .__txt ul li:nth-child(3) p:before { content:'•'; position:absolute; top:0; left:-15px; }
#ai .contents .box_1 .__txt ul li p:nth-child(2) { margin-top:23px; }

#ai .contents .box_2 ul { display:flex; flex-wrap:wrap; gap:50px 40px; margin-top:42px;width:1180px; }
#ai .contents .box_2 ul li { width:569px; box-sizing:border-box; }
#ai .contents .box_2 ul li b { display:block; width:490px; height:45px; color:#fff; font-size:20px; line-height:45px; letter-spacing:-.4px; text-align:center; background:#1772c9; border-radius:23px; }
#ai .contents .box_2 ul li img { margin-top:20px; }
#ai .contents .box_2 ul li:nth-child(1) img { width:569px; height:327px; }
#ai .contents .box_2 ul li:nth-child(2) img { width:488px; height:310px; }
#ai .contents .box_2 ul li:nth-child(3) img { width:496px; height:315px; }
#ai .contents .box_2 ul li:nth-child(4) img { width:502px; height:320px; }

#ai .contents .box_2 ul li p { width:490px; text-align:center; }
#ai .contents .box_2 ul li:nth-child(1) p { margin-top:29px; }
#ai .contents .box_2 ul li:nth-child(2) p { margin-top:37px; }
#ai .contents .box_2 ul li:nth-child(3) p { margin-top:41px; }
#ai .contents .box_2 ul li:nth-child(4) p { margin-top:34px; }

#ai .contents .box_3 img { margin-top:30px; }

#ai .contents .box_4 { margin-top:0; }
#ai .contents .box_4 .__visual { position:relative; }
#ai .contents .box_4 .__visual img { display:block; margin:0 auto; margin-top:70px; width:1073px; height:268px; }
#ai .contents .box_4 .__visual .name_wrap { position:absolute; top:0; left:0; width:100%; height:100%; }
#ai .contents .box_4 .__visual .__name { position:absolute; top:172px; font-size:22px; line-height:26px; letter-spacing:-.44px; text-align:center; font-weight:500; }
#ai .contents .box_4 .__visual .name_1 { left:143px; color:#433786; }
#ai .contents .box_4 .__visual .name_2 { left:531px; color:#583786; }
#ai .contents .box_4 .__visual .name_3 { left:915px; color:#903c89; }

#ai .contents .__detail { margin-top:29px; }
#ai .contents .__detail ul { display:flex; gap:98px; margin:0 auto; width:1066px; }
#ai .contents .__detail ul li { width:290px; height:fit-content; }
#ai .contents .__detail ul li h6 { color:#433786; font-size:20px; line-height:28px; letter-spacing:-.4px; text-align:center; }

#ai .contents .__detail ul li .txt_wrap { position:relative; margin-top:72px; padding:25px 21px 0; width:290px; height:245px; border:1px solid #433786; border-radius:20px; }
#ai .contents .__detail ul li .txt_wrap:before { content:''; position:absolute; top:-5px; left:50%; transform:translateX(-50%); width:10px; height:10px; background:#433786; border-radius:100%; z-index:2; }
#ai .contents .__detail ul li .txt_wrap:after { content:''; position:absolute; top:-55px; left:50%; transform:translateX(-50%); width:2px; height:55px; background:url(../img/ai_line.svg) no-repeat center center; z-index:1; }
#ai .contents .__detail ul li .txt_wrap b { display:block; color:#433786; font-size:20px; line-height:24px; letter-spacing:-.4px; text-align:center; }
#ai .contents .__detail ul li .txt_wrap b + p { margin-top:27px; }
#ai .contents .__detail ul li .txt_wrap p { position:relative; margin-left:12px; font-size:18px; line-height:26px; letter-spacing:-.36px; }
#ai .contents .__detail ul li .txt_wrap p:before { content:'•'; position:absolute; top:0; left:-15px; }

#ai .contents .__detail ul li:nth-child(2) h6 { color:#583785; }
#ai .contents .__detail ul li:nth-child(2) .txt_wrap { border-color:#583785; }
#ai .contents .__detail ul li:nth-child(2) .txt_wrap:before { background:#583785; }
#ai .contents .__detail ul li:nth-child(2) .txt_wrap b { color:#583785; }
#ai .contents .__detail ul li:nth-child(3) h6 { color:#903c89; }
#ai .contents .__detail ul li:nth-child(3) .txt_wrap { border-color:#903c89; }
#ai .contents .__detail ul li:nth-child(3) .txt_wrap:before { background:#903c89; }
#ai .contents .__detail ul li:nth-child(3) .txt_wrap b { color:#903c89; }



#ai .contents .box_5 .__visual { position:relative; }
#ai .contents .box_5 .__visual img { display:block; margin:0 auto; margin-top:36px; width:970px; height:600px; }
#ai .contents .box_5 .__visual .__label { display:flex; justify-content:center; align-items:center; position:absolute; z-index:1; }
#ai .contents .box_5 .__visual .__label .__bg { position:absolute; top:0; left:0; width:inherit; height:inherit; z-index:-1; }
#ai .contents .box_5 .__visual .__label p { color:#fff; font-size:20px; line-height:28px; letter-spacing:-.4px; font-weight:600; text-align:center; }

#ai .contents .box_5 .__visual .label_1 { top:171px; left:-27px; width:279px; height:91px; }
#ai .contents .box_5 .__visual .label_1 .__bg { background:#1772c9; opacity:.75; border-radius:91px; }
#ai .contents .box_5 .__visual .label_2 { top:100px; right:0; width:211px; height:71px; }
#ai .contents .box_5 .__visual .label_2 .__bg { background:#a540cb; opacity:.7; border-radius:71px; }

#ai .contents .box_5 .__txt { margin-top:62px; }
#ai .contents .box_5 .__txt ul { display:flex; align-items:center; gap:132px; margin:0 auto; width:754px; }
#ai .contents .box_5 .__txt ul li { width:180px; }
#ai .contents .box_5 .__txt ul li:first-child { width:120px; }
#ai .contents .box_5 .__txt ul li:before { top:50%; left:-70px; transform:translateY(-50%); height:56px; }
#ai .contents .box_5 .__txt ul li b { line-height:32px; text-align:center; }

#ai .contents .box_5 .__txt .txt_wrap { margin:0 auto; margin-top:20px; width:970px; }
#ai .contents .box_5 .__txt .txt_wrap p { position:relative; font-size:18px; line-height:26px; letter-spacing:-.36px; }
#ai .contents .box_5 .__txt .txt_wrap p:before { content:'•'; position:absolute; top:0; left:-15px; }


#ai .contents .box_6 .box_inner { display:flex; justify-content:center; align-items:center; gap:26px; }
#ai .contents .box_6 .__visual img { display:block; margin:0 auto; margin-top:26px; width:741px; height:491px; }
#ai .contents .box_6 .__txt { width:300px; }
#ai .contents .box_6 ul { flex-wrap:wrap; flex-direction:column; gap:66px; }
#ai .contents .box_6 ul li { width:100%; }
#ai .contents .box_6 ul li:before { top:-33px; left:0; width:280px; height:1px; }


#ai .contents .box_7 { margin-top:0; }
#ai .contents .__table ul li { height:240px; }
#ai .contents .__table ul li b.__title { position:relative; padding-left:22px; text-align:left; }
#ai .contents .__table ul li b.__title span { display:block; position:absolute; top:0; right:19px; color:#d6e6ff; font-size:18px; line-height:inherit; letter-spacing:-.36px; font-weight:400; }
#ai .contents .__table ul li .txt_wrap { height:200px; }
#ai .contents .__table ul li .txt_wrap b { color:#0d71ca; }
#ai .contents .__table ul li .txt_wrap p:nth-child(2) { margin-top:10px; }

#ai .contents .__table ul li:nth-child(3) .txt_wrap b,
#ai .contents .__table ul li:nth-child(4) .txt_wrap b { color:#2a499a; }
#ai .contents .__table ul li:nth-child(5) .txt_wrap b,
#ai .contents .__table ul li:nth-child(6) .txt_wrap b { color:#512a9a; }


#ai .contents .box_8 h6 { margin-bottom:20px; color:#1872c9; font-size:20px; line-height:24px; letter-spacing:-.4px; font-weight:500; }
#ai .contents .box_8 .__visual img { display:block; margin:0 auto; margin-top:60px; width:957px; height:537px; }

#ai .contents .box_8 .__list { margin:0 auto; margin-top:47px; width:957px; }
#ai .contents .box_8 ul { display:flex; flex-wrap:wrap; gap:15px; }
#ai .contents .box_8 ul li { display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; width:100%; border:1px solid #0e71cb; border-radius:10px; overflow:hidden; }
#ai .contents .box_8 ul li:before { display:none; }
#ai .contents .box_8 ul li b { display:block; width:250px; height:84px; color:#fff; line-height:84px; text-align:center; background:#0e71cb; }
#ai .contents .box_8 ul li .txt_wrap { width:calc(100% - 250px); }
#ai .contents .box_8 ul li .txt_wrap p { padding-left:44px; font-size:18px; line-height:26px; letter-spacing:-.36px; word-break:keep-all; }
#ai .contents .box_8 ul li .txt_wrap p:before { display:none; }







/* outlink */
.outlink { padding:100px 0 200px; width:100vw; height:fit-content; }
.outlink a { display:block; margin:0 auto; width:160px; height:40px; color:#fff; font-size:18px; line-height:40px; text-align:center; font-weight:500; background:#000; border-radius:40px; text-decoration:none; transition:all .3s ease; }
.outlink a:hover { background:#452fef; }


/* footer */
.footer { display:none; }
.copyright { font-family:'pretendard'; position:relative; padding:36px 0; width:100%; height:120px; background:#000; z-index:1; }
.copyright p { color:#e0e0e0; font-size:14px; line-height:22px; font-weight:300;  }
.copyright_t { display:none; }
.copyright_m { display:none; }

.copyright .wrap { display:flex; margin:0 auto; width:1200px; }

.copyright .copy_left { width:70%; text-align:left; }
.copyright .copy_right { width:30%; text-align:right; }

.copyright .copy_right p.p_colnom { line-height:18px; }
.copyright .copy_right p .footer_mail { color:#e0e0e0; letter-spacing:.13px; -webkit-transition:color .3s ease; transition:color .3s ease; text-decoration:none; }
.copyright .copy_right p .footer_mail i { width:13px; height:10px; background:url(../img/ic_mail.svg) no-repeat center center; position:relative; display:inline-block; margin-right:4px; vertical-align:baseline; }

.copyright p { margin:0; }
.copyright p.p-text { font-weight:400; letter-spacing:-.42px; }
.copyright p b { margin-right:7px; font-weight:600; }
.copyright p span.__line { display:inline-block; padding:0 3px 0 5px; color:#999; }

.copyright p b:first-child { margin-left:0; }
.copyright p + p { margin-top:3px; color:#999; letter-spacing:1; }