/* sub common */
html, body {
    margin: 0;
    padding: 0;
    position: relative;
}

body {
    width: 100%;
    height: 100%;
}
*, *::after, *::before {
    box-sizing: border-box;
}
a {
    text-decoration: none;
}
ul, li, ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* sub common */

/* about */
header.about .logo .box {
    background-image: url('../img/logo-b.webp');
}
header.about .logo.is-active .box {
    background-image: url('../img/logo-w.webp');
}
header.about ul li a {
    color: #000;
}
header.about .hamburger .hamburger--container .hamburger--bars, 
header.about .hamburger .hamburger--container .hamburger--bars::before, 
header.about .hamburger .hamburger--container .hamburger--bars::after {
    background-color: #000;
}
.cont-area {
    width: 100%;
    text-align: center;
}
.cont-area.bg-item--first {
    width: 100%;
    height: 64rem;
    background-image: url('../img/about_bg_12.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: block;
}
.cont-area:first-child .cont-txt {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.cont-area:first-child .cont-txt .color {
    color: #22C5D2;
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: -110px;
}
.cont-area:first-child .cont-txt .title {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    text-align: left;
}
.cont-area:first-child .cont-txt .title span {
    font-size: 80px;
    font-weight: bolder;
    color: #000000;
    font-family: 'Noto Sans KR', sans-serif;
    line-height: 92px;
    text-transform: capitalize;
}
.cont-area:first-child .cont-txt .desc {
    font-size: 21px;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 400;
    line-height: 29px;
    margin-top: 30px;
    width: 580px; /* 660px */
    text-align: left;
    font-family: 'Noto Sans KR', sans-serif;
    word-break: keep-all;
}
.cont-area.bg-item--second {
    width: 100%;
    height: 1024px;
    background-image: url('../img/about_bg_2.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: block;
}
.cont-area:nth-child(2) .cont-txt {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.cont-area:nth-child(2) .cont-txt .overview {
    font-size: 60px;
    font-weight: bold;
    line-height: 73px;
    color: #fff;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
}
.cont-area:nth-child(2) .cont-txt .overview-desc {
    margin-top: 50px;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.96);
    font-weight: 400;
    line-height: 38px;
    font-family: 'Noto Sans KR', sans-serif;
    text-align: center;
}
.cont-area:nth-child(2) .cont-txt .down-brochure {
    width: 290px;
    height: 58px;
    border: 0;
    border-radius: 29px;
    background-color: #000;
    margin-top: 97px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cont-area:nth-child(2) .cont-txt .down-brochure span {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.05em;
}
.cont-area:nth-child(2) .cont-txt .down-brochure .icon {
    width: 28px;
    height: 23px;
    background-image: url('../img/down-brochure-icon.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-left: 20px;
}
.cont-area:nth-child(3) {
    padding: 9.5em 0;
}
.cont-area:nth-child(3) .skills {
    font-size: 50px;
    font-weight: bold;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
}
.cont-area:nth-child(3) .honor-wrap,
.cont-area:nth-child(3) .award-wrap,
.cont-area:nth-child(3) .history-wrap {
    width: 100%;
    overflow: hidden;
}
.cont-area:nth-child(3) .honor-wrap {
    margin-top: 4.563em;
    position: relative;
}
/* .cont-area:nth-child(3) .honor-wrap::before,
.cont-area:nth-child(3) .honor-wrap::after {
    content: '';
    width: 200px;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
}
.cont-area:nth-child(3) .honor-wrap::before {
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    left: 0;
}
.cont-area:nth-child(3) .honor-wrap::after {
    background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    right: 0;
} */

.cont-area:nth-child(3) .award-wrap {
    margin-top: 9.25em;
}
.cont-area:nth-child(3) .history-wrap {
    margin-top: 13.875em;
}
.cont-area:nth-child(3) .honor-wrap .honor-txt,
.cont-area:nth-child(3) .award-wrap .award-txt,
.cont-area:nth-child(3) .history-wrap .history-txt {
    width: 100%;
}
/* .cont-area:nth-child(3) .honor-wrap .honor-txt {
    width: 100%;
    max-width: 1340px;
} */
.cont-area:nth-child(3) .honor-wrap .honor-txt .title,
.cont-area:nth-child(3) .award-wrap .award-txt .title {
    padding-left: 20.2%;
}
.cont-area:nth-child(3) .honor-wrap .honor-txt {
    margin-bottom: 130px;
}
.cont-area:nth-child(3) .award-wrap .award-txt {
    margin-bottom: 59px;
}
.cont-area:nth-child(3) .history-wrap .history-txt {
    margin-bottom: 78px;
}
.cont-area:nth-child(3) .honor-wrap .honor-txt .cont-wrap .title,
.cont-area:nth-child(3) .honor-wrap .honor-txt .title,
.cont-area:nth-child(3) .award-wrap .award-txt .cont-wrap .title,
.cont-area:nth-child(3) .award-wrap .award-txt .title,
.cont-area:nth-child(3) .history-wrap .history-txt .cont-wrap .title {
    font-size: 40px;
    font-weight: 500;
    color: #000;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-transform: capitalize;
    margin-right: 11.1em;
}
.cont-area:nth-child(3) .honor-wrap .honor-txt .cont-wrap .title,
.cont-area:nth-child(3) .honor-wrap .honor-txt .title {
    font-family: 'Noto Sans KR', sans-serif;
}
.cont-area:nth-child(3) .award-wrap .award-txt .cont-wrap .title,
.cont-area:nth-child(3) .award-wrap .award-txt .title,
.cont-area:nth-child(3) .history-wrap .history-txt .cont-wrap .title {
    font-family: 'montserrat', sans-serif;
}
.cont-area:nth-child(3) .history-wrap .history-txt .cont-wrap .title {
    font-weight: bold;
    /* margin-right: 11.1em; */
}
.cont-area:nth-child(3) .honor-wrap .honor-wrap--slide {
    background-color: #F1FCFD;
    position: relative;
}
/* .cont-area:nth-child(3) .honor-wrap .honor-wrap--slide::before {
    content: '';
    width: 100px;
    height: 100%;
    background-color: #000;
    position: absolute;
    left: 0;
    z-index: 1;
} */

.cont-area:nth-child(3) .honor-wrap .honor-wrap--slide,
.cont-area:nth-child(3) .award-wrap .award-wrap--slide,
.cont-area:nth-child(3) .history-wrap .history-wrap--slide {
    width: 100%;
}

/* 표창 및 특허 slide */
.honor-wrap .swiper-container,
.award-wrap .swiper-container,
.history-wrap .swiper-container {
    padding-bottom: 54px;
    overflow: visible;
}
.honor-wrap .swiper-container {
    padding-top: 80px;
}
.award-wrap .swiper-container {
    padding-top: 55px;
}
.history-wrap .swiper-container {
    padding-top: 0;
}

.honorWrap, .awardWrap {
    position: relative;
    max-width: 1200px;
    margin: 0 auto 0 15%;
}

.honorY, .awardY {
    position: absolute;
    left: 35px;
    margin: 0;
    font-size: 100px;
    color: #000;
    font-family: 'montserrat', sans-serif;
}

.honorY {
    top: -154px;
    z-index: 0;
    padding-left: 0.65em;
}

.awardY {
    top: -74px;
    z-index: 2;
    padding-left: 0.75em;
}

.honorList, .awardList {
    position: relative;
    width: 100%;
    height: 28.563em;
}

.honorList {
    padding-left: 6.75em;
}

.awardList {
    padding-left: 4.35em;
}

.historyList {
    padding-left: 4.35em;
    margin-left: -23.225em;
}

.honor-wrap .swiper-container .swiper-slide,
.award-wrap .swiper-container .swiper-slide {
    width: 1165px;
}

.award-wrap .swiper-container .swiper-slide {
    height: 28.563em;
}

.honor-wrap .swiper-container .swiper-slide {
    height: 22.563em;
}

.history-wrap .swiper-container .swiper-slide {
    width: 580px;
    height: 100%;
}

.history-wrap .swiper-container .swiper-slide a {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    font-size: 30px;
    font-weight: bold;
    opacity: 0.2;
    color: #000;
    font-family: 'montserrat', sans-serif;
    transition: all .2s ease-out;
}

.history-wrap .swiper-container .swiper-slide a.on {
    font-size: 50px;
    opacity: 1;
    transition: all .2s ease-out;
}

.history-wrap .swiper-container .swiper-slide .line {
    position: relative;
    width: 100%;
    height: 1px;
    background-color: #E3E3E3;
    margin: 26px 0 40px 0;
}

.history-wrap .swiper-container .swiper-slide .line::before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 3px solid #fff;
    background-color: #666;
    position: absolute;
    left: 0;
    top: -5px;
}

.history-wrap .swiper-container .swiper-slide a.on~.line::before {
    background-color: #22C5D2;
}

.history-wrap .swiper-container .swiper-slide ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.history-wrap .swiper-container .swiper-slide ul li {
    display: flex;
    /* flex-direction: row; */
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 11px;
}

.history-wrap .swiper-container .swiper-slide ul li:first-child {
    margin-top: 0;
}

.history-wrap .swiper-container .swiper-slide ul li span:first-child {
    font-size: 18px;
    font-weight: 600;
    color: #C1C1C1;
    font-style: italic;
    font-family: 'montserrat', sans-serif;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 30px;
    margin-top: 4px;
    padding-right: 54px;
}

.history-wrap .swiper-container .swiper-slide a.on~ul li span:first-child {
    color: #000;
}

.history-wrap .swiper-container .swiper-slide ul li span:last-child {
    /* margin-left: 1.625em; */
    font-size: 18px;
    font-weight: lighter;
    color: rgba(0, 0, 0, 0.8);
    font-family: 'Noto sans kr', sans-serif;
    text-align: left;
    padding-right: 5.5em;
}

.honorBox, .awardBox {
    position: relative;
    /* overflow: hidden; */
    height: auto;
}

.awardBox {
    overflow: hidden;
    height: 100%;
}

.honorBox {
    overflow: visible;
}
.honor-wrap--slide .swiper-container .cont-wrap {
    position: absolute;
    height: auto;
    width: auto;
    right: 0;
    margin-top: 60px;
    left: calc(100% - 18.438rem);
}

.honorList.btns {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 60px;
    padding-right: calc(20% - 11.625rem);
}
/* 표창 및 특허 slide */

/* award box in */
.awardsListIn {
    position: absolute;
    top: -20px;
    bottom: 0;
    color: #fff;
    width: calc(100% - 20.625rem); /* 52% */
    height: 120px;
    margin: auto;
    padding: 0 45px;
    font-family: 'Noto sans kr', sans-serif;
}

.currents .aniText {
    opacity: 1;
    transform: translateX(0);
}

.aniText {
    opacity: 0;
    transform: translateX(100px);
    transition: transform 1s, opacity 1s ease-in-out;
}

.awardsList .swiper-slide:first-child .aniText {
    transition-delay: 0.3s;
}

.awardsListIn .awardsN {
    font-size: 40px;
    font-weight: 300;
    text-align: left;
    word-break: keep-all;
}

.awardsListIn .awardsText p {
    margin: 12px 0 0 0;
    font-size: 24px;
    line-height: 24px;
    font-weight: 300;
    text-align: left;
}

.awardsLogo {
    position: absolute;
    bottom: 45px;
    left: 45px;
}

img {
    border: 0;
    vertical-align: middle;
}

.homeView {
    position: absolute;
    right: 0;
    /* -80px */
    bottom: 0;
    /* -30px */
    width: 565px;
}

.currents .homeView .mockupImg {
    opacity: 1;
    transform: translateY(0);
    z-index: 1;
}

.homeView .govAward {
    width: auto !important;
    bottom: 7px !important;
    right: 40px;
}

.homeView img.koicaMock {
    width: auto !important;
    bottom: 7px !important;
    right: -25px;
}

.homeView img.ehcMock {
    width: auto !important;
    bottom: 7px !important;
    right: -140px;
}

.homeView img.cowayPMock {
    width: auto !important;
    bottom: -163px !important;
    right: 7px;
}

.homeView img.pagodaMock, .homeView img.daekyoMock {
    bottom: 7px !important;
    right: -140px;
}

.homeView img.nierMock, .homeView img.cowayMock {
    bottom: 42px !important;
    right: -140px;
}

.homeView img.nccaMock, .homeView img.nibrMock, .homeView img.smlMock {
    bottom: 7px !important;
    right: -140px;
}

.homeView .mockupImg {
    position: absolute;
    /* relative */
    bottom: -5px;
    /* margin-bottom */
    width: 100%;
    opacity: 0;
    transform: translateY(200px);
    transition: transform 1s, opacity 1.3s ease-in-out;
}

.homeView .waIcon {
    position: absolute;
    bottom: 100px;
    left: 90px;
    z-index: 1;
}

.homeView.nibr .mockupBg {
    position: absolute;
    left: -155px;
    bottom: 127px;
    width: 900px;
    opacity: 0;
    transform: translateY(200px);
    transition: transform 1s, opacity 1.3s ease-in-out;
}

.currents .homeView .mockupBg {
    opacity: 0.3;
    transform: translateY(0);
    transition-delay: 0.1s;
}

/* award box in */

/* slide page navi */
.pageNavi, .pageNavis {
    max-width: 1200px;
    margin: 27px auto 0 15%;
}

.pageNavi {
    padding-left: 6.75em;
}

.award-wrap .pageNavis {
    padding-left: 7.25em;
}

.pageNavi ul, .pageNavis ul {
    overflow: hidden;
}

.pageNavi ul li, .pageNavis ul li {
    display: block;
    float: left;
    margin-right: 29px;
}

.pageNavi ul li a, .pageNavis ul li a {
    color: rgba(0, 0, 0, 0.77);
    font-size: 24px;
    opacity: 0.6;
    font-family: 'montserrat', sans-serif;
    font-weight: 400;
}

.pageNavi ul li.on a, .pageNavis ul li.on a {
    opacity: 1;
}

.swiper-button-next-1, .swiper-button-prev-1,
.swiper-button-next-2, .swiper-button-prev-2,
.swiper-button-next-3, .swiper-button-prev-3,
.swiper-button-next-4, .swiper-button-prev-4 {
    position: relative !important;
    top: 0 !important;
    width: 35px !important;
    height: 14px !important;
    margin-top: 0 !important;
    /* z-index: 11; */
    cursor: pointer !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.swiper-button-prev-1, .swiper-container-rtl .swiper-button-next-1,
.swiper-button-prev-2, .swiper-container-rtl .swiper-button-next-2,
.swiper-button-prev-3, .swiper-container-rtl .swiper-button-next-3,
.swiper-button-prev-4, .swiper-container-rtl .swiper-button-next-4 {
    left: 0 !important;
    right: 0 !important;
    background-image: url('../img/slide-arrow-prev.webp') !important;
    margin-right: 1.688em;
}

.swiper-button-next-1, .swiper-container-rtl .swiper-button-prev-1,
.swiper-button-next-2, .swiper-container-rtl .swiper-button-prev-2,
.swiper-button-next-3, .swiper-container-rtl .swiper-button-prev-3,
.swiper-button-next-4, .swiper-container-rtl .swiper-button-prev-4 {
    right: 0 !important;
    left: 0 !important;
    background-image: url('../img/slide-arrow-next.webp') !important;
}

.swiper-button-next-1.swiper-button-disabled, .swiper-button-prev-1.swiper-button-disabled,
.swiper-button-next-2.swiper-button-disabled, .swiper-button-prev-2.swiper-button-disabled,
.swiper-button-next-3.swiper-button-disabled, .swiper-button-prev-3.swiper-button-disabled,
.swiper-button-next-4.swiper-button-disabled, .swiper-button-prev-4.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

/* slide page navi */

/* award color */
.mintBg {
    background-color: #00BABA;
}

.marinblueBg {
    background-color: #296591;
}

.darkblueBg {
    background-color: #293991;
}

.redBg {
    background-color: #DE343A;
}

.blueBg2 {
    background-color: #00398D;
}

.blueBg {
    background-color: #293991;
}

.skyblueBg {
    background-color: #0C94C7;
}

.greenBg {
    background-color: #20AA6E;
}

.lightBlueBg {
    background-color: #34A4DE;
}

.yellowBg {
    background-color: #FFB300;
}

.darkPinkBg {
    background-color: #D83048;
}

/* award color */

/* slide in box (honor section */
/* .box-item {
    position: relative;
    display: flex;
    flex-direction: column;
} */
button {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: block;
    position: relative;
    padding-left: 1.563em;
    line-height: 38px;
    font-family: 'Noto Sans KR', sans-serif;
}

button.one {
    margin-top: 40px;
    /* 70px */
}

.honorBox::before {
    content: '';
    width: 1px;
    height: 100%;
    background-image: url('../img/honor-line.webp');
    background-size: contain;
    background-repeat: repeat-y;
    background-position: center center;
    position: absolute;
    left: 4px;
    top: 1px;
    /* 79px */
}

button.one.on, button.two.on, button.three.on,
button.four.on, button.five.on, button.six.on {
    font-weight: bold;
    color: #22C5D2;
}

button.one.on::before, button.two.on::before, button.three.on::before,
button.four.on::before, button.five.on::before, button.six.on::before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 3px solid #fff;
    background-color: #22C5D2;
    position: absolute;
    left: -1px;
    top: 14px;
}

.boxPic {
    width: 25.813rem;
    /* 377px */
    height: 35.313rem;
    /* 531px, 100% */
    /* background-color: bisque; */
    position: absolute;
    right: 0;
    top: -210px;
    /* 0 */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

    padding: 0px 18px 34px 18px;
}
.boxPic .picImg {
    width: 100%;
    height: 100%;
    box-shadow: 4px 16px 16px rgba(0, 0, 0, 0.15);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* 2022 */
.honor-wrap .swiper-container li.swiper-slide:first-child button.one.on ~ .boxPic .picImg {   
    background-image: url('../img/honor-img-11.png');  
}
.honor-wrap .swiper-container li.swiper-slide:first-child button.two.on ~ .boxPic .picImg {   
    background-image: url('../img/honor-img-01.webp');
}
.honor-wrap .swiper-container li.swiper-slide:first-child button.three.on ~ .boxPic .picImg {   
    background-image: url('../img/honor-img-02.webp');
}

/* 2021 */
.honor-wrap .swiper-container li.swiper-slide:nth-child(2) button.one.on ~ .boxPic .picImg {   
    background-image: url('../img/honor-img-03.webp');
}
.honor-wrap .swiper-container li.swiper-slide:nth-child(2) button.two.on ~ .boxPic .picImg {   
    background-image: url('../img/honor-img-04.webp');
}

/* 2020 */
.honor-wrap .swiper-container li.swiper-slide:nth-child(3) button.one.on ~ .boxPic .picImg {   
    background-image: url('../img/honor-img-05.webp');
}
.honor-wrap .swiper-container li.swiper-slide:nth-child(3) button.two.on ~ .boxPic .picImg {   
    background-image: url('../img/honor-img-06.webp');
}

/* 2019 */
.honor-wrap .swiper-container li.swiper-slide:last-child button.one.on ~ .boxPic .picImg {   
    background-image: url('../img/honor-img-07.webp');
}
.honor-wrap .swiper-container li.swiper-slide:last-child button.two.on ~ .boxPic .picImg {   
    background-image: url('../img/honor-img-08.webp');
}
.honor-wrap .swiper-container li.swiper-slide:last-child button.three.on ~ .boxPic .picImg {   
    background-image: url('../img/honor-img-09.webp');
}
.honor-wrap .swiper-container li.swiper-slide:last-child button.four.on ~ .boxPic .picImg {   
    background-image: url('../img/honor-img-10.webp');
}
/* slide in box (honor section */
/* about */

/* business */
.visual {
    width: 100%;
    height: 29.75em;
    background-image: url('../img/biz-visual-bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
}

.visual .cont-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.visual .cont-wrap span {
    text-transform: uppercase;
}

.visual .cont-wrap span:first-child {
    font-size: 30px;
    line-height: 30px;
    margin-top: 70px;
    font-weight: 500;
    color: #22C5D2;
    font-family: 'montserrat', sans-serif;
}

.visual .cont-wrap span:last-child {
    font-size: 60px;
    line-height: 62px;
    margin-left: -2px;
    font-weight: bolder;
    color: #fff;
    font-family: 'montserrat', sans-serif;
}

.anchor-list {
    width: 100%;
    height: 100%;
    padding-top: 5.125em;
    padding-bottom: 2.813em;
}

.anchor-list .cont-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4.688em;
}

.anchor-list .cont-wrap .list-item {
    width: 100%;
    height: 26.25em;
    padding: 2.625em 3.088em;
    background-color: #fff;
    border: 1px solid #22C5D2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.anchor-list .cont-wrap .list-item:hover {
    background-color: #22C5D2;
    color: #fff;
    box-shadow: 0 6px 8px rgb(0 0 0 / 11%), 0 15px 25px rgb(0 0 0 / 1%);
}

.anchor-list .cont-wrap .list-item .icon {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.anchor-list .cont-wrap .list-item:first-child .icon {
    width: 34px;
    height: 34px;
    background-image: url('../img/icon-edu.svg');
}

.anchor-list .cont-wrap .list-item:nth-child(2) .icon {
    width: 42px;
    height: 32px;
    background-image: url('../img/icon-tech.svg');
}

.anchor-list .cont-wrap .list-item:last-child .icon {
    width: 44px;
    height: 37px;
    background-image: url('../img/icon-si.svg');
}

.anchor-list .cont-wrap .list-item:first-child:hover .icon {
    background-image: url('../img/icon-edu-w.svg');
}

.anchor-list .cont-wrap .list-item:nth-child(2):hover .icon {
    background-image: url('../img/icon-tech-w.svg');
}

.anchor-list .cont-wrap .list-item:last-child:hover .icon {
    background-image: url('../img/icon-si-w.svg');
}

.anchor-list .cont-wrap .list-item .item-category {
    text-align: center;
    margin-top: 13px;
    font-size: 25px;
    line-height: 30px;
    font-weight: 500;
    color: #22C5D2;
    font-family: 'montserrat', sans-serif;
    text-transform: capitalize;
    height: 60px;
    margin-bottom: 1.213em;
}

.anchor-list .cont-wrap .list-item:hover .item-category {
    color: #fff;
}

.anchor-list .cont-wrap .list-item .item-desc {
    padding-top: 1.75em;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.anchor-list .cont-wrap .list-item .item-desc::before {
    content: '';
    width: 34px;
    height: 1px;
    background-color: #707070;
    position: absolute;
    top: 0;
}

.anchor-list .cont-wrap .list-item:hover .item-desc::before {
    background-color: #fff;
}

.list-item .item-desc .desc-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
}

.list-item .item-desc .desc-list:first-child {
    margin-top: 0;
}

.list-item .item-desc .desc-list span {
    text-align: center;
}

.list-item .item-desc .desc-list span:first-child {
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    color: #1D2942;
    font-family: 'Noto Sans KR', sans-serif;
}

.list-item .item-desc .desc-list span:last-child {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #555;
    font-family: 'Noto Sans KR', sans-serif;
    margin-top: 3px;
}

.list-item:hover .item-desc .desc-list span {
    color: #fff;
}

/* education */
.edu {
    width: 100%;
    padding-top: 8.375em;
    padding-bottom: 12.375em;
    /* display: flex;
    justify-content: center;
    align-items: flex-start; */
}

.edu .cont-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.edu .cont-wrap .title {
    font-size: 50px;
    font-weight: bold;
    line-height: 61px;
    color: #000;
    font-family: 'montserrat', sans-serif;
    text-transform: capitalize;
    text-align: center;
    width: 100%;
    display: block;
}

.edu .cont-wrap .edu-desc {
    font-size: 23px;
    font-weight: 300;
    line-height: 34px;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 12px;
}

.edu-item {
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    /* justify-content: flex-start;
    align-items: flex-start; */
    gap: 65px;
    margin-top: 6.313em;
}

.edu-item .edu-list {
    /* width: 100%; */
    /* height: 208px; */
    /* border: 1px solid #ddd; */
    display: flex;
    flex-basis: calc(50% - 40px);
    position: relative;
}

.edu-item .edu-list .icon {
    width: 160px;
    /* 208px */
    height: 160px;
    /* 208px */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    display: block;
    left: 0;
}

.edu-item .edu-list:first-child .icon {
    background-image: url('../img/icon-edu-01.webp');
}

.edu-item .edu-list:nth-child(2) .icon {
    background-image: url('../img/icon-edu-02.webp');
}

.edu-item .edu-list:nth-child(3) .icon {
    background-image: url('../img/icon-edu-03.webp');
}

.edu-item .edu-list:nth-child(4) .icon {
    background-image: url('../img/icon-edu-04.webp');
}

.edu-item .edu-list .list-desc {
    /* margin-left: 28px; */
    /* border: 1px solid #000; */
    width: auto;
    padding: 0.813em 0 0.813em 11.5em;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.edu-item .edu-list .list-desc span {
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
}

.edu-item .edu-list .list-desc .desc01 {
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
}

.edu-item .edu-list .list-desc .desc02 {
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    margin-top: 8px;
}

.edu-item .edu-list .list-desc ul {
    margin-top: 8px;
}

.edu-item .edu-list .list-desc ul li {
    padding-left: 8px;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    color: #666;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    letter-spacing: -0.03em;
    font-family: 'Noto Sans KR', sans-serif;
}

.edu-item .edu-list .list-desc ul li::before {
    content: '';
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #666;
    position: absolute;
    left: 0;
    top: 11px;
}

/* education */

/* edu-tech */
.edu-tech {
    background-color: #F7F8F9;
    padding-top: 8.375em;
    padding-bottom: 4.125em;
}

.edu-tech .cont-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.edu-tech .cont-wrap .title {
    font-size: 50px;
    font-weight: bold;
    line-height: 61px;
    color: #000;
    font-family: 'montserrat', sans-serif;
    text-transform: capitalize;
}

.edu-tech .cont-wrap .tech-desc {
    font-size: 23px;
    font-weight: lighter;
    line-height: 35px;
    color: #000;
    margin-top: 12px;
    font-family: 'Noto Sans KR', sans-serif;
}

.tech-wrap--slide {
    width: 100%;
    margin-top: 66px;
}

.edu-tech .swiper-container {
    /* overflow: visible; */
    width: 100%;
}

.edu-tech .swiper-container .swiper-wrapper li.swiper-slide {
    /* border: 1px solid #ddd; */
    /* width: 100%; */
    height: 100%; /* 38.5rem */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    color: #000;
    background-color: #fff;

    /* padding-bottom: 50px; */
}

.tech-item {
    width: 100%;
    height: 100%;
    /* display: flex; */
    display:grid;
    grid-template-columns: repeat(2, 1fr);
}

.tech-item-img {
    width: 100%;
    /* height: 100%; */
}

.tech-item-img>img {
    width: 100%;
    height: 100%;
}

.tech-item-desc {
    padding-top: 97px;
    padding-left: 92px;
    padding-bottom: 30px;
    width: 100%;
}

.live-logo-img {
    width: 60px;
    height: 82px;
    margin-bottom: 26px;
}

.live-logo-img>img {
    width: 100%;
    height: 100%;
}

.tech-item-desc span {
    font-size: 30px;
    font-weight: 500;
    color: #000;
    line-height: 37px;
    font-family: 'montserrat', sans-serif;
    text-transform: uppercase;
}

.tech-item-desc ul {
    margin-top: 4px;
}

.tech-item-desc ul li {
    padding-left: 15px;
    position: relative;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
}

.tech-item-desc ul li::before {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    left: 5px;
    top: 11px;
}

.brochure-down-btn {
    margin-top: 2.938rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.875rem;
}

.brochure-down-btn a {
    width: 185px;
    height: 50px;
    border: 0;
    border-radius: 5px;
    background-color: #9299A5;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.brochure-down-btn a>span {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.03em;
}

.brochure-down-btn a>.down-icon {
    width: 23px;
    height: 15px;
    background-image: url('../img/icon-brochure.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.control-panel {
    display: flex;
    flex-direction: row;
    justify-content: center; /* flex-end */
    align-items: center;
    /* position: absolute;
    margin-top: -4.375rem;
    right: 42.5rem; */
    position: relative;
    margin-top: 30px;
}

.tech-wrap--slide>.swiper-container>.control-panel>.swiper-pagination {
    position: relative !important;
    /* margin-left: 3.063rem; */
    margin-top: -0.85rem;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    color: #C1C1C1;
    font-family: 'montserrat', sans-serif;
    /* width: 35px; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.tech-wrap--slide>.swiper-container>.control-panel>.swiper-pagination > .swiper-pagination-bullet {
    margin: 0 15px;
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 100%;
    background: #22C5D2;
    opacity: .2;
}
.tech-wrap--slide>.swiper-container>.control-panel>.swiper-pagination > .swiper-pagination-bullet-active {
    width: 20px;
    height: 20px;
    background: #22C5D2;
    opacity: 1;
}

.control-panel>.swiper-pagination>.swiper-pagination-current {
    color: #666;
}

.tutor-logo-img {
    width: 79px;
    height: 83px;
    margin-bottom: 26px;
}

.tutor-logo-img>img {
    width: 100%;
    height: 100%;
}

.math-logo-img, .plant-logo-img {
    width: 82px;
    height: 82px;
    margin-bottom: 26px;
}

.math-logo-img>img, .plant-logo-img>img {
    width: 100%;
    height: 100%;
}

.tech-item-desc span.ko {
    font-weight: bold;
    font-family: 'Noto Sans KR', sans-serif;
}

/* edu-tech */

/* SI & SM */
.siAndsm {
    background-color: #fff;
    padding-top: 8.375rem;
    padding-bottom: 7.563rem;
}

.siAndsm .cont-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.siAndsm .cont-wrap .title {
    font-size: 50px;
    font-weight: bold;
    line-height: 61px;
    color: #000;
    font-family: 'montserrat', sans-serif;
    text-transform: uppercase;
}

.siAndsm .cont-wrap .saiAndsm-desc {
    font-size: 23px;
    font-weight: lighter;
    line-height: 35px;
    color: #000;
    margin-top: 12px;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
}

/* sism slide */
/* .busmBox.on {
    opacity: 1;
} */
.sectionIn {
    max-width: 1340px;
    margin: 70px auto 0 auto;
    padding: 0;
    text-align: left;
    position: relative;
}

.busmBox {
    min-height: 600px;
    /* opacity: 0; */
    transition: opacity .3s ease-out;
    transition-delay: 1s;
}
.busmBox .busi_sm_ImgBox {
    opacity: 1;
    transform: translateX(0);
}
.busi_sm_ImgBox {
    position: relative;
    z-index: 2;
    max-height: 450px;
    overflow: hidden;
    text-align: right;
    transform: translateX(100px);
    transition: opacity 1s, transform .8s ease-in-out;
    transition-delay: 1s;
}
.busmBox .busi_sm_textBox {
    left: 0;
}
.busi_sm_textBox {
    background-color: #f7f8f9;
    width: 72%;
    position: absolute;
    left: 0;
    bottom: -20%;
    left: -500px;
    transition: left 1.3s, opacity 1s ease-out;
    transition-delay: 1.5s;
    height: 100%;
}
.busi_sm_textBoxIn {
    padding: 4.5rem 30.5rem 10rem 3.625rem;
    height: 100%; /* 200px */
}

.textBoxInBox {
    /* position: absolute; */
    width: 26.35rem;
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}

.sitxtTitle {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    color: #000;
    margin-bottom: 4.188rem;
    font-family: 'Noto Sans KR', sans-serif;
    position: relative;
    user-select: auto;
    z-index: 10;
}

.sitxtTitle:after {
    content: '';
    width: 32px;
    height: 1px;
    display: block;
    background-color: #000;
    position: absolute;
    bottom: -2.938rem;
    right: 0;
}

.textBoxInBox .si-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #666;
    font-family: 'Noto Sans KR', sans-serif;
    
    width: 23.5rem; /* 22.5rem, 360px */
    word-break: keep-all;
    user-select: auto;
    z-index: 10;
}

.busmBox .swiper-button-next, .busmBox .swiper-button-prev {
    top: 69%;
    background: none;
    width: 58px;
    height: 58px;
    background-color: #fff;
    line-height: 58px;
    text-align: center;
    font-size: 20px;
    z-index: 1;
}

.busmBox .swiper-button-prev {
    left: auto;
    right: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-image: url('/img/si-prev.svg');
    background-repeat: no-repeat;
    background-size: cover; */
}
.busmBox .swiper-button-prev::before {
    content: '';
    width: 9px;
    height: 13px;
    background-image: url('../img/si-prev.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}

.busmBox .swiper-button-next {
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-image: url('/img/si-next.svg');
    background-repeat: no-repeat;
    background-size: cover; */
}
.busmBox .swiper-button-next::before {
    content: '';
    width: 9px;
    height: 13px;
    background-image: url('../img/si-next.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}

.busmBox .swiper-button-next::before.swiper-button-disabled, 
.busmBox .swiper-button-prev::before.swiper-button-disabled {
    opacity: 0.35;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
    background-image: url('../img/si-next.svg');
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
    background-image: url('../img/si-prev.svg');
}

/* sism slide */
/* SI & SM */
/* business */

/* partners */
.partners-list {
    width: 100%;
    height: 100%;
    padding-top: 7.75rem;
    /* padding-bottom: 24.75rem; */
}
.partners-list .cont-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5.2rem;
}
.partners-list .cont-wrap .list-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.partners-list .cont-wrap .list-item .item-logo {
    width: 270px;
    height: 51px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.partners-list .cont-wrap .list-item .item-logo > img {}
/* partners */

/* portfolio */
.blank-area {
    width: 100%;
    height: 29.75em;
    background-color: #fff;
    display: flex;
}
.blank-area .cont-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.blank-area .cont-wrap span:first-child {
    font-size: 30px;
    line-height: 30px;
    margin-top: 70px;
    font-weight: 500;
    color: #22C5D2;
    font-family: 'montserrat', sans-serif;
    text-transform: uppercase;
}
.blank-area .cont-wrap span:last-child {
    font-size: 60px;
    line-height: 62px;
    margin-left: -2px;
    font-weight: bolder;
    color: #000;
    font-family: 'montserrat', sans-serif;
    text-transform: uppercase;
}

.portfolio-area {
    width: 100%;
    height: 100%;
    padding-top: 0.65rem;
    padding-bottom: 24.75rem;
}
.portfolio-area .cont-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* gap: 5.2rem; */
}
.p_PortBottom, .part_PortBottom {
    /* position: relative; */
    width: 100%;
}
/* .p_PortBottom .topCenterBox {
    position: absolute;
    z-index: 100;
    top: 45px;
    left: 50%;
    right: auto;
    width: 700px;
    margin-left: -350px;
} */
.topCenterBox.on {
    /* opacity: 1; */
}
.topCenterBox {
    /* text-align: center; */
    transition: all 0.3s ease;
    /* position: fixed;
    left: 0;
    right: 0;
    top: 46px;
    z-index: 98; */
    /* opacity: 0; */
}
.topCenterBox.on ul li {
    margin: 0 25px 0px 0px;
}
.topCenterBox ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 54px;
}
.topCenterBox ul li {
    /* display: inline-block; */
    position: relative;
    /* margin: 0 0 0 15px;
    overflow: hidden;
    width: 10px;
    height: 45px; */
    transition: all 0.6s ease;
}
.topCenterBox ul li::before {
    content: '/';
    font-size: 15px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: -1.8rem;
}
.topCenterBox ul li:first-child::before {
    display: none;
}

.topCenterBox ul li a.active {
    font-weight: 600;
}
.topCenterBox ul li a {
    display: flex;
    /* text-align: left; */
    font-size: 20px;
    font-weight: 400;
    font-family: 'montserrat', sans-serif;
    color: #000;
    /* min-width: 220px;
    position: absolute;
    left: 34px; */
    /* letter-spacing: 0.3em; */
    /* transition: all .3s ease; */
    width: auto;
    text-transform: capitalize;
}

.portList, .partList {
    padding-top: 3rem;
    width: 100%;
}
.portList .list-items {
    gap: 2.5rem;
    margin-top: 2.5rem;
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    flex-wrap: wrap;
    grid-template-areas: 
        "item01 item02 item03"
        "item04 item05 item06"
        "item07 item08 item09"
        "item10 item11 item12";
}
.partList .list-items {
    gap: 2.5rem;
    margin-top: 2.5rem;
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    flex-wrap: wrap;
    grid-template-areas: 
        "partItem01 partItem02 partItem03"
        "partItem04 partItem05 partItem06"
        "partItem07 partItem08 partItem09"
        "partItem10 partItem11 partItem12"
        "partItem13 partItem14 partItem15"
        "partItem16 partItem17 partItem18"
        "partItem19 partItem20 partItem21"
        "partItem22 partItem23 partItem24"
        "partItem25 partItem26 partItem27"
        "partItem28 partItem29 partItem30"
        "partItem31 partItem32 partItem33"
        "partItem34 partItem35 partItem36"
        "partItem37 partItem38 partItem39"
        "partItem40 partItem41 partItem42"
        "partItem43 partItem44 partItem45";
}
.partList .list-items .grid-items:first-child {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    flex-wrap: wrap;
    grid-template-areas:
        "partItem01 partItem02 partItem03"
        "partItem04 partItem05 partItem06"
        "partItem07 partItem08 partItem09"
        "partItem10 partItem11 partItem12"
        "partItem13 partItem14 partItem15"
        "partItem16 partItem17 partItem18"
        "partItem19 partItem20 partItem21"
        "partItem22 partItem23 partItem24"
        "partItem25 partItem26 partItem27";
}
.portList .list-items:first-child, .partList .list-items:first-child {
    margin-top: 0;
    height: 100% !important;
}
.grid-item {
    display: flex;
    flex-direction: column;
    position: relative !important;
    left: unset !important;
    top: unset !important;
    transform: unset !important;
}

.grid-item .port-item, .grid-item .part-item {
    position: relative;
}
.port-item .card, .part-item .card {
    position: relative;
    overflow: hidden;
}
.port-item .card {
    width: 374px;
}
.part-item .card {
    width: 100%;
}
.port-item .card {
    height: 250px;
}
.part-item .card {
    height: 90px;
}
.port-item .card::before, .part-item .card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    transition: all .25s ease;
    z-index: -1;
}

.port-item .card.img-01, .port-item .card.img-02, .port-item .card.img-03,
.port-item .card.img-04, .port-item .card.img-05, .port-item .card.img-06,
.port-item .card.img-07, .port-item .card.img-08, .port-item .card.img-09,
.port-item .card.img-10, .port-item .card.img-11, .port-item .card.img-12,
.port-item .card.img-13, .port-item .card.img-14, .port-item .card.img-15,
.port-item .card.img-16, .port-item .card.img-17, .port-item .card.img-18,
.port-item .card.img-19, .port-item .card.img-20, .port-item .card.img-21,
.port-item .card.img-22, .port-item .card.img-23, .port-item .card.img-24,
.port-item .card.img-25, .port-item .card.img-26, .port-item .card.img-27,
.port-item .card.img-28, .port-item .card.img-29, .port-item .card.img-30,
.port-item .card.img-31, .port-item .card.img-32, .port-item .card.img-33,
.port-item .card.img-34,
.part-item .card.partImg-01, .part-item .card.partImg-02, .part-item .card.partImg-03, .part-item .card.partImg-04,
.part-item .card.partImg-05, .part-item .card.partImg-06, .part-item .card.partImg-07, .part-item .card.partImg-08,
.part-item .card.partImg-09, .part-item .card.partImg-10, .part-item .card.partImg-11, .part-item .card.partImg-12,
.part-item .card.partImg-13, .part-item .card.partImg-14, .part-item .card.partImg-15, .part-item .card.partImg-16,
.part-item .card.partImg-17, .part-item .card.partImg-18, .part-item .card.partImg-19, .part-item .card.partImg-20,
.part-item .card.partImg-21, .part-item .card.partImg-22, .part-item .card.partImg-23, .part-item .card.partImg-24,
.part-item .card.partImg-25, .part-item .card.partImg-26, .part-item .card.partImg-27, .part-item .card.partImg-28,
.part-item .card.partImg-29, .part-item .card.partImg-30, .part-item .card.partImg-31, .part-item .card.partImg-32,
.part-item .card.partImg-33, .part-item .card.partImg-34, .part-item .card.partImg-35, .part-item .card.partImg-36,
.part-item .card.partImg-37, .part-item .card.partImg-38, .part-item .card.partImg-39, .part-item .card.partImg-40,
.part-item .card.partImg-41, .part-item .card.partImg-42, .part-item .card.partImg-43, .part-item .card.partImg-44,
.part-item .card.partImg-45 {
    background-repeat: no-repeat;
    background-position: center center;
}

.port-item .card.img-01, .port-item .card.img-02, .port-item .card.img-03,
.port-item .card.img-04, .port-item .card.img-05, .port-item .card.img-06,
.port-item .card.img-07, .port-item .card.img-08, .port-item .card.img-09,
.port-item .card.img-10, .port-item .card.img-11, .port-item .card.img-12,
.port-item .card.img-13, .port-item .card.img-14, .port-item .card.img-15,
.port-item .card.img-16, .port-item .card.img-17, .port-item .card.img-18,
.port-item .card.img-19, .port-item .card.img-20, .port-item .card.img-21,
.port-item .card.img-22, .port-item .card.img-23, .port-item .card.img-24,
.port-item .card.img-25, .port-item .card.img-26, .port-item .card.img-27,
.port-item .card.img-28, .port-item .card.img-29, .port-item .card.img-30,
.port-item .card.img-31, .port-item .card.img-32, .port-item .card.img-33,
.port-item .card.img-34 {
    background-size: cover;
}

.part-item .card.partImg-01, .part-item .card.partImg-02, .part-item .card.partImg-03, .part-item .card.partImg-04,
.part-item .card.partImg-05, .part-item .card.partImg-06, .part-item .card.partImg-07, .part-item .card.partImg-08,
.part-item .card.partImg-09, .part-item .card.partImg-10, .part-item .card.partImg-11, .part-item .card.partImg-12,
.part-item .card.partImg-13, .part-item .card.partImg-14, .part-item .card.partImg-15, .part-item .card.partImg-16,
.part-item .card.partImg-17, .part-item .card.partImg-18, .part-item .card.partImg-19, .part-item .card.partImg-20,
.part-item .card.partImg-21, .part-item .card.partImg-22, .part-item .card.partImg-23, .part-item .card.partImg-24,
.part-item .card.partImg-25, .part-item .card.partImg-26, .part-item .card.partImg-27, .part-item .card.partImg-28,
.part-item .card.partImg-29, .part-item .card.partImg-30, .part-item .card.partImg-31, .part-item .card.partImg-32,
.part-item .card.partImg-33, .part-item .card.partImg-34, .part-item .card.partImg-35, .part-item .card.partImg-36,
.part-item .card.partImg-37, .part-item .card.partImg-38, .part-item .card.partImg-39, .part-item .card.partImg-40,
.part-item .card.partImg-41, .part-item .card.partImg-42, .part-item .card.partImg-43, .part-item .card.partImg-44,
.part-item .card.partImg-45 {
    background-size: auto;
}

.port-item .card.img-01 {
    background-image: url('../img/portfolio_01.webp');
}
.card:hover .card-content.cont01 {
    opacity: 1;
    background-color: rgba(1, 99, 213, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-02 {
    background-image: url('../img/portfolio_02.webp');
}
.card:hover .card-content.cont02 {
    opacity: 1;
    background-color: rgba(5, 123, 177, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-03 {
    background-image: url('../img/portfolio_03.webp');
}
.card:hover .card-content.cont03 {
    opacity: 1;
    background-color: rgba(229, 142, 70, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-04 {
    background-image: url('../img/portfolio_04.webp');
}
.card:hover .card-content.cont04 {
    opacity: 1;
    background-color: rgba(0, 85, 150, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-05 {
    background-image: url('../img/portfolio_05.webp');
}
.card:hover .card-content.cont05 {
    opacity: 1;
    background-color: rgba(0, 43, 81, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-06 {
    background-image: url('../img/portfolio_06.webp');
}
.card:hover .card-content.cont06 {
    opacity: 1;
    background-color: rgba(0, 43, 81, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-07 {
    background-image: url('../img/portfolio_07.webp');
}
.card:hover .card-content.cont07 {
    opacity: 1;
    background-color: rgba(106, 167, 68, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-08 {
    background-image: url('../img/portfolio_08.webp');
}
.card:hover .card-content.cont08 {
    opacity: 1;
    background-color: rgba(140, 184, 8, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-09 {
    background-image: url('../img/portfolio_09.webp');
}
.card:hover .card-content.cont09 {
    opacity: 1;
    background-color: rgba(34, 197, 210, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-10 {
    background-image: url('../img/portfolio_10.webp');
}
.card:hover .card-content.cont10 {
    opacity: 1;
    background-color: rgba(229, 0, 25, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-11 {
    background-image: url('../img/portfolio_11.webp');
}
.card:hover .card-content.cont11 {
    opacity: 1;
    background-color: rgba(21, 124, 182, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-12 {
    background-image: url('../img/portfolio_12.webp');
}
.card:hover .card-content.cont12 {
    opacity: 1;
    background-color: rgba(0, 43, 81, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-13 {
    background-image: url('../img/portfolio_13.webp');
}
.card:hover .card-content.cont13 {
    opacity: 1;
    background-color: rgba(234, 96, 0, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-14 {
    background-image: url('../img/portfolio_14.webp');
}
.card:hover .card-content.cont14 {
    opacity: 1;
    background-color: rgba(243, 155, 0, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-15 {
    background-image: url('../img/portfolio_15.webp');
}
.card:hover .card-content.cont15 {
    opacity: 1;
    background-color: rgba(0, 43, 81, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-16 {
    background-image: url('../img/portfolio_16.webp');
}
.card:hover .card-content.cont16 {
    opacity: 1;
    background-color: rgba(208, 19, 28, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-17 {
    background-image: url('../img/portfolio_17.webp');
}
.card:hover .card-content.cont17 {
    opacity: 1;
    background-color: rgba(255, 168, 16, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-18 {
    background-image: url('../img/portfolio_18.webp');
}
.card:hover .card-content.cont18 {
    opacity: 1;
    background-color: rgba(34, 197, 210, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-19 {
    background-image: url('../img/portfolio_19.webp');
}
.card:hover .card-content.cont19 {
    opacity: 1;
    background-color: rgba(21, 124, 182, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-20 {
    background-image: url('../img/portfolio_20.webp');
}
.card:hover .card-content.cont20 {
    opacity: 1;
    background-color: rgba(0, 31, 122, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-21 {
    background-image: url('../img/portfolio_21.webp');
}
.card:hover .card-content.cont21 {
    opacity: 1;
    background-color: rgba(229, 0, 25, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-22 {
    background-image: url('../img/portfolio_22.webp');
}
.card:hover .card-content.cont22 {
    opacity: 1;
    background-color: rgba(0, 76, 155, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-23 {
    background-image: url('../img/portfolio_23.webp');
}
.card:hover .card-content.cont23 {
    opacity: 1;
    background-color: rgba(0, 43, 81, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-24 {
    background-image: url('../img/portfolio_24.webp');
}
.card:hover .card-content.cont24 {
    opacity: 1;
    background-color: rgba(140, 184, 8, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-25 {
    background-image: url('../img/portfolio_25.webp');
}
.card:hover .card-content.cont25 {
    opacity: 1;
    background-color: rgba(140, 184, 8, 0.7);
    backdrop-filter: blur(8px);
}
.port-item .card.img-26 {
    background-image: url('../img/portfolio_26.webp');
}
.card:hover .card-content.cont26 {
    opacity: 1;
    background-color: rgba(255, 168, 16, 0.7);
    backdrop-filter: blur(8px);
}
.port-item .card.img-27 {
    background-image: url('../img/portfolio_27.webp');
}
.card:hover .card-content.cont27 {
    opacity: 1;
    background-color: rgba(140, 184, 8, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-28 {
    background-image: url('../img/portfolio_28.webp');
}
.card:hover .card-content.cont28 {
    opacity: 1;
    background-color: rgba(0, 113, 188, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-29 {
    background-image: url('../img/portfolio_29.webp');
}
.card:hover .card-content.cont29 {
    opacity: 1;
    background-color: rgba(15, 166, 162, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-30 {
    background-image: url('../img/portfolio_30.webp');
}
.card:hover .card-content.cont30 {
    opacity: 1;
    background-color: rgba(0, 131, 203, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-31 {
    background-image: url('../img/portfolio_31.webp');
}
.card:hover .card-content.cont31 {
    opacity: 1;
    background-color: rgba(6, 197, 193, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-32 {
    background-image: url('../img/portfolio_32.webp');
}
.card:hover .card-content.cont32 {
    opacity: 1;
    background-color: rgba(19, 43, 136, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-33 {
    background-image: url('../img/portfolio_33.webp');
}
.card:hover .card-content.cont33 {
    opacity: 1;
    background-color: rgba(215, 25, 33, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-34 {
    background-image: url('../img/portfolio_34.webp');
}
.card:hover .card-content.cont34 {
    opacity: 1;
    background-color: rgba(0, 117, 193, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-35 {
    background-image: url('../img/portfolio_35.webp');
    background-size: cover;
}
.card:hover .card-content.cont35 {
    opacity: 1;
    background-color: rgba(3, 92, 151, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-36 {
    background-image: url('../img/portfolio_36.webp');
    background-size: cover;
}
.card:hover .card-content.cont36 {
    opacity: 1;
    background-color: rgba(77, 192, 149, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-37 {
    background-image: url('../img/portfolio_37.webp');
    background-size: cover;
}
.card:hover .card-content.cont37 {
    opacity: 1;
    background-color: rgba(0, 153, 219, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-38 {
    background-image: url('../img/portfolio_38.webp');
    background-size: cover;
}
.card:hover .card-content.cont38 {
    opacity: 1;
    background-color: rgba(0, 171, 196, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-39 {
    background-image: url('../img/portfolio_39.webp');
    background-size: cover;
}
.card:hover .card-content.cont39 {
    opacity: 1;
    background-color: rgba(0, 128, 134, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-40 {
    background-image: url('../img/portfolio_40.webp');
    background-size: cover;
}
.card:hover .card-content.cont40 {
    opacity: 1;
    background-color: rgba(225, 156, 125, 0.7);
    backdrop-filter: blur(8px);
}

.port-item .card.img-41 {
    background-image: url('../img/portfolio_41.webp');
    background-size: cover;
}
.card:hover .card-content.cont41 {
    opacity: 1;
    background-color: rgba(118, 0, 35, 0.7);
    backdrop-filter: blur(8px);
}
.port-item .card.img-42 {
    background-image: url('../img/portfolio_42.webp');
    background-size: cover;
}
.card:hover .card-content.cont42 {
    opacity: 1;
    background-color: rgba(27, 84, 33, 0.7);
    backdrop-filter: blur(8px);
}
.port-item .card.img-43 {
    background-image: url('../img/portfolio_43.webp');
    background-size: cover;
}
.card:hover .card-content.cont43 {
    opacity: 1;
    background-color: rgba(148, 201, 74, 0.7);
    backdrop-filter: blur(8px);
}
.port-item .card.img-44{
    background-image: url('../img/portfolio_44.webp');
    background-size: cover;
}
.card:hover .card-content.cont44 {
    opacity: 1;
    background-color: rgba(0, 76, 172, 0.7);
    backdrop-filter: blur(8px);
}
.port-item .card.img-45{
    background-image: url('../img/portfolio_45.png');
    background-size: cover;
}
.card:hover .card-content.cont45 {
    opacity: 1;
    background-color: rgba(0, 76, 172, 0.7);
    backdrop-filter: blur(8px);
}
.port-item .card.img-46{
    background-image: url('../img/portfolio_46.png');
    background-size: cover;
}
.card:hover .card-content.cont46 {
    opacity: 1;
    background-color: rgba(8, 5, 4, 0.7);
    backdrop-filter: blur(8px);
}
.port-item .card.img-47{
    background-image: url('../img/portfolio_47.webp');
    background-size: cover;
}
.card:hover .card-content.cont47 {
    opacity: 1;
    background-color: rgba(174, 90, 143, 0.7);
    backdrop-filter: blur(8px);
}


/* 공공 */
.part-item .card.partImg-01 {
    background-image: url('../img/partner-01.webp');
}
.part-item .card.partImg-02 {
    background-image: url('../img/partner-02.webp');
}
.part-item .card.partImg-03 {
    background-image: url('../img/partner-03.webp');
}
.part-item .card.partImg-04 {
    background-image: url('../img/partner-04.webp');
}
.part-item .card.partImg-05 {
    background-image: url('../img/partner-05.webp');
}
.part-item .card.partImg-06 {
    background-image: url('../img/partner-06.webp');
}
.part-item .card.partImg-07 {
    background-image: url('../img/partner-07.webp');
}
.part-item .card.partImg-08 {
    background-image: url('../img/partner-08.webp');
}
.part-item .card.partImg-09 {
    background-image: url('../img/partner-09.webp');
}
.part-item .card.partImg-10 {
    background-image: url('../img/partner-10.webp');
}
.part-item .card.partImg-11 {
    background-image: url('../img/partner-11.webp');
}
.part-item .card.partImg-12 {
    background-image: url('../img/partner-12.webp');
}
.part-item .card.partImg-13 {
    background-image: url('../img/partner-13.webp');
}
.part-item .card.partImg-14 {
    background-image: url('../img/partner-14.webp');
}
.part-item .card.partImg-15 {
    background-image: url('../img/partner-15.webp');
}
.part-item .card.partImg-16 {
    background-image: url('../img/partner-16.webp');
}
.part-item .card.partImg-17 {
    background-image: url('../img/partner-17.webp');
}
.part-item .card.partImg-18 {
    background-image: url('../img/partner-18.webp');
}
.part-item .card.partImg-19 {
    background-image: url('../img/partner-19.webp');
}
.part-item .card.partImg-20 {
    background-image: url('../img/partner-20.webp');
}
.part-item .card.partImg-21 {
    background-image: url('../img/partner-21.webp');
}
.part-item .card.partImg-22 {
    background-image: url('../img/partner-22.webp');
}
.part-item .card.partImg-23 {
    background-image: url('../img/partner-23.webp');
}
.part-item .card.partImg-24 {
    background-image: url('../img/partner-24.webp');
}
.part-item .card.partImg-25 {
    background-image: url('../img/partner-25.webp');
}
/* 공공 */

/* 기업 */
.part-item .card.partImg-26 {
    background-image: url('../img/partner-26.webp');
}
.part-item .card.partImg-27 {
    background-image: url('../img/partner-27.webp');
}
.part-item .card.partImg-28 {
    background-image: url('../img/partner-28.webp');
}
.part-item .card.partImg-29 {
    background-image: url('../img/partner-29.webp');
}
.part-item .card.partImg-30 {
    background-image: url('../img/partner-30.webp');
}
.part-item .card.partImg-31 {
    background-image: url('../img/partner-31.webp');
}
.part-item .card.partImg-32 {
    background-image: url('../img/partner-32.webp');
}
.part-item .card.partImg-33 {
    background-image: url('../img/partner-33.webp');
}
.part-item .card.partImg-34 {
    background-image: url('../img/partner-34.webp');
}
.part-item .card.partImg-35 {
    background-image: url('../img/partner-35.webp');
}
.part-item .card.partImg-36 {
    background-image: url('../img/partner-36.webp');
}
.part-item .card.partImg-37 {
    background-image: url('../img/partner-37.webp');
}
.part-item .card.partImg-38 {
    background-image: url('../img/partner-38.webp');
}
.part-item .card.partImg-39 {
    background-image: url('../img/partner-39.webp');
}
/* 기업 */

/* 대학 */
.part-item .card.partImg-40 {
    background-image: url('../img/partner-40.webp');
}
.part-item .card.partImg-41 {
    background-image: url('../img/partner-41.webp');
}
.part-item .card.partImg-42 {
    background-image: url('../img/partner-42.webp');
}
.part-item .card.partImg-43 {
    background-image: url('../img/partner-43.webp');
}
.part-item .card.partImg-44 {
    background-image: url('../img/partner-44.webp');
}
.part-item .card.partImg-45 {
    background-image: url('../img/partner-45.webp');
}
/* 대학 */

.card .card-content {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 1.25rem;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 1;
    color: #fff;
    transition: background-color .25s ease, opacity .25s ease;
    opacity: 0;
}
.card .card-content .title {
    font-size: 23px;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.05em;
    text-align: center;
}
.card .card-content p {
    font-size: 23px;
    text-align: center;
    font-weight: 200;
    font-family: 'Noto Sans KR', sans-serif;
    margin: 0;
}
.card:hover::before {
    transform: scale(1.2);
}

.port-subtxt {
    margin-top: 1.188rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.port-subtxt p {
    margin: 0;
}
.port-subtxt .hash {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: #666;
    font-family: 'montserrat', sans-serif;
    text-transform: uppercase;
}
.port-subtxt .tit {
    margin-top: 0.125rem;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
}
/* portfolio */

/* R&D - computer */
/* 식물인식 */
.plant-reco {
    background-color: #fff;
    padding-top: 8.375rem;
    padding-bottom: 7.563rem;
}
.plant-reco .cont-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.plant-reco .cont-wrap .title {
    font-size: 50px;
    font-weight: bold;
    line-height: 61px;
    color: #000;
    font-family: 'montserrat', sans-serif;
    text-transform: uppercase;
}
.plant-reco .cont-wrap .plant-desc {
    font-size: 23px;
    font-weight: lighter;
    line-height: 35px;
    color: #000;
    margin-top: 12px;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
}
.plant-reco .busi_sm_textBoxIn {
    padding: 4.5rem 26.5rem 10rem 3.625rem;
}
.plant-reco .busi_sm_textBoxIn .textBoxInBox {
    width: 100%;
}

/* 문항인식 */
.item-reco {
    background-color: #F7F8F9;
    padding-top: 8.375em;
    padding-bottom: 4.125em;
}
.item-reco .cont-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.item-reco .cont-wrap .title {
    font-size: 50px;
    font-weight: bold;
    line-height: 61px;
    color: #000;
    font-family: 'montserrat', sans-serif;
    text-transform: uppercase;
    text-align: center;
}
.item-reco .cont-wrap .item-desc {
    font-size: 23px;
    font-weight: lighter;
    line-height: 35px;
    color: #000;
    margin-top: 12px;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
}
.busiBox {
    min-height: 600px;
    /* opacity: 0; */
    transition: opacity .3s ease-out;
    transition-delay: 1s;
}
.busiBox .busi_si_ImgBox {
    opacity: 1;
    transform: translateX(0);
}
.busi_si_ImgBox {
    position: relative;
    z-index: 2;
    max-height: 450px;
    overflow: hidden;
    /* text-align: right; */
    transform: translateX(-100px);
    transition: opacity 1s, transform .8s ease-in-out;
    transition-delay: 1s;
}
.busiBox .busi_si_textBox {
    right: 0;
}
.busi_si_textBox {
    background-color: #fff;
    width: 70%;
    position: absolute;
    right: 0;
    bottom: -20%;
    right: -500px;
    transition: right 1.3s, opacity 1s ease-out;
    transition-delay: 1.5s;
    height: 100%;
}
.busi_si_textBoxIn {
    padding: 4.5rem 3.625rem 10rem 25.5rem;
    /* padding: 72px 58px 160px 488px; */
    height: 100%; /* 200px */
}
.textBoxInBox .item-reco-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #666;
    font-family: 'Noto Sans KR', sans-serif;
    width: 100%; /* 22.5rem, 360px */
    letter-spacing: -0.03em;

    word-break: keep-all;
}
.item-reco .textBoxInBox {
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.item-reco .sitxtTitle:after {
    left: 0;
}

.busiBox .swiper-button-next, .busiBox .swiper-button-prev {
    top: 69%;
    background: none;
    width: 58px;
    height: 58px;
    background-color: #fff;
    line-height: 58px;
    text-align: center;
    font-size: 20px;
    z-index: 1;
}

.busiBox .swiper-button-prev {
    right: auto;
    left: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-image: url('/img/si-prev.svg');
    background-repeat: no-repeat;
    background-size: cover; */
}
.busiBox .swiper-button-prev::before {
    content: '';
    width: 9px;
    height: 13px;
    background-image: url('../img/si-next.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}

.busiBox .swiper-button-next {
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-image: url('/img/si-next.svg');
    background-repeat: no-repeat;
    background-size: cover; */
}
.busiBox .swiper-button-next::before {
    content: '';
    width: 9px;
    height: 13px;
    background-image: url('../img/si-prev.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}

.busiBox .swiper-button-next::before.swiper-button-disabled, 
.busiBox .swiper-button-prev::before.swiper-button-disabled {
    opacity: 0.35;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    left: 10px;
    right: auto;
    background-image: url('../img/si-next.svg');
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    right: 10px;
    left: auto;
    background-image: url('../img/si-prev.svg');
}

/* R&D - computer */

/* R&D - natural lang process */
.visual .cont-wrap span.rnd-word {
    width: 42.5rem;
}
.item-reco .cont-wrap .title.ko {
    font-family: 'Noto Sans KR', sans-serif;
}
.item-reco.keyword {
    background-color: #fff;
}
.item-reco.keyword  .busi_si_textBox {
    background-color: #F7F8F9;
}

.visual-analyze {
    background-color: #F1FCFD;
    padding-top: 8.375em;
    padding-bottom: 4.125em;
}
.visual-analyze .cont-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.visual-analyze .cont-wrap .title {
    font-size: 50px;
    font-weight: bold;
    line-height: 61px;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    text-transform: uppercase;
}
.visual-analyze .cont-wrap .item-desc {
    font-size: 23px;
    font-weight: lighter;
    line-height: 35px;
    color: #000;
    margin-top: 12px;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
}

/* .swiper {
    width: 100%;
    height: 100%;
} */
.visual-analyze .swiper-keyword {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;

    height: 40.313rem; /* 32.313rem */
    padding: 12px 0px 0px 0px; /* 66px 0px 0px 0px */
}

.sectionIn.keyword-wrap {
    max-width: 1004px;
    border-radius: 10px;
    height: 32.313rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #fff;
    padding: 50px 0px 0px 0px;
    margin: 63px auto 120px auto;
    background: linear-gradient(180deg, rgba(34,197,210,1) 0%, rgba(27,204,165,1) 100%);
}

.visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide {
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    color: #000;
    width: 100% !important;
    position: relative;
}
.visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide > div {
    background-color: transparent;
    /* width: 100%; */
    /* margin: 0 6.25rem; */
    border-radius: 10px;
    height: 32.313rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.sectionIn.keyword-wrap .swiper-button-prev, .sectionIn.keyword-wrap .swiper-container-rtl .swiper-button-next {
    left: -60px;
}
.sectionIn.keyword-wrap .swiper-button-next, .sectionIn.keyword-wrap .swiper-container-rtl .swiper-button-prev {
    right: -60px;
}

.visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:first-child > div::after,
.visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:nth-child(2) > div::after,
.visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:nth-child(3) > div::after,
.visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:nth-child(4) > div::after {
    font-size: 23px;
    font-weight: 400;
    color: #000;
    position: absolute;
    bottom: -9px;
    font-family: 'Noto Sans KR', sans-serif;
}

.visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:first-child > div::after {
    content: '워드 클라우드 (Word Cloud)';
}
.visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:nth-child(2) > div::after {
    content: '연관어 (Bubble Chart)';
}
.visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:nth-child(3) > div::after {
    content: '트렌드 분석 (Line Chart)';
}
.visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:nth-child(4) > div::after {
    content: '토픽 분석 (Bar Chart)';
}

.visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide > span {
    font-size: 23px;
    font-weight: 400;
    color: #000;
    margin-top: 23px;
}
/* .visual-analyze .swiper-keyword .swiper-wrapper {
    padding-bottom: 4.375rem;
} */
.visual-analyze .swiper-keyword .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}
.visual-analyze .swiper-keyword .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 100%;
    background: #22C5D2;
    opacity: .2;
}
.visual-analyze .swiper-keyword .swiper-pagination-bullet-active {
    width: 20px;
    height: 20px;
    background: #22C5D2;
    opacity: 1;
}
/* R&D - natural lang process */

/* R&D - kmsp */
.item-reco.kmsp {
    background-color: #fff;
}
.visual.kmsp {
    background-image: url('../img/kmsp-visual-bg.webp');
}
.kmspCont {
    position: relative;
    height: 31rem;
    margin: 55px 0 0 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4.375rem;
    /* gap: 60px; */
}
.kmspContL {
    /* width: 19.5rem; */
}
.kmspContL > div {
    padding-right: 3.063rem;
    position: relative;
}
.kmspContL > div::after {
    content: '';
    width: 26px;
    height: 16px;
    background-image: url('../img/kmsp_contL_arrow.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    right: 0;
    top: 12px;
}
.kmspContL > div > .tit {
    padding-left: 0.5rem;
    font-size: 24px;
    font-weight: 500;
    color: #000;
    text-transform: capitalize;
    letter-spacing: -0.05em;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: 'Noto Sans KR', sans-serif;
}
.kmspContL > div > .tit::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    left: 0;
}
.kmspContL > div > ul {
    padding-left: 0.688rem;
    margin-top: 17px;
}
.kmspContL > div > ul > li.tit {
    font-size: 15px;
    font-weight: 300;
    color: #101010;
    font-family: 'Noto Sans KR', sans-serif;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 6px;
}
.kmspContL > div > ul > li.tit::before {
    content: '*';
    font-size: 15px;
    font-weight: 300;
    color: #101010;
    font-family: 'Noto Sans KR', sans-serif;
}
.kmspContL > div > ul > li.sub {
    font-size: 12px;
    font-weight: 300;
    color: #666;
    font-family: 'Noto Sans KR', sans-serif;
}

.kmspContC {
    /* width: 33.313rem; */
}
.kmspContR {
    /* width: 28.813rem; */
    position: relative;
}
.kmspContR .contR-w {
    width: 311px;
    height: 336px;
    border: 1px solid #C3CAE0;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding: 3.75rem 2.063rem;
}
.kmspContR .contR-b {
    width: 100%; /* 426px */
    height: 338px;
    background-color: #F7F8F9;
    position: absolute;
    top: -2.375rem;
    left: 0.388rem;
}
.kmspContR .contR-w > .tit {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    text-transform: capitalize;
    padding-left: 1.75rem;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.kmspContR .contR-w > .tit::before {
    content: '';
    width: 18px;
    height: 16px;
    background-image: url('../img/gbs-arrow.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    left: 0;
}
.kmspContR .contR-w ul {
    margin-top: 0.938rem;
}
.kmspContR .contR-w ul li {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    font-family: 'Noto Sans KR', sans-serif;
    line-height: 30px;
    letter-spacing: -0.03em;
}

.kmspCont2 {
    margin-top: 7.25rem;
}
.kmspCont2 .cont-tit, .cont-tit {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    text-transform: capitalize;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.03em;
    text-align: center;
    padding-left: 10px;
    position: relative;
    width: max-content;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.kmspCont2 .cont-tit::before, .cont-tit::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    left: 0;
}

.edutechContent {
    width: 100%;
    font-size: 0;
    margin-top: 2.438rem;
    display: flex;
}
.eduContL {
    display: inline-block;
    width: 55%;
    /* height: 100px; */
    /* background-color: #9299A5; */
    position: relative;
}
.eduContL .l-cont {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    /* border: 1px solid #000; */
    width: calc(100% - 14.813rem);
    position: absolute;
    top: 1.875rem;
    right: 0;
}
.eduContL .l-cont .cont--tit,
.eduContR .r-cont .cont--tit {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    text-transform: capitalize;
    margin-right: 1.188rem;
    margin-top: 1.125rem;
    padding-bottom: 1.25rem;
    position: relative;
}
.eduContL .l-cont .cont--tit::after,
.eduContR .r-cont .cont--tit::after {
    content: '';
    width: 28px;
    height: 1px;
    background-color: #000;
    position: absolute;
    right: 0;
    bottom: 0;
}
.eduContL .l-bg {
    background-color: #F7F8F9;
    width: calc(100% - 2.125rem);
    height: 22.813rem;
}
.eduContR {
    display: inline-block;
    width: 45%;
    /* height: 100px; */
    /* background-color: #ddd; */
    /* padding: 1rem 0; */
    /* margin-top: 3rem; */
}
.eduContR .r-cont {
    width: 100%;
    padding-left: 3.875rem;
    /* border: 1px solid #000; */
    /* height: 150px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.eduContR .r-cont .cont--tit {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    text-transform: capitalize;
    margin-right: 1.188rem;
    margin-top: 3rem;
    padding-bottom: 1.25rem;
    position: relative;
}
.eduContR .r-cont .cont--tit::after {
    content: '';
    width: 28px;
    height: 1px;
    background-color: #000;
    position: absolute;
    right: 0;
    bottom: 0;
}
.eduContR .r-cont .r-cont-box {
    width: 100%;
    padding: 2.938rem 0px 2.938rem 1.875rem;
    background-color: #F7F8F9;
    margin-top: 1.875rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.eduContR .r-cont .r-cont-box ul li {
    padding-left: 1.25rem;
    position: relative;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #666;
    font-family: 'Noto Sans KR', sans-serif;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.eduContR .r-cont .r-cont-box ul li::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #666;
    position: absolute;
    left: 0;
}
.eduContR .r-cont .r-cont-box img {
    margin-left: 6rem;
}

.kmspCont3 {
    margin: 6rem;
}
.kmspCont3 .cont-tit, .cont-tit {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    text-transform: capitalize;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.03em;
    text-align: center;
    padding-left: 10px;
    position: relative;
    width: max-content;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.kmspCont3 .cont-tit::before, .cont-tit::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    left: 0;
}
.blockChain-service {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 2.438rem;
    gap: 1.563rem;
}
.blockChain-service .service-item {
    display: flex;
    /* gap: 1.125rem; */
}
.blockChain-service .service-item .item-box {
    width: 338px;
    height: 72px;
    background-color: #C1D8F7;
    border-radius: 6.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.blockChain-service .service-item:first-child .item-box::before {
    content: '';
    width: 46px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('../img/chain-icon01.svg');
    background-repeat: no-repeat;
    background-size: 40px 28px;
    background-position: center center;
    position: absolute;
    left: -3.875rem;
}
.blockChain-service .service-item:last-child .item-box::before {
    content: '';
    width: 46px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('../img/chain-icon02.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    left: -3.975rem;
}
.blockChain-service .service-item .item-box span {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    text-transform: capitalize;
}

.blockChain-list {
    display: block;
}
.blockChain-list > ul {
    width: 100%;
    display: flex;
}
.blockChain-list > ul > li {
    width: 100%;
    /* padding: 20px 0; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    /* border: 1px solid #555; */
    position: relative;
}
.blockChain-list > ul > li::after {
    content: '';
    width: 18px;
    height: 14px;
    background-image: url('../img/chain-arrow.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    right: 0;
    bottom: 3.875rem;
}
.blockChain-list > ul > li:last-child::after {
    display: none;
}

.blockChain-list > ul > li > .list-icon {
    width: 8.125rem;
    height: 7.125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.813rem;
}
.blockChain-list > ul > li > .listNum {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #C1D8F7;
    line-height: 25px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.blockChain-list > ul > li > .listtxt {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    margin: 0.563rem 0 0 0;
    text-align: center;
}

.blockChain-list > ul > li:first-child {
    /* background-color: #c8c8c8; */
}
.blockChain-list > ul > li:first-child .list-icon img {
    margin-top: -10px;
}
.blockChain-list > ul > li:first-child .listNum::after {
    content: '';
    width: calc(100% + 12rem);
    height: 1px;
    background-color: #C1D8F7;
    position: absolute;
    left: 1.25rem;
}

.blockChain-list > ul > li:nth-child(2) .listNum::after,
.blockChain-list > ul > li:nth-child(2) .listNum::before {
    content: '';
    width: calc(100% + 12rem);
    height: 1px;
    background-color: #C1D8F7;
    position: absolute;
}
.blockChain-list > ul > li:nth-child(2) .listNum::after {
    left: 1.25rem;
}
.blockChain-list > ul > li:nth-child(2) .listNum::before {
    right: 1.25rem;
}

.blockChain-list > ul > li:last-child .listNum::before {
    content: '';
    width: calc(100% + 12rem);
    height: 1px;
    background-color: #C1D8F7;
    position: absolute;
    right: 1.25rem;
}

.blockChain-list02 {
    margin-top: 3.313rem;
}

.kmspCont4 {
    margin: 9.625rem 0 0 0;
}
.kmspCont4 .cont-wrap .title {
    font-size: 50px;
    font-weight: bold;
    line-height: 61px;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    text-transform: capitalize;
}
.kmspCont4 .cont-wrap .co-founder {
    margin-top: 0.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.kmspCont4 .cont-wrap .co-founder img {
    margin-top: 0.188rem;
}
.kmspCont4 .cont-wrap .co-founder span {
    font-size: 20px;
    font-weight: 500;
    color: #1B388A;
    font-family: 'Noto Sans KR', sans-serif;
    text-transform: capitalize;
    margin-left: 0.25rem;
}
.team-wrap {
    max-width: 1600px;
    margin: 1.25rem auto 0 auto;
    padding: 0;
    /* text-align: left; */
    position: relative;
    background-color:#F7F8F9;
    padding: 1.875rem 0 4.625rem 0;
}
.teamIn {
    width: 100%;
    display: flex;
}
.teamIn .teamBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.teamIn .chief {
    width: calc(100% + 22.625rem);
    /* height: 100px; */
    /* background-color: darkcyan; */
}
.teamIn .partner-list {
    width: calc(100% + 59.375rem);
    /* height: 100px; */
    /* background-color:rgba(0, 43, 81, 0.7); */
    padding-right: 10rem;
}

.teamIn .teamBox .title {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    text-transform: capitalize;
    letter-spacing: -0.03em;
    margin-bottom: 2.5rem;
}
.teamIn .teamBox .teamName {
    margin-top: 1.25rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.teamIn .teamBox .teamName .name {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    text-transform: capitalize;
}
.partner-02 {
    margin-top: 1.5rem;
}
.teamIn .teamBox ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}
.teamIn .teamBox ul li {
    width: 8.125rem;
    /* height: 200px; */
    /* background-color: #296591; */
    display: flex;
    flex-direction: column;
}
.teamIn .teamBox ul li .part {
    margin: 1.125rem 0.7rem 0 0.7rem;
    display: flex;
    flex-direction: column;
}
.teamIn .teamBox ul li .part .position {
    font-size: 16px;
    font-weight: 500;
    color: #1B388A;
    font-family: 'Noto Sans KR', sans-serif;
    text-transform: capitalize;
}
.teamIn .teamBox ul:nth-of-type(1) li:nth-of-type(1) .part .position {
    text-align: center;
}
.teamIn .teamBox ul li .part .part-name {
    margin-top: 0.25rem;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    text-transform: capitalize;
    letter-spacing: -0.05em;
}
/* R&D - kmsp */

/* product */
.visual.product {
    height: 64rem;
}
.visual.product .cont-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* flex-end */
    align-items: flex-start;
}
.visual.product .cont-wrap .product-tit {
    font-size: 30px;
    line-height: 30px;
    margin-top: 221px;
    font-weight: 500;
    color: #22C5D2;
    font-family: 'montserrat', sans-serif;
}
.visual.product.lms .cont-wrap .product-tit,
.visual.product.qbank .cont-wrap .product-tit,
.visual.product.botami .cont-wrap .product-tit,
.visual.product.cms .cont-wrap .product-tit,
.visual.product.tutor .cont-wrap .product-tit,
.visual.product.math .cont-wrap .product-tit,
.visual.product.plant .cont-wrap .product-tit,
.visual.product.keyword .cont-wrap .product-tit {
    line-height: 38px;
}

.visual.product .cont-wrap .product-name {
    font-size: 60px;
    line-height: 60px;
    font-weight: bolder;
    color: #fff;
    font-family: 'montserrat', sans-serif;
}
.visual.product .cont-wrap img {
    margin: 5.625rem auto 0 auto
}
.visual.product.lms .cont-wrap img,
.visual.product.qbank .cont-wrap img,
.visual.product.botami .cont-wrap img,
.visual.product.cms .cont-wrap img,
.visual.product.tutor .cont-wrap img,
.visual.product.math .cont-wrap img,
.visual.product.plant .cont-wrap img,
.visual.product.keyword .cont-wrap img {
    margin: 5.625rem auto 0 auto;
}
/* product */

/* product - LMS */
.visual.lms {
    background-image: url('../img/lms-bg.webp');
}
.item-reco.lms {
    background-color: #fff;
}
.lmsCont {
    width: 100%;
    position: relative;
    margin-top: 6.813rem;
    background-color: #F6F8F9;
    padding: 6rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.lmsCont .lmsSite, .lmsSite {
    width: 23.988rem;
    height: 3.563rem;
    background-color: #000;
    position: absolute;
    top: -1.813rem;
    border-radius: 6.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.375rem;
}
.lmsCont .lmsSite p, .lmsSite p {
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    color: #C1C1C1;
    font-family: 'montserrat', sans-serif;
    text-transform: uppercase;
}
.lmsCont .lmsSite p span, .lmsSite p span {
    color: #fff;
    font-weight: 600;
}
.lmsCont .cont-wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 7.5rem;
}
.lmsCont .cont-wrap .lms-l {
    width: 463px;
    height: 419px;
    /* background-color: #00BABA; */
    display: flex;
    flex-direction: column;
}
.lmsCont .cont-wrap .lms-l p {
    margin: 0;
    font-size: 30px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.05em;
    font-family: 'Noto Sans KR', sans-serif;

    word-break: keep-all;
}
.lmsCont .cont-wrap .lms-l .l-box {
    width: 100%;
    padding: 2.063rem 2.188rem;
    background-color: #fff;
    border: 1px solid #C3CAE0;
    margin-top: 2.625rem;
}
.lmsCont .cont-wrap .lms-l .l-box ul li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0.938rem;
}
.lmsCont .cont-wrap .lms-l .l-box ul li:first-child {
    margin-top: 0;
}
.lmsCont .cont-wrap .lms-l .l-box ul li img {
    margin-top: 0.375rem;
}
.lmsCont .cont-wrap .lms-l .l-box ul li span {
    margin-left: 0.625rem;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.085em;
    word-break: keep-all;
}
.lmsCont .cont-wrap .lms-r {
    width: 616px;
    height: 617px;
    /* background-color: #293991; */
}
/* product - LMS */

/* product - Qbank */
.visual.qbank {
    background-image: url('../img/qbank-bg.webp');
}
.item-reco.qbank {
    background-color: #fff;
}
.qBankCont {
    margin-top: 4.875rem;
    width: 100%;
    position: relative;
    padding-bottom: 4.125em;
}
.qBankCont .qBankCont01 {
    width: 100%;
    height: 30.188rem;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    position: relative;
}
.qBankCont .qBankCont01 img {
    position: absolute;
    left: 0;
    top: 0;
}
.qBankCont .qBankCont02 img {
    position: absolute;
    right: 0;
    top: 0;
}
.qBankCont .qBankCont01 .cont01-r {
    background-color: #F6F8F9;
    /* padding: 20px; */
    width: calc(100% - 24.438rem);
    height: 26.438rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.qBankCont .qBankCont01 .cont01-r ul {
    display: flex;
    flex-direction: row;
    margin-left: 7.313rem;
}
.qBankCont .qBankCont01 .cont01-r ul li {
    width: 248px;
    /* height: 261px; */
    font-size: 20px;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    /* border: 1px solid #ddd; */
}
.qBankCont .qBankCont01 .cont01-r ul li .icon {
    width: 109px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.qBankCont .qBankCont01 .cont01-r ul li .icon img {
    position: relative;
}
.qBankCont .qBankCont01 .cont01-r ul li .r-txt {
    margin-top: 1.875rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.cont01-r ul li .r-txt p {
    margin: 0;
    font-size: 23px;
    font-weight: 500;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
}
.cont01-r ul li .r-txt span {
    font-size: 18px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.66);
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.05em;
}

.qBankCont .qBankCont02 .cont02-l {
    background-color: #F6F8F9;
    padding: 20px;
    width: calc(100% - 24.438rem);
    height: 26.438rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.qBankCont02 {
    margin-top: 2.5rem;
}
.qBankCont .qBankCont02 {
    width: 100%;
    height: 30.188rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    position: relative;
}
.qBankCont .qBankCont02 .cont02-l ul {
    display: flex;
    flex-direction: row;
    margin-right: 7.313rem;
    gap: 5.625rem;
}
.qBankCont .qBankCont02 .cont02-l ul li {
    width: 248px;
    /* height: 261px; */
    font-size: 20px;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    /* border: 1px solid #ddd; */
}

.qBankCont .qBankCont02 .cont02-l ul li .icon {
    width: 109px;
    height: 104px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.qBankCont .qBankCont02 .cont02-l ul li .icon img {
    position: relative;
}
.qBankCont .qBankCont02 .cont02-l ul li .r-txt {
    margin-top: 1.875rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.cont02-l ul li .r-txt p {
    margin: 0;
    font-size: 23px;
    font-weight: 500;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
}
.cont02-l ul li .r-txt span {
    font-size: 18px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.66);
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.05em;
}
/* product - Qbank */

/* product - live */
header.live .logo .box {
    background-image: url('../img/logo-b.webp');
}
header.live .logo.is-active .box {
    background-image: url('../img/logo-w.webp');
}
header.live ul li a {
    color: #000;
}
header.live .hamburger .hamburger--container .hamburger--bars, 
header.live .hamburger .hamburger--container .hamburger--bars::before, 
header.live .hamburger .hamburger--container .hamburger--bars::after {
    background-color: #000;
}
.visual.live {
    background-image: url('../img/live-bg.webp');
}
/* .visual.product.live .cont-wrap {
    justify-content: center;
} */
.live-point {
    margin-top: 5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.points {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.point-img {
    width: 318px;
    height: 238px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.point-img img {
    width:100%;
}
.points span {
    margin-top: 1.688rem;
    font-size: 23px;
    font-weight: 500;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
}

.live-points {
    width: 100%;
    height: 36.375rem;
    background-image: url('../img/live-point-bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 8.663rem;
}
.live-points .cont-wrap {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}
.live-points .cont-wrap .point-box {
    padding: 2.125rem;
    /* border: 0.5px solid #ddd; */
    width: 100%;
    position: relative;
}

.live-points .cont-wrap .point-box:first-child::before,
.live-points .cont-wrap .point-box:nth-child(2)::before,
.live-points .cont-wrap .point-box:nth-child(3)::before,
.live-points .cont-wrap .point-box:last-child::before {
    font-size: 100px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.15);
    position: absolute;
    left: -6px;
    top: -20px;
    font-family: 'Noto Sans KR', sans-serif;
}

.live-points .cont-wrap .point-box:first-child::before {
    content: '1';
}
.live-points .cont-wrap .point-box:nth-child(2)::before {
    content: '2';
}
.live-points .cont-wrap .point-box:nth-child(3)::before {
    content: '3';
}
.live-points .cont-wrap .point-box:last-child::before {
    content: '4';
}

.point-box .box-item {
    /* border: 1px solid #000; */
    width: 100%;
    height: 100%;
}
.point-box .box-item span {
    font-size: 26px;
    font-weight: 400;
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.1rem;
    word-break: keep-all;
    text-transform: uppercase;
}

.live-desc {
    margin-top: 1.563rem;
}
.live-desc p {
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
    font-family: 'Noto Sans KR', sans-serif;
    margin: 0.938rem 0 0 0;
    word-break: keep-all;
}
.live-desc p:first-child {
    margin-top: 0;
}
/* product - live */

/* product - botami */
.visual.product.botami .cont-wrap {
    justify-content: flex-start;
}
.visual.botami {
    background-image: url('../img/botami-bg.webp');
}
.lmsCont.botami {
    background: linear-gradient(180deg, rgba(246,248,249,1) 70%, rgba(242,20,78,1) 46%);
    overflow: hidden;
}
.lmsCont .cont-wrap.ami::before {
    content: '';
    width: 26.215rem;
    height: 31.5rem;
    background-image: url('../img/botami-robot-02.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    left: -9.475rem;
    margin-top: 26.713rem;
}
.lmsCont .cont-wrap.ami::after {
    content: '';
    width: 288px;
    height: 288px;
    background-image: url('../img/botami-robot-01.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    right: -72px;
    top: 100px;
}

.lmsCont .cont-wrap.ami {
    flex-direction: column;
    gap: 4.313rem;
}

.botami-link {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: absolute;
    margin-top: 5rem;
    gap: 1.813rem;
    z-index: 1;
}
.botami-link .lmsSite {
    position: relative;
    top: 0;
}
.ami-sdk {
    font-size: 30px;
    font-weight: 400;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    text-align: center;
    line-height: 45px;
}
.ami-app {
    /* margin-top: 4.313rem; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.appBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.813rem;
}
.appBox span {
    font-size: 23px;
    font-weight: 500;
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    word-break: keep-all;
    text-transform: uppercase;
}
/* product - botami */

/* product - math sigma */
.visual.product.sigma .cont-wrap {
    justify-content: flex-end;
}
.visual.sigma {
    background-image: url('../img/sigma-bg.webp');
    display: flex;
    flex-direction: column;
    gap: 5.625rem;
    padding-bottom: 4.375rem;
}
.visual.product .sigma-imgs {
    width: 100%;
    display: flex;
    /* flex-direction: row; */
    justify-content: center;
    align-items: center;
    position: relative;
}
.visual.product .sigma-imgs .img-item {
    width: 42.375rem;
    height: 35.25rem;
    background-image: url('../img/product-math-c.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1;
}
.visual.product .sigma-imgs::before {
    content: '';
    width: 39.563rem;
    height: 21.938rem;
    background-image: url('../img/product-math-l.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 50px;
}
.visual.product .sigma-imgs::after {
    content: '';
    width: 39.563rem;
    height: 21.938rem;
    background-image: url('../img/product-math-r.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    right: 0;
    top: 50px;
}
/* .visual.product .sigma-imgs .sigma-d {
    margin-top: 2.75rem;
} */

.lmsCont .cont-wrap.sigma {
    flex-direction: column;
    gap: 6.875rem;
}
.cont-wrap.sigma .appBox {
    gap: 0;
}
.cont-wrap.sigma .appBox .boxImg {
    width: 8.875rem;
    height: 9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.875rem;
}
.cont-wrap.sigma span {
    font-size: 23px;
    font-weight: 500;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
}
.cont-wrap.sigma p {
    margin: 15px 0 0 0;
    font-size: 18px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.66);
    font-family: 'Noto Sans KR', sans-serif;
    text-align: center;
}
/* product - math sigma */

/* product - cms */
.visual.cms {
    background-image: url('../img/cms-bg.webp');
}
/* product - cms */

/* product - learn */
.visual.learn {
    background-image: url(../img/learn-bg.webp);
}
.visual.product.learn .cont-wrap {
    justify-content: center;
}
.visual.learn .cont-wrap span:first-child {
    margin-top: -26.875rem;
}
.visual.learn .cont-wrap span:last-child,
.visual.live .cont-wrap span:last-child {
    color: #000;
}

.learn-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    /* gap: 5.438rem; */
}
.learn-item .item-list {
    display: flex;
    gap: 2.313rem;
}
.learn-item .item-list .list-title {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 1.75rem;
    width: 10.625rem;
}
.learn-item .item-list .list-title span {
    font-size: 23px;
    font-weight: 500;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.05em;
}
.learn-item .item-list ul {
    margin-top: 1.875rem;
}
.learn-item .item-list:first-child ul {
    width: 18.75rem;
}
.learn-item .item-list:last-child ul {
    width: 26.563rem;
}
.learn-item .item-list ul li {
    padding-left: 0.625rem;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 18px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.66);
    line-height: 29px;
    letter-spacing: -0.05em;
    word-break: keep-all;
    font-family: 'Noto Sans KR', sans-serif;
}
.learn-item .item-list ul li::before {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.66);
    position: absolute;
    left: 0;
    top: 13px;
}
/* product - learn */

/* product - portal */
.visual.portal {
    background-image: url('../img/portal-bg.webp');
}

.portal-app {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 7.5rem;
}
.portal-app > div {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10.625rem;
}
.portal-app > div > .app-desc {
    width: 50%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 1.875rem;
}
.portal-app > div > .app-desc > .icon {
    width: 121px;
    height: 105px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}
/* .portal-app ul li .icon img {
    width: 100%;
} */
.portal-app > div > .app-desc > span {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    width: 19.65rem;

    word-break: keep-all;
}
/* product - portal */

/* product - tutor */
.visual.tutor {
    background-image: url('../img/tutor-bg.webp');
}

.ai-item {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5.625rem;
}
.ai-item .item-list {
    display: flex;
    gap: 26px;
}
.ai-item .item-list .list-title {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 1.75rem;
    width: 7.688rem;
}
.ai-item .item-list:first-child .list-title img {
    margin-left: 9px;
}
.ai-item .item-list:nth-child(2) .list-title img {
    margin-left: -13px;
}
.ai-item .item-list:last-child .list-title img {
    margin-left: -17px;
}
.ai-item .item-list .list-title span {
    font-size: 23px;
    font-weight: 500;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.05em;
}
.ai-item .item-list ul {
    width: 13.863rem; /* 12.063rem */
    margin-top: 3.275rem;
}
.ai-item .item-list ul li {
    padding-left: 0.625rem;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 18px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.66);
    line-height: 29px;
    letter-spacing: -0.05em;
    word-break: keep-all;
    font-family: 'Noto Sans KR', sans-serif;
}
.ai-item .item-list ul li::before {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.66);
    position: absolute;
    left: 0;
    top: 13px;
}
/* product - tutor */

/* product - ai math */
.visual.math {
    background-image: url('../img/math-bg.webp');
}
/* product - ai math */

/* product - ai 식물인식*/
.visual.plant {
    background-image: url('../img/plant-bg.webp');
}
.visual.product .cont-wrap .product-name span {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
}
.item-reco .cont-wrap .title span {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
}

.plant-app {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%; 
    gap: 8.438rem;
}
.plant-app .appBox {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0;
}
.plant-app .appBox .boxImg {
    width: 10.25rem;
    height: 10.125rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.plant-app .appBox span {
    font-size: 23px;
    font-weight: 500;
    color: #000;
    margin-top: 2.375rem;
}
.plant-app .appBox p {
    font-size: 18px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.66);
    line-height: 29px;
    font-family: 'Noto Sans KR', sans-serif;
    text-align: center;
    margin: 0.688rem 0 0 0;
}
/* product - ai 식물인식*/

/* product - keyword analytics */
.visual.keyword {
    background-image: url('../img/keyword-bg.webp');
}
/* .visual.product.keyword .cont-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
} */

.k-pie-wrap {
    display: flex;
    width: 100%;
    gap: 1.563rem;
}
.k-pie-wrap .pie-wrap {
    width: 17.563rem;
    height: 17.563rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.k-pie-wrap .pie-wrap:first-child, .k-pie-wrap .pie-wrap:nth-child(2),
.k-pie-wrap .pie-wrap:nth-child(3), .k-pie-wrap .pie-wrap:last-child {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.k-pie-wrap .pie-wrap:first-child {
    background-image: url('../img/key-circle-01.webp');
}
.k-pie-wrap .pie-wrap:nth-child(2) {
    background-image: url('../img/key-circle-02.webp');
}
.k-pie-wrap .pie-wrap:nth-child(3) {
    background-image: url('../img/key-circle-03.webp');
}
.k-pie-wrap .pie-wrap:last-child {
    background-image: url('../img/key-circle-04.webp');
}
.k-pie-wrap .pie-wrap .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.k-pie-wrap .pie-wrap .text .num {
    font-size: 25px;
    font-weight: bold;
    color: #22C5D2;
    font-family: 'Noto Sans KR', sans-serif;
}
.k-pie-wrap .pie-wrap .text .tit {
    font-size: 22px;
    font-weight: 500;
    color: #22C5D2;
    font-family: 'Noto Sans KR', sans-serif;
    margin-top: 0.688rem;
}

.k-pie-wrap .pie-wrap .text p {
    height: 5.375rem;
    margin: 0;
    text-align: center;
    margin-top: 2.375rem;
    font-size: 18px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.66);
    font-family: 'Noto Sans KR', sans-serif;
}
.lmsCont .cont-wrap.analize {
    flex-direction: column;
    gap: 3.375rem;
}
.slider-wrap {
    max-width: 1200px;
    margin: 0;
    padding: 0;
    text-align: left;
    position: relative;

    background: #fff;
    border-top: 3px solid #22C5D2;
    padding: 50px;
}
.slider-wrap .num {
    font-size: 22px;
    font-weight: 500;
    color: #22C5D2;
    font-family: 'Noto Sans KR', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slider-wrap p {
    font-size: 18px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.66);
    line-height: 29px;
    letter-spacing: -0.05em;
    word-break: keep-all;
    margin: 0.813rem 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Noto Sans KR', sans-serif;
}

.cont-wrap.analize .swiper-analize {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.cont-wrap.analize .swiper-analize .swiper-wrapper li.swiper-slide {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cont-wrap.analize .swiper-analize .swiper-wrapper li.swiper-slide > div {
    background-color: transparent;
    margin: 0 6.25rem;
    height: 28.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-button-next-5, .swiper-button-prev-5 {
    position: absolute !important;
    top: 50% !important;
    width: 59px !important;
    height: 31px !important;
    margin-top: 0 !important;
    z-index: 10 !important;
    cursor: pointer !important;
    -moz-background-size: contain !important;
    -webkit-background-size: contain !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.swiper-button-next-5 {
    right: 10px !important;
    left: auto !important;
    background-image: url('../img/key-arrow-next.webp') !important;
}
.swiper-button-prev-5.swiper-button-disabled,
.swiper-button-next-5.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev-5 {
    left: 10px !important;
    right: auto !important;
    background-image: url('../img/key-arrow-prev.webp') !important;
}
/* product - keyword analytics */

/* contact */
header.contact .logo .box {
    background-image: url('../img/logo-b.webp');
}
header.contact .logo.is-active .box {
    background-image: url('../img/logo-w.webp');
}
header.contact ul li a {
    color: #000;
}
header.contact .hamburger .hamburger--container .hamburger--bars, 
header.contact .hamburger .hamburger--container .hamburger--bars::before, 
header.contact .hamburger .hamburger--container .hamburger--bars::after {
    background-color: #000;
}

.wrap.contact {
    padding-top: 13.813rem;
    padding-bottom: 5.625rem;
    display: flex;
}
.wrap.contact .cont-wrap {
    width: 100%;
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.wrap.contact .cont-wrap .intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.wrap.contact .cont-wrap .intro .tit {
    font-size: 30px;
    font-weight: 500;
    color: #22C5D2;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}
.wrap.contact .cont-wrap .intro .join {
    font-size: 60px;
    font-weight: bolder;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}
.num-list {
    display: flex;
    flex-direction: row;
    gap: 14px;
    width: 100%;
    margin-top: 9.5rem;
}
.num-list .list-item {
    width: 100%;
    padding: 28px;
    background-color: #F7F8F9;
    display: flex;
    flex-direction: column;
}
.num-list .list-item span {
    font-size: 26px; 
    font-weight: 500;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    padding-bottom: 1.5rem;
    position: relative;
}
.num-list .list-item span::after {
    content: '';
    width: 32px;
    height: 1px;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: 0;
}
.num-list .list-item .contact-info {
    width: 100%;
    margin-top: 1.813rem;
}
.num-list .list-item .contact-info a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: max-content;
}
.num-list .list-item .contact-info a p {
    font-size: 22px;
    font-weight: 400;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    margin: 0 0 0 0.875rem;
}
.num-list .list-item .contact-info a:last-child {
    margin-top: 0.688rem;
}
.map {
    margin-top: 5.938rem;
    width: 100%;
}
.map .address {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 22px;
}

.map .address .clipboard {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.map .address .clipboard .copy-input {
    /* max-width: 500px;
    width: 420px; */
    background-color: transparent;
    border: none;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    font-family: 'Nanum Square', sans-serif;
    text-align: left;
    /* width: auto; */
    display: block;
}
.map .address .clipboard textarea {
    width: 570px;
}
.map .address .clipboard textarea, .map .address .clipboard #select_cont {
    border: none;
    padding: 0;
    background-color: transparent;
    border: none;
    padding: 0;
    font-size: 26px;
    font-weight: 500;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    text-align: left;
    pointer-events : none;
    resize: none;
}
.map .address .clipboard textarea {
    height: 40px;
}
.map .address .clipboard #select_cont {
    height: 100%;
}

.map .address .clipboard textarea::-webkit-scrollbar {
    display: none;
}
.map .address .nums .num-item .clipboard .copy-input {
    width: 100px;
}

.map .address .clipboard .copy-input:focus,
.map .address .clipboard textarea:focus {
    outline: none;
}
.copied, .map .address .nums .num-item .copied {
    font-family: 'Montserrat', sans-serif;
    width: 230px;
    display: none;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color:#000;
    padding: 15px 15px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 15px #b8c6db;
    -moz-box-shadow: 0 3px 15px #b8c6db;
    -webkit-box-shadow: 0 3px 15px #b8c6db;
    text-align: center;
}
.copied span, .map .address .nums .num-item .copied span {
    color: #000;
}
.copy-btn {
    width:40px;
    background-color: transparent;
    font-size: 18px;
    padding: 0;
    border-radius: 5px;
    border:none;
    color:#fff;
    transition: all .4s;
    cursor: pointer;
}
/* .copy-btn:hover {
    transform: scale(1.3);
    color:#1a1a1a;
    cursor:pointer;
} */  
.copy-btn:focus {
    outline:none;
}
.map .address .clipboard button {
    background-color: transparent;
    border: none;
    width: 27px;
    height: 27px;
    background-image: url('../img/copy-btn-01.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    border-radius: 3px;
    padding: 0;
}
.map .address .nums {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 28px;
}
.map .address .nums .num-item {
    display: flex;
}
.map .address .nums .num-item p,
.map .address .nums .num-item span{
    font-size: 16px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.8);
    /* font-weight: bold; */
    font-family: 'Nanum Square', sans-serif;
    /* text-transform: uppercase; */
    margin-right: 5px;
}
.map .address .nums .num-item p {
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}

.map .address span {
    font-size: 26px;
    font-weight: 500;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
}
.os_mac.root_daum_roughmap {
    margin-top: 1.063rem;
}

.public {
    margin-top: 3.5rem;
    width: 100%;
}
.subway {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.688rem;
}
.subway span {
    font-size: 26px;
    font-weight: 500;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
}

.subway-box {
    margin-top: 1.188rem;
    padding: 2.5rem;
    background-color: #F7F8F9;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 13.625rem;
}
.subway-box .box-list {
    padding-left: 1.438rem;
    display: flex;
    flex-direction: column;
    gap: 1.438rem;
    position: relative;
}
.subway-box .box-list:first-child::before {
    content: '';
    width: 2px;
    height: 40px;
    border: 1px dashed #F9AF81;
    position: absolute;
    left: 10px;
    top: 10px;
}
.subway-box .box-list:last-child::before {
    content: '';
    width: 2px;
    height: 40px;
    border: 1px dashed #AD2C3E;
    position: absolute;
    left: 10px;
    top: 10px;
}

.subway-box .box-list ul li {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    /* line-height: 45px; */
    font-family: 'Noto Sans KR', sans-serif;
    margin-top: 18px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.subway-box .box-list ul li:first-child {
    margin-top: 0;
}
.subway-box .box-list:first-child ul li::before {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #F9AF81;
    position: absolute;
    left: -19px;
}
.subway-box .box-list:last-child ul li::before {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #AD2C3E;
    position: absolute;
    left: -19px;
}

.subway-box .box-list span {
    /* margin-top: 1.438rem; */
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #666;
    font-family: 'Noto Sans KR', sans-serif;
    width: 26.05rem; /* 23.75rem */
}

/* custom map info */
#maps {
    width: 100%;
    height: 509px;
    margin-top: 1.063rem;
    /* border: 1px solid #ddd; */
    background-color: transparent;
}
.customoverlay {
    position: relative;
    bottom: 39px;
    /* left: -32px; */
    border-radius: 6px;
    border: 1px solid #ccc;
    border-bottom: 2px solid #ddd;
    float: left;
}
.customoverlay:nth-of-type(n) {
    border: 0;
    box-shadow: 0px 1px 2px #888;
}
.customoverlay a {
    display: block;
    text-decoration: none;
    color: #000;
    text-align: center;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    background: #090024;
    background: #090024 url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;
}
.customoverlay .title {
    display: block;
    text-align: center;
    background: #fff;
    margin-right: 35px;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
}
.customoverlay:after {
    content: '';
    position: absolute;
    margin-left: -12px;
    left: 50%;
    bottom: -12px;
    width: 22px;
    height: 12px;
    background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')
}
/* contact */

.award-wrap .award-txt .cont-wrap div[role=button] {
    display: none;
}
.cont-area:nth-child(3) .history-wrap .history-txt .cont-wrap .title {
    width:100%; text-align:right; display:block;
}
.history-arrow {
    display: flex;
}
.cont-area.bg-item--first .cont-wrap .m-sub {display:none;}
.visual.product.sigma .cont-wrap img {
    display:none;
}

.bizAndRnd {
    gap: 4.875rem;
}
.ham-menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .list--item:first-child .fsmenu--list-element.viewlist a:hover span {
    color: rgba(34, 230, 144, 0.6);
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a.m-main-menu:hover span {
    color: #22C5D2;
}

/* .m-qbankImg {
    display: none;
} */

.qBankCont .qBankCont01 .m-qbankImg {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 455px; height: 423px;
    background-image:url('../img/qbank-img01.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 5px;
    padding-left: 32px;
    padding-top: 32px;
}
.qBankCont .qBankCont01 .m-qbankImg span {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
}
.qBankCont .qBankCont02 .m-qbankImg {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    width: 455px; height: 423px;
    background-image:url('../img/qbank-img02.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 5px;
    right: 0;
    padding-right: 32px;
    padding-top: 32px;
}
.qBankCont .qBankCont02 .m-qbankImg span {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
}

#edu {
    scroll-margin-top: 50px;
}

.page-top {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    right: 50px;
    bottom: 27px;
    /* z-index: 100; */
    transition: 0.3s all ease;
    z-index: 1000;
    width: 57px; height:57px; border-radius:50%;
    background-image:url('../img/moveTop.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    box-shadow: 0 6px 6px rgb(0 0 0 / 23%);
}
.page-top.on {
    opacity: 1;
    visibility: visible;
    color: #22E690;
    /* background: #004871; */
}

/* loading */
.loadingBox {
    /* position: fixed;
    display: block;
    z-index: 9999;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #1D2E45;
    overflow: hidden;
    opacity: 0;
    transition: all 0.9s ease;
    height: 100vh; */

    transition: all 0.9s ease;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    min-height: 100vh;
    padding: 0;
    margin: 0;
    z-index: 99999;
    background-color: #1D2E45;
}

.loadingBox p {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    color: #666;
}

.loadingMark {
    position: absolute;
    width: 340px;
    height: 340px;
    top: 50%;
    left: 50%;
    margin: -170px 0px 0px -170px;
    transition: all 0.6s ease;
    /* transform:rotate(-20deg)*/
}

.loadingMarkIn {
    position: relative;
    width: 100%;
    height: 100%;
}

.loadingMarkIn img {
    position: absolute;
    transition: all 0.6s ease;
    opacity: 0;
    transform: scale(1.6);
}

.loadingMarkIn div {
    position: absolute;
    background: rgb(209, 209, 209);
    /*opacity:0;*/
    transition: all 0.8s ease;
}

.loadingBox .loadM1 {
    width: 17%;
    top: -36%;
    left: -33%;
}

.loadingBox .loadM2 {
    width: 17%;
    top: -50%;
    left: 36%;
}

.loadingBox .loadM3 {
    width: 14%;
    top: 9%;
    left: 150%;
}

.loadingBox .loadM4 {
    width: 15%;
    top: 38%;
    left: -90%;
}

.loadingBox .loadM5 {
    width: 17%;
    top: 55%;
    left: 43%;
}

.loadingBox .loadM6 {
    width: 14%;
    top: 40%;
    left: 174%;
}

.loadingBox .loadM7 {
    width: 14.5%;
    top: 110%;
    left: -57%;
}

.loadingBox .loadM8 {
    width: 14%;
    top: 150%;
    left: 33%;
}

.loadingBox .line00 {
    width: 400px;
    height: 1px;
    background: linear-gradient(90deg, rgba(209, 209, 209, 0) 0%, rgba(209, 209, 209, 0.5) 50%, rgba(209, 209, 209, 0) 100%);
}

.loadingBox .line90 {
    width: 1px;
    height: 500px;
    background: linear-gradient(0deg, rgba(209, 209, 209, 0) 0%, rgba(209, 209, 209, 0.5) 50%, rgba(209, 209, 209, 0) 100%);
}

.loadingBox .line01 {
    top: 0%;
    left: -95%;
}

.loadingBox .line02 {
    top: -72%;
    left: 3%;
}

.loadingBox .line03 {
    top: -85%;
    left: 34%;
}

.loadingBox .line04 {
    top: 35%;
    left: 93%;
}

.loadingBox .line05 {
    left: 91%;
    top: -90%;
}

.loadingBox .line06 {
    left: 90%;
    top: 67%;
}

.loadingBox .line07 {
    left: 120%;
    top: 98%;
    width: 300px;
}

.loadingBox.on {
    opacity: 1;
    z-index: 99999;
}

.loadingBox.on .loadingMark {
    transform: rotate(0deg)
}

.loadingBox.on img {
    opacity: 1;
    transform: scale(1);
}

.loadingBox.on div {
    /*opacity:1;*/
}

.loadingBox.on .loadM1 {
    top: 22%;
    left: 22%;
}

.loadingBox.on .loadM2 {
    top: 21%;
    left: 40%;
}

.loadingBox.on .loadM3 {
    top: 26%;
    left: 57%;
}

.loadingBox.on .loadM4 {
    top: 43%;
    left: 28%;
}

.loadingBox.on .loadM5 {
    top: 41%;
    left: 44%;
}

.loadingBox.on .loadM6 {
    top: 43%;
    left: 60%;
}

.loadingBox.on .loadM7 {
    top: 60%;
    left: 24.5%;
}

.loadingBox.on .loadM8 {
    top: 63%;
    left: 39%;
}

.loadingBox.on .line01 {
    top: 0%;
    left: -35%;
    transition: all 0.6s 0.3s ease;
}

.loadingBox.on .line02 {
    top: -22%;
    left: 3%;
    transition: all 0.5s 0.5s ease;
}

.loadingBox.on .line03 {
    top: -35%;
    left: 34%;
    transition: all 0.4s 0.7s ease;
}

.loadingBox.on .line04 {
    top: 35%;
    left: 23%;
    transition: all 0.5s 0.9s ease;
}

.loadingBox.on .line05 {
    left: 91%;
    top: -20%;
    transition: all 0.6s 0.7s ease;
}

.loadingBox.on .line06 {
    left: 10%;
    top: 67%;
    transition: all 0.4s 0.8s ease;
}

.loadingBox.on .line07 {
    left: 37%;
    top: 98%;
    width: 300px;
    transition: all 0.5s 1.2s ease;
}

.loadingMarkIn .box {
    width: 288px;
    height: 288px;
    background-color: rgba(255, 255, 255, 0.03);
}

.loadingMarkIn .box.on {
    transform: rotate(20deg);
}

/*쌓이는 인터렉션*/
.box01 {
    transform: translate(0px, 0px);
}

.box02 {
    transform: translate(0px, 0px);
    opacity: 0;
}

.box03 {
    transform: translate(0px, 0px);
    opacity: 0;
}

.box01.on11 {
    transform: translate(0px, 0px);
}

.box02.on11 {
    transform: translate(30px, 30px);
    transition-delay: 0.3s;
    opacity: 1;
}

.box03.on11 {
    transform: translate(60px, 60px);
    transition-delay: 0.4s;
    opacity: 1;
}

/*쌓이는 인터렉션2*/
.box04 {
    transform: translate(20px, 20px);
    opacity: 0;
}

.box05 {
    transform: translate(20px, 20px);
}

.box06 {
    transform: translate(20px, 20px);
    opacity: 0;
}

.box04.on22 {
    transform: translate(-20px, -20px);
    transition-delay: 0.3s;
    opacity: 1;
}

.box05.on22 {
    transform: translate(20px, 20px);
}

.box06.on22 {
    transform: translate(60px, 60px);
    transition-delay: 0.4s;
    opacity: 1;
}

/*커지는 인터렉션*/
.box07 {
    transform: scale(0) translate(0px, 0px);
    opacity: 1;
    transform-origin: left top;
}

.box08 {
    transform: scale(0);
    opacity: 1;
    transform-origin: center;
}

.box09 {
    transform: scale(0);
    opacity: 1;
    transform-origin: right bottom;
}

.loadingBox.on .box07 {
    transform: scale(1.1) translate(-20px, -20px);
    transition-delay: 0.3s;
    opacity: 1;
}

.loadingBox.on .box08 {
    transform: scale(1.1) translate(20px, 20px);
    transition-delay: 0.9s;
    opacity: 1;
}

.loadingBox.on .box09 {
    transform: scale(1.1) translate(60px, 60px);
    transition-delay: 0.6s;
    opacity: 1;
}

.box08.big {
    transform: scale(4.5, 4.5);
}

/* loading */

@media all and (max-width: 1730px) {
    .honorList.btns {
        padding-right: calc(20% - 11.325rem);
    }
}
@media all and (max-width: 1615px) {
    .honor-wrap .swiper-container .swiper-slide .honorBox button {
        width: calc(100% - 26.375rem);
        text-align: left;
        word-break: keep-all;
        line-height: 33px;
    }
    .boxPic {
        width: 25.813em;
        height: 35.313em;
    }
    .boxPic .picImg {
        width:100%; height:100%;
    }
    .team-wrap {
        width:100%; max-width:100%;
    }

    .visual.product.sigma .cont-wrap img {
        display:none;
    }

    .honorList.btns {
        padding-right: calc(20% - 10.925rem);
    }
}

@media all and (max-width: 1530px) {
    .historyList {
        padding-left: 12.35em;
    }
    
    /* product */
    /* .qBankCont .qBankCont01 img.qbankImg,
    .qBankCont .qBankCont02 img.qbankImg {
        display:none;
    } */
    .qBankCont .qBankCont01, .qBankCont .qBankCont02 {
        height:auto;
    }
    /* .qBankCont .qBankCont01 .cont01-r, .qBankCont .qBankCont02 .cont02-l {
        width:100%;
    } */
    .cont01-r ul li .r-txt p, .cont02-l ul li .r-txt p {
        font-size: 20px;
    }
    .cont01-r ul li .r-txt span, .cont02-l ul li .r-txt span {
        font-size: 17px;
    }
    .qBankCont .qBankCont01 .cont01-r, .qBankCont .qBankCont02 .cont02-l {
        margin-top: 50px;
    }
    .qBankCont .qBankCont01 .cont01-r ul li .icon {
        width: 89px;
    }
    .qBankCont .qBankCont01 .cont01-r ul {
        padding: 0 80px 0 120px;
    }
    .qBankCont .qBankCont02 .cont02-l ul {
        padding: 0 130px 0 80px;
    }
    .qBankCont .qBankCont01 .cont01-r ul, .qBankCont .qBankCont02 .cont02-l ul {
        margin:0;
        width:100%;
        justify-content:space-between;
    }

    .visual.product.sigma .cont-wrap img {
        display:none;
    }

    .honorList.btns {
        padding-right: calc(20% - 10.325rem);
    }
}
@media all and (max-width: 1370px) {
    .honorList.btns {
        padding-right: calc(20% - 10.025rem);
    }
}
@media all and (max-width: 1320px) {
    .tech-item-desc {
        padding-top:67px;
        padding-left:82px;
    }
}
@media all and (max-width: 1310px) {
    .textBoxInBox {
        width: 23.35rem;
    }
}
@media all and (max-width: 1260px) {
    .textBoxInBox {
        width: 20.35rem;
    }
}
@media all and (max-width: 1240px) {
    .honorList, .pageNavi {
        padding-left: 0.75em;
    }
    .honorY {padding-left: 0;}
    .cont-area:nth-child(3) .honor-wrap .honor-txt .title,
    .cont-area:nth-child(3) .award-wrap .award-txt .title {padding-left:18%;}

    .awardList {padding-left:2.35em;}
    .awardY {padding-left: 0.4em;}
    .awardsListIn {
        width:calc(100% - 20.625rem); /* 58% */
        height:320px;
    }
    .awardsListIn .awardsN {
        line-height:49px; word-break:keep-all;
    }
    .awardsListIn .awardsN.eduAward {width:57%;}
    .award-wrap .pageNavis {padding-left:2.65em;}

    .historyList {
        padding-left: 15.35em;
    }
    .cont-area.bg-item--first {
        height: 50rem;
    }
    .cont-area:first-child .cont-txt {
        padding: 0 40px;
    }
    .cont-area:first-child .cont-txt .color {
        font-size: 28px;
    }
    .cont-area:first-child .cont-txt .title span {
        font-size:70px; line-height:72px;
    }
    .cont-area:first-child .cont-txt .desc {
        margin-top: 20px; font-size: 19px; line-height: 26px;
    }

    .cont-area.bg-item--second {
        height: 50rem;
    }

    .visual .cont-wrap, .anchor-list .cont-wrap, .edu .cont-wrap {
        padding:0 30px;
    }
    .visual .cont-wrap span:first-child {
        font-size:28px; line-height:28px;
    }
    .visual .cont-wrap span:last-child {
        font-size:55px; line-height:56px;
    }
    .visual .cont-wrap span.rnd-word {
        width:100%; word-break:keep-all;
    }
    .edu {
        padding: 6.375em 0;
    }
    .anchor-list .cont-wrap {
        gap:2.688em;
    }
    .edu-tech {
        padding-top:6.375em;
    }

    .tech-item-desc {
        padding-top:43px; padding-left:62px;
    }
    .edu-tech .swiper-container .swiper-wrapper li.swiper-slide {
        height:30.5rem;
    }

    .edu .cont-wrap .title {
        font-size:45px; line-height:55px;
    }
    .edu .cont-wrap .edu-desc {
        font-size:22px; line-height:31px; margin-top:8px;
    }
    .edu-item {
        margin-top: 5.313em; gap:60px;
    }
    .edu-item .edu-list .icon {
        width:140px; height:140px;
    }
    .edu-item .edu-list .list-desc {
        padding: 0.813em 0 0.813em 10.3em;
    }
    .edu-item .edu-list .list-desc .desc01 {
        font-size:23px; line-height:33px;
    }

    .swiper-container4 .swiper-slide {
        display:flex; flex-direction:column; justify-content:center;
    }
    .swiper-container4 .swiper-slide .busi_sm_ImgBox,
    .swiper-container4 .swiper-slide .busi_si_ImgBox {
        position:relative;
    }
    .swiper-container4 .swiper-slide .busi_sm_ImgBox img,
    .swiper-container4 .swiper-slide .busi_si_ImgBox img {
        width:100%; vertical-align:top;
    }
    .swiper-container4 .swiper-slide .busi_sm_textBox,
    .swiper-container4 .swiper-slide .busi_si_textBox {
        position:relative; left:0; bottom:0; width:100%;
    }
    .busmBox .swiper-button-next, .busmBox .swiper-button-prev,
    .busiBox .swiper-button-next, .busiBox .swiper-button-prev {
        top:unset; bottom:0;
    }
    /* .busmBox .swiper-container4.plant .swiper-button-next, .busmBox .swiper-container4.plant .swiper-button-prev {
        top:45.5%;
    }
 */
    .textBoxInBox {
        align-items: flex-start;
    }
    .sitxtTitle:after {
        right:unset; left:0;
    }
    .textBoxInBox .si-desc {
        text-align:left;
    }
    .siAndsm .cont-wrap .title {
        font-size:45px; line-height:55px;
    }
    .siAndsm .cont-wrap .saiAndsm-desc {
        font-size:20px; line-height:28px; margin-top:8px;
    }

    .partners-list {
        width: 100%;
        height: 100%;
        padding-top: 6.75rem;
        padding-bottom: 15.75rem;
    }
    .partners-list .cont-wrap {
        width:100%; max-width:100%; padding:0 30px; gap:4.2rem;
    }
    .partners-list .cont-wrap .list-item {
        flex-direction:column; gap:4.2rem;
    }
    .partners-list .cont-wrap .list-item .item-logo {
        width:100%; height:100%;
    }

    .blank-area .cont-wrap {
        padding:0 40px;
    }
    .blank-area .cont-wrap span:first-child {
        font-size:28px; line-height:28px;
    }

    .port-item .card {
        width:100%; height:250px;
    }
    .portList .list-items, .partList .list-items {
        grid-template-rows: repeat(2, 1fr);
    }
    .partList .list-items {
        grid-template-areas:
            "partItem01 partItem02"
            "partItem03 partItem04"
            "partItem05 partItem06"
            "partItem07 partItem08"
            "partItem09 partItem10"
            "partItem11 partItem12"
            "partItem13 partItem14"
            "partItem15 partItem16"
            "partItem17 partItem18"
            "partItem19 partItem20"
            "partItem21 partItem22"
            "partItem23 partItem24"
            "partItem25 partItem26"
            "partItem27 partItem28"
            "partItem29 partItem30"
            "partItem31 partItem32"
            "partItem33 partItem34"
            "partItem35 partItem36"
            "partItem37 partItem38"
            "partItem39 partItem40"
            "partItem41 partItem42"
            "partItem43 partItem44"
            "partItem45 partItem46";
    }
    .portList .list-items {
        grid-template-areas:
            "item01 item02"
            "item03 item04"
            "item05 item06"
            "item07 item08"
            "item09 item10"
            "item11 item12";
    }
    .portList {
        padding: 3rem 40px 0 40px;
    }

    .busi_si_textBoxIn {
        padding: 4.5rem 25.5rem 10rem 3.625rem;
        height: 390px;
    }
    .busi_sm_textBoxIn {
        height: 390px;
    }
    .visual-analyze .sectionIn {
        max-width: 1000px;
    }
    .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide > div {
        width: 700px;
    }
    .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide > div img {
        width: 100%;
    }
    .visual-analyze .swiper-button-next, .visual-analyze .swiper-container-rtl .swiper-button-prev {
        right: 50px;
    }
    .visual-analyze .swiper-button-prev, .visual-analyze .swiper-container-rtl .swiper-button-next {
        left: 50px;
    }
    .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide > span {
        width: 100%;
        text-align: center;
    }

    .item-reco {
        padding-top:7.375em;
        padding-bottom:3.125em;
    }
    .item-reco .cont-wrap .item-desc {
        font-size:22px; line-height:32px; padding:0 30px;
    }
    .kmspCont {
        gap:2.375rem;
        padding:0 30px;
    }
    .kmspContL > div > .tit::before {
        top:18px;
    }

    .kmspContL {
        width:19.5rem;
    }
    .kmspContC {
        width:24.375rem;
    }
    .kmspContC img {
        width:100%;
    }

    .eduContL .l-cont {
        flex-direction: column-reverse;
    }
    .eduContL .l-cont .cont--tit {
        width:100%; text-align:right;
    }
    .eduContR .r-cont .r-cont-box {
        flex-direction:column; align-items:flex-start;
    }
    .eduContR .r-cont .r-cont-box img {
        margin-top:30px;
    }

    .eduContL .l-cont {
        right:unset; left:calc(50% - 160px);
    }

    .teamIn .partner-list {
        padding-right:5rem;
    }

    /* product */
    .lmsCont .cont-wrap {
        gap:3.5rem;
        padding:0 20px;
    }
    .lmsCont .cont-wrap .lms-l .l-box {
        padding:2.063rem 1.688rem;
    }
    .lmsCont .cont-wrap .lms-r {
        width:auto; height:auto;
    }
    .lmsCont .cont-wrap .lms-r img {
        width:100%;
    }
    .visual.product.sigma .cont-wrap img {
        display:none;
    }

    .learn-item .item-list:last-child ul {
        width:20.563rem;
    }
    .ai-item {
        justify-content: space-between; gap:2.285rem;
    }

    .k-pie-wrap {
        justify-content: center;
    }
    .k-pie-wrap .pie-wrap {
        width:14.563rem; height:14.563rem;
    }
    .k-pie-wrap .pie-wrap .text .num {
        font-size:24px;
    }
    .k-pie-wrap .pie-wrap .text .tit {
        font-size:21px; margin-top:0.088rem;
    }
    .k-pie-wrap .pie-wrap .text p {
        margin-top:1.075rem; font-size:16px; line-height:23px;
    }

    .slider-wrap {
        max-width:1000px;
    }
    .cont-wrap.analize .swiper-analize .swiper-wrapper li.swiper-slide > div > img {
        width: 100%;
    }

    /* contact */
    .wrap.contact {
        padding-top: 11.813rem;
        padding-bottom: 5.625rem;
    }
    .num-list {
        margin-top: 7.5rem;
    }
    .wrap.contact .cont-wrap {
        width:100%; max-width:100%; padding:0 40px;
    }

    .honorList.btns {
        padding-right: calc(20% - 3.525rem);
    }

    .visual-analyze .sectionIn.keyword-wrap {
        max-width: 820px;
        height: 26.213rem;
    }
    .visual-analyze .swiper-keyword {
        height: 38.313rem;
    }

    .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide > div {
        height: 28.313rem;
    }

    .busiBox .swiper-button-prev {
        right: 0;
        left: auto;
    }
    .busiBox .swiper-button-next {
        right: 58px;
        left: auto;
    }

    .appBox img {
        width: 280px;
    }

    .qBankCont .qBankCont01 img.qbankImg, .qBankCont .qBankCont02 img.qbankImg {
        width:385px; height:353px;
    }
    .qBankCont .qBankCont01 .cont01-r, .qBankCont .qBankCont02 .cont02-l {
        width: calc(100% - 19.438rem);
        height: 23.438rem;
    }
    .qBankCont .qBankCont01 .cont01-r ul {
        padding: 0 40px 0 120px;
    }
    .qBankCont .qBankCont02 .cont02-l ul {
        padding: 0 120px 0 40px;
    }

    .qBankCont .qBankCont01 .m-qbankImg, .qBankCont .qBankCont02 .m-qbankImg {
        width:385px; height:353px;
    }

    .cont-wrap.sigma .appBox .boxImg.math img,
    .cont-wrap .plant-app .appBox .boxImg img {
        width:auto;
    }
}
@media all and (max-width: 1208px) {
    .anchor-list .cont-wrap .list-item {
        padding: 2.625em 2.888em;
    }
}
@media all and (max-width: 1200px) {
    .blockChain-list > ul > li::after, .blockChain-list > ul > li .listNum::after,
    .blockChain-list > ul > li .listNum::before {
        display:none;
    }
    .visual.product.sigma .cont-wrap img {
        display:none;
    }

    /* product */
    .portal-app > div > .app-desc > span {
        width:100%;
    }
    .portal-app > div {
        gap:6.625rem;
    }

    /* contact */
    .subway-box .box-list span {
        width:100%;
    }

    .anchor-list .cont-wrap .list-item {
        padding: 2.625em 1.888em;
    }
}
@media all and (max-width: 1135px) {
    .ai-item .item-list .list-title {
        width:auto;
    }
    .ai-item .item-list .list-title span {
        font-size:21px;
    }
    .ai-item .item-list ul li {
        font-size:17px; line-height:26px;
    }
    .ai-item {
        gap:50px;
        flex-direction: column;
        align-items: center;
    }
    .ai-item .item-list {
        width:100%; justify-content:center; gap:22px;
    }
    .ai-item .item-list .list-title {
        gap:0.85rem;
    }

    .appBox img {
        width: 280px;
    }
}
@media all and (max-width: 1108px) {
    /* .ami-app .appBox img {
        width:90%;
    } */
    .visual.product.sigma .cont-wrap img {
        display:none;
    }

    /* product */
    .learn-item .item-list:last-child ul {
        width:16.563rem;
    }
    .learn-item .item-list ul li {
        font-size:16px;
    }
    .learn-item .item-list {
        gap:1.013rem;
    }
    .learn-item .item-list .list-title span {
        font-size:21px;
    }
    .learn-item .item-list {
        flex-direction: column; width:100%; align-items:center;
    }
    .learn-item .item-list:first-child ul,
    .learn-item .item-list:last-child ul {
        width:100%;
    }

    .anchor-list .cont-wrap .list-item {
        padding: 2.625em 1.588em;
    }

    .awardsListIn {
        width:calc(100% - 20.625rem); /* 48% */
    }

    .honorList.btns {
        padding-right: calc(20% - 3.025rem);
    }
}
@media all and (max-width: 1064px) {
    .anchor-list .cont-wrap .list-item {
        padding: 2.625em 1.288em;
    }
}
@media all and (max-width: 1060px) {
    .k-pie-wrap {
        gap:1.163rem;
        display:grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .k-pie-wrap .pie-wrap {
        margin: 0 auto;
    }
    .slider-wrap {
        max-width:730px;
    }
    .cont-wrap.analize .swiper-analize .swiper-wrapper li.swiper-slide > div {
        height:17.375rem;
    }

    .anchor-list .cont-wrap .list-item {
        padding: 2.625em 1.088em;
    }

    .qBankCont .qBankCont01 .cont01-r, .qBankCont .qBankCont02 .cont02-l {
        width: calc(100% - 15.438rem);
        height: 100%;
        padding: 40px 0px 30px 0px;
    }
    .qBankCont .qBankCont01 img.qbankImg, .qBankCont .qBankCont02 img.qbankImg {
        width: 335px;
        height: 303px;
    }
    .cont01-r ul li .r-txt p, .cont02-l ul li .r-txt p {
        font-size: 19px;
    }
    .cont01-r ul li .r-txt span, .cont02-l ul li .r-txt span {
        font-size: 16px;
    }
    .qBankCont .qBankCont01 .cont01-r ul {
        gap: 20px;
    }

    .qBankCont .qBankCont01 .m-qbankImg, .qBankCont .qBankCont02 .m-qbankImg {
        width:315px; height:323px;
    }
}
@media all and (max-width: 1024px) {
    .honorWrap {margin:0 auto 0 9%;}
    .cont-area:nth-child(3) .honor-wrap .honor-txt .title,
    .cont-area:nth-child(3) .award-wrap .award-txt .title {padding-left:12.8%;}
    .pageNavi {margin:27px auto 0 11%;}
    .boxPic {
        width: 19.813em;
        height: 29.313em;
        top: -160px;
    }
    .boxPic .picImg {
        width:100%; height:100%;
    }
    .honor-wrap--slide .swiper-container .cont-wrap {left:calc(100% - 11.738rem);}
    .cont-area:nth-child(3) {padding:5.5em 0;}
    .cont-area:nth-child(3) .skills {font-size:45px;}
    .cont-area:nth-child(3) .honor-wrap .honor-txt .title,
    .cont-area:nth-child(3) .award-wrap .award-txt .title {
        font-size: 35px;
    }
    .honorY {
        top:-130px;
        font-size: 80px;
    }
    .cont-area:nth-child(3) .honor-wrap .honor-txt {margin-bottom: 80px;}
    .cont-area:nth-child(3) .honor-wrap {margin-top: 3.563em;}
    .pageNavi ul li a {font-size: 22px;}

    .awardY {
        padding-left:0;
        left: 18px;
    }
    .awardsListIn {
        /* width:100%;  */height:auto; margin:80px 0 40px 0;
    }
    .award-wrap .pageNavis {padding-left:1.05em;}
    .awardBox {position:relative;}
    .awardsListIn {position:relative; width:calc(100% - 20.625rem);}
    .awardsLogo {
        position: relative;
        bottom: auto;
        left: auto;
        top: auto;
        text-align: left;
        margin: 0 0 0 45px;
    }
    .homeView {
        right:auto; bottom:-30px; width:100%;
    }
    .homeView .waIcon {
        left:45px; width:30px;
    }
    .homeView img.koicaMock {
        width:310px !important; right:-6px;
    }

    .homeView img.ehcMock, .homeView img.pagodaMock {
        width:370px !important; right:-70px;
    }
    .homeView img.nierMock {
        width:420px; right:-108px; bottom:20px !important;
    }
    .homeView img.nccaMock {
        width:370px; right:-70px; bottom:0 !important;
    }
    .homeView.nibr img.nibrMock {
        width:370px; right:-70px; bottom:0 !important;
    }
    .homeView.nibr .mockupBg {
        width:550px; bottom:85px; left:auto; right:-190px;
    }
    .homeView.coway .mockupImg {
        width:420px; right:-108px; bottom:20px !important;
    }
    .homeView.sml .mockupImg {
        width:370px; right:-62px; bottom:37px !important;
    }
    .homeView.daekyo .mockupImg {
        width:370px; right:-37px; bottom:0 !important;
    }
    .homeView.cowayPage .mockupImg {
        width:280px !important; right:5px; bottom:-75px !important;
    }
    .awardsListIn .awardsN.eduAward {width:100%;}
    .historyList {
        padding-left: 16.85em;
    }

    .edu-tech .cont-wrap .title {
        font-size:45px; line-height:56px;
    }
    .edu-tech .cont-wrap .tech-desc {
        font-size:20px; line-height:31px; margin-top:5px;
    }
    .tech-wrap--slide {
        margin-top:45px;
    }

    .tech-item-desc {
        padding-left:52px;
    }
    .live-logo-img {
        width:50px; height:72px; margin-bottom:15px;
    }
    .tutor-logo-img {
        width:75px; height:78px; margin-bottom:15px;
    }
    .math-logo-img, .plant-logo-img {
        width: 70px;
        height: 70px;
        margin-bottom: 15px;
    }
    .tech-item-desc span {
        font-size:27px;
    }
    .tech-item-desc ul {
        margin-top:2px;
    }
    .tech-item-desc ul li {
        font-size:17px; line-height:24px;
    }
    .brochure-down-btn {
        margin-top:2.138rem;
    }
    .brochure-down-btn a {
        width:165px; height:45px;
    }
    .brochure-down-btn a > span {
        font-size:16px; line-height:23px;
    }
    .brochure-down-btn a > .down-icon {
        width:21px; height:14px;
    }

    .anchor-list .cont-wrap {
        gap:1.688em;
    }
    .anchor-list .cont-wrap .list-item {
        height:28.25em;
        padding:2.625em 1.388em;  
    }

    .siAndsm .cont-wrap .title {
        font-size:45px; line-height:55px;
    }
    .siAndsm .cont-wrap .saiAndsm-desc {
        font-size:20px; line-height:28px; margin-top:8px;
    }

    .blank-area .cont-wrap {
        padding: 0 30px;
    }
    .portList {
        padding: 3rem 30px 0 30px;
    }
    .portList .list-items {
        gap:1.8rem;
    }

    .item-reco {
        padding-top: 5.375em;
    }
    .item-reco .cont-wrap .title {
        font-size:45px; line-height:56px;
    }
    .item-reco .cont-wrap .item-desc {
        font-size:21px; line-height:33px; margin-top:7px;
    }
    .sectionIn {
        margin:40px auto 0 auto;
    }
    .visual-analyze {
        padding-top:5.375em;
    }
    .visual-analyze .cont-wrap .title {
        font-size:45px; line-height:56px;
    }
    .visual-analyze .cont-wrap .item-desc {
        font-size:21px; line-height:33px; margin-top:7px;
    }
    .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide > div {
        height:24.313rem;
    }
    .visual-analyze .swiper-keyword .swiper-pagination-bullet-active {
        width:17px;
        height:17px;
    }
    .visual-analyze .swiper-keyword .swiper-pagination-bullet {
        width:14px;
        height:14px;
    }

    .kmspContL > div > .tit {font-size:22px;}
    .kmspContR .contR-w {
        height:100%; padding:1.85rem 1.763rem;
    }

    .edutechContent {
        flex-direction: column;
        padding:0 20px;
    }
    .eduContL, .eduContR {
        width: 100%;
    }
    .eduContL .l-cont {
        left:0; top:0; width:100%; flex-direction:column; position:relative;
    }
    .eduContL .l-cont .cont--tit {
        text-align:left; width:auto;
    }
    .eduContL .l-cont .cont--tit::after, .eduContR .r-cont .cont--tit::after {
        right:unset; left:0;
    }
    .eduContL .l-cont img {
        width:100%; position:relative; margin-top:20px;
    }
    .eduContL .l-bg {
        display:none;
    }
    .eduContR .r-cont {
        padding-left:0;
    }
    .eduContR .r-cont .r-cont-box {
        flex-direction:row;
    }

    /* products */
    .visual.product {
        height:100vh;
    }
    .visual.product .cont-wrap img {
        width:580px;
    }

    .qBankCont {
        margin-top:0.875rem;
    }
    .qBankCont .qBankCont01 .cont01-r ul, .qBankCont .qBankCont02 .cont02-l ul {
        padding:0 20px;
    }
    .qBankCont .qBankCont01 .cont01-r, .qBankCont .qBankCont02 .cont02-l {
        padding:80px 20px 50px 20px; height:100%;
    }
    .qBankCont .qBankCont01 .cont01-r ul li .icon {
        width:89px; height:84px;
    }

    .lmsCont {
        margin-top:5.813rem;
        padding:5rem 0;
    }
    .live-point {
        margin-top:3rem;
    }
    .live-points .cont-wrap {
        padding:0 30px 30px 30px;
        display:grid; grid-template-columns:repeat(2, 1fr);
    }
    .point-img {
        width:268px;
    }
    .points span {
        font-size:20px;
        margin-top:0.288rem;
    }
    .live-points {
        width:100%; height:100%; padding-top:5.663rem;
    }
    .live-points .cont-wrap .point-box {
        padding:1.325rem;
    }
    .live-points .cont-wrap .point-box:first-child::before, .live-points .cont-wrap .point-box:nth-child(2)::before, .live-points .cont-wrap .point-box:nth-child(3)::before, .live-points .cont-wrap .point-box:last-child::before {
        top:-53px;
    }
    .live-desc {
        margin-top:0.763rem;
    }
    .live-desc p {
        margin: 0.338rem 0 0 0;
    }

    .visual.product.sigma .cont-wrap img {
        display:none;
    }

    /* contact */
    .wrap.contact .cont-wrap {
        padding:0 30px;
    }
    .wrap.contact .cont-wrap .intro .tit {
        font-size:28px;
    }
    .wrap.contact .cont-wrap .intro .join {
        font-size:58px;
    }
    .num-list {
        margin-top:5.5rem;
    }
    .num-list .list-item {
        padding:25px;
    }
    .num-list .list-item span {
        font-size:22px;
    }
    .num-list .list-item .contact-info {
        margin-top:1.213rem;
    }
    .num-list .list-item .contact-info a img {
        width:30px; height:30px;
    }
    .num-list .list-item .contact-info a p {
        font-size:20px;
        word-break:break-word;
    }
    .num-list .list-item .contact-info a:last-child {
        margin-top:0.488rem;
    }
    .map {
        margin-top:4.938rem;
    }
    .address {
        gap: 13px;
    }
    .address img {
        width:29px; height:46px;
    }
    .address span {
        font-size:22px;
    }

    .subway img {
        width:40px; height:40px;
    }
    .subway span {
        font-size:22px;
    }

    .tech-item {
        grid-template-columns: unset;
        grid-template-rows: 1fr auto;
        height: auto;
    }
    .edu-tech .swiper-container .swiper-wrapper li.swiper-slide {
        height:100%;
    }

    .honorList.btns {
        padding-right: calc(20% - 7.225rem);
    }

    .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:first-child > div::after, .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:nth-child(2) > div::after, .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:nth-child(3) > div::after, .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:nth-child(4) > div::after {
        bottom: -32px;
    }

    .lmsCont .cont-wrap.ami {
        gap: 2.113rem;
    }
    .appBox img {
        width: 230px;
    }

    .qBankCont .qBankCont01 {
        display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start;
        margin-bottom: 120px;
    }
    .qBankCont .qBankCont02 {
        display:flex; flex-direction:column-reverse; justify-content: flex-start; align-items: flex-start;
    }
    .qBankCont .qBankCont01 img.qbankImg, .qBankCont .qBankCont02 img.qbankImg {
        position: relative;
    }
    .qBankCont .qBankCont01 .cont01-r, .qBankCont .qBankCont02 .cont02-l {
        margin-top: 0;
        width: 100%;
    }
    .qBankCont .qBankCont01 img.qbankImg, .qBankCont .qBankCont02 img.qbankImg {
        margin: 0 auto;
    }

    .qBankCont .qBankCont01 .m-qbankImg, .qBankCont .qBankCont02 .m-qbankImg {
        position: absolute; top:-70px; width: 525px;
        height: 103px;
    }
    .item-reco {
        padding-bottom: 7.563rem;
    }

    .subway-box {
        flex-direction: column;
        gap: 3.625rem;
        padding: 2.5rem 1rem;
        align-items: flex-start;
    }

    .keysol .swiper-wrapper .swiper-slide .busi_si_textBox .busi_si_textBoxIn {
        height:530px;
    }

}
@media all and (max-width: 980px) {
    .awardsListIn {
        width: 100%;
    }
    .homeView .govAward {
        width: 280px !important;
        right: -7px;
    }
    .honorList.btns {
        padding-right: calc(20% - 6.825rem);
    }
}
@media all and (max-width: 960px) {
    .kmspCont {
        flex-direction:column; height:100%;
    }
    .kmspContL > div {
        padding-right: 0;
    }
    .kmspContL > div::after {
        display:none;
    }
    .kmspContR {
        margin-top:20px;
    }
    .kmspContR .contR-b {
        top: -1.575rem;
        width: 100%;
    }

    /* product */
    .ami-sdk {
        font-size:21px; line-height:27px;
    }
    .visual.product.sigma .cont-wrap img {
        display:none;
    }
}

@media all and (max-width: 940px) {
    .visual-analyze .sectionIn.keyword-wrap {
        max-width: 670px;
        height: 21.513rem;
        padding: 34px 0px 0px 0px;
    }
    .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide > div {
        width: 570px;
        height: 21.313rem;
    }
    .visual-analyze .swiper-keyword {
        height: 32.313rem;
    }
}

@media all and (max-width:910px) {
    .honorList.btns {
        padding-right: calc(20% - 6.325rem);
    }

    .appBox img {
        width: 220px;
    }
}

@media all and (max-width: 890px) {
    .honor-wrap .swiper-container .swiper-slide .honorBox button {
        width: calc(100% - 16.375rem);
        font-size: 17px;
        line-height: 30px;
    }
    .boxPic {
        width: 14.813em;
        height: 20.213em;
        top: -50px;
    }
    button.one.on::before, button.two.on::before, button.three.on::before, button.four.on::before, button.five.on::before, button.six.on::before {
        top: 11px;
    }
    .pageNavi ul li a {font-size:20px;}
    .honor-wrap--slide .swiper-container .cont-wrap {margin-top:42px;}
    .cont-area:nth-child(3) .skills {font-size:35px;}
    .cont-area:nth-child(3) .honor-wrap .honor-txt .title,
    .cont-area:nth-child(3) .award-wrap .award-txt .title {font-size:25px;}
    .honorY {top:-117px; font-size:60px;}
    .honor-wrap .swiper-container .swiper-slide {height:18.563em;}

    .awardList {padding-left:0;}
    .awardWrap {margin:0 auto 0 14%;}
    .awardY {left:0;}
    .award-wrap .pageNavis {
        padding-left:0; margin:27px auto 0 14%;
    }
    .cont-area:nth-child(3) .award-wrap {
        margin-top: 5.25em;
    }
    .historyList {
        padding-left: 18.65em;
    }
    .history-wrap .swiper-container .swiper-slide a.on {
        font-size: 45px;
    }
    .history-wrap .swiper-container .swiper-slide ul li span:last-child {
        font-size: 17px;
    }
    .history-wrap .swiper-container .swiper-slide ul li {
        margin-top: 7px;
    }

    .edu-tech {
        padding-top:4.375em; padding-bottom:3.125em;
    }
    .cont-area.bg-item--second .cont-wrap {
        width:100%; max-width:100%;
    }
    .cont-area.bg-item--second .cont-wrap .cont-txt {
        padding:0 30px;
    }

    .edu-tech .swiper-container .swiper-wrapper li.swiper-slide {
        height:22rem;
    }
    .tech-item-desc {
        padding-left:45px; padding-top:29px;
    }
    .edu-tech .cont-wrap .title {
        font-size:43px; line-height:54px;
    }
    .edu-tech .cont-wrap .tech-desc {
        font-size:18px; line-height:29px; margin-top:3px; width:100%; text-align:center; padding:0 20px;
    }
    .live-logo-img {
        width:40px; height:58px; margin-bottom:9px;
    }
    .tutor-logo-img {
        width:65px; height:68px; margin-bottom:9px;
    }
    .math-logo-img, .plant-logo-img {
        width: 70px;
        height: 70px;
        margin-bottom: 9px;
    }
    
    .tech-item-desc span {
        font-size:25px;
    }
    .visual .cont-wrap, .anchor-list .cont-wrap, .edu .cont-wrap {
        padding: 0 20px;
    }
    .anchor-list .cont-wrap .list-item:first-child .icon {
        width:30px; height:30px;
    }
    .anchor-list .cont-wrap .list-item:nth-child(2) .icon {
        width:37px; height:28px;
    }
    .anchor-list .cont-wrap .list-item:last-child .icon {
        width:39px; height:32px;
    }
    .anchor-list .cont-wrap .list-item .item-category {
        height:48px; margin-top:11px; font-size:22px; line-height:26px; margin-bottom:0.513em;
    }
    .anchor-list .cont-wrap .list-item .item-desc {
        padding-top:1.05em;
    }
    .list-item .item-desc .desc-list span:first-child {
        font-size:18px; line-height:23px;
    }
    .list-item .item-desc .desc-list span:last-child {
        font-size:15px; line-height:21px; word-break:keep-all;
    }
    .anchor-list .cont-wrap .list-item {
        height:23.25em;
    }

    .edu .cont-wrap .title {
        font-size: 40px;
        line-height: 50px;
    }
    .edu .cont-wrap .edu-desc {
        font-size: 21px;
        line-height: 28px;
        margin-top: 5px;
    }
    .edu-item {
        margin-top: 3.313em;
        gap: 50px;
    }
    .edu-item .edu-list .list-desc .desc01 {
        font-size: 20px;
        line-height: 30px;
    }
    .edu-item .edu-list .icon {
        width: 120px;
        height: 120px;
    }
    .edu-item .edu-list .list-desc {
        padding: 0.813em 0 0.813em 9.2em;
    }

    .siAndsm {
        padding-top: 4.375em;
        padding-bottom: 3.125em;
    }
    .siAndsm .cont-wrap .title {
        font-size:43px; line-height:54px;
    }
    .siAndsm .cont-wrap .saiAndsm-desc {
        font-size:18px; line-height:28px; margin-top:3px; width:100%;
        text-align:center; padding:0 20px;
    }
    .sitxtTitle {
        font-size:25px;
        line-height:35px;
        margin-bottom: 2.388rem;
    }
    .sitxtTitle:after {
        bottom:-1.538rem;
    }
    /* .busmBox .swiper-button-next, .busmBox .swiper-button-prev {
        top:auto; bottom:359px;
    }
    .busmBox .swiper-container4.plant .swiper-button-next, .busmBox .swiper-container4.plant .swiper-button-prev {
        top:auto; bottom:386px;
    } */
    .textBoxInBox .si-desc {
        font-size:17px; line-height:27px; width:100%;
    }
    .busi_sm_textBoxIn {
        padding: 4.5rem 3.625rem 10rem 3.625rem;
    }
    .textBoxInBox {
        width:100%;
    }

    .plant-reco .busi_sm_textBoxIn, .busi_si_textBoxIn {
        padding: 4.5rem 3.625rem 10rem 3.625rem;
    }

    .plant-reco, .item-reco {
        padding-top: 6.375rem;
        padding-bottom: 5.563rem;
    }
    .visual-analyze .sectionIn {
        max-width: 800px;
    }
    .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide > div {
        width: 600px;
    }

    .plant-reco, .item-reco {
        padding-top:4.375rem; padding-bottom:4.563rem;
    }
    .item-reco .cont-wrap .title {
        font-size:40px;
        line-height:51px;
    }
    .item-reco .cont-wrap .item-desc {
        font-size:20px; line-height:28px; margin-top:3px; word-break:keep-all;
    }

    .kmspCont3 {
        margin:6rem 0; padding:0 20px;
    }

    /* product */
    .lmsCont .cont-wrap {
        flex-direction: column;
    }

    .point-img {
        width:238px; height:203px;
    }
    .visual.product.sigma .cont-wrap img {
        display:none;
    }
}

@media all and (max-width: 860px) {
    .edu-tech .swiper-container .swiper-wrapper li.swiper-slide {
        height:57rem;
    }
    .tech-item {
        flex-direction:column;
    }
    .tech-item-img {
        width:100%;
    }
    .teamIn .partner-list {
        padding-right:2rem;
    }

    .visual.product.sigma .cont-wrap img {
        display:none;
    }

    .honorList.btns {
        padding-right: calc(20% - 5.925rem);
    }
}
@media all and (max-width: 820px) {
    /* product */
    /* .qBankCont .qBankCont01 .cont01-r ul, .qBankCont .qBankCont02 .cont02-l ul {
        flex-direction: column; align-items: center; gap:30px;
    } */
    .qBankCont .qBankCont01 .cont01-r ul li {
        width:100%;
    }
    .qBankCont .qBankCont01 .cont01-r ul li .icon {
        width:100%; height:105px;
    }
    .qBankCont .qBankCont01 .cont01-r ul li .r-txt {
        margin-top:0.275rem;
    }

    .appBox {
        gap:1.413rem;
    }
    .appBox span {
        font-size:20px;
    }

    .visual.product.sigma .cont-wrap img {
        display:none;
    }

    .honorList.btns {
        padding-right: calc(20% - 5.625rem);
    }

    .blank-area {
        height: 22.75em;
    }

    .qBankCont .qBankCont01 .cont01-r ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media all and (max-width: 790px) {
    .anchor-list .cont-wrap .list-item .icon {
        display: none;
    }
    .anchor-list .cont-wrap .list-item {
        height:21.45em;
    }

    .edu {
        padding:4.375em 0;
    }
    .edu-item {
        flex-direction: column; padding-left:calc(50% - 16.125rem);
    }
    .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide > div {
        width: 500px;
        height: auto;
    }

    .item-reco .cont-wrap .title, .visual-analyze .cont-wrap .title {
        font-size:40px; line-height:51px;
    }
    .item-reco .cont-wrap .item-desc, .visual-analyze .cont-wrap .item-desc {
        font-size:19px; line-height:31px; margin-top:6px;
    }
    .visual-analyze {
        padding-top:3.375em;
    }

    /* product */
    .point-img {
        width:218px; height:184px;
    }
    .live-point {
        margin-top:1rem;
    }
    .lmsCont {
        padding:4.5rem 0;
    }
    .points span {
        font-size:18px; margin-top:0.788rem;
    }
    .point-box .box-item span {
        font-size:22px;
    }
    .live-desc p {
        font-size:17px;
    }

    .visual.product .sigma-imgs {
        display:none;
    }
    .visual.product.sigma .cont-wrap img {
        display:block;
    }
    .visual.sigma {
        padding-bottom:0;
    }

    .visual-analyze .sectionIn.keyword-wrap {
        max-width: 580px;
        height: 19.113rem;
    }
    .visual-analyze .swiper-keyword {
        height: 29.313rem;
    }
    .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:first-child > div::after, .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:nth-child(2) > div::after, .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:nth-child(3) > div::after, .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:nth-child(4) > div::after {
        bottom: -43px;
    }
}

@media all and (max-width: 760px) {
    .awardY {
        font-size:95px; top:-62px;
    }
    .awardsListIn {
        position: relative;
        width: auto;
        height: auto;
        top: 0;
        padding: 0;
        margin: 80px 20px 40px 40px;
    }
    .homeView .govAward {
        width:170px !important; bottom:20px !important; right:0;
    }
    .awardsListIn .awardsN.eduAward {
        width:100%; font-size:26px;
    }
    .awardsListIn .awardsText p {
        margin:6px 0 0 0; font-size:20px;
    }
    .awardsLogo {
        left:auto; margin:0 0 0 40px;
    }
    .awardsLogo img.ehcL {width:200px;}
    .homeView .waIcon {bottom:55px;}

		.homeView img.koicaMock {
        width:245px !important; right:-14px;
    }
    .homeView img.ehcMock {
        width:300px !important; bottom:5px !important; right:-70px !important;
    }
    .awardsListIn .awardsN {font-size:26px;}
    .awardsLogo img.pagodaL {width:80px;}
    .homeView img.pagodaMock {
        width:300px !important; bottom:5px !important; right:-70px !important;
    }
    .awardsLogo img.nierL {width:120px;}
    .homeView img.nierMock {
        width:320px; right:-95px !important; bottom:27px !important;
    }
    .awardsLogo img.nccaL {width:120px;}
    .homeView img.nccaMock {
        width:300px; bottom:5px !important;
    }
    .awardsLogo img.nibrL {width:120px;}
    .homeView.nibr img.nibrMock {
        width:300px; right:-70px; bottom:5px !important;
    }
    .homeView.nibr .mockupBg {
        width:450px; bottom:80px; left:auto; right:-190px;
    }
    .awardsLogo img.cowayL {width:90px;}
    .homeView.coway .mockupImg {
        width:320px; bottom:27px !important; right:-95px;
    }
    .awardsLogo img.smlL {width:135px;}
    .homeView.sml .mockupImg {
        width:282px; right:-50px; bottom:33px !important;
    }
    .awardsLogo img.daekyoL {width:125px;}
    .homeView.daekyo .mockupImg {
        width:282px; right:-65px; bottom:7px !important;
    }
    .homeView.cowayPage .mockupImg {
        width:230px !important; right:10px; bottom:-70px !important;
    }
    .pageNavis ul li a {font-size:18px;}
    .cont-area:nth-child(3) .history-wrap .history-txt .cont-wrap {
        flex-direction:row; justify-content:flex-start; align-items:flex-start; padding-left:13px;
        width:100%; max-width:340px; gap:30px;
    }
    .cont-area:nth-child(3) .history-wrap .history-txt .cont-wrap .title {
        width: auto; margin-right: 0;
    }
    .history-arrow {margin-top: 24px;}
    .cont-area:nth-child(3) .history-wrap .history-txt {
        margin-bottom: 48px;
    }

    .cont-area:first-child .cont-txt {
        padding: 0 20px;
    }
    .cont-area:first-child .cont-txt .color {
        font-size: 22px;
    }
    .cont-area:first-child .cont-txt .title span {
        font-size: 60px;
        line-height: 62px;
    }
    .cont-area:first-child .cont-txt .desc {
        margin-top: 7px;
        font-size: 18px;
        line-height: 25px;
        width: 70%;
        word-break: keep-all;
    }

    .cont-area.bg-item--second .cont-wrap .cont-txt .overview {
        font-size:50px; line-height:63px;
    }
    .cont-area.bg-item--second .cont-wrap .cont-txt .overview-desc {
        margin-top:30px; line-height:33px; word-break:keep-all; font-size:18px;
    }
    .cont-area.bg-item--second .cont-wrap .cont-txt .down-brochure {
        margin-top:77px; width:260px; height:53px;
    }
    .cont-area.bg-item--second .cont-wrap .cont-txt .down-brochure span {
        font-size:18px;
    }
    .cont-area.bg-item--second .cont-wrap .cont-txt .down-brochure .icon {
        width:23px; height:19px;
    }

    .anchor-list .cont-wrap {
        gap:0.888em;
    }
    .anchor-list .cont-wrap .list-item .item-category {
        margin-top: 0;
    }
    .anchor-list .cont-wrap .list-item {
        padding:2.625em 1.088em;
    }

    .blank-area .cont-wrap span:first-child {
        font-size:22px; line-height:22px;
    }

    /* product */
    .point-img {
        width:198px; height:174px;
    }

    .portal-app > div {
        gap:3.625rem;
    }
    .portal-app > div > .app-desc > span {
        font-size:18px; line-height:24px;
    }
    .portal-app > div > .app-desc {
        gap:1.475rem;
    }

    .plant-app {
        gap:2.338rem;
    }
    .plant-app .appBox .boxImg img {}
    .plant-app .appBox .boxImg {
        width:9.25rem; height:9.325rem;
    }
    .plant-app .appBox span {
        font-size:21px; margin-top:1.475rem;
    }

    .slider-wrap {
        max-width:100%;
        padding: 50px 30px;
    }
    .swiper-button-prev-5 {
        left:-18px !important;
    }
    .swiper-button-next-5 {
        right:-18px !important;
    }
    .cont-wrap.analize .swiper-analize .swiper-wrapper li.swiper-slide > div {
        margin:0 1.25rem;
    }

    .honorList.btns {
        padding-right: calc(20% - 5.325rem);
    }
}
@media all and (max-width: 730px) {
    .map .address .clipboard {
        align-items: flex-start;
    }
    .map .address .clipboard textarea {
        width:465px; height:76px;
    }
    .map .address .clipboard button {
        margin-top: 6px;
    }
}
@media all and (max-width: 720px) {
    .appBox img {
        width: 190px;
    }

    .visual-analyze .swiper-keyword {
        height: 27.213rem;
    }
    .visual-analyze .sectionIn.keyword-wrap {
        margin: 43px auto 120px auto;
        max-width: 530px;
        height: 17.613rem;
    }
    .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide > div {
        width: 450px;
    }
    .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:first-child > div::after, .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:nth-child(2) > div::after, .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:nth-child(3) > div::after, .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:nth-child(4) > div::after {
        font-size: 20px;
    }
    .sectionIn.keyword-wrap .swiper-button-next, .sectionIn.keyword-wrap .swiper-container-rtl .swiper-button-prev {
        right: -40px;
    }
    .sectionIn.keyword-wrap .swiper-button-prev, .sectionIn.keyword-wrap .swiper-container-rtl .swiper-button-next {
        left: -40px;
    }

    .qBankCont .qBankCont02 .cont02-l ul {
        display: grid; grid-template-columns: repeat(2, 1fr);
    }
}

@media all and (max-width: 706px) {
    .ami-app {
        flex-direction:column; gap:30px;
    }
    .ami-app .appBox:first-child span, .ami-app .appBox:nth-child(2) span {
        color:#000;
    }
    .appBox {
        gap: 0.713rem;
        position: relative;
        padding-bottom: 30px;
        width: 100%;
    }
    .appBox::after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #ddd;
        position: absolute;
        bottom: 0;
    }
    .appBox:last-child:after {
        display: none;
    }

    .honorList.btns {
        padding-right: calc(20% - 4.825rem);
    }

    .cont-wrap.sigma .appBox {
        padding-bottom: 30px; width:100%; position:relative;
    }
    .cont-wrap.sigma .appBox::after {
        content: '';
        width:100%; height:1px; background-color:#ddd; position:absolute; bottom:0;
    }
    .cont-wrap.sigma .appBox .boxImg {
        width:auto; height:100%; margin-bottom:0.575rem;
    }
    .cont-wrap.sigma p {
        margin: 2px 0 0 0;
    }

    .cont-wrap.sigma .appBox .boxImg img {
        width:auto;
    }
}

@media all and (max-width: 680px) {
    .honor-wrap .swiper-container .swiper-slide .honorBox button {
        width:100%;
        font-size: 16px;
        line-height: 25px;
    }
    .honor-wrap .swiper-container .swiper-slide {
        height: 18.563em;
    }
    .boxPic {
        width: 9.813em;
        height: 13.113em;
        top: 120px;
        right: 0;
        bottom: 0;
    }
    /* .boxPic {display:none;} */
    .honorBox button.one {margin-top:0;} 

    button.one.on::before, button.two.on::before, button.three.on::before, button.four.on::before, button.five.on::before, button.six.on::before {
        top: 8px;
    }
    .honor-wrap--slide .swiper-container .cont-wrap {margin-top:32px;}
    .cont-area:nth-child(3) .history-wrap {
        margin-top: 5.875em;
    }
    .historyList {
        padding-left: 21.65em;
    }

    .edu-tech .swiper-container .swiper-wrapper li.swiper-slide {
        height:100%;
    }
    .tech-item-desc {
        width:100%; height:23rem;
    }
    .tech-item-desc {
        padding-left:30px;
    }
    .tech-item-desc span {
        font-size:21px;
    }
    .tech-item-desc ul li {
        font-size:16px; line-height:22px;
    }
    .brochure-down-btn {
        margin-top:1.438rem;
    }

    .plant-reco, .item-reco {
        padding-top:3.375rem;
        padding-bottom:0;
    }
    .visual-analyze {
        padding-top: 3.375em;
        padding-bottom: 3.125em;
    }
    /* .visual-analyze .swiper-button-prev, .visual-analyze .swiper-container-rtl .swiper-button-next,
    .visual-analyze .swiper-button-next, .visual-analyze .swiper-container-rtl .swiper-button-prev {
        display: none;
    } */
    .visual-analyze .swiper-button-prev, .visual-analyze .swiper-container-rtl .swiper-button-next,
    .visual-analyze .swiper-button-next, .visual-analyze .swiper-container-rtl .swiper-button-prev {
        top: unset;
        bottom: -60px;
        width: 18px;
        height: 35px;
        background-size: 18px 35px;
    }
    .sectionIn.keyword-wrap .swiper-button-next, .sectionIn.keyword-wrap .swiper-container-rtl .swiper-button-prev {
        right: 15px;
    }
    .sectionIn.keyword-wrap .swiper-button-prev, .sectionIn.keyword-wrap .swiper-container-rtl .swiper-button-next {
        left: 15px;
    }
    .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide {
        padding:0 20px;
    }
    .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide > div {
        width:100%;
    }

    .eduContR .r-cont .r-cont-box {
        padding:2.938rem 1.875rem 2.938rem 1.875rem;
    }

    .teamIn {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .teamIn .chief {
        width:100%;
    }
    .teamIn .partner-list {
        width:100%;
        padding:0 30px;
        margin-top:30px;
    }
    .teamIn .teamBox ul li img {
        width: 80px;
    }
    .teamIn .teamBox ul li {
        align-items:flex-start;
    }
    .teamIn .teamBox ul li .part {
        margin: 1.125rem 0.7rem 0 0;
    }
    .teamIn .teamBox ul li .part .part-name {
        font-size:14px;
    }
    .teamIn .teamBox .title {
        margin-bottom:1.1rem;
    }
    .teamIn .teamBox ul {
        gap:25px;
    }

    /* product */
    .live-point {
        flex-direction: column; gap:30px;
    }
    .point-img {
        height:164px;
    }
    .live-point .points:first-child .point-img {
        height:134px;
    }
    .live-point .points {
        padding-bottom: 30px;
        width:100%;
        position: relative;
    }
    .live-point .points::after {
        content:''; width:100%; height:1px; background-color:#ddd;
        position:absolute; bottom:0;
    }
    .live-point .points:last-child:after {
        display:none;
    }

    .ai-item {
        gap:30px;
    }
    .ai-item .item-list {
        padding-bottom:30px; position:relative;
    }
    .ai-item .item-list::after {
        content:''; width:100%; height:1px; background-color:#ddd;
        position:absolute; bottom:0;
    }
    .ai-item .item-list:last-child:after {
        display:none;
    }

    .plant-app {
        flex-direction:column; align-items:center;
    }
    .plant-app .appBox span {
        margin-top:0.775rem;
    }

    .honorList.btns {
        display: none;
    }

    .visual-analyze {
        padding-left:20px; padding-right:20px;
    }
    .visual-analyze .sectionIn.keyword-wrap {
        max-width:530px; height:18.813rem;
    }
    .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:first-child > div::after, .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:nth-child(2) > div::after, .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:nth-child(3) > div::after, .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide:nth-child(4) > div::after {
        font-size:18px; bottom:-33px;
    }

    /* .visual-analyze .sectionIn.keyword-wrap {
        max-width: 100%;
    } */
    .plant-reco, .item-reco {
        padding-top: 4.375rem;
        padding-bottom: 4.563rem;
    }
    .qBankCont .qBankCont02 .cont02-l ul li {
        width: 100%;
    }
    .qBankCont .qBankCont01 .cont01-r ul, .qBankCont .qBankCont02 .cont02-l ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .qBankCont .qBankCont01 .cont01-r ul, .qBankCont .qBankCont02 .cont02-l ul {
        gap: 30px; /* 30px */
    }
    .qBankCont .qBankCont01 .cont01-r ul li, .qBankCont .qBankCont02 .cont02-l ul li {
        padding-bottom: 30px;
    }
    .qBankCont .qBankCont01 .cont01-r ul li::after, .qBankCont .qBankCont02 .cont02-l ul li::after {
        content: ''; width:100%; height:1px; background-color:#ddd;
        position:absolute; bottom:0;
    }
    .qBankCont .qBankCont01 .cont01-r ul li:last-child:after, .qBankCont .qBankCont02 .cont02-l ul li:last-child::after {
        display:none;
    }
    .qBankCont .qBankCont01 .cont01-r ul li .r-txt, .qBankCont .qBankCont02 .cont02-l ul li .r-txt {
        margin-top: 0.275rem;
    }
    .qBankCont .qBankCont01 .cont01-r ul li .r-txt, .qBankCont .qBankCont02 .cont02-l ul li .r-txt {
        align-items:center; gap:3px;
    }
    .qBankCont .qBankCont01 .cont01-r ul li:first-child .icon img {
        margin-left: 27px;
    }
    .qBankCont .qBankCont01 .cont01-r ul li:nth-child(3) .icon img {
        margin-left: 18px;
    }
}
/* @media all and (min-width: 641px) and (max-width: 1200px) {
    .busmBox .swiper-container4.plant .swiper-button-next, .busmBox .swiper-container4.plant .swiper-button-prev {

    }
} */
@media all and (max-width: 640px) {
    .awardsListIn {margin:60px 20px 40px 20px;}
    .awardsListIn .awardsN {line-height:32px;}
    .awardsLogo {margin:0 0 0 20px;}
    .homeView .waIcon {left:20px;}
    .pageNavis ul li {margin-right:20px;}
    .historyList {
        padding-left: 23.65em;
    }
    .cont-area.bg-item--first .cont-wrap .m-sub {display:none;}

    .cont-area.bg-item--second .cont-wrap .cont-txt {
        padding:0 20px;
    }
    .cont-area.bg-item--second .cont-wrap .cont-txt .overview {
        font-size:45px; line-height:58px;
    }
    .cont-area.bg-item--second .cont-wrap .cont-txt .overview-desc {
        margin-top:22px; line-height:30px; font-size:17px;
    }

    .anchor-list {
        padding-top:4.125em; padding-bottom:1.813em;
    }
    .anchor-list .cont-wrap .list-item .item-desc {
        display:none;
    }
    .anchor-list .cont-wrap .list-item {
        height: 100%;
    }
    .anchor-list .cont-wrap .list-item .item-category {
        margin-bottom:0; display:flex; justify-content:center; align-items:center;
        font-size:20px; line-height:22px; letter-spacing:-0.05em;
    }

    .portList .list-items, .partList .list-items {
        grid-template-rows: repeat(1, 1fr);
    }
    .partList .list-items {
        grid-template-areas:
            "partItem01"
            "partItem02"
            "partItem03"
            "partItem04"
            "partItem05"
            "partItem06"
            "partItem07"
            "partItem08"
            "partItem09"
            "partItem10"
            "partItem11"
            "partItem12"
            "partItem13"
            "partItem14"
            "partItem15"
            "partItem16"
            "partItem17"
            "partItem18"
            "partItem19"
            "partItem20"
            "partItem21"
            "partItem22"
            "partItem23"
            "partItem24"
            "partItem25"
            "partItem26"
            "partItem27"
            "partItem28"
            "partItem29"
            "partItem30"
            "partItem31"
            "partItem32"
            "partItem33"
            "partItem34"
            "partItem35"
            "partItem36"
            "partItem37"
            "partItem38"
            "partItem39"
            "partItem40"
            "partItem41"
            "partItem42"
            "partItem43"
            "partItem44"
            "partItem45";
    }
    .portList .list-items {
        grid-template-areas:
            "item01"
            "item02"
            "item03"
            "item04"
            "item05"
            "item06"
            "item07"
            "item08"
            "item09"
            "item10"
            "item11 "
            "item12";
    }
    .portList {
        padding: 3rem 20px 0 20px;
    }
    .portfolio-area {
        padding-bottom: 4.75rem;
    }

    .topCenterBox ul li a {
        font-size: 15px;
        letter-spacing: 0.05;
    }
    .topCenterBox ul {
        gap: 40px;
    }
    .topCenterBox ul li::before {
        left: -1.4rem;
    }

    .plant-reco .cont-wrap .title, .item-reco .cont-wrap .title {
        font-size: 45px;
        line-height: 56px;
    }

    .blockChain-service .service-item .item-box {
        width:260px; padding:10px 20px; height:auto;
    }
    .blockChain-service .service-item:first-child .item-box::before {
        width:42px; height:42px;
    }
    .blockChain-service .service-item .item-box span {
        font-size:16px; letter-spacing:-0.03em;
    }
    /* .blockChain-service {
        align-items:flex-start; width:100%; margin-left:calc(100% - 18.175rem);
    } */

    /* products */
    .visual.product .cont-wrap img {
        width:100%;
    }
    .botami-link {
        flex-direction: column;
        margin-top:26px;
        gap:0.613rem;
    }

    .learn-item {
        flex-direction: column; gap:30px;
    }
    .learn-item .item-list {
        align-items:flex-start; padding-bottom:30px;
        position:relative;
    }
    .learn-item .item-list::after {
        content:''; width:100%; height:1px; background-color:#ddd;
        position:absolute; bottom:0;
    }
    .learn-item .item-list:last-child:after {
        display:none;
    }
    .learn-item .item-list .list-title {
        gap:0.85rem;
    }
    .learn-item .item-list ul {
        margin-top:0.575rem;
    }

    .portal-app {
        gap:3.625rem;
    }
    .portal-app > div {
        flex-direction: column; align-items:center;
    }
    .portal-app > div > .app-desc {
        width:70%;
    }
    .portal-app > div > .app-desc > span {
        width:100%;
    }

    /* contact */
    .wrap.contact {
        padding-top:8.213rem;
    }
    .num-list {
        flex-direction: column;
        margin-top:2.7rem;
    }
    .wrap.contact .cont-wrap {
        padding:0 20px;
    }
    #maps {
        height:320px;
    }
    .subway-box {
        flex-direction: column;
        gap: 3.625rem;
        padding:2.5rem 1rem;
    }
    .subway-box .box-list {
        width:100%;
    }

    /* loading */
    .loadingMark {
        position: absolute;
        width: 240px;
        height: 240px;
        margin: -120px 0px 0px -120px;
    }

    .loadingMarkIn .box {
        width: 188px;
        height: 188px;
    }

    .loadingBox .loadM1 {
        width: 14%;
    }

    .loadingBox.on .loadM1 {
        top: 25%;
        left: 26%;
    }

    .loadingBox .loadM2 {
        width: 14%;
    }

    .loadingBox.on .loadM2 {
        top: 24%;
        left: 41%;
    }

    .loadingBox .loadM3 {
        width: 11%;
    }

    .loadingBox.on .loadM3 {
        top: 29%;
    }

    .loadingBox .loadM4 {
        width: 12%;
    }

    .loadingBox.on .loadM4 {
        top: 42%;
        left: 31%;
    }

    .loadingBox .loadM5 {
        width: 14%;
    }

    .loadingBox .loadM6 {
        width: 11%;
    }

    .loadingBox.on .loadM6 {
        left: 57%;
    }

    .loadingBox .loadM7 {
        width: 11.5%;
    }

    .loadingBox.on .loadM7 {
        top: 56%;
        left: 28.5%;
    }

    .loadingBox .loadM8 {
        width: 11%;
    }

    .loadingBox.on .loadM8 {
        top: 58%;
        left: 40%;
    }

    .loadingBox.on .box07 {
        transform: scale(1) translate(0px, 0px);
    }

    .loadingBox.on .box08 {
        transform: scale(1) translate(25px, 25px);
    }

    .loadingBox.on .box09 {
        transform: scale(1) translate(50px, 50px);
    }
    /* loading */
}

@media all and (max-width: 586px) {
    /* .busmBox .swiper-button-next, .busmBox .swiper-button-prev {
        bottom: 266px;
    } */
    .busi_sm_textBoxIn, .plant-reco .busi_sm_textBoxIn, .busi_si_textBoxIn {
        padding: 2.5rem 2.125rem 2.5rem 2.125rem;
    }
    .keysol .swiper-wrapper .swiper-slide .busi_si_textBox .busi_si_textBoxIn {
        height:330px;
    }
    /* .busmBox .swiper-container4.plant .swiper-button-next, .busmBox .swiper-container4.plant .swiper-button-prev {
        bottom: 261px;
    }
    .busmBox .swiper-container4.botscan .swiper-button-next, .busmBox .swiper-container4.botscan .swiper-button-prev {
        bottom: 290px;
    } */

    .blockChain-list > ul {
        flex-direction:column; gap:20px;
    }
    .blockChain-list > ul > li > .list-icon {
        margin-bottom: 0.087em;
    }
    .eduContR .r-cont .r-cont-box {
        flex-direction: column;
        padding: 1.938rem 1.475rem 1.938rem 1.475rem;
    }

    /* product */
    .lmsCont .cont-wrap .lms-l {
        width:100%;
        height:auto;
    }

    /* .swiper-container4 .swiper-slide .busi_sm_ImgBox img, .swiper-container4 .swiper-slide .busi_si_ImgBox img {
        width: 100%;
        height: 337px;
    } */

    .sectionIn.busiBox {
        min-height: auto;
    }

    .map .address .clipboard textarea {
        width:370px;
    }
}
@media all and (max-width: 560px) {
    .k-pie-wrap .pie-wrap {
        width:13.463rem; height:13.463rem;
    }
    .k-pie-wrap .pie-wrap .text .num {
        font-size: 20px;
    }
    .k-pie-wrap .pie-wrap .text .tit {
        font-size:18px;
    }
    .k-pie-wrap .pie-wrap .text p {
        margin-top: 0.475rem;
        font-size: 14px;
        line-height: 19px;
    }
    .slider-wrap .num {
        font-size:21px;
    }
    .slider-wrap p {
        font-size:17px; line-height:22px; margin:0.413rem 0 0 0;
    }
    .honor-wrap--slide .swiper-container .cont-wrap {
        display:none;
    }

    .visual-analyze .sectionIn.keyword-wrap {
        max-width: 100%; height: 18.313rem;
    }
    .visual-analyze .swiper-keyword {
        height: 27.813rem;
    }

    .sectionIn.busmBox {
        min-height: auto;
    }

    .qBankCont .qBankCont01 .m-qbankImg, .qBankCont .qBankCont02 .m-qbankImg {
        top:-60px; width:405px; height:93px;
    }
}
@media all and (max-width: 520px) {
    .map .address {
        align-items: flex-start; gap:11px;
    }
    .map .address .clipboard #select_cont {
        padding-right: 25px;
    }
}
@media all and (max-width: 500px) {
    .map .address .clipboard textarea {
        font-size:23px; width:290px; height:68px;
    }
    .map .address .clipboard #select_cont {
        font-size:23px;
    }
}
@media all and (max-width: 460px) {
    .cont-area:nth-child(3) {padding: 3.5em 0;}
    .cont-area:nth-child(3) .skills {font-size: 30px;}
    .cont-area:nth-child(3) .honor-wrap {margin-top: 2.563em;}
    .cont-area:nth-child(3) .honor-wrap .honor-txt {margin-bottom: 60px;}
    .cont-area:nth-child(3) .honor-wrap .honor-txt .title,
    .cont-area:nth-child(3) .award-wrap .award-txt .title {
        font-size: 23px;
        width: 100%;
        padding: 0 30px;
    }
    .honor-wrap .swiper-container {padding-top: 50px;}
    .honorY {top:-80px; font-size:50px;}
    .honorWrap {margin:0;}
    .honorList {padding-left:0;}
    .honor-wrap .swiper-container .swiper-slide .honorBox button {font-size:15px;}
    .honor-wrap--slide .swiper-container .cont-wrap {display:none;}
    .historyList {
        padding-left: 25.55em;
    }
    .history-wrap .swiper-container .swiper-slide .line {
        margin: 12px 0 20px 0;
    }
    .history-wrap .swiper-container .swiper-slide ul li span:first-child {
        padding-right: 36px;
        line-height: 19px;
    }
    .history-wrap .swiper-container .swiper-slide ul li span:last-child {
        padding-right: 3.5em;
    }
    .history-wrap .swiper-container .swiper-slide ul li {
        align-items: flex-start;
    }

    .cont-area.bg-item--first {
        height: 100vh;
    }
    .cont-area:first-child .cont-txt .title span {
        font-size: 42px;
        line-height: 43px;
    }
    .cont-area:first-child .cont-txt .desc {
        width: 100%;
        font-size: 16px;
        line-height: 20px;
        word-break: keep-all;
        margin-top: 24px;
    }
    .cont-area:first-child .cont-txt .color {
        font-size:14px;
    }

    .cont-area.bg-item--first .cont-wrap {
        flex-direction: column;
    }
    .cont-area.bg-item--first .cont-wrap .m-sub {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 100%;
        height: 50px;
        background-color:rgba(0, 0, 0, 0.17);
        z-index: 2;
    }
    .cont-area.bg-item--first .cont-wrap .m-sub a {
        width: 100%;
        height: 100%;
        font-size: 14px;
        font-weight: 500;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .cont-area.bg-item--first .cont-wrap .m-sub a:first-child,
    .cont-area.bg-item--first .cont-wrap .m-sub a:last-child {
        font-family: 'Montserrat', sans-serif;
        text-transform: uppercase;
    }
    .cont-area.bg-item--first .cont-wrap .m-sub a:nth-child(2) {
        font-family: 'Noto Sans KR', sans-serif;
    }
    .cont-area.bg-item--first .cont-wrap .m-sub a:hover {
        background-color: #fff;
        color: #1BCCA5;
    }
    .pageNavi {
        margin:47px auto 0 11%;
    }

    .cont-area.bg-item--first .cont-wrap .m-sub.scroll-effect {
        position: fixed;
        top: 54px;
        background-color: #fff;
        border-bottom: 1px solid #E3E3E3;
        /* z-index: 10; */
    }
    .cont-area.bg-item--first .cont-wrap .m-sub.scroll-effect a {
        color: #000;
    }
    .cont-area.bg-item--first .cont-wrap .m-sub.scroll-effect a:hover {
        color: #1BCCA5;
    }

    .anchor-list .cont-wrap .list-item .item-category {
        font-size:17px; line-height:18px;
    }
    .anchor-list .cont-wrap .list-item {
        padding:1.825em 0.588em;
    }

    .edu .cont-wrap .title {
        font-size:35px; line-height:44px;
    }
    .edu .cont-wrap .edu-desc {
        font-size: 18px;
        line-height: 25px;
        margin-top: 3px;
    }
    .edu-item .edu-list .icon {
        width:70px; height:70px;
    }
    .edu-item .edu-list .list-desc {
        padding: 0.813em 0 0.813em 5.6em;
    }
    .edu-item .edu-list .list-desc .desc02 {
        word-break: keep-all;
    }

    .partners-list {
        padding-top: 4.75rem;
        padding-bottom: 3.75rem;
    }
    .partners-list .cont-wrap {
        padding:0 20px; gap:3rem;
    }
    .partners-list .cont-wrap .list-item {
        gap: 3rem;
    }

    .blank-area .cont-wrap span:first-child {
        font-size:14px;
    }
    .blank-area .cont-wrap span:last-child {
        font-size: 42px;
        line-height: 43px;
    }

    .topCenterBox ul {
        gap: 20px;
    }
    .topCenterBox ul li a {
        font-size:13px;
    }

    .k-pie-wrap {
        grid-template-columns: repeat(1, 1fr);
    }
    .cont-wrap.analize .swiper-analize .swiper-wrapper li.swiper-slide > div {
        height:10.675rem;
    }
    .slider-wrap {
        padding:40px 20px;
    }
    .slider-wrap p {
        text-align: center;
    }

    .blank-area {
        height: 15.75em;
    }
    .blank-area .cont-wrap span:first-child {
        margin-top: 50px;
    }
    .portList {
        padding: 2rem 20px 0 20px;
    }
}
@media all and (max-width: 420px) {
    .tech-item-desc {
        height: 20rem;
        padding-left: 30px;
    }
    .brochure-down-btn a {
        width:150px; height:45px;
    }
    .edu-tech .cont-wrap .title {
        font-size:40px; line-height:50px;
    }
    .edu-tech .cont-wrap .tech-desc {
        font-size:16px; line-height:24px; word-break:keep-all;
    }

    .siAndsm .cont-wrap .title {
        font-size:40px; line-height:50px;
    }
    .siAndsm .cont-wrap .saiAndsm-desc {
        font-size:16px; line-height:24px;
    }
    .siAndsm .sectionIn {
        margin: 40px auto 0 auto;
    }
    /* .busmBox .swiper-button-next, .busmBox .swiper-button-prev {
        bottom: 234px;
    } */
    .busmBox {
        min-height: auto;
    }

    /* .busmBox .swiper-container4.plant .swiper-button-next, .busmBox .swiper-container4.plant .swiper-button-prev {
        bottom: 275px;
    }
    .busiBox .swiper-container4.checknum .swiper-button-next, .busiBox .swiper-container4.checknum .swiper-button-prev {
        top: auto;
        bottom: 366px;
    }
    .busiBox .swiper-container4.keysol .swiper-button-next, .busiBox .swiper-container4.keysol .swiper-button-prev {
        top: auto;
        bottom: 365px;
    }
    .busmBox .swiper-container4.botscan .swiper-button-next, .busmBox .swiper-container4.botscan .swiper-button-prev {
        bottom: 234px;
    } */

    .plant-reco .cont-wrap .title, .item-reco .cont-wrap .title {
        font-size: 40px;
        line-height: 51px;
    }
    .visual .cont-wrap span.rnd-word {
        font-size:45px; line-height:46px;
    }

    .plant-reco .cont-wrap .title, .item-reco .cont-wrap .title,
    .item-reco .cont-wrap .title, .visual-analyze .cont-wrap .title {
        font-size:30px; line-height:41px; text-align:center;
    }
    .item-reco .cont-wrap .item-desc, .visual-analyze .cont-wrap .item-desc,
    .item-reco .cont-wrap .item-desc, .visual-analyze .cont-wrap .item-desc {
        font-size:18px; line-height:18px; margin-top:5px;
    }
    .sitxtTitle {
        font-size:19px; line-height:28px; margin-bottom:2.088rem;
    }
    .textBoxInBox .item-reco-desc {
        font-size:17px; line-height:25px;
    }
    .visual-analyze .swiper-keyword .swiper-wrapper li.swiper-slide > span {
        font-size:16px; margin-top:11px;
    }
    .visual-analyze .swiper-keyword .swiper-wrapper {
        padding-bottom:3.075rem;
    }

    .item-reco .cont-wrap .item-desc, .item-reco .cont-wrap .item-desc {
        padding:0 20px; line-height:21px;
    }
    .kmspContC {
        width:100%;
    }

    .edutechContent {
        flex-direction: column;
        padding:0 20px;
    }
    .eduContL, .eduContR {
        width: 100%;
    }
    .eduContL .l-cont {
        left:0; top:0; width:100%; flex-direction:column; position:relative;
    }
    .eduContL .l-cont .cont--tit {
        text-align:left; width:auto;
    }
    .eduContL .l-cont img {
        width:100%; position:relative; margin-top:20px;
    }
    .eduContL .l-bg {
        display:none;
    }
    .eduContR .r-cont {
        padding-left:0;
    }
    .eduContR .r-cont .r-cont-box {
        flex-direction:column;
        padding: 1.938rem 1.475rem 1.938rem 1.475rem;
    }
    .eduContR .r-cont .r-cont-box img {
        margin-left:0;
    }

    .blockChain-service {
        margin-left: calc(100% - 16.588rem);
    }

    .teamIn .teamBox ul {
        gap:20px;
    }
    .teamIn .teamBox ul li {
        width:100%;
        align-items:center;
    }
    .teamIn .teamBox ul li .part {
        margin: 1.125rem 0 0 0.7rem;
    }
    .teamIn .partner-list {
        padding:0 15px;
    }

    /* product */
    .lmsCont {
        margin-top:3.613rem;
        padding:4rem 0 4rem 0;
    }
    .lmsCont .lmsSite, .lmsSite {
        width:16.188rem; height:2.563rem; top:-1.113rem;
    }
    .lmsCont .lmsSite p, .lmsSite p {
        font-size:17px;
    }
    .lmsCont .cont-wrap .lms-l p {
        font-size:25px; word-break:keep-all;
    }
    .lmsCont .cont-wrap .lms-l .l-box {
        margin-top:1.425rem;
    }

    .live-points .cont-wrap {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }
    .lmsCont .cont-wrap.ami {
        gap:2.813rem;
        margin-top:20px;
    }
    .visual.product .cont-wrap .product-name {
        font-size:45px; line-height:48px; word-break:keep-all; letter-spacing:-0.02em
    }

    .learn-item .item-list {
        align-items:center;
    }
    .learn-item .item-list:first-child ul, .learn-item .item-list:last-child ul {
        padding-left:50px; padding-right:20px;
    }
    .visual.learn .cont-wrap span:first-child {
        margin-top:170px;
    }

    .portal-app > div > .app-desc {
        width:100%;
    }
    .portal-app > div > .app-desc > .icon > img {
        width:100%;
    }

    .ai-item .item-list {
        flex-direction:column;
        align-items:center;
    }
    .ai-item .item-list ul {
        margin-top:0;
    }

    .ami-app .appBox .boxImg.math img {
        width:auto;
    }
    .cont-wrap.sigma .appBox .boxImg.math {
        margin-bottom:0.475rem;
    }
    .cont-wrap.sigma .appBox .boxImg.math p {
        margin:7px 0 0 0;
    }

    /* contact */
    .subway-box .box-list ul li {
        font-size:17px;
    }
    .subway-box .box-list {
        gap:0.738rem;
    }

    .visual.product .cont-wrap .product-tit {
        margin-top: 170px;
        font-size: 20px;
    }
    /* .visual.portal .cont-wrap .product-tit {
        margin-top: 150px;
        font-size: 20px;
    } */

    .visual.product.lms .cont-wrap img, .visual.product.qbank .cont-wrap img, .visual.product.botami .cont-wrap img, .visual.product.cms .cont-wrap img, .visual.product.tutor .cont-wrap img, .visual.product.math .cont-wrap img, .visual.product.plant .cont-wrap img, .visual.product.keyword .cont-wrap img {
        margin: 2.625rem auto 0 auto;
    }
    .visual.product.botami .cont-wrap,
    .visual.product.sigma .cont-wrap,
    .visual.product.learn .cont-wrap {
        justify-content: flex-start;
    }

    .cont-wrap.sigma .appBox .boxImg {
        width: auto;
        height: 100%;
        margin-bottom: 0.375rem;
    }
    .cont-wrap.sigma p {
        margin: 2px 0 0 0;  
    }

    .visual-analyze .sectionIn.keyword-wrap {
        max-width: 100%; height: 12.813rem;
    }
    .visual-analyze .swiper-keyword {
        height: 22.813rem;
    }

    .busmBox .swiper-button-next, .busmBox .swiper-button-prev,
    .busiBox .swiper-button-prev, .busiBox .swiper-button-next {
        width:40px; height:40px;
    }
    .busmBox .swiper-button-prev {
        right:40px;
    }
    .busiBox .swiper-button-next {
        right: 40px;
    }

    .tech-wrap--slide>.swiper-container>.control-panel>.swiper-pagination > .swiper-pagination-bullet {
        width:12px; height:12px; margin: 0 12px;
    }
    .tech-wrap--slide>.swiper-container>.control-panel>.swiper-pagination > .swiper-pagination-bullet-active {
        width:16px; height:16px;
    }

    .map .address {
        gap:14px;
    }
    .map .address .clipboard textarea {
        font-size:20px; width:248px; height:57px;
    }
    .map .address .clipboard #select_cont {
        font-size: 20px;
    }
    .map .address .clipboard button {
        margin-top:3px;
    }

    .page-top {
        right:20px;
    }
}
@media all and (max-width: 420px) {
    .qBankCont .qBankCont01 img.qbankImg, .qBankCont .qBankCont02 img.qbankImg {
        width:100%; height:100%;
    }
    .qBankCont .qBankCont01 img.qbankImg, .qBankCont .qBankCont02 img.qbankImg {
        display:none;
    }
    .qBankCont .qBankCont01 .m-qbankImg {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 295px; height: 84px;
        background-image:url('../img/qbank-img01.webp');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        top: -55px;
        padding-left: 32px;
    }
    .qBankCont .qBankCont02 .m-qbankImg {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 295px; height: 84px;
        background-image:url('../img/qbank-img02.webp');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        top: -55px;
        right: 0;
        padding-right: 32px;
    }
    .qBankCont .qBankCont01 .m-qbankImg span, .qBankCont .qBankCont02 .m-qbankImg span {
        font-size:30px; font-weight:500; color:#fff; font-family:'Noto Sans KR', sans-serif;
    }
    .item-reco {
        padding-bottom: 5.563rem;
    }
    /* .qBankCont .qBankCont01 .cont01-r {
        margin-bottom:70px;
    } */

    .qBankCont .qBankCont01 .cont01-r ul li .icon {
        height:auto;
    }
    .qBankCont .qBankCont01 .cont01-r ul li:first-child .icon img {
        width:90px; height:73px;
    }
    .qBankCont .qBankCont01 .cont01-r ul li:nth-child(2) .icon img {
        width:63px; height:82px;
    }
    .qBankCont .qBankCont01 .cont01-r ul li:nth-child(3) .icon img {
        width:88px; height:84px;
    }
    .qBankCont .qBankCont01 .cont01-r ul li:last-child .icon img {
        width:80px; height:83px;
    }

    .qBankCont .qBankCont02 .cont02-l ul li .icon {
        width:100%; height:auto;
    }
    .qBankCont .qBankCont02 .cont02-l ul li:first-child .icon img {
        width:62px; height:83px;
    }
    .qBankCont .qBankCont02 .cont02-l ul li:nth-child(2) .icon img {
        width:85px; height:77px; margin-left:10px;
    }
    .qBankCont .qBankCont02 .cont02-l ul li:last-child .icon img {
        width:88px; height:95px;
    }

    .qBankCont .qBankCont01 .cont01-r, .qBankCont .qBankCont02 .cont02-l {
        padding: 80px 20px 50px 20px;
    }

    .boxPic {
        top: 155px; padding:0px 18px 44px 18px;
    }
    /* .honor-wrap .swiper-container .swiper-slide .honorBox button {
        font-size: 14px;
    } */
    .honor-wrap .swiper-container .swiper-slide {
        height: 19.563em;
    }
    .busi_sm_textBoxIn,
    .keysol .swiper-wrapper .swiper-slide .busi_si_textBox .busi_si_textBoxIn {
        height: 280px;
    }
    .keyword .keysol .swiper-wrapper .swiper-slide .busi_si_textBox .busi_si_textBoxIn  {
        height:360px;
    }
    .checknum .swiper-wrapper .swiper-slide .busi_si_textBox .busi_si_textBoxIn {
        height: 270px;
    }

    .portal-app > div > .app-desc > .icon {
        width:101px; height:85px;
    }
    .portal-app > div > .app-desc > span {
        font-size: 16px;
        line-height: 20px;
    }

    .map .address span {
        font-size: 20px;
    }
    .history-wrap .swiper-container .swiper-slide ul li span:last-child {
        font-size:16px;
    }
    .history-wrap .swiper-container .swiper-slide ul li span:first-child {
        margin-top:0;
    }

    .partners-list .partList .list-items .part-item .card {
        height: 57px;
    }
}
@media all and (max-width: 375px) {
    /* .busiBox .swiper-container4.keysol .swiper-button-next, .busiBox .swiper-container4.keysol .swiper-button-prev {
        top: auto;
        bottom: 375px;
    }
    .busmBox .swiper-button-next, .busmBox .swiper-button-prev {
        bottom: 222px;
    } */

    .visual-analyze .sectionIn.keyword-wrap {
        max-width: 100%; height: 12.413rem;
    }
    .visual-analyze .swiper-keyword {
        height: 21.813rem;
    }

    .visual.product .cont-wrap .product-tit {
        margin-top: 120px;
        font-size: 20px;
    }

    .lmsCont .cont-wrap.sigma {
        gap: 3.675rem;
    }
}
@media all and (max-width: 360px) {
    .visual.product .cont-wrap .product-tit {
        margin-top: 120px; /* 140px */
        font-size: 18px;
    }
    .visual.product .cont-wrap .product-name {
        font-size: 27px; /* 40px */
        line-height: 30px;
    }

    .visual-analyze .sectionIn.keyword-wrap {
        max-width: 100%;
        height: 12.013rem;
    }
    .pageNavi ul li a {
        font-size: 16px;
    }
    .pageNavi ul li, .pageNavis ul li {
        margin-right: 24px;
    }
    .pageNavi {
        margin: 57px auto 0 11%;
    }

    .plant-reco .cont-wrap .title, .item-reco .cont-wrap .title, .item-reco .cont-wrap .title, .visual-analyze .cont-wrap .title {
        font-size:25px; line-height:29px; padding:0 20px;
    }
    .item-reco .cont-wrap .item-desc, .visual-analyze .cont-wrap .item-desc, .item-reco .cont-wrap .item-desc, .visual-analyze .cont-wrap .item-desc {
        font-size:16px;
    }
    .lmsCont .cont-wrap .lms-l p {
        font-size: 20px;
    }
}
@media all and (max-width: 320px) {
    .qBankCont .qBankCont01 .m-qbankImg, .qBankCont .qBankCont02 .m-qbankImg {
        width:100%;
    }

    .textBoxInBox .si-desc, .textBoxInBox .item-reco-desc {
        font-size:15px; line-height:24px;
    }
}