@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;
}
@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/SANDBOX/SBAggroB.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggroM';
    src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/SANDBOX/SBAggroM.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggroL';
    src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/SANDBOX/SBAggroL.woff') format('woff');
    font-weight: 300;
    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;}
.btn-wset{position: relative;z-index: 99;}
#theme-controller .fixed-top{z-index: 999999;}
.modal{z-index: 999999;}
.nt-container{max-width: unset !important;width: 100%;}
:root {
    --max-width:1500px;
    --font-90:90px;
    --lh-90:100px;
    --font-72:72px;
    --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:#00CC65;
    --sky-blue:#3586FF;
    --white-blue:#Dff5EA;
    --pretend:"Pretendard-Regular" !important;
    --gmarket:"GmarketSansMedium" !important;
    --s-core:"S-CoreDream-3Light" !important;
    --SBAggroB:"SBAggroB" !important;
    --SBAggroM:"SBAggroM" !important;
    --SBAggroL:"SBAggroL" !important;
}
@media screen and (max-width:1200px){
    :root {
        --font-90:70px;
        --lh-90:80px;
        --font-72:62px;
        --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-72:55px;
        --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-72: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-72:35px;
        --font-50:20px;
        --font-30:18px;
        --font-28:16px;
        --font-24:16px;
    }
}
/* head 시작 */
#head{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
#head>a{padding: 35px 0; display: block;}
#head>a img{height: 50px;}
@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 끝 */




