@charset "utf-8";
@import url('slick.css');
@import url('swiper.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR&display=swap');
@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");
}


body { position:relative; word-wrap:break-word; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font-family:"Pretendard", 'Malgun Gothic', '맑은고딕', sans-serif, arial; font-weight:400; word-break: keep-all; font-size:16px; line-height:1.5; color:#000; letter-spacing:-0.4px;}
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,textarea,button { margin:0;padding:0; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
img { border:0px; max-width:100%; }
img, a, label, span { vertical-align:middle; }
li { list-style:none; }
table { border-collapse:collapse;width:100%; }
address,caption,cite,code,dfn,em,var,h1,h2,h3,h4,h5,h6 { font-style:normal; font-weight:normal; }
caption,legend,caption *,legend * { position:absolute; left:-10000px; line-height:0; font-size:0; }
fieldset { border:solid 0px black; padding:0; }
button { border:none; background:none; cursor:pointer; outline:none; }
a { font-family:inherit; font-size:inherit; font-weight:inherit; color:inherit;}
p { color:#000; font-size:18px; line-height:1.6; font-weight:400; }
span{font-family:inherit; font-size:inherit; font-weight:inherit; color:inherit;}

.d-flex { display:flex; }
.align-center { align-items:center; }
.txt_r { text-align:right; }
.txt_c { text-align:center; }

.mb_0{margin-bottom:0 !important;}


/*header*/
.rooftop { top:0; }
.joins_gnb .back_mask{background-color:#fff !important;}
.rooftop .gnb_pc .brand-identity{background:url(../img/brand_logo.svg) no-repeat center center; }
.rooftop .gnb_pc .brand-identity a { text-indent:-9999px; }
.brand-identity a { display:inline-block; width:120px; height:44px; background:url(../img/brand_logo.svg) no-repeat center center; background-size:100% auto; text-indent:-10000em; vertical-align:middle; }
.forehead .sns-share-box ul li a { text-indent:-9999em; }
body .joins_gnb .gnb_doc{margin-top:0;}

/* GNB */
.joins_gnb .slogo a { background:url(https://innovationlab.co.kr/project/douzone2022-1/img/thejoongang_logo.svg) 0 0 no-repeat !important; }
.brand-identity a { display:inline-block; width:120px; height:44px; background:url(../img/logo.svg) no-repeat center center; background-size:100% auto; text-indent:-10000em; vertical-align:middle; }

/* footer */
.copyright { 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; color:#fff; font-size:inherit;}
.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; }

/* reset */
.ml-auto{margin-left:auto;}
.text-right{text-align:right;}
.d-inlineblock{display:inline-block;}
.d-flex{display:flex;}
.align-center{align-items: center;}
.j-center{justify-content: center;}
.txt_c{text-align:center;}

@keyframes arrow {
  0% {
    bottom: 15vh;
  }

  50% {
    bottom: 13vh;
  }

  100% {
    bottom:15vh;
  }
}

#tsparticles{position:absolute; left:50%; top:0; z-index:1; width:100%; padding-bottom:100%; transform: translateX(-50%); overflow:hidden; opacity:0.2}

.main_container{position:relative; z-index:2; overflow:hidden;}
canvas {display: block; }

/* grid_type */
.grid_type_wrap{position:relative; padding:268px 0; background-color:#1c1039; font-weight:300; overflow: hidden;}
.grid_type_wrap .cont{position:Relative; z-index:2; margin:0 auto; max-width:1520px; }
.grid_type_wrap .s_tit{margin-bottom:30px; text-align:center; font-size:24px; color:#fff; font-weight:inherit; font-weight:300; transform: translateY(-100%); transition: all 0.3s ease-out;}
.grid_type_wrap .txt_motion3_wrap{overflow:hidden;}
.grid_type_wrap .txt_motion3_wrap.active .s_tit{transform: translateY(0);}
.grid_type_wrap h1{position:relative; margin-bottom:10px; text-align: center; font-size:200px; font-weight:700; color:#fff; line-height:176px; bottom:-40px; opacity:0; transition: all 0.6s ease-out 0.7s;} 
.grid_type_wrap .txt_motion3_wrap.active h1{bottom:0; opacity:1;}
.grid_type_wrap p{margin:0 auto; max-width:1020px;  font-weight:300; color:#fff; font-size:18px; line-height:1.4;}
.grid_type_wrap .btn_area{margin:68px 0 150px; text-align:center;}
.grid_type_wrap .btn_area a{width:300px; height:60px; line-height:58px; text-align:center; border:2px solid #f11c1c; color:#f11c1c; border-radius:2em; font-size:24px; font-weight: 300; box-sizing:border-box; display:inline-block; transition: all 0.3s ease-out;}
.grid_type_wrap .btn_area a:hover{background-color:#f11c1c; color:#fff; }
.grid_container.grid_1{margin-bottom:10px; display:grid; gap:10px; grid-template-columns: 21% 35% 21% 21%;}
.grid_container.grid_2{display:grid; gap:10px; grid-template-columns: 42.6% 56.7%; text-align: left;}
.grid_container .item{position:relative; min-height:306px; overflow: hidden;}
.grid_container .item .box{padding:34px 25px; width:100%; height:100%; box-sizing:border-box; transition: all 0.6s ease-out;  overflow:hidden;}
.grid_container .item .title{margin-bottom:8px;  font-size:28px; color:inherit; font-weight:700; line-height:1.2; transition: all 0.3s ease-out;}
.grid_container .item .title>div{position:relative;  display:inline-block; font-weight:inherit; font-family: inherit; color:inherit; font-size:inherit; line-height:1;}
/*.grid_container .item .title>div:before{position:absolute; left:0; bottom:-5px; width:0; height:3px; background-color:#000; display:block; content:""; transition: all 0.6s ease-out;}*/
.grid_container .item .title>div:nth-of-type(1):before{transition-delay: 0.2s;}
.grid_container .item .title>div:nth-of-type(2):before{transition-delay: 0.4s;}
.grid_container .item:hover .title>div:before{width:100%;}
.grid_container .item .title span{z-index:2; display:block; line-height: 1; }
.grid_container .item .txt{position:relative; z-index:3; font-size:18px; color:inherit; font-weight:300; line-height:21px; transition: all 0.3s ease-out;}
.grid_container.grid_1 .item:nth-child(1){
grid-column: 1 / 2;
grid-row: 1 / span 2;
}
.grid_container.grid_1 .item:nth-child(2){
grid-column: 2 / span 1;
grid-row: 1 / span 1;
}
.grid_container.grid_1 .item:nth-child(3) {
  grid-column: 3 / span 1;
  grid-row: 1 / span 1;
}
.grid_container.grid_1 .item:nth-child(4) {
  grid-column: 4 / span 1;
  grid-row: 1 / span 1;
}
.grid_container.grid_1 .item:nth-child(5) {
  grid-column: 2 / span 2;
  grid-row: 2 / span 1;
}

.grid_container.grid_1 .item:nth-child(6) {
  grid-column: 4 / span 1;
  grid-row: 2 / span 2;
}

.grid_container.grid_1 .item:nth-child(7) {
  grid-column: 1 / span 1;
  grid-row: 3 / span 1;
}

.grid_container.grid_1 .item:nth-child(8) {
  grid-column: 2 / span 2;
  grid-row: 3 / span 1;
}
.grid_container.grid_1 .item:nth-child(1) .box{background-color:#ff1c59; color:#fff; transform: translate(0, -120%); transition-delay: 1.2s;}
.grid_container.grid_1 .item:nth-child(2) .box{background-color:#fff; transform: translate(-120% ,0); transition-delay: 1.4s;}
.grid_container.grid_1 .item:nth-child(3) .box{background-color:#ffd548; transform: translate(0, -110%); transition-delay: 1.6s;}
.grid_container.grid_1 .item:nth-child(4) .box{background-color:#fff; transform:translate(0, 110%); transition-delay: 1.8s;}
.grid_container.grid_1 .item:nth-child(5) .box{background-color:#3a54e2; color:#fff; transform:translate(-110%, 0); transition-delay: 2s;}
.grid_container.grid_1 .item:nth-child(6) .box{background-color:#fff; transform:translate(0, -110%); transition-delay: 2.2s;}
.grid_container.grid_1 .item:nth-child(7) .box{background-color:#55d8ff; transform:translate(-110% ,0); transition-delay: 2.4s;}
.grid_container.grid_1 .item:nth-child(8) .box{background-color:#02be76; color:#fff; text-align:left; transform:translate(110%, 0); transition-delay: 2.6s;}

.grid_container.grid_2 .item:nth-child(1){
grid-column: 1 / span 1;
grid-row: 1 / span 1;
}
.grid_container.grid_2 .item:nth-child(2){
grid-column: 2 / span 1;
grid-row: 1 / span 1;
}

.grid_container.grid_2 .item:nth-child(1) .box{background-color:#fff; transform:translate(0, -110%); transition-delay: 0.4s;}
.grid_container.grid_2 .item:nth-child(2) .box{background-color:#33a1ff; color:#fff; transform: translate(0, 110%);  transition-delay: 0.6s;}

.grid_container.grid_1.active .item .box{transform: translate(0, 0);}
.grid_container.grid_2.active .item .box{transform: translate(0, 0);}

.txt_motion3_wrap p{position:relative; margin-bottom:220px; text-align:center; bottom:-50px; opacity:0; transition: all 0.8s ease-out 1s;}
.txt_motion3_wrap.active p{bottom:0; opacity:1;}
.txt_motion3_wrap .btn_area{position:relative; bottom:-50px; opacity:0; transition: all 0.8s ease-out 2.4s;}
.txt_motion3_wrap.active .btn_area{bottom:0; opacity:1;}

.grid_container .item .icon object{max-width:100%;}
.grid_container .item .icon{position: absolute;}
.grid_container.grid_1 .item:nth-child(1) .icon{right:15px; bottom:25px; width:245px;}
.grid_container.grid_1 .item:nth-child(2) .icon{right:10px; bottom:10px; width:253px;}
.grid_container.grid_1 .item:nth-child(3) .box:before{position:absolute; right:15px; bottom:-40px; width:202px; height:202px; background-color:#fff; border-radius:50%; display:block; content:"";}
.grid_container.grid_1 .item:nth-child(3) .icon{right:20px; bottom:-20px; width:160px;}
.grid_container.grid_1 .item:nth-child(4) .icon{right:-10px; bottom:-20px; width:160px;}
.grid_container.grid_1 .item:nth-child(5) .icon{right:70px; bottom:-75px; width:320px;}
.grid_container.grid_1 .item:nth-child(6) .icon{right:15px; bottom:20px; }
.grid_container.grid_1 .item:nth-child(7) .box:before{position:absolute; right:-40px; bottom:-65px; width:246px; height:246px; background-color:#fff; border-radius:50%; display:block; content:"";}
.grid_container.grid_1 .item:nth-child(7) .icon{right:0; bottom:-10px; width:200px;}
.grid_container.grid_1 .item:nth-child(8) .icon{right:80px; bottom:0; width:282px;}
.grid_container.grid_1 .item:nth-child(8) .box:before{position:absolute; right:-40px; bottom:-140px; width:400px; height:400px; background-color:#fff; border-radius:50%; display:block; content:"";}
.grid_container.grid_2 .item:nth-child(1) .icon{right:70px; top: 50%; width:228px; transform: translateY(-50%);}
.grid_container.grid_2 .item:nth-child(2) .icon{right:48px; bottom:0; width:270px; }
.grid_container.grid_2 .item:nth-child(2) .box:before{position:absolute; right:-40px; bottom:-145px; width:400px; height:400px; background-color:#fff; border-radius:50%; display:block; content:"";}

.grid_container .item_2 .title>div:before{background-color:#5d63ff;}
.grid_container .item_3 .title>div:before{background-color:#fff;}
.grid_container .item_4 .title>div:before{background-color:#0a8cfe;}
.grid_container .item_6 .title>div:before{background-color:#22cec1;}
.grid_container .item_7 .title>div:before{background-color:#fff;}
.grid_container .item_9 .title>div:before{background-color:#9461f4;}
.grid_container .item_10 .title>div:before{background-color:#fff;}

.grid_container .item .title span{
color: transparent;
/*background-image: linear-gradient(-90deg, yellow 50%, green 50%);*/
background-position: 100%;
background-size: 200% 100%;
background-clip: text;
-webkit-background-clip: text;
transition: background-position 0.6s ease;
}
.grid_container .item:hover .title span{
background-position: 0;
}

.grid_container .item_1 .title span{background-image: linear-gradient(-90deg, #fff 50%, #000 50%);}
.grid_container .item_2 .title span{background-image: linear-gradient(-90deg, #000 50%, #5d63ff 50%);}
.grid_container .item_3 .title span{background-image: linear-gradient(-90deg, #000 50%, #fff 50%);}
.grid_container .item_4 .title span{background-image: linear-gradient(-90deg, #000 50%, #0a8cfe 50%);}
.grid_container .item_5 .title span{background-image: linear-gradient(-90deg, #fff 50%, #000 50%);}
.grid_container .item_6 .title span{background-image: linear-gradient(-90deg, #000 50%, #22cec1 50%);}
.grid_container .item_7 .title span{background-image: linear-gradient(-90deg, #000 50%, #fff 50%);}
.grid_container .item_8 .title span{background-image: linear-gradient(-90deg, #fff 50%, #000 50%);}
.grid_container .item_9 .title span{background-image: linear-gradient(-90deg, #000 50%, #9461f4 50%);}
.grid_container .item_10 .title span{background-image: linear-gradient(-90deg, #fff 50%, #000 50%);}


/* hover */
.grid_container.active .effect_1{position:relative;}
.grid_container.active .effect_1 .border {position: absolute; background: none; transition: all .6s ease-in-out;}
.grid_container.active .effect_1>.border:nth-of-type(1){top:0; left:0; border-top:1px solid #000; width:100%; height:100%;}
.grid_container.active .effect_1>.border:nth-of-type(2){bottom:0; left:0; width:100%; height:100%; border-bottom:1px solid #000;}
.grid_container.active .effect_1>.border:nth-of-type(3){left:0; top:0; height:100%; width:100%; border-left:1px solid #000;}
.grid_container.active .effect_1>.border:nth-of-type(4){top:0; right:0; height:100%; width:100%; border-right:1px solid #000;}
.grid_container.active .effect_1:hover .border:nth-of-type(1){transform:translate(0, 95%);}
.grid_container.active .effect_1:hover .border:nth-of-type(2){transform:translate(0, -95%);}
.grid_container.active .effect_1:hover .border:nth-of-type(3){transform:translate(97%, 0);}
.grid_container.active .effect_1:hover .border:nth-of-type(4){transform:translate(-97%, 0);}

.grid_container.active .effect_2{position:relative; transition: all 0.6s ease-out;}
.grid_container.active .effect_2:hover{border-radius:0 5em 0 5em;}

.grid_container.active .effect_3 .title{position: Relative; transition: all 0.3s ease-out;}
.grid_container.active .effect_3 .title:before{position:absolute; left:0; bottom:0; width:0; height:2px; background-color:#fff; display:block; content:""; transition: all 0.3s ease-out;}
.grid_container.active .effect_3:hover .title{ padding:15px 0; margin-bottom:5px;}
.grid_container.active .effect_3:hover .title:before{width:100%;}

.grid_container.active .effect_4::after{
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.grid_container.active .effect_4::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 125%;
  height: 160%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  content: '';
  opacity: 0;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.grid_container.active .effect_4:hover::after {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
}

.grid_container.active .effect_5 .box{position:relative; transition: all 0.4s ease-out; background-color:rgba(255,255,255,0.7) !important;}
.grid_container.active .effect_5 .box:before{position:absolute; left:0; top:0; z-index:1; width:100%; height:0; display:block; content:""; transition: all 0.3s ease-out; background-color:#fff;}
.grid_container.active .effect_5 .box:after{position:absolute; left:0; bottom:0; z-index: 2; width:100%; height:0; display:block; content:""; transition: all 0.3s ease-out; background-color: #fff;}
.grid_container.active .effect_5 .box .title{position:relative; z-index:3; transition: all 0.3s ease-out;}
.grid_container.active .effect_5 .box .txt{position:relative; z-index:3; transition: all 0.3s ease-out;}
.grid_container.active .effect_5 .box:hover:before,
.grid_container.active .effect_5 .box:hover:after{height:60%;}

.grid_container.active .effect_6{position:relative; transition: all 0.4s ease-out;}
.grid_container.active .effect_6:hover{border-radius:50%;}

.grid_container.active .effect_7 .box{position:relative; transition: all 0.3s ease-out;}
.grid_container.active .effect_7 .box:before{position:absolute; left:50%; top:50%; width:97%; height:95%; border:5px solid #fff; transform: translate(-50%, -50%) scale(0.8); transition: all 0.3s ease-out; opacity:0; box-sizing:border-box; display:block; content:"";}
.grid_container.active .effect_7 .box:hover .title{padding-left:30px;}
.grid_container.active .effect_7 .box:hover .txt{padding-left:30px;}
.grid_container.active .effect_7 .box:hover:before{opacity:1; transform: translate(-50%, -50%) scale(1);}

.grid_container.active .effect_8{position:relative; }
.grid_container.active .effect_8:before{position:absolute; left:0; top:0; z-index:4; width:0; height:4px; background-color:#fff; display:block; content:""; transition: all 0.6s ease-out;}
.grid_container.active .effect_8:after{position:absolute; left:0; top:0; z-index: 4; width:4px; height:0; background-color:#fff; display:block; content: ""; transition: all 0.6s ease-out;}
.grid_container.active .effect_8 .box:before{position:absolute; right:0; bottom:0; z-index: 4; width:0; height:4px; background-color:#fff; display:block; content: ""; transition: all 0.6s ease-out;}
.grid_container.active .effect_8 .box:after{position:absolute; right:0; bottom:0; z-index: 4; width:4px; height:0; background-color:#fff; display:block; content: ""; transition: all 0.6s ease-out;}
.grid_container.active .effect_8 .box{transition: all 0.2s ease-out; }
.grid_container.active .effect_8:hover:before{width:100%;}
.grid_container.active .effect_8:hover:after{height:100%;}
.grid_container.active .effect_8:hover .box:before{width:100%;}
.grid_container.active .effect_8:hover .box:after{height:100%;}
.grid_container.active .effect_8:hover .box{background:transparent; color: #fff;}

.grid_container.active .effect_9 .box{position:relative; }
.grid_container.active .effect_9 .box:before{position:absolute; left:-100%; top:0; z-index:1; width:100%; height:100%; background-color:rgba(255,255,255,0.1); display:block; content:""; transition: all 1s ease-out;}
.grid_container.active .effect_9 .box .title{position:relative; z-index:3;}
.grid_container.active .effect_9 .box .txt{position:relative; z-index:3;}
.grid_container.active .effect_9:hover .box:before{left:100%;}

.txt_motion3{position:relative; overflow:hidden;}
.txt_motion3>span{position:relative; min-width:8px; display:inline-block; transform: translateY(-100%) matrix(1, 0, 0, 1, 0, 0); transition: all 0.3s ease-out; text-align:center; opacity:0;}
.txt_motion3_wrap.active .txt_motion3>span{transform: matrix(1, 0, 0, 1, 0, 0); opacity:1;}

.grid_container .item_1 .box:before{position:absolute; right:-80px; bottom:-40px; width:350px;height:350px; background-color:#fff; display:block; border-radius:50%; background-color:#fff; content:"";}

/* card_type */
.card_type_wrap{padding:230px 0 200px; background-color:#223dd3; overflow:hidden;}
.card_type_wrap .cont{margin:0 auto; max-width:1400px; }
.card_type_wrap .title_type{positioN:relative; margin-bottom:50px; font-size:90px; color:#fff; line-height:1.1; font-weight:700;}
.card_type_wrap .title_type>div{display:block; font-weight:inherit; font-size:inherit; color:inherit;  line-height:1;}
.card_type_wrap .title_type>div span{font-weight:inherit; font-size:inherit; color:inherit; opacity:0.2; }
.card_type_wrap p{margin-bottom:130px; max-width:650px; font-size:20px; color:#fff; line-height:1.3; }
.card_type_wrap h2{margin-bottom:100px; font-size:34px;  color:#fff; font-weight:600;}
.card_type_wrap .top_area{position:relative;}
.card_type_wrap .top_area .img_area{position:absolute; right:-230px; top:50%; transform: translateY(-50%); max-width:915px; opacity:0; transition: all 1.2s ease-out 0.8s;}
.card_type_wrap .top_area.active .img_area{opacity:1;}


.card_type{display:flex; justify-content: center;}
.card_type .flip{margin:0 15px; width:374px; height:326px; border-radius:20px; box-sizing:border-box; transition: all 0.4s ease-out; }
.card_type .flip:hover{transform: translateY(-20px); box-shadow:6px 8px 20px rgba(0,0,0,0.3);}
/*
.card_type_rolling.active .flip{opacity:1; bottom:0;}
.card_type .flip:nth-child(1){transition-delay: 0.4s;}
.card_type .flip:nth-child(2){transition-delay: 0.7s;}
.card_type .flip:nth-child(3){transition-delay: 1s;}
.card_type .flip:nth-child(4){transition-delay: 1.3s;}
*/
.card_type .card{position: relative; width:100%; height:100%; transition: .6s; transform-style: preserve-3d;}
/*.card_type .flip:hover .card{transform: rotateY(180deg);}*/
.card_back,
.card_front{position: absolute; padding:40px 30px; display:flex; flex-wrap:wrap; backface-visibility: hidden; height: 100%; box-sizing:border-box;  transform-origin: 50% 50%; width: 100%; justify-content:space-between; border-radius:20px; overflow:hidden; transition: all 0.6s ease-out;}
.card_front{background-color:#12248e;}
.card_back{background-color:#fff; transform: rotateY(180deg);}
.card_type .title{width:100%; font-size:20px; line-height:1.4; color:#93d6ff; font-weight:700;}
.card_type .txt{width:100%; font-size:26px; line-height:1.2; color:#fff; font-weight:700; letter-spacing:-0.9px; display:flex; align-items: flex-end;}
.card_type .img_area{padding:.7rem 1rem 1rem; width:8.5rem; background-color:#e8e4d9; box-sizing:border-box;}
.card_type .flow_txt span{font-size:60px; color:#93d6ff; font-weight:600;}
.card_type .card_back .title{color:#223dd3;}
.card_type .card_back .txt{color:#000;}

/* marquee */
.marquee { padding:190px 0; background:#f1f1f1;  overflow:hidden;}
.marquee .btn_area{padding-top:100px; text-align:center;}
.marquee .btn_area a{width:290px; height:40px; line-height:38px; text-align:center; background-color:#000; border-radius:2em; font-size:20px; color:#fff; display:inline-block; position:relative; transition: all 0.6s ease-out;  overflow:hidden;}
.marquee .btn_area a:before{position:absolute; left:50%; top:50%; width:100%; height:100%; background-color:#233CD3; display:block; content:""; transform:translate(-50%, -50%) scale(0); transition: all 0.6s ease-out; border-radius:2em; opacity:0;}
.marquee .btn_area a:hover:before{transform: translate(-50%, -50%) scale(2); opacity:1;}
.marquee .btn_area span{position:relative; z-index:2;}
.__mq { position:relative; height:210px; width:max-content; margin-bottom:30px; }
.__mq:last-child { margin-bottom:0; }
.__mq .mq_box { white-space:nowrap; }
.__mq .__inner { display:flex; }
.__mq .__inner > li { flex: 0 0 auto; }
.__mq .__box { position:relative; padding:0 45px; }
.__mq .__box a { text-decoration:none; }
.__mq .__box h1 { color:#000; font-family:"Pretendard", sans-serif; font-size:146px; line-height:175px; font-weight:700; text-transform:uppercase; }
.__mq .__box .__layer { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);   color:#fff; font-size:21px; font-weight:500; text-align:center; display:flex;}
.__mq .__box .__layer .__txt { position:absolute; top:50%; left:50%; z-index:3; transform:translate(-50%, -50%); color:#fff; font-size:21px; font-weight:500; text-align:center; line-height:1.2;}
.__mq .__box .__layer .__txt span{line-height:0.7;}
.__mq .__box.box_9 .__layer .__txt{margin-top:-10px;}
.__mq .__box.box_6 .__layer .__txt{text-align:left; font-size:19px; line-height:25px; letter-spacing:-.3px; }

.__mq .point_1 { background:url() no-repeat center center;}
.__mq .point_2 { fill:#36b2ff; }
.__mq .point_3 { fill:#fff; }
.__mq .point_4 { fill:#262628; }
.__mq .point_5 { fill:#676be5; }
.__mq .point_6 { fill:#f8ff4d; }
.__mq .point_7 { fill:#fde403; }
.__mq .point_8 { fill:#00ba2b; }
.__mq .point_9 { fill:#29ff83; }

.__mq .mq_box object{position:relative; z-index:1; transition: all 0.6s ease-out; transform: scale(0,0);}

/* sub */
:root{
  --width: 1520px;
  --width_pd:1560px;
  --point-color-1:#ff1c59;
  --point-color-2:#5d63ff;
  --point-color-3:#facc32;
  --point-color-4:#0a8cfe;
  --point-color-5:#3a54e2;
  --point-color-6:#22cec1;
  --point-color-7:#30c5f0;
  --point-color-8:#00be76;
  --point-color-9:#9461f4;
  --point-color-10:#329fff;
}

.sub_container{padding-top:78px;}
.sub_container .cont{position:Relative; z-index:2; margin:0 auto; padding:0 20px; max-width:var(--width);}
.sub_container .top_area{position:Relative; padding:100px 0; }
.sub_container .top_area .top_logo{overflow:hidden;}
.sub_container .top_area .object{opacity:0; transition: all 0.6s ease-out 0.6s;}
.sub_container .top_area .cont{padding-right:560px; box-sizing:border-box; max-width: var(--width_pd);}
.sub_container .top_area .top_logo{margin-bottom:50px;}
.sub_container .top_area .top_logo img{width:167px;}
.sub_container .top_area h1{line-height:1.2; color:#fff; font-size:80px; font-weight:700; letter-spacing:-1.6px;}
.sub_container .top_area h4{line-height:29px; color:#fff; font-size:24px; font-weight:400; letter-spacing:-.48px;}
.sub_container .top_area p{font-size:20px; color:#fff; line-height:1.5;}
.sub_container .top_area p strong{font-weight:700; font-size:inherit; color:inherit;}
.sub_container .top_area .icon_area{position:absolute; right:20px; bottom:-258px; background-color:#fff; border-radius:50%; width:517px; height:517px; display:flex; align-items: center; justify-content: center;}
.sub_container .top_area:before{position:absolute; left:0; top:0; z-index:1; width:0; height:100%; background-color: var(--point-color-1); display:block; content:""; transition: all 0.6s ease-out;}
.sub_container .top_area.active .object{opacity:1;}
.sub_container .top_area .top_txt,
.sub_container .top_area .top_title{position:relative; margin-bottom:20px; overflow:hidden;}
.sub_container .top_area .top_title h1{transform: translateY(130%); transition: all 0.6s ease-out 0.8s;}
.sub_container .top_area .top_title h4{transform: translateY(130%); transition: all 0.6s ease-out 0.8s;}
.sub_container .top_area .top_txt p{transform: translateY(-110%); transition: all 0.6s ease-out 0.8s;}
.sub_container .top_area.active .top_title h1{transform: translateY(0);}
.sub_container .top_area.active .top_title h4{transform: translateY(0);}
.sub_container .top_area.active .top_txt p{transform: translateY(0);}
.sub_container .top_area.active:before{width:100%;}


.news_paper_wrap{padding:120px 0 90px;}
.news_paper_wrap .cont{padding-right:520px; box-sizing:border-box; max-width: var(--width_pd);}
.news_paper{padding:47px 40px; background-color:#f5f5f5; border-radius:20px; width:920px; box-sizing:border-box;}
.news_paper .s_tit{padding-bottom:10px; font-size:12px; color:#999; letter-spacing:-0.24px; text-align:right; }
.news_paper h2{padding:40px 0 30px; border-top:2px solid #000; font-size:40px; letter-spacing:-0.8px; font-weight:700; line-height:1.2;}
.news_paper .txt{position:relative; padding-bottom:67px; font-size:17px; font-family: 'Noto Serif KR', serif; font-weight:400; line-height:1.7;}
.news_paper .txt strong,
.news_paper .txt span{font-size:inherit; color:inherit; font-family:inherit; vertical-align: top;}
.news_paper .txt span{position:relative; display:inline-block; }
.news_paper .txt span:before{position:absolute; left:0; bottom:0; width:0; height:14px; display:block; content:""; transition: all 0.6s ease-out;
mix-blend-mode: multiply;
background-blend-mode: multiply;
background-image: linear-gradient(to bottom, #ffb9cb, #ffb9cb);}
.news_paper .txt span strong{position:relative; z-index:2;}
.news_paper .txt:before{position:absolute; left:50%; bottom:0; margin-left:-2px; width:4px; height:28px; background:url(../img/more.svg) no-repeat center center; display:block; content:""; }
.news_paper .txt span:nth-child(1):before{transition-delay: 0.8s;}
.news_paper .txt span:nth-child(2):before{transition-delay: 1.2s;}
.news_paper .txt span:nth-child(3):before{transition-delay: 1.4s;}
.news_paper .txt span:nth-child(4):before{transition-delay: 2s;}
.news_paper .txt span:nth-child(5):before{transition-delay: 2.4s;}
.news_paper .txt span:nth-child(6):before{transition-delay: 2.8s;}
.news_wrap.active .txt span:before{width:100%;}
.news_wrap{transition: all 0.6s ease-out 0.4s;}
.news_wrap .page{width:0px; transition: all 1s ease-out 0.2s; overflow:hidden;}
.news_wrap.active .page{width:100%;}

.sub_cont_1{position:relative; z-index:3; padding:60px 2%;  color:#fff; text-align:center;  }
.sub_cont_1 .list{padding:0 15%;}
.sub_cont1_wrap .bg{position:absolute; left:0; top:0; width:0; height:20%; background-color: var(--point-color-1); transition: all 0.6s ease-out;}
.sub_cont1_wrap{position:relative; border-radius:20px; overflow:hidden;}
.sub_cont1_wrap.active .bg{width:100%; transition-delay: 0.2s;}
.sub_cont1_wrap .bg_2{top:20%;}
.sub_cont1_wrap .bg_3{top:40%;}
.sub_cont1_wrap .bg_4{top:60%;}
.sub_cont1_wrap .bg_5{top:80%;}
.sub_cont_1 h2{font-size:50px; color:inherit; font-weight:700; }
.sub_cont_1 p{font-size:20px; color:inherit;}
.sub_cont_1 .list{margin-top:60px; color: inherit;}
.sub_cont_1 .list ul{display:flex; gap:0 50px; color: inherit;}
.sub_cont_1 .list ul li{flex-grow:1; color: inherit; position:relative; bottom:-20px; opacity:0; transition: all 0.6s ease-out;}
.sub_cont_1 .list ul li .icon{margin:0 auto 26px; width:87px; height:87px; background-color:#fff; border-radius:50%; display:flex; align-items: center; justify-content: center;}
.sub_cont_1 .list ul li .tit{font-size:20px; font-weight:700; color:inherit; line-height:1.3; }
.sub_cont_1 .list ul li .txt{margin-top:10px; font-size:17px; color:inherit; line-height:1.3; text-align:left;}
.sub_cont_1 .list ul li:nth-child(1){transition-delay: 1s;}
.sub_cont_1 .list ul li:nth-child(2){transition-delay: 1.2s;}
.sub_cont_1 .list ul li:nth-child(3){transition-delay: 1.4s;}
.sub_cont_1 .list ul li:nth-child(4){transition-delay: 1.6s;}
.sub_cont1_wrap .top_btm,
.sub_cont1_wrap .btm_top{position:relative; overflow:hidden; color:inherit;}
.sub_cont1_wrap .btm_top h2{transition: all 0.6s ease-out 0.6s; transform: translateY(120%);}
.sub_cont1_wrap .top_btm p{transition: all 0.6s ease-out 0.6s; transform: translateY(-120%);}
.sub_cont1_wrap.active .top_btm p,
.sub_cont1_wrap.active .btm_top h2{transform: translateY(0);}
.sub_cont1_wrap.active .sub_cont_1 .list ul li{bottom:0; opacity:1;}
.drawing-path{stroke-dasharray: 500; stroke-dashoffset: 500;}
.sub_cont1_wrap.active .drawing-path{stroke-dashoffset: 0;}


.slick-slide img{display:inline-block;}
.sub_cont_2{padding:170px 0;}
.sub_cont_2 h2{display:flex; justify-content:center; font-size:50px; font-weight:700; line-height:60px; letter-spacing:-1px; text-align:center;}
.sub_cont_2 h2 i {display:inline-block; margin-top:5px; margin-left:10px; width:50px; height:50px; background:url(../img/ic_ai.png) no-repeat center center; background-size:100% auto;}
.sub_cont_2 .s_tit{font-size:20px; display:block; text-align:center;}
.sub_cont_2 .img_area{margin:60px 0 0; text-align:center;}
.sub_cont_2 .txt{margin:0 auto 60px; display:flex; gap:0 10px; max-width:1144px; justify-content: center;}
.sub_cont_2 .txt span{position:Relative; bottom:-30px; opacity:0; max-width:336px; display:block; height:40px; display:Flex; align-items: center; justify-content: center; background-color:#000; border-radius:2em; font-size:17px; letter-spacing:-0.6px; color:#fff; flex-grow:1; transition: all 0.6s ease-out; box-sizing:border-box;}
.sub_cont_2 .txt span:nth-child(1){transition-delay: 0.2s;}
.sub_cont_2 .txt span:nth-child(2){transition-delay: 0.4s;}
.sub_cont_2 .txt span:nth-child(3){transition-delay: 0.6s;}
.sub_cont_2 .txt span:nth-child(4){transition-delay: 0.8s;}
.sub_cont_2 .txt span:nth-child(5){transition-delay: 1s;}
.sub_cont_2 p{font-size:20px; font-weight:600; line-height:1.45; text-align:center; opacity:0; transition: all 0.6s ease-out 0.8s;}
.sub_cont_2 .cont{margin:0 auto; max-width:1200px;}
.sub_cont_2 .slick-active .txt span{bottom:0; opacity:1;}
.sub_cont_2 .slick-active p{opacity:1;}
.sub_cont_2 .rolling_list{position:relative; padding-bottom:30px;}
.sub_cont_2 .rolling_list .list{display:none;}
.sub_cont_2 .rolling_list .list:first-child{display:block;}
.sub_cont_2 .rolling_list .slick-dots{position:absolute; left:0; bottom:0; width:100%; display:flex; justify-content: center;}
.sub_cont_2 .rolling_list .slick-dots li{margin:0 10px; display:inline-block; }
.sub_cont_2 .rolling_list .slick-dots li button{width:14px; height:14px; border:1px solid var(--point-color-1); text-indent: -9999px; display:block;  box-sizing:border-box; border-radius:50%;}
.sub_cont_2 .rolling_list .slick-dots li.slick-active button{background-color:var(--point-color-1);}
.sub_cont_2 .rolling_list .slick-arrow{position:absolute; top:50%; z-index:5; display:block; text-indent: -9999px; transform: translateY(-50%);  backdrop-filter: blur(1px); }
.sub_cont_2 .rolling_list .slick-arrow:after{width:40px; height:80px; display:block; content:"";}
.sub_cont_2 .rolling_list .slick-prev:after{background:url(../img/rolling_prev.svg) no-repeat center center rgba(255,255,255,0.6);}
.sub_cont_2 .rolling_list .slick-next:after{background: url(../img/rolling_next.svg) no-repeat center center rgba(255, 255, 255, 0.6);}
.sub_cont_2 .rolling_list .slick-prev{left:-2%;}
.sub_cont_2 .rolling_list .slick-next{right:-2%;}
.sub_cont_2 .top_btm,
.sub_cont_2 .btm_top{position:relative; overflow:hidden; color:inherit;}
.sub_cont_2 .btm_top h2{transition: all 0.6s ease-out 0.2s; transform: translateY(120%);}
.sub_cont_2 .top_btm span{transition: all 0.6s ease-out 0.2s; transform: translateY(-120%);}
.sub_cont_2.active .top_btm span,
.sub_cont_2.active .btm_top h2{transform: translateY(0);}
.sub_cont_2 .img_area img{width:100%;}

.gray_bg{background-color:#eee;}
.gray_bg h2{font-size:50px; font-weight:700; text-align:center; letter-spacing: -1px;}
.sub_cont_3{padding:140px 0 70px; }
.sub_cont_3 .icon_list{margin:90px auto 0; max-width:1260px;}
.sub_cont_3 .icon_list ul{display:flex; gap:0 25px;}
.sub_cont_3 .icon_list ul li{position:relative; left:-50px; opacity:0; flex-grow:1; padding-left:110px; transition: all 0.6s ease-out;}
.sub_cont_3 .icon_list ul li:before{position:absolute; left:0; top:0; width:87px; height:87px; display:block; content:""; border-radius:50%;}
.sub_cont_3 .icon_list ul li.icon_1:before{background:url(../img/amaranth1_icon5.svg) no-repeat center center var(--point-color-1);}
.sub_cont_3 .icon_list ul li.icon_2:before{background:url(../img/amaranth1_icon6.svg) no-repeat center center var(--point-color-1);}
.sub_cont_3 .icon_list ul li.icon_3:before{background:url(../img/amaranth1_icon7.svg) no-repeat center center var(--point-color-1);}
.sub_cont_3 .icon_list ul li.icon_4:before{background:url(../img/amaranth1_icon8.svg) no-repeat center center var(--point-color-1);}
.sub_cont_3 .icon_list ul li .tit{font-size:20px; font-weight:700;}
.sub_cont_3 .icon_list ul li .txt{margin-top:15px; font-size:17px; line-height:1.3;}
.sub_cont_3 .icon_list ul li:nth-child(1){transition-delay: 0.8s;}
.sub_cont_3 .icon_list ul li:nth-child(2){transition-delay: 1s;}
.sub_cont_3 .icon_list ul li:nth-child(3){transition-delay: 1.2s;}
.sub_cont_3 .icon_list ul li:nth-child(4){transition-delay: 1.4s;}
.sub_cont_3.active .icon_list ul li{left:0; opacity:1;}
.sub_cont_4{padding:70px 0; }
.sub_cont_4 p{margin:20px 0; font-size:20px; font-weight:500; text-align:center;}
.sub_cont_4 .img_area{position:relative; margin:90px 0; text-align:center; bottom:-40px; opacity:0; transition: all 0.6s ease-out 0.8s;}
.sub_cont_4 .top_btm,
.sub_cont_4 .btm_top{position:relative; overflow:hidden; color:inherit;}
.sub_cont_4 .btm_top h2{transition: all 0.6s ease-out 0.2s; transform: translateY(120%);}
.sub_cont_4 .top_btm p{transition: all 0.6s ease-out 0.2s; transform: translateY(-120%);}
.sub_cont_4.active .top_btm p,
.sub_cont_4.active .btm_top h2{transform: translateY(0);}
.sub_cont_4.active .img_area{bottom:0; opacity:1;}
.sub_cont_4 .img_area img{width:100%;}

.sub_cont_5{padding:200px 0;}
.sub_cont_5 p{margin:15px 0 44px; text-align:center; font-size:20px; font-weight:500;}
.sub_cont_5 .img_area{text-align:center; position: relative; bottom:-40px; opacity:0; transition: all 0.6s ease-out 0.8s;}
.sub_cont_5 .img_area img{width:100%;}
.sub_cont_5 .btn_area{display:flex; gap:20px; justify-content:center; margin-top:100px; text-align:center; overflow:hidden;}
.sub_cont_5 .btn_area a{width:336px; height:60px; line-height:60px; text-align:center; background-color:#000; border-radius:2em; font-size:20px; color:#fff; display:inline-block; position:relative; transition: all 0.6s ease-out; transform: translateY(120%); overflow:hidden;}
.sub_cont_5 .btn_area a:before{position:absolute; left:50%; top:50%; width:100%; height:100%; background-color:var(--point-color-1); display:block; content:""; transform:translate(-50%, -50%) scale(0); transition: all 0.6s ease-out; border-radius:2em; opacity:0;}
.sub_cont_5 .btn_area a:hover:before{transform: translate(-50%, -50%) scale(2); opacity:1;}
.sub_cont_5 .btn_area span{position:relative; z-index:2;}
.sub_cont_5 .btn_area.active a{transform: translateY(0);}
.sub_cont_5 .top_btm,
.sub_cont_5 .btm_top{position:relative; overflow:hidden; color:inherit;}
.sub_cont_5 .btm_top h2{transition: all 0.6s ease-out 0.2s; transform: translateY(140%);}
.sub_cont_5 .top_btm p{transition: all 0.6s ease-out 0.2s; transform: translateY(-140%);}
.sub_cont_5.active .top_btm p,
.sub_cont_5.active .btm_top h2{transform: translateY(0);}
.sub_cont_5.active .img_area{bottom:0; opacity:1;}

/* txt_motion */
.word_by_word{position:relative; overflow:hidden;}
.word_by_word span{transform: translateY(110%); display:inline-block; transition: all 0.6s ease-out;}
.active .word_by_word span{transform: translateY(0);}

@media screen and (max-width: 1570px) {
.news_paper_wrap .cont{max-width:960px; padding-right:0; margin:0;}
.sub_cont_1{padding:60px 2%;}
.sub_cont_1 .list{padding:0 8%;}
.sub_container .top_area.active .top_txt p br{display:none;}
.sub_container .top_area.active .top_txt p strong{display:block;}
}

@media screen and (max-width: 1200px) {
.sub_container .top_area h1{font-size:60px;}
.sub_container .top_area p{font-size:18px;}
.sub_cont_1 h2{font-size:40px;}
.news_paper h2{font-size:30px;}
.sub_cont_1{padding:60px 2%;}
.sub_cont_1 .list{padding:0 2%;}
.gray_bg h2{font-size:40px;}
.sub_cont_3.active .icon_list ul li{padding:100px 0 0;}
.sub_cont_1 .list ul li .tit{font-size:18px;}
.sub_cont_1 .list ul li .txt{font-size:15px;}
}

.amaranth_2.sub_container .top_area:before{background:var(--point-color-2);}
.amaranth_2 .news_paper .txt span:before{background:linear-gradient(to bottom, #b9c4ff, #b9c4ff);}
.amaranth_2 .sub_cont1_wrap .bg{background-color:var(--point-color-2);}
.amaranth_2 .sub_cont_3 .icon_list ul li.icon_1:before{background:url(../img/amaranth2_icon5.svg) no-repeat center center var(--point-color-2);}
.amaranth_2 .sub_cont_3 .icon_list ul li.icon_2:before{background:url(../img/amaranth2_icon6.svg) no-repeat center center var(--point-color-2);}
.amaranth_2 .sub_cont_3 .icon_list ul li.icon_3:before{background:url(../img/amaranth2_icon7.svg) no-repeat center center var(--point-color-2);}
.amaranth_2 .sub_cont_3 .icon_list ul li.icon_4:before{background:url(../img/amaranth2_icon8.svg) no-repeat center center var(--point-color-2);}
.amaranth_2 .sub_cont_5 .btn_area a:before{background-color:var(--point-color-2);}
.amaranth_2 .sub_cont_2 .rolling_list .slick-dots li button{border-color:var(--point-color-2);}
.amaranth_2 .sub_cont_2 .rolling_list .slick-dots li.slick-active button{background-color:var(--point-color-2);}

.amaranth_3.sub_container .top_area:before{background:var(--point-color-3);}
.amaranth_3 .news_paper .txt span:before{background:linear-gradient(to bottom, #fffb9d, #fffb9d);}
.amaranth_3 .sub_cont1_wrap .bg{background-color:var(--point-color-3);}
.amaranth_3 .sub_cont_3 .icon_list ul li.icon_1:before{background:url(../img/amaranth3_icon5.svg) no-repeat center center var(--point-color-3);}
.amaranth_3 .sub_cont_3 .icon_list ul li.icon_2:before{background:url(../img/amaranth3_icon6.svg) no-repeat center center var(--point-color-3);}
.amaranth_3 .sub_cont_3 .icon_list ul li.icon_3:before{background:url(../img/amaranth3_icon7.svg) no-repeat center center var(--point-color-3);}
.amaranth_3 .sub_cont_3 .icon_list ul li.icon_4:before{background:url(../img/amaranth3_icon8.svg) no-repeat center center var(--point-color-3);}
.amaranth_3 .sub_cont_5 .btn_area a:before{background-color:var(--point-color-3);}
.amaranth_3 .sub_cont_1 .list ul li .tit{color:#000;}
.amaranth_3 .sub_cont_1 .list ul li .txt{color:#000;}
.amaranth_3 .top_area .icon_area .icon{margin:30px 0 0 -40px;}
.amaranth_3 .sub_cont_2 .rolling_list .slick-dots li button{border-color:var(--point-color-3);}
.amaranth_3 .sub_cont_2 .rolling_list .slick-dots li.slick-active button{background-color:var(--point-color-3);}

.amaranth_4.sub_container .top_area:before{background:var(--point-color-4);}
.amaranth_4 .news_paper .txt span:before{background:linear-gradient(to bottom, #b9e7ff, #b9e7ff);}
.amaranth_4 .sub_cont1_wrap .bg{background-color:var(--point-color-4);}
.amaranth_4 .sub_cont_3 .icon_list ul li.icon_1:before{background:url(../img/amaranth4_icon5.svg) no-repeat center center var(--point-color-4);}
.amaranth_4 .sub_cont_3 .icon_list ul li.icon_2:before{background:url(../img/amaranth4_icon6.svg) no-repeat center center var(--point-color-4);}
.amaranth_4 .sub_cont_3 .icon_list ul li.icon_3:before{background:url(../img/amaranth4_icon7.svg) no-repeat center center var(--point-color-4);}
.amaranth_4 .sub_cont_3 .icon_list ul li.icon_4:before{background:url(../img/amaranth4_icon8.svg) no-repeat center center var(--point-color-4);}
.amaranth_4 .sub_cont_5 .btn_area a:before{background-color:var(--point-color-4);}
.amaranth_4 .top_area .icon_area .icon{margin-top:30px;}
.amaranth_4 .sub_cont_2 .rolling_list .slick-dots li button{border-color:var(--point-color-4);}
.amaranth_4 .sub_cont_2 .rolling_list .slick-dots li.slick-active button{background-color:var(--point-color-4);}

.amaranth_5.sub_container .top_area .top_title{position:relative; margin-bottom:50px; overflow:hidden;}
.amaranth_5.sub_container .top_area:before{background:var(--point-color-5);}
.amaranth_5 .news_paper .txt span:before{background:linear-gradient(to bottom, #b9e7ff, #b9e7ff);}
.amaranth_5 .sub_cont1_wrap .bg{background-color:var(--point-color-5);}
.amaranth_5 .sub_cont_3 .icon_list ul li.icon_1:before{background:url(../img/amaranth5_icon5.svg) no-repeat center center var(--point-color-5);}
.amaranth_5 .sub_cont_3 .icon_list ul li.icon_2:before{background:url(../img/amaranth5_icon6.svg) no-repeat center center var(--point-color-5);}
.amaranth_5 .sub_cont_3 .icon_list ul li.icon_3:before{background:url(../img/amaranth5_icon7.svg) no-repeat center center var(--point-color-5);}
.amaranth_5 .sub_cont_3 .icon_list ul li.icon_4:before{background:url(../img/amaranth5_icon8.svg) no-repeat center center var(--point-color-5);}
.amaranth_5 .sub_cont_5 .btn_area a:before{background-color:var(--point-color-5);}
.amaranth_5 .top_area .icon_area .icon{margin-top:30px;}
.amaranth_5 .sub_cont_2 .rolling_list .slick-dots li button{border-color:var(--point-color-5);}
.amaranth_5 .sub_cont_2 .rolling_list .slick-dots li.slick-active button{background-color:var(--point-color-5);}
.amaranth_5 .news_paper .txt{padding-bottom:10px; font-size:20px; font-family: "Pretendard"; font-weight:400;}
.amaranth_5 .news_paper .txt:before{display:none;}
.amaranth_5 .news_paper h2{padding:0 0 10px; font-size:36px; border-top:none;}

.amaranth_6.sub_container .top_area:before{background:var(--point-color-6);}
.amaranth_6 .news_paper .txt span:before{background:linear-gradient(to bottom, #b9fff7, #b9fff7);}
.amaranth_6 .sub_cont1_wrap .bg{background-color:var(--point-color-6);}
.amaranth_6 .sub_cont_3 .icon_list ul li.icon_1:before{background:url(../img/amaranth6_icon5.svg) no-repeat center center var(--point-color-6);}
.amaranth_6 .sub_cont_3 .icon_list ul li.icon_2:before{background:url(../img/amaranth6_icon6.svg) no-repeat center center var(--point-color-6);}
.amaranth_6 .sub_cont_3 .icon_list ul li.icon_3:before{background:url(../img/amaranth6_icon7.svg) no-repeat center center var(--point-color-6);}
.amaranth_6 .sub_cont_3 .icon_list ul li.icon_4:before{background:url(../img/amaranth6_icon8.svg) no-repeat center center var(--point-color-6);}
.amaranth_6 .sub_cont_5 .btn_area a:before{background-color:var(--point-color-6);}
.amaranth_6 .top_area .icon_area .icon{margin-top:30px;}
.amaranth_6 .sub_cont_2 .rolling_list .slick-dots li button{border-color:var(--point-color-6);}
.amaranth_6 .sub_cont_2 .rolling_list .slick-dots li.slick-active button{background-color:var(--point-color-6);}

.amaranth_7.sub_container .top_area:before{background:var(--point-color-7);}
.amaranth_7 .news_paper .txt span:before{background:linear-gradient(to bottom, #b9f7ff, #b9f7ff);}
.amaranth_7 .sub_cont1_wrap .bg{background-color:var(--point-color-7);}
.amaranth_7 .sub_cont_3 .icon_list ul li.icon_1:before{background:url(../img/amaranth7_icon5.svg) no-repeat center center var(--point-color-7);}
.amaranth_7 .sub_cont_3 .icon_list ul li.icon_2:before{background:url(../img/amaranth7_icon6.svg) no-repeat center center var(--point-color-7);}
.amaranth_7 .sub_cont_3 .icon_list ul li.icon_3:before{background:url(../img/amaranth7_icon7.svg) no-repeat center center var(--point-color-7);}
.amaranth_7 .sub_cont_3 .icon_list ul li.icon_4:before{background:url(../img/amaranth7_icon8.svg) no-repeat center center var(--point-color-7);}
.amaranth_7 .sub_cont_5 .btn_area a:before{background-color:var(--point-color-7);}
.amaranth_7 .top_area .icon_area .icon{margin-top:30px;}
.amaranth_7 .sub_cont_2 .rolling_list .slick-dots li button{border-color:var(--point-color-7);}
.amaranth_7 .sub_cont_2 .rolling_list .slick-dots li.slick-active button{background-color:var(--point-color-7);}

.amaranth_8.sub_container .top_area:before{background:var(--point-color-8);}
.amaranth_8 .news_paper .txt span:before{background:linear-gradient(to bottom, #b9ffbc, #b9ffbc);}
.amaranth_8 .sub_cont1_wrap .bg{background-color:var(--point-color-8);}
.amaranth_8 .sub_cont_3 .icon_list ul li.icon_1:before{background:url(../img/amaranth8_icon5.svg) no-repeat center center var(--point-color-8);}
.amaranth_8 .sub_cont_3 .icon_list ul li.icon_2:before{background:url(../img/amaranth8_icon6.svg) no-repeat center center var(--point-color-8);}
.amaranth_8 .sub_cont_3 .icon_list ul li.icon_3:before{background:url(../img/amaranth8_icon7.svg) no-repeat center center var(--point-color-8);}
.amaranth_8 .sub_cont_3 .icon_list ul li.icon_4:before{background:url(../img/amaranth8_icon8.svg) no-repeat center center var(--point-color-8);}
.amaranth_8 .sub_cont_5 .btn_area a:before{background-color:var(--point-color-8);}
.amaranth_8 .top_area .icon_area .icon{margin-top:30px;}
.amaranth_8 .sub_cont_2 .rolling_list .slick-dots li button{border-color:var(--point-color-8);}
.amaranth_8 .sub_cont_2 .rolling_list .slick-dots li.slick-active button{background-color:var(--point-color-8);}

.amaranth_9.sub_container .top_area:before{background:var(--point-color-9);}
.amaranth_9 .news_paper .txt span:before{background:linear-gradient(to bottom, #ecd1ff, #ecd1ff);}
.amaranth_9 .sub_cont1_wrap .bg{background-color:var(--point-color-9);}
.amaranth_9 .sub_cont_3 .icon_list ul li.icon_1:before{background:url(../img/amaranth9_icon5.svg) no-repeat center center var(--point-color-9);}
.amaranth_9 .sub_cont_3 .icon_list ul li.icon_2:before{background:url(../img/amaranth9_icon6.svg) no-repeat center center var(--point-color-9);}
.amaranth_9 .sub_cont_3 .icon_list ul li.icon_3:before{background:url(../img/amaranth9_icon7.svg) no-repeat center center var(--point-color-9);}
.amaranth_9 .sub_cont_3 .icon_list ul li.icon_4:before{background:url(../img/amaranth9_icon6.svg) no-repeat center center var(--point-color-9);}
.amaranth_9 .sub_cont_5 .btn_area a:before{background-color:var(--point-color-9);}
.amaranth_9 .top_area .icon_area .icon{margin-top:30px;}
.amaranth_9 .sub_cont_2 .rolling_list .slick-dots li button{border-color:var(--point-color-9);}
.amaranth_9 .sub_cont_2 .rolling_list .slick-dots li.slick-active button{background-color:var(--point-color-9);}

.amaranth_10.sub_container .top_area:before{background:var(--point-color-10);}
.amaranth_10 .news_paper .txt span:before{background:linear-gradient(to bottom, #b9f7ff, #b9f7ff);}
.amaranth_10 .sub_cont1_wrap .bg{background-color:var(--point-color-10);}
.amaranth_10 .sub_cont_3 .icon_list ul li.icon_1:before{background:url(../img/amaranth10_icon5.svg) no-repeat center center var(--point-color-10);}
.amaranth_10 .sub_cont_3 .icon_list ul li.icon_2:before{background:url(../img/amaranth10_icon6.svg) no-repeat center center var(--point-color-10);}
.amaranth_10 .sub_cont_3 .icon_list ul li.icon_3:before{background:url(../img/amaranth10_icon7.svg) no-repeat center center var(--point-color-10);}
.amaranth_10 .sub_cont_3 .icon_list ul li.icon_4:before{background:url(../img/amaranth10_icon8.svg) no-repeat center center var(--point-color-10);}
.amaranth_10 .sub_cont_5 .btn_area a:before{background-color:var(--point-color-10);}
.amaranth_10 .top_area .icon_area .icon{margin-top:30px;}
.amaranth_10 .sub_cont_2 .rolling_list .slick-dots li button{border-color:var(--point-color-10);}
.amaranth_10 .sub_cont_2 .rolling_list .slick-dots li.slick-active button{background-color:var(--point-color-10);}