@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;
}


*{box-sizing: border-box;padding: 0;margin: 0;font-family:'Pretendard-Regular' !important; word-break: keep-all;}
.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;word-break: keep-all;}
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%;}
#nt_sidebar_move{display: none;}


:root {
    --font-popp:"Poppins", sans-serif;
    --font-sora:"Sora", serif;
    --font-70:70px;
    --lh-70:80px;
    --font-60:60px;
    --lh-60:70px;
    --font-50:50px;
    --lh-50:60px;
    --font-45:45px;
    --lh-45:55px;
    --font-40:40px;
    --lh-40:50px;
    --font-30:30px;
    --font-25:25px;
    --font-20:20px;
    --font-18:18px;
    --font-16:16px;
    --font-15:15px;
    --font-14:14px;
    --max-width:1400px;
    --main-color:#0035bce6;
}
@media screen and (max-width:1000px){
    :root {
        /* --font-70:70px; */
        /* --lh-70:80px; */
        --font-60:50px;
        --lh-60:60px;
        --font-50:40px;
        --lh-50:50px;
        --font-45:35px;
        --lh-45:45px;
        --font-40:30px;
        --lh-40:40px;
        --font-30:25px;
        --font-25:22px;
        --font-20:19px;
        --font-18:17px;
        --font-16:15px;
        --font-15:14px;
        --font-14:13px;
    }
}
@media screen and (max-width:800px){
    :root {
        /* --font-70:70px; */
        /* --lh-70:80px; */
        --font-60:40px;
        --lh-60:50px;
        --font-50:35px;
        --lh-50:45px;
        --font-45:30px;
        --lh-45:40px;
        --font-40:25px;
        --lh-40:35px;
        --font-30:22px;
        --font-25:20px;
        --font-20:18px;
        --font-18:16px;
        --font-16:14px;
        --font-15:13px;
        --font-14:12px;
    }
}
/* head 시작 */
#head{background: #fff;position: fixed;width: 100%;height: fit-content;top: 0;left: 0;z-index: 9;}
#head>.wrap{width: calc(100% - 40px);max-width: var(--max-width);display: flex;justify-content: space-between;align-items: center;margin: 0 auto;}
#head>.wrap>a{height: 85px;padding: 20px;}
#head>.wrap>a img{height: 100%;width: 173px;}
#head .menu_wrap{width: 100%;display: none;}
#head .menu_wrap .menu_list{display: flex;justify-content: flex-end;align-items: center;gap: 50px;}
#head .menu_wrap .menu_list li{font-family: var(--font-popp);font-size: var(--font-18);cursor: pointer;line-height: 85px;color: #444444;}
#head .menu_wrap .menu_list li.atv{font-weight: bold;color: #000;}
#nt_body{padding-top: 85px;}
@media screen and (max-width:1200px){
    #head>.wrap>a{height: 50px;padding: 20px 20px 0;}
    #head>.wrap>a img{height: 100%;width: 115px;}
    #head>.wrap{flex-flow: column;}
    #head .menu_wrap .menu_list{justify-content: center;}
    #head .menu_wrap .menu_list li{line-height: 60px;}
    #nt_body{padding-top: 110px;}
}
@media screen and (max-width:900px){
    #head>.wrap{width: 100%;max-width: unset;}
    #head .menu_wrap{overflow-x: auto;}
    #head .menu_wrap::-webkit-scrollbar {height: 5PX;border-radius: 5px;}
    #head .menu_wrap::-webkit-scrollbar-thumb {background-color: var(--main-color);border-radius: 5px;}
    #head .menu_wrap::-webkit-scrollbar-track {background-color: #eee;border-radius: 5px;}
    #head .menu_wrap .menu_list{gap: 30px;min-width: 800px;padding: 0 20px;}
}
/* head 끝 */