/* footer 시작 */
#nt_footer{background: #0B0B12;}
#nt_footer .wrap{width: calc(100% - 40px);max-width: var(--max-width);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-width);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-72);font-family: var(--gmarket) !important;font-weight: bold;margin-bottom: 30px;word-break: keep-all;}
.content_title>p span{color: var(--main-color);font-family: var(--gmarket) !important;-webkit-text-stroke-width: 2px; letter-spacing: 1.5px;}
.content_title>span{color: #9B9B9B;font-size: var(--font-20);font-family: var(--gmarket) !important;font-weight: bold;display: block;}
.content_title>span b{-webkit-text-stroke-width: 0.5px; letter-spacing: 1px; font-family: var(--gmarket) !important;color: #919191;}
@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: keep-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 .sns_wrap{width: 125px;position: fixed;right: 50px;bottom: 50px;z-index: 999;}
#main .sns_wrap span{width: 100%;height: auto;aspect-ratio: auto 1 / 1; cursor: pointer;margin-bottom: 15px;display: block;display: flex;align-items: center;flex-flow: column;border-radius: 100px;background: #6159C6;justify-content: center;}
#main .sns_wrap span img{width: 50%;}
#main .sns_wrap span p{color: #fff;font-size: var(--font-24);font-weight: bold;}
#main .sns_wrap>p{color: #787878;font-size: var(--font-17);width: 100%;text-align: center;cursor: pointer;}
#main .sns_wrap>p i{font-size: var(--font-20) !important;}
@media screen and (max-width:1200px){
    #main .sns_wrap{width: 100px;}
    #main .sns_wrap span p{font-size: var(--font-20);font-weight: 500;}
}
@media screen and (max-width:1000px){
    #main .sns_wrap{right: 20px;bottom: 20px;width: 80px;}
}
/*플로팅버튼 끝 */




/* pc배너시작 */
#main .bn_mo{display: none;}
#main .bn_pc{background:#31E490;position: relative;top: 0;left: 0;width: 100%;height: 48vw;}
#main .bn_pc>div{position: absolute;background-repeat: no-repeat;background-position: center;background-size: cover;}
#main .bn_pc .item1{position: absolute;width: 100%;height: 100%;background-image: url('../../../img/bn_item1.png');background-repeat: no-repeat;background-position: center;background-size: 100% auto;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#main .bn_pc .item2{position: absolute;width: 100%;height: 100%;background-image: url('../../../img/bn_item2.png');background-repeat: no-repeat;background-position: center;background-size: cover;top: 50%;left: 50%;transform: translate(-50%, -50%);animation: up_down 3s linear infinite;}
#main .bn_pc .item3{position: absolute; background-image: url(../../../img/bn_item4.png); background-repeat: no-repeat; background-position: center; background-size: contain; width: 16vw; height: auto; aspect-ratio: auto 2 / 1; left: 22%; top: 15%; z-index: 1;}
#main .bn_pc .item4{position: absolute; background-image: url(../../../img/bn_item5.png); background-repeat: no-repeat; background-position: center; background-size: contain; width: 8vw; height: auto; aspect-ratio: auto 1 / 1; right: 28%; top: 22%; z-index: 1;}
#main .bn_pc .item5{position: absolute; background-image: url(../../../img/bn_item6.png); background-repeat: no-repeat; background-position: center; background-size: contain; width: 10vw; height: auto; aspect-ratio: auto 1 / 1; left: 27%; bottom: 10%; z-index: 1;}
#main .bn_pc .item6{bottom: 0;left: 50%;transform: translateX(-50%);width: 80%;height: 100%;}
#main .bn_pc .item6 img{width: 37%; position: absolute; left: 49%; transform: translateX(-50%); z-index: 1; bottom: 10%;animation: zoom 3s ease forwards;animation-delay: 0.5s;opacity: 0;scale: 0.7;transform-origin: center left;}
#main .bn_pc .item6::after{content:"";position: absolute;bottom: 0; left: 50%;transform: translateX(-50%);width: 100%;height: 100%; background-image: url('../../../img/bn_item3.png');background-repeat: no-repeat;background-position:bottom center;background-size: 110% auto;}
@keyframes zoom {
    0% {
        opacity: 0;
        scale: 0.7;
    }
    100% {
        opacity: 1;
        scale: 1;
    }
}
@keyframes up_down {
    50% {
        top: 48%;
    }
}
@keyframes left_right {
    50% {
        left: 21%;
    }
}
@media screen and (max-width:1200px){
    #main .bn_pc{height:55vw;}
    #main .bn_pc .item3{width: 14vw;left: 24%;top: 25%;}
    #main .bn_pc .item4{top: 30%;}
}
@media screen and (max-width:1000px){
    #main .bn_pc{display: none;}
    #main .bn_mo{display: block;}
}
/* pc배너 끝 */


/* mo배너 시작 */
#main .bn_mo{background:#31E490;width: 100%;height: fit-content;overflow: hidden;}
#main .bn_mo .con{position: relative;top: 0;left: 0;padding-top: 60px;}
#main .bn_mo .con img{}
#main .bn_mo .con img:nth-child(1){width: 100%; padding-left: 3vw; max-width: 700px; margin: 0 auto;}
#main .bn_mo .con img:nth-child(2){width: 80%;max-width: 550px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; bottom: 10%;animation: zoom 3s ease forwards;animation-delay: 0.5s;opacity: 0;scale: 0.7;transform-origin: center left;}
/* mo배너 끝 */



/* why 시작 */
#main .why{}
#main .why .selction_title{position: relative;top: 0;left: 0;height: 450px;display: flex;align-items: center;justify-content: center;z-index: 1;}
#main .why .selction_title span{position: absolute; top: 17%; left: 38%; transform: translateX(-50%); color: #f0effa; font-family: var(--gmarket) !important; font-size: 120px; font-weight: bold; z-index: -1;}
#main .why .selction_title p{color: #000;font-family: var(--gmarket) !important;font-weight: bold;font-size: var(--font-72);text-align: center;}
#main .why .content{}
#main .why .content .md_pc{height: 28vw;position: relative;top: 0;left: 0;width:calc(100% - 40px);margin: 0 auto;z-index: 2;}
#main .why .content .md_pc .left{position: absolute; bottom: 0; left: 12%; background-repeat: no-repeat; background-position: left bottom; background-size: contain; background-image: url(../../../img/why_item1.png); height: 100%; width: 23%;}
#main .why .content .md_pc .center{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 40vw;height: 100%;}
#main .why .content .md_pc .center::before{content:"";position: absolute;top: 0;right: 0;width: 50%;height: 50%;background-repeat: no-repeat; background-position: center bottom; background-size: contain; background-image: url(../../../img/why_item4.png)}
#main .why .content .md_pc .center::after{content:"";position: absolute;top: 20%;left: 0;width: 50%;height: 50%;background-repeat: no-repeat; background-position: center bottom; background-size: contain; background-image: url(../../../img/why_item3.png)}
#main .why .content .md_pc .right{position: absolute;bottom: 0;right: 10%; background-repeat: no-repeat; background-position: right bottom; background-size: contain;; background-image: url(../../../img/why_item2.png); height: 100%; width: 31%;}
#main .why .content .md_mo{display: none;}
#main .why .content .bt{position: relative;top: -200px;left: 0;width: 100%;z-index: 1;padding: 250px 0 120px;}
#main .why .content .bt::after{content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; background-size: cover; background-image: url(../../../img/why_bg.png);z-index: -1;}
#main .why .content .bt>p{font-size: var(--font-50); color: #000; font-family: var(--gmarket) !important; line-height: 60px; text-align: center; width: calc(100% - 40px); margin: 0 auto 60px;word-break: keep-all;}
#main .why .content .bt>p.mo_text{display:none}
#main .why .content .bt>p span{ font-weight: bold; color: #fff; position: relative; top: 0; left: 0; padding: 0 10px; z-index: 1; width: fit-content;}
#main .why .content .bt>p span::after{content: ""; position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 100%; z-index: -1;}
#main .why .content .bt>span{color: #00331B;font-size: var(--font-30);line-height: 40px;text-align: center;width: calc(100% - 40px);margin: 0 auto;text-align: center;display: block;word-break: keep-all;}
#main .why .content .bt>span.mo_text{display:none}
#main .why .content .bt>span b{}
@media screen and (max-width:1200px){
    #main .why .selction_title{height: fit-content;padding-top: 150px;padding-bottom: 100px;}
    #main .why .selction_title span{font-size: 90px;top: 27%;}
    #main .why .content .md_pc{display: none;}
    #main .why .content .md_mo{display: block;margin: 0 auto;width: calc(100% - 40px);}
    #main .why .content .md_mo .people{width: 100%;display: flex;align-items: center;justify-content: space-between;}
    #main .why .content .md_mo .people img{width: calc(50% - 20px);display: block;}
    #main .why .content .bt{position: unset;padding: 100px 0;margin-top: 100px;background: #31E490;}
    #main .why .content .bt::after{display: none;}
}
@media screen and (max-width:900px){
    #main .why .selction_title span{font-size: 70px;left: 50%;top: 30%;}
    #main .why .content .md_mo .people{ display: block; width: 100%; max-width: 500px; margin: 0 auto;}
    #main .why .content .md_mo .people img{width: 100%;}
    #main .why .content .md_mo .people img:nth-child(1){margin-bottom: 100px;}
    #main .why .content .bt>p{line-height: 40px;margin-bottom: 30px;}
    #main .why .content .bt>span{line-height: 30px;}
}
@media screen and (max-width:800px){
    #main .why .content .md_mo{display: block;width: calc(100% - 40px);}
    #main .why .content .bt>span.pc_text{display:none}
    #main .why .content .bt>span.mo_text{display:block}
}
@media screen and (max-width:600px){
    #main .why .selction_title{padding-bottom: 50px;}
    #main .why .selction_title span{font-size: 60px;top: 38%;}
}
@media screen and (max-width:500px){
    #main .why .selction_title p{word-break: keep-all; line-height: 40px;}
    #main .why .selction_title span{font-size: 50px;top: 43%;}
    #main .why .content .bt>p{line-height: 30px;}
    #main .why .content .bt>span{line-height: 25px;}
}
@media screen and (max-width:400px){
    #main .why .content .bt>p.pc_text{display: none;}
    #main .why .content .bt>p.mo_text{display: block;line-height: 30px;}
}
/* why 끝 */


/* effect 시작 */
#main .effect{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto 200px;}
#main .effect .selction_title{position: relative;top: 0;left: 0;height: 350px;display: flex;align-items: center;justify-content: center;z-index: 1;}
#main .effect .selction_title span{position: absolute; top: -7%; left: 28%; transform: translateX(-50%); color: #f0effa; font-family: var(--gmarket) !important; font-size: 120px; font-weight: bold; z-index: -1;}
#main .effect .selction_title p{color: #000;font-family: var(--gmarket) !important;font-weight: bold;font-size: var(--font-72);line-height: var(--font-90); text-align: center;word-break: keep-all;}
#main .effect .selction_title p.mo_text{display: none;}
#main .effect ul{display: flex;justify-content: space-between;align-items: flex-start;}
#main .effect ul li{width: calc(33.333333% - 1vw);}
#main .effect ul li img{display: block;height: 12vw;margin: 0 auto 100px;}
#main .effect ul li:nth-child(2) img{animation: floatTube1 2s 0.2s linear infinite;}
#main .effect ul li:nth-child(1) img{animation: floatTube1 2s 0.5s linear infinite;}
#main .effect ul li:nth-child(3) img{animation: floatTube1 2s 0.8s linear infinite;}
@keyframes floatTube1 {
    0% {
        transform:translateY(0%);
    }
    50% {
        transform:translateY(12%);
    }
    100% {
        transform:translateY(0%);
    }
}
#main .effect ul li p{text-align: center;font-size: var(--font-44);color: #000;font-weight: bold;text-align: center;margin-bottom: 35px;}
#main .effect ul li span{font-size: var(--font-24);color: #676767;text-align: center;display: block;}
#main .effect ul li span.mo_text{display: none;}
@media screen and (max-width:1400px){
    #main .effect ul li img{margin: 0 auto 50px;}
}
@media screen and (max-width:1200px){
    #main .effect{margin: 0 auto 150px;}
    #main .effect .selction_title{height: fit-content;padding-top: 200px;padding-bottom: 100px;}
    #main .effect .selction_title span{font-size: 90px;top: 30%;}
}
@media screen and (max-width:1100px){
    #main .effect ul{flex-flow: row wrap;}
    #main .effect ul li{width: 100%;display: flex;align-items: center;margin-bottom: 50px;}
    #main .effect ul li img{margin: 0; height: auto; width: 15vw; margin-right: 50px;}
    #main .effect ul li p{text-align: left;margin-bottom: 20px;}
    #main .effect ul li span{text-align: left;}
    #main .effect ul li:nth-child(2){flex-flow: row-reverse;}
    #main .effect ul li:nth-child(2) img{margin-right: 0;margin-left: 50px;}
    #main .effect ul li:nth-child(2) p{text-align: right;}
    #main .effect ul li:nth-child(2) span{text-align: right;}
    #main .effect ul li:last-child{margin-bottom: 0;}
}
@media screen and (max-width:900px){
    #main .effect .selction_title p{line-height: 70px;}
    #main .effect .selction_title p.pc_text{display: none;}
    #main .effect .selction_title p.mo_text{display: block;}
    #main .effect .selction_title span{font-size: 70px;left: 50%;top: 34%;}
}
@media screen and (max-width:677px){
    #main .effect .selction_title{padding-top: 150px;}
    #main .effect .selction_title span{top: 20%;}
}
@media screen and (max-width:600px){
    #main .effect .selction_title{padding-bottom: 50px;}
    #main .effect .selction_title p{line-height: 60px;}
    #main .effect .selction_title span{font-size: 60px;top: 30%;}
    #main .effect ul li{flex-flow: column !important;}
    #main .effect ul li .text_wrap{width: 100%;}
    #main .effect ul li img{margin: 0 auto !important;width: 100px;}
    #main .effect ul li p{text-align: center !important;margin-bottom: 0px; margin-top: 20px;}
    #main .effect ul li span{text-align: center !important;}
}
@media screen and (max-width:564px){
    #main .effect .selction_title span{top: 25%;}
}
@media screen and (max-width:500px){
    #main .effect{margin: 0 auto 100px;}
    #main .effect .selction_title p{word-break: keep-all; line-height: 40px;}
    #main .effect .selction_title span{font-size: 50px;top: 37%;}
}
@media screen and (max-width:434px){
    #main .effect .selction_title span{top: 32%;}
}
/* effect 끝 */



/* black 시작 */
#main .black{width: 100%;background:#000;padding: 80px 0;position: relative;top: 0;left: 0;}
#main .black::after{content:""; position: absolute;top: -138px;left: 50%;transform: translateX(-50%); width: 0; height: 0; border-bottom: 70px solid #000; border-top: 70px solid transparent; border-left:  60px solid transparent; border-right: 60px solid transparent;}
#main .black .text_wrap{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;}
#main .black .text_wrap>p{color: #fff;font-size: var(--font-50);line-height: 60px;text-align: center;font-family: var(--gmarket) !important;}
#main .black .text_wrap>p.mo_text{display: none;}
#main .black .text_wrap>p span{font-weight: bold; color: #fff; position: relative; top: 0; left: 0; padding: 0 10px;margin-right: 10px; z-index: 1; width: fit-content;}
#main .black .text_wrap>p span::after{content: ""; position: absolute; top: 0; left: 0; background: #00CC65; width: 100%; height: 100%; z-index: -1;}
#main .black .text_wrap>span{display: block;margin-top: 30px;font-size: var(--font-30);color: #b7b7b7;text-align: center;}
@media screen and (max-width:900px){
    #main .black::after{top: -98px;border-bottom: 50px solid #000; border-top: 50px solid transparent; border-left:  40px solid transparent; border-right: 40px solid transparent;}
    #main .black .text_wrap>p{line-height: 40px;}
}
@media screen and (max-width:650px){
    #main .black .text_wrap>p{word-break: keep-all;}
    #main .black .text_wrap>p.pc_text{display: none;}
    #main .black .text_wrap>p.mo_text{display: block;}
}
@media screen and (max-width:600px){
    #main .black .text_wrap>p{font-size: 29px;}
}
@media screen and (max-width:500px){
    #main .black{padding: 40px 0;}
    #main .black::after{top: -58px;border-bottom: 30px solid #000; border-top: 30px solid transparent; border-left:  20px solid transparent; border-right: 20px solid transparent;}
    #main .black .text_wrap>p{line-height: 30px;font-size: var(--font-50);}
    #main .black .text_wrap>p.pc_text{display: block;}
    #main .black .text_wrap>p.mo_text{display: none;}
    #main .black .text_wrap>span{margin-top: 20px;}
}
@media screen and (max-width:361px){
    #main .black .text_wrap>p.pc_text{display: none;}
    #main .black .text_wrap>p.mo_text{display: block;}
}
/* black 끝 */


/* 후기 시작 */
#main .review{margin: 0 auto 0;background: linear-gradient(-45deg, #31E490 ,#43D1A1);position: relative;top: 0;left: 0;overflow: hidden;}
#main .review>.wrap{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;position: relative;top: 0;left: 0;height: 100vh;}
#main .review .content_title{width: calc(100% - 800px);margin-top: 90px;position: absolute;top: 0;left: 0;height: 100%;}
#main .review .content_title p{color: #fff;line-height: 90px;}
#main .review .content_title::before{content: ""; position: absolute; bottom: 15%; left: 40%; transform: translateX(-50%); height: auto; aspect-ratio: auto 1 / 1; width: 60%; background-image: url(../../../img/review_bg1.png); background-repeat: no-repeat; background-position: center; background-size: cover;}
#main .review>.wrap>.wrap{width: 750px;height: 100%; overflow: hidden;justify-content: space-between;display: flex;position: absolute;top: 0;right: 0;}
#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: 30px 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: 90px;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-30);line-height: var(--lh-30);display: block;margin: 50px 0 30px;}
#main .review>.wrap>.wrap ul li p.mo{display: none;}
#main .review>.wrap>.wrap ul li p{font-size: var(--font-24);color: #787878; word-break: keep-all;line-height: 35px;}

@media screen and (max-width:1600px){
    #main .review .content_title::before{left: 47%;}
    #main .review .content_title p.pc_text{display: none;}
    #main .review .content_title p.mo_text{display: block;}
}
@media screen and (max-width:1400px){
    #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;text-align: center;}
    #main .review .content_title::before{width: fit-content; height: 150px; right: unset; left: 50%; transform: translateX(-50%); bottom: 200px;}
    #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>.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: 20px; height: 120px; width: fit-content;}
    #main .review .content_title b{text-align: center;}
    #main .review .content_title p{line-height:70px;}
    #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;}
}
@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;}
    #main .review .content_title p{line-height: 50px;}
    @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 .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;}
    #main .review>.wrap>.wrap ul li .img img:nth-child(1){width: 20%;}
    @keyframes review_down {
        from { top: 0px; }
        to { top:-170%}
    }
}
/* 후기 끝 */


