@charset "UTF-8";
/* font 정의 */
@font-face {
    font-family: 'Nanum Square';
    font-style: normal;
    font-weight: 400;
    src: url(https://static.wehago.com/fonts/NanumSquare/NanumSquareR.eot);
    src: local('Nanum Square Regular'),
        local('NanumSquareR'),
        url(https://static.wehago.com/fonts/NanumSquare/NanumSquareR.eot?#iefix) format('embedded-opentype'),
        url(https://static.wehago.com/fonts/NanumSquare/NanumSquareR.woff2) format('woff2'),
        url(https://static.wehago.com/fonts/NanumSquare/NanumSquareR.woff) format('woff'),
        url(https://static.wehago.com/fonts/NanumSquare/NanumSquareR.ttf) format('truetype');
}

@font-face {
    font-family: 'Nanum Square';
    font-style: normal;
    font-weight: 700;
    src: url(https://static.wehago.com/fonts/NanumSquare/NanumSquareB.eot);
    src: local('Nanum Square Bold'),
        local('NanumSquareB'),
        url(https://static.wehago.com/fonts/NanumSquare/NanumSquareB.eot?#iefix) format('embedded-opentype'),
        url(https://static.wehago.com/fonts/NanumSquare/NanumSquareB.woff2) format('woff2'),
        url(https://static.wehago.com/fonts/NanumSquare/NanumSquareB.woff) format('woff'),
        url(https://static.wehago.com/fonts/NanumSquare/NanumSquareB.ttf) format('truetype');
}
@font-face{font-family:douzone;src:url(https://static.wehago.com/fonts/douzone/DOUZONEText10.woff2) format("woff2"),url(https://static.wehago.com/fonts/douzone/DOUZONEText10.woff) format("woff");font-weight:400;font-display:fallback}
@font-face{font-family:douzone;src:url(https://static.wehago.com/fonts/douzone/DOUZONEText30.woff2) format("woff2"),url(https://static.wehago.com/fonts/douzone/DOUZONEText30.woff) format("woff");font-weight:700;font-display:fallback}
@font-face{font-family:douzone;src:url(https://static.wehago.com/fonts/douzone/DOUZONEText50.woff2) format("woff2"),url(https://static.wehago.com/fonts/douzone/DOUZONEText50.woff) format("woff");font-weight:900;font-display:fallback}
@font-face{font-family:douzonetitle;src:url(https://static.wehago.com/fonts/douzone/DOUZONETitle30.woff2) format("woff2"),url(https://static.wehago.com/fonts/douzone/DOUZONETitle30.woff) format("woff");font-weight:400;font-display:fallback}
@font-face{font-family:douzonetitle;src:url(https://static.wehago.com/fonts/douzone/DOUZONETitle50.woff2) format("woff2"),url(https://static.wehago.com/fonts/douzone/DOUZONETitle50.woff) format("woff");font-weight:700;font-display:fallback}

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,img,button,select{margin:0;padding:0}
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,button{font-family:"Nanum Square ko","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif}
body{min-width:1370px;-webkit-text-size-adjust:none}
img,fieldset{border:0;vertical-align:top}
a{color:#1a1a1a}
em,address{font-style:normal}
ul,ol,li{list-style:none}
label,button{cursor:pointer}
input::-ms-clear{display:none}
.blind{position:absolute !important;clip:rect(0 0 0 0) !important;width:1px !important;height:1px !important;margin:-1px !important;overflow:hidden !important}
.table thead.blind{position:static;font-size:0} /* 테이블 thead blind 버그해결 */
.clearbx:after,.clearfix:after{content:'';clear:both;display:table}
.ellipsis{overflow:hidden;white-space:nowrap;word-break:break-all;text-overflow:ellipsis}
.no_ellipsis{white-space:normal !important}
.no_ellipsis2{white-space:normal !important;text-overflow:clip !important;}
.us_none{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}
.mw_auto{min-width:auto}
.w_auto{width:auto !important}
.of_hidden{overflow:hidden !important}
.of_visible{overflow:visible !important}
input:disabled{-webkit-text-fill-color:#8d8d8d;opacity:1}
iframe{overflow:hidden;margin:0;padding:0;border:0}
.posfix{position:relative}
.scroll_touch{-webkit-overflow-scrolling:touch;}
.hide_lnb .lnb{display:none;}
.snbnext.left0{left:0;}

/* 크롬 input 자동완성 배경 초기화 */
input:-webkit-autofill {-webkit-box-shadow:0 0 0 30px #fff inset;-webkit-text-fill-color:#000;}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {transition:background-color 5000s ease-in-out 0s;}

/* PlaceHolder 예외 처리 */
::-webkit-input-placeholder{text-align:left !important;color:#999;}
:-moz-placeholder{text-align:left !important;color:#999;}
::-moz-placeholder{text-align:left !important;color:#999;}
:-ms-input-placeholder{text-align:left !important;color:#999 !important;}
::-ms-input-placeholder{text-align:left !important;color:#999;}
::placeholder{text-align:left !important;color:#999;}
input::-webkit-input-placeholder{text-align:left !important;color:#999;}
input:-moz-placeholder{text-align:left !important;color:#999;}
input::-moz-placeholder{text-align:left !important;color:#999;}
input:-ms-input-placeholder{text-align:left !important;color:#999 !important;}
input::-ms-input-placeholder{text-align:left !important;color:#999;}
input::placeholder{text-align:left !important;color:#999;}

.dz_font,.dz_font *{font-family:douzone,"Microsoft YaHei","PingFang SC","MS PGothic","Hiragino Kaku Gothic ProN","굴림",gulim,"Apple SD Gothic Neo",sans-serif}
.dzt_font,.dzt_font *{font-family:douzonetitle,"Microsoft YaHei","PingFang SC","MS PGothic","Hiragino Kaku Gothic ProN","굴림",gulim,"Apple SD Gothic Neo",sans-serif}
.nanumsquareneo_font, .nanumsquareneo_font *{font-family:NanumSquareNeo,"Microsoft YaHei","PingFang SC","MS PGothic","Hiragino Kaku Gothic ProN","굴림",gulim,"Apple SD Gothic Neo",sans-serif}
.pretendard_font, .pretendard_font *{font-family:Pretendard,"Microsoft YaHei","PingFang SC","MS PGothic","Hiragino Kaku Gothic ProN","굴림",gulim,"Apple SD Gothic Neo",sans-serif}


/* ====layout ==== */
.landingYets .yets__inBox{
    display: block;
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

/* ==== common ==== */
.landingYets .commonLiquidGlass{
    position: relative;
    background: transparent;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
}
.landingYets .commonLiquidGlass__filter{
    z-index: 0;
    backdrop-filter: blur(4px);
    filter: url(https://static.wehago.com/imgs/unified/svg/glass_filter.svg) saturate(120%) brightness(1.15);
    position: absolute;
    inset: 0;
    will-change: backdrop-filter;
}
.landingYets .commonLiquidGlass__overlay{
    z-index: 1;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .2), inset 0 0 5px rgba(255, 255, 255, .2);
    position: absolute;
    inset: 0;
    border-radius: inherit
}
.landingYets .yets__section{
    display: block;
}
.landingYets .yets__section .yets__inBox{
    display: flex;
    flex-direction: column;
}
.landingYets .yets__section .yets__sectionTitle{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    padding-top: 20px;
}
.landingYets .yets__section .yets__sectionTitle::before{
    content: '';
    position: absolute;
    top: -2px;
    left: 50%;
    display: block;
    width: 48px;
    height: 3px;
    background: linear-gradient(to left, rgb(14, 21, 84) 100%, rgb(28, 39, 142) 51%, rgb(55, 75, 255) 0%);
    transform: translateX(-50%);
}
.landingYets .yets__section .yets__sectionTitle.type_02{
    padding: 0;
    justify-content: center;
}
.landingYets .yets__section .yets__sectionTitle.type_02::before{
    display: none;
}
.landingYets .yets__section .yets__sectionTitle.type_02 .yets__text--sectionTitleNum + .yets__text--sectionTitle{
    margin-top: 20px;
}
.landingYets .yets__section .yets__sectionTitle.type_02 .yets__text--sectionTitle + .yets__text--sectionTitleSub{
    margin-top: 12px;
}
.landingYets .yets__section .yets__sectionTitle.type_02 .yets__text--sectionTitleSub + .yets__text--sectionTitleSub2{
    margin-top: 48px;
}
.landingYets .yets__wehagoTab{
    display: flex;
    gap: 36px;
    align-items: center;
    justify-content: center;
}
.landingYets .yets__wehagoTab .yets__btn--tab{
    position: relative;
    display: flex;
    gap: 6px;
    align-items: center;
    padding-bottom: 7px;
    border: 0;
    background: none;
}
.landingYets .yets__wehagoTab .yets__btn--tab .text{
    display: block;
    font-size: 16px;
    line-height: 18px;
    color: #777;
}
.landingYets .yets__wehagoTab .yets__btn--tab svg .colorStrok{
    stroke: #777;
}
.landingYets .yets__wehagoTab .yets__btn--tab svg .colorFill{
    fill: #777;
}
.landingYets .yets__wehagoTab .yets__btn--tab.selected::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #222;
}
.landingYets .yets__wehagoTab .yets__btn--tab.selected .text{
    color: #222;
    font-weight: 700;
}
.landingYets .yets__wehagoTab .yets__btn--tab.selected svg .colorStrok{
    stroke: #222;
}
.landingYets .yets__wehagoTab .yets__btn--tab.selected svg .colorFill{
    fill: #222;
}
.landingYets .yets__aiYetsBtnBox .yets__btn--aiYets{
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 30px;
    height: 54px;
    border: 1px solid;
    border-radius: 12px;
    background: #fff;
}
.landingYets .yets__aiYetsBtnBox .yets__btn--aiYets .text{
    display: block;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.36px;
}
.landingYets .yets__aiYetsBtnBox .yets__btn--aiYets.purple{
    border-color: #7932eb;
}
.landingYets .yets__aiYetsBtnBox .yets__btn--aiYets.purple .text{
    color: #7932eb
}
.landingYets .yets__aiYetsBtnBox .yets__btn--aiYets.green{
    border-color: #2292a7;
}
.landingYets .yets__aiYetsBtnBox .yets__btn--aiYets.green .text{
    color: #2292a7
}
.landingYets .yets__aiYetsBtnBox .yets__btn--aiYets.blue{
    border-color: #2882ff;
}
.landingYets .yets__aiYetsBtnBox .yets__btn--aiYets.blue .text{
    color: #2882ff
}
/* qnaList */
.landingYets .qnaList{border-top:1px solid #505050;}
.landingYets .qnaList li{border-bottom:1px solid #e3e3e3;}
.landingYets .qnaList li.active{border-bottom:0;}
.landingYets .qnaList li.active .answerBox{display:block;}
.landingYets .qnaList li.active .btnQnaFlip .iconFlip{transform:rotate(180deg);}
.landingYets .qnaList .questionRow{display:flex;justify-content:flex-start;align-items:flex-start;gap:0 6px;position:relative;color:#000;font-size:18px;font-weight:900;line-height:22px;letter-spacing:-.54px;word-break:keep-all;padding:34px 46px 34px 20px;}
.landingYets .qnaList .questionRow::before{display:block;margin-top:-1px;font-size:22px;content:'Q.';}
.landingYets .qnaList .questionRow .btnQnaFlip{display:flex;justify-content:flex-end;align-items:center;position:absolute;top:0;bottom:0;left:0;right:0;padding-right:12px;background-color:transparent;border:0;}
.landingYets .qnaList .questionRow .btnQnaFlip:hover{cursor:pointer;}
.landingYets .qnaList .questionRow .btnQnaFlip:hover .iconFlip{fill:#000;}
.landingYets .qnaList .questionRow .btnQnaFlip .iconFlip{width:24px;height:24px;fill:#939393;transition:transform .2s ease-in-out;}
.landingYets .qnaList .answerBox{display:none;width:100%;}
.landingYets .qnaList .answerBox .inBox{position:relative;min-height:30px;background-color:#f7f8fc;border-radius:16px;padding:28px 24px 24px 54px;}
.landingYets .qnaList .answerBox .inBox::before{position:absolute;top:31px;left:30px;color:#526bff;font-size:18px;font-weight:900;letter-spacing:-.54px;content:'A.';}
.landingYets .qnaList .answerBox .inBox p{color:#000;font-size:18px;font-weight:400;line-height:1.4;word-break:keep-all;}
.landingYets .qnaList .answerBox .inBox p + p{margin-top:4px;}
.landingYets .qnaList .answerBox .inBox a{color:#3884ff;text-decoration:none;}
.landingYets .qnaList .answerBox .inBox a:hover{color:#2b65c3;text-decoration:underline;}

/* ==== section ==== */
/* yets__header */
.landingYets .yets__header{
    position: sticky;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 78px;
    padding: 0 96px;
    box-sizing: border-box;
    top: 0;
    background: rgba(255, 255, 255, 0.05);
    border-bottom: solid 1px rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px);
    z-index: 10;
}

/* yets__spot */
.landingYets .yets__spot{
    position: relative;
    height: 980px;
    margin-top: -78px;
    width: 100%;
    padding: 158px 0 0;
    box-sizing: border-box;
    background: url(https://static.wehago.com/html/landing/img/yets/bg_spot.png) no-repeat center / cover;
}
/* .landingYets .yets__spot::before{
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    background: url(https://static.wehago.com/html/landing/img/yets/bg_spot_l.png) repeat-x 0 0 / 2px 980px;
}
.landingYets .yets__spot::after{
    content:'';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    background: url(https://static.wehago.com/html/landing/img/yets/bg_spot_r.png) repeat-x 0 0 / 2px 980px;
    z-index: -1;
} */
.landingYets .yets__spot .yets__spotTextBox{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.landingYets .yets__spot .yets__spotTitle{
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 48px;
}
.landingYets .yets__spot .yets__spotImgText{
    display: block;
    margin-top: 8px;
}
.landingYets .yets__spot .yets__spotImgText > img{
    display: block;
    width: 1153px;
    height: 88px;
}
.landingYets .yets__spot .yets__spotSubBox{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
    text-align: center;
}
.landingYets .yets__spot .yets__spotInfoBox{
    display: block;
    width: 720px;
    height: 220px;
    margin: 46px auto 0;
    padding: 30px 60px;
    box-sizing: border-box;
    border-radius: 24px;
    background: rgba(73, 176, 255, 0.07);
    overflow: hidden;
}
.landingYets .yets__spot .yets__spotInfoItem{
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
}
.landingYets .yets__spot .yets__spotBtnBox{
    display: flex;
    margin: 30px auto 0;
    justify-content: center;
}
.landingYets .yets__spot .yets__btn--spot{
    display: flex;
    align-items: center;
    gap: 4px;
    height: 64px;
    padding: 0 47px;
    border-radius: 32px;
    border: 0;
    background: linear-gradient(to right, rgb(20, 188, 234) 0%, rgb(40, 130, 255) 33%, rgb(100, 90, 255) 67%, rgb(165, 60, 255) 100%);
}
.landingYets .yets__spot .yets__btn--spot:hover{
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(to right, rgb(20, 188, 234) 0%, rgb(40, 130, 255) 33%, rgb(100, 90, 255) 67%, rgb(165, 60, 255) 100%);;
}
.landingYets .yets__spot .yets__btn--spot .text{
    display: block;
    font-size: 22px;
    line-height: 31px;
    letter-spacing: -0.44px;
    color: #fff;
    font-weight: 700;
}
/* section_01 */
.landingYets .section_01{
    height: 827px;
    padding: 96px 0 12px;
    box-sizing: border-box;
    background: url(https://static.wehago.com/html/landing/img/yets/bg_section_01.png) no-repeat 50% 0 / cover;
}
.landingYets .section_01 .yets__inBox{
    gap: 40px;
}
.landingYets .yets__eduList{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    height: 497px;
}
.landingYets .yets__eduListItem{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    padding: 40px 32px;
    box-sizing: border-box;
    border: solid 1px rgb(255, 255, 255);
    background: linear-gradient(to bottom, rgb(255, 255, 255), rgba(255, 255, 255, 0.6));
}
.landingYets .yets__eduListTextBox{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.landingYets .yets__eduListImgBox{
    display: block;
}
.landingYets .yets__eduListImgBox > img{
    display: block;
    width: auto;
    height: 144px;
    margin: 0 auto;
}
.landingYets .yets__eduListInfoBox{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.landingYets .yets__eduListInfoList{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
/* section_02 */
.landingYets .section_02{
    min-height: 2072px;
    padding: 96px 0 120px;
    box-sizing: border-box;
    background: #e3e8ff url(https://static.wehago.com/html/landing/img/yets/bg_section_02.png) no-repeat 50% 0 / auto 2072px;
}
.landingYets .section_02 .yets__inBox{
    gap: 22px;
}
.landingYets .section_02 .yets__sectionContent{
    display: flex;
    flex-direction: column;
    gap: 100px;
}
.landingYets .yets__schedule{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.landingYets .yets__scheduleTitle{
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
}
.landingYets .yets__scheduleContent{
    display: block;
    position: relative;
}
.landingYets .yets__scheduleList{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}
.landingYets .yets__scheduleList.type_02{
    grid-template-columns: repeat(5, 1fr);
}
.landingYets .yets__scheduleListItem{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    min-height: 217px;
    padding: 24px 10px 10px;
    border-radius: 12px;
    box-sizing: border-box;
    border: 1px solid #fff;
    background: #fff;
}
.landingYets .yets__scheduleListItem.top{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    min-height: 60px;
    padding: 0;
    border-color: rgb(18, 19, 23);
    background: rgb(18, 19, 23);
}
.landingYets .yets__scheduleListItem.top.end::before{
    content: '교육 종료';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 12px;
    font-size: 22px;
    line-height: 60px;
    letter-spacing: -0.44px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    background: rgba(0,0,0,0.7);
}
.landingYets .yets__scheduleListTextBox{
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: center;
}
.landingYets .yets__scheduleDate{
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 108px;
    margin-top: 18px;
}
.landingYets .yets__scheduleDateItem{
    display: flex;
    align-items: center;
    min-height: 50px;
    padding: 6px 10px 6px 14px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #f7f8fc;
    cursor: pointer;
    gap:4px;
}
.landingYets .yets__scheduleDateItem:hover .yets__btn--submit{
    background: rgb(32, 104, 204)
}
.landingYets .yets__btn--submit{
    display: block;
    /* margin-left: auto; */
    padding: 0 11px;
    min-width: 52px;
    height: 34px;
    border-radius: 8px;
    font-size: 17px;
    line-height: 34px;
    letter-spacing: -0.34px;
    color: #fff;
    font-weight: 500;
    border: 0;
    background: rgb(40, 130, 255);
}
.landingYets .yets__scheduleDateItem.end{
    pointer-events: none;
}
.landingYets .yets__scheduleDateItem.end .yets__btn--submit{
    pointer-events: none;
    background-color: #bebecb;
}
/* .landingYets .yets__btn--submit:hover{
    background: rgb(32, 104, 204)
} */
/* section_03 */
.landingYets .section_03{
    height: 400px;
    box-sizing: border-box;
    background: url(https://static.wehago.com/html/landing/img/yets/bg_section_03.png) no-repeat 50% 0 / cover;
}
.landingYets .section_03 .yets__inBox{
    display: flex;
    justify-content: center;
    height: 100%;
    padding: 100px 0;
    box-sizing: border-box;
}
.landingYets .yets__oneaiTextBox{
    display: flex;
    flex-direction: column;
    width: 100%;
}
/* section_04 */
.landingYets .section_04{
    height: 1006px;
}
.landingYets .section_04 .yets__sectionContent{
    position: relative;
}
.landingYets .section_04 .yets__inBox{
    display: flex;
    gap: 48px;
    height: 100%;
    padding: 100px 0;
    box-sizing: border-box;
}
.landingYets .yets__oneaiSwriper{
    display: block;
    position: relative;
    width: 1100px;
    margin: 0 auto;
    overflow:hidden;
}
.landingYets .yets__oneaiSwriper .swiper-wrapper{
    display: flex;
    width: 100%;
}
.landingYets .yets__oneaiSwriper .yets__oneaiSwriperItem{
    position: relative;
    display: flex;
    align-items: center;
    width: 1100px;
    height: 520px;
    padding: 0 0 0 44px;
    box-sizing: border-box;
}
.landingYets .yets__oneaiSwriper .yets__oneaiSwriperTextBox{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    z-index: 10;
}
.landingYets .yets__oneaiSwriper .yets__oneaiSwriperImgBox{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.landingYets .yets__swriperBtnBox{
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 1164px;
    height: 64px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.landingYets .yets__swriperBtnBox div[class *="swiper-button"]{
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin: 0;
    padding: 0;
    width: 64px;
    height: 64px;
    border: solid 0.5px rgb(203, 203, 203);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.17);
    border-radius: 50%;
    background: #fff;
}
.landingYets .yets__swriperBtnBox div[class *="swiper-button"]::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    background: url(https://static.wehago.com/html/landing/img/yets/ic_arrow.png) no-repeat 0 0 / 32px 32px;
}
.landingYets .yets__swriperBtnBox .swiper-button-prev::before{
    transform: rotate(180deg);
}
.landingYets .yets__swriperBtnBox div[class *="swiper-button"]::after{
    display: none;
}
/* section_05 */
.landingYets .section_05{
    height: 1131px;
    background: linear-gradient(to bottom, rgb(227, 232, 255) -9%, rgb(255, 255, 255) 59%);
}
.landingYets .section_05 .yets__inBox{
    display: flex;
    gap: 48px;
    height: 100%;
    padding: 100px 0;
    box-sizing: border-box;
}
.landingYets .yets__aiYets{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.landingYets .yets__aiYetsImgBox{
    display: block;
    width: 1100px;
    height: 603px;
    margin: 0 auto;
}
.landingYets .yets__aiYetsImgBox > img{
    display: block;
    width: 100%;
    height: 100%;
}
.landingYets .yets__aiYetsBtnBox{
    display: flex;
    justify-content: center;
    gap: 16px;
}
/* section_06 */
.landingYets .section_06{
    background: #f7f8fc;
}
.landingYets .section_06 .yets__sectionContent{
    position: relative;
}
.landingYets .section_06 .yets__inBox{
    display: flex;
    gap: 30px;
    height: 100%;
    padding: 100px 0;
    box-sizing: border-box;
}
.landingYets .section_06 .yets__aiYetsBtnBox{
    margin-top: 48px;
}
.landingYets .section_06 .yets__swriperBtnBox{
    margin-top: -30px;
}
.landingYets .yets__wehagoSwriper{
    display: block;
    position: relative;
    width: 1100px;
    margin: 36px auto 0;
    height: 480px;
    overflow: hidden;
}
.landingYets .yets__wehagoSwriper .swiper-wrapper{
    display: flex;
}
.landingYets .yets__wehagoSwriper .yets__wehagoSwriperTextBox{
    display: flex;
    flex-direction: column;
    width:380px;
}
.landingYets .yets__wehagoSwriperTagBox{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    width: 300px;
    margin-top: 40px;
}
.landingYets .yets__wehagoSwriperTag{
    display: block;
    height: 25px;
    padding: 0 8px;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: -0.28px;
    color: #2c438a;
    background: rgba(110, 148, 255, 0.18);
}
.landingYets .yets__wehagoSwriper .yets__wehagoSwriperItem{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 68px 0 0 64px;
    box-sizing: border-box;
    border-radius: 24px;
    background: url(https://static.wehago.com/html/landing/img/yets/bg_section_06.png) no-repeat 0 0 / 1100px 480px;
    overflow: hidden;
}
.landingYets .yets__wehagoSwriper .yets__wehagoSwriperImgBox{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: auto;
    height: 480px;
}
.landingYets .yets__wehagoSwriper .yets__wehagoSwriperImgBox > img{
    display: block;
    height: 100%;
    width: auto;
}
.landingYets .yets__cardList{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.landingYets .yets__cardListItem{
    position: relative;
    display: block;
    height: 230px;
    border-radius: 20px;
    padding: 40px;
    box-sizing: border-box;
}
.landingYets .yets__cardListItem.sky{
    background: #e4f3ff;
}
.landingYets .yets__cardListItem.blue{
    background: #e3eaff;
}
.landingYets .yets__cardListItem.green{
    background: #e6f2f3;
}
.landingYets .yets__cardListItem.pink{
    background: #f6edff;
}
.landingYets .yets__cardListTextBox{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.landingYets .yets__cardListImgBox{
    position: absolute;
    top: 30px;
    right: 30px;
    display: block;
    width: 110px;
    height: 110px;
}
.landingYets .yets__cardListImgBox > img{
    display: block;
    width: 100%;
    height: 100%;
}

/* section_07 */
.landingYets .section_07{
    background: #fff;
}
.landingYets .section_07 .yets__sectionContent{
    position: relative;
}
.landingYets .section_07 .yets__inBox{
    display: flex;
    gap: 30px;
    height: 100%;
    padding: 100px 0 120px;
    box-sizing: border-box;
}
/* section_08 */
.landingYets .section_08{
    background: #f7f8fc;
}
.landingYets .section_08 .yets__inBox{
    display: block;
    padding: 40px 0 40px;
    box-sizing: border-box;
}
.landingYets .yets__attention{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.landingYets .yets__attention .yets__attentionTitle{
    display: flex;
    gap: 6px;
    align-items: center;
}
.landingYets .yets__attention .yets__attentionList{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.landingYets .yets__attention .yets__attentionListItem{
    position: relative;
    display: block;
    padding-left: 13px;
    box-sizing: border-box;
}
.landingYets .yets__attention .yets__attentionListItem::before{
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    display: block;
    width: 3px;
    height: 3px;
    background: #666;
    border-radius: 50%;
}
/* footer */
.landingYets .yets__footer{
    position: relative;
    display: flex;
    flex-direction: column;
}
.landingYets .yets__footer::before{
    content: '';
    position: absolute;
    top: 80px;
    display: block;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
}
.landingYets .yets__footerLinkBox{
    display: flex;
    min-height: 80px;
    align-items: center;
    justify-content: space-between;
}
.landingYets .yets__footerLinkGroup{
    display: flex;
    gap: 44px;
    align-items: center;
}
.landingYets .yets__footerLink{
    display: block;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
    color: #4b4e53;
    text-decoration: none;
}
.landingYets .yets__footerLink.point{
    font-weight: 700;
}
.landingYets .yets__footerSiteBox{
    display: block;
    position: relative;
}
.landingYets .yets__footerSiteBox .yets__btn--footerSite{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 242px;
    height: 39px;
    padding: 0 10px 0 16px;
    box-sizing: border-box;
    border: 0;
    background: none;
    border-bottom: 1px solid #7b7b7b;
}
.landingYets .yets__footerSiteBox .yets__btn--footerSite .text{
    display: block;
    font-size: 14px;
    letter-spacing: -0.28px;
    color: #4b4e53;
    font-weight: 500;
}
.landingYets .yets__footerInfoDz{
    display: flex;
    gap: 60px;
    align-items: flex-start;
    padding: 38px 0 64px;
    border-top: 1px solid #e5e5e5;
}
.landingYets .yets__footerInfoDzImgBox{
    display: block;
    width: 145px;
    height: 40px;
}
.landingYets .yets__footerInfoDzImgBox > img{
    display: block;
    width: 100%;
    height: 100%;
}
.landingYets .yets__footerInfoDzTextBox{
    display: flex;
    flex-direction: column;
}
.landingYets .yets__footerInfoDzTextLine{
    display: flex;
    align-items: center;
}
.landingYets .yets__footerInfoDzTextLine.end{
    margin-top: 30px;
}
.landingYets .yets__footerInfoDzTextLine .bar{
    display: block;
    width: 1px;
    height: 14px;
    background: #bababa;
    margin: 0 10px;
}
.landingYets .yets__floatBtn{
    position: fixed;
    right: 40px;
    bottom: 40px;
    display: flex;
    gap: 10px;
    padding: 16px 20px;
    border-radius: 12px;
    background: rgba(0,0,0,0.8);
    border: 0;
    z-index: 10;
}
.landingYets .yets__floatBtn::before{
    content: '';
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border-radius: 12px;
    border:1px solid transparent;
    background-image:linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), linear-gradient(to right, rgb(20, 188, 234) 0%, rgb(40, 130, 255) 33%, rgb(100, 90, 255) 67%, rgb(165, 60, 255) 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;

}
.landingYets .yets__floatBtn .yets__floatBtnImgBox{
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
}
.landingYets .yets__floatBtn .yets__floatBtnImgBox > img{
    display: block;;
}
.landingYets .yets__floatBtn .yets__floatBtnTextBox{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: flex-start;
}
.landingYets .yets__floatBtn .yets__text--floatBtn{
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
}


/* ==== text ==== */
.landingYets .yets__text--spotTitleLabel{
    display: flex;
    align-items: center;
    padding: 0 16px;
    height: 41px;
    border-radius: 20px;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
    color: #fff;
    font-weight: 700;
    background: linear-gradient(to right, rgb(64, 93, 255), rgb(64, 128, 255));
}
.landingYets .yets__text--spotTitle{
    display: block;
    font-size: 30px;
    line-height: 48px;
    letter-spacing: -0.44px;
    font-weight: 600;
    color: #fff;
}
.landingYets .yets__text--spotMain{
    display: block;
    font-size: 30px;
    line-height: 48px;
    letter-spacing: -0.6px;
    color: transparent;
    background: linear-gradient(to right, rgb(20, 188, 234) 20%, rgb(92, 160, 255) 40%, rgb(123, 115, 255) 59%, rgb(173, 76, 255) 79%);
    background-clip: text;
    font-weight: 600;
}
.landingYets .yets__text--spotSub{
    display: block;
    font-size: 18px;
    line-height: 28.8px;
    letter-spacing: -0.36px;
    font-weight: 400;
    color: #fff;
}
.landingYets .yets__text--spotInfoItemDt{
    display: block;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: -0.4px;
    color: #fff;
    font-weight: 700;
}
.landingYets .yets__text--spotInfoItemDd{
    display: block;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: -0.4px;
    color: rgba(255,255,255,0.9);
    font-weight: 400;
}
.landingYets .yets__text--spotInfoItemDd > em{
    font-size: 15px;
    line-height: 22.6px;
    letter-spacing: -0.3px;
}
.landingYets .yets__text--spotInfoNotice{
    margin-top: 16px;
    position: relative;
    padding-left: 12px;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.3px;
    color: rgba(255,255,255,0.7);
    font-weight: 400;
}
.landingYets .yets__text--spotInfoNotice::before{
    content: '*';
    position: absolute;
    top: 0;
    left: 0;
}
.landingYets .yets__text--sectionTitle{
    display: block;
    font-size: 36px;
    line-height: 50.4px;
    letter-spacing: -0.72px;
    color: #1d1d1f;
    font-weight: 700;
    text-align: center;
}
.landingYets .yets__text--eduListTitle{
    display: block;
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: -0.36px;
    font-weight: 700;
    text-align: center;
}
.landingYets .yets__text--eduListTitle.sky{
    color: #06b2ef
}
.landingYets .yets__text--eduListTitle.blue{
    color: #4080ff
}
.landingYets .yets__text--eduListTitle.purple{
    color: #9365f6
}
.landingYets .yets__text--eduListMain{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 68px;
    font-size: 24px;
    line-height: 33.6px;
    letter-spacing: -0.48px;
    color: #1d1d1f;
    font-weight: 700;
    text-align: center;
}
.landingYets .yets__text--eduListInfoTitle{
    display: flex;
    align-items: center;
    width: fit-content;
    height: 28px;
    border-radius: 6px;
    padding: 0 9px;
    font-size: 15px;
    line-height: 28px;
    color: #fff;
    font-weight: 700;
    background: linear-gradient(to right, rgb(20, 188, 234) 0%, rgb(40, 130, 255) 33%, rgb(100, 90, 255) 67%, rgb(165, 60, 255) 100%);
}
.landingYets .yets__text--eduListInfoList{
    position: relative;
    display: block;
    padding-left: 13px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: -0.36px;
    color: #000;
    font-weight: 400;
}
.landingYets .yets__text--eduListInfoList::before{
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 11px;
    left: 0;
    border-radius: 50%;
    background: #000;
}
.landingYets .yets__text--scheduleTitle{
    display: block;
    font-size: 24px;
    line-height: 33.6px;
    letter-spacing: -0.48px;
    color: #000;
    font-weight: 700;
}
.landingYets .yets__text--scheduleTitleSub{
    display: block;
    font-size: 16px;
    color: rgba(0,0,0,0.76);
    font-weight: 400;
}
.landingYets .yets__text--scheduleListDay{
    display: block;
    font-size: 22px;
    line-height: 30.8px;
    letter-spacing: -0.44px;
    color: #fff;
    font-weight: 700;
}
.landingYets .yets__text--scheduleListMain{
    display: block;
    font-size: 24px;
    line-height: 29px;
    color: #000;
    font-weight: 700;
}
.landingYets .yets__text--scheduleListSub{
    display: block;
    font-size:16px;
    line-height: 22px;
    letter-spacing: -0.32px;
    color: #121619;
    font-weight: 400;
    text-align: center;
}
.landingYets .yets__text--scheduleDate{
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.32px;
    color: #1d1d1f;
    font-weight: 500;
    flex: 1;
    justify-content: center;
}
.landingYets .yets__scheduleDateItem.end .yets__text--scheduleDate{
    opacity: 0.5;
}
.landingYets .yets__text--scheduleDate > em{
    margin-right: 6px;
    font-weight: 700;
}
.landingYets .yets__text--scheduleNotice{
    position: relative;
    display: block;
    margin-top: -80px;
    padding-left: 13px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.32px;
    color: #000;
}
.landingYets .yets__text--scheduleNotice::before{
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #000;
}
.landingYets .yets__text--oneaiTitle{
    display: block;
    font-size: 20px;
    line-height: 24px;
    color: #34375a;
    font-weight: 700;
}
.landingYets .yets__text--oneaiMain{
    display: block;
    margin-top: 12px;
    font-size: 36px;
    line-height: 47px;
    color: #000126;
    font-weight: 700;
}
.landingYets .yets__text--oneaiSub{
    display: block;
    margin-top: 20px;
    font-size: 18px;
    line-height: 27px;
    color: #34375a;
    font-weight: 400;
}
.landingYets .yets__text--sectionTitleNum{
    position: relative;
    display: block;
    font-size: 36px;
    line-height: 43px;
    color: #2882ff;
    font-weight: 700;
    padding-bottom: 8px;
}
.landingYets .yets__text--sectionTitleNum::before{
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #2882ff;
}
.landingYets .yets__text--sectionTitleSub{
    display: block;
    font-size: 18px;
    line-height: 27px;
    color: #34375a;
    text-align: center;
}
.landingYets .yets__text--sectionTitleSub2{
    display: block;
    font-size: 28px;
    line-height: 39px;
    letter-spacing: -0.56px;
    color: #2882ff;
    text-align: center;
    font-weight: 700;
}
.landingYets .yets__text--oneaiSwriperMain{
    display: block;
    font-size: 26px;
    line-height: 37px;
    letter-spacing: -0.52px;
    color: #002a7b;
    font-weight: 700;
}
.landingYets .yets__text--oneaiSwriperSub{
    display: block;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
    color: #4a4a4a;
    font-weight: 400;
}
.landingYets .yets__text--oneaiSwriperSub + .yets__text--oneaiSwriperSub{
    margin-top: -10px;
}
.landingYets .yets__text--wehagoSwriperMain{
    display: block;
    font-size: 28px;
    line-height: 39px;
    letter-spacing: -0.56px;
    color: #222;
    font-weight: 700;
}
.landingYets .yets__text--wehagoSwriperSub{
    display: block;
    margin-top: 16px;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.36px;
    color: #4a4a4a;
    font-weight: 400;
}
.landingYets .yets__text--wehagoSwriperSub + .yets__text--wehagoSwriperSub{
    margin-top:16px;
}
.landingYets .yets__text--attentionTitle{
    display: block;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.36px;
    color: #46464b;
    font-weight: 700;
}
.landingYets .yets__text--attentionListItem{
    display: block;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -0.32px;
    color: #666;
}
.landingYets .yets__text--attentionListItem > em{
    font-weight: 700;
}
.landingYets .yets__text--footerInfoDz{
    display: block;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #7b7b7b;
}
.landingYets .yets__text--cardListMain{
    display: block;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: -0.48px;
    color: #1d1d1f;
    font-weight: 700;
}
.landingYets .yets__text--cardListSub{
    display: block;
    margin-top: 8px;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.36px;
    color: #1d1d1f;
    font-weight: 500;
}
.landingYets .yets__text--cardListEx{
    display: block;
    margin-top: auto;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
    color: #1d1d1f;
}

/* ==== icon ==== */
.landingYets .yets__icon24{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    min-width: 24px;
    height: 24px;
}
.landingYets .yets__icon24--svg > svg{
    display: block;
}
.landingYets .yets__icon24--img > img{
    display: block;
    width: 100%;
    height: 100%;
}
.landingYets .yets__icon20{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
}
.landingYets .yets__icon18--svg > svg{
    display: block;
}
.landingYets .yets__icon18--img > img{
    display: block;
    width: 100%;
    height: 100%;
}
.landingYets .yets__icon18{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
}
.landingYets .yets__icon18--svg > svg{
    display: block;
}
.landingYets .yets__icon18--img > img{
    display: block;
    width: 100%;
    height: 100%;
}
.landingYets .yets__icon14--svg > svg{
    display: block;
}
.landingYets .yets__icon14--img > img{
    display: block;
    width: 100%;
    height: 100%;
}
.landingYets .yets__icon14{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    min-width: 14px;
    height: 14px;
}
.landingYets .yets__icon14--svg > svg{
    display: block;
}
.landingYets .yets__icon14--img > img{
    display: block;
    width: 100%;
    height: 100%;
}