@charset "utf-8";

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
}
@font-face {
    font-family: 'S-CoreDream-3Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*{box-sizing: border-box;padding: 0;margin: 0;font-family:var(--pretend);word-break: keep-all;}
#nt_body{overflow-x: hidden;}
.fa{font: normal normal normal 14px / 1 FontAwesome !important;}
a{text-decoration: none;}
ul{list-style: none;}
button{background-color: transparent; cursor: pointer;border: none;outline: none;}
img{border:0; display:block;}
h1, h2, h3, h4, h5, h6{padding:0;margin:0}
p{padding:0;margin:0;}
input{border: none;box-shadow: none;}
input:focus{outline: none;}
#theme-controller .fixed-top{z-index: 999999;}
.modal{z-index: 999999;}
.nt-container{max-width: unset !important;width: 100%;}
:root {
    --max-width:1720px;
    --max-width1:1620px;
    --max-width2:1520px;
    --font-90:90px;
    --lh-90:100px;
    --font-50:50px;
    --font-44:44px;
    --font-30:30px;
    --lh-30:40px;
    --font-28:28px;
    --font-24:24px;
    --font-20:20px;
    --font-17:17px;
    --font-15:15px;
    --main-color:#2F479C;
    --sky-blue:#3586FF;
    --white-blue:#EAF4FF;
    --pretend:"Pretendard-Regular" !important;
    --gmarket:"GmarketSansMedium" !important;
    --s-core:"S-CoreDream-3Light" !important;
}
@media screen and (max-width:1200px){
    :root {
        --font-90:70px;
        --lh-90:80px;
        --font-50:40px;
        --font-44:35px;
        --font-30:25px;
        --lh-30:35px;
        --font-28:24px;
        --font-24:22px;
    }
}
@media screen and (max-width:900px){
    :root {
        --font-90:50px;
        --lh-90:60px;
        --font-50:35px;
        --font-44:30px;
        --font-30:23px;
        --lh-30:28px;
        --font-28:22px;
        --font-24:20px;
        --font-20:17px;
        --font-17:15px;
        --font-15:13px;
    }
}
@media screen and (max-width:600px){
    :root {
        --font-90:40px;
        --lh-90:45px;
        --font-50:25px;
        --font-30:20px;
        --font-28:19px;
        --font-24:18px;

    }
}
@media screen and (max-width:500px){
    :root {
        --font-90:30px;
        --lh-90:35px;
        --font-50:20px;
        --font-30:18px;
        --font-28:16px;
        --font-24:16px;
    }
}
/* head 시작 */
#head{width: calc(100% - 40px);max-width: var(--max-width2);margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
#head>a{padding: 35px 0; display: block;}
#head>a img{height: 61px;}
#head>p{font-family: var(--s-core); font-size: var(--font-44); color: var(--main-color); font-weight: bold; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: var(--main-color); letter-spacing: 1.5px;}
@media screen and (max-width:900px){
    #head>a img{height: 40px;}
    #head>a{padding: 20px 0;}
}
@media screen and (max-width:700px){
    #head>a img{height: 30px;}
    #head>p{display: none;}
}
/* head 끝 */




/* footer 시작 */
#nt_footer{background: #0B0B12;}
#nt_footer .wrap{width: calc(100% - 40px);max-width: var(--max-width2);margin: 0 auto;padding: 50px 0 175px;}
#nt_footer .wrap>p{color: #fff; font-size: var(--font-90); font-weight: 600; line-height: var(--lh-90);border-bottom: 2px solid #fff; word-break: keep-all;}
#nt_footer .wrap>p span{color: var(--main-color); display: block;}
#nt_footer .wrap>div{display: flex;justify-content: space-between;align-items: center; margin-bottom: 30px;}
#nt_footer .wrap>div span{color: #fff;font-size: var(--font-15); font-weight: 500;}
#nt_footer .wrap>div span i{}
#nt_footer .wrap>div span.privacy_btn{margin-left: 20px;cursor: pointer;}
#nt_footer .wrap>div p{color: #fff;display: flex;justify-content: space-between;align-items: center;font-size: var(--font-15); line-height: 50px;width: fit-content;cursor: pointer;}
#nt_footer .wrap>div p img{height: 12px; margin-left: 10px;}
#nt_footer .wrap>ul {flex-flow: row wrap;max-width: 550px;}
#nt_footer .wrap>ul li{position: relative;top: 0;left: 0;padding-right: 15px;margin-right: 15px;}
#nt_footer .wrap>ul li:nth-child(4),
#nt_footer .wrap>ul li:nth-child(5),
#nt_footer .wrap>ul li:last-child{width: 100%;}
#nt_footer .wrap>ul li:nth-child(3)::before,
#nt_footer .wrap>ul li:nth-child(4)::before,
#nt_footer .wrap>ul li:nth-child(5)::before,
#nt_footer .wrap>ul li:nth-child(6)::before,
#nt_footer .wrap>ul li:last-child::before{display: none;}
#nt_footer .wrap>ul li::before{content:"";width: 1px;height: 50%;background: #818181; position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
#nt_footer .wrap>ul li p{color: #818181;}
#nt_footer .wrap>ul li p b{}
.privacy_con{ display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 40px); max-width: 1200px; height: calc(100% - 40px); max-height: 600px; z-index: 999999;background: #fff;}
.privacy_con .top{height: 70px; width: 100%; background: var(--main-color); text-align: center;position: relative;top: 0;left: 0;}
.privacy_con .top p{line-height: 70px;color: #fff;font-size: var(--font-20); font-weight: bold;}
.privacy_con .top span{position: absolute;top: 0;right: 0;height: 100%;width: auto;aspect-ratio: auto 1 / 1;cursor: pointer;}
.privacy_con .top span::after{width: 2px;height:50%;content:"";display: block;background: #fff;transform: translate(-50%, -50%) rotate(45deg);top: 50%;left: 50%;position: absolute;}
.privacy_con .top span::before{width: 2px;height:50%;content:"";display: block;background: #fff;transform: translate(-50%, -50%) rotate(-45deg);top: 50%;left: 50%;position: absolute;}
.privacy_con #privacy{border: 1px solid #eeeeee; width: calc(100% - 140px); height: calc(100% - 210px); overflow-y: auto; margin: 70px auto 0; padding: 20px;}
.privacy_con #privacy>b{display: block; margin-bottom: 20px; word-break: keep-all; font-size: var(--font-17); color: #000000;}
.privacy_con #privacy>.list{}
.privacy_con #privacy>.list li{display: flex; align-items: flex-start; line-height: 22px;margin-bottom: 10px;}
.privacy_con #privacy>.list li span{display: block;word-break: keep-all;margin-right: 10px; color: #666666;font-size: var(--font-17);}
.privacy_con #privacy>.list li p{display: block;word-break: keep-all; color: #666666;font-size: var(--font-17);}
.privacy_con #privacy>.list_con{margin-top: 100px;}
.privacy_con #privacy>.list_con li{margin-bottom: 50px;}
.privacy_con #privacy>.list_con li:last-child{margin-bottom:0px;}
.privacy_con #privacy>.list_con li>b{word-break: keep-all;display: flex; align-items: flex-start; line-height: 22px; margin-bottom: 10px;font-size: var(--font-20);}
.privacy_con #privacy>.list_con li>b span{display: block;word-break: keep-all;margin-right: 10px;}
.privacy_con #privacy>.list_con li p{display: block; word-break: keep-all; color: #000; font-weight: 500; font-size: var(--font-17);margin-bottom: 10px;line-height: 20px;}
.privacy_con #privacy>.list_con li>span{display: block;word-break: keep-all; color: #666666; font-size: var(--font-15);margin-bottom: 10px;}
.privacy_con #privacy .date_wrap{margin-top: 100px;}
.privacy_con #privacy .date_wrap p{display: block;word-break: keep-all;font-size: var(--font-15);font-weight: 500;color: #000;}

@media screen and (max-width:1200px){
    #nt_footer .wrap>div{margin-bottom: 20px;}
    .privacy_con #privacy{ width: calc(100% - 70px); height: calc(100% - 140px); margin: 35px auto 0;}
}
@media screen and (max-width:900px){
    #nt_footer .wrap{padding: 50px 0;}
    #nt_footer .wrap>p {padding-bottom: 10px;}
    .privacy_con .top{height: 50px;}
    .privacy_con .top p{line-height: 50px;}
}
@media screen and (max-width:600px){
    #nt_footer .wrap>ul {max-width: unset;}
    #nt_footer .wrap>ul li{width: 100%;padding-right: 0; margin-right: 0;margin-bottom: 10px;}
    #nt_footer .wrap>ul li:nth-child(1)::before,
    #nt_footer .wrap>ul li:nth-child(2)::before,
    #nt_footer .wrap>ul li:nth-child(5)::before,
    #nt_footer .wrap>ul li:nth-child(7)::before{display: none;}
    #nt_footer .wrap>ul li:last-child{padding-right: 0; margin-right: 0; width: 100%; text-align: center; margin-top: 50px;}
    #nt_footer .wrap>ul li:last-child::before{display: none;}
    #nt_footer .wrap>ul li p{line-height: 20px;word-break: keep-all;}
    #nt_footer .wrap>div{margin-top: 10px;align-items: flex-start;}
    #nt_footer .wrap>div>div{display: flex; flex-flow: column; justify-content: flex-start;}
    #nt_footer .wrap>div span{line-height: 30px;}
    #nt_footer .wrap>div span.privacy_btn{margin-left: 0;}
    .privacy_con #privacy{width: 100%; height: calc(100% - 40px); margin: 0 auto; border: unset;}
}
/* footer 끝 */




/* 컨텐츠 공통css 시작 */
.content_title{width: calc(100% - 40px);max-width: var(--max-width2);margin: 0 auto;}
.content_title .pc_text{}
.content_title .mo_text{display: none;}
.content_title>b{display: block;text-align: center;color: var(--sky-blue);font-size: var(--font-24);margin-bottom: 10px;}
.content_title>p{font-size: var(--font-50);font-family: var(--s-core);font-weight: bold;margin-bottom: 30px;word-break: break-all;}
.content_title>p span{color: var(--main-color);font-family: var(--s-core);-webkit-text-stroke-width: 2px; letter-spacing: 1.5px; font-weight: 500;}
.content_title>span{color: #9B9B9B;font-size: var(--font-20);font-family: var(--s-core);font-weight: bold;display: block;word-break: break-all;}
.content_title>span b{-webkit-text-stroke-width: 0.5px; letter-spacing: 1px; font-family: var(--s-core);color: #919191;word-break: break-all;}
@media screen and (max-width:1200px){
    .content_title>p span{-webkit-text-stroke-width:1px}
}
@media screen and (max-width:1000px){
    .content_title .pc_text{display: none;}
    .content_title .mo_text{display: block; width: 90%; margin: 0 auto; word-break: break-all; text-align: center;}
    .content_title>span{text-align: center;margin-top: 20px;}
}
@media screen and (max-width:800px){
    .content_title>p span{-webkit-text-stroke-width:0.5px;letter-spacing:0}
    .content_title .mo_text{width: 100%;}
}
/* 컨텐츠 공통css 끝 */




/* 배너시작 */
#main{}
#main .bn{position: relative;top: 0;left: 0;}
#main .bn .bn_wrap{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;position: relative;top: 0;left: 0;}
#main .bn .bn_wrap .pc_bn{width: 100%;}
#main .bn .bn_wrap .mo_bn{display: none;width: 100%;}
#main .bn .bn_wrap .icon_wrap{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
#main .bn .bn_wrap .icon_wrap img{position: absolute;}
#main .bn .bn_wrap .icon_wrap img.bn_icon1{height: 50px;animation: bn_icon1 5s linear infinite;top: 0;right: 6%;}
#main .bn .bn_wrap .icon_wrap img.bn_icon2{height: 100px;animation: bn_icon2 2s ease infinite;bottom: 100px; right: 9%;}
#main .bn .bn_wrap .icon_wrap img.bn_icon3{width: 150px;top: 50%;right: 27%;}
#main .bn>div>div>div>.carousel-inner>.carousel-item>.img-wrap{padding-bottom: 44% !important;}
#main .bn .bn_wrap .carousel-control-prev,
#main .bn .bn_wrap .carousel-control-next{display: none;}
#main .bn .text_wrap{position: absolute; top: 50%; left: 100px; transform: translateY(-50%); color: #fff;}
#main .bn .text_wrap>p{word-break: break-all;font-family: var(--s-core);font-size: var(--font-30);-webkit-text-stroke-width: 0.5px;}
#main .bn .text_wrap>p b{font-family: var(--s-core);font-size: var(--font-30);-webkit-text-stroke-width: 2px;}
#main .bn .text_wrap>b{font-family: var(--s-core);font-size: var(--font-50); -webkit-text-stroke-width: 2px;display: block;margin: 3vw 0;font-weight: 500;word-break: break-all;}
#main .bn .text_wrap>b span{color: #438DE2;font-family: var(--s-core);font-size: var(--font-50);-webkit-text-stroke-width: 2px;}
#main .bn .text_wrap>span{font-family: var(--s-core);font-size: var(--font-28);display: block;word-break: break-all;}
#main .bn .text_wrap>span b{font-family: var(--s-core);font-size: var(--font-28);-webkit-text-stroke-width: 0.5px;}
.btn-wset{position: relative;z-index: 99;}
#main .bn .sns_wrap{width: 90px;position: fixed;right: 50px;bottom: 50px;z-index: 999;}
#main .bn .sns_wrap img{width: 100%;cursor: pointer;margin-bottom: 15px;}
#main .bn .sns_wrap p{color: #787878;font-size: var(--font-17);width: 100%;text-align: center;cursor: pointer;}
#main .bn .sns_wrap p i{font-size: var(--font-20) !important;}
@keyframes bn_icon1 {
    from {
        top:0;
        opacity: 1;
    }
    to {
        top:30%;
        opacity: 0;
    }
}
@keyframes bn_icon2 {
    /* from {
        opacity: 1;
    } */
    50% {
        opacity: 0;
    }
}
@keyframes bn_icon3 {
    from {
        transform: rotate3d(1, 1, 1, 360deg);
    }
    to {
        transform: rotate3d(1, 1, 1, 0deg);
    }
}

@media screen and (max-width:1400px){
    #main .bn .bn_wrap .icon_wrap img.bn_icon3{display: none;}
}
@media screen and (max-width:1200px){
    #main .bn .sns_wrap{width: 70px;}
    #main .bn .text_wrap{left: 50px;}
    #main .bn .text_wrap>p b{-webkit-text-stroke-width: 1px;}
    #main .bn .text_wrap>b{-webkit-text-stroke-width: 1px;}
    #main .bn .text_wrap>b span{-webkit-text-stroke-width: 1px;}

}
@media screen and (max-width:1000px){
    #main .bn .sns_wrap{right: 20px;bottom: 20px;width: 50px;}
    #main .bn .text_wrap>p{font-size: 20px;}
    #main .bn .text_wrap>p b{font-size: 20px}
    #main .bn .text_wrap>b{font-size:35px;}
    #main .bn .text_wrap>b span{font-size:35px;}
    #main .bn .text_wrap>span{font-size: 17px;}
    #main .bn .text_wrap>span b{font-size: 17px;}
}
@media screen and (max-width:850px){
    #main .bn .text_wrap>b{line-height: 42px;}
    #main .bn .text_wrap>span{padding-right: 50px;}
}

@media screen and (max-width:700px){
    #main .bn .bn_wrap .pc_bn{display: none;}
    #main .bn .bn_wrap .mo_bn{display: block;}
    #main .bn>div>div>div>.carousel-inner>.carousel-item>.img-wrap{padding-bottom: 129% !important;}
    #main .bn .bn_wrap .icon_wrap img.bn_icon1{height: 26px;right: 10%;}
    #main .bn .bn_wrap .icon_wrap img.bn_icon2{height: 35px;bottom: unset; right: unset;top: 10%;left: 10%;}
    #main .bn .bn_wrap .icon_wrap img.bn_icon3{width: 55px;top: unset;bottom: 10%; right: 50%;animation: bn_icon3 5s linear infinite;display: block;}
    #main .bn .text_wrap{left: 50%;transform: translate(-50%, -50%);width: calc(100% - 50px);}
    #main .bn .text_wrap>p{text-align: center;}
    #main .bn .text_wrap>b{text-align: center;margin: 10vw 0;line-height: unset;}
    #main .bn .text_wrap>span{text-align: center;padding-right: 0;}
}
@media screen and (max-width:500px){
    #main .bn .text_wrap>p{font-size: 17px;}
    #main .bn .text_wrap>p b{font-size: 17px;}
    #main .bn .text_wrap>b{font-size: 30px;}
    #main .bn .text_wrap>b span{font-size: 30px;}
    #main .bn .text_wrap>span{font-size: 15px;}
    #main .bn .text_wrap>span b{font-size: 15px;}
}
@media screen and (max-width:450px){
    #main .bn .text_wrap>p{font-size: 12px;}
    #main .bn .text_wrap>p b{font-size: 12px;-webkit-text-stroke-width:0.5px;}
    #main .bn .text_wrap>b{font-size: 28px;}
    #main .bn .text_wrap>b span{font-size: 28px;}
    #main .bn .text_wrap>span{font-size: 12px;}
    #main .bn .text_wrap>span b{font-size: 12px;}
}
@media screen and (max-width:400px){
    #main .bn .text_wrap{ width: calc(100% - 20px);}
}

/* 배너끝 */




/* 솔루션 시작 */
#main .solution{margin: 180px 0 0;position: relative;top: 0;left: 0;overflow-x: hidden;}
#main .solution::after{content:"";position: absolute;bottom: 50px;right: -6.5vw;background-image: url('../../../img/solution.png');background-repeat: no-repeat;background-position: center;background-size: cover;height: 50%;width: auto;aspect-ratio: auto 1 / 1;}
#main .solution .list_wrap{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;}
#main .solution .list_wrap .hide{width: 75vw;height: 650px;position: relative; top: 0; left: 0; overflow: hidden;}
#main .solution .list_wrap .hide .mo{display: none;}
#main .solution .list_wrap ul{position: absolute;top: 0;left: 100%;width: 100%;height: 100%;}
#main .solution .list_wrap ul.atv{animation: list 3s forwards;;}
@keyframes list {
    from { left: 100%;opacity: 0; }
    to { left: 0; opacity: 1;}
}
#main .solution .list_wrap ul li{position: absolute;width: fit-content;}
#main .solution .list_wrap ul li:nth-child(1){top: 0;left: 0;}
#main .solution .list_wrap ul li:nth-child(2){bottom: 0;left: 25%;}
#main .solution .list_wrap ul li:nth-child(3){top: 0;left: 50%;}
#main .solution .list_wrap ul li:nth-child(4){bottom: 0;right: 0;}
#main .solution .list_wrap img{width: 17.1vw;display: block;margin: 0 auto;}
#main .solution .list_wrap p{text-align: center;font-size: var(--font-20);margin-top: 30px; line-height: var(--lh-20);}
#main .solution .list_wrap p span{font-weight: bold;}

#main .solution .flowBox{width: 100%; background: #000; height: 200px; margin: 100px auto 0; position: relative; top: 0; left: 0; padding-bottom: 100px;}
#main .solution .flowBox::after{background: var(--white-blue); width: 100%; height: 100px; position: absolute; bottom: 0; left: 0; content: "";}
#main .solution .flowBox .track{width: calc(100% - 40px);margin: 0 auto;position: relative;top: 0;left: 0;overflow-x: hidden; overflow-y: hidden;margin: 0 auto;height: 100%;}
#main .solution .flowBox .track .content{display: flex;align-items: center;position: absolute; white-space: nowrap;will-change: transform;animation: marquee 60s linear infinite;top: 50%; transform: translateY(-50%);}
#main .solution .flowBox .track .content span{padding: 0 1.5vw;font-weight: 100 !important;font-size:var(--font-30); color:#fff;}
#main .solution .flowBox .track .content span:nth-child(1){padding-left: 90px;}
@keyframes marquee {
    from { transform: translate(0, -50%); }
    to { transform: translate(-50%, -50%); }
}
@media screen and (max-width:1600px){
    #main .solution{padding-bottom: 0;margin: 180px auto 0px;}
    #main .solution::after{display: none;}
    #main .solution .list_wrap{margin-top: 50px;}
    #main .solution .list_wrap .hide .pc{display: none;}
    #main .solution .list_wrap .hide{width:100%;height: fit-content;position: unset;}
    #main .solution .list_wrap ul.mo{position: unset;display: flex !important;justify-content: space-between;align-items: center;flex-flow: row wrap;margin-top: 50px;}
    #main .solution .list_wrap ul li{position: unset;width: 49%;margin-bottom: 30px;padding: 20px;border-radius: 10px;background: var(--white-blue);}
    #main .solution .list_wrap ul li:nth-child(3),
    #main .solution .list_wrap ul li:nth-child(4){margin-bottom: 0px;}
    #main .solution .flowBox{margin-top: 150px;}
}
@media screen and (max-width:1000px){
    #main .solution{margin: 150px auto 0px;}
    #main .solution .flowBox{height: 170px;}
}
@media screen and (max-width:800px){
    #main .solution .list_wrap ul.mo{margin-top: 0;}
    #main .solution .list_wrap ul li{width: 100%;margin-bottom: 20px;box-shadow: unset;}
    #main .solution .list_wrap ul li:nth-child(3){margin-bottom: 20px;}
    #main .solution .list_wrap img{width: 150px;}
}
@media screen and (max-width:500px){
#main .solution .flowBox{ padding-bottom: 0; height: 70px;}
#main .solution .flowBox::after{display: none;}
}
/* 솔루션 끝 */



/* 디자인 시작 */
#main .design{padding-bottom: 250px;width: 100%;padding-top: 150px;background: var(--white-blue);position: relative;top: 0;left: 0;overflow: hidden;z-index: 1;}
#main .design::before{content: ""; position: absolute; top: 11%; left: 0; height: 330px; max-width: 293px; width: 20%; background-image: url(../../../img/design_bg1.png); background-repeat: no-repeat; background-position: center; background-size: 100% 100% ; z-index: -1;}
#main .design::after{content: ""; position: absolute; bottom: -80px; right: -50px; height: 307px; width: auto; aspect-ratio: auto 1 / 1; background-image: url(../../../img/design_bg2.png); background-repeat: no-repeat; background-position: center; background-size: auto 100%;}
#main .design .content_title{}
#main .design .content_title>p{text-align: center;word-break: break-all;margin-bottom: 15px;}
#main .design .content_title>span{text-align: center;font-size: var(--font-30);margin-top: 0;color: #000;word-break: break-all;}
#main .design .content_title>span b{color: #000;}
#main .design .design_marquee{width: 100%;margin: 120px 0 80px;overflow: hidden;}
#main .design .design_marquee ul{display: flex; flex-wrap: nowrap; overflow: visible; width:300%;animation: marquee-top1 30s linear infinite;}
#main .design .design_marquee ul li{margin:0 25px; aspect-ratio: auto 1 / 1; align-items: center; display: inline-flex;border-radius: 20px;overflow: hidden;border: 1px solid #eee;}
#main .design .design_marquee ul li img{display: block; width: 100%; height: 100%; object-fit: cover;}
#main .design>p{font-family: var(--s-core);font-size: var(--font-30);word-break: break-all;text-align: center;width: calc(100% - 40px);margin: 0 auto;color: #000; font-weight: bold;}
@-webkit-keyframes marquee-top1 {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0);
    }
}
@media screen and (max-width:1400px){
    #main .design::before{left: -30px;background-size: contain;}
    #main .design::after{background-size: contain; height: 250px;}
}

@media screen and (max-width:1200px){
#main .design .design_marquee{margin: 50px 0 30px;overflow: hidden;}
#main .design .design_marquee ul{width:400%;}
}
@media screen and (max-width:800px){
#main .design{padding-top: 100px;padding-bottom: 150px;}
#main .design::before{top: 0;width: 15%;height: 157px;left: -3px;}
#main .design::after{height: 30vw;bottom: -7vw;right: -6vw;}
#main .design .content_title>p{margin-bottom: 30px;}
#main .design .design_marquee ul{width:350%;}
#main .design .design_marquee ul li{margin: 0 10px;}
}
@media screen and (max-width:500px){
#main .design{padding-top: 150px;}
#main .design::before{top: 20px;}
#main .design .design_marquee ul{width:650%;animation: marquee-top1 20s linear infinite;}
#main .design .content_title>p{margin-bottom: 10px;}
}
/* 디자인 끝 */



/* 구독 시작 */
#main .subscription{padding: 130px 0 180px;background: #F5F5F5;}
#main .subscription .content_title{}
#main .subscription .content_title p{text-align: center;margin-bottom: 150px;}
#main .subscription .list{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;overflow-x: auto; padding: 50px 0;}
#main .subscription .list .list_content{background: #FAFAFA;width: 100%; position: relative;top: 0;left: 0;border: 1px solid #9B9B9B;border-radius: 20px;height: calc(85px * 8 + 170px);}
#main .subscription .list .list_content>b.mo{display:none;}
#main .subscription .list .list_content>b.mo .point{color:var(--main-color);}
#main .subscription .list .list_content>.title{width: calc(20% - 4vw);position: absolute;bottom: 0;left: 4vw;padding: 20px 0;}
#main .subscription .list .list_content>.title p{color: #0e0e0e;font-size: var(--font-24);display: flex;align-items: center;justify-content: center;height: 85px;border-bottom: 1px solid #D9D9D9;text-align: center;padding: 0;line-height: var(--lh-30); word-break: break-all;}
#main .subscription .list .list_content>.title p:last-child{border-bottom: unset;}
#main .subscription .list .list_content>.con{padding: 20px 0;}
#main .subscription .list .list_content>.con p{color: #787878;font-size: var(--font-24);display: flex;align-items: center;justify-content: center;height: 85px;border-bottom: 1px solid #D9D9D9;text-align: center;padding: 0;line-height: var(--lh-30); word-break: break-all;padding: 0 10px;}
#main .subscription .list .list_content>.con p:last-child{border-bottom: unset;}
#main .subscription .list .list_content>.con b{color: #787878;font-size: var(--font-24);display: flex;align-items: center;justify-content: center;height: 130px;text-align: center;font-family: var(--s-core);-webkit-text-stroke-width: 1px;}
#main .subscription .list .list_content>.con1{width: 21%;position: absolute;bottom: 0;left: 20%;}
#main .subscription .list .list_content>.con2{width: calc(27% - 4vw);position: absolute;bottom: 0;right: 4vw;}
#main .subscription .list .list_content>.point_con{width: 32%; position: absolute; top: 50%; transform: translateY(-50%); left: 41%; padding: 50px 0 52px; background: #fafafa; border-radius: 20px; border: 8px solid #000;}
#main .subscription .list .list_content>.point_con p{font-size: var(--font-24);color: #000000;display: flex;align-items: center;justify-content: center;height: 85px;border-bottom: 1px solid #D9D9D9;font-weight: bold;text-align: center;padding: 0;line-height: var(--lh-30); word-break: break-all;}
#main .subscription .list .list_content>.point_con p:last-child{border-bottom: unset;}
#main .subscription .list .list_content>.point_con p.mo{display: none;}
#main .subscription .list .list_content>.point_con b{word-break: break-all;font-size: var(--font-24);color:var(--main-color);display: flex;align-items: center;justify-content: center;height: 130px;text-align: center;font-family: var(--s-core);-webkit-text-stroke-width: 1px;line-height: var(--lh-30);}
@media screen and (max-width:1000px){
    #main .subscription .content_title{position: relative;top: 0;left: 0;}
    #main .subscription .content_title::before{content: "← 左右にスクロールしてください →"; position: absolute; bottom: -120px; left: 51%; width: 100%; text-align: center; transform: translateX(-50%); font-size: var(--font-17); color: #a9a9a9;animation:r_l 1s linear 0s infinite alternate ;}
    @keyframes r_l {
        0%{
            left: 51%;
        }
        100% {
            left: 49%;
        }
    }
    #main .subscription .list .list_content{min-width: 1200px;height: calc(75px* 8 + 120px);}
    #main .subscription .list .list_content>.con b{height:80px;}
    #main .subscription .list .list_content>.point_con b{height: 80px;}
    #main .subscription .list .list_content>.title p{height: 75px;}
    #main .subscription .list .list_content>.con p{height: 75px;}
    #main .subscription .list .list_content>.con p br{display: none;}
    #main .subscription .list .list_content>.point_con{}
    #main .subscription .list .list_content>.point_con p{height: 75px;}
}
@media screen and (max-width:800px){
    #main .subscription .content_title p{margin-bottom: 50px;}
    #main .subscription .content_title::before{bottom: -50px;}
}

@media screen and (max-width:600px){
    #main .subscription .list .list_content{min-width: 600px;}
    #main .subscription .list .list_content>.con b,
    #main .subscription .list .list_content>.point_con b{font-size: 16px; letter-spacing: -1px;}
    #main .subscription .list .list_content>.title p,
    #main .subscription .list .list_content>.con p,
    #main .subscription .list .list_content>.point_con p{font-size: 16px;}
}



/* 구독 끝 */




/* 후기 시작 */
#main .review{margin: 0 auto 0;background: var(--white-blue);position: relative;top: 0;left: 0;overflow: hidden;}
#main .review::before{content: ""; position: absolute; top: -23px; right: -177px; transform: rotate(261deg); height: auto; aspect-ratio: auto 1 / 1; width: 400px; background-image: url(../../../img/review_bg2.png); background-repeat: no-repeat; background-position: center; background-size: cover;}
#main .review>.wrap{width: calc(100% - 40px);max-width: var(--max-width2);margin: 0 auto;position: relative;top: 0;left: 0;height: 100vh;}
#main .review .content_title{width: calc(100% - 860px);margin-top: 90px;position: absolute;top: 0;left: 0;height: 100%;}
#main .review .content_title b{text-align: left;}
#main .review .content_title p{}
#main .review .content_title::before{content: ""; position: absolute; bottom: 20%; left: 40%; transform: translateX(-50%); height: auto; aspect-ratio: auto 1 / 1; width: 70%; background-image: url(../../../img/review_bg1.png); background-repeat: no-repeat; background-position: center; background-size: cover;}
#main .review>.wrap>.wrap{width: 810px;height: 100%; overflow: hidden;justify-content: space-between;display: flex;position: absolute;top: 0;right: 0;}
#main .review>.wrap>.wrap::before{content:""; position: absolute;top: 0;left: 0;width: 100%;height: 100px;background: linear-gradient(to top, #ffffff00, var(--white-blue));
    z-index: 1;}
#main .review>.wrap>.wrap::after{content:""; position: absolute;bottom: 0;left: 0;width: 100%;height: 100px;background: linear-gradient(to top, var(--white-blue), #ffffff00);
    z-index: 1;}
#main .review>.wrap>.wrap ul{width: calc(50% - 15px);position: relative;}
#main .review>.wrap>.wrap ul.up{top: 90px;left: 0;animation: review_down 60s linear infinite;}
#main .review>.wrap>.wrap ul.down{top: 0;left: 0;animation: review_up 60s linear infinite;}
@keyframes review_up {
    from { top:-220% }
    to { top:0px; }
}
@keyframes review_down {
    from { top: 90px; }
    to { top:-220% }
}
#main .review>.wrap>.wrap ul li{width: 100%;background: #fff;border-radius: 15px;padding: 50px 40px;margin-bottom: 30px;}
#main .review>.wrap>.wrap ul li:last-child{margin-bottom: 0px;}
#main .review>.wrap>.wrap ul li .img{display: flex;justify-content: space-between;align-items: flex-start;}
#main .review>.wrap>.wrap ul li .img img:nth-child(1){width: 25%;animation:review_icon 0.5s linear 0s infinite alternate ;position: relative;top: 0;left: 0;box-shadow: 0px 3px 5px #00000063;border-radius: 100px;}
#main .review>.wrap>.wrap ul li .img img:nth-child(2){width: 40%;}
@keyframes review_icon {
    0%{
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(5deg);
    }
}


#main .review>.wrap>.wrap ul li b{font-family: var(--s-core);font-size: var(--font-24);line-height: var(--lh-30);display: block;margin: 50px 0 30px;word-break: break-all;}
#main .review>.wrap>.wrap ul li p.mo{display: none;}
#main .review>.wrap>.wrap ul li p{font-size: var(--font-20);color: #787878; word-break: break-all;line-height: 35px;}
#main>.flowBox{width: 100%;background: #000;height: 100px;margin: 0 auto;}
#main>.flowBox .track{width: calc(100% - 40px);margin: 0 auto;position: relative;top: 0;left: 0;overflow-x: hidden; overflow-y: hidden;margin: 0 auto;height: 100%;}
#main>.flowBox .track .content{display: flex;align-items: center;position: absolute; white-space: nowrap;will-change: transform;animation: marquee 60s linear infinite;top: 50%; transform: translateY(-50%);}
#main>.flowBox .track .content span{padding: 0 1.5vw;font-weight: 100 !important;font-size:var(--font-30); color:#fff;}
#main>.flowBox .track .content span:nth-child(1){padding-left: 90px;}


@media screen and (max-width:1600px){
    #main .review .content_title::before{left: 47%;}
}
@media screen and (max-width:1400px){
    #main .review .content_title{width: 40%;}
    #main .review>.wrap>.wrap{width: 60%;}
}
@media screen and (max-width:1200px){
    #main .review::before{left: -60px; right: unset; transform: rotate(83deg); width: 300px; top: -135px;}
    #main .review>.wrap{height: fit-content;padding-top: 170px;}
    #main .review .content_title{width: 100%; margin-top: 0px; top: 0; left: 50%; transform: translateX(-50%);position: relative;}
    #main .review .content_title::before{width: fit-content; height: 150%; right: 0; left: unset; bottom: -20px; transform: unset;}
    #main .review>.wrap>.wrap{width:100%;height: 80vh;position: relative;top: 0;left: 0;}
    #main .review>.wrap>.wrap ul{width: calc(50% - 10px);}
    #main .review>.wrap>.wrap ul li{margin-bottom: 20px;}
    #main .review>.wrap>.wrap ul li p.mo{display: block;}
    #main .review>.wrap>.wrap ul li p.pc{display: none;}
    @keyframes review_up {
        from { top:-230%}
        to { top:0px; }
    }
    @keyframes review_down {
        from { top: 90px; }
        to { top:-230%}
    }
}
@media screen and (max-width:1000px){
    #main .review::before{top: -23px; right: -69px;left: unset; transform: rotate(190deg); width: 200px;}
    #main .review>.wrap{padding-top: 0px;}
    #main .review .content_title{margin: 0 auto 100px;padding-top: 170px;}
    #main .review .content_title::before{ bottom: unset; right: unset; left: 50%; transform: translateX(-50%); top: 50px; height: 120px; width: fit-content;}
    #main .review .content_title b{text-align: center;}
    #main .review>.wrap>.wrap{height: 500px;}
    @keyframes review_up {
        from { top:-300%}
        to { top:0px; }
    }
    @keyframes review_down {
        from { top: 90px; }
        to { top:-300%}
    }
    #main .review>.wrap>.wrap ul li .img{flex-flow: column;justify-content: center; align-items: center;}
    #main .review>.wrap>.wrap ul li .img img:nth-child(1){margin-bottom: 10px;}
    #main .review>.wrap>.wrap ul li{padding: 30px 40px;}
    #main .review>.wrap>.wrap ul li b{margin: 20px 0 30px;}
    #main>.flowBox{height: 70px;}
}
@media screen and (max-width:800px){
    #main .review>.wrap>.wrap ul li{padding: 30px 20px;}
    #main .review>.wrap>.wrap ul li b{margin: 10px 0 20px; text-align: center; line-height: 5vw;}
    #main .review>.wrap>.wrap ul li p.mo{line-height: 5vw; text-align: center;}
}
@media screen and (max-width:600px){
    #main .review .content_title{margin: 0 auto 20px;}
    @keyframes review_up {
        from { top:-260%}
        to { top:0px; }
    }
    @keyframes review_down {
        from { top: 90px; }
        to { top:-260%}
    }
}
@media screen and (max-width:500px){
    #main .review::before{display: none;}
    #main .review .content_title{margin: 0 auto 50px;}
    #main .review>.wrap>.wrap ul.up{width: 100%;top: 0; animation: review_down 20s linear infinite;}
    #main .review>.wrap>.wrap ul.down{display: none;}
    #main .review>.wrap>.wrap ul li b{text-align: left;}
    #main .review>.wrap>.wrap ul li p.mo{text-align: left;}
    @keyframes review_down {
        from { top: 0px; }
        to { top:-170%}
    }
}
/* 후기 끝 */




/* 요청절차 시작 */
#main .request{position: relative;top: 0;left: 0;padding: 250px 0;margin: 0;width: 100%;overflow: hidden;}
#main .request::before{content: ""; position: absolute; top: -34px; right: 0px; height: auto; aspect-ratio: auto 1 / 1; width: 20%; background-image: url(../../../img/request_bg1.png); background-repeat: no-repeat; background-position: center; background-size: auto 100%;}
#main .request::after{content: ""; position: absolute; bottom: -34px; left: 0px; height: auto; aspect-ratio: auto 1 / 1; width: 20%; background-image: url(../../../img/request_bg2.png); background-repeat: no-repeat; background-position: center; background-size: auto 100%;}
#main .request .content{display: flex;justify-content: space-between;align-items: flex-start;width: calc(100% - 40px);max-width: var(--max-width2);margin: 0 auto;}
#main .request .content_title{width: calc(100% - 860px);}
#main .request .content_title>p{}
#main .request .content_title>span{}
#main .request .wrap{width: 810px;}
#main .request .wrap li{display: flex;justify-content: space-between;align-items: center;position: relative;top: 0;left: 0;margin-bottom: 20px;padding-bottom: 45px;}
#main .request .wrap li::after{content:"";position: absolute;bottom: 0;left:7px;background-image: url('../../../img/next_icon.png');background-repeat: no-repeat;background-position:center;background-size: 100% auto;width: 85px;height: 24px;}
#main .request .wrap li:last-child{padding-bottom: 0;margin-bottom: 0;}
#main .request .wrap li:last-child::after{display: none;}
#main .request .wrap li img{width: 95px;animation: request 5s linear infinite;}
#main .request .wrap li .text{width: calc(100% - 125PX);}
#main .request .wrap li .text b{font-family: var(--s-core);font-size: var(--font-30);-webkit-text-stroke-width: 1px;}
#main .request .wrap li .text p{font-size: var(--font-24);color: #787878;word-break: keep-all;}
@keyframes request {
    0% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
@media screen and (max-width:1400px){
    #main .request::before{ top: 0; transform: rotate(113deg); right: -43px; min-width: 200px;}
    #main .request::after{ top: 20%;bottom: unset; transform: rotate(78deg); left: -44px; min-width: 200px;}
    #main .request .content{flex-flow: row wrap;}
    #main .request .content_title .pc_text{display: none;}
    #main .request .content_title .mo_text{display: block;}
    #main .request .content_title{width: 100%;margin-bottom: 100px;}
    #main .request .content_title>p{text-align: center;margin-bottom: 10px;}
    #main .request .content_title>span{text-align: center;}
    #main .request .wrap{width: 100%}
    #main .request .wrap li{flex-flow: row wrap; margin-bottom: 50px; padding-bottom: 80px;}
    #main .request .wrap li::after{left: 50%;transform: translateX(-50%);}
    #main .request .wrap li img{margin: 0 auto 30px;}
    #main .request .wrap li .text{width: 100%;}
    #main .request .wrap li .text b{text-align: center;display: block;}
    #main .request .wrap li .text p{text-align: center;word-break: break-all;}
}
@media screen and (max-width:1000px){
    #main .request{padding: 170px 0;}
    #main .request .wrap li{ margin-bottom: 30px; padding-bottom: 50px;}
    #main .request .wrap li::after{width: 60px;}
    #main .request .wrap li img{width: 80px;margin: 0 auto 20px;}
}
@media screen and (max-width:500px){
    #main .request::before{top: 37px;right: -65px;}
    #main .request::after{top: 25%;}
    #main .request::before,
    #main .request::after{min-width: 130px;}
    #main .request .wrap li img{width: 60px;}
    #main .request .wrap li .text b{-webkit-text-stroke-width: 0.2px;margin-bottom: 5px;}
    #main .request .wrap li .text p{line-height: 4.5vw;}
}
/* 요청절차 끝 */





/* 문의하기 시작 */
#main .inquiry{background: var(--white-blue);padding: 250px 0;position: relative;top: 0;left: 0;overflow: hidden;}
#main .inquiry::before{content: ""; position: absolute; bottom: -3vw; left: 0px; height: auto; aspect-ratio: auto 1 / 0.5; width: 40%; background-image: url(../../../img/big_logo.png); background-repeat: no-repeat; background-position: center; background-size: 100% auto; opacity: 0.4;}
#main .inquiry .content_title>p{text-align: center;margin-bottom: 20px;line-height: 5.5vw;}
#main .inquiry .content_title>span{text-align: center;font-size: var(--font-30);word-break: break-all;}
#main .inquiry form{width: calc(100% - 40px);max-width: var(--max-width2);margin: 100px auto 0;padding: 90px 0;background: #FAFAFA;border-radius: 20px;}
#main .inquiry form ul{display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; width: calc(100% - 40px); max-width: 1200px; margin: 0 auto 160px;}
#main .inquiry form ul li{width: calc(50% - 50px);display: flex;justify-content: space-between;align-items: center;}
#main .inquiry form ul li:nth-child(3),
#main .inquiry form ul li:nth-child(4){margin-top: 20px;}
#main .inquiry form ul li label{width: 200px;font-family: var(--s-core);font-size: var(--font-24);display: flex;align-items: center;}
#main .inquiry form ul li label span{color: var(--sky-blue);padding: 10px 10px 4px 10px;}
#main .inquiry form ul li input{width: calc(100% - 200PX);height: 50px;line-height: 48px;border: 1px solid #d9d9d9;padding: 0 20px;font-size: var(--font-20);color: #000;border-radius: 3px;transition: 0.3s;}
#main .inquiry form ul li input::placeholder{color: #787878; font-size: var(--font-17);}
#main .inquiry form ul li input:active,
#main .inquiry form ul li input:valid,
#main .inquiry form ul li input:focus{outline: none;background: var(--white-blue);}
#main .inquiry form ul li input[type='number']::-webkit-inner-spin-button { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
#main .inquiry form>p{width: 100%;text-align: center;font-size: var(--font-20);color: var(--main-color);word-break: break-all;margin-bottom: 20px; padding: 0 20px;}
#main .inquiry form .radio_wrap{display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; width: calc(100% - 40px); max-width: 1200px; margin: 0 auto;}
#main .inquiry form .radio_wrap label{word-break:break-all;width: calc(20% - 15px);display: block;border: 1px solid var(--main-color);border-radius: 20px;background: #fff;color: #000;font-size: var(--font-20);font-weight: bold;text-align: center;padding:40px 20px;position: relative;top: 0;left: 0;line-height: 30px;cursor: pointer;}
#main .inquiry form .radio_wrap label.atv{background: var(--main-color);color: #fff;}
#main .inquiry form .radio_wrap label input{position: absolute;bottom: 0;left: 0;opacity: 0;}
#main .inquiry form .radio_wrap label span{font-size: var(--font-20);font-weight: normal;}

#main .inquiry form .radio_wrap>p{width: 100%;text-align: center;font-size: var(--font-20);color: #787878;word-break: break-all;margin-top: 20px;margin-bottom: 100px;}
#main .inquiry form .radio_wrap>p.mo{display: none;}
#main .inquiry form .agreeBox{display: flex;justify-content: center;align-items: center;}
#main .inquiry form .agreeBox input{}
#main .inquiry form .agreeBox label{color: #A0A0A0;font-size: var(--font-17);margin: 0 10px 0 10px;}
#main .inquiry form .agreeBox p{color: var(--sky-blue);cursor: pointer;font-size: var(--font-17);}
#main .inquiry form>button{width: calc(100% - 40px); max-width: 1200px; margin: 0 auto;display: block;padding: 0;height: 72px;line-height: 70px;font-size: VAR(--font-28);color: #fff;margin-top: 20px;border-radius: 10px;}
@media screen and (max-width:1200px){
    #main .inquiry form{padding: 50px 0;margin: 50px auto 0;}
    #main .inquiry form ul{margin: 0 auto 50px;}
    #main .inquiry form ul li{width: 100%;}
    #main .inquiry form ul li:nth-child(2){margin-top: 20px;}
}
@media screen and (max-width:1000px){
    #main .inquiry{padding: 170px 0;}
    #main .inquiry form .radio_wrap{justify-content: center;}
    #main .inquiry form .radio_wrap label{width: calc(50% - 10px);margin-bottom: 20px;}
    #main .inquiry form .radio_wrap label:nth-child(2n){margin-left: 20px;}
    #main .inquiry form .radio_wrap label:last-child{margin-bottom: 0px;}
}
@media screen and (max-width:800px){
    #main .inquiry .content_title>p{line-height: unset}
}
@media screen and (max-width:500px){
    #main .inquiry form ul li{flex-flow: row wrap;}
    #main .inquiry form ul li label{width: 100%;height: 20px;}
    #main .inquiry form ul li input{width: 100%;padding: 0 10px;}
    #main .inquiry form .radio_wrap label{width: 100%;line-height: 20px;padding: 20px 10px;border-radius: 10px;margin-bottom: 10px;}
    #main .inquiry form .radio_wrap label:nth-child(2n){margin-left: 0px;}
}
@media screen and (max-width:460px){
    #main .inquiry form .radio_wrap>p.pc{display: none;}
    #main .inquiry form .radio_wrap>p.mo{display: block;}
}
/* 문의하기 끝 */