/* specific 시작 */
#main .specific{margin: 150px 0;}
#main .specific .selction_title{position: relative;top: 0;left: 0;height: 350px;display: flex;align-items: center;justify-content: center;z-index: 1;}
#main .specific .selction_title span{position: absolute; top: -7%; left: 28%; transform: translateX(-50%); color: #f0effa; font-family: var(--gmarket) !important; font-size: 120px; font-weight: bold; z-index: -1;}
#main .specific .selction_title p{color: #000;font-family: var(--gmarket) !important;font-weight: bold;font-size: var(--font-72);line-height: var(--font-90); text-align: center;word-break: keep-all;}
#main .specific .selction_title p.mo_text{display: none;}
#main .specific ul{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;display: flex;align-items: flex-start;justify-content: space-between;gap: 70px;background-image: url(/../../img/specific_bg3.png);background-repeat: no-repeat; background-position: center 40%; background-size: 80% auto;}
#main .specific ul li{width: calc(33.333333% - 35px);}
#main .specific ul li .circle_wrap{width: 100%;height: auto;aspect-ratio: auto 1 / 1;position: relative;top: 0;left: 0;z-index: 1;display: flex; align-items: center; justify-content: center;}
#main .specific ul li .circle_wrap::after{content:"";position: absolute;bottom: -30px;right: -50px;background-image: url(/../../img/specific_bg2.png);background-repeat: no-repeat; background-position: center top; background-size: 100% 100%;width: 100%;height: 100%;z-index: -2; opacity: 0.3;}
#main .specific ul li .circle_wrap>img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
#main .specific ul li:nth-child(2) .circle_wrap>img{transform: rotate(120deg);}
#main .specific ul li:nth-child(3) .circle_wrap>img{transform: rotate(240deg);}
#main .specific ul li .circle_wrap>.text_wrap{display: flex; align-items: center; justify-content: center; flex-flow: column; width: 80%; height: 80%;}
#main .specific ul li .circle_wrap>.text_wrap img{width: 50px;}
#main .specific ul li .circle_wrap>.text_wrap span{display: block;text-align: center;font-size: var(--font-30);margin-top: 40px; display: block; text-align: center; font-size: var(--font-30); margin-top: 40px; font-weight: 600; line-height: var(--lh-30);}
#main .specific ul li .circle_wrap>.text_wrap span.mo_text{display: none;}
#main .specific ul li>p{font-size: var(--font-24);color: #676767;text-align: center;margin-top: 50px;}
#main .specific ul li>p.mo_text{display: none;}
#main .specific>p{color: #000;font-size: var(--font-50);line-height: 60px;text-align: center;font-family: var(--gmarket) !important;margin-top: 100px;}
#main .specific>p span{color: #fff; position: relative; top: 0; left: 0; padding: 0 10px;margin-right: 10px; z-index: 1; width: fit-content;}
#main .specific>p span::after{content: ""; position: absolute; top: 0; left: 0; background: #00CC65; width: 100%; height: 100%; z-index: -1;}
#main .specific>p.mo_text{display: none;}