/* tail 시작 */
#footer{width: 100%;background: #3E3E41;padding: 50px 0;}
#footer .wrap{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
#footer .wrap>img{height: 100px;width: 86px;}
#footer .wrap .mid{width: calc(100% - 460px);}
#footer .wrap .mid ul{display: flex;align-items: center;flex-flow: row wrap;}
#footer .wrap .mid ul li{display: flex;align-items: center;color: #fff;}
#footer .wrap .mid ul li:first-child{margin-right: 50px;}
#footer .wrap .mid ul li:nth-child(2),
#footer .wrap .mid ul li:nth-child(3){padding-right: 20px;margin-right: 20px;position: relative;top: 0;left: 0;}
#footer .wrap .mid ul li:nth-child(2)::before,
#footer .wrap .mid ul li:nth-child(3)::before{content:"";width: 1px;height: 60%;position: absolute;top: 50%;right: 0;transform: translateY(-50%);background: #fff;}
#footer .wrap .mid ul li b{font-size: var(--font-16);display: block;margin-right: 5px;}
#footer .wrap .mid ul li p{font-size: var(--font-16);}
#footer .wrap .mid>span{color: #C3C3C3;font-size: var(--font-15);line-height:  var(--font-15);}
#footer .wrap .mid>span i{}
#footer .wrap .right{}
#footer .wrap .right a{font-size: var(--font-16);color: #C3C3C3;}
#footer .wrap .right a:last-child{color: #fff;margin-left: 40px;position: relative;top: 0;left: 0;}
#footer .wrap .right a:last-child::before{content:"";width: 1px;height: 70%;position: absolute;top: 50%;left: -20px;transform: translateY(-50%);background: #757575;pointer-events: none;cursor: auto;}
#to_top{width: 50px; height: 50px; position: fixed; right: 20px; bottom: 20px; /*bottom: 220px;*/cursor: pointer;border-radius: 3px;background: var(--main-color);}
#to_top i{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 30px !important;color: #fff; }

@media screen and (max-width:1300px){
    #footer .wrap .mid ul li:first-child{width: 100%;margin-right: 0;}
    #footer .wrap>img{height: 70px;width: 61px;}
    #footer .wrap .mid{width: calc(100% - 330px);}
}
@media screen and (max-width:1100px){
    #footer .wrap .mid ul li:nth-child(2),
    #footer .wrap .mid ul li:nth-child(3){padding-right: 10px;margin-right: 10px;}
}
@media screen and (max-width:1000px){
    #footer .wrap{flex-flow: column;}
    #footer .wrap .mid{width: 100%;margin: 50px 0 20px;}
    #footer .wrap .mid ul{justify-content: center;}
    #footer .wrap .mid ul li:first-child{display: none;}
    #footer .wrap .mid>span{width: 100%;text-align: center;display: block;}
}
@media screen and (max-width:600px){
    #footer .wrap .mid{margin: 30px 0 10px;}
    #footer .wrap .mid ul li{width: 100%;justify-content: center;}
    #footer .wrap .mid ul li:nth-child(2),
    #footer .wrap .mid ul li:nth-child(3){padding-right: 0px;margin-right: 0px;}
    #footer .wrap .mid ul li:nth-child(2)::before,
    #footer .wrap .mid ul li:nth-child(3)::before{display: none;}
    #footer .wrap .mid>span{margin-top: 10px;}
}
/* tail 끝 */





