@charset "utf-8";

/* sub-common */
.sub-cont {margin-top:14rem; margin-bottom:19rem;}
.sub-cont-pd {padding-top:14rem; padding-bottom:15rem;}/* 20231001 추가 */

.stit-box {margin-bottom:4rem; text-align:center;}/* 20230826 margin-bottom:8rem */
.stit-box.ta-l {text-align:left;}
.stit-box .stit-desc {color:#3b3294; font-weight:700; font-size:1.6rem; letter-spacing:0; text-transform:uppercase;}
.stit-box .stit-desc + .stit {margin-top:3rem;}
.stit-box .stit {font-size:4.8rem; color:#111; line-height:1.25;}
.stit-box .stit strong {font-weight:800;}

/* sub visual */
.svisual {height:75rem; overflow:hidden; display:flex; align-items:center; justify-content:center; position:relative;}
.svisual .bg {animation:bgScale 2s ease-in-out; z-index:-1; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat;}
.svisual .location {display:flex;}
.svisual .location span {font-size:1.4rem; color:#fff;}
.svisual .location span::after {display:inline-block; content:''; background:url(/images/sub/sv-location-arr.png) no-repeat center/contain; width:5px; height:10px; margin:0 1.2rem; }
.svisual .location span:last-child::after {display:none;}
.svisual .tit {font-size:7rem; color:#fff; font-weight:800; text-transform:uppercase; margin-top:2rem;}/* 20230826 font-weight: 700 */
.svisual .desc {font-size:2rem; color:#fff; margin-top:2rem; line-height:1.6;}/* 20230826 margin-top:4rem */
.svisual .btnbox {margin-top: 3rem;}
.svisual .btnbox a {color:#fff; display:inline-flex; align-items:center; padding: 1.5rem 3rem; border:1px solid #fff; margin-right:1rem; border-radius: 1rem; transition:all .2s ease;}
.svisual .btnbox a:hover {background:#3b3294; border-color:#3b3294;}
.svisual .btnbox a .ico {margin-left:1.2rem;}

.svisual.bg-company .bg {background-image:url(/images/sub/svisual-bg-company.png);}
.svisual.bg-business .bg {background-image:url(/images/sub/svisual-bg-business.png);}
.svisual.bg-news .bg {background-image:url(/images/sub/svisual-bg-news.png);}
.svisual.bg-service .bg {background-image:url(/images/sub/svisual-bg-service.png);}
.svisual.bg-sub .bg {background-image:url(/images/sub/svisual-bg-service.png);}
.svisual.bg-patent .bg {background-image:url(/images/sub/svisual-bg-company.png);}
/* 20231001 카테고리 분리 */
.svisual.bg-about .bg {background-image:url(/images/sub/svisual-bg-company.png);}
.svisual.bg-toptier .bg {background-image:url(/images/sub/svisual-bg-company.png);}
.svisual.bg-ci .bg {background-image:url(/images/sub/svisual-bg-company.png);}

@keyframes bgScale {
    from {transform:scale(1.1);}
    to {transform:scale(1);}
}


/* privacy */
.privacy-box {background:#fafafa; border:none; padding:2rem; height:23.5rem;}
.privacy-box .temp {width:100%; border:none; background:none; color:#666; font-size:1.5rem; line-height:1.73; padding:0 2rem 0 0; margin:0; line-height:1.8;}

/* 개인정보처리방침, 이용약관 */
.policy-box {line-height:1.6;}
.policy-box h3 {margin-bottom:1rem; font-weight:700; font-size:2rem; color:#111;}
.policy-box p {margin-bottom:1rem; font-size:1.7rem;}
.policy-box ol {margin-left:1rem; margin-bottom:1rem;}
.policy-box ol li {margin-bottom:0.5rem;}
.policy-box .box {margin-bottom:4rem;}
.policy-box .tit-2 {margin-bottom:1rem; font-weight:700; font-size:2.4rem; color:#111;}


/* ======== COMPANY ======== */
/* about us */
#about-pg {position:relative; overflow:hidden; margin:0;}
#about-pg .side-navi {position:fixed; top:37rem; left:4rem; opacity:0;  visibility:hidden; width:0; transition:opacity .3s ease;}
#about-pg .side-navi.fixed {position:fixed;}
#about-pg .side-navi.opacity-on {opacity:1; visibility:visible; width:auto; z-index:9;}
#about-pg .side-navi li {margin:1rem 0;}
#about-pg .side-navi li:before {opacity:0; margin-right:1rem; display:inline-block; content:''; width:3px; height:2.4rem; background:#3b3294; vertical-align:middle;} 
#about-pg .side-navi li a {color:#fff; font-weight:500; font-size:1.45rem; padding:0.5rem;}
#about-pg .side-navi li.active a {color:#3b3294; font-size:1.6rem; font-weight:800;}
#about-pg .side-navi li.active:before {opacity:1;}

#about-pg .bg-obj01 {top:-9rem; left:-13rem; width:38.1rem; height:38.1rem;}
#about-pg .bg-obj02 {top:5rem; right:20rem; width:19.1rem; height:19.1rem;}
#about-pg .bg-obj03 {top:61rem; right:-27rem; width:55.2rem; height:55.2rem;}

#about-pg .sec01 {padding-top:14rem;}
#about-pg .sec01 .inner {display:flex; align-items:center;}
#about-pg .sec01 .inner > * {width:50%; flex-shrink:0;}
#about-pg .sec01 .txtbox {padding-left:8rem;}
#about-pg .sec01 .txtbox .desc {font-size:1.8rem; color:#333; font-weight:400; line-height:1.6;}
#about-pg .sec02 {padding:14rem 0;}
#about-pg .sec02 .img {background:#f9fafd; padding:5rem 2rem; text-align:center;}
#about-pg .sec02 .flex-box {display:flex; margin-top:7rem;}
#about-pg .sec02 .flex-box dl {width:50%; padding-left:7.5rem;}
#about-pg .sec02 .flex-box dt {font-size:2.6rem; font-weight:500; color:#111;}
#about-pg .sec02 .flex-box dd {font-weight:400; line-height:1.6; margin-top:4rem;}

#about-pg .sec03 {padding:42rem 0; background:#fafafa;}
#about-pg .sec03 .img {text-align:center;}

#about-pg .sec04 {padding-top:14rem; padding-bottom:19rem;}
#about-pg .sec04 .team-box {position:relative;}
#about-pg .sec04 .nav-list a:not(.pop-btn) {cursor:auto;}

/* 20230826 배경이미지 추가 */
#about-pg .sec01 {background:url(/images/sub/company_bg_01.jpg) no-repeat center/cover;}
#about-pg .sec02 {background:url(/images/sub/company_bg_02.jpg) no-repeat center/cover;}
#about-pg .sec03 {background:url(/images/sub/company_bg_03.jpg) no-repeat center/cover;}
#about-pg .sec04 {background:url(/images/sub/company_bg_04.jpg) no-repeat center/cover;} /* 20230925 팀 배경추가 */

/* 20231001 배경이미지 추가 */
.sub-cont-pd.greetings{background:url(/images/sub/greetings-img02-bg.jpg) no-repeat center/cover;}
.sub-cont-pd.ci-bg{background:url(/images/sub/ci-img-bg.jpg) no-repeat center/cover;}
.sub-cont-pd.roadmap-bg{background:url(/images/sub/roadmap-img-bg.jpg) no-repeat center/cover;}
.sub-cont-pd.notice-bg{background:url(/images/sub/notice-img-bg.jpg) no-repeat center/cover;}
.sub-cont-pd.press-bg{background:url(/images/sub/press-img-bg.jpg) no-repeat center/cover;}
.sub-cont-pd.video-bg{background:url(/images/sub/video-img-bg.jpg) no-repeat center/cover;}
.sub-cont-pd.contact-bg{background:url(/images/sub/contact-img-bg.jpg) no-repeat center/cover;}
.sub-cont-pd.partners-bg{background:url(/images/sub/partners-img-bg.jpg) no-repeat center/cover;}

@media (max-width: 767px) {
    #about-pg .sec04 .nav-img {display:none;}
    #about-pg .sec04 .nav-list {text-align:center;}
    #about-pg .sec04 .nav-list a {display:block;}
    #about-pg .sec04 .nav-list .row .team-box {margin-bottom:3rem; position:relative;}
    #about-pg .sec04 .nav-list .row .team-box::after {display:block; content:''; width:1px; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%); background:#dfdfdf; z-index:-1;}
    #about-pg .sec04 .nav-list .row .team-box .big-box {width:100%; padding:4rem 2rem; font-size:2rem; background:#0b0b0b; border:4px solid #dfdfdf; font-weight:600;}
    #about-pg .sec04 .nav-list .row .team-box ul li a {background:#070707; padding:3rem 2rem; font-size:1.8rem; margin-top:1.5rem;}
    #about-pg .sec04 .nav-list .row .team-box.ceo a {color:#3b3294;}
    #about-pg .sec04 .nav-list .row .team-box.ceo .big-box {border-color:#3b3294;}
    #about-pg .sec04 .nav-list .pop-btn {position:relative;}
    #about-pg .sec04 .nav-list .pop-btn::after {display:inline-block; content:''; background:url(/images/sub/ico-team-view.png) no-repeat center/contain; width:3rem; height:3rem; vertical-align:middle; margin-left:1rem; position:absolute; bottom:1rem; right:1rem;}
}

@media (max-width: 500px) {
    #about-pg .sec04 .nav-list .row .team-box .big-box {padding:3rem 2rem; font-size:1.8rem;}
    #about-pg .sec04 .nav-list .row .team-box ul li a {font-size:1.6rem;}
}

@media (min-width: 767px) {
    #about-pg .sec04 .nav-img {text-align:center; position:relative;}
    #about-pg .sec04 .nav-list {position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
    #about-pg .sec04 .nav-list .hide {position:absolute; left:-9999%; font-size:0; line-height:0; text-indent:-9999%;}
    #about-pg .sec04 .nav-list .row {overflow:hidden;position:absolute;height:0;width:100%;}
    #about-pg .sec04 .nav-list .row .team-box {width:100%;height:100%;position: absolute;}
    #about-pg .sec04 .nav-list .row .team-box .big-box {position:absolute;left:0;top:0;width:100%;height: 0;padding-bottom: 35%;display:block;}
    #about-pg .sec04 .nav-list .row .team-box ul {position:absolute; left:0; width:100%;}
    #about-pg .sec04 .nav-list .row .team-box ul li {position:absolute;left:0;width:100%;height: 0;padding-bottom:27.5%;}
    #about-pg .sec04 .nav-list .row .team-box ul li a {position:absolute;left:0;top:0;width:100%;height:100%;display:block;}

    #about-pg .sec04 .nav-list .row:nth-child(1) {top:0; left:0; padding-bottom:7.5%;}
    #about-pg .sec04 .nav-list .row:nth-child(1) .team-box {left:50%; transform:translateX(-50%); width:21%;}

    #about-pg .sec04 .nav-list .row:nth-child(2) {top: 17%;left:0;padding-bottom: 27.5%;}
    #about-pg .sec04 .nav-list .row:nth-child(2) .team-box:nth-child(1) {left:0; width:21%;}
    #about-pg .sec04 .nav-list .row:nth-child(2) .team-box:nth-child(2) {left: 23.5%;width:21%;}
    #about-pg .sec04 .nav-list .row:nth-child(2) .team-box:nth-child(3) {right: 0;width:21%;}
    #about-pg .sec04 .nav-list .row:nth-child(2) .team-box ul {top:31%; height:calc(100% - 31%);}
    #about-pg .sec04 .nav-list .row:nth-child(2) .team-box ul li:nth-child(1) {top:0;}
    #about-pg .sec04 .nav-list .row:nth-child(2) .team-box ul li:nth-child(2) {top:50%; transform:translateY(-50%);}
    #about-pg .sec04 .nav-list .row:nth-child(2) .team-box ul li:nth-child(3) {bottom:0;}

    #about-pg .sec04 .nav-list .row:nth-child(3) {top: 59.5%;left:0;padding-bottom: 34.5%;}
    #about-pg .sec04 .nav-list .row:nth-child(3) .team-box:nth-child(1) {left: 7.5%;width:21%;}
    #about-pg .sec04 .nav-list .row:nth-child(3) .team-box:nth-child(2) {left: 50%;width:21%;transform: translateX(-50%);}
    #about-pg .sec04 .nav-list .row:nth-child(3) .team-box:nth-child(3) {right: 7.5%;width:21%;}
    #about-pg .sec04 .nav-list .row:nth-child(3) .team-box ul {top:25%; height:calc(100% - 25%);}
    #about-pg .sec04 .nav-list .row:nth-child(3) .team-box ul li:nth-child(1) {top:0;}
    #about-pg .sec04 .nav-list .row:nth-child(3) .team-box ul li:nth-child(2) {top: 26%;}
    #about-pg .sec04 .nav-list .row:nth-child(3) .team-box ul li:nth-child(3) {top: 51%;}
    #about-pg .sec04 .nav-list .row:nth-child(3) .team-box ul li:nth-child(4) {bottom:0;}
}


/*.team-popup .flex-box {display:flex;}*/
.team-popup .flex-box .imgbox {width:100%; margin-right:4rem; text-align:center; flex-shrink:0;}
.team-popup .flex-box .imgbox .img {overflow:hidden; border-radius:1rem;}
.team-popup .flex-box .imgbox p {font-size:2.2rem; color:#0f0f0f; font-weight:600; margin-top:2rem;}
.team-popup .flex-box .imgbox dt {font-size:2.2rem; color:#cfd138; font-weight:600; margin-top:2rem;}
.team-popup .flex-box .txtbox dl {margin-bottom:4rem;}
.team-popup .flex-box .txtbox dl:last-child {margin-bottom:0;}
.team-popup .flex-box .txtbox dt {font-size:2rem; color:#0b0b0b; font-weight:600; margin-bottom:1.5rem;}
.team-popup .flex-box .txtbox dd {font-weight:400; line-height:1.4; position:relative; padding-left:1rem; margin-bottom:1rem;}
.team-popup .flex-box .txtbox dd:last-child {margin-bottom:0;}
/*.team-popup .flex-box .txtbox dd::before {display:inline-block; content:'';  width:0.4rem; height:0.4rem; border-radius:50%; background:#333; position:absolute; top:0.8rem; left:0;}*/
.team-popup .flex-box .txtbox dd .has-date {display:flex;}
.team-popup .flex-box .txtbox dd .has-date .date {flex-shrink:0; margin-right:1rem;}
.stit2 {font-size:23px; margin-top:20px;}

/* 주어진 CSS 코드를 스타일 시트에 추가 */

.team-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* 중앙 정렬 */
}

.team-popup {
    width: calc(33.33% - 50px); /* 3개씩 나오도록 너비 설정, 여백을 조절할 수 있습니다. */
    margin: 20px 20px; /* 여백 추가 */
    border: 1px solid rgba(196, 193, 193, 0.949)e0e !important; /* 테두리 스타일 수정 */
    background-color: #fcf9f9 !important;
    padding: 20px !important;
    text-align: center !important;
    border-radius: 10px !important;
}

.team-popup p.pop-title {
    font-size: 24px !important;
    font-weight: bold !important;
    margin-bottom: 20px !important;
}

.team-popup .img {
    display: flex;
    flex-direction: column;
    align-items: center; /* 이미지를 가로 중앙 정렬 */
    margin-bottom: 10px; /* 이미지 아래 여백 추가 */
    
}

.team-popup .img img {
    max-width: 50% !important;
    border: 1px solid #1f1e1e !important; /* 이미지 테두리 스타일 수정 */
    border-radius: 10px !important;
}

.team-popup .img p {
    color: #000 !important;
    font-size: 18px !important;
    margin-top: 10px !important;
    
}

.team-popup .txtbox {
    width: 100%;
    text-align: left !important; /* txtbox 내의 텍스트 좌측 정렬 */
    
}

.team-popup .txtbox dl {
    color: #090909 !important; /* txtbox 내의 텍스트 글씨 색갈 */
    margin: 20px 0 !important;
}

.team-popup .txtbox dt {
    font-size: 17px !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
}

.team-popup .txtbox dd {
    font-size: 14px !important;
    margin-bottom: 10px !important;
    list-style: none !important;
}

/* 미디어 쿼리 추가: 화면 폭이 768px 이하일 때 레이아웃 변경 */
@media (max-width: 768px) {
    .team-popup {
        width: calc(100% - 10px); /* 1개씩 나오도록 너비 설정 */
    }
    
    .team-popup .img p {
        margin-top: 10px; /* 이미지 아래에 텍스트 노출 */
    }
}

/* greetings */
#greetings-pg .top-img {height:60rem; padding:6rem; padding-top:20rem; position:relative;}
#greetings-pg .top-img .bg {background:url(/images/sub/greetings-img01-bg.png) no-repeat center right/cover; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;} 
#greetings-pg .top-img h3 {font-size:5.4rem; color:#fff; font-weight:700; line-height:1.148;}
#greetings-pg .top-img .desc {font-size:1.8rem; color:#fff; line-height:1.8; opacity:0.85; margin-top:3rem;}
#greetings-pg .txtbox {text-align:center;}
#greetings-pg .txtbox p {font-size:1.8rem; font-weight:400; line-height:1.6; margin:5rem 0;}


/* ci */
#ci-pg .flex-box {display:flex;}
#ci-pg .flex-box .box .title {font-size:2.2rem; color:#111; font-weight:600; margin-bottom:1.2rem;}
#ci-pg .flex-box .box .logobox {border:1px solid #e6e6e6; border-radius:1rem; display:flex; align-items:center; justify-content:space-evenly;}
#ci-pg .flex-box .box .logobox.gry {background:#fafafa; border:none;}
#ci-pg .flex-box .box .logobox.blk {background:transparent; border:1px solid rgba(255,255,255,0.2);}/* 20231001 배경 투명 */
#ci-pg .flex-box.full {margin-bottom:10rem;}
#ci-pg .flex-box.full .box {width:100%;}
#ci-pg .flex-box.full .box .logobox {padding:5rem 2rem;}
#ci-pg .flex-box.full .box .logobox .half {width:50%; margin:0 auto; display:flex; align-items:center; justify-content:space-around;}
#ci-pg .flex-box:not(.full) {margin-bottom:8rem;}
#ci-pg .flex-box:not(.full):last-child {margin-bottom:0;}
#ci-pg .flex-box:not(.full) .box {width:49%;}
#ci-pg .flex-box:not(.full) .box:first-child {margin-right:2%;}
#ci-pg .flex-box:not(.full) .box .logobox {padding:9.5rem 2rem;}
#ci-pg .btnbox {text-align:center; margin-top:9rem;}
#ci-pg .btnbox a {display:inline-flex; justify-content:center; align-items:center; width:29rem; height:7.9rem; background:#3b3294; font-size:2rem; color:#fff; font-weight:400;}



/* ======== BUSINESS ======== */
/* roadmap */
#roadmap-pg {overflow:hidden;/*margin-bottom: 13rem;*/}
#roadmap-pg .top-box {display:flex; justify-content:space-between; margin-bottom:6rem;}
#roadmap-pg .top-box .title {font-size:5rem; color:#111; font-weight:700;}
#roadmap-pg .top-box .navibox {display:flex;}
#roadmap-pg .top-box .navibox .navi-btn {position:relative; display:flex; align-items:center; justify-content:center;}
#roadmap-pg .top-box .navibox .navi-btn.swiper-button-disabled {opacity:0.4;}
#roadmap-pg .top-box .navibox .navi-btn:last-child {margin-left:3rem;}
#roadmap-pg .top-box .navibox .navi-btn:first-child::after {left:-1.2rem;}
#roadmap-pg .top-box .navibox .navi-btn:last-child::after {right:-1.2rem;}
#roadmap-pg .top-box .navibox .navi-btn::after {opacity:0; display:inline-block; content:''; transition:all .3s ease; position:absolute; top:50%; transform:translateY(-50%); width:4rem; height:4rem; border-radius:50%; border:1px solid #fff;}
#roadmap-pg .top-box .navibox .navi-btn:not(.swiper-button-disabled):hover::after {opacity:1;}
#roadmap-pg .swiper-container {overflow:inherit;}
#roadmap-pg .swiper-slide {width:auto; padding-right:15rem;}
#roadmap-pg .swiper-slide::after {display:block; content:''; width:0.8rem; height:0.8rem; position:absolute; top:-0.38rem; left:0; background:#fff; border:2px solid #3b3294; border-radius:50%;}
#roadmap-pg .swiper-slide::before {display:block; content:''; width:calc(100% + 15rem); height:1px; background:#e6e6e6; margin-bottom:6rem;}
#roadmap-pg .swiper-slide .date {font-size:2.4rem;color:#3b3294;font-weight:700;margin-bottom: 3rem;}
#roadmap-pg .swiper-slide dl {margin-left:2rem; margin-bottom:5rem;}
#roadmap-pg .swiper-slide dl:last-child {margin-bottom:0;}
#roadmap-pg .swiper-slide dt {font-size:2rem;color:#111;font-weight: 600;margin-bottom:2rem;}
#roadmap-pg .swiper-slide dd {position:relative;padding-left: 1.4rem;margin-left:2.5rem;margin-bottom: 1.5rem;}
#roadmap-pg .swiper-slide dd::before {display:inline-block;content:'';width:0.4rem;height:0.4rem;border-radius:50%;background:rgba(255,255,255,0.5);position:absolute;top: 0.65rem;left:0;}



/* whitepaper */
#whitepaper-pg .txtbox {}
#whitepaper-pg .txtbox dt {font-size:3.2rem; color:#111; font-weight:600;}
#whitepaper-pg .txtbox dd {margin-top:3.5rem; line-height:1.7;}

#whitepaper-pg .sec01 {text-align:center; padding-bottom:10rem;}
#whitepaper-pg .sec01 .img {margin-top:4rem;}
#whitepaper-pg .sec02 {background:#f8f8f8; padding:9rem 0;}
#whitepaper-pg .sec02 .f-list {display:flex; justify-content:space-between; margin-top:4rem;}
#whitepaper-pg .sec02 .f-list li {display:flex; flex-direction:column; width:22.7%; background:#fff; text-align:center; padding:5rem 2rem 4rem 2rem; box-shadow: 0px -1px 13px 0px rgba(90, 90, 90, 0.05);}
#whitepaper-pg .sec02 .f-list li .ico {margin-bottom:3.5rem;}
#whitepaper-pg .sec02 .f-list li .tit {font-size:2rem; font-weight:600; color:#222;}
#whitepaper-pg .sec02 .f-list li .desc {font-size:1.8rem; margin-top:1.2rem;}
#whitepaper-pg .sec03 {padding-top:11rem;}
#whitepaper-pg .sec03 .inner {display:flex; align-items:center;}
#whitepaper-pg .sec03 .inner > * {width:50%;}
#whitepaper-pg .sec03 .img {margin-right:4rem;}

/* 20230826 배경 추가 */
#whitepaper-pg .sec01 {background:url(/images/sub/business_bg_01.jpg) no-repeat center/cover;}
#whitepaper-pg .sec02 {background:url(/images/sub/business_bg_02.jpg) no-repeat center/cover;}
#whitepaper-pg .sec03 {background:url(/images/sub/business_bg_03.jpg) no-repeat center/cover;}


/* partners */
#partners-pg .logo-list {display:flex; flex-wrap:wrap; align-items:center;}
#partners-pg .logo-list li {width:20%; text-align:center; margin-bottom:2rem; transition:all .2s ease;}
#partners-pg .logo-list li:nth-child(n+6) {margin-bottom:0;}
#partners-pg .logo-list li:hover {box-shadow:0px 0px 8px 6px rgb(51 51 51 / 20%);}


/* ======== NEWS ======== */
/* videos */
#videos-pg {position:relative; overflow:hidden; margin:0; padding-top:14rem; padding-bottom:12rem;}
#videos-pg .bg-obj01 {top:-12rem; right:-16rem; width:41rem; height:41rem;}
#videos-pg .bg-obj02 {top:42rem; right:8rem; width:12.9rem; height:12.9rem;}
#videos-pg .bg-obj03 {top:78rem; left:-12rem; width:25.8rem; height:25.8rem;}
#videos-pg .bg-obj04 {bottom:55.5rem; right:5rem; width:13rem; height:13rem;}
#videos-pg .bg-obj05 {bottom:21rem; left:-3.2rem; width:12.9rem; height:12.9rem;}
#videos-pg .bg-obj06 {bottom:-34rem; left:8rem; width:53.5rem; height:53.5rem;}

#videos-pg .list {display:flex; flex-wrap:wrap;}
#videos-pg .list li {width:calc(50% - 6rem); margin-bottom:5rem;}
#videos-pg .list li:last-child {margin-bottom:0;}
#videos-pg .list li:nth-child(2n) {margin-left:12rem; margin-top:12rem;}
#videos-pg .list li .video {position:relative; width:100%; height:0; padding-bottom:56.25%; border-radius:1rem; overflow:hidden; transition:all .2s ease;}
#videos-pg .list li .video iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
#videos-pg .list li .txtbox {margin-top:5rem;}
#videos-pg .list li .txtbox dt {font-size:2.4rem; color:#111; font-weight:600;}
#videos-pg .list li .txtbox dd {font-weight:400; line-height:1.625; margin-top:2.5rem;}
#videos-pg .list li:hover .video {box-shadow:6px 9px 25.6px 6.4px rgb(51 51 51 / 34%);}


/* ======== SERVICE ======== */
/* contact */
#contact-pg .req-txt {text-align:right; margin-bottom:1.5rem;}
#contact-pg .star {color:#ff7e5f; font-weight:700;}
#contact-pg form {margin:0 4rem;}
#contact-pg .contact-tb .row {display:flex; margin-bottom:3rem;}
#contact-pg .contact-tb .row dl {display:flex; width:100%;}
#contact-pg .contact-tb .row dl dt {font-weight:500; width:13rem; line-height:5rem; flex-shrink:0;}
#contact-pg .contact-tb .row dl dd {width:calc(100% - 13rem);}
#contact-pg .contact-tb .row.half {justify-content:space-between;}
#contact-pg .contact-tb .row.half dl {width:calc(50% - 2.5rem);}
#contact-pg .contact-tb .frm-input {width:100%;}
#contact-pg article {padding:4.5rem 0; border-bottom:1px solid #e6e6e6;}
#contact-pg article:first-child {padding-top:0;}
#contact-pg article:last-child {padding-bottom:0; border-bottom:none;}
#contact-pg .arti-tit {margin-bottom:2rem; font-size:2rem; color:#000; font-weight:700;}
#contact-pg article .agreebox {display:flex; justify-content:space-between; margin-top:2rem;}
#contact-pg article .agreebox .txt {font-size:#000;}
#contact-pg article .agreebox .txt {font-size:#000;}
#contact-pg article .captchabox {background:rgba(255,255,255,0.05); padding:4rem;}/* 20231001 background 수정 background:#fafafa; */
#contact-pg article .btnbox {text-align:center; margin-top:5rem;}
#contact-pg article .btnbox .submit-btn {display:inline-flex; align-items:center; justify-content:center; width:16rem; height:6rem; background:#111; font-size:1.8rem; color:#fff; border:none;}




@media (max-width: 1400px) {
    #about-pg .side-navi {left:2rem;}
}

@media (max-width: 1283px) {
    #about-pg .side-navi {display:none;}
    #about-pg .sec01 .txtbox .desc .pc-br {display:none;}
    #about-pg .sec02 .flex-box dd .pc-br {display:none;}

    #ci-pg .flex-box .box .logobox {justify-content:center;}
    #ci-pg .flex-box .box .logobox span {margin:0 5%; width:30%; text-align:center;}
    #ci-pg .flex-box .box .logobox span:first-child {width:47%;}
    #ci-pg .flex-box.full {margin-bottom:4rem;}
    #ci-pg .flex-box.full .box .logobox .half {width:100%;}
    #ci-pg .flex-box:not(.full) {flex-wrap:wrap; margin-bottom:4rem;}
    #ci-pg .flex-box:not(.full) .box {width:100%;}
    #ci-pg .flex-box:not(.full) .box:first-child {margin-right:0; margin-bottom:4rem;}
    #ci-pg .flex-box:not(.full) .box .logobox {padding:5rem 2rem;}

    #whitepaper-pg .sec02 .f-list li .desc {font-size:1.7rem;}
    
    #contact-pg form {margin:0;}
}

@media (max-width: 1024px) {
    .svisual {height:65rem;}
    .svisual .tit {font-size:6rem;}
    .svisual .desc {font-size:1.8rem;}

    .stit-box .stit {font-size:3.8rem;}
    /* .stit-box .pc-br {display:none;} */

    #about-pg .stit-box.ta-l {text-align:center;}
    #about-pg .sec01 .inner {flex-wrap:wrap;}
    #about-pg .sec01 .inner > * {width:100%;}
    #about-pg .sec01 .img {text-align:center;}
    #about-pg .sec01 .txtbox {padding-left:0; margin-top:6rem;}
    #about-pg .sec01 .txtbox .desc {font-size:1.7rem;}
    #about-pg .sec02 .flex-box {flex-wrap:wrap;}
    #about-pg .sec02 .flex-box dl {padding-left:0; width:100%;}
    #about-pg .sec02 .flex-box dl:first-child {margin-bottom:6rem;}
    #about-pg .sec02 .flex-box dd {margin-top:2rem;}
    #about-pg .sec02 .flex-box dt {font-size:2.4rem;}

    #greetings-pg .top-img {height:inherit; padding:0; display:block; text-align:center;}
    #greetings-pg .top-img .bg {display:block; width:100%; height:35rem; position:relative; margin-bottom:6rem;}
    #greetings-pg .top-img h3, #greetings-pg .top-img .desc {color:#111;}
    #greetings-pg .top-img h3 {font-size:4.5rem;}
    #greetings-pg .txtbox .pc-br {display:none;}

    #ci-pg .flex-box .box .title {font-size:2rem;}

    #roadmap-pg .top-box .navibox .navi-btn::after {display:none;} 
    #roadmap-pg .top-box .navibox .navi-btn:not(.swiper-button-disabled):hover::after {opacity:0;} 
    #roadmap-pg .top-box .title {font-size:3.8rem;}
    #roadmap-pg .swiper-slide {padding-right:12rem;}
    #roadmap-pg .swiper-slide .date {font-size:2.2rem;}
    #roadmap-pg .swiper-slide dt {font-size:1.9rem;}

    #whitepaper-pg .txtbox dt {font-size:3rem;}
    #whitepaper-pg .sec02 .f-list li .tit {font-size:1.9rem;}

    #videos-pg .list li .txtbox dt {font-size:2.2rem;}
}

@media (max-width: 980px) {
    .svisual {height:60rem;}

    .sub-cont {margin-top:10rem; margin-bottom:10rem;}

    #whitepaper-pg .txtbox dd br {display:none;}
    #whitepaper-pg .sec02 .f-list {flex-wrap:wrap;}
    #whitepaper-pg .sec02 .f-list li {width:48.5%;}
    #whitepaper-pg .sec02 .f-list li:nth-child(n+3) {margin-top:3%;}
    #whitepaper-pg .sec02 .f-list li .ico {height:6rem;}
    #whitepaper-pg .sec02 .f-list li .ico img {max-height:100%;}
    #whitepaper-pg .sec03 .inner {flex-wrap:wrap;}
    #whitepaper-pg .sec03 .inner > * {width:100%;}
    #whitepaper-pg .sec03 .img {width:100%; margin-right:0; margin-bottom:4rem;}

    #about-pg .sec01 .img {width:80%; margin:auto;}
    #about-pg .sec01 {padding-top:10rem;}
    #about-pg .sec02 {padding:10rem 0;}
    #about-pg .sec03 {padding:10rem 0;}
    #about-pg .sec04 {padding:10rem 0;}

    #videos-pg {padding-top:10rem; padding-bottom:10rem;}
    #videos-pg .list li {width:calc(50% - 2rem);}
    #videos-pg .list li:nth-child(2n) {margin-left:4rem; margin-top:4rem;}
    #videos-pg .list li .txtbox {margin-top:4rem;}
}

@media (max-width: 767px) {
    .svisual {height:45rem;}
    .svisual .tit {font-size:3.8rem;}
    .svisual .desc {font-size:1.7rem;}
    .svisual .btnbox a  {padding:1.2rem 2rem; font-size:1.5rem;}
    .svisual .btnbox a .ico {width:1.6rem; margin-left:1rem;}

    .stit-box {margin-bottom:6rem;}
    .stit-box .stit {font-size:3rem;}
    .stit-box .stit .pc-br {display:none;}

    #about-pg .bg-obj01 {left:-4rem; width:28rem; height:28rem;}
    #about-pg .bg-obj02 {right:5%; top:10rem; width:18rem; height:18rem;}
    #about-pg .sec02 .flex-box dt {font-size:2.2rem;}

    #greetings-pg .top-img .bg {height:30rem;}
    #greetings-pg .top-img h3 {font-size:3.8rem;}
    #greetings-pg .txtbox p {font-size:1.7rem;}

    #ci-pg .flex-box .box .title {font-size:1.9rem;}

    #roadmap-pg .top-box .navibox .navi-btn {width:4rem;}
    #roadmap-pg .top-box .title {font-size:3rem;}
    #roadmap-pg .swiper-slide .date {font-size:2rem;}
    #roadmap-pg .swiper-slide dl {margin-bottom:4rem;}
    #roadmap-pg .swiper-slide dt {font-size:1.8rem;}

    #whitepaper-pg .txtbox dt {font-size:2.4rem;}
    #whitepaper-pg .txtbox dd {margin-top:2rem;}
    #whitepaper-pg .sec02 .f-list li {padding:4rem 1rem;}
    #whitepaper-pg .sec02 .f-list li .tit {font-size:1.8rem;}
    #whitepaper-pg .sec02 .f-list li .desc {font-size:1.6rem;}
    #whitepaper-pg .sec02 .f-list li .ico {height:5rem; margin-bottom:2.5rem;} 

    #partners-pg .logo-list li {width:33.333%; padding:0 2rem;}
    #partners-pg .logo-list li:hover {box-shadow:none;}
    #partners-pg .logo-list li:nth-child(n+6) {margin-bottom:2rem;}
    #partners-pg .logo-list li:nth-child(n+10) {margin-bottom:0;}

    .team-popup .flex-box {flex-wrap:wrap;}
    .team-popup .flex-box .imgbox {width:100%; margin-right:0; margin-bottom:4rem;}
    .team-popup .flex-box .txtbox {width:100%;}
    .team-popup .flex-box .txtbox dt {font-size:1.9rem;}
    
    #videos-pg .list li .txtbox dd {margin-top:1.5rem;}
    #videos-pg .list li .txtbox dt {font-size:2rem;} 

    #contact-pg .contact-tb .row {margin-bottom:2rem;}
    #contact-pg .contact-tb .row.half {flex-wrap:wrap;}
    #contact-pg .contact-tb .row.half dl {width:100%;}
    #contact-pg .contact-tb .row.half dl:nth-child(2) {margin-top:2rem;}
    #contact-pg article .agreebox {flex-wrap:wrap; margin-top:3rem;}
    #contact-pg article .agreebox .ck-box {margin-top:1rem; display:block; width:100%;}
    #contact-pg .contact-tb .row dl dt {width:10rem;}
    #contact-pg .contact-tb .row dl dd {width:calc(100% - 10rem);}
}

@media (max-width:500px) {
    .stit-box .stit-desc {font-size:1.5rem;}
    .stit-box .stit {font-size:2.6rem; line-height:1.35;}
    .stit-box .stit-desc + .stit {margin-top:1.5rem;}

    .svisual {height:inherit; padding-top:12rem; padding-bottom:8rem;}
    .svisual .tit {font-size:3.2rem; margin-top:6rem;}
    .svisual .desc {margin-top:2rem;}

    #greetings-pg .top-img h3 {line-height:1.4; font-size:3rem;}

    #ci-pg .flex-box .box .logobox span:first-child {width:42%;}
    #ci-pg .flex-box .box .logobox span {width:26%;}
    #ci-pg .btnbox {margin-top:6rem;}
    #ci-pg .btnbox a {font-size:1.8rem; width:auto; height:auto; padding:2rem 5rem;}

    #partners-pg .logo-list li {width:50%; padding:0 2rem;}
    #partners-pg .logo-list li:nth-child(n+10) {margin-bottom:2rem;}
    #partners-pg .logo-list li:nth-child(n+9) {margin-bottom:0;}

    #videos-pg .list li {width:100%;}
    #videos-pg .list li:nth-child(2n) {margin-top:0; margin-left:0;}
}