@media screen and (max-width:1500px){
    #main .specific ul{gap: 40px;}
    #main .specific ul li{width: calc(33.333333% - 20px);}
}
@media screen and (max-width:1200px){
    #main .specific .selction_title{height: fit-content;padding-top:50px;padding-bottom: 100px;}
    #main .specific .selction_title span{font-size: 90px;top: -8%;}
    #main .specific ul li .circle_wrap>.text_wrap span{margin-top: 20px;}
}
@media screen and (max-width:1010px){
    #main .specific ul{flex-flow:column;align-items: center;background-image: unset;gap: 100px;}
    #main .specific ul li{width: 90%;max-width: 350px;}
    #main .specific ul li>p{margin-top: 20px;}
}
@media screen and (max-width:900px){
    #main .specific .selction_title p{line-height: 70px;}
    #main .specific .selction_title p.pc_text{display: none;}
    #main .specific .selction_title p.mo_text{display: block;}
    #main .specific .selction_title span{font-size: 70px;left: 50%;top: 0%;}
    #main .specific>p{line-height: 40px;margin-top: 100px;}
}
@media screen and (max-width:800px){
    #main .specific{margin: 150px 0 100px;}
    #main .specific>p.mo_text{display: block;}
    #main .specific>p.pc_text{display: none;}
}