/* 메인 시작 */
#main{}
#main>div{}
.section_title{font-size: var(--font-60);  font-family: var(--font-sora) !important; display: block;text-align: center;}
#main #section1{}
#main #section1 .main_swiper{width: 100%;max-width: 1920px;height: calc(100vh - 85px)}
#main #section1 .main_swiper .swiper-wrapper{}
#main #section1 .main_swiper .swiper-wrapper .swiper-slide{}
#main #section1 .main_swiper .swiper-wrapper .swiper-slide .img{width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
#main #section1 .main_swiper .swiper-wrapper .swiper-slide .text{position: absolute;top: 20%;left: 50%;transform: translateX(-50%); width: calc(100% - 40px);max-width: var(--max-width);}
#main #section1 .main_swiper .swiper-wrapper .swiper-slide .text p{color: #fff;font-size: var(--font-40);line-height: var(--lh-40);opacity: 0; transform: translateY(100%);}
#main #section1 .main_swiper .swiper-wrapper .swiper-slide .text b{color: #fff;font-size: var(--font-60);line-height: var(--lh-60);display: block;opacity: 0; transform: translateY(100%);}
#main #section1 .main_swiper .swiper-wrapper .swiper-slide-active p{animation:text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both;}
#main #section1 .main_swiper .swiper-wrapper .swiper-slide-active b{animation:text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
@-webkit-keyframes text-active-animation {
    0% {
        opacity: 0;
        filter: Alpha(opacity = 0);
        transform: translateY(100%);
    }
    100% {
        opacity: 1.0;
        filter: Alpha(opacity = 100);
        transform: translateY(0);
    }
}
#main #section1 .main_swiper .pager_wrap{position: absolute; width: calc(100% - 40px); max-width: var(--max-width); left: 50%; transform: translateX(-50%); bottom: 30%; height: 35px; z-index: 1; display: flex; align-items: center; justify-content: flex-start;}
#main #section1 .main_swiper .pager_wrap .btn_pause{width: 35px;height: 35px;border: 3px solid #fff;border-radius: 50px;display: flex;align-items: center;justify-content: center;cursor: pointer;margin-right: 10px;}
#main #section1 .main_swiper .pager_wrap .btn_pause img{height: 10px;width: 10px;}
#main #section1 .main_swiper .pager_wrap .swiper-button-prev,
#main #section1 .main_swiper .pager_wrap .swiper-button-next{position: unset; transform: unset; color: #fff; opacity: 1;height: 100%;margin: 0; text-shadow: 0px 0px #FFFFFF, 0px 1px #ffffff, 1px 0px #FFFFFF, 0px 0px #ffffff;}
#main #section1 .main_swiper .pager_wrap .swiper-button-prev::after,
#main #section1 .main_swiper .pager_wrap .swiper-button-next::after{font-size: var(--font-16);}
#main #section1 .main_swiper .pager_wrap .swiper-pagination{position: unset; transform: unset;width: fit-content;font-size: var(--font-15);color: #ffffff50;}
#main #section1 .main_swiper .pager_wrap .swiper-pagination span{}
#main #section1 .main_swiper .pager_wrap .swiper-pagination span.swiper-pagination-current{color: #fff;}
#main #section1 .target{width: 100%;height: fit-content;padding: 120px 0;background-image: url('/../img/target_bg.png'); background-size: cover;background-repeat: no-repeat;background-position: center;}
#main #section1 .target .wrap{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;}
#main #section1 .target .wrap img{width: 90px; height: 86px;margin: 0 auto;}
#main #section1 .target .wrap b{margin: 0 auto 10px;color: #fff;}
#main #section1 .target .wrap p{font-size: var(--font-30);color: #fff;display: block;text-align: center;}
#main #section1 .target .wrap p strong{}
#main #section1 .target ul{width: calc(100% - 40px);max-width: 620px;height: 223px; margin: 100px auto 0;position: relative;top: 0;left: 0;}
#main #section1 .target ul li{position: absolute;top: 0;height: 100%; width: auto;aspect-ratio: auto 1 / 1;border-radius: 150px;display: flex;align-items: center;justify-content: center;flex-flow: column; border: 1px dashed #fff;}
#main #section1 .target ul li:nth-child(1){left: 0;z-index: 3;}
#main #section1 .target ul li:nth-child(2){left: 50%;transform: translateX(-50%);z-index: 2;}
#main #section1 .target ul li:nth-child(3){right: 0;z-index: 1;}
#main #section1 .target ul li b{font-size: var(--font-30);color: #fff;}
#main #section1 .target ul li p{font-size: var(--font-20);color: #fff;}
#main #section1 .target ul li.atv{background: var(--main-color);}
#main #section2{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto; padding: 120px 0;}
#main #section2>b{margin-bottom: 70px;}
#main #section2 ul{display: flex;justify-content: space-between;align-items: center;gap: 100px;}
#main #section2 ul li{width: 33.333333%;height: auto;aspect-ratio: auto 1 / 1;position: relative;top: 0;left: 0;transition: 0.5s;overflow: hidden;}
#main #section2 ul li:nth-child(2n - 1){margin-top: 60px;}
#main #section2 ul li>img{width: 100%;height: 100%;}
#main #section2 ul li .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: 0.5s;}
#main #section2 ul li .text img{position: absolute;top: 50px;right: 50px;width: 60px;height: 60px;opacity: 0;transition: 0.5s;}
#main #section2 ul li .text .bt{position: absolute;width: calc(100% - 100px);bottom: 50px;left: 50%;transform: translateX(-50%);}
#main #section2 ul li .text .bt b{color: #fff;display: block;font-size: var(--font-30);}
#main #section2 ul li .text .bt p{color: #fff;font-size: var(--font-20);opacity: 0;height: 0;}
#main #section2 ul li .text .bt p.mo{display: none;}
#main #section2 ul li .text .bt p.pc{}
#main #section2 ul li:hover{border-radius: 0 0 100px 0;}
#main #section2 ul li:hover .text{background: var(--main-color);}
#main #section2 ul li:hover .text img{opacity: 1;}
#main #section2 ul li:hover .text .bt p{height: fit-content;opacity: 1;margin-top: 20px;}
#main #section2>p{font-size: var(--font-40);font-weight: bold;display: block;text-align: center;}
#main #section2>span{font-size: var(--font-20);display: block;text-align: center;}
#main #section3{width: 100%;height: fit-content;padding: 120px 0;background-image: url('/../img/features_bg.png'); background-size: cover;background-repeat: no-repeat;background-position: center;}
#main #section3 .wrap{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;}
#main #section3 .wrap>b{color: #fff;}
#main #section3 .wrap span{margin: 50px auto;width: 1px;height: 50px;background: #fff;display: block;}
#main #section3 .wrap p{font-size: var(--font-40);color: #fff;display: block;text-align: center;}
#main #section4{padding: 120px 0;}
#main #section4>b{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto 50px;}
#main #section4 .portfolio_swiper{height: 25vw;width: 100%;max-width: 1920px;margin: 0 auto;padding-bottom: 50px;}
#main #section4 .portfolio_swiper .swiper-wrapper{}
#main #section4 .portfolio_swiper .swiper-wrapper .swiper-slide{scale: 0.8;transition: 0.5s;}
#main #section4 .portfolio_swiper .swiper-wrapper .swiper-slide-active{scale:1;}
#main #section4 .portfolio_swiper .swiper-wrapper .swiper-slide .img{width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
#main #section4 .portfolio_swiper .swiper-pagination{}
#main #section4 .portfolio_swiper .swiper-pagination span.swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background: #333333;position: relative;}
#main #section4 .portfolio_swiper .swiper-pagination span.swiper-pagination-bullet::after{content:""; width:8px;height:8px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;border-radius: 10px;}
#main #section4 .portfolio_swiper .swiper-pagination span.swiper-pagination-bullet-active::after{background: #333333;}
#main #section5{padding: 120px 0;}
#main #section5>.wrap{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;}
#main #section5>.wrap>b{margin-bottom: 40px;}
#main #section5>.wrap ul{width: 100%; display: flex; justify-content: center; align-items: center; flex-flow: row wrap;}
#main #section5>.wrap ul li{transition: 0.3s; width: 20%; height: auto; aspect-ratio: auto 1 / 1;display: flex;justify-content: center;align-items: center;overflow: hidden;}
#main #section5>.wrap ul li:hover {opacity: 0.6;}
#main #section5>.wrap ul li img{height: 100%; display: block;}
#main #section6{background: #FAFAFA;padding: 120px 0;}
#main #section6>.wrap{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;}
#main #section6>.wrap>b{margin-bottom: 40px;}
#main #section6>.wrap ul{display: flex;justify-content: space-between;align-items: center;gap: 60px;}
#main #section6>.wrap ul.top{margin-bottom: 60px;}
#main #section6>.wrap ul.bt{}
#main #section6>.wrap ul.mo{display: none;}
#main #section6>.wrap ul li{width: calc(25% - 30px); background: #fff; border-radius: 10px; border: 1px solid #eee;position: relative;top: 0;left: 0;padding: 45px 20px;}
#main #section6>.wrap ul li:after{content: ""; width: 16px; height: 16px; background-image: url(/../img/play_icon.png); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; filter: brightness(0.5);}
#main #section6>.wrap ul.top li:nth-child(1):after,
#main #section6>.wrap ul.top li:nth-child(2):after,
#main #section6>.wrap ul.top li:nth-child(3):after{top: 50%; right: -40px; transform: translateY(-50%);}
#main #section6>.wrap ul.top li:nth-child(4):after{bottom: -40px;left: 50%; transform: translateX(-50%) rotate(90deg)}
#main #section6>.wrap ul.bt li:nth-child(1):after{display: none;}
#main #section6>.wrap ul.bt li:nth-child(2):after,
#main #section6>.wrap ul.bt li:nth-child(3):after,
#main #section6>.wrap ul.bt li:nth-child(4):after{top: 50%; left: -40px; transform: translateY(-50%) rotate(180deg);}
#main #section6>.wrap ul li img{height: 75px; display: block; margin: 0 auto 25px;}
#main #section6>.wrap ul li span{  font-family: var(--font-sora) !important; font-size: var(--font-16);color: #0035BC;font-weight: bold;display: block;text-align: center;}
#main #section6>.wrap ul li b{font-size: var(--font-25);display: block;text-align: center;margin-bottom: 10px;}
#main #section6>.wrap ul li p{font-size: var(--font-18);line-height: 25px; color: #666666;display: block;text-align: center;}
#main #section6>.wrap ul li p.mo{display: none;}
#main #section7{padding: 120px 0;}
#main #section7>b{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto 50px;}
#main #section7>.wrap{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;display: flex;align-items: flex-start;justify-content: space-between;}
#main #section7>.wrap .left{padding-top: 50px;width: 49%;}
#main #section7>.wrap .left>b{font-size: var(--font-45);}
#main #section7>.wrap .left>p{font-size: var(--font-20);margin-bottom: 100px;}
#main #section7>.wrap .left .data{margin-bottom: 50px;}
#main #section7>.wrap .left .data p{font-size: var(--font-20);}
#main #section7>.wrap .left .data p strong{}
#main #section7>.wrap .left .map_wrap{display: flex;align-items: center;}
#main #section7>.wrap .left .map_wrap b{font-size: var(--font-20);margin-right: 20px;display: block;}
#main #section7>.wrap .left .map_wrap img{height: 40px;width: 40px;margin-left: 5px;border-radius: 3px;border: 1px solid #EBEBEB;cursor: pointer;}
#main #section7>.wrap .right{width: 50%;}
#main #section7>.wrap .right form{}
#main #section7>.wrap .right form ul{}
#main #section7>.wrap .right form>ul>li{display: flex;align-items: flex-start;justify-content: space-between;flex-flow: row wrap;margin-bottom: 10px;}
#main #section7>.wrap .right form>ul>li>label{font-size: var(--font-20);display: flex;align-items: center;width: 110px;line-height: 50px;margin: 0;}
#main #section7>.wrap .right form>ul>li>label span{color: #1A82E3;display: block;margin-left: 10px;}
#main #section7>.wrap .right form>ul>li:last-child label{line-height: 30px;}
#main #section7>.wrap .right form>ul>li>input,
#main #section7>.wrap .right form>ul>li>select,
#main #section7>.wrap .right form>ul>li>textarea{width: calc(100% - 120px);height: 50px;line-height: 50px;background: #F8F8F8;font-size: var(--font-18); padding: 0 10px;border-radius: 3px;border: unset;outline: unset;box-shadow: unset;}
#main #section7>.wrap .right form>ul>li>input[type='number']::-webkit-inner-spin-button { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
#main #section7>.wrap .right form>ul>li>select{color: #C6C6C6;}
#main #section7>.wrap .right form>ul>li>select.atv{color: #000;}
#main #section7>.wrap .right form>ul>li>textarea{height: 100px;padding: 10px 10px;line-height: unset;resize: none;}
#main #section7>.wrap .right form>ul>li>input::placeholder,
#main #section7>.wrap .right form>ul>li>textarea::placeholder{color: #C6C6C6;}
#main #section7>.wrap .right form>ul>li>div{width: calc(100% - 120px);}
#main #section7>.wrap .right form>ul>li>div .privacy_wrap{width: 100%; height: 140px; overflow-y: auto; background: #F8F8F8; padding: 20px; border-radius: 5px;}
#main #section7>.wrap .right form>ul>li>div .privacy_wrap #privacy>b{font-size: var(--font-16);}
#main #section7>.wrap .right form>ul>li>div .privacy_wrap #privacy>p{font-size: var(--font-15);}
#main #section7>.wrap .right form>ul>li>div .privacy_wrap #privacy .list_num li p{font-size: var(--font-15);}
#main #section7>.wrap .right form>ul>li>div .privacy_wrap #privacy .list_wrap li b{font-size: var(--font-15);}
#main #section7>.wrap .right form>ul>li>div .privacy_wrap #privacy .list_wrap li p.list_st{font-size: var(--font-15);}
#main #section7>.wrap .right form>ul>li>div .privacy_wrap #privacy .list_wrap li span.list_st{font-size: var(--font-15);padding-left: 43px;flex-flow: row wrap;}
#main #section7>.wrap .right form>ul>li>div .privacy_wrap #privacy .list_wrap li span.list_st b{width: 100%;}
#main #section7>.wrap .right form>ul>li>div .privacy_wrap #privacy .list_wrap li p.list_st::after{top: 8px;}
#main #section7>.wrap .right form>ul>li>div .privacy_wrap #privacy .list_wrap li span.list_st::after{top: 10px;width: 5px;}
#main #section7>.wrap .right form>ul>li>div .privacy_wrap #privacy .tel_list li{flex-flow: row wrap;}
#main #section7>.wrap .right form>ul>li>div .privacy_wrap #privacy .tel_list li span{font-size: var(--font-15);width: 100%;}
#main #section7>.wrap .right form>ul>li>div .privacy_wrap #privacy .tel_list li p{font-size: var(--font-15);}
#main #section7>.wrap .right form>ul>li>div label{font-size: var(--font-16);color: #333333;display: flex;align-items: center;width: fit-content;margin: 0;cursor: pointer;}
#main #section7>.wrap .right form>ul>li>div label input{width: 20px;height: 20px;margin-right: 10px;}
#main #section7>.wrap .right form>button{display: block; width: 180px;padding: 0;margin: 70px auto 0;height: 55px;line-height: 53px;text-align: center;font-size: var(--font-20);}



