@charset "utf-8";

/* == Porfolio banner == */
.portfolio_banner {position: relative;}
.portfolio_banner__slider .bg_container {width: 100%; height: 0; padding-bottom: 30%;}
.portfolio_banner__thumbnails_container {position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 50; display: flex; justify-content: flex-end; align-items: flex-end; pointer-events: none;}
.portfolio_banner__thumbnails_wrapper {width: 50.95%; height: auto; position: absolute; top: 0; right: 0;}
.portfolio_banner__thumbnails_inner {width: 100%; height: 0; padding-bottom: 56.7%; transform: translateY(-30%); position: absolute; top: 0; right: 0; }
.portfolio_banner__thumbnails {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.portfolio_banner__thumbnails .slide {height: 100%;}
.portfolio_banner__thumbnails .slide .bg_container {width: 100%; height: 100%;  transform: scale(1.01);}
.portfolio_banner__thumbnails .slide .bg_container .bg {width: 100%; height: 100%;}

@keyframes pfThumbFadeUp {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes pfThumbFadeout {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.portfolio_category {position: relative; z-index: 10; height: 0;}
.portfolio_category .lnb {position: absolute; bottom: 70px; left: 0; width: 100%;}

.portfolio.subpage {overflow: visible;}
.portfolio_list {position: relative; z-index: 50; overflow: visible; display: flex;}
.portfolio_list .json_append_container {width: 100%;}
.portfolio_view__contents img {box-shadow: 0 0 15px rgba(0,0,0,0.05);}
.portfolio_view__banner {border: 1px solid #f1f1f1;}


/* == About us == */
.about__textflow {margin: 120px 0 160px 0; padding: 80px 0; border-top: 1px solid #333; border-bottom: 10px solid #333; overflow: hidden; display: block;}
.about__textflow .textflow {position: static; transform: translateY(0); animation-duration: 20s; max-width: none; animation-delay: 1s;}
.about__textflow .texts {font-size: 220px; color: #333; font-weight: 800;}
@keyframes textflow {
    0% {transform: translate(0, 0); -webkit-transform: translate(0, 0);}
    100% {transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);}
}
.about__midtitle {display: flex; align-items: flex-start; justify-content: space-between;}
.about__midtitle .heading5 {font-weight: 500;}

.partner_section .container {max-width: 1100px; color: #000;}
.heading8 { font-size: 20px; font-weight: 700; line-height: 1.5; margin-bottom: 20px; word-break: keep-all;}
.partner_section .para {word-break: keep-all;}
.partner_section .para strong {font-size: 21px;}
.rgb-partner-ls {display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 70px; column-gap: 50px; padding-block: 60px; border-block: 1px solid #b2b2b2;}
@media screen and (max-width: 1399px) {
    .partner_section .container {max-width: 720px;}
    .heading8 {font-size: 18px;}
    .partner_section .para strong {font-size: 19px;}
    .rgb-partner-ls {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width: 767px) {
    .partner_section .container {max-width: 480px;}
    .heading8 {font-size: 16px;}
    .partner_section .para strong {font-size: 17px;}
    .rgb-partner-ls {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 480px) {
    .partner_section .container {max-width: 320px;}
    .rgb-partner-ls {grid-template-columns: repeat(1, 1fr);}
}




/* == Inquiry == */
.inquiry .heading1 {margin-bottom: 20px;}
.inq_form_container {padding: 75px; border-radius: 20px; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.inq_form_container .noti {display: flex; align-items: flex-start; font-size: 16px; min-height: 40px; line-height: 1.3; margin-top: 10px;}
.inq_form_container .noti i {font-style: normal; margin-right: 5px;}
.inq_form_container .form_fields {border-top: 1px solid #d1d1d1;}
.inq_form_container .form_fields > .row {align-items: flex-start; padding: 10px 0; border-bottom: 1px solid #d1d1d1;}
.inq_form_container .form_fields > .row:last-child {border-bottom: none;}
.inq_form_container .form_fields .key {display: flex; align-items: center; font-size: 22px; color: #707070; margin-top: 0; min-height: 60px;}
.inq_form_container .required_checkboxes .notibox {display: flex; align-items: center;}
.inq_form_container .required_checkboxes .noti {margin-top: 0; min-height: 0;}
.inq_form_container .agreebox {border-bottom: none!important;}
.inq_form_container .agreebox .col--100 { display: flex; justify-content: center;}
.inq_form_container .agreebox .rgb_checkbox {display: flex; align-items: center; justify-content: center; margin-top: 30px;}
.inq_form_container .agreebox.alert .rgb_checkbox {color: #E6001F; animation-name: inputalert; animation-iteration-count: 2; animation-duration: 0.15s; animation-timing-function: cubic-bezier(.87,-0.93,.27,1.72);}
.inq_form_container .agreebox.alert .rgb_checkbox .checkbox_skin {border-color: #e6001fca}



/* == Inquiry == */
@media screen and (max-width: 1590px) {
    .inquiry .pagetitle .para br {display: none;}
}



/* == SNS Marketing == */
.subpage.SEO {overflow: hidden;}
.SEO.sns_marketing .heading1 {line-height: 1.3;}
@media screen and (min-width: 1201px) {
    .SEO.sns_marketing .heading1 {font-size: 60px;}
}
.sns_intro__banner {margin-top: -145px;}
.sns_intro__banner .description .heading2 {margin-bottom: 15px;}
.sns_intro__diagram {padding: 50px 0; position: relative; display: flex; justify-content: space-between;}
.sns_intro__diagram .line {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 1px; background: #DCDEED; z-index: 0;}
.sns_intro__diagram .wrap {position: relative; z-index: 10; display: flex;}
.sns_intro__diagram .box .inner {width: 370px; height: 370px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; border-radius: 50%; box-shadow: -10px 20px 30px rgba(69, 72, 185, 0.3);}
.sns_intro__diagram .box .inner::after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #454AC0; content: ""; z-index: 0;}
.sns_intro__diagram .box .inner .cont {position: relative; z-index: 10; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 50px; color: #fff;}
.sns_intro__diagram .box .inner .cont::after {display: block; content: ""; margin-top: auto; font-size: 17px; height: 1em;}
.sns_intro__diagram .box .inner .cont .tag {width: 100%; margin-bottom: auto; font-size: 17px; font-weight: 600; line-height: 1;}
.sns_intro__diagram .box .inner .cont .value {width: 100%; margin: auto 0; font-size: 40px; line-height: 1.3;}
.sns_intro__diagram .box .txtbox {text-align: center; font-size: 20px; margin-top: 30px;}
.sns_intro__diagram .wrap1 {margin-right: 40px;}
.sns_intro__diagram .wrap1 .box1 .inner {padding: 40px;}
.sns_intro__diagram .wrap1 .box1 .inner::before {position: absolute; top: 50%; left: 100%; transform: translate(0, -50%); width: 150%; height: 1px; background: #DCDEED; z-index: 0; content: "";}
.sns_intro__diagram .wrap1 .box1 .inner::after {background: linear-gradient(to right, #353A8E, #454ABF);}
.sns_intro__diagram .wrap1 .box1 .cont {padding: 0; border-radius: 50%; background: linear-gradient(to right, #383C93, #3F44AC, #3F44AC, #3F44AC, #3F44AC, #434ABC); box-shadow: inset 2px 0 3px rgba(255,255,255,0.4), 0 0 30px rgba(0,0,0,0.2);}
.sns_intro__diagram .wrap1 .box1 .cont::after {display: none;}
.sns_intro__diagram .wrap1 .box1 .cont .tag {margin: auto 0 0.4em 0; font-size: 25px; font-weight: 400;}
.sns_intro__diagram .wrap1 .box1 .cont .value {margin: 0 0 auto 0; font-size: 45px; text-shadow: 0 3px 6px rgba(0,0,0,0.16);}
.sns_intro__diagram .wrap2 .box {margin-right: -50px;}
.sns_intro__diagram .wrap2 .box4 {margin-right: 0!important;}
.sns_intro__diagram .wrap2 .box .inner::after {backdrop-filter: blur(5px); box-shadow: inset 2px 0 3px rgba(255,255,255,0.4), 0 0 30px rgba(0,0,0,0.2);}
.sns_intro__diagram .wrap2 .box2 .inner::after {background: #464AB8;}
.sns_intro__diagram .wrap2 .box3 .inner::after {background: linear-gradient(to right, rgba(70, 74, 184, 0.95), rgba(70, 74, 184, 0.8));}
.sns_intro__diagram .wrap2 .box4 .inner::after {background: linear-gradient(to right, rgba(70, 74, 184, 0.8), rgba(70, 74, 184, 0.5));}
.sns_intro__diagram .wrap2 .box .inner::before {position: absolute; top: 50%; left: 13px; content: "+"; color: #fff; font-size: 32px; font-weight: 600; z-index: 10; transform: translateY(-50%);}
.sns_intro__diagram .wrap2 .box2 .inner::before {display: none;}

.sns_icons {display: table;}
.sns_icons .row {display: table-row;}
.sns_icons .row .col {display: table-cell;}
.sns_icons .item {display: flex; align-items: center; padding: 10px 0; margin-right: 50px;}
.sns_icons .item .icon {width: 70px; height: 70px; border-radius: 50%; border: 1px solid #CBCBCB; margin-right: 10px; flex-shrink: 0; background-color: #fff;}
.sns_icons .item .value {font-size: 20px; font-weight: 500; line-height: 1.3;}

.sns_seo .bg--text {top: -80px; right: -150px;}
.sns_seo__img {display: block;}

.sns_sns {}
.sns_sns .sns_icons {margin-top: 115px;}
.sns_sns .phone_imgbox {position: relative;}
.sns_sns .phone_imgbox .circle {display: block; width: 100%; height: 0; padding-bottom: 100%; border-radius: 50%; background: #FFED64; border: none;}
.sns_sns .phone_imgbox .imgwrap {position: absolute; z-index: 10; bottom: -5%; left: 50%; transform: translate(-50%, 0%); width: 100%;}
.sns_sns .phone_imgbox .imgwrap img {display: block;}
.sns_sns .phone_imgbox .phone01 img {animation-delay: 2.5s; animation-name: phone; animation-duration: 7s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease; transform: translateY(10px);}
.sns_sns .phone_imgbox .phone02 img {animation-delay: 2.5s; animation-name: phone; animation-duration: 10s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease; transform: translateY(10px);}
@keyframes phone {
    0% {transform: translateY(10px);}
    100% {transform: translateY(-10px);}
}
.sns_sns .bg--text {color: #F2F2F2; bottom: -70px; left: -80px;}
/* .sns_marketing_process .diagram {mix-blend-mode:screen; display: block; margin: 0 auto;} */

/* .sns_mk_prcs__diagram::after {position: absolute; top: 0; left: 50%; width: 0; height: 100%; border-left: 1px dashed #fff; content: "";} */

.sns_marketing_process {overflow: hidden;}
.sns_mk_prcs__diagram {color: #fff; position: relative; padding-bottom: 120px;}

.sns_mk_prcs__tab_btns {display: flex; margin-bottom: 120px;}
.sns_mk_prcs__tab_btns .btn {display: flex; width: 50%; align-items: center; pointer-events: none;}
.sns_mk_prcs__tab_btns .btn * {pointer-events: initial; cursor: pointer;}
.sns_mk_prcs__tab_btns .btn:nth-child(1) {justify-content: flex-end; padding-right: 20px;}
.sns_mk_prcs__tab_btns .btn:nth-child(2) {justify-content: flex-start; padding-left: 20px;}
.sns_mk_prcs__tab_btns .btn .check {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.1);}
.sns_mk_prcs__tab_btns .btn span {font-size: 34px; font-weight: 700; opacity: 0.3;}
.sns_mk_prcs__tab_btns .btn:nth-child(1) .check {order: 0;}
.sns_mk_prcs__tab_btns .btn:nth-child(1) span {order: 1; padding-left: 10px;}
.sns_mk_prcs__tab_btns .btn:nth-child(2) .check {order: 1;}
.sns_mk_prcs__tab_btns .btn:nth-child(2) span {order: 0; padding-right: 10px;}
.sns_mk_prcs__tab_btns .btn.active .check::after {display: block; content: ""; width: 60%; height: 60%; border-radius: 50%; background: #E6001F;}
.sns_mk_prcs__tab_btns .btn.active span {opacity: 1; color: #E6001F;}

.sns_mk_prcs__diagram .diagram_container {}
.sns_mk_prcs__diagram .diagram {}
.sns_mk_prcs__diagram .diagram .step {position: relative; display: flex; align-items: flex-end; margin-bottom: 50px;}
.sns_mk_prcs__diagram .diagram .step__desc {width: 50%; border-bottom: 1px solid rgba(255,255,255,.5); padding: 0 0 15px 0; font-size: 18px; font-weight: 200; transition: color 0.5s, border 0.5s;}
.sns_mk_prcs__diagram .diagram .step__desc1 {text-align: left;}
.sns_mk_prcs__diagram .diagram .step__desc2 {text-align: right;}
.sns_mk_prcs__diagram .diagram .step__desc2 {border-bottom-color: rgba(255,255,255,0.1); color: rgba(255,255,255,0.3);}
.sns_mk_prcs__diagram.active .diagram .step__desc1 {border-bottom-color: rgba(255,255,255,0.1); color: rgba(255,255,255,0.3);}
.sns_mk_prcs__diagram.active .diagram .step__desc2 {border-bottom-color: rgba(255,255,255,0.5); color: rgba(255,255,255,1);}
.sns_mk_prcs__diagram .diagram .step .figure {position: absolute; bottom: 0; left: 50%; transform: translate(-50%);}
.sns_mk_prcs__diagram .diagram .step1 {z-index: 5;}
.sns_mk_prcs__diagram .diagram .step2 {z-index: 4;}
.sns_mk_prcs__diagram .diagram .step3 {z-index: 3;}
.sns_mk_prcs__diagram .diagram .step4 {z-index: 2;}
.sns_mk_prcs__diagram .diagram .step5 {z-index: 1;}
.sns_mk_prcs__diagram .diagram .step .figure {margin-bottom: -150px;}
.sns_mk_prcs__diagram .step .figure .dimension {transform: rotateX(75deg) rotate(15deg)!important;}
.sns_mk_prcs__diagram.active .step .figure .dimension {transform: rotateX(75deg) rotate(75deg)!important;}
.sns_mk_prcs__diagram.active .step1 .figure .pyramid .dimension .side:nth-child(1) {background:#9E0000; }
.sns_mk_prcs__diagram.active .step1 .figure .pyramid .dimension .side:nth-child(2) {background: #CD0101;}
.sns_mk_prcs__diagram .plate__txt.txt2,
.sns_mk_prcs__diagram.active .plate__txt.txt2,
.sns_mk_prcs__diagram.active .pyramid .dimension .side:nth-child(2) .pyramid_txt,
.sns_mk_prcs__diagram .pyramid .dimension .side:nth-child(1) .pyramid_txt {color: rgba(255,255,255, 1);}
.sns_mk_prcs__diagram.active .plate__txt.txt1,
.sns_mk_prcs__diagram .plate__txt.txt2,
.sns_mk_prcs__diagram.active .pyramid .dimension .side:nth-child(1) .pyramid_txt,
.sns_mk_prcs__diagram .pyramid .dimension .side:nth-child(2) .pyramid_txt {color: rgba(255,255,255, 0.5);}
 .pyramid_txt {color: rgba(255,255,255, 1);}

.pyramid {perspective: 2300px; width: 190px; height: 190px; margin: 0 auto; perspective-origin: top center;}
.pyramid .dimension {position: relative; width: 100%; height: 100%; background: transparent; transform-style: preserve-3d;transform: rotateX(80deg) rotate(0deg); transition: transform 0.5s;}
.pyramid .dimension .side {position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 28px; padding-top: 3em; transition: background .5s;}
.pyramid .dimension .side .pyramid_txt {color: #fff; transition: color 0.5s; color: #fff; text-align: center; font-weight: 700;}
.pyramid .dimension .side:nth-child(1) {width: 100%; background: #CD0101; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); bottom: 0; left: 0; transform: rotateX(-60deg); transform-origin: bottom center;}
.pyramid .dimension .side:nth-child(2) {height: 100%; background: #9E0000; clip-path: polygon(0% 50%, 100% 100%, 100% 0%); right: 0; top: 0; transform: rotateY(60deg); transform-origin: right center;}
.pyramid .dimension .side:nth-child(3) {width: 100%; background: #930014; clip-path: polygon(50% 100%, 100% 0%, 0% 0%); right: 0; top: 0; transform: rotateX(60deg); transform-origin: top center;}
.pyramid .dimension .side:nth-child(4) {height: 100%; background: #64000d; clip-path: polygon(100% 50%, 0% 0%, 0% 100%); top: 0; left: 0; transform: rotateY(-60deg); transform-origin: left center;}
.pyramid .dimension .side:nth-child(2) {padding: 0 0 0 3em;}
.pyramid .dimension .side:nth-child(2) .pyramid_txt {transform: rotate(-90deg);}

.plate {width: 270px; height: 270px; perspective: 2300px; margin: 0 auto; perspective-origin: top center;}
.plate .dimension {position: relative; width: 100%; height: 100%; background: transparent; transform-style: preserve-3d;transform: rotateX(80deg) rotate(0deg); transition: transform 0.5s; background: #d1d1d1;}
.plate .dimension::before {position: absolute; top: 0; left: 0; transform: translate(30px); width: calc(100% - 60px); height: calc(100% - 60px); background: rgba(0,0,0,0.1); content: ""; z-index: 1; transition: transform 0.5s;}
.plate .dimension::after {position: absolute; top: 0; left: 0; transform: translate(2px); width: calc(100% - 4px); height: calc(100% - 4px); background: rgba(0,0,0,0.1); content: ""; z-index: 0; transition: transform 0.5s;}
.plate__txt {position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: center; text-align: center; font-size: 28px; font-weight: 700; transform-origin: center bottom;}
.plate__txt.txt1 { transform: rotateX(-90deg) translateZ(-20px) translate(-10px, -15px);}
.plate__txt.txt2 { transform: rotate(-90deg) rotateX(-90deg) translateZ(110px) translate(140px, -10px);}

.sns_mk_prcs__diagram .diagram .step1 .figure {margin-bottom: -105px;}
.sns_mk_prcs__diagram.active .step .figure .plate .dimension::after {transform: translate(0, 2px);}
.sns_mk_prcs__diagram .diagram .step2 .figure {margin-bottom: -103px;}
.sns_mk_prcs__diagram .diagram .step2 .plate {width: 270px; height: 270px;}
.sns_mk_prcs__diagram.active .step2 .figure .plate .dimension::before {transform: translate(0, 30px);}
.sns_mk_prcs__diagram .diagram .step2 .plate .dimension {background: #B31105;}
.sns_mk_prcs__diagram .diagram .step3 .figure {margin-bottom: -134px;}
.sns_mk_prcs__diagram .diagram .step3 .plate {width: 355px; height: 355px;}
.sns_mk_prcs__diagram .diagram .step3 .plate .dimension {background: rgba(96, 95, 95, .7);}
.sns_mk_prcs__diagram.active .step3 .figure .plate .dimension::before {transform: translate(0, 30px);}
.sns_mk_prcs__diagram .diagram .step3 .plate__txt.txt1 {transform: rotateX(-90deg) translateZ(-25px) translate(-20px, -15px);}
.sns_mk_prcs__diagram .diagram .step3 .plate__txt.txt2 {transform: rotate(-90deg) rotateX(-90deg) translateZ(155px) translate(180px, -10px);}
.sns_mk_prcs__diagram .diagram .step4 .figure {margin-bottom: -167px;}
.sns_mk_prcs__diagram .diagram .step4 .plate {width: 455px; height: 455px;}
.sns_mk_prcs__diagram .diagram .step4 .plate .dimension {background: rgba(0, 0, 0, .7); border: 2px solid #474747;}
.sns_mk_prcs__diagram.active .step4 .figure .plate .dimension::before {transform: translate(0, 30px);}
.sns_mk_prcs__diagram .diagram .step4 .plate__txt.txt1 {transform: rotateX(-90deg) translateZ(-45px) translate(-15px, -15px);}
.sns_mk_prcs__diagram .diagram .step4 .plate__txt.txt2 {transform: rotate(-90deg) rotateX(-90deg) translateZ(180px) translate(225px, -10px);}
.sns_mk_prcs__diagram .diagram .step5 .figure {margin-bottom: -196px;}
.sns_mk_prcs__diagram .diagram .step5 .plate {width: 550px; height: 550px;}
.sns_mk_prcs__diagram .diagram .step5 .plate .dimension {background: transparent; border: 50px solid #ABABAB;}
.sns_mk_prcs__diagram .step5 .figure .plate .dimension::before {width: 100%; height: 100%; transform: translate(0px, -50px);}
.sns_mk_prcs__diagram .step5 .figure .plate .dimension::after {width: 100%; height: 100%; transform: none; background: rgba(0,0,0,.9);}
.sns_mk_prcs__diagram.active .step5 .figure .plate .dimension::before {transform: translate(-50px, 0);}
.sns_mk_prcs__diagram .diagram .step5 .plate__txt.txt1 {transform: rotateX(-90deg) translateZ(-10px) translate(-15px, -15px);}
.sns_mk_prcs__diagram .diagram .step5 .plate__txt.txt2 {transform: rotate(-90deg) rotateX(-90deg) translateZ(210px) translate(220px, -10px);}

@media screen and (min-width: 1201px) {
    .sns_seo__img {margin: -40px auto 0 auto;}
    .sns_seo .sns_icons {margin-top: -70px;}
}



@media screen and (max-width: 1700px) {

    /* == Porfolio banner == */
    .portfolio_banner__thumbnails .thumbnail {width: 45%;}
    .portfolio_category .lnb {bottom: 20px;}

    /* == Inquiry == */
    .inq_form_container {padding: 50px;}
    .inq_form_container .form_fields .key {font-size: 20px;}

    /* == SNS Marketing == */
    @media screen and (min-width: 1201px) {
        .SEO.sns_marketing .heading1 {font-size: 52px;}
    }
    .sns_intro__banner {margin-top: -130px;}
    .sns_intro__diagram {max-width: 1399px; margin: 0 auto;}
    .sns_intro__diagram .box .inner {width: 300px; height: 300px;}
    .sns_intro__diagram .box .inner .cont {padding: 30px;}
    .sns_intro__diagram .box .inner .cont .value {font-size: 28px;}
    .sns_intro__diagram .wrap1 .box1 .cont .tag {font-size: 20px;}
    .sns_intro__diagram .box .txtbox {font-size: 18px;}

    .sns_sns .sns_icons {margin-top: 60px;}
    .sns_sns .bg--text {font-size: 300px; left: 0; bottom: 0;}
}
@media screen and (max-width: 1399px) {

    /* == Porfolio banner == */
    .portfolio_banner {display: none;}
    .portfolio_category {height: auto; padding-bottom: 25px;}
    .portfolio_category .lnb {position: static;}


    /*  == About us == */
    .about__textflow {margin: 30px 0 70px 0; padding: 50px 0; border-bottom-width: 7px;}
    .about__textflow .texts {font-size: 120px;}
    .about__midtitle {flex-direction: column; align-items: flex-start; justify-content: flex-start;}
    .about__midtitle .heading1 {font-size: 36px;} 
    .about__midtitle .heading5 {text-align: left!important;}


    /* == Inquiry == */
    .inquiry .pagetitle {margin-bottom: 40px!important;}
    .inquiry .heading1 {margin-bottom: 15px;} 
    .inq_form_container {padding: 60px 30px;}
    .inq_form_container .form_fields .key {min-height: 0;}
    .inq_form_container .row .col--80 {margin-top: 0;}

    /* == SNS Marketing == */
    .sns_intro__banner {margin-top: 0;}
    .sns_intro__diagram {flex-direction: column; align-items: center; width: 100%; max-width: 100%;}
    .sns_intro__diagram .box {width: 250px;}
    .sns_intro__diagram .box .inner {width: 250px; height: 250px;}
    .sns_intro__diagram .box .inner .cont {padding: 30px;}
    .sns_intro__diagram .box .inner .cont .value {font-size: 28px;}
    .sns_intro__diagram .box .txtbox {font-size: 18px;}
    .sns_intro__diagram .wrap {margin: 0 auto;}
    .sns_intro__diagram .wrap1 {margin-bottom: 70px;}
    .sns_intro__diagram .wrap1 .box1 .inner {padding: 20px;}
    .sns_intro__diagram .wrap1 .box1 .inner::before {width: 1px; height: 70px; top: 100%; left: 50%; transform: translate(-50%, 0);}
    .sns_intro__diagram .wrap1 .box1 .cont .tag {font-size: 18px;}
    .sns_intro__diagram .box .inner .cont .value {font-size: 24px;}
    .sns_intro__diagram .box .txtbox {padding: 0 50px;}

    .sns_icons .item {margin-right: 60px; padding: 5px 0;}
    .sns_icons .item .icon {width: 45px; height: 45px;}
    .sns_icons .item .value {font-size: 16px;}

    .sns_sns .sns_icons {margin-top: 30px;}
    .sns_sns .bg--text {font-size: 200px; left: 0; bottom: 0;}

    .sns_mk_prcs__tab_btns {margin-bottom: 80px;}
    .sns_mk_prcs__tab_btns .btn span {font-size: 24px;}
    .sns_mk_prcs__tab_btns .btn .check {width: 30px; height: 30px;}
    .sns_mk_prcs__diagram .diagram {width: 200%; transition: transform 0.5s;}
    .sns_mk_prcs__diagram.active .diagram {transform: translate(-50%);}
    .sns_mk_prcs__diagram .diagram .step__desc {font-size: 16px; line-height: 1.5;}
    .sns_mk_prcs__diagram .diagram .step .figure {transform: translate(-50%) scale(0.75);}
    .sns_mk_prcs__diagram.active .step .figure .dimension,
    .sns_mk_prcs__diagram .step .figure .dimension {transform: rotateX(75deg) rotate(45deg)!important;}
    .sns_mk_prcs__diagram .diagram .step {margin-bottom: 30px;}
    .sns_mk_prcs__diagram .diagram .step1 .figure {margin-bottom: -105px;}
    .sns_mk_prcs__diagram .diagram .step2 .figure {margin-bottom: -135px;}
    .sns_mk_prcs__diagram .diagram .step3 .figure {margin-bottom: -177px;}
    .sns_mk_prcs__diagram .diagram .step4 .figure {margin-bottom: -227px;}
    .sns_mk_prcs__diagram .diagram .step5 .figure {margin-bottom: -275px;}


}
@media screen and (max-width: 768px) {

    /*  == About us == */
    .about__textflow {border-bottom-width: 4px;}
    .about__textflow .texts {font-size: 60px;}
    .about__midtitle .heading1 {font-size: 28px; margin-bottom: 5px;} 


    /* == Inquiry == */
    .inq_form_container {padding: 50px 20px;}
    .inq_form_container .form_fields .key {font-size: 16px;}
    .inq_form_container .layout .row .col--33 {width: 48%!important; margin: 7px 0!important;}
    .inq_form_container .layout .row .col--33.notibox {width: 100%!important;}
    .inq_form_container .noti {font-size: 12px;}


    /* == SNS Marketing == */
    .sns_intro__banner {margin-top: 0;}
    .sns_intro__diagram {flex-direction: column; align-items: center; width: 100%; max-width: 100%;}
    .sns_intro__diagram .box {width: 250px;}
    .sns_intro__diagram .box .inner {width: 250px; height: 250px;}
    .sns_intro__diagram .box .inner .cont {padding: 30px;}
    .sns_intro__diagram .box .inner .cont .value {font-size: 28px;}
    .sns_intro__diagram .box .txtbox {font-size: 18px;}
    .sns_intro__diagram .wrap {margin: 0 auto;}
    .sns_intro__diagram .wrap1 {margin-bottom: 70px;}
    .sns_intro__diagram .wrap1 .box1 .inner {padding: 20px;}
    .sns_intro__diagram .wrap1 .box1 .inner::before {width: 1px; height: 70px; top: 100%; left: 50%; transform: translate(-50%, 0);}
    .sns_intro__diagram .wrap1 .box1 .cont .tag {font-size: 18px;}
    .sns_intro__diagram .box .inner .cont .value {font-size: 24px;}
    .sns_intro__diagram .box .txtbox {padding: 0 50px;}

    .sns_icons .item {margin-right: 60px; padding: 5px 0;}
    .sns_icons .item .icon {width: 45px; height: 45px;}
    .sns_icons .item .value {font-size: 16px;}

    .sns_sns .sns_icons {margin-top: 30px;}
    .sns_sns .bg--text {font-size: 200px; left: 0; bottom: 0;}

    .sns_mk_prcs__tab_btns {margin-bottom: 50px;}
    .sns_mk_prcs__tab_btns .btn span {font-size: 20px;}
    .sns_mk_prcs__tab_btns .btn .check {width: 24px; height: 24px;}
    .sns_mk_prcs__tab_btns .btn:nth-child(1) {padding-right: 10px;}
    .sns_mk_prcs__tab_btns .btn:nth-child(2) {padding-left: 10px;}
    .sns_mk_prcs__diagram .diagram {}
    .sns_mk_prcs__diagram .diagram .step {margin-bottom: 20px;}
    .sns_mk_prcs__diagram .diagram .step__desc {font-size: 12px; line-height: 1.5;}
    .sns_mk_prcs__diagram .diagram .step .figure {transform: translate(-50%) scale(0.45);}

    .sns_mk_prcs__diagram .diagram .step1 .figure {margin-bottom: -95px;}
    .sns_mk_prcs__diagram .diagram .step2 .figure {margin-bottom: -135px;}
    .sns_mk_prcs__diagram .diagram .step3 .figure {margin-bottom: -176px;}
    .sns_mk_prcs__diagram .diagram .step4 .figure {margin-bottom: -227px;}
    .sns_mk_prcs__diagram .diagram .step5 .figure {margin-bottom: -275px;}
}   

@media screen and (max-width: 600px) {
    /* == SNS Marketing == */
    .sns_intro__diagram .box {width: 130px;}
    .sns_intro__diagram .box .inner {width: 130px; height: 130px;}
    .sns_intro__diagram .box .inner .cont .tag {font-size: 12px;}
    .sns_intro__diagram .box .inner .cont::after {font-size: 12px;}
    .sns_intro__diagram .box .inner .cont .value {font-size: 16px;}
    .sns_intro__diagram .box .txtbox {opacity: 0; position: absolute; left: -200vw;}
    .sns_intro__diagram .wrap1 {margin-bottom: 50px;}
    .sns_intro__diagram .wrap1 .box1 {width: 160px;}
    .sns_intro__diagram .wrap1 .box1 .inner {width: 160px; height: 160px; padding: 10px;}
    .sns_intro__diagram .wrap1 .box1 .inner::before {height: 50px;}
    .sns_intro__diagram .wrap1 .box1 .cont .tag {font-size: 15px;}
    .sns_intro__diagram .box .txtbox {padding: 0 40px;}
    .sns_intro__diagram .wrap2 .box {margin-right: -20px;}
    .sns_intro__diagram .wrap2 .box .inner::before {font-size: 12px; left: 7px;}

    .sns_sns .layout .row .col--45 {width: 100%;}
    .sns_sns .bg--text {display: none;}
    .sns_sns .phone_imgbox {max-width: 400px; margin: 20px auto 0 auto;}
}

@media screen and (max-width: 500px) {
    .sns_icons {display: block;}
    .sns_icons .row {display: block;}
    .sns_icons .row .col {display: block; width: 100%;}
}

@media screen and (max-width: 400px) {
    /* == SNS Marketing == */
    .sns_intro__diagram .wrap1 {margin-bottom: 20px;}
    .sns_intro__diagram .wrap1 .box1 .inner::before {display: none;}
    .sns_intro__diagram .wrap2 {flex-wrap: wrap; width: 290px; justify-content: center;}
    .sns_intro__diagram .wrap2 .box {margin: 5px!important;}
    .sns_intro__diagram .wrap2 .box * {text-align: center!important;}
    .sns_intro__diagram .wrap2 .box .inner::before {display: none;}
    .sns_intro__diagram .wrap2 .box .inner .cont {justify-content: center;}
    .sns_intro__diagram .wrap2 .box .inner .cont .tag {margin-bottom: 5px;}
    .sns_intro__diagram .wrap2 .box .inner .cont .value {margin: 0;}
    .sns_intro__diagram .wrap2 .box .inner .cont::after {display: none;}
    .sns_intro__diagram .wrap2 .box4 {margin-top: -15px!important;}
    .sns_intro__diagram .wrap2 .box {z-index: 1!important;}
    .sns_intro__diagram .wrap2 .box .inner::after {background: rgba(70, 74, 184, 1)}
}




/* == Success story == */
.success_story .container {width: 1364px;}
.success_section {padding: 85px 0;}

.success_intro {overflow: hidden; padding-top: 0;}
.success_intro .scroll_effect {will-change: transform, opacity; -webkit-will-change: transform, opacity; -moz-will-change: transform, opacity;}
.success_intro__head {display: flex; position: relative; z-index: 10;}
.success_intro__title {position: relative; width: 50%; color: #000;}
.success_intro__client_info {width: 50%; padding-left: 170px;}
.success_intro__client_info h2 {margin-bottom: 15px;}
.success_intro__client_info h2 .pt {display: block; font-size: 15px; font-weight: 800; text-transform: uppercase; color: #BFBFBF; margin-bottom: 5px;}
.success_intro__client_info h2 .tit {display: block; font-size: 27px; font-weight: 600; line-height: 1.3;}
.success_intro__client_info p {font-size: 18px; font-weight: 300; line-height: 1.6; color: #515151;}
.success_intro__visual {position: relative; z-index: 0;}
.success_why {padding: 0;}
.success_why__together {background: #EFF2F4;}
.success_why__together .container {padding: 100px 0;}
.success_why__together .textflow_container {display: block;}
.success_why__together .textflow_container h2 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 20; width: 100%; font-size: 55px; font-weight: 600; text-align: center;}
.success_why__together .textflow_container .textflow {position: static; transform: none; animation-name: textflow_static;}
.success_why__together .textflow_container .textflow .texts {font-size: 200px; font-weight: 800;}
.success_bg_wrapper {position: relative;}
.success_bg_container {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.success_bg_wrapper .bg_item {position: absolute; z-index: 0;}
.success_bg_wrapper .success_section {position: relative; z-index: 10;}
.success_section__title_container {margin-bottom: 60px;}
.success_section__title .pt {display: block; font-size: 20px; font-weight: 700; line-height: 1; margin-bottom: 15px;}
.success_section__title .tit {display: block; font-size: 55px; font-weight: 800; line-height: 1.1; margin-bottom: 40px;}
.success_section__desc {font-size: 22px; font-weight: 300; color: #9A9A9A; line-height: 1.8;}
.success_svg_text {padding: 0;}
.success_svg_text .svg_text {display: block; margin: 0 auto;}
.success_svg_text .svg_text text {stroke-dasharray: 300; animation-duration: 1s; animation-iteration-count: 1; animation-timing-function: linear; animation-fill-mode: forwards;}
.success_video {max-width: 1920px; margin: 0 auto;}
.success_video .video-box iframe {z-index: 0;}
.success_video .video-box .cover {position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.success_video .video-box .cover .ico {width: 162px;}

.success_sns {background: #0F0F0F; color: #fff;}
.success_sns .success_section__title .tit {color: #fff;}
.success_sns .success_section__desc {color: #9A9A9A;}
.success_sns_slider {margin-bottom: 200px;}
.success_sns_slider .slider {position: relative; width: 785px; height: 768px;}
.success_sns_slider .slider .bg {position: absolute; z-index: 0; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 0; padding-bottom: 100%;}
.success_sns_slider .slider .bg .inner {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: linear-gradient(135deg, #34D07C, #16A25F, #007E49);}
.success_sns_slider .slider__head {position: relative; z-index: 10;}
.success_sns_slider .slider__head h3 {display: flex; flex-direction: column; align-items: center; padding: 63px 0 40px 0;}
.success_sns_slider .slider__head h3 .logo {margin-bottom: 27px; width: 175px;}
.success_sns_slider .slider__head h3 .tit {font-size: 26px; font-weight: 600; text-align: center; color: #fff;}
.success_sns_slider .slider__body {position: relative; z-index: 10; width: 378px; height: 750px; margin: 0 auto;}
.success_sns_slider .slider__body .swiper-container {height: 100%; border-radius: 60px; background: #fff;}
.success_sns_slider .slider__body .mobile_frame {position: absolute; z-index: 20; top: 0; left: 0; width: 100%; height: 100%; border-radius: 45px; border: 10px solid #333; box-shadow: 20px 20px 40px rgba(0,0,0,0.5); pointer-events: none;}
.success_sns_slider .slider__item {padding: 0 10px;}
.success_sns_slider .slider__item img {display: block; pointer-events: none;}
.success_sns_slider .slider .slider__nav {position: absolute; z-index: 30; top: 50%; left: 0; transform: translateY(-50%); display: flex; justify-content: space-between; width: 100%; padding: 0 35px;}
.success_sns_slider .slider .slider__btn {width: 46px; height: 82px; background: no-repeat center / cover; cursor: pointer; transition: opacity 0.3s; outline: none!important;}
.success_sns_slider .slider .slider__btn.swiper-button-disabled {opacity: 0.4;}
.success_sns_slider .slider .slider__btn--prev {background-image: url(../images/success_story/sns_slider_prev.png);}
.success_sns_slider .slider .slider__btn--next {background-image: url(../images/success_story/sns_slider_next.png);}
.success_sns_slider .slider_info {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 30px;}
.success_sns_slider .slider_info > li {text-align: center; margin: 60px 0;}
.success_sns_slider .slider_info > li .key {display: block; color: #20B766; font-size: 22px; font-weight: 500; margin-bottom: 8px; line-height: 1;}
.success_sns_slider .slider_info > li .value {display: block; font-size: 60px; font-weight: 700; line-height: 1;}

.success_sns_slider {display: flex; justify-content: center;}
.success_sns_slider .slider {order: 1; flex-shrink: 0;}
.success_sns_slider .slider_info {width: calc((100% - 785px) / 2);}
.success_sns_slider .slider_info.info1 {order: 0;}
.success_sns_slider .slider_info.info2 {order: 2;}




/* == JYLDM == */
.jyldm .success_intro__title .text1 {position: absolute; top: 25px; left: 210px; font-size: 65px; font-weight: 300; line-height: 1;}
.jyldm .success_intro__title .text2 {display: flex; align-items: flex-end; font-size: 80px;}
.jyldm .success_intro__title .text2 .typo {display: block; margin-right: 20px;}
.jyldm .success_intro__title .text2 b {display: block; line-height: 1; transform: translateY(-50px);}
.jyldm .success_intro__visual {width: 100vw; margin-top: -160px;}
.jyldm .success_intro__visual img {display: block;}
.jyldm_result_banner {padding: 145px 0; background: #00253E; color: #fff; position: relative;}
.jyldm_result_banner h2 {position: absolute; top: 20px; left: 0; pointer-events: none;}
.jyldm_result_banner h2 span {display: block; color: #B4B4B4; font-size: 140px; font-weight: 800; line-height: 0.9; text-transform: uppercase; mix-blend-mode: multiply;}
.jyldm_result_banner h2 span.indent {margin-left: 1.3em;}
.jyldm_result_banner .container {position: relative; z-index: 10;}
.jyldm_result_banner .result_desc {display: flex; flex-direction: column; height: 100%; justify-content: flex-end;}
.jyldm_result_banner .result_desc p {font-size: 40px; font-weight: 200; line-height: 1.4;}
.jyldm_result_banner .result_desc .tag {display: block; font-size: 15px; margin-top: 20px;}
.jyldm_result_banner .result_items .item {margin-bottom: 70px;}
.jyldm_result_banner .result_items .item:last-child {margin-bottom: 0;}
.jyldm_result_banner .result_items .item .key {display: block; color: #20B766; font-size: 28px; font-weight: 700; line-height: 1.4;}
.jyldm_result_banner .result_items .item .value {display: block; font-size: 120px; font-weight: 700; line-height: 1;}
.jyldm_result_banner .result_items .item .value > .counter {line-height: 1;}
.jyldm_result_banner .result_items .item .value small {font-size: 0.33em;}
.jyldm_result_banner .result_info {padding: 130px 0 0 0;}
.jyldm_result_banner .result_info .item {margin-bottom: 30px;}
.jyldm_result_banner .result_info .item:last-child {margin-bottom: 0;}
.jyldm_result_banner .result_info .item .key {display: block; font-size: 18px; line-height: 1.4; margin-bottom: 3px;}
.jyldm_result_banner .result_info .item .value {display: block; font-size: 18px; font-weight: 300; line-height: 1.6;}
.jyldm_success_why .top .container {padding: 85px 0 135px 0;}
.jyldm_success_why .top h2 {font-size: 18px; margin-bottom: 40px;}
.jyldm_success_why .top .causes {display: flex; flex-wrap: wrap; width: calc(100% + 32px); margin-left: -16px; position: relative;}
.jyldm_success_why .top .causes .item {width: 25%; padding: 0 16px; position: relative;}
.jyldm_success_why .top .causes .item .inner {border-top: 1px solid #707070; padding: 17px 0 0 0;}
.jyldm_success_why .top .causes .num {display: block; font-size: 20px; font-weight: 700; line-height: 1; margin-bottom: 27px;}
.jyldm_success_why .top .causes .key {display: block; font-size: 20px; font-weight: 700; line-height: 1.75; margin-bottom: 27px;}
.jyldm_success_why .top .causes .value {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 37px 20px; color: #20B766; text-align: center; background: #333;}
.jyldm_success_why .top .causes .value strong {font-size: 31px; line-height: 1; margin-bottom: 15px; text-transform: capitalize;}
.jyldm_success_why .top .causes .value span {font-size: 18px; font-weight: 600; line-height: 1;}
.jyldm_success_why .top .causes::before,
.jyldm_success_why .top .causes::after {display: block; content: ""; position: absolute; left: 50%; transform: translateX(-50%); background: #9D9D9D;}
.jyldm_success_why .top .causes::before {width: 75%; height: 1px; bottom: -62px;}
.jyldm_success_why .top .causes::after {width: 1px; height: 127px; bottom: -62px; transform: translate(-50%, 100%);}
.jyldm_success_why .top .causes .dot {position: absolute; width: 17px; height: 17px; border-radius: 50%; background: #20B766; bottom: -206px; left: 50%; transform: translate(-50%, -50%); z-index: 10;}
.jyldm_success_why .top .causes .item::after {display: block; content: ""; width: 1px; height: 62px; background: #9D9D9D; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);)}
.jyldm_success_why .bot .diagram {width: 1364px; display: block; margin: 0 auto;}
.jyldm .success_bg_wrapper .bg_item {width: 400vw; height: 400vw; top: 550px; left: 50%; transform: translate(-50%, 0);}
.jyldm .success_bg_wrapper .bg_item .inner {width: 100%; height: 100%; border-radius: 50%; border-radius: 50%; background: #59D091;}
.jyldm_success_ecat {z-index: 20!important;}
.jyldm_success_ecat__img {display: block; margin: 0 auto;}
.success_svg_text {margin-top: -13vw;}
.success_svg_text .svg_text {width: 100%; height: 32vw; max-width: 1920px;}
.success_svg_text .svg_text text {stroke-dasharray: 960; stroke-dashoffset: 960; animation-duration: 1.2s; animation-delay: 0.2s;}
.success_svg_text.active .svg_text text {animation-name: jyldmSvgText;}
.jyldm_success_web {padding: 0; margin-top: -5%; margin-bottom: 10vw;}
.jyldm_success_web .success_section__desc {color: #333;}
.jyldm_success_web__img_container {position: relative; height: 50vw;}
.jyldm_success_web__img {max-width: none; width: 112.4vw; margin-top: -13vw; margin-left: -7vw;}
@keyframes jyldmSvgText {
    to {stroke-dashoffset: 0;}
}
.jyldm_success_movie {padding-bottom: 0; margin-top: -8vw;}
.jyldm_success_samplebook {padding: 0;}
.jyldm_success_samplebook .top {padding: 180px 0 0 0; background: no-repeat bottom center / auto; background-image: url(../images/success_story/jyldm/samplebook_bg.png); background-color: #E3E5E6;}
.jyldm_success_samplebook .top .samplebook_img01 {max-width: none; width: 1240px; margin-top: -50px;}
.jyldm_success_samplebook .bot {background: #0F0F0F;}
.jyldm_samplebook__thumb_wrapper {max-width: 1920px; margin: 0 auto;}
.jyldm_samplebook__thumbs {display: flex; justify-content: flex-start; transform: translateY(-50%);}
.jyldm_samplebook__thumbs li {padding: 0 15px;}
.jyldm_samplebook__thumbs li img {display: block; width: 450px; border-radius: 10px; box-shadow: 5px 5px 8px rgba(0,0,0,0.44);}
.jyldm_samplebook__thumbs.thumbs01 {margin-bottom: 85px; margin-left: -55px;}
.jyldm_samplebook__thumbs.thumbs02 {justify-content: flex-end; margin-right: -55px;}


/* == GFI == */
.gfi.success_story {overflow: visible;}
.gfi.success_story .success_section {overflow-x: hidden;}
.gfi .success_intro {padding-bottom: 40px;}
.gfi .success_intro__title .text1 {font-size: 45px; font-weight: 300; line-height: 1.4;}
.gfi .success_intro__title .text2 {display: flex;}
.gfi .success_intro__title .text2 span {display: flex; align-items: center; font-size: 60px; line-height: 1.1; margin-right: 0.4em;}
.gfi .success_intro__title .text2 span img {margin-left: 0.2em;}
.gfi .success_intro__title .text2 .span1 img {width: 70px; margin-bottom: -0.2em;}
.gfi .success_intro__title .text2 .span2 img {width: 160px; margin-bottom: -0.8em;}
.gfi .success_intro__client_info {padding-left: 40px;}
.gfi .success_intro__visual {position: relative; margin-top: 50px;}
.gfi .success_intro__visual .visual_graphic {position: relative;}
.gfi .success_intro__visual .visual_graphic .graph {display: block; width: 100%; height: auto;}
.gfi .success_intro__visual .visual_graphic .img {position: absolute; top: 55%; left: 45%; transform: translate(-50%, -50%); display: block; max-width: 80%;}
.gfi .success_intro__visual .visual_info {position: absolute; bottom: 160px; right: 0;}
.gfi .success_intro__visual .visual_info .percentage {display: block; font-size: 110px; font-weight: 800; line-height: 1; margin-bottom: 10px;}
.gfi .success_intro__visual .visual_info .percentage small {font-size: 0.5625em; line-height: 1;}
.gfi .success_intro__visual .visual_info ul {font-size: 18px; font-weight: 300;}
.gfi .success_intro__visual .visual_info ul li {margin-bottom: 3px;}
.gfi .success_intro__visual .visual_info ul li.empha {font-size: 20px;}
.gfi .success_intro__visual .visual_graphic .graph #g_bar #bar {width: 0px; transition: width 1s; transition-delay: 0.8s; transition-timing-function: cubic-bezier(.85,.14,.29,.99);; -webkit-will-change: width; -moz-will-change: width; will-change: width;}
.gfi .active .success_intro__visual .visual_graphic .graph #g_bar #bar {width: 1670px;}
.gfi .success_intro__visual .visual_graphic .graph #g_circle2 {opacity: 0; transition: opacity 0.4s; transition-delay: 1.8s; -webkit-will-change: opacity; -moz-will-change: opacity; will-change: opacity}
.gfi .active .success_intro__visual .visual_graphic .graph #g_circle2 {opacity: 1;}
.gfi_success_why {}
.gfi_success_why .success_why__reason {position: relative;}
.gfi_success_why .success_why__reason::before {position: absolute; z-index: 2; top: 0; left: 0; content: ""; display: block; width: 100%; height: 50%; background: rgba(0,0,0,0.75); mix-blend-mode:color;}
.gfi_success_why .reason_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
.gfi_success_why .reason_contents {position: relative; z-index: 10; color: #fff;}
.gfi_success_why .reason_contents .container {display: flex; position: relative; z-index: 10; height: 460px;}
.gfi_success_why .reason_contents h3 {width: 135px; flex-shrink: 0; padding-top: 60px;}
.gfi_success_why .reason_contents h3 .tit {font-size: 37px; font-weight: 700; line-height: 1; text-transform: uppercase; display: block; margin-bottom: 5px;}
.gfi_success_why .reason_contents h3 .desc {font-size: 18px; color: #fff; font-weight: 700; display: block; line-height: 1;}
.gfi_success_why .reason_contents .cont {display: flex; justify-content: center; align-items: center; width: 100%; position: relative; padding: 60px 0;}
.gfi_success_why .reason_contents .cont .item {width: 301px; height: 301px; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 50%;}
.gfi_success_why .reason_contents .cont .item span {font-size: 20px; font-weight: 300; line-height: 1.5;}
.gfi_success_why .as-is {}
.gfi_success_why .as-is h3 .tit {color: #B2B2B2;}
.gfi_success_why .to-be h3 .tit {color: #00E5FF;}
.gfi_success_why .as-is .cont .item1 {transform: translate(-50%, 22%);}
.gfi_success_why .as-is .cont .item2 {transform: translate(0%, -12%);}
.gfi_success_why .to-be .cont .item {border: none; box-shadow: 11px 37px 27px rgba(0,0,0,0.17), inset 2px 2px 5px rgba(255,255,255,0.24);}
.gfi_success_why .to-be .cont .item span {font-weight: 700;}
.gfi_success_why .to-be .cont .item1 {background: linear-gradient(-10deg, #003AFF, #4D82FF); transform: translate(0%, -20%);}
.gfi_success_why .to-be .cont .item2 {background: linear-gradient(-190deg, #6F7A86, #36435F); transform: translate(20%, 15%);}
.gfi_success_why .to-be .cont .item3 {background: rgba(255,255,255,0.2); -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(5px); transform: translate(-10%, -40%);}
.gfi_success_why .to-be .cont .item4 {background: linear-gradient(-180deg, #4A58CF, #2A0AAB); transform: translate(0%, -65%);}
.gfi_success_ecat {position: relative; padding-top: 170px; z-index: 10;}
.gfi_success_ecat .container {position: relative; display: flex;}
.gfi_success_ecat .success_section__title_container {width: 50%; position: relative; z-index: 10;}
.gfi_success_ecat .imgbox {width: 50%; position: relative; display: flex; justify-content: flex-end;}
.gfi_success_ecat__img { max-width: none; margin: -50px -160px 0 0;}
.gfi .success_bg_wrapper {margin-top: -350px; z-index: 0;}
.gfi .success_bg_wrapper .success_bg_container {position: static; overflow: visible;}
.gfi .success_bg_wrapper .bg_item {opacity: 1; transform: skew(0deg, 0deg); transition: opacity 0s, transform 0.6s; transition-timing-function: cubic-bezier(.85,.14,.29,.99); min-width: 320px; width: 100%;}
.gfi .success_bg_wrapper .active .bg_item1 {opacity: 1; transform: skew(0deg, 10deg); transition-delay: 0s;}
.gfi .success_bg_wrapper .active .bg_item2 {opacity: 1; transform: skew(0deg, -10deg); transition-delay: 0s;}
.gfi .success_bg_wrapper .bg_item1 {z-index: 0; top: 0;}
.gfi .success_bg_wrapper .bg_item1 .inner {width: 100%; height: 1200px; background: #23293F;}
.gfi .success_bg_wrapper .bg_item2 {z-index: 0; height: 92%; margin-top: 8%;}
.gfi .success_bg_wrapper .bg_item2 .inner {width: 100%; height: 100%; background: linear-gradient(to bottom, #3388F4, #0A245B);}
.gfi_ecat_thumbs {padding: 300px 0;}
.gfi_ecat_thumbs .container .thumbs {display: flex; padding: 20px 0;}
.gfi_ecat_thumbs .container .thumbs2 {margin-left: 375px; flex-wrap: nowrap; width: 1490px;}
.gfi_ecat_thumbs .container .thumbs .thumb {padding: 0 8px; }
.gfi_ecat_thumbs .container .thumbs .thumb img {display: block; border-radius: 10px; box-shadow: 5px 5px 8px rgba(0,0,0,0.44);}
.gfi .success_svg_text {margin-top: -497px; z-index: 0;}
.gfi .success_svg_text .svg_text {height: 700px; overflow: hidden;1}
.gfi_success_web {overflow: visible!important; padding-bottom: 30vw;}
.gfi_success_web__img_container {position: relative; padding-top: 2%;}
.gfi_success_web__img_container .sticky_container {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1160px; height: 100%; margin: 0 auto; z-index: 10;}
.gfi_success_web__img_container .sticky_container .sticky_item {position: sticky; top: 100px; left: 0%; height: 0; padding-bottom: 63%;}
.gfi_success_web__img_container .sticky_container .sticky_item .inner {width: 100%; height: auto; position: absolute; top: 0; left: 50%; transform: translate(-50%, -13.5%); max-width: none;}
.gfi_success_web__frame {position: relative; left: 50%; transform: translate(-50%, 0); max-width: none;}
.gfi_success_web__img {display: block; margin: 0 auto;}
.gfi_success_web__img {display: block; margin: 0 auto; }
.gfi.success_story .gfi_success_web__mobiles.success_section {overflow: visible; background: #E3E5E6; padding: 0;}
.gfi_success_web__mobiles ul {display: flex; width: 112.4%; transform: translate(-6.2%, -50%);}
.gfi_success_web__mobiles ul li {width: 20%; padding: 0 3.1%;}
.gfi_success_web__mobiles ul li img {border-radius: 25px; box-shadow: 22px 50px 63px rgba(0,0,0,0.32);}
.gfi_success_movie {overflow: hidden;}


@media screen and (min-width: 1921px) {
    .gfi_success_web__mobiles ul {width: 2190px; margin: 0 auto; transform: translate(0, -50%);}
}
@media screen and (max-width: 1700px) {
    .success_intro {padding-top: 70px;}
    .success_intro__client_info {padding-left: 20px;}
    .success_intro__client_info h2 {margin-bottom: 10px;}
    .success_intro__client_info p {font-size: 18px;}
    .success_why__together .textflow_container .textflow .texts {font-size: 170px;}
    .success_why__together .textflow_container h2 {font-size: 45px;}
    .success_section__title .tit {font-size: 45px; margin-bottom: 30px;}
    .success_section__desc {font-size: 20px;}
    .success_sns_slider .slider {width: 600px; height: 600px;}
    .success_sns_slider .slider_info {width: calc((100% - 600px) / 2);}
    .success_sns_slider .slider__body {width: 300px; height: 576px;}
    .success_sns_slider .slider_info > li .value {font-size: 50px;}

    /* == JYLDM == */
    .jyldm .success_intro__title .text1 {font-size: 42px; top: 25px; left: 160px;}
    .jyldm .success_intro__title .text2 {font-size: 54px;}
    .jyldm .success_intro__title .text2 .typo {width: 300px;}
    .jyldm .success_intro__title .text2 b {transform: translateY(-40px);}
    .jyldm .success_intro__client_info {padding-top: 0;}
    .jyldm .success_intro__visual {margin-top: -5%;}
    .jyldm_result_banner h2 span {font-size: 110px;}
    .jyldm_result_banner .result_desc p {font-size: 32px;}
    .jyldm_result_banner .result_items .item {margin-bottom: 50px;}
    .jyldm_result_banner .result_items .item .key {font-size: 24px;}
    .jyldm_result_banner .result_items .item .value {font-size: 90px;}
    .jyldm_result_banner .result_info {padding-top: 90px;}
    .jyldm_result_banner .result_info .item .key {font-size: 16px;}
    .jyldm_result_banner .result_info .item .value {font-size: 16px;}
    .jyldm_success_why .top h2 {margin-bottom: 20px;}
    .jyldm_success_why .top .causes .num,
    .jyldm_success_why .top .causes .key {font-size: 18px; margin-bottom: 20px;}
    .jyldm_success_why .top .causes .value strong {font-size: 24px;}
    .jyldm_success_why .top .causes .value span {font-size: 16px;}
    .jyldm_success_samplebook .top .samplebook_img01 {width: 1000px;}
    .jyldm_samplebook__thumbs li img {width: 350px;}
    .jyldm_samplebook__thumbs.thumbs01 {margin-bottom: 55px;}

    /* == GFI == */
    .gfi .success_intro__title .text1 {font-size: 42px;}
    .gfi .success_intro__title .text2 span {font-size: 54px;}
    .gfi .success_intro__title .text2 .span1 img {width: 80px;}
    .gfi .success_intro__title .text2 .span2 img {width: 170px;}
    .gfi .success_intro__client_info {padding-left: 40px;}
    .gfi .success_intro__visual {width: 100%; transform: none;}
    .gfi .success_intro__title .text1 {font-size: 36px;}
    .gfi .success_intro__title .text2 span {font-size: 46px;}
    .gfi .success_intro__title .text2 .span1 img {width: 70px;}
    .gfi .success_intro__title .text2 .span2 img {width: 140px;}
    .gfi .success_intro__visual .visual_graphic .img {left: 28%;}
    .gfi .success_intro__visual .visual_info {bottom: 20%; right: 70px;}
    .gfi .success_intro__visual .visual_info .percentage {font-size: 110px;}
    .gfi_success_why .reason_contents .container {height: 360px;}
    .gfi_success_why .reason_contents .cont .item {width: 251px; height: 251px; padding: 20px;}
    .gfi_success_why .reason_contents .cont .item span {font-size: 18px;}
    .gfi_success_why .as-is .cont .item1 {transform: translate(-40%, 30%);}
    .gfi_success_why .as-is .cont .item2 {transform: translate(0%, -12%);}
    .gfi_success_why .to-be .cont .item {border: none; box-shadow: 11px 37px 27px rgba(0,0,0,0.17), inset 2px 2px 5px rgba(255,255,255,0.24);}
    .gfi_success_why .to-be .cont .item span {font-weight: 700;}
    .gfi_success_why .to-be .cont .item1 {transform: translate(0%, -20%);}
    .gfi_success_why .to-be .cont .item2 {transform: translate(0%, 15%);}
    .gfi_success_why .to-be .cont .item3 {transform: translate(-30%, -33%);}
    .gfi_success_why .to-be .cont .item4 {transform: translate(-20%, -65%);}
    .gfi_success_ecat__img {width: 140%; margin: -50px 0 0 0;}
    .gfi_ecat_thumbs .container .thumbs {width: calc(100% + 16px); margin: 0;}
    .gfi_ecat_thumbs .container .thumbs .thumb {width: calc(100% / 3);}
    .gfi_success_web__img_container .sticky_container, .gfi_success_web__img {width: 820px;}
    .gfi_success_web__frame {width: 165%;}
}
@media screen and (max-width: 1399px) {
    .success_story .container {width: 720px;}
    .success_intro {padding: 50px 0;}
    .success_intro__head {flex-direction: column;}
    .success_intro__title {width: 100%!important; padding: 0!important;}
    .success_intro__client_info {width: 100%!important; max-width: 450px; padding: 0!important; text-align: right; margin-left: auto;}
    .success_intro__client_info h2 {margin-bottom: 8px;}
    .success_intro__client_info h2 .pt {margin-bottom: 3px; font-size: 14px;}
    .success_intro__client_info h2 .tit {font-size: 22px;}
    .success_intro__client_info p {font-size: 16px;}
    .success_intro__visual {width: 100%!important;}
    .success_why__together .textflow_container .textflow {animation-duration: 10s;}
    .success_why__together .textflow_container .textflow .texts {font-size: 140px;}
    .success_why__together .textflow_container h2 {font-size: 28px;}
    .success_section__title .pt {font-size: 16px;}
    .success_section__title .tit {font-size: 35px; margin-bottom: 20px;}
    .success_section__desc {font-size: 18px;}
    .success_sns_slider .slider {width: 400px; height: 400px;}
    .success_sns_slider .slider_info {width: calc((100% - 400px) / 2);}
    .success_sns_slider .slider__body {width: 250px; height: 473px;}
    .success_sns_slider .slider .slider__nav {padding: 0 15px;}
    .success_sns_slider .slider .slider__btn {width: 23px; height: 41px;}
    .success_sns_slider .slider_info > li .key {font-size: 18px;}
    .success_sns_slider .slider_info > li .value {font-size: 30px;}
    .success_sns_slider .slider__head h3 {padding: 43px 0 20px 0;}
    .success_sns_slider .slider__head h3 .logo {width: 110px; margin-bottom: 15px;}
    .success_sns_slider .slider__head h3 .tit {font-size: 20px;}

    /* == JYLDM == */
    .jyldm .success_intro__visual {margin-top: 20px;}
    .jyldm .success_intro__title .text1 {font-size: 32px; top: 20px; left: 140px;}
    .jyldm .success_intro__title .text2 {font-size: 42px;}
    .jyldm .success_intro__title .text2 .typo {width: 250px;}
    .jyldm .success_intro__title .text2 b {transform: translateY(-40px);}
    .jyldm .success_intro__client_info {margin-top: 20px;}
    .jyldm_result_banner {padding: 100px 0;}
    .jyldm_result_banner h2 {position: static; margin: 0 auto; width: 720px; max-width: calc(100% - 40px); text-align: center; margin-bottom: 40px; min-width: 320px;}
    .jyldm_result_banner h2 span {margin: 0!important; font-size: 62px;}
    .jyldm_result_banner .layout > .row > .col--50 {width: 100%;}
    .jyldm_result_banner .result_desc {text-align: center; padding-bottom: 40px;}
    .jyldm_result_banner .result_desc p {font-size: 24px;}
    .jyldm_result_banner .result_items {text-align: center;}
    .jyldm_result_banner .result_items .item .key {font-size: 20px;}
    .jyldm_result_banner .result_items .item .value {transform: translateX(9px); font-size: 70px;}
    .jyldm_result_banner .result_info {text-align: center; padding-top: 40px;}
    .jyldm_success_why .top .causes .item {width: 50%; margin-bottom: 62px;}
    .jyldm_success_why .top .causes .item:nth-child(3),
    .jyldm_success_why .top .causes .item:nth-child(4) {margin-bottom: 0;}
    .jyldm_success_why .top .causes::before {width: 50%;}
    .jyldm .success_bg_wrapper .bg_item {top: 390px;}
    .jyldm_success_movie {margin-top: 0;}
    .jyldm_success_samplebook .top {padding-top: 100px;}
    .jyldm_success_samplebook .top .samplebook_img01 {width: 100%; margin-left: -3%;}
    .jyldm_samplebook__thumbs li img {width: 240px;}

    /* == GFI == */
    .gfi .success_intro .container {width: 720px;}
    .gfi .success_intro__title {width: 100%;}
    .gfi .success_intro__title .text1 {font-size: 32px;}
    .gfi .success_intro__title .text2 span {font-size: 42px;}
    .gfi .success_intro__title .text2 .span1 img {width: 60px;}
    .gfi .success_intro__title .text2 .span2 img {width: 130px; margin-top: -10px;}
    .gfi .success_intro__client_info {width: 100%; padding-left: 0; margin-top: 20px;}
    .gfi .success_intro__visual .visual_info {right: 0; bottom: 0;}
    .gfi .success_intro__visual .visual_info ul {font-size: 16px;}
    .gfi .success_intro__visual .visual_info .percentage {font-size: 70px; text-align: right;}
    .gfi .success_intro__visual .visual_info ul li.empha {font-size: 18px;}
    .gfi_success_why .reason_contents .container {flex-direction: column; align-items: center; height: auto;}
    .gfi_success_why .reason_contents h3 {text-align: center; padding-top: 0;}
    .gfi_success_why .reason_contents h3 .tit {font-size: 28px;}
    .gfi_success_why .reason_contents .cont {flex-wrap: wrap; padding: 40px 0;}
    .gfi_success_why .reason_contents .cont .item {width: 190px; height: 190px; transform: none;}
    .gfi_success_why .reason_contents .cont .item span {font-size: 16px;}
    .gfi_success_why .success_why__reason {padding: 30px 0;}
    .gfi_success_why .as-is {padding-top: 40px;}
    .gfi_success_ecat {padding-top: 120px;}
    .gfi_success_ecat__img {margin: -20px -80px 0 0;}
    .gfi_ecat_thumbs {padding: 150px 0;}
    .gfi_ecat_thumbs .container .thumbs {padding: 10px 0;}
    .gfi .success_bg_wrapper {margin-top: -190px;}
    .gfi .success_bg_wrapper .bg_item1 .inner {height: 650px;}
    .gfi .success_bg_wrapper .bg_item2 {margin-top: 5%; height: 95%;}
    .gfi .success_bg_wrapper .active .bg_item1 {transform: skew(0deg, 7deg);}
    .gfi .success_bg_wrapper .active .bg_item2 {transform: skew(0deg, -7deg);}
    .gfi .success_svg_text {margin-top: -15vw;}
    .gfi .success_svg_text .svg_text {height: 32vw;}
    .gfi_success_web__img_container {padding-top: 3%;}
    .gfi_success_web__img_container .sticky_container, .gfi_success_web__img {width: 720px;}
    .gfi_success_web__img_container .sticky_container .sticky_item .inner {width: 100vw; overflow-x: hidden;}
    .gfi_success_web__frame {width: 1190px;}
    .gfi_success_web__mobiles ul {width: 108.4%; transform: translate(-4.2%, -50%);}
    .gfi_success_web__mobiles ul li {padding: 0 2.1%;}
    .gfi_success_web__mobiles ul li img {border-radius: 15px;}
    
}
@media screen and (max-width: 768px) {
    .success_intro {padding: 30px 0;}
    .success_intro .scroll_effect {transform: none!important; opacity: 1!important;}
    .success_intro__client_info h2 .pt {font-size: 12px;}
    .success_intro__client_info h2 .tit {font-size: 20px;}
    .success_intro__client_info p {font-size: 14px;}
    .success_why__together .textflow_container .textflow .texts {font-size: 100px;}
    .success_why__together .textflow_container h2 {font-size: 24px;}
    .success_section__title_container {margin-bottom: 40px;}
    .success_section__title .pt {font-size: 14px; margin-bottom: 7px;}
    .success_section__title .tit {font-size: 24px; margin-bottom: 15px;}
    .success_section__desc {font-size: 15px;}
    .success_video {min-width: 320px;}
    .success_video .video-box .cover .ico {width: 81px;}
    .success_sns_slider .slider {width: 300px; height: 300px;}
    .success_sns_slider .slider_info {width: calc((100% - 300px) / 2);}
    .success_sns_slider .slider__body {width: 200px; height: 382px;}
    .success_sns_slider .slider__body .swiper-container {border-radius: 35px;}
    .success_sns_slider .slider__item {padding: 0 7px;}
    .success_sns_slider .slider__body .mobile_frame {border-radius: 20px; border-width: 7px;}
    .success_sns_slider .slider .slider__nav {padding: 0 15px;}
    .success_sns_slider .slider .slider__btn {width: 14px; height: 26px;}
    .success_sns_slider .slider_info > li .key {font-size: 16px;}
    .success_sns_slider .slider_info > li .value {font-size: 24px;}
    .success_sns_slider .slider__head h3 {padding: 33px 0 20px 0;}
    .success_sns_slider .slider__head h3 .logo {width: 70px; margin-bottom: 10px;}
    .success_sns_slider .slider__head h3 .tit {font-size: 16px;}

    /* == JYLDM == */
    .jyldm .success_intro__title .text1 {font-size: 26px; top: 15px; left: 100px;}
    .jyldm .success_intro__title .text2 {font-size: 32px;}
    .jyldm .success_intro__title .text2 .typo {width: 180px;}
    .jyldm .success_intro__title .text2 b {transform: translateY(-20px);}
    .jyldm_result_banner {padding: 80px 0;}
    .jyldm_result_banner h2 span {font-size: 42px;}
    .jyldm_result_banner .layout > .row > .col--50 {width: 100%;}
    .jyldm_result_banner .result_desc {padding-bottom: 40px;}
    .jyldm_result_banner .result_desc p {font-size: 20px;}
    .jyldm_result_banner .result_items {margin-bottom: 30px!important;}
    .jyldm_result_banner .result_items .item .key {font-size: 18px; margin-bottom: 5px;}
    .jyldm_result_banner .result_items .item .value {transform: translateX(6.5px); font-size: 50px;}
    .jyldm_result_banner .result_info {padding-top: 20px;}
    .jyldm_result_banner .result_info .item .key,
    .jyldm_result_banner .result_info .item .value {font-size: 14px;}
    .jyldm_success_why .top .causes {width: calc(100% + 16px); margin-left: -8px;}
    .jyldm_success_why .top .causes .item {padding: 0 8px;}
    .jyldm_success_why .top .causes .num, .jyldm_success_why .top .causes .key {font-size: 16px; margin-bottom: 10px;}
    .jyldm_success_why .top .causes .value strong {font-size: 20px;}
    .jyldm_success_why .top .causes .value span {font-size: 14px;}
    .jyldm .success_bg_wrapper .bg_item {top: 350px;}
    .jyldm_success_web__img {margin-top: -3vw;}
    .jyldm_success_samplebook .top .samplebook_img01 {margin-top: -20px;}
    .jyldm_success_samplebook .bot {padding: 30px 0;}
    .jyldm_samplebook__thumbs {padding: 0 5px; transform: none;}
    .jyldm_samplebook__thumbs.thumbs01 {margin-left: 0; margin-bottom: 10px;}
    .jyldm_samplebook__thumbs.thumbs02 {margin-right: 0;}
    .jyldm_samplebook__thumbs li {padding: 0 5px;}
    .jyldm .success_svg_text .svg_text text {stroke-width: 2px;}

    /* == GFI == */
    .gfi .success_intro__title .text1 {font-size: 22px; margin-bottom: 5px;}
    .gfi .success_intro__title .text2 span {font-size: 26px; flex-shrink: 0;}
    .gfi .success_intro__title .text2 .span1 img {width: 45px; margin-bottom: -20px;}
    .gfi .success_intro__title .text2 .span2 img {width: 95px; margin-top: -10px;}
    .gfi .success_intro__client_info {margin-top: 40px;}
    .gfi_success_ecat .container {flex-wrap: wrap;}
    .gfi_success_ecat .success_section__title_container,
    .gfi_success_ecat .imgbox {width: 100%;}
    .gfi_success_ecat__img {width: 400px; margin-left: auto; display: block; max-width: 100%; margin: -5vw 0 0 0;}
    .gfi .success_bg_wrapper .bg_item1 .inner {height: 145vw;}
    .gfi_ecat_thumbs {padding: 20vw 0;}
    .gfi .success_bg_wrapper .bg_item1 .inner {height: 85vw;}
    .gfi_success_web__img_container .sticky_container, .gfi_success_web__img {width: 720px; max-width: 100%;}
    .gfi_success_web__frame {width: 147%;}
    .gfi.success_story .gfi_success_web__mobiles.success_section {min-width: 320px; padding: 80px 0; overflow: hidden;}
    .gfi_success_web__mobiles ul {width: 100%; margin: 0 auto; flex-wrap: wrap; justify-content: center; transform: none;}
    .gfi_success_web__mobiles ul li {padding: 10px; width: calc(100% / 3);}
    .gfi_success_web__mobiles ul li img {border-radius: 10px;}
    

}
@media screen and (max-width: 650px) {
    .success_sns_slider {position: relative; width: 320px; margin: 0 auto 100px auto;}
    .success_sns_slider .slider {height: auto;}
    .success_sns_slider .slider .slider__nav {top: 30%;}
    .success_sns_slider .slider_info {position: absolute; z-index: 40; width: 50%; bottom: -100px; padding: 0 5px; /* pointer-events: none; */}
    .success_sns_slider .slider_info.info1 {left: 0; align-items: flex-end;}
    .success_sns_slider .slider_info.info2 {right: 0; align-items: flex-start;}
    .success_sns_slider .slider_info > li {margin: 5px 0; width: 130px; height: 130px; display: flex; align-items: center; justify-content: center; flex-direction: column; background: rgba(0,0,0,0.8); border-radius: 10px;}

    /* == GFI == */
    .gfi .success_intro__visual .visual_graphic .img {left: 50%;}
    .gfi .success_intro__visual .visual_info {position: static; margin-top: 40px;}
    .gfi .success_intro__visual .visual_info * {text-align: center!important;}
    .gfi .success_intro__visual .visual_info .percentage {font-size: 40px;}
    .gfi .success_intro__visual .visual_info ul {font-size: 14px;}
    .gfi .success_intro__visual .visual_info ul li.empha {font-size: 16px;}
}
@media screen and (max-width: 500px) {
    .jyldm_success_why .top .causes .item {width: 100%; margin-bottom: 61px!important;}
    .jyldm_success_why .top .causes .item:nth-child(4) {margin-bottom: 0!important;}
    .jyldm_success_why .top .causes::before {display: none;}

    /* == GFI == */
    .gfi_success_why .reason_contents .cont .item {width: 150px; height: 150px;}
    .gfi_success_why .reason_contents .cont .item span {font-size: 14px;}
    .gfi_ecat_thumbs {padding: 35vw 0;}
    .gfi_ecat_thumbs .container .thumbs {flex-wrap: wrap; justify-content: center; padding: 0; width: calc(100% + 10px); margin-left: -5px;}
    .gfi_ecat_thumbs .container .thumbs .thumb {width: 50%; padding: 5px;}
    .gfi .success_bg_wrapper .bg_item1 .inner {height: 145vw;}
    .gfi .success_svg_text {margin-top: -30vw;}
}



/* 수출바우처 */
.voucher .page_intro {padding-bottom: 150px;}
.voucher .page_intro .heading1 {font-size: 60px; line-height: 1.3; margin-bottom: 0;}
.voucher .page_intro .heading4 {margin-bottom: .5em;}
.voucher .page_intro .heading4 .pt {display: block; font-size: 24px; font-weight: 600; color: #C5C5C5; text-transform: uppercase; line-height: 1; margin-bottom: 0.5em;}
.voucher .page_intro .heading4 .sbj {display: block; font-size: 30px; line-height: 1.3;}
.voucher .page_intro .contbox {padding-left: 50px;}
.voucher .page_intro .align--end {align-items: flex-end;}

.voucher__txt_banner {padding: 72px 0; background: rgba(0,0,0,.03);}
.voucher__txt_banner .swiper-container {height: auto;}
.voucher__txt_banner .swiper-wrapper {height: auto;}
.voucher__txt_banner .swiper-slide {width: auto!important; height: auto; opacity: .3; transition: opacity .3s; display: flex; justify-content: center; padding: 0 30px;}
.voucher__txt_banner .swiper-slide-active {opacity: 1;}
.voucher__txt_banner .swiper-slide span {display: flex; font-size: 140px; line-height: 1; font-weight: 500; text-align: center;}
.voucher__txt_banner .swiper-slide span i {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #111; color: #fff; position: relative; border-radius: 50%; font-size: 24px; font-style: normal; font-weight: 700;}
.voucher__txt_banner .swiper-slide span i::before {position: absolute; width: 10px; height: 20px; background: #111; bottom: 1px; left: 7px; content: ""; display: block; transform: skew(-30deg, -10deg); z-index: -1;}
.voucher__txt_banner .slogan {font-size: 32px; margin-top: 60px; line-height: 1.5;}

.voucher_why {position: relative; z-index: 1; padding-bottom: 80px;}
.voucher_why .typo {display: block; font-size: 150px; font-weight: 500; color: #F1F1F1; line-height: 1; text-align: center; margin-top: 70px;}
.voucher_why .diagram {display: flex; width: 1440px; margin: 0 auto;}
.voucher_why .diagram .item {width: 25%; padding: 0 10px;}
.voucher_why .diagram .item .inner {position: relative; width: 340px; height: 340px; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.voucher_why .diagram .item .inner * {position: relative; z-index: 1;}
.voucher_why .diagram .item .inner .circle {position: absolute; top: 50%; left: 50%; margin: -50% 0 0 -50%; width: 100%; height: 100%; border-radius: 50%; background: #030303; border: none; transition: .4s;}
.voucher_why .diagram .item .inner .key {font-size: 38px; font-weight: 500; text-align: center; line-height: 1.3; transition: transform .4s;}
.voucher_why .diagram .item .inner .value {display: block; position: absolute; bottom: 100%; left: 0%; text-align: center; color: #FF0000; width: 100%; font-size: 28px; font-weight: 600; line-height: 1.3; margin-bottom: .5em; opacity: 0; transition: opacity .4s;}
.voucher_why .diagram .item .inner .value.link {width: auto; height: auto; bottom: 64%; left: auto; right: -20px;}
.voucher_why .diagram .item .inner .value.link a {background: #010101; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; width: auto; height: 50px; padding: 10px 20px; border-radius: 50px;;}
.voucher_why .diagram .item .inner .value.link a .arrow {border-color: #fff; width: 14px; height: 14px; margin-left: 10px;}
.voucher_why .diagram .item .inner .value.has_satis {width: 130%; left: -15%;}
.voucher_why .diagram .item .inner .value .satis {display: flex; justify-content: center;}
.voucher_why .diagram .item .inner .value .satis_item {display: flex; flex-direction: column; position: relative; width: 50%; padding: 0 25px; text-align: center;}
.voucher_why .diagram .item .inner .value .satis_item::after {display: block; width: 1px; height: 100%; content: ""; background: #999; position: absolute; top: 50%; right: 0; transform: translate(0, -50%);}
.voucher_why .diagram .item .inner .value .satis_item:last-child::after {display: none;}
.voucher_why .diagram .item .inner .value .satis_item:nth-child(1) {align-items: flex-end; text-align: right;}
.voucher_why .diagram .item .inner .value .satis_item:nth-child(2) {align-items: flex-start; text-align: left;}
.voucher_why .diagram .item .inner .value .satis_item .tag {font-size: 22px; color: #999;}
.voucher_why .diagram .item .inner .value .satis_item .val {line-height: 1;}
.voucher_why .diagram .item .inner .value .satis_item .val b {font-size: 52px;}
.voucher_why .diagram .item .inner .icon {display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background: #FF0000; margin-bottom: 38px; margin-top: -42px; transition: transform .4s, background .4s;}
.voucher_why .diagram .item .inner .icon .plus {width: 50%; height: 50%;}
.voucher_why .diagram .item .inner .icon .plus::before,
.voucher_why .diagram .item .inner .icon .plus::after {background: #fff;}
.voucher_why .diagram .item .inner .icon .plus::before {width: 3px;}
.voucher_why .diagram .item .inner .icon .plus::after {height: 3px;}
.voucher_why .diagram .item .inner .icon .arrow {display: none; border-color: #fff; width: 30%; height: 30%; border-width: 4px;}
.voucher_why .diagram .item .inner:hover .circle {transform: scale(.9); background: #FF0000;}
.voucher_why .diagram .item:not(.has_icon) .inner:hover .icon {transform: translate(0, -140%); background: #030303;}
.voucher_why .diagram .item.has_link .inner:hover .icon {opacity: 0; transform: none;}
.voucher_why .diagram .item .inner:hover .icon .plus {display: none;}
.voucher_why .diagram .item .inner:hover .icon .arrow {display: block;}
.voucher_why .diagram .item .inner:hover .value {opacity: 1;}
.voucher_why .diagram .item .inner:hover .key {transform: translate(0, -15%);}
.voucher_why .diagram_lines {width: 1440px; margin: 0 auto; padding: 50px 0 0 0;}
.voucher_why .diagram_lines .inner {width: 75%; margin: 0 auto; position: relative; display: flex; justify-content: space-between;}
.voucher_why .diagram_lines .v {width: 1px; height: 50px; background: #AEAEAE; display: block;}
.voucher_why .diagram_lines .h {position: absolute; bottom: 0; left: 50%; transform: translate(-50%); width: 100%; height: 1px; background: #AEAEAE;}
.voucher_why .diagram_lines .inner::before {position: absolute; top: 100%; left: 50%; transform: translate(-50%); width: 1px; height: 200px; background: #AEAEAE; content: "";}
.voucher_why .diagram_lines .inner::after {position: absolute; bottom: -200px; left: 50%; transform: translate(-50%); width: 12px; height: 12px; background: #E6001F; border-radius: 50%; content: "";}

.voucher_support {background: linear-gradient(135deg, #270440, #363F4E); padding: 100px 0; position: relative; z-index: 0; overflow: hidden;}
.voucher_support > .typo {position: absolute; z-index: 0; bottom: -.2em; left: 50%; transform: translate(-50%, 0); font-size: 150px; font-weight: 500; color: #000; opacity: .17; width: auto; text-align: center; display: block; line-height: 1; white-space: nowrap; max-width: none;}
.voucher_support .diagram {padding: 120px 0 0 0; position: relative; z-index: 1;}
.voucher_support .diagram .visual {position: relative; width: 75%; margin: 0 auto;}
.voucher_support .diagram .visual .round .inner {position: relative; display: block; width: 100%; height: 545px; border-radius: 545px; border: 4px solid #6A6A6A; margin: 0 auto 141px auto;}
.voucher_support .diagram .visual .round .inner::before {position: absolute; z-index: 1; bottom: -2px; left: 50%; content: ""; width: 24px; height: 24px; border-radius: 50%; background: #747474; transform: translate(-50%, 50%);}
.voucher_support .diagram .visual .round .inner::after {position: absolute; z-index: 0; top: 100%; left: 50%; content: ""; width: 1px; height: 145px; background: #AEAEAE; transform: translate(-50%, 0);}
.voucher_support .diagram .visual .thumb {position: absolute; top: 35%; left: -220px; transform: translate(0, -50%);}
.voucher_support .diagram .visual .tags {position: absolute; width: 50%; height: 100%; top: 0; right: 0;}
.voucher_support .diagram .visual .tags span {position: absolute; display: block; color: #fff; width: 252px; height: 62px; border-radius: 62px; text-align: center; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 25px; font-weight: 600; line-height: 1; background: #E6001F; border: 4px solid #E6001F; box-shadow: 18px 28px 37px rgba(113, 4, 4, .27);}
.voucher_support .diagram .visual .tags span:nth-child(1) {top: 50px; left: 0;}
.voucher_support .diagram .visual .tags span:nth-child(2) {top: 65px; right: -50px;}
.voucher_support .diagram .visual .tags span:nth-child(3) {top: 156px; right: 145px;}
.voucher_support .diagram .visual .tags span:nth-child(4) {top: 200px; left: -170px;}
.voucher_support .diagram .visual .tags span:nth-child(5) {top: 258px; right: -130px;}
.voucher_support .diagram .visual .tags span:nth-child(6) {bottom: 105px; left: -120px;}
.voucher_support .diagram .visual .tags span:nth-child(7) {bottom: 186px; right: 206px;}
.voucher_support .diagram .visual .tags span:nth-child(8) {bottom: 53px; right: 74px;}
.voucher_support .diagram .visual .tags span.empha {background: #010101; color: #E6001F;}
.voucher_support .diagram .bridge {width: 75%; margin: 0 auto; position: relative; display: flex; justify-content: space-between;}
.voucher_support .diagram .bridge .v {width: 1px; height: 50px; background: #AEAEAE; display: block;}
.voucher_support .diagram .bridge .h {position: absolute; top: 0; left: 50%; transform: translate(-50%); width: 100%; height: 1px; background: #AEAEAE;}
.voucher_support .diagram .contents {width: calc(100% + 34px); margin-left: -17px; display: flex; flex-wrap: wrap; padding: 30px 0 0 0;}
.voucher_support .diagram .contents .item {width: 25%; padding: 0 17px;}
.voucher_support .diagram .contents .item .inner {border-top: 5px solid #fff; padding: 40px 10px; color: #fff; font-size: 24px; font-weight: 200; line-height: 1.5;}

.voucher_enterprise {background: #F5F5F5; padding: 120px 0 180px 0;}
.enterprise_ls {width: 100%; table-layout: fixed; margin-top: 100px;}
.enterprise_ls .col--count {width: 300px; text-align: center;}
.enterprise_ls .col--score {width: 405px; text-align: center;}
.enterprise_ls thead {border-bottom: 2px solid #707070;}
.enterprise_ls thead tr {}
.enterprise_ls thead th {padding: 20px 0; font-size: 30px; font-weight: 500; position: relative;}
.enterprise_ls thead th::after {position: absolute; top: 50%; right: 0; width: 1px; height: 50%; background: #ACACAC; content: ""; transform: translate(0, -50%);}
.enterprise_ls thead th:last-child::after {display: none;}
.enterprise_ls tbody {}
.enterprise_ls tbody tr {border-bottom: 1px solid #ACACAC;}
.enterprise_ls tbody td {padding: 22px;}
.enterprise_ls tbody td.col--cont {padding-left: 0;}
.enterprise_ls tbody td.col--count {background: #fff;}
.enterprise_ls tbody td.col--score {background: #fff;}
.enterprise_ls tbody td.col--cont .inner {display: flex;}
.enterprise_ls tbody td.col--cont .inner .thumb {width: 346px; height: 234px; flex-shrink: 0;}
.enterprise_ls tbody td.col--cont .inner .cont {padding: 0 0 0 45px; display: flex; flex-direction: column; justify-content: center; color: #070707;}
.enterprise_ls tbody td.col--cont .inner .cont .tit {font-size: 32px; font-weight: 700; line-height: 1.3;}
.enterprise_ls tbody td.col--cont .inner .cont .dsc {font-size: 24px; font-weight: 300; line-height: 1.5; margin-bottom: 1em;}
.enterprise_ls tbody td.col--cont .inner .cont a {font-size: 23px; font-weight: 500; text-decoration: underline; color: #474747;}
.enterprise_ls tbody td.col--cont .inner .cont a:hover {color: #E6001F;}
.enterprise_ls tbody td.col--count {padding-right: 90px; text-align: right; position: relative;}
.enterprise_ls tbody td.col--count::after {position: absolute; top: 50%; right: 0; width: 1px; height: 50px; background: #ACACAC; content: ""; transform: translate(0, -50%);}
.enterprise_ls tbody td.col--count .count {color: #6B6A6A;}
.enterprise_ls tbody td.col--count .count b {font-size: 70px; font-weight: 500; line-height: 1;}
.enterprise_ls tbody td.col--count .count i {font-size: 30px; font-weight: 600; font-style: normal; line-height: 1; margin-left: .2em;}
.enterprise_ls tbody td.col--score {padding-right: 73px; text-align: right;position: relative;}
.enterprise_ls tbody td.col--score .star_score {display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
.enterprise_ls tbody td.col--score .star_score .star {display: block; width: 60px; height: 58px; background: url('../images/about_us/star.png') no-repeat center / cover; margin: 0 5px; opacity: 0; transform: scale(0); transition: opacity .4s, transform .4s; transition-timing-function: cubic-bezier(.85,.14,.29,.99);}
.enterprise_ls tbody td.col--score .star_score .star:nth-child(1) {transition-delay: 0.1s;}
.enterprise_ls tbody td.col--score .star_score .star:nth-child(2) {transition-delay: 0.15s;}
.enterprise_ls tbody td.col--score .star_score .star:nth-child(3) {transition-delay: 0.2s;}
.enterprise_ls tbody td.col--score .star_score .star:nth-child(4) {transition-delay: 0.25s;}
.enterprise_ls tbody td.col--score .star_score .star:nth-child(5) {transition-delay: 0.3s;}
.enterprise_ls tbody td.col--score .score {transition: opacity .4s; transition-delay: .4s;}
.enterprise_ls tbody td.col--score .score b {font-size: 80px; font-weight: 600; line-height: 1;}
.enterprise_ls tbody td.col--score .score i {font-size: 30px; font-weight: 600; line-height: 1; font-style: normal; color: #8A8A8A; margin-left: .2em;}
.enterprise_ls tbody tr:hover td.col--score .star_score .star {transform: scale(1); opacity: 1;}
.enterprise_ls tbody tr:hover td.col--score .star_score .star:nth-child(1) {transition-delay: 0.2s;}
.enterprise_ls tbody tr:hover td.col--score .star_score .star:nth-child(2) {transition-delay: 0.25s;}
.enterprise_ls tbody tr:hover td.col--score .star_score .star:nth-child(3) {transition-delay: 0.3s;}
.enterprise_ls tbody tr:hover td.col--score .star_score .star:nth-child(4) {transition-delay: 0.35s;}
.enterprise_ls tbody tr:hover td.col--score .star_score .star:nth-child(5) {transition-delay: 0.4s;}
.enterprise_ls tbody tr:hover td.col--score .score {opacity: .08; transition-delay: 0s;}

.voucher-2024-banner {--gold: #FAE5B3; background: url('../images/about_us/voucher-2024-banner-bg.jpg') no-repeat center / cover; padding-block: 120px;}
.voucher-2024-banner .head-box {text-align: center; margin-bottom: 45px;}
.voucher-2024-banner .title img {width: 883px; display: block; margin-inline: auto; margin-bottom: 67px;}
.voucher-2024-banner .desc {color: #B2B2B2; font-size: 40px; line-height: 1.475;}
.voucher-2024-banner .desc b {color: var(--gold); text-decoration: underline; text-underline-offset: .25em;}
.voucher-2024-banner .desc b .round {display: inline-block; font-size: 0.925em; border: 4px solid var(--gold); text-decoration: none; line-height: 1.3; border-radius: 1.3em; padding-inline: .5em;}
.voucher-2024-banner .content-box {display: flex; gap: 48px; background: #fff; border-radius: 23px; padding: 40px 37px; width: 1450px; margin-inline: auto; max-width: 100%;}
.voucher-2024-banner .content-box .tit {font-size: 30px; flex-shrink: 0;}
.voucher-2024-banner .content-box .cont {font-size: 18px; width: 100%;}
.voucher-2024-banner .content-box .cont table {width: 100%; border-top: 3px solid #D1D1D1; table-layout: fixed;}
.voucher-2024-banner .content-box .cont table col:nth-child(1) {width: 270px;}
.voucher-2024-banner .content-box .cont table col:nth-child(2) {width: 80px;}
.voucher-2024-banner .content-box .cont table col:nth-child(3) {width: 150px;}
.voucher-2024-banner .content-box .cont table col:nth-child(4) {}
.voucher-2024-banner .content-box .cont table col:nth-child(5) {width: 130px;}
.voucher-2024-banner .content-box .cont table :where(th, td) {padding: .8em 1.1em; line-height: 1.5;}
.voucher-2024-banner .content-box .cont table th {background: #F8F8F8;}
.voucher-2024-banner .content-box .cont table tr {border-bottom: 1px solid #ababab;}
.voucher-2024-banner .content-box .cont table thead :where(th, td) {font-weight: 700;}
.voucher-2024-banner .content-box .cont table thead.blank :where(th, td) {padding: 0;}
.voucher-2024-banner .content-box .cont table thead:not(.blank) {border-bottom: 1px solid #707070; color: #707070;}
.voucher-2024-banner .content-box .cont table thead:not(.blank) :where(th, td:not(:last-child)) {border-right: 5px solid transparent;}
.voucher-2024-banner .content-box .cont table thead tr {border-bottom: none;}
.voucher-2024-banner .content-box .cont table tbody th {color: #333; font-weight: 700;}
.voucher-2024-banner .content-box .cont table tbody td .has-tag {display: flex; gap: 0.5em;}


@media screen and (max-width: 1699px) {
    .voucher .page_intro .heading1 {font-size: 50px;}
    .voucher .page_intro .heading4 .pt {font-size: 20px;}
    .voucher .page_intro .heading4 .sbj {font-size: 26px;}
    .voucher .page_intro .contbox {padding-left: 50px;}

    .voucher_support > .typo {font-size: 100px;}

    .enterprise_ls .col--count {width: 230px;}
    .enterprise_ls tbody td.col--count {padding-right: 60px;}
    .enterprise_ls tbody td.col--count .count b {font-size: 50px;}
    .enterprise_ls tbody td.col--count .count i {font-size: 26px;}
    .enterprise_ls tbody td.col--score .star_score .star {width: 50px; height: 48px;}
    .enterprise_ls .col--score {width: 335px;}
    .enterprise_ls tbody td.col--score .score b {font-size: 60px;}
    .enterprise_ls tbody td.col--score .score i {font-size: 26px;}

    .voucher-2024-banner .title img {width: 600px;}
    .voucher-2024-banner .desc {font-size: 32px;}
    .voucher-2024-banner .content-box .tit {font-size: 26px;}
}
@media screen and (max-width: 1499px) {
    .voucher_why .diagram {flex-wrap: wrap; width: 740px;}
    .voucher_why .diagram .item {width: 50%; padding: 140px 0 0 0;}
    .voucher_why .diagram .item .inner {margin: 0 auto;}
    .voucher_why .diagram .item .inner .value {opacity: 1;}
    .voucher_why .diagram .item .inner .icon {transform: translate(0, -140%)!important; background: #FF0000!important; opacity: 1!important;}
    .voucher_why .diagram .item .inner .icon .plus {display: none;}
    .voucher_why .diagram .item .inner .icon .arrow {display: block;}
    .voucher_why .diagram .item .inner .circle {transform: scale(.9); background: #010101!important;}
    .voucher_why .diagram .item .inner .key {transform: translate(0, -17.5%)!important;; font-size: 34px;}
    .voucher_why .diagram .item .inner .value {font-size: 24px;}
    .voucher_why .diagram .item .inner .value.link {left: 50%; right: auto; bottom: 100%; transform: translate(-50%, 0); width: 70%;}
    .voucher_why .diagram .item .inner .value .satis_item .val b {font-size: 46px;}
    .voucher_why .diagram .item .inner .value .satis_item .tag {font-size: 18px;}
    .voucher_why .diagram_lines {width: 740px; padding-top: 25px;}
    .voucher_why .diagram_lines .inner {width: 50%;}
    .voucher_why .diagram_lines .v:nth-child(1), .voucher_why .diagram_lines .v:nth-child(2) {display: none;}

    .voucher_support .diagram .visual .tags span {width: 230px; font-size: 18px;}
    .voucher_support .diagram .contents .item .inner {font-size: 20px;}
    .voucher_support .diagram .visual .thumb {width: 70%;}

    .enterprise_ls thead th {font-size: 24px;}
    .enterprise_ls tbody td.col--cont .inner .thumb {width: 275px; height: 184px;}
    .enterprise_ls tbody td.col--cont .inner .cont .tit {font-size: 28px;}
    .enterprise_ls tbody td.col--cont .inner .cont .dsc {font-size: 20px;}
    .enterprise_ls tbody td.col--cont .inner .cont a {font-size: 19px;}
}
@media screen and (max-width: 1399px) {
    .voucher .page_intro {padding-bottom: 100px;}
    .voucher .page_intro .align--end {align-items: flex-start;}
    .voucher .page_intro .heading1 {font-size: 32px;}
    .voucher .page_intro .heading4 .pt {font-size: 16px;}
    .voucher .page_intro .heading4 .sbj {font-size: 20px;}
    .voucher .page_intro .contbox {padding-left: 30px;}

    .voucher__txt_banner {padding: 62px 0;}
    .voucher__txt_banner .swiper-slide span {font-size: 100px;}
    .voucher__txt_banner .swiper-slide span i {width: 30px; height: 30px; font-size: 15px;}
    .voucher__txt_banner .swiper-slide span i::before {position: absolute; width: 10px; height: 20px; background: #111; bottom: 1px; left: 7px; content: ""; display: block; transform: skew(-30deg, -10deg); z-index: -1;}
    .voucher__txt_banner .slogan {font-size: 24px; margin-top: 40px;}  

    .voucher_why .typo {font-size: 60px;}
    .voucher_why .diagram .item .inner {width: 300px; height: 300px;}
    .voucher_why .diagram .item .inner .key {font-size: 28px; transform: translate(0, -20%)!important;}

    .voucher_support > .typo {font-size: 80px;}
    .voucher_support .diagram .visual {width: 100%;}
    .voucher_support .diagram .visual .round {position: absolute; top: 10%; left: 50%; transform: translate(-50%, 0%); width: 90%; height: 100%;}
    .voucher_support .diagram .visual .round .inner {height: 100%;}
    .voucher_support .diagram .visual .thumb {position: static; transform: none; width: 100%; margin-top: -100px;}
    .voucher_support .diagram .visual .tags {position: relative; width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
    .voucher_support .diagram .visual .tags span {position: static; width: 48%; margin: 2% 0;}
    .voucher_support .diagram .bridge,
    .voucher_support .diagram .visual .round .inner::after,
    .voucher_support .diagram .visual .round .inner::before {display: none;}
    .voucher_support .diagram .contents {margin-top: 50px;}
    .voucher_support .diagram .contents .item {width: 50%;}
    .voucher_support .diagram .contents .item .inner {font-size: 18px; padding: 25px 0;}

    .enterprise_ls {margin-top: 50px;}
    .enterprise_ls thead {display: none;}
    .enterprise_ls tbody {display: block;}
    .enterprise_ls tbody tr {display: flex; flex-wrap: wrap; width: 100%; border: 1px solid #acacac; margin: 20px 0;}
    .enterprise_ls tbody td.col--cont {width: 100%; padding: 0;}
    .enterprise_ls tbody td.col--cont .inner .cont {width: 100%; padding: 20px 0 20px 30px;}
    .enterprise_ls tbody td.col--count {width: 275px; flex-shrink: 0; padding: 20px; text-align: center;}
    .enterprise_ls tbody td.col--score {width: calc(100% - 275px); padding: 20px 30px; text-align: left;}
    .enterprise_ls tbody td.col--count .count b,
    .enterprise_ls tbody td.col--score .score b {font-size: 42px;}
    .enterprise_ls tbody td.col--score .score i,
    .enterprise_ls tbody td.col--count .count i {font-size: 22px;}
    .enterprise_ls tbody td.col--cont .inner .cont .tit {font-size: 24px;}
    .enterprise_ls tbody td.col--cont .inner .cont .dsc {font-size: 18px;}
    .enterprise_ls tbody td.col--score .inner {display: flex; align-items: center;}
    .enterprise_ls tbody td.col--score .star_score {position: static; width: auto; transform: none; margin-left: 30px;}
    .enterprise_ls tbody td.col--score .star_score .star {opacity: 1; transform: scale(1); width: 30px; height: 29px;}
    .enterprise_ls tbody td.col--score .score {opacity: 1!important;}

    .voucher-2024-banner {padding-block: 100px;}
    .voucher-2024-banner .title img {width: 400px; margin-bottom: 35px;}
    .voucher-2024-banner .desc {font-size: 26px;}
    .voucher-2024-banner .desc b {text-decoration: none;}
    .voucher-2024-banner .content-box {flex-direction: column; gap: 20px;}
    .voucher-2024-banner .content-box .tit {font-size: 22px;}
    .voucher-2024-banner .content-box .cont {font-size: 15px; overflow: auto hidden;}
    .voucher-2024-banner .content-box .cont table col:nth-child(1) {width: 110px;}
    .voucher-2024-banner .content-box .cont table col:nth-child(2) {width: 56px;}
    .voucher-2024-banner .content-box .cont table col:nth-child(3) {width: 105px;}
    .voucher-2024-banner .content-box .cont table col:nth-child(4) {}
    .voucher-2024-banner .content-box .cont table col:nth-child(5) {width: 110px;}
}
@media screen and (max-width: 767px) {
    .voucher .page_intro {padding-bottom: 70px;}
    .voucher .page_intro .heading1 {font-size: 26px; margin-bottom: 20px;}
    .voucher .page_intro .heading4 .pt {font-size: 14px;}
    .voucher .page_intro .heading4 .sbj {font-size: 19px;}
    .voucher .page_intro .contbox {padding-left: 0px;}

    .voucher__txt_banner {padding: 62px 0 42px 0;}
    .voucher__txt_banner .swiper-slide {padding: 0 20px;}
    .voucher__txt_banner .swiper-slide span {font-size: 38px;}
    .voucher__txt_banner .swiper-slide span i {display: none;}
    .voucher__txt_banner .slogan {font-size: 18px; margin-top: 20px;}  

    .voucher_why .typo {font-size: 42px; margin: 50px 0;}
    .voucher_why .diagram {width: calc(100% +  20px); margin-left: -10px;}
    .voucher_why .diagram .item {width: 100%; padding: 100px 0 0 0;}
    .voucher_why .diagram .item .inner {width: 300px; height: 300px;}
    .voucher_why .diagram_lines {display: none;}

    .voucher_support > .typo {position: static; transform: none; font-size: 60px;}
    .voucher_support .diagram .visual .round .inner {border-width: 2px;}
    .voucher_support .diagram .visual .tags span {height: 52px; font-size: 14px;}
    .voucher_support .diagram .contents .item {width: 100%;}
    .voucher_support .diagram .contents .item .inner {padding: 20px 0 40px 0; border-width: 2px;}

    .voucher_enterprise {padding: 60px 0;}
    .enterprise_ls tbody tr {background: #fff;}
    .enterprise_ls tbody td.col--cont .inner {display: block;}
    .enterprise_ls tbody td.col--cont .inner .thumb {width: 100%; height: 0; padding-bottom: 56.25%;}
    .enterprise_ls tbody td.col--cont .inner .cont {width: 100%; padding: 20px;}
    .enterprise_ls tbody td.col--score .inner {flex-direction: column; align-items: flex-start;}
    .enterprise_ls tbody td.col--score .star_score {margin: 10px 0 0 0;}
    .enterprise_ls tbody td.col--count,
    .enterprise_ls tbody td.col--score {display: flex; align-items: center; justify-content: center; border: 1px solid #dfdfdf; border-radius: 10px; margin: 20px; text-align: center; margin-top: 0;}
    .enterprise_ls tbody td.col--count {width: 100px; margin-right: 10px; padding: 20px;}
    .enterprise_ls tbody td.col--count::after {display: none;}
    .enterprise_ls tbody td.col--score {width: calc(100% - 150px); margin-left: 0; padding: 20px;}
    .enterprise_ls tbody td.col--count .count b, .enterprise_ls tbody td.col--score .score b {font-size: 24px;}
    .enterprise_ls tbody td.col--score .score i, .enterprise_ls tbody td.col--count .count i {font-size: 16px;}
    .enterprise_ls tbody td.col--score .inner {align-items: center;}
    .enterprise_ls tbody td.col--score .star_score {margin-top: 5px;}
    .enterprise_ls tbody td.col--score .star_score .star {width: 15px; height: 14px; margin: 0;}
    .enterprise_ls tbody td.col--cont .inner .cont .tit {font-size: 20px;}
    .enterprise_ls tbody td.col--cont .inner .cont .dsc {font-size: 14px; margin-bottom: 2em;}
    .enterprise_ls tbody td.col--cont .inner .cont a {font-size: 16px; text-align: right;}

    .voucher-2024-banner {padding-block: 80px;}
    .voucher-2024-banner .title img {width: 280px;}
    .voucher-2024-banner .desc {font-size: 22px;}
    .voucher-2024-banner .content-box {border-radius: 15px; padding: 20px;}
    .voucher-2024-banner .content-box .tit {font-size: 18px;}
    .voucher-2024-banner .content-box .cont {font-size: 14px;}
    .voucher-2024-banner .content-box .cont table {min-width: 600px;}
    .voucher-2024-banner .content-box .cont table col:nth-child(1) {width: 94px;}
    .voucher-2024-banner .content-box .cont table col:nth-child(2) {width: 45px;}
    .voucher-2024-banner .content-box .cont table col:nth-child(3) {width: 93px;}
    .voucher-2024-banner .content-box .cont table col:nth-child(5) {width: 100px;}
    .voucher-2024-banner .content-box .cont table :where(th, td) {padding-inline: 0.8em;}
    .voucher-2024-banner .content-box .cont .overflow-container-notice {position: sticky; left: 0; display: flex; align-items: center; gap: .5em; font-size: 15px; margin-bottom: 0.8em; color: #7F8FA1; font-weight: 700;}
    .voucher-2024-banner .content-box .cont .overflow-container-notice::before {content: ''; width: 0; height: 0; border-left: 1em solid #7F8FA1; border-block: .5em solid transparent;}
    .voucher-2024-banner .content-box .cont .overflow-container-notice::after {content: '좌우로 스와이프 해주세요.'; }

    
}

/* Location */
.loca_info {}
.loca_info .row .col--50 {margin: 0;}
.loca_info .map_container {height: 100%;}
.loca_info .map_container .map {}
.loca_info .loca_info_wrap {width: 96%; padding: 0 0 120px 0;}
.loca_info .loca_info__table {border: 1px solid #cfcfcf; border-radius: 10px; padding: 20px 20px;}
.loca_info .loca_info__table .row {flex-wrap: nowrap; justify-content: flex-start; padding: 30px 0; border-bottom: 1px dashed #dadada;}
.loca_info .loca_info__table .row:last-child {border: none;}
.loca_info .loca_info__table .key {width: 150px; padding: 0 10px; flex-shrink: 0; font-size: 22px; font-weight: 600;}
.loca_info .loca_info__table .val {width: 100%; padding: 0 10px; font-size: 20px;}
.loca_info .loca_info__table .traffic_info {}
.loca_info .loca_info__table .traffic_info li {display: flex; flex-wrap: nowrap; align-items: center; padding-bottom: 15px;}
.loca_info .loca_info__table .traffic_info li:last-child {padding-bottom: 0;}
.loca_info .loca_info__table .traffic_no {min-width: 100px; text-align: center; font-weight: 600; color: #fff; font-size: 17px; padding: 8px 20px; border-radius: 40px; background: #ccc; line-height: 1.4;}
.loca_info .loca_info__table .traffic_bar {width: 10px; height: 2px; background-color: #333; margin: 0 0;}
.loca_info .loca_info__table .traffic_dotted {width: 40px; height: 0; border-bottom: 2px dotted #333;}
.loca_info .loca_info__table .traffic_tag {display: flex; align-items: center; justify-content: center; padding: 8px 20px; border-radius: 40px; color: #fff; font-size: 17px; font-weight: 600; background: #ccc; text-align: center; line-height: 1.4;}
.loca_info .loca_info__table .traffic_txt {padding: 8px 13px; border-radius: 40px; border: 1px solid #666; font-size: 17px; text-align: center; line-height: 1.4;}
.loca_info .loca_info__table .orange .traffic_no,
.loca_info .loca_info__table .orange .traffic_bar,
.loca_info .loca_info__table .orange .traffic_tag {background-color: #ef7c1c;}
.loca_info .loca_info__table .red .traffic_no,
.loca_info .loca_info__table .red .traffic_bar,
.loca_info .loca_info__table .red .traffic_tag {background-color: #ee2c5f;}
.loca_info .loca_info__table .blue .traffic_no,
.loca_info .loca_info__table .blue .traffic_bar,
.loca_info .loca_info__table .blue .traffic_tag {background-color: #374ff2;}
.loca_info .loca_info__table .green .traffic_no,
.loca_info .loca_info__table .green .traffic_bar,
.loca_info .loca_info__table .green .traffic_tag {background-color: #0abb0c;}
.loca_info .loca_info__table .yellow .traffic_no,
.loca_info .loca_info__table .yellow .traffic_bar,
.loca_info .loca_info__table .yellow .traffic_tag {background-color: #eba900;}

.loca_info .loca_info__table .red-light .traffic_no,
.loca_info .loca_info__table .red-light .traffic_bar,
.loca_info .loca_info__table .red-light .traffic_tag {background-color: #fb5852;}


.loca_info .loca_info__table .bus .traffic_no {min-width: 190px;}
.loca_info .loca_info__table .link_wrap {display: flex; flex-wrap: wrap; align-items: center;}
.loca_info .loca_info__table .link {display: inline-flex; height: 50px; justify-content: center; align-items: center; padding: 0 20px; border-radius: 5px; background: #333; color: #fff; margin-right: 10px; font-weight: 700;}
.loca_info .loca_info__table .link-google {background: rgb(49, 116, 241);}
.loca_info .loca_info__table .link-kakao {background: #fae100; color: #000;}
.loca_info .loca_info__table .link-naver {background: #19ce60;}
.loca_info .loca_info__table .addr_val {margin-right: 15px;}
.loca_info .loca_info__table .btn-copy {width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid #999; cursor: pointer; position: relative;}
.loca_info .loca_info__table .btn-copy .fas {color: #666;}
.loca_info .loca_info__table .btn-copy .noti {display: none; position: absolute; bottom: 120%; left: 50%; transform: translate(-50%, 0); font-size: 16px; color: #CD0101; font-style: normal; white-space: nowrap; padding: 10px 20px; border-radius: 10px; border: 1px solid #afafaf; background: #fff;}
.loca_info .loca_info__table .btn-copy .noti::after {position: absolute; top: 100%; left: 50%; width: 14px; height: 14px; border: 1px solid #afafaf; border-left: none; border-bottom: none; background: #fff; transform: rotate(135deg); content: ""; margin: -6px 0 0 -8px;}
.loca_info .loca_info__table .btn-copy:hover {border-color: #E6001F;}
.loca_info .loca_info__table .btn-copy:hover .fas {color: #E6001F;}
.loca_info .loca_info__table .btn-copy:hover .noti {display: flex;}
.loca_info .loca_info__table .btn-copy.mo {display: none;}
.copyBox {position: absolute; bottom: 0; left: 0; width: 0; height: 0; padding: 0; margin: 0; opacity: 0; z-index: -1;}

@media screen and (max-width: 1700px) {
    .loca_info .loca_info__table .row {display: block;}
    .loca_info .loca_info__table .key {width: 100%; padding: 0 10px 10px 10px;}
    .loca_info .loca_info__table .val {padding-left: 10px; font-size: 17px;}
    .loca_info .loca_info__table .traffic_info * {font-size: 15px;}
}
@media screen and (max-width: 1399px) {
    .loca_info {padding-bottom: 100px!important; min-width: 320px;}
    .loca_info .map_container {height: 450px;}
    .loca_info .loca_info_wrap {margin: -100px auto 0 auto; width: 720px;max-width: calc(100% - 40px); position: relative; z-index: 10; padding-bottom: 0;}
    .loca_info .loca_info__table {background: #fff;}
    .loca_info .loca_info__table .btn-copy {display: none;}
    .loca_info .loca_info__table .btn-copy.mo {display: inline-flex; margin-left: auto;}
    .loca_info .loca_info__table .btn-copy .noti {left: auto; right: -20px; transform: translate(0);}
    .loca_info .loca_info__table .btn-copy .noti::after {left: auto; right: 32px;}
    .loca_info .loca_info__table .key {font-size: 20px; display: flex; align-items: center;}
    .loca_info .loca_info__table .val {font-size: 15px;}

}
@media screen and (max-width: 720px) {
    .loca_info .loca_info__table {padding: 20px 10px;}
    .loca_info .loca_info__table .traffic_info li {display: block; padding-bottom: 30px;}
    .loca_info .loca_info__table .traffic_info * {font-size: 14px;}
    .loca_info .loca_info__table .traffic_no {display: block;}
    .loca_info .loca_info__table .traffic_bar {display: block; width: 2px; height: 10px; margin: 0 auto;}
    .loca_info .loca_info__table .traffic_dotted {display: block; width: 0; height: 20px; border-bottom: none; border-right-width: 2px; border-right-style: dotted; margin: 0 auto;}
    .loca_info .loca_info__table .traffic_txt {display: block;}
    .loca_info .loca_info__table .link {display: flex; width: 100%; margin-right: 0; margin-bottom: 10px;}
}



/* Newsletter vouture */
.letter-test .quick_menu,
.letter-test .header {display: none;}
.letter .voucher_support {background: linear-gradient(135deg, #270440, #363F4E); padding: 100px 0; position: relative; z-index: 0; overflow: hidden;}
.letter .voucher_support > .typo {position: absolute; z-index: 0; bottom: -.2em; left: 50%; transform: translate(-50%, 0); font-size: 150px; font-weight: 500; color: #000; opacity: .17; width: auto; text-align: center; display: block; line-height: 1; white-space: nowrap; max-width: none;}
.letter .voucher_support .diagram {padding: 120px 0 0 0; position: relative; z-index: 1;}
.letter .voucher_support .diagram .visual {position: relative; width: 75%; margin: 0 auto;}
.letter .voucher_support .diagram .visual .round .inner {position: relative; display: block; width: 100%; height: 545px; border-radius: 545px; border: 4px solid #6A6A6A; margin: 0 auto 141px auto;}
.letter .voucher_support .diagram .visual .round .inner::before {position: absolute; z-index: 1; bottom: -2px; left: 50%; content: ""; width: 24px; height: 24px; border-radius: 50%; background: #747474; transform: translate(-50%, 50%);}
.letter .voucher_support .diagram .visual .round .inner::after {position: absolute; z-index: 0; top: 100%; left: 50%; content: ""; width: 1px; height: 145px; background: #AEAEAE; transform: translate(-50%, 0);}
.letter .voucher_support .diagram .visual .thumb {position: absolute; top: 35%; left: -220px; transform: translate(0, -50%);}
.letter .voucher_support .diagram .visual .tags {position: absolute; width: 50%; height: 100%; top: 0; right: 0;}
.letter .voucher_support .diagram .visual .tags span {position: absolute; display: block; color: #fff; width: 252px; height: 62px; border-radius: 62px; text-align: center; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 25px; font-weight: 600; line-height: 1; background: #E6001F; border: 4px solid #E6001F; box-shadow: 18px 28px 37px rgba(113, 4, 4, .27);}
.letter .voucher_support .diagram .visual .tags span:nth-child(1) {top: 50px; left: 0;}
.letter .voucher_support .diagram .visual .tags span:nth-child(2) {top: 65px; right: -50px;}
.letter .voucher_support .diagram .visual .tags span:nth-child(3) {top: 156px; right: 145px;}
.letter .voucher_support .diagram .visual .tags span:nth-child(4) {top: 200px; left: -170px;}
.letter .voucher_support .diagram .visual .tags span:nth-child(5) {top: 258px; right: -130px;}
.letter .voucher_support .diagram .visual .tags span:nth-child(6) {bottom: 105px; left: -120px;}
.letter .voucher_support .diagram .visual .tags span:nth-child(7) {bottom: 186px; right: 206px;}
.letter .voucher_support .diagram .visual .tags span:nth-child(8) {bottom: 53px; right: 74px;}
.letter .voucher_support .diagram .visual .tags span.empha {background: #010101; color: #E6001F;}
.letter .voucher_support .diagram .bridge {width: 75%; margin: 0 auto; position: relative; display: flex; justify-content: space-between;}
.letter .voucher_support .diagram .bridge .v {width: 1px; height: 50px; background: #AEAEAE; display: block;}
.letter .voucher_support .diagram .bridge .h {position: absolute; top: 0; left: 50%; transform: translate(-50%); width: 100%; height: 1px; background: #AEAEAE;}
.letter .voucher_support .diagram .contents {width: calc(100% + 34px); margin-left: -17px; display: flex; flex-wrap: wrap; padding: 30px 0 0 0;}
.letter .voucher_support .diagram .contents .item {width: 25%; padding: 0 17px;}
.letter .voucher_support .diagram .contents .item .inner {border-top: 5px solid #fff; padding: 40px 10px; color: #fff; font-size: 24px; font-weight: 200; line-height: 1.5;}

.letter .voucher_enterprise {background: #F5F5F5; padding: 120px 0 180px 0;}
.letter .enterprise_ls {width: 100%; table-layout: fixed; margin-top: 100px;}
.letter .enterprise_ls .col--count {width: 300px; text-align: center;}
.letter .enterprise_ls .col--score {width: 405px; text-align: center;}
.letter .enterprise_ls thead {border-bottom: 2px solid #707070;}
.letter .enterprise_ls thead tr {}
.letter .enterprise_ls thead th {padding: 20px 0; font-size: 30px; font-weight: 500; position: relative;}
.letter .enterprise_ls thead th::after {position: absolute; top: 50%; right: 0; width: 1px; height: 50%; background: #ACACAC; content: ""; transform: translate(0, -50%);}
.letter .enterprise_ls thead th:last-child::after {display: none;}
.letter .enterprise_ls tbody {}
.letter .enterprise_ls tbody tr {border-bottom: 1px solid #ACACAC;}
.letter .enterprise_ls tbody td {padding: 22px;}
.letter .enterprise_ls tbody td.col--cont {padding-left: 0;}
.letter .enterprise_ls tbody td.col--count {background: #fff;}
.letter .enterprise_ls tbody td.col--score {background: #fff;}
.letter .enterprise_ls tbody td.col--cont .inner {display: flex;}
.letter .enterprise_ls tbody td.col--cont .inner .thumb {width: 346px; height: 234px; flex-shrink: 0;}
.letter .enterprise_ls tbody td.col--cont .inner .cont {padding: 0 0 0 45px; display: flex; flex-direction: column; justify-content: center; color: #070707;}
.letter .enterprise_ls tbody td.col--cont .inner .cont .tit {font-size: 32px; font-weight: 700; line-height: 1.3;}
.letter .enterprise_ls tbody td.col--cont .inner .cont .dsc {font-size: 24px; font-weight: 300; line-height: 1.5; margin-bottom: 1em;}
.letter .enterprise_ls tbody td.col--cont .inner .cont a {font-size: 23px; font-weight: 500; text-decoration: underline; color: #474747;}
.letter .enterprise_ls tbody td.col--cont .inner .cont a:hover {color: #E6001F;}
.letter .enterprise_ls tbody td.col--count {padding-right: 90px; text-align: right; position: relative;}
.letter .enterprise_ls tbody td.col--count::after {position: absolute; top: 50%; right: 0; width: 1px; height: 50px; background: #ACACAC; content: ""; transform: translate(0, -50%);}
.letter .enterprise_ls tbody td.col--count .count {color: #6B6A6A;}
.letter .enterprise_ls tbody td.col--count .count b {font-size: 70px; font-weight: 500; line-height: 1;}
.letter .enterprise_ls tbody td.col--count .count i {font-size: 30px; font-weight: 600; font-style: normal; line-height: 1; margin-left: .2em;}
.letter .enterprise_ls tbody td.col--score {padding-right: 73px; text-align: right;position: relative;}
.letter .enterprise_ls tbody td.col--score .star_score {display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
.letter .enterprise_ls tbody td.col--score .star_score .star {display: block; width: 60px; height: 58px; background: url('../images/about_us/star.png') no-repeat center / cover; margin: 0 5px; opacity: 0; transform: scale(0); transition: opacity .4s, transform .4s; transition-timing-function: cubic-bezier(.85,.14,.29,.99);}
.letter .enterprise_ls tbody td.col--score .star_score .star:nth-child(1) {transition-delay: 0.1s;}
.letter .enterprise_ls tbody td.col--score .star_score .star:nth-child(2) {transition-delay: 0.15s;}
.letter .enterprise_ls tbody td.col--score .star_score .star:nth-child(3) {transition-delay: 0.2s;}
.letter .enterprise_ls tbody td.col--score .star_score .star:nth-child(4) {transition-delay: 0.25s;}
.letter .enterprise_ls tbody td.col--score .star_score .star:nth-child(5) {transition-delay: 0.3s;}
.letter .enterprise_ls tbody td.col--score .score {transition: opacity .4s; transition-delay: .4s;}
.letter .enterprise_ls tbody td.col--score .score b {font-size: 80px; font-weight: 600; line-height: 1;}
.letter .enterprise_ls tbody td.col--score .score i {font-size: 30px; font-weight: 600; line-height: 1; font-style: normal; color: #8A8A8A; margin-left: .2em;}
.letter .enterprise_ls tbody tr:hover td.col--score .star_score .star {transform: scale(1); opacity: 1;}
.letter .enterprise_ls tbody tr:hover td.col--score .star_score .star:nth-child(1) {transition-delay: 0.2s;}
.letter .enterprise_ls tbody tr:hover td.col--score .star_score .star:nth-child(2) {transition-delay: 0.25s;}
.letter .enterprise_ls tbody tr:hover td.col--score .star_score .star:nth-child(3) {transition-delay: 0.3s;}
.letter .enterprise_ls tbody tr:hover td.col--score .star_score .star:nth-child(4) {transition-delay: 0.35s;}
.letter .enterprise_ls tbody tr:hover td.col--score .star_score .star:nth-child(5) {transition-delay: 0.4s;}
.letter .enterprise_ls tbody tr:hover td.col--score .score {opacity: .08; transition-delay: 0s;}


@media screen and (max-width: 1699px) {
    .letter .voucher_support > .typo {font-size: 100px;}

    .letter .enterprise_ls .col--count {width: 230px;}
    .letter .enterprise_ls tbody td.col--count {padding-right: 60px;}
    .letter .enterprise_ls tbody td.col--count .count b {font-size: 50px;}
    .letter .enterprise_ls tbody td.col--count .count i {font-size: 26px;}
    .letter .enterprise_ls tbody td.col--score .star_score .star {width: 50px; height: 48px;}
    .letter .enterprise_ls .col--score {width: 335px;}
    .letter .enterprise_ls tbody td.col--score .score b {font-size: 60px;}
    .letter .enterprise_ls tbody td.col--score .score i {font-size: 26px;}
}
@media screen and (max-width: 1499px) {
    .letter .voucher_support .diagram .visual .tags span {width: 230px; font-size: 18px;}
    .letter .voucher_support .diagram .contents .item .inner {font-size: 20px;}
    .letter .voucher_support .diagram .visual .thumb {width: 70%;}

    .letter .enterprise_ls thead th {font-size: 24px;}
    .letter .enterprise_ls tbody td.col--cont .inner .thumb {width: 275px; height: 184px;}
    .letter .enterprise_ls tbody td.col--cont .inner .cont .tit {font-size: 28px;}
    .letter .enterprise_ls tbody td.col--cont .inner .cont .dsc {font-size: 20px;}
    .letter .enterprise_ls tbody td.col--cont .inner .cont a {font-size: 19px;}
}
@media screen and (max-width: 1399px) {
    .letter .voucher_support {padding: 50px 0 300px 0;}
    .letter .voucher_support > .typo {font-size: 80px; bottom: 80px;}
    .letter .voucher_support .diagram {padding-top: 30px;}
    .letter .voucher_support .diagram .visual {width: 100%;}
    .letter .voucher_support .diagram .visual .round {position: absolute; top: 10%; left: 50%; transform: translate(-50%, 0%); width: 90%; height: 100%;}
    .letter .voucher_support .diagram .visual .round .inner {height: 100%;}
    .letter .voucher_support .diagram .visual .thumb {position: static; transform: none; width: 100%; margin-top: -100px;}
    .letter .voucher_support .diagram .visual .thumb img {width: 80%; display: block; margin: 0 auto;}
    .letter .voucher_support .diagram .visual .tags {position: relative; width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
    .letter .voucher_support .diagram .visual .tags span {position: static; width: 48%; margin: 2% 0; font-size: 34px; height: 82px;}
    .letter .voucher_support .diagram .bridge,
    .letter .voucher_support .diagram .visual .round .inner::after,
    .letter .voucher_support .diagram .visual .round .inner::before {display: none;}
    .letter .voucher_support .diagram .contents {margin-top: 50px; position: relative; z-index: 20; gap: 20px 0;}
    .letter .voucher_support .diagram .contents .item {width: 50%; padding: 0 10px;}
    .letter .voucher_support .diagram .contents .item .inner {font-size: 29px; padding: 25px; text-align: center; border: 2px solid #fff; backdrop-filter: blur(10px); min-height: 222px; display: flex; align-items: center; justify-content: center; border-radius: 15px;}

    .letter .voucher_enterprise {padding: 50px 0;}
    .letter .enterprise_ls {margin-top: 50px;}
    .letter .enterprise_ls thead {display: none;}
    .letter .enterprise_ls tbody {display: block;}
    .letter .enterprise_ls tbody tr {display: flex; flex-wrap: wrap; width: 100%; border: 1px solid #acacac; margin: 20px 0;}
    .letter .enterprise_ls tbody td.col--cont {width: 100%; padding: 0;}
    .letter .enterprise_ls tbody td.col--cont .inner .thumb {height: auto;}
    .letter .enterprise_ls tbody td.col--cont .inner .cont {width: 100%; padding: 20px 0 20px 25px;}
    .letter .enterprise_ls tbody td.col--count {width: 275px; flex-shrink: 0; padding: 20px; text-align: center;}
    .letter .enterprise_ls tbody td.col--score {width: calc(100% - 275px); padding: 20px 30px; text-align: left;}
    .letter .enterprise_ls tbody td.col--count .count b,
    .letter .enterprise_ls tbody td.col--score .score b {font-size: 52px;}
    .letter .enterprise_ls tbody td.col--score .score i,
    .letter .enterprise_ls tbody td.col--count .count i {font-size: 26px;}
    .letter .enterprise_ls tbody td.col--cont .inner .cont .tit {font-size: 34px; line-height: 1.3; margin-bottom: 0.3em;}
    .letter .enterprise_ls tbody td.col--cont .inner .cont .dsc {font-size: 24px;}
    .letter .enterprise_ls tbody td.col--cont .inner .cont a {font-size: 22px;}
    .letter .enterprise_ls tbody td.col--score .inner {display: flex; align-items: center;}
    .letter .enterprise_ls tbody td.col--score .star_score {position: static; width: auto; transform: none; margin-left: auto;}
    .letter .enterprise_ls tbody td.col--score .star_score .star {opacity: 1; transform: scale(1); width: 30px; height: 29px;}
    .letter .enterprise_ls tbody td.col--score .score {opacity: 1!important;}

    .letter-test .heading2 {font-size: 62px;}
    .letter-test .section_title .st {font-size: 32px;}
    .letter-test .para {font-size: 30px; word-break: keep-all;}
}
@media screen and (max-width: 767px) {
    .letter .voucher_support > .typo {position: static; transform: none; font-size: 60px;}
    .letter .voucher_support .diagram .visual .round .inner {border-width: 2px;}
    .letter .voucher_support .diagram .visual .tags span {height: 52px; font-size: 14px;}
    .letter .voucher_support .diagram .contents .item {width: 100%;}
    .letter .voucher_support .diagram .contents .item .inner {padding: 20px 0 40px 0; border-width: 2px;}

    .letter .voucher_enterprise {padding: 60px 0;}
    .letter .enterprise_ls tbody tr {background: #fff;}
    .letter .enterprise_ls tbody td.col--cont .inner {display: block;}
    .letter .enterprise_ls tbody td.col--cont .inner .thumb {width: 100%; height: 0; padding-bottom: 56.25%;}
    .letter .enterprise_ls tbody td.col--cont .inner .cont {width: 100%; padding: 20px;}
    .letter .enterprise_ls tbody td.col--score .inner {flex-direction: column; align-items: flex-start;}
    .letter .enterprise_ls tbody td.col--score .star_score {margin: 10px 0 0 0;}
    .letter .enterprise_ls tbody td.col--count,
    .letter .enterprise_ls tbody td.col--score {display: flex; align-items: center; justify-content: center; border: 1px solid #dfdfdf; border-radius: 10px; margin: 20px; text-align: center; margin-top: 0;}
    .letter .enterprise_ls tbody td.col--count {width: 100px; margin-right: 10px; padding: 20px;}
    .letter .enterprise_ls tbody td.col--count::after {display: none;}
    .letter .enterprise_ls tbody td.col--score {width: calc(100% - 150px); margin-left: 0; padding: 20px;}
    .letter .enterprise_ls tbody td.col--count .count b, .enterprise_ls tbody td.col--score .score b {font-size: 24px;}
    .letter .enterprise_ls tbody td.col--score .score i, .enterprise_ls tbody td.col--count .count i {font-size: 16px;}
    .letter .enterprise_ls tbody td.col--score .inner {align-items: center;}
    .letter .enterprise_ls tbody td.col--score .star_score {margin-top: 5px;}
    .letter .enterprise_ls tbody td.col--score .star_score .star {width: 15px; height: 14px; margin: 0;}
    .letter .enterprise_ls tbody td.col--cont .inner .cont .tit {font-size: 20px;}
    .letter .enterprise_ls tbody td.col--cont .inner .cont .dsc {font-size: 14px; margin-bottom: 2em;}
    .letter .enterprise_ls tbody td.col--cont .inner .cont a {font-size: 16px; text-align: right;}
}



/* Recruit */
.recruit .page_intro h2 {font-size: 60px; line-height: 1.3;}
.recruit .page_intro h2 .quote-box {display: inline-flex; align-items: flex-start; vertical-align: middle; transform: translateY(-0.1em); gap: 0.1em;}
.recruit .page_intro h2 .quote {transform: translateY(0.1em); width: 0.194em;}
.recruit .page_intro h3 {margin-bottom: 0.3em; font-weight: 600;}

.ideal-talent {
    --transition-timing-function: cubic-bezier(.85,.14,.29,.99);
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 23px;
}
.ideal-talent-card {background: white; padding: 24px 20px; border-radius: 10px; transition: background .8s; overflow: hidden; cursor: pointer;}
.ideal-talent-card .inner .head {padding-bottom: 15px; margin-bottom: 15px; display: block; border-bottom: 1px solid #C8C8C8; font-size: 17px; line-height: 1.3;}
.ideal-talent-card .inner .head span {font-weight: 700; color: var(--theme);}
.ideal-talent-card .inner .body {position: relative; height: 190px; margin-bottom: 15px;}
.ideal-talent-card .inner .body .slogan {display: block; padding-left: 10px; font-size: 30px; font-weight: 700; line-height: 1.3; transition: opacity .4s, transform .4s; transition-delay: .2s; transition-timing-function: var(--transition-timing-function);}
.ideal-talent-card .inner .body .slogan span {color: var(--theme);}
.ideal-talent-card .inner .body .desc {position: absolute; top: 0; left: 0; font-size: 20px; line-height: 1.5; opacity: 0; transform: translatey(50px); transition: opacity .4s, transform .4s; transition-delay: 0s; transition-timing-function: var(--transition-timing-function);}
.ideal-talent-card .inner .body .icon {display: block; position: absolute; bottom: 0; right: 0; width: auto; height: 102px; transition: opacity .4s, transform .4s; transition-delay: .2s; transition-timing-function: var(--transition-timing-function);}
.ideal-talent-card .inner .hashes {display: flex; gap: 7px;}
.ideal-talent-card .inner .hash {border: 1px solid #CBCBCB; border-radius: 1000px; padding: 0.3em 0.5em; font-size: 17px; font-weight: 700; color: #707070; line-height: 1.2; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center;}
.ideal-talent-card.orange {--theme: #FF4600; --hover-theme: #FF8400;}
.ideal-talent-card.green {--theme: #00D80E; --hover-theme: #00D80E;}
.ideal-talent-card.purple {--theme: #8B21FD; --hover-theme: #8B21FD;}
.ideal-talent-card.blue {--theme: #0066FF; --hover-theme: #0066FF;}

.job-category-list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px 13px;}
.job-category-item {width: 100%;}
.job-category-item .card {overflow: hidden; border-radius: 18px; width: 100%; height: 212px; background: var(--card-background); cursor: pointer; position: relative;}
.job-category-item .card .more-icon {display: none;}
.job-category-item .card .wrapper {display: flex; flex-direction: column-reverse; width: 100%; height: 200%; transition: transform .4s; transition-timing-function: var(--transition-timing-function); transform: translateY(-50%);}
.job-category-item:hover .card .wrapper {transform: translateY(0%);}
.job-category-item .card .wrapper > div {padding: 17px 20px; position: relative; height: 50%; width: 100%;}
.job-category-item .card .wrapper > .thumb .tit {position: relative; z-index: 10; display: flex; gap: 0.3em; font-size: 17px; font-weight: 700; color: var(--thumb-title-color); line-height: 1.3;}
.job-category-item .card .wrapper > .thumb .tit::before {content: '#';}
.job-category-item .card .wrapper > .thumb img {position: absolute; bottom: 0; left: 0; width: 100%;}
.job-category-item .card .wrapper > .info .tit {color: var(--info-title-color); font-size: 20px; font-weight: 700; line-height: 1.3; padding: 0 0 10px 5px; display: block; border-bottom: 1px solid var(--info-title-border-color);}
.job-category-item .card .wrapper > .info .hashes {color: var(--info-hashes-color); padding: 10px 0 0 5px;}
.job-category-item .card .wrapper > .info .hashes li {font-size: 17px; line-height: 1.3; display: flex; gap: 0.3em;}
.job-category-item .card .wrapper > .info .hashes li:not(:last-child) {margin-bottom: 0.2em;}
.job-category-item .card .wrapper > .info .hashes li::before {content: '#';}
.job-category-item .cont {font-size: 20px; font-weight: 700; display: flex; gap: 0.3em; color: black; line-height: 1.5; padding-top: 0.5em;}
.job-category-item .cont::before {content: '#';}
.job-category-item .cont .tit small {display: block; font-weight: 400; font-size: 0.85em; line-height: 1.5;}

.job-category-item.sales {
    --card-background: #FF4600;
    --thumb-title-color: white;
    --info-title-color: white;
    --info-title-border-color: white;
    --info-hashes-color: white;
}
.job-category-item.marketing {
    --card-background: #FFE8D8;
    --thumb-title-color: #FF4600;
    --info-title-color: #FF4600;
    --info-title-border-color: #FF4600;
    --info-hashes-color: #2B2B2B;
}
.job-category-item.planning {
    --card-background: #FFCC00;
    --thumb-title-color: #813000;
    --info-title-color: #813000;
    --info-title-border-color: #813000;
    --info-hashes-color: #2B2B2B;
}
.job-category-item.uiux {
    --card-background: #E4D2FC;
    --thumb-title-color: #8B21FD;
    --info-title-color: #8B21FD;
    --info-title-border-color: #8B21FD;
    --info-hashes-color: #2B2B2B;
}
.job-category-item.visual {
    --card-background: #E6001F;
    --thumb-title-color: white;
    --info-title-color: white;
    --info-title-border-color: white;
    --info-hashes-color: white;
}
.job-category-item.brand {
    --card-background: #FEDBDB;
    --thumb-title-color: #E6001F;
    --info-title-color: #E6001F;
    --info-title-border-color: #E6001F;
    --info-hashes-color: #2B2B2B;
}
.job-category-item.web {
    --card-background: #8B21FD;
    --thumb-title-color: white;
    --info-title-color: white;
    --info-title-border-color: white;
    --info-hashes-color: white;
}
.job-category-item.three-d {
    --card-background: #D1EAFE;
    --thumb-title-color: #0066FF;
    --info-title-color: #0066FF;
    --info-title-border-color: #0066FF;
    --info-hashes-color: #2B2B2B;
}
.job-category-item.video {
    --card-background: #0066FF;
    --thumb-title-color: white;
    --info-title-color: white;
    --info-title-border-color: white;
    --info-hashes-color: white;
}

.benefit-list {display: grid; grid-template-columns: repeat(5, 1fr); gap: 13px;}
.benefit-item {display: flex; flex-direction: column; align-items: flex-start; padding: 30px; border-radius: 5px; background: #2B2B2B;}
.benefit-item .hashes {line-height: 1.3; font-size: 17px; font-weight: 700; color: #FF0000; margin-bottom: 0.8em;}
.benefit-item .hashes span {display: inline-block; letter-spacing: -0.05em;}
.benefit-item .hashes span::before {content: '#';}
.benefit-item .tit {line-height: 1.3; font-size: 20px; font-weight: 700; color: white; margin-bottom: 0.8em;}
.benefit-item .desc {margin-bottom: 20px; line-height: 1.3; color: #979797; font-size: 17px;}
.benefit-item .icon {margin-top: auto;}

.recruit-process-list {display: flex; gap: 10px;}
.recruit-process-item {width: 100%; background: white; border-radius: 10px; padding: 15px 17px; overflow: hidden; position: relative; display: flex; flex-direction: column; min-height: 332px;}
.recruit-process-item .head {padding-bottom: 15px; border-bottom: 3px solid #E2E2E2;}
.recruit-process-item .head .tag {display: flex; align-items: center; gap: 1em; font-size: 17px; font-weight: 700; color: #E6001F; justify-content: space-between; line-height: 1;}
.recruit-process-item:last-child .head .tag img {opacity: 0;}
.recruit-process-item .head .tit {font-size: 20px; line-height: 1.3; font-weight: 700; color: black; padding-left: 17px; display: block; margin-top: 0.2em;}
.recruit-process-item .body {padding-top: 15px; padding-left: 17px; position: relative; height: 100%; line-height: 1.5;}
.recruit-process-item .body .bullet > li {margin-left: -1em;}
.recruit-process-item .body .bullet > li::before {width: 0.5em; height: 0.5em; background: #CBCBCB;}
.recruit-process-item .body .icon {position: absolute; bottom: 0; right: 0;}

@media screen and (min-width: 1400px) and (hover: hover) {
    .ideal-talent-card:hover {background: var(--hover-theme); color: white;}
    .ideal-talent-card:hover .inner .head {border-color: white;}
    .ideal-talent-card:hover .inner .head span {color: white;}
    .ideal-talent-card:hover .inner .body .slogan {opacity: 0; transform: translate(-50px); transition-delay: 0s;}
    .ideal-talent-card:hover .inner .body .slogan span {color: white;}
    .ideal-talent-card:hover .inner .body .desc {opacity: 1; transform: translateY(0px); transition-delay: .2s;}
    .ideal-talent-card:hover .inner .body .icon {opacity: 0; transform: scale(0.5); transition-delay: 0s;}
    .ideal-talent-card:hover .inner .hash {border-color: white; background: white; color: var(--hover-theme);}

}


@media screen and (max-width: 1700px) {
    .recruit .page_intro h2 {font-size: 52px;}
    .recruit .page_intro h3 {}
}
@media screen and (max-width: 1399px) {
    .recruit .page_intro h2 {font-size: 32px;}
    .recruit .page_intro h3 {}

    .ideal-talent {grid-template-columns: repeat(2, 1fr); gap: 10px;}
    .ideal-talent-card {padding: 20px;}
    .ideal-talent-card .inner {display: flex; flex-direction: column; height: 100%;}
    .ideal-talent-card .inner .head {padding-bottom: 10px; margin-bottom: 10px; font-size: 16px;}
    .ideal-talent-card .inner .head span {}
    .ideal-talent-card .inner .body {height: auto; margin-bottom: 30px;}
    .ideal-talent-card .inner .body .slogan {padding-left: 0; font-size: 22px;}
    .ideal-talent-card .inner .body .desc {font-size: 16px; position: static; transform: none; margin-top: 0.5em; opacity: 0.7;}
    .ideal-talent-card .inner .body .icon {height: 50px; bottom: auto; top: 0; right: -10px;}
    .ideal-talent-card .inner .hashes {gap: 5px; margin-top: auto;}
    .ideal-talent-card .inner .hash {font-size: 14px;}

    .job-category-item .card .more-icon {display: flex; align-items: center; justify-content: center; width: 2em; height: 2em; background: white; border-radius: 50%; font-size: 20px; color: var(--card-background); position: absolute; bottom: 10px; right: 10px;}
    .job-category-item .card .wrapper > div {padding-inline: 15px;}
    .job-category-item .card .wrapper > .thumb .tit {font-size: 15px;}
    .job-category-item .cont {font-size: 16px;}
    .job-category-item .card .wrapper > .info .tit {font-size: 18px;}
    .job-category-item .card .wrapper > .info .hashes li {font-size: 15px;}

    .container--md:has(.benefit-list-wrapper) {width: 100%; max-width: 100%;}
    .benefit-list-wrapper {overflow-x: auto; padding-inline: 20px; display: flex;}
    .benefit-list-wrapper::-webkit-scrollbar {height: 20px;}
    .benefit-list-wrapper::-webkit-scrollbar-thumb {background: #FF0000; border-radius: 10px; border: 8px solid black; border-inline-width: 20px;}
    .benefit-list {display: flex; flex: 0; flex-wrap: nowrap;}
    .benefit-item {min-width: 250px; padding: 20px;}
    .benefit-item .hashes {font-size: 14px;}
    .benefit-item .tit {font-size: 18px;}
    .benefit-item .desc {font-size: 16px;}
    .benefit-item .icon {width: 60px;}

    .recruit-process-list {}
    .recruit-process-item {min-height: 0px;}
    .recruit-process-item .head {padding-bottom: 10px; border-bottom-width: 2px;}
    .recruit-process-item .head .tag {font-size: 15px;}
    .recruit-process-item .head .tag img {width: 1.5em;}
    .recruit-process-item .head .tit {font-size: 18px;padding-left: 15px;}
    .recruit-process-item .body {padding-top: 10px; padding-bottom: 20px; padding-left: 15px; font-size: 14px;}
    .recruit-process-item .body .icon {width: 45px;}
}

@media screen and (max-width: 768px) {
    .recruit .page_intro h2 {font-size: 26px;}

    .ideal-talent {grid-template-columns: repeat(1, 1fr);}
    .ideal-talent-card .inner .body .slogan {font-size: 20px;}
    .ideal-talent-card .inner .body .desc {font-size: 16px;}

    .job-category-list {grid-template-columns: repeat(1, 1fr);}
    .job-category-item .card .wrapper > .thumb img {height: 100%; width: auto; left: 50%; transform: translateX(-50%);}

    .recruit-process-list {flex-direction: column;}
    .recruit-process-item .head .tit br {display: none;}
    .recruit-process-item .head .tag img {opacity: 0;}
    .recruit-process-item .body {padding-right: 80px;}
}




/* AI Lab */
.ai-lab .page_intro h2 {font-size: 60px; line-height: 1.3;}
.ai-lab .page_intro h2 small {display: block; margin-bottom: 0.3em;}
.ai-lab .page_intro h2 .quote-box {display: inline-flex; align-items: flex-start; vertical-align: middle; transform: translateY(-0.1em); gap: 0.1em;}
.ai-lab .page_intro h2 .quote {transform: translateY(0.1em); width: 0.194em;}
.ai-lab .page_intro h3 {margin-bottom: 0.3em; font-weight: 600;}

.ai-wwd-content {display: flex; gap: 0; justify-content: center;}
.ai-wwd-content li {font-size: 20px; font-weight: 700; display: flex; gap: 0.5em; padding-inline: 1.5em; border-right: 1px solid rgb(255,255,255,0.3);}
.ai-wwd-content li:last-child {border-right: none;}
.ai-wwd-content li::before {content: '#';}
.ai-wwd-content li p {opacity: 0.6; font-weight: 400; font-size: 0.8em; line-height: 1.6; margin-top: 0.3em;}
.ai-wwd-visual video {display: block; object-fit: cover; overflow: hidden; border-radius: 20px; width: 100%;}

.ai-research-list {display: grid; grid-template-columns: repeat(4, 1fr); gap: 64px 13px;}
.ai-research-item {width: 100%; display: none;}
.ai-research-item.active {display: block;}
.ai-research-item .thumb-wrapper {position: relative;}
.ai-research-item .thumb-wrapper:has(.play-btn) {cursor: pointer;}
.ai-research-item .thumb-wrapper .play-btn {position: absolute; font-size: 20px; width: 1.8em; height: 1.8em; border-radius: 50%; background: #E6001F; display: flex; align-items: center; justify-content: center; border-radius: 50%; bottom: 10px; right: 10px; color: white; transition: transform .4s, opacity .4s; transition-timing-function: cubic-bezier(.85,.14,.29,.99);}
.ai-research-item .thumb-wrapper .play-btn svg {transform: translateX(0.1em);}
.ai-research-item .thumb-wrapper:has(.video:hover) .play-btn {transform: scale(0.2); opacity: 0;}
.ai-research-item .thumb {display: block; border-radius: 18px; width: 100%; background-color: black; object-fit: cover; aspect-ratio: 1 / 1; position: relative;}
.ai-research-item .cont {font-size: 20px; font-weight: 700; display: flex; gap: 0.3em; color: black; line-height: 1.3; padding-top: 0.5em;}
.ai-research-item .cont::before {content: '#';}
.ai-research-item .cont .tit small {display: block; font-weight: 400; font-size: 0.85em; line-height: 1.5; margin-top: 0.3em;}
.ai-research-footer {margin-top: 3em; display: flex; justify-content: center;}

.board-thumb-list {}
.board-thumb-list-item {display: none;}
.board-thumb-list-item.active {display: block;}
.board-thumb-list-item .wrapper {display: grid; grid-template-columns: 347px 1fr; gap: 42px; padding-block: 40px; border-bottom: 1px solid #B2B2B2;}
.board-thumb-list-item:first-child {border-top: 1px solid #B2B2B2;}
.board-thumb-list-item .thumb {aspect-ratio: 347 / 185; object-fit: cover; background-color: #f3f2f1; border-radius: 10px; width: 100%;}
.board-thumb-list-item .cont {display: flex; flex-direction: column; padding-block: 5px;}
.board-thumb-list-item .cont .tit {font-size: 20px; line-height: 1.3; font-weight: 700; margin-bottom: 0.4em;}
.board-thumb-list-item .cont .desc {font-size: 16px; line-height: 1.5; margin-bottom: 0.8em; color: #707070;}
.board-thumb-list-item .cont .date {font-size: 14px; line-height: 1.5; color: #707070; margin-top: auto;}
.board-thumb-list-footer {margin-top: 3em; display: flex; justify-content: center;}

.ai-faq-section {padding-top: 80px; padding-bottom: 0;}
.ai-faq-section .split-layout {grid-template-columns: 1.2fr 3fr;}
.faq-list {border-block: 3px solid #B2B2B2;}
.faq-item {border-bottom: 1px solid #E0DEDE;}
.faq-item:last-child {border-bottom: none;}
.faq-item .question {all: unset; cursor: pointer; box-sizing: border-box; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 30px; padding-right: 0.3em; padding-block: 1em;}
.faq-item .question .tit {font-weight: 500; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; line-height: 1.3;}
.faq-item .question .arrow {width: 0.5em; height: 0.5em;}
.faq-item .answer {display: none; padding: 0 0 1.5em 0em;}
.faq-item.active .question {color:rgb(49, 116, 241); padding-bottom: 0.6sem;}
.faq-item.active .question .tit {display: block; word-break: keep-all;}
.faq-item.active .question .arrow {transform: rotate(-45deg);}
.faq-item.active .answer {display: block;}

@media screen and (max-width: 1700px) {
    .ai-lab .page_intro h2 {font-size: 52px;}
    .ai-faq-section {padding-bottom: 100px;}
}

@media screen and (max-width: 1399px) {
    .ai-lab .page_intro h2 {font-size: 32px;}
    .ai-lab .page_intro .layout .row {flex-direction: column;}
    .ai-lab .page_intro .layout .row > div {width: 100%; word-break: keep-all;}

    .ai-wwd-content li {font-size: 18px; padding-inline: 1em;}

    .ai-research-list {grid-template-columns: repeat(4, 1fr); gap: 36px 13px;}
    .ai-research-item .cont {font-size: 16px; padding-top: 0;}

    .board-thumb-list-item .wrapper {grid-template-columns: 250px 1fr; gap: 30px; padding-block: 25px;}
    .board-thumb-list-item .cont .tit {font-size: 18px;}
    .board-thumb-list-item .cont .desc {font-size: 15px;}
    .board-thumb-list-item .cont .desc br {display: none;}

    .ai-faq-section {padding-top: 50px;}
    .ai-faq-section .split-layout {grid-template-columns: 1fr; gap: 0px;}
}

@media screen and (max-width: 768px) {
    .ai-lab .page_intro h2 {font-size: 26px;}

    .ai-wwd-content {flex-direction: column;}
    .ai-wwd-content li {border-right: none; border-bottom: 1px solid rgb(255,255,255,0.3); padding-block: 1em; padding-inline: 0; font-size: 16px;}
    .ai-wwd-content li:first-child {padding-top: 0;}
    .ai-wwd-content li:last-child {border-bottom: none; padding-bottom: 0;}
    .ai-wwd-content li p {font-size: 0.9em;}

    .ai-research-list {grid-template-columns: repeat(2, 1fr); gap: 36px 5px;}
    .ai-research-item .cont {font-size: 14px;}
    .ai-research-item .cont::before {display: none;}


    .board-thumb-list-item .wrapper {grid-template-columns: 1fr; gap: 20px; padding-block: 20px;}
    .board-thumb-list-item .cont {padding-block: 0;}
    .board-thumb-list-item .cont .tit {font-size: 16px;}
    .board-thumb-list-item .cont .desc {font-size: 15px;}

    .ai-faq-section {padding-top: 0;}
}



/* Review */
body:has(.subpage.review) .header:not(.scrolled, :has(.gnb:hover)) {background: linear-gradient(to bottom, rgba(0,0,0,0.7), transparent);}
body:has(.subpage.review) .header:not(.scrolled, :has(.gnb:hover)) .header__logo a {background-image: url(../images/common/logo_white.png);}
body:has(.subpage.review) .header:not(.scrolled, :has(.gnb:hover)) .gnb {color: #fff;}
body:has(.subpage.review) .header:not(.scrolled, :has(.gnb:hover)) .btn__sitemap_toggle .inner > div {background-color: #fff!important;}
body:has(.subpage.review) .header:not(.scrolled, :has(.gnb:hover)) .btn__sitemap_toggle {border-color: #fff;}
body:has(.subpage.review) .header:not(.scrolled, :has(.gnb:hover)) .lang--dropdown .cur {border-color: #fff; color: #fff;}
body:has(.subpage.review) .header:not(.scrolled, :has(.gnb:hover)) .lang--dropdown .cur .arrow {border-color: #fff;}
body:has(.subpage.review) .header:not(.scrolled, :has(.gnb:hover)) .lang--dropdown ul {border-color: #fff;}
body:has(.subpage.review) .header:not(.scrolled, :has(.gnb:hover)) .lang--dropdown ul > li > a {color: #fff;}

.subpage.review {padding-top: 0;}

.review-hero {padding-block: 170px 120px; position: relative; overflow: hidden;}
.review-hero-background {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: black;}
.review-hero-background .blob-box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: blob-box-animation 10s ease-in-out infinite;}
.review-hero-background .blob-box .blob {--size: 900px; position: absolute; top: 50%; left: 50%; width: var(--size); height: var(--size); transform: translate(-50%, -50%);}
.review-hero-background .blob-box .blob .blob-inner {display: block; width: 100%; height: 100%; border-radius: 50%; background: var(--theme); opacity: 0.15; filter: blur(100px); animation: var(--animation) var(--animation-duration) ease-in-out infinite;}
.review-hero-background .blob-box .blob:nth-child(1) {--theme: #8819F8; --animation: blob-animation-1; --animation-duration: 6s;}
.review-hero-background .blob-box .blob:nth-child(2) {--theme: #F87C00; --animation: blob-animation-2; --animation-duration: 8s;}

@keyframes blob-box-animation {
    0% {transform: translate(-50%, -50%) rotate(0deg);}
    100% {transform: translate(-50%, -50%) rotate(360deg);}
}

@keyframes blob-animation-1 {
    0% {transform: translate(-5%, -5%) skew(0deg);}
    50% {transform: translate(5%, 5%) skew(10deg);}
    100% {transform: translate(-5%, -5%) skew(0deg);}
}

@keyframes blob-animation-2 {
    0% {transform: translate(15%, 15%) skew(-10deg);}
    50% {transform: translate(-15%, -15%) skew(0deg);}
    100% {transform: translate(15%, 15%) skew(-10deg);}
}

.review-hero-links {display: flex; gap: 26px; justify-content: center; margin-bottom: 65px;}
.review-hero-links .rounded-button {background: #000000; font-weight: 700; border-color: var(--theme); color: var(--theme); padding-inline: 1.5em;}
.review-hero-links .rounded-button.orange {--theme: #FF8400;}
.review-hero-links .rounded-button.red {--theme: #E6001F;}

@media (hover: hover) {
    .review-hero-links .rounded-button:hover {background: var(--theme); color: white;}
}

.review-hero-content {display: flex; justify-content: center; gap: 70px;}

.review-hero-smart-phone {margin-inline: auto; width: 242px; height: 490px; border-radius: 26px; background: linear-gradient(-10deg, #171717, #C4C4C4); padding: 2px;}
.review-hero-smart-phone .wrapper {background: black; border-radius: 24px; height: 100%; width: 100%; position: relative;}
.review-hero-smart-phone .speaker {width: 37px; height: 5px; border-radius: 100px; background: #232323; position: absolute; top: 16px; left: 50%; transform: translateX(-50%);}
.review-hero-smart-phone .hamburger {width: 17px; display: flex; flex-direction: column; gap: 2px; opacity: 0.15; position: absolute; bottom: 9px; left: 50%; transform: translate(-50%); z-index: 10;}
.review-hero-smart-phone .hamburger span {width: 100%; height: 2px; border-radius: 100px; background: #FFFFFF;}
.review-hero-smart-phone .screen {position: relative; z-index: 0; display: flex; flex-direction: column; height: 100%;}
.review-hero-smart-phone .screen-head {position: relative; height: 130px;}
.review-hero-smart-phone .screen-head .typo {position: absolute;}
.review-hero-smart-phone .screen-head .typo img {display: block; max-width: none;}
.review-hero-smart-phone .screen-head .typo-client {top: -24px; left: -68px;}
.review-hero-smart-phone .screen-head .typo-review {top: 22px; right: -90px;}
.review-hero-smart-phone .screen-body {flex: 1; display: flex; flex-direction: column; gap: 17px; height: 100%;}
.review-hero-smart-phone .screen-body .tit {display: block; font-size: 13px; font-weight: 700; line-height: 1.3; color: #6E6D6D; padding-inline: 23px; text-align: right;}
.review-hero-smart-phone .screen-body .cont-ls {flex: 1; border-radius: 24px; background: linear-gradient(to bottom, #1A1A1A, #0D0D0D); padding: 0 20px;}
.review-hero-smart-phone .screen-body .cont-ls-item {padding-block: 18px; display: flex; align-items: center; gap: 10px;}
.review-hero-smart-phone .screen-body .cont-ls-item:not(:last-child) {border-bottom: 1px solid #232323;}
.review-hero-smart-phone .screen-body .cont-ls-item-icon {flex-shrink: 0;}
.review-hero-smart-phone .screen-body .cont-ls-item-cont {width: 100%; display: flex; flex-direction: column; gap: 0.2em; font-size: 16px;}
.review-hero-smart-phone .screen-body .cont-ls-item-cont .label {font-weight: 700; line-height: 1.3;}
.review-hero-smart-phone .screen-body .cont-ls-item-cont .bar {width: 100%; height: 8px; border-radius: 8px; position: relative; overflow: hidden;}
.review-hero-smart-phone .screen-body .cont-ls-item-cont .bar-inner {display: block; width: 100%; height: 100%; background: linear-gradient(90deg, #8819F8, #F87C00, #8819F8); background-size: 200% 100%; background-position: 0% 0%; background-repeat: repeat-x; border-radius: 8px; animation: review-hero-smart-phone-bar-inner-animation 1s linear infinite;}
.review-hero-smart-phone .screen-body .cont-ls-item:nth-child(1) .cont-ls-item-cont .bar-inner {animation-delay: 0s;}
.review-hero-smart-phone .screen-body .cont-ls-item:nth-child(2) .cont-ls-item-cont .bar-inner {animation-delay: 0.2s;}
.review-hero-smart-phone .screen-body .cont-ls-item:nth-child(3) .cont-ls-item-cont .bar-inner {animation-delay: 0.4s;}
.review-hero-smart-phone .screen-body .cont-ls-item:nth-child(4) .cont-ls-item-cont .bar-inner {animation-delay: 0.6s;}

@keyframes review-hero-smart-phone-bar-inner-animation {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: -200% 0%;
    }
}

.review-hero-cards {position: relative; width: 100%;}
.review-hero-cards.cards-1 {order: 0;}
.review-hero-smart-phone {order: 1; flex-shrink: 0;}
.review-hero-cards.cards-2 {order: 2;}
.review-hero-card {--bg-opacity: 0.05; position: absolute; padding: 18px 22px 37px 22px; border-radius: 15px; overflow: hidden; background: rgb(255,255,255,var(--bg-opacity)); backdrop-filter: blur(10px); width: 305px;}
.review-hero-card .head {display: flex; justify-content: space-between; gap: 1em; font-size: 12px; font-weight: 700; line-height: 1.3; align-items: center; border-bottom: 2px solid rgb(255,255,255,0.2); padding-bottom: 0.1em;}
.review-hero-card .head .title {}
.review-hero-card .head .stars {}
.review-hero-card .body {margin-top: 22px; padding-left: 16px;}
.review-hero-card .body .summary {position: relative; font-size: 16px; line-height: 1.3; display: inline-block;}
.review-hero-card .body .summary .quote {vertical-align: top; transform: translateY(0.2em);}
.review-hero-card .body .summary .quote.open {margin-right: 0.1em; margin-left: -15px;}
.review-hero-card .body .summary .quote.close {margin-left: 0em;}
.review-hero-card .body .summary b {color: #FF8400;}
.review-hero-card .body .cont {margin-top: 5px; font-size: 10px; color: rgb(255,255,255,0.6); line-height: 1.8;}
.review-hero-card .body .cont b {color: white; display: inline-block; position: relative; text-decoration: underline; text-underline-offset: 0.2em; text-decoration-color: #FF8400; text-decoration-thickness: 1px;}

.review-hero-cards.mobile {display: none;}
.review-hero-cards.pc.cards-1 .review-hero-card:nth-child(1) {top: -60px; left: 0;}
.review-hero-cards.pc.cards-1 .review-hero-card:nth-child(2) {top: 120px; right: 0;}
.review-hero-cards.pc.cards-1 .review-hero-card:nth-child(3) {--bg-opacity: 0.1; bottom: 0; left: 50px;}

.review-hero-cards.pc.cards-2 .review-hero-card:nth-child(1) {top: -60px; right: 0;}
.review-hero-cards.pc.cards-2 .review-hero-card:nth-child(2) {top: 130px; left: 0;}
.review-hero-cards.pc.cards-2 .review-hero-card:nth-child(3) {--bg-opacity: 0.1; bottom: 0; right: 130px; width: 232px;}

.export-review {background: #F5F5F5;}
.export-review-cards {display: grid; grid-template-columns: repeat(3, 1fr); gap: 29px; margin-bottom: 20px;}
.export-review-card {background: white; border-radius: 13px; position: relative; padding: 15px 13px 40px 13px;}
.export-review-card-head {display: flex; align-items: flex-end; justify-content: space-between; gap: 1em; padding-bottom: 13px; border-bottom: 2px solid #E8E8E8; line-height: 1.2;}
.export-review-card-head .title {font-size: 28px; font-weight: 700;}
.export-review-card-head .title b {color: #E6001F;}
.export-review-card-head .score {font-size: 34px; font-weight: 700; color: #707070; display: flex; align-items: flex-end;}
.export-review-card-head .score small {font-size: 0.44em; display: inline-block; line-height: 1;}
.export-review-card-head .score strong {color: #E6001F; line-height: 0.8; display: inline-block;}
.export-review-card .thumb {padding: 5px; margin-top: 5px;}
.export-review-card .rounded-button {height: 52px; font-size: 20px; background: black; border-color: black; color: white; position: absolute; bottom: 0; left: 0; width: 100%; transform: translateY(50%); box-sizing: border-box; gap: 1em; font-weight: 700;}
.export-review-card .rounded-button b {color: #E6001F;}
.export-review-card .rounded-button svg {font-size: 0.8em;}

.client-review-cards {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.client-review-card {background: #F5F5F5; border-radius: 20px; padding: 24px 26px; display: none;}
.client-review-card.active {display: block;}
.client-review-card .head {display: flex; align-items: flex-start; gap: 32px; padding-bottom: 20px; border-bottom: 1px solid #CBCBCB; margin-bottom: 20px;}
.client-review-card .head .profile {width: 133px; height: 133px; border-radius: 50%; object-fit: cover; flex-shrink: 0;}
.client-review-card .head .cont {padding-top: 14px;}
.client-review-card .head .cont .info {color: #818181; font-size: 20px; margin-bottom: 0.8em; line-height: 1;}
.client-review-card .head .cont .info i {margin-inline: 0.5em; font-style: normal;}
.client-review-card .head .cont .info span {}
.client-review-card .head .cont .title {font-size: 28px; line-height: 1.3;}
.client-review-card .body {}
.client-review-card .body .cont-ls {}
.client-review-card .body .cont-ls li {display: grid; grid-template-columns: 80px 1fr; gap: 1em;}
.client-review-card .body .cont-ls li:not(:first-child) {margin-top: 20px;}
.client-review-card .body .cont-ls li .label {font-weight: 700; color: #E6001F;}
.client-review-card .body .cont-ls li .cont {}
.client-review-card .body .cont-ls li .tags {display: flex; flex-wrap: wrap; gap: 0.5em;}
.client-review-card .body .cont-ls li .tags .tag {display: flex; align-items: center; justify-content: center; text-align: center; height: 2em; padding-inline: 0.8em; border-radius: 100px; border: 1px solid #E2E2E2; background: white; font-weight: 700; color: black;}
.client-review-card .body .date {display: block; margin-top: 28px; text-align: right; color: #818181;}

.review-partners {padding-bottom: 0;}
.review-partners .section_desc {font-size: 18px; line-height: 1.8;}
.review-partners .section_desc b {font-size: 21px; display: block;}
.review-partner-ls {max-width: 1100px; margin-inline: auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px 0; margin-top: 75px; padding-top: 75px; border-top: 1px solid #B2B2B2;}
.review-partner-ls > li img {display: block; width: 100%;}

@media (hover: hover) {
    .export-review-card .rounded-button:hover {background: #E6001F; color: white; border-color: #E6001F;}
    .export-review-card .rounded-button:hover b {color: white;}
}

@media screen and (max-width: 1399px) {
    .review-hero-content {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
    .review-hero-cards {display: flex; flex-direction: column; gap: 10px;}
    .review-hero-card {position: relative; top: 0!important; left: 0!important; right: 0!important; bottom: 0!important; width: 100%!important; --bg-opacity: 0.05!important; transform: none!important;}
    .review-hero-smart-phone {grid-column: span 2; order: 0!important;}
    .review-hero-cards.cards-1 {order: 1!important;}
    .review-hero-cards.cards-2 {order: 2!important;}

    .export-review-cards {gap: 10px;}
    .export-review-card-head {flex-direction: column; align-items: flex-start; gap: 0.5em;}
    .export-review-card-head .title {font-size: 20px;}
    .export-review-card-head .score {font-size: 24px; margin-left: auto;}
    .export-review-card .thumb {padding-inline: 0;}
    .export-review-card .rounded-button {font-size: 15px; height: 42px; gap: 0.5em;}

    .client-review-cards {gap: 15px;}
    .client-review-card .head {gap: 15px; flex-direction: column;}
    .client-review-card .head .profile {width: 60px; height: 60px;}
    .client-review-card .head .cont {padding-top: 0;}
    .client-review-card .head .cont .title {font-size: 20px;}
    .client-review-card .head .cont .title br {display: none;}
    .client-review-card .head .cont .info {font-size: 15px;}
    .client-review-card .body .cont-ls li {grid-template-columns: repeat(1, 1fr); gap: 0.5em;}
    .client-review-card .body .cont-ls li .tags {font-size: 14px; gap: 0.3em;}
    .client-review-card .body .cont-ls li .cont br {display: none;}

    .review-partners {padding-bottom: 50px;}
    .review-partners .section_desc {font-size: 16px;}
    .review-partners .section_desc b {font-size: 18px;}
    .review-partner-ls {grid-template-columns: repeat(4, 1fr); gap: 30px 0; margin-top: 50px; padding-top: 50px;}
}

@media screen and (max-width: 767px) {
    .review-hero {padding-top: 140px;}
    .review-hero-links {flex-direction: column; gap: 10px;}
    .review-hero-content {display: block;}
    .review-hero-smart-phone {height: 670px;}
    .review-hero-smart-phone .screen-head .typo-client {top: -10px; left: -40px; transform: none!important;}
    .review-hero-smart-phone .screen-head .typo-review {top: 40px; right: -40px; transform: none!important;}
    .review-hero-smart-phone .screen-head .typo-client img {width: 120px;}
    .review-hero-smart-phone .screen-head .typo-review img {width: 230px;}
    .review-hero-smart-phone .screen-body .cont-ls {padding-inline: 10px; border-radius: 10px;}
    .review-hero-smart-phone .screen-body .cont-ls-item {padding-block: 10px;}
    .review-hero-smart-phone .screen-body .cont-ls-item-cont .label {font-size: 14px;}
    .review-hero-cards.pc {display: none;}
    .review-hero-cards.mobile {display: flex; flex-direction: column; gap: 10px; margin-top: -270px;}
    .review-hero-card {width: 80%!important; min-width: 290px; padding: 15px;}
    .review-hero-card:nth-child(even) {margin-left: auto;}
    .review-hero-card:nth-child(odd) {margin-right: auto;}
    .review-hero-card .head {padding-bottom: 0.3em;}
    .review-hero-card .head .stars {height: 24px;}

    .export-review-cards {grid-template-columns: repeat(1, 1fr); gap: 30px;}

    .client-review-cards {grid-template-columns: repeat(1, 1fr); gap: 10px;}
    .client-review-card {padding: 20px 18px;}
    .client-review-card .head .cont .title {font-size: 18px;}
    .client-review-card .body .cont-ls li .label {line-height: 1.3;}
    .client-review-card .body .date {font-size: 14px; margin-top: 20px;}

    .review-partner-ls {grid-template-columns: repeat(3, 1fr); gap: 20px 0px; margin-top: 40px; padding-top: 40px;}
}

/* 2025 12 추가 - 저작권 페이지 */
.policy-page .page_intro {padding-bottom: 100px;}
.policy-page .page_intro .heading1 {font-size: 50px; font-weight: 700; margin-bottom: 25px;}
.policy-page .sp-section {padding-block: 0;}
.policy-page .policy-ls .policy-ls-item {display: grid; grid-template-columns: 75px 1fr; padding: 90px 0; border-top: 1px solid #CECECE;}
.policy-page .policy-ls .policy-ls-item:last-child {padding-bottom: 0;}
.policy-page .policy-ls .policy-ls-item .num {display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; font-size: 30px; font-weight: 700; color: #E6001F; border: 1px solid #D3D3D3; border-radius: 50%;}
.policy-page .policy-ls .policy-ls-item h4 {margin: 6px 0 50px; font-size: 30px; font-weight: 700; line-height: 1.5; word-break: keep-all;}
.policy-page .policy-ls .policy-ls-item:has(.desc) h4 {margin-bottom: 20px;}
.policy-page .policy-ls .policy-ls-item .desc {font-size: 15px; font-weight: 400; line-height: 2; word-break: keep-all; margin-bottom: 50px;}
.policy-page .policy-ls .policy-ls-item .depth1-ls {display: flex; flex-direction: column; gap: 40px;}
.policy-page .policy-ls .policy-ls-item .depth1-ls h5 {font-size: 26px; font-weight: 700; line-height: 1.5; word-break: keep-all; margin-bottom: 15px;}
.policy-page .policy-ls .policy-ls-item .depth1-ls h5 .depth1-num {display: inline-block; width: 45px; margin-right: 10px; color: #5D5D5D;}
.policy-page .policy-ls .policy-ls-item .depth1-ls p {font-size: 15px; font-weight: 400; line-height: 2; word-break: keep-all;}
.policy-page .policy-ls .policy-ls-item .depth1-ls p .depth2-num {display: inline-block; width: 50px; margin-right: 5px; font-weight: 600; color: #A2A2A2;}

.policy-page.privacy-policy .policy-ls .policy-ls-item .desc {font-size: 20px; margin-bottom: 30px;}
.policy-page.privacy-policy .policy-ls .policy-ls-item .depth1-ls {gap: 24px;}
.policy-page.privacy-policy .policy-ls .policy-ls-item .depth1-ls h5 {font-size: 18px; font-weight: 500; margin-bottom: 0;}
.policy-page.privacy-policy .policy-ls .policy-ls-item .depth1-ls:has(p) h5 {margin-bottom: 15px;}
.policy-page.privacy-policy .policy-ls .policy-ls-item .depth1-ls h5 .depth1-num {width: 20px; margin-right: 5px; font-weight: 700; color: #A2A2A2;}
.policy-page.privacy-policy .policy-ls .policy-ls-item .depth1-ls p {padding-left: 25px;}

@media screen and (max-width: 767px) {
  .policy-page .policy-ls .policy-ls-item {grid-template-columns: 55px 1fr;}
  .policy-page .policy-ls .policy-ls-item .num {width: 46px; height: 46px; font-size: 24px;}
  .policy-page .policy-ls .policy-ls-item h4 {font-size: 24px;}
  .policy-page .policy-ls .policy-ls-item .depth1-ls h5 {font-size: 20px;}

  .policy-page.privacy-policy .policy-ls .policy-ls-item .desc br {display: none;}
}