@media screen and (max-width:600px){
    #main .specific .selction_title{padding-bottom: 50px;}
    #main .specific .selction_title p{line-height: 60px;}
    #main .specific .selction_title span{font-size: 60px;top: -2%;}

}
@media screen and (max-width:500px){
    #main .specific .selction_title{padding-top: 30px;}
    #main .specific .selction_title p{word-break: keep-all; line-height: 40px;padding: 0 20px;}
    #main .specific .selction_title span{font-size: 50px;top: -11%;}
    #main .specific ul{gap: 50px;}
    #main .specific ul li{width: 250px}
    #main .specific ul li>p{line-height: 20px;}
    #main .specific ul li .circle_wrap>.text_wrap span{line-height: 25px;}
    #main .specific ul li .circle_wrap>.text_wrap img{width: 40px;}
    #main .specific>p{line-height: 30px}
}
@media screen and (max-width:367px){
    #main .specific .selction_title span{top: -10%;}
}
/* specific 끝 */


/* service */
#main .service{background:#F4F4F4;padding: 150px 0;}
#main .service .selction_title{position: relative; top: 0; left: 0; height: 350px; display: flex ; align-items: center; z-index: 1; width: calc(100% - 40px);margin: 0 auto;}
#main .service .selction_title span{position: absolute; top: -8%; left: 18vw; transform: translateX(-50%); color: #e6e5f0; font-family: var(--gmarket) !important; font-size: 120px; font-weight: bold; z-index: -1;}
#main .service .selction_title p{color: #000;font-family: var(--gmarket) !important;font-weight: bold;font-size: var(--font-72);line-height: var(--font-90); text-align: left;word-break: keep-all;padding-left: 10vw;}
#main .service .selction_title p.mo_text{display: none;}
#main .service ul{display: flex;align-items: center;justify-content: space-between;    display: flex;align-items: center;justify-content: space-between;width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;padding-right: 2%;}
#main .service ul li{width: 25%;height: auto;aspect-ratio: auto 1 / 1;position: relative;top: 0;left: 0;}
#main .service ul li::after{content: ""; position: absolute; top: 50%; left: 0;transform: translateY(-50%); width: 120%; height: 108%; background-repeat: no-repeat; background-position: left center; background-size: contain;}
#main .service ul li:nth-child(1){z-index: 4;}
#main .service ul li:nth-child(2){z-index: 3;}
#main .service ul li:nth-child(3){z-index: 2;}
#main .service ul li:nth-child(4){z-index: 1;}
#main .service ul li:nth-child(1)::after{background-image: url(/../../img/service_1.png);}
#main .service ul li:nth-child(2)::after{background-image: url(/../../img/service_2.png);}
#main .service ul li:nth-child(3)::after{background-image: url(/../../img/service_3.png);}
#main .service ul li:nth-child(4)::after{background-image: url(/../../img/service_4.png);}
#main .service ul li .text_wrap{position: absolute;top: 0;left: 4%;width: 100%;height: 100%;text-align: center;z-index: 5;display: flex; align-items: center; justify-content: center; flex-flow: column;padding: 20px 3vw;}
#main .service ul li .text_wrap p{font-size: var(--font-44);color: #fff;margin-bottom: 20px;line-height: var(--font-50);font-weight: bold; word-break: keep-all;}
#main .service ul li .text_wrap span{font-size: var(--font-24);color: #fff;}
#main .service>p{color: #000;font-size: var(--font-50);line-height: 60px;text-align: center;font-family: var(--gmarket) !important;margin-top: 100px;}
#main .service>p span{color: #fff; position: relative; top: 0; left: 0; padding: 0 10px;margin-right: 10px;margin-left: 10px; z-index: 1; width: fit-content;}
#main .service>p span::after{content: ""; position: absolute; top: 0; left: 0; background: #00CC65; width: 100%; height: 100%; z-index: -1;}
#main .service>p.mo_text{display: none;}

