/*//*/
*{box-sizing:border-box}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,button,input,textarea,p,select,blockquote,th,td,img,a{margin:0;padding:0;font-weight:400;color:#333;font-family: 'Noto Sans KR', sans-serif;;word-break: keep-all;word-wrap: break-word;font-size: 1em;line-height: 160%;letter-spacing: -0.02em}
html,body{font-size:16px;width:100%;height: 100%;overscroll-behavior: contain}
body.active{overflow-y: hidden}
body.loadingActive{overflow-y: hidden}
li{list-style:none}
a{text-decoration:none;color:rgba(0,0,0,0.8)}
a:hover{text-decoration:none}
a:active{text-decoration:none}
table{width:100%;border-collapse:collapse;border-spacing:0}
img{display:block;border:0}
button{background:transparent;border:0;cursor:pointer;outline:0}
input,select,textarea{border:1px solid #aaa;-webkit-appearance: none;border-radius: 0}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}
input[type="password"]{font-family: sans-serif}
input::placeholder{color:#999;font-weight:400}
textarea::placeholder{color:rgba(0,0,0,0.4);font-weight:400}
input,textarea:focus{outline: none}
select{-moz-appearance:none;-webkit-appearance:none;appearance:none}
select::-ms-expand{display:none}
textarea{-ms-overflow-style:none;scrollbar-width:none}
textarea::-webkit-scrollbar{display:none}
input[type="radio"],input[type="checkbox"]{display: none}
input.disabled{cursor: auto;opacity: 1;color:#797979;border:1px solid #4a4a4a}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{-webkit-text-fill-color: rgba(0,0,0,0.8);-webkit-box-shadow: 0 0 0 1000px white inset;box-shadow: 0 0 0 1000px white inset}
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active{-webkit-text-fill-color: rgba(0,0,0,0.8);-webkit-box-shadow: 0 0 0 1000px white inset;box-shadow: 0 0 0 1000px white inset}

@keyframes ani {
    0% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-20px);
    }

    100% {
      transform: translateY(0);
    }
}

/*basic*/
.wra{width:100%}
.container{padding: 0;position: relative;z-index: 2}
.pageBtn{border-radius: 10px;display: flex;align-items: center;justify-content: center;width: 100%;height: 50px;background: #F87A1C;font-weight: 500;font-size: 14px;color: #fff;border: 1px solid #F87A1C}
.landingPage{overflow: hidden}

svg{display: block}

.pageItem_main .img_0{transform: translateY(30px);opacity: 0;transition: transform 0.3s, opacity 0.3s}
.pageItem_main .img_1{transform: translate(-40px,-30px);opacity: 0;transition: transform 0.3s 0.1s, opacity 0.3s 0.1s}
.pageItem_main .img_2{transform: translate(50px,0);opacity: 0;transition: transform 0.3s 0.15s, opacity 0.3s 0.15s}
.pageItem_main .img_3{transform: translate(-40px,50px);opacity: 0;transition: transform 0.3s 0.2s, opacity 0.3s 0.2s}
.pageItem_main .img_4{transform: translate(-60px,10px);opacity: 0;transition: transform 0.3s 0.25s, opacity 0.3s 0.25s}
.pageItem_main.active .img_0,.pageItem_main.active .img_1,.pageItem_main.active .img_2,.pageItem_main.active .img_3,.pageItem_main.active .img_4{transform: translate(0,0);opacity: 1}

.pageItem_main_2 .imgBox{animation: ani 6s infinite cubic-bezier(0.47, 0.93, 0.74, 1)}

.pageItem_main{background: #FF9E55}
.pageItem_main_section{max-width: 1200px;margin: 0 auto;padding: 7.500em 20px;display: flex;align-items: center;justify-content: space-between}
.pageItemSection{width: 29.375em;min-width: 29.375em}
.pageItemSection + .pageItem_imgSection{padding: 0 0 0 30px}
.pageItem_title{font-size: 2.500em;font-weight: 700}
.pageItem_mainText{margin: 15px 0 0;font-size: 1.25em;color: #5E5E5E}
.pageItem_imgSection{width: calc(100% - 29.375em);position: relative}
.pageItem_imgSection img{width:100%}
.snsBox{display: flex;align-items: center;justify-content: space-between;width: 100%;margin: 2.250em 0 0}
.btn_snsLink{background: #fff;border-radius: 16px;width: calc(50% - 5px);display: flex;align-items: center;justify-content: center;height: 4.375em}
.btn_snsLink + .btn_snsLink{margin: 0 0 0 10px}

.pageItem_main_2_section{max-width: 1200px;margin: 0 auto;padding: 7.500em 20px;display: flex;align-items: center;justify-content: space-between}
.text_caption_0{max-width:24.813em;position: absolute;left: 265px;top: 0;z-index: 1}
.pageItem_main_2_section .pageItem_imgSection{width: 28.438em}
.pageItem_imgSection svg{width: 100%;height: auto}
.pageItem_imgSection + .pageItemSection{margin: 0 0 0 11.75em}

.pageItem_slideSection{padding: 6.25em 20px;background: #FBFBFB}
.pageItem_slideSection .centerTitleBox{max-width: 736px;margin: 0 auto}
.centerTitleBox .pageItem_mainText{text-align: center}
.pageItem_slideArea{max-width: 1600px;margin: 3.125em auto 0;background: #FFFFFF;border: 1px solid #E7E7E7;border-radius: 100px;overflow: hidden}
.slideTextBox{padding: 0 20px 0 0;max-width: 26.875em}
.slideCaption{color: #F87A1C;font-size: 1.5em;background: rgba(248, 122, 28, 0.15);border-radius: 20px;padding: 7px 15px;font-weight: 700;display: inline-block}
.slideTitle{font-size: 2.125em;font-weight: 500;margin: 10px 0 0}
.pageItem_imgSlideItem img{max-width: 15.625em}        
.pageItem_imgSlideItem{display: flex;align-items: center;justify-content: space-between;max-width: 51.500em;margin: 0 auto;padding: 5.625em 0}
.pageItem_slide{position: relative}
.pageItem_slide_next{background: transparent;width: 16px;height: auto;right: 3.438em;margin: 0;transform: translateY(-50%)}
.pageItem_slide_prev{background: transparent;width: 16px;height: auto;left: 3.438em;margin: 0;transform: translateY(-50%)}
.pageItem_slide_pagination{display: none}

.pageItem_about{background: rgba(255, 152, 57, 0.45);padding: 7.5em 0 0}
.pageItem_about_section{max-width: 768px;margin: 0 auto;padding: 0 20px}
.pageItem_about .img_3{transform: translateY(20px);opacity: 0;transition: transform 0.3s, opacity 0.3s}
.pageItem_about .img_0{transform: translate(-20px,-20px);opacity: 0;transition: transform 0.3s 0.2s, opacity 0.3s 0.2s}
.pageItem_about .img_1{transform: translate(30px,30px);opacity: 0;transition: transform 0.3s 0.1s, opacity 0.3s 0.1s}
.pageItem_about .img_2{transform: translate(-40px,40px);opacity: 0;transition: transform 0.3s 0.15s, opacity 0.3s 0.15s}
.pageItem_about.active .img_0,.pageItem_about.active .img_1,.pageItem_about.active .img_2,.pageItem_about.active .img_3{transform: translate(0,0);opacity: 1}
.centerTitleBox .titleCaption{width: 100%;max-width: 38.375em;margin: 0 auto}
.centerTitleBox .pageItem_title{text-align: center}
.titleCaption + .pageItem_title{margin: 20px 0 0}
.centerTitleBox + .pageItem_imgSection{width: auto}

.pageItem_link{height: 35em;display: flex;align-items: center;justify-content: center;flex-direction: column;background: url(/assets/images/bg_cover.png), url(/assets/images/banner.png) no-repeat center;background-size: cover;padding: 0 20px}
.pageItem_title.w_color{color: #fff}
.pageItem_link .snsBox{max-width: 25.125em}

.footer{padding: 3.750em 20px;background: #f6f6f6}
.footer_title{font-size: 1.25em;font-weight: 700;color: #616161}
.footerSlideItem{background-color: rgba(231, 231, 231, 0.6);height: auto !important}
.footerSlide{max-width: 1440px;margin: 0 auto}
.footerSlide_text{line-height: 2.5;margin: 1em 0;color: rgba(0,0,0,0.4);font-size: 0.875em}
.footerSlide_text b{margin: 0 4px 0 0}
.footerSubCaption{color: rgba(0,0,0,0.4);font-size: 0.750em}

.landingPage_header{position: fixed;height: 5.625em;top: 0;left: 0;width: 100%;z-index: 1000;background: #fff;display: none}
.landingPage_header.active{display: block}
.landingPage_header_logo{width: 8.875em}
.landingPage_header_logo img{width:100%}
.landingPage_header_section{max-width: 1200px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;height: 100%;padding: 0 20px}

.m_bottom_btnBox{display:none;position: fixed;bottom: 0;left: 0;width: 100%;justify-content: space-between;padding: 10px 20px;z-index: 8999;background-color: #fff}
.m_bottom_btnBox .btn_snsLink{border: 1px solid #333}
.m_bottom_btnBox .btn_snsLink + .btn_snsLink{margin: 0 0 0 10px;}

/*반응형*/
@media (max-width:1800px){

}
@media (max-width:1680px){
	
}
@media (max-width:1600px){
    html, body{font-size:15px}
}
@media (max-width:1440px){
    html, body{font-size:14px}
}
@media (max-width:1366px){
    html, body{font-size:13px}
}
@media (max-width:1280px){
    html, body{font-size:12px}
}
@media (max-width:1152px){
    html, body{font-size:11px}
}
@media (max-width:1024px){
    html, body{font-size:13px}
}
@media (max-width:960px){
    .landingPage_header{height: 54px}
    .landingPage_header_logo{width: 97px}

    .pageItem_main_section{padding: 46px 20px 0;display: block}
    .pageItemSection{width: 100%;min-width: 0}
    .pageItemSection .snsBox{display: none}
    .pageItem_imgSection{padding: 0;margin: 20px 0 0;width: 150vw;transform: translateX(-16%)}

    .pageItem_main .img_1{transform: translate(-140px,-60px)}
    .pageItem_main.active .img_1{transform: translate(-90px,-10px)}
    .pageItem_main .img_2{transform: translate(120px,0)}
    .pageItem_main.active .img_2{transform: translate(60px,0)}
    .pageItem_main .img_3{transform: translate(-150px,100px)}
    .pageItem_main.active .img_3{transform: translate(-100px,60px)}

    .pageItem_title{font-size: 28px}

    .pageItem_main_2_section{padding: 100px 20px 60px;display: block;width: 100%}
    .pageItem_main_2_section .pageItem_imgSection{width: 100%;transform: translateX(0);margin: 0}
    .text_caption_0{left: 0;transform: translateY(-50%)}
    .pageItem_imgSection + .pageItemSection{margin: 20px 0 0}
    .pageItem_slideSection{padding: 60px 20px}
    .centerTitleBox + .pageItem_imgSection{transform: translateX(0)}
    .pageItem_slideArea{border: 0;border-radius: 0;width: 100%;background: transparent}
    .pageItem_imgSlideItem{display: flex;flex-direction: column-reverse;padding: 0}
    .slideTextBox{margin: 30px 0 0;width: 100%;text-align: center;padding: 0}
    .slideCaption{font-size: 15px}
    .slideTitle{font-size: 22px}
    .pageItem_slide_next,.pageItem_slide_prev{display: none}

    .pageItem_slide_pagination{display: block}
    .swiper-container-horizontal > .swiper-pagination-bullets{height: auto;position: static;margin: 10px 0 0}
    .swiper-pagination-bullet-active{background: #2BBFA6 !important}
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{background: #D8D8D8;opacity: 1;width: 6px;height: 6px}

    .pageItem_about{padding: 60px 0 0}
    .pageItem_link{height: 450px}
    .pageItem_link .snsBox{max-width: 460px}
}
@media (max-width: 720px){
    .m_bottom_btnBox{display: flex}
    .footer{padding: 24px 20px 94px}
    .footer_title{font-size: 14px}
    .footerSlide_text{margin: 10px 0;font-size: 11px}
}
@media (max-width: 650px){

}
@media (max-width: 550px){
    .pageItem_link .snsBox{display: block}
    .btn_snsLink{width: 100%;height: 50px}
    .btn_snsLink + .btn_snsLink{margin: 10px 0 0}
}
@media (max-width: 490px){

}
@media (max-width: 400px){
}
@media (max-width: 340px){

}