@media screen and (max-width:1400px){
    #main #section2 ul{gap: 50px;}
    #main #section2 ul li .text img{top: 20px;right: 20px;width: 50px;height: 50px;}
    #main #section2 ul li .text .bt{width: calc(100% - 40px);bottom: 20px;}
}
@media screen and (max-width:1200px){
    #main #section1 .main_swiper{width: 100%;max-width: 1920px;height: calc(100vh - 110px)}
    #main #section2 ul li .text .bt p.pc{display: none;}
    #main #section2 ul li .text .bt p.mo{display: block;}
    #main #section2 ul li:hover{border-radius: 0 0 50px 0;}
    #main #section5>.wrap ul li{width: 33.333333%;}
    #main #section6>.wrap ul{flex-flow: row wrap;gap: 30px;}
    #main #section6>.wrap ul.top{margin-bottom: 30px;}
    #main #section6>.wrap ul.mo{display: flex;}
    #main #section6>.wrap ul.pc{display: none;}
    #main #section6>.wrap ul li{width: calc(50% - 15px);}
    #main #section6>.wrap ul li:after{display: none;}
    #main #section7>.wrap{flex-flow: row wrap;}
    #main #section7>.wrap .left{padding-top: 0px;margin-bottom: 50px; width: 100%;}
    #main #section7>.wrap .left>b{display: block;text-align: center;}
    #main #section7>.wrap .left>p{display: block;text-align: center;margin-bottom: 20px;}
    #main #section7>.wrap .right{width: 100%;}
}
@media screen and (max-width:1000px){
    #main #section1 .main_swiper{height: 500px;}
    #main #section1 .main_swiper .swiper-wrapper .swiper-slide .text{top: 50%;transform: translate(-50%, -50%);}
    #main #section1 .main_swiper .swiper-wrapper .swiper-slide .text p,
    #main #section1 .main_swiper .swiper-wrapper .swiper-slide .text b{text-align: center;}
    #main #section1 .main_swiper .pager_wrap{justify-content: center;bottom: 10%;}
    #main #section1 .target ul{height: 180px;max-width: 500px;}
    #main #section2 ul{gap: 20px;}
    #main #section2 ul li{position: unset;height: fit-content;aspect-ratio:unset;border-radius: 0px 20px 0 20px !important;}
    #main #section2 ul li .text{position: unset;height: fit-content;background: var(--main-color);padding: 30px 20px;}
    #main #section2 ul li .text img{opacity: 1; position: unset; width: 40px; height: 40px; margin-bottom: 20px; margin-right: 0px; margin-left: auto; }
    #main #section2 ul li .text .bt{position: unset;transform: unset;text-align: center;width: 100%;}
    #main #section2 ul li .text .bt p{height: fit-content;opacity: 1;margin-top: 10px !important;}
    #main #section2>p{margin-top: 50px;}
    #main #section4 .portfolio_swiper{height: 38vw;}
}
@media screen and (max-width:800px){
    #main #section1 .target .wrap img{width: 70px; height: 67px;margin: 0 auto 30px;}
    #main #section1 .target ul{height: 150px;max-width: 420px;}
    #main #section2 ul{flex-flow: row wrap;}
    #main #section2 ul li{width: 100%;display: flex;justify-content: space-between;align-items: center;background: var(--main-color);}
    #main #section2 ul li:nth-child(2n - 1){margin-top: 0;}
    #main #section2 ul li>img{width: 50%;}
    #main #section2 ul li .text{width: 50%;background: unset !important;}
    #main #section2 ul li .text img{display: none;}
    #main #section5>.wrap ul li{width: 50%;}
}
@media screen and (max-width:600px){
    #main #section4 .portfolio_swiper{height: 52vw;}
}
@media screen and (max-width:500px){
    #main #section1 .main_swiper .swiper-wrapper .swiper-slide .text b{font-size: var(--font-40);line-height: var(--lh-40);}
    .section_title{font-size:var(--font-50)}
    #main #section1 .target ul{height: 500px; width: 100%; max-width: 200px;}
    #main #section1 .target ul li{width: 100%;height: auto;top: unset;left: 0;right: unset;}
    #main #section1 .target ul li:nth-child(1){top: 0;}
    #main #section1 .target ul li:nth-child(2){top: 50%;transform: translate(-50%, -50%);}
    #main #section1 .target ul li:nth-child(3){bottom: 0;}
    #main #section2 ul li{flex-flow: column;}
    #main #section2 ul li>img{width: 100%;}
    #main #section2 ul li .text{width: 100%;}
    #main #section2 ul li .text img{display: block;}
    #main #section2 ul li .text .bt{text-align: left;}
    #main #section2>span{font-size: var(--font-18);}
    #main #section3 .wrap span{height: 30px;margin: 20px auto;}
    #main #section3 .wrap p{font-size: var(--font-20);}
    #main #section6>.wrap ul{gap: 20px;}
    #main #section6>.wrap ul.top{margin-bottom: 20px;}
    #main #section6>.wrap ul li{width: 100%;}
    #main #section6>.wrap ul li img{height: 50px;}
    #main #section6>.wrap ul li p.pc{display: none;}
    #main #section6>.wrap ul li p.mo{display: block;}
    #main #section7>.wrap .right form>ul>li{margin-bottom: 20px;}
    #main #section7>.wrap .right form>ul>li>label{width: 100%;line-height: 30px;margin-bottom: 5px;}
    #main #section7>.wrap .right form>ul>li:last-child label{line-height: 30px;margin-bottom: 5px;}
    #main #section7>.wrap .right form>ul>li>input,
    #main #section7>.wrap .right form>ul>li>select,
    #main #section7>.wrap .right form>ul>li>textarea{width: 100%;}
    #main #section7>.wrap .right form>ul>li>div{width: 100%;}
    #main #section7>.wrap .right form>button{width: 100%;}
}
/* 메인 끝 */