@media screen and (max-width:1500px){
    #main .service ul li .text_wrap p{font-size: var(--font-30); line-height: var(--lh-30);}
    #main .service ul li .text_wrap span{line-height: var(--font-30);}
}
@media screen and (max-width:1400px){
    #main .service .selction_title{justify-content: center;}
    #main .service .selction_title p{text-align: center;padding-left: 0;}
    #main .service .selction_title span{left: 30%;}
}
@media screen and (max-width:1300px){
    #main .service ul{flex-flow: column;justify-content: center;padding-right: 0;}
    #main .service ul li{width: 60%;max-width: 350px;margin-top: -30px;}
    #main .service ul li:nth-child(1){margin-top: 0;}
    #main .service ul li::after{transform: translate(-50%,-50%) rotate(90deg);left: 50%;}
    #main .service ul li .text_wrap{left: 50%;transform: translateX(-50%);}
}
@media screen and (max-width:1200px){
    #main .service .selction_title{height: fit-content;padding-top:50px;padding-bottom: 100px;}
    #main .service .selction_title span{font-size: 90px;top: -8%;}
}
@media screen and (max-width:900px){
    #main .service .selction_title p{line-height: 70px;}
    #main .service .selction_title p.pc_text{display: none;}
    #main .service .selction_title p.mo_text{display: block;}
    #main .service .selction_title span{font-size: 70px;left: 50%;top: 0%;}
    #main .service>p{line-height: 40px;margin-top: 100px;}
}
@media screen and (max-width:800px){
    #main .service{padding: 150px 0 100px;}
    #main .service>p.mo_text{display: block;}
    #main .service>p.pc_text{display: none;}
}
@media screen and (max-width:600px){
    #main .service .selction_title{padding-bottom: 50px;}
    #main .service .selction_title p{line-height: 60px;}
    #main .service .selction_title span{font-size: 60px;top: -2%;}
}
@media screen and (max-width:500px){
    #main .service .selction_title{padding-top: 30px;}
    #main .service .selction_title p{word-break: keep-all; line-height: 40px;padding: 0 20px;}
    #main .service .selction_title span{font-size: 50px;top: -11%;}
    #main .service ul li{width: 100%;max-width: 300px;}
    #main .service ul li .text_wrap p{line-height: 30px; font-size: 25px;}
    #main .service ul li .text_wrap span{font-size: 17px;line-height: 20px;}

    #main .service>p{line-height: 30px}
}
@media screen and (max-width:392px){
    #main .service .selction_title span{top: -10%;}
}
/* service */




/* 문의하기 시작 */
#main .inquiry{background: var(--white-blue);padding: 130px 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;filter: brightness(0) invert(1);}
#main .inquiry .content_title>p{text-align: center;margin-bottom: 20px;}
#main .inquiry form{width: calc(100% - 40px);max-width: var(--max-width);margin: 100px auto 0;padding: 90px 0;background: #FAFAFA;border-radius: 20px;}
#main .inquiry form>p{font-size: var(--font-44);color: #000;text-align: center;margin-bottom: 40px;font-weight: bold;}
#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 60px;}
#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),
#main .inquiry form ul li:nth-child(5),
#main .inquiry form ul li:nth-child(6){margin-top: 20px;}
#main .inquiry form ul li:nth-child(7){margin-top: 60px; width:100%;flex-flow: row wrap;}
#main .inquiry form ul li:nth-child(7) label{width: 100%;text-align: center;display: block;}
.w100 {width:91%;}
.frm_input { height: 200px;line-height: 48px;border: 1px solid #d9d9d9;padding: 0 20px;font-size: var(--font-20);color: #000;border-radius: 3px;transition: 0.3s;width: 100%;outline: none;resize: none;}
.frm_input:active,
.frm_input:focus{outline: none;border:1px solid var(--main-color);}
#main .inquiry form ul li label{width: 115px;font-family: var(--SBAggroL) !important; font-size: var(--font-24);display: flex;align-items: center;}
#main .inquiry form ul li label span{color: var(--main-color);padding: 10px 10px 4px 10px;}
#main .inquiry form ul li input{width: calc(100% - 115PX);height: 50px;line-height: 48px;border: 1px solid #d9d9d9;padding: 0 20px;font-size: var(--font-20);color: #00954a;border-radius: 3px;transition: 0.3s;}
#main .inquiry form ul li input::placeholder{color: #787878;}
#main .inquiry form ul li input:active,
#main .inquiry form ul li input:focus{outline: none;border:1px solid var(--main-color);}
#main .inquiry form ul li input[type='number']::-webkit-inner-spin-button { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
#main .inquiry form .agreeBox{position: relative;top: 0;left: 0;display: flex;justify-content: flex-end;align-items: center;width: calc(100% - 40px);max-width: 1200px;margin: 0 auto;}
#main .inquiry form .agreeBox input{position: absolute; top: 0; left: 0; pointer-events: none; opacity: 0;}
#main .inquiry form .agreeBox label{display: flex;align-items: center;cursor: pointer;padding: 0;margin: 0;height: fit-content;}
#main .inquiry form .agreeBox label span{position: relative;top: 0;left: 0;width: 15px;height: 15px;display: block;background: #ffffff85; border-radius: 3px;}
#main .inquiry form .agreeBox label b{color: #A0A0A0;font-size: var(--font-17);margin: 0 10px 0 10px;font-weight: normal;}
#main .inquiry form .agreeBox p{color:var(--main-color);cursor: pointer;font-size: var(--font-17);}
#main .inquiry form .agreeBox input[type="checkbox"]:checked + label span::after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--main-color); background-image: url(/../../img/check_icon.png); border-radius: 3px; background-repeat: no-repeat; background-size: 80%; background-position: center; width: 100%; height: 100%;}


#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 li{width: 100%;}
    #main .inquiry form ul li:nth-child(2){margin-top: 20px;}
}
@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;}
    .w100 {width:100%;}
}
/* 문의하기 끝 */