/* 개인정보처리방침 */
#privacy_wrap{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto 200px;}
#privacy_wrap>b{margin-bottom: 50px;}
#privacy{}
#privacy>b{font-size: var(--font-20);display: block;margin-bottom: 20px;}
#privacy>p{font-size: var(--font-18);position: relative;top: 0;left: 0;padding-left: 10px;}
#privacy>p::after{content:"";position: absolute;top: 50%;left: 0px;width: 5px;height: 5px;background: #4e4e4e;border-radius: 10px;transform: translateY(-50%);}
#privacy .list_num{padding-left: 20px;margin-bottom: 100px;}
#privacy .list_num li{}
#privacy .list_num li p{font-size: var(--font-16);}
#privacy .list_wrap{}
#privacy .list_wrap li{margin-bottom: 20px;}
#privacy .list_wrap li b{font-size: var(--font-16);}
#privacy .list_wrap li p.list_st{font-size: var(--font-16);position: relative;top: 0;left: 0;padding-left: 30px;}
#privacy .list_wrap li p.list_st::after{content:"";position: absolute;top: 10px;left: 20px;width: 3px;height: 3px;background: #4e4e4e;border-radius: 10px;}
#privacy .list_wrap li p.list_st.last{}
#privacy .list_wrap li span.list_st{font-size: var(--font-16);position: relative;top: 0;left: 0;padding-left: 50px;color: #7f7f7f;display: flex;width: 100%;}
#privacy .list_wrap li span.list_st::after{content: ""; position: absolute; top: 12px; left: 35px; width: 7px; height: 0.5px; background: #7f7f7f;}
#privacy .list_wrap li span.list_st.last{}
#privacy .list_wrap li span b{font-weight: normal;margin-right: 5px;}
#privacy .tel_list{margin-top: 100px;}
#privacy .tel_list li{display: flex;align-items: center;}
#privacy .tel_list li span{font-size: var(--font-16);}
#privacy .tel_list li p{font-size: var(--font-16); color: #818181e6; margin-left: 10px;}
#privacy>p:last-child{margin-top: 50px;}
@media screen and (max-width:600px){
    #privacy .list_wrap li p.list_st::after{top: 8px;}
    #privacy .list_wrap li span.list_st{padding-left: 43px;flex-flow: row wrap;}
    #privacy .list_wrap li span.list_st::after{top: 10px;width: 5px;}
    #privacy .list_wrap li span b{width: 100%;}
}

/* 개인정보처리방침 */