0@charset "utf-8";

/* Layout */
/* CSS스타일시트상에 적용방법 아래 두가지중 하나를 선택하여 사용하면 됩니다.  */

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* 위처럼 적용시 body에 속해 있는 모든 폰트가 나눔스퀘어로 적용됨을 알수 있습니다.*/
body,
html {
    width: 100%;
    height: 100%;
    margin:0;
    background:#fff;
}
body{
    max-width:1920px;
    margin:0 auto;
    padding-top:90px;
}
body,
select,
button,
table {
    font-family: 'Pretendard-Regular';
    font-size: 15px;
    -webkit-font-smoothing: antialiased
}

.wrap-section:after{
    content:"";
    display:block;
    clear:both;
}

img,
fieldset,
button {
    border: 0
}

ul,
ol {
    list-style: none
}

em,
address {
    font-style: normal
}

a {
    text-decoration: none
}

a:hover,
a:active,
a:focus {
    text-decoration: none
}

.blind {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0
}

.edge {
    position: absolute;
    top: 12px;
    right: 4px;
    width: 0;
    height: 0;
    border-width: 0 8px 8px;
    border-style: solid;
    border-color: transparent transparent #333
}

.clear {
    clear: both
}
.sub-header .m-header.in-header h1{
    padding:15px 0;
}
/* Skip to content */
.skip {
    margin: 0
}
.skip>a {
    display: block;
    overflow: hidden;
    height: 0;
    line-height: 28px;
    text-align: center
}

.skip>a:focus {
    height: auto
}

/* 작업용 */
section{
    position:relative;
}
.target-span{
    position:absolute;
    height:90px;
    width:1px;
    display:block;
    top:-90px;
}
.wrap-section {
    max-width: 1920px;
 
    margin: 0 auto;
}
.m_wrap-section{
    
}
.xe_width{
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.root-width {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    background: transparent;
    z-index: 999;
    background: #0a0a0a;
   
}
header.quick_header{
    background: #0a0a0a;
    -moz-box-shadow: 0px 3px 6px rgb(0 0 0 / 7%);;
    -webkit-box-shadow:0px 3px 6px rgb(0 0 0 / 7%);;
    box-shadow:0px 3px 6px rgb(0 0 0 / 7%);;
}
.m-header{
    position:absolute;
}
.m-header.quick_header{
    position:fixed;
    top:-107px;
}
.in-header {
    position: relative;
    padding-left: 240px;
}

.in-header h1 {
    position: absolute;
    left: 0;
    top: 50%;
    width:174px;
    margin:0;
    margin-top: -26px;
}
.quick_header .in-header h1{
    background:none;
}
.m-header.in-header{
    padding:0;
}
.m-header.in-header h1 {
    position:relative;
    width:100%;
    text-align:center;
    top:0;
    padding-top:60px;
    margin:0;
}
.in-header h1 img {
    vertical-align: middle;
    width:100%;
    
}

nav ul {
    display: flex;
    justify-content: flex-end;
    margin:1px 0 0;
}
.m-header nav ul {
    width: 100%;
    justify-content: space-around;
}
nav ul li {
    text-align: right;
    padding: 0 0 0 40px;
}

nav ul li a {
    line-height: 25px;
    font-family: 'Pretendard-Regular';
    color: #fff; 
    font-size: 22px;
    padding: 30px 0px 35px;
    display: block;
    font-weight:600;
}
.ec nav ul li a,
header.quick_header nav ul li a{
    color: #38322c;
}


.m-header nav ul{
    display:flex;
}
.m-header nav ul li{
    padding:0;
}
.m-header nav ul li a{
    padding: 32px 0 28px;
}

img{
    max-width:100%;
}
.box-section {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.box-section1 {
    padding-top: 46.875%;
    background-color:#fbf9f7;
    background-image: url("img/section1.webp");
    background-position: 50% top;
}
.section1-top{ 
    top:54%; 
    width: 100%;
    text-align: center;
    position: absolute;
}
.section1-top img{
    max-width:25%;
}
.title-section1{
    padding-bottom:30px;
}

.section1_center{
    position: absolute;
    top: 10%;
    overflow: hidden;
    left: 0%;
    width:100%;
    padding-top:20px;
    
}
.section1_center img{
    width:105.8%;
    position: relative;
    left: -2.9%;
    animation: rotate 60s linear infinite;  /* rotateY → rotate로 변경 */
}

@keyframes rotate {  /* rotateY → rotate로 변경 */
    from {
        transform: rotate(0deg);  /* rotateY → rotate로 변경 */
    }
    to {
        transform: rotate(360deg);  /* rotateY → rotate로 변경 */
    }
}
/* section2 */

.box-section2 {
    padding-top: 260px;
    padding-bottom: 310px;
    background-image: url("img/section2.webp");
    text-align: center;
    background-size: 100%;
    overflow: visible;
    height:auto;
    background-position: 50% 50%;
}
.title-section2C{
    height:340px; 
}

.box-section2 {
    padding-top: 260px;
    padding-bottom: 310px;
    background-image: url("img/section2.webp");
    text-align: center;
    background-size: cover;
    overflow: visible;
    height:auto;
    background-position: 50% 50%;
}

.section2_ul{
    max-width: 1120px !important;
    margin: 0 auto;
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    text-align: left;
}
.section2_ul li{
    width:50%;
    box-sizing: border-box;
}
.section2_ul li:nth-child(2n){
    text-align: right;
}
.section2_ul li:nth-child(1){
    padding-left:50px;
}
.section2_ul li:nth-child(2){
    padding-top:80px;
}
.section2_ul li:nth-child(3){
    margin-top: -10px;
    margin-left: 250px;
}
/* section3 */
.box-section3 {
    padding-bottom: 140px;
    height:858px;
    background-size: cover;
    box-sizing: border-box;
    background-position: 50% 50%;
    background-image: url("img/section3.webp");
}
.title-section3{  
    padding-top:656px;
    text-align: center;
    position: relative;
    width:100%;
}
.title-section3 img{
    animation: strongBlink 1s ease-in-out infinite;
    max-width:80%;
}

@keyframes strongBlink {
    0%, 70% {
        opacity: 1;
    }
    71%, 100% {
        opacity: 0;
    }
}

/* section4 */
.box-section4 {
    padding-top:1230px;
    height:1944px;
    box-sizing: border-box;
    background-image: url("img/section4.webp");
    padding-bottom:70px;
    background-position: 50% 50%;
}

.section4-top{
    position: absolute;
    top: 300px;
    width: 100%; 
}

.section4-top ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0;
    gap: 18px;
}
.section4-top ul img{
    vertical-align: middle;
    max-width:100%;
}
.youtube-section4{
   max-width: 1042px;
   margin:0 auto;
}

.youtube-iframe{
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden;
}
.youtube-iframe iframe{
    position: absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%;
}
.youtube-section4-img{
    position: absolute;
    top:130px;
    width:100%;
    text-align: center;
}
.youtube-section4-img img{
    max-width:100%;
}

/* section5 */
.box-section5 {
    padding-top:360px;
    height:1157px;
    box-sizing: border-box;
    background-image: url("img/section5.webp");
    background-position:50% 50%;
    background-color:#f7f1e3;
    padding-bottom:100px;
}

.section5-w1{
    position: absolute;
    left:-6%;
    top:-15%;
    height:643px;
    width:642px;
    max-width:30%;
    animation-name: animation21;
    animation-duration: 2.2s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.section5-w1 img{
    max-width:100%;
}
@keyframes handle-rotate {
    0%   { transform: translateY(-50%) rotate(-2deg); }
    20%  { transform: translateY(-52%) rotate(-1deg); }
    40%  { transform: translateY(-49%) rotate(0deg); }
    60%  { transform: translateY(-50%) rotate(1deg); }
    80%  { transform: translateY(-51%) rotate(0deg); }
    100% { transform: translateY(-50%) rotate(-2deg); }
}


@keyframes animation21 {
    0%   {top: -15%;}
    50%  {top: -13%; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}
    100% {top: -15%;}
}
.youtube-section5{
    max-width:890px;
    margin:0 auto;
}
/* section6 */
.box-section6 {
    padding-top:320px;

    height:1074px;
    box-sizing: border-box;
    background-image: url("img/section6.webp");
    background-position:50% top;
    background-color:#f3f3f3;
}
.wrap-slide0{ 
   display:flex;
    text-align: center;
    justify-content: space-between;
    max-width:1300px;
}

/* section7 */
.box-section7 {
    padding-top:1090px;
    padding-bottom:160px;
    height:1888px;
    box-sizing: border-box;
    background-image: url("img/section7.webp");
    background-position:50% top;
    background-color:#f3f3f3;
}
.title-section7{ 
    top:150px; 
    text-align: center;
}
.box-section7 .xe_width{
    text-align: center;
}
.title-section7-bottom{
    background: #fff;
    display:inline-block;
    margin:15px 0;
    opacity: 1 !important;
    position: relative;
}



.section7-w1{
    position: absolute;
    right:-7%;
    top:-7%;
    height:550px;
    width:550px;
    max-width:30vw;
    max-height: 30vw;
    animation-name: animation23;
    animation-duration: 2.2s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.section7-w1 img{
    max-height: 100%;
}
@keyframes animation23 {
    0%   {top: -7%;}
    50%  {top: -5%; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}
    100% {top: -7%;}
}
.title-section7 img{
    max-width:80%;
}
/* section8 */
.box-section8 {
    padding:230px 0 0px;
    height:1800px;
    background-image: url("img/section8.webp");
    background-position:50% top;
    background-color:#362516;
    box-sizing: border-box;
    background-size: cover;
}
.youtube-section8{ 
    max-width:1300px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.iframe-section8-right{
    margin-right:70px;
    position: relative;
}
.section8_top2 {
    animation: strongBlink 1s ease-in-out infinite;
    position: absolute;
    top: 60px;
    text-align: center;
    width: 100%;
    text-align: center;
    
}
.iframe-section8{
    width:695px;
    max-width:53.47%;
}

/* section9 */
.box-section9 {
    padding-top:2397px;
    background-image: url("img/section9.webp");
    background-position:50% top;
    background-color:#f3f3f3;
    box-sizing: border-box;
    background-size: cover;
    height:0;
}

/* section10 */
.box-section10 {
    padding-top:390px;
    background-image: url("img/section10.webp");
    height:auto;
    background-position:50% top;
}
.title-section10{ 
   text-align: center;
   position: relative;
   padding-top:90px;
}
.wrap-tab{
    padding: 0px 0 35px 0;
 }
 .wrap-tab ul{
     display:flex;
     max-width:815px;
     margin:0 auto;
     justify-content: center;
     padding:0;
 }
 .wrap-tab ul li{
     text-align: center;
    margin:10px;
 }
 .wrap-tab ul li a{
     font-size:22px;
     font-weight:bold;
     line-height: 27px;
     width:150px;
     height:27px;
     padding: 14px 0 19px 0;
     border-radius: 10px;
     background:#543b18;
     color:#fff;
     display:inline-block;
     
 }
 .wrap-tab ul li a img{
    vertical-align: middle;
 }
 .wrap-tab ul li.on a{
    background: #ab762c;
 }
 .tab-box{
    position:absolute;
    left:-99999px;
     max-width:1048px;
     margin:0 auto;
     overflow: hidden;
     text-align: center;
     font-weight:800;
     line-height: 20px;
     padding-bottom:100px;
 }
 .wrapTab_on {
    display: block;
    position: relative;
    left: 0;
}
 .tab-box h3{
     margin-bottom:30px;
 }
 .tab-box h4{
     font-size:25px;
 }
 .grid-box {display: flex;flex-wrap: wrap;width: 100%; padding:0 130px;box-sizing: border-box;font-size:19px;color:#282828;}
 .grid-box .box-line {width:33.333%;padding:0px;padding-bottom:30px;box-sizing: border-box;text-align: center;}
 .grid-box .box-line .box-image img {max-width:100%;}
 .grid-box span{
    display:block;
 }
.grid-box-bg{
    background-position: 50% 30px;
    background-size: 100%;
    background-repeat: no-repeat;
}
.grid-box1{
    background-image: url("img/grid-box1.png");
}
.grid-box2{
    background-image: url("img/grid-box2.png");
}
.grid-box3{
    background-image: url("img/grid-box3.png");
}
.section10_bottom_wrap{
    height:150px;
    background-image: url("img/section10_foot.webp");
    background-repeat: no-repeat;
    background-position:50% top;
    
}


 /* section11 */
 .box-section11 {
 
    background-image: url("img/section11.webp");
    background-position:50% top;
    background-color:#3d2e25;
    height:1210px;
}
.wrap-box11{
    max-width:900px;
    margin:0 auto;
}
.wrap-box11 ul{
    margin:0;
    padding:0;
    padding-top:380px;
    display:flex;
    flex-wrap: wrap;
    justify-content: center
}
.wrap-box11 ul li{
    width:33.333%;
    text-align: center;
    margin-bottom:104px;
}
.wrap-box11 ul li.box11_li4,
.wrap-box11 ul li.box11_li5{
    width:40%;
}
 /* section12 */
 .box-section12 {
    background-image: url("img/section12.webp");
    background-position:50% top;
    background-color:#fdfdfd;
    height:1130px;
 }

/* section13 */
.box-section13{
    background-image: url("img/section13.webp");
    background-position:50% top;
    background-color:#2b2925;
    padding:350px 0 0px;
    box-sizing: border-box;
    height:1265px;
    background-size: auto;
}
.wrap-box13 ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    max-width:972px;
    margin:0 auto;
}
.wrap-box13 ul li{
    width: 33.33%;
    text-align: center;
    padding: 9px;
    box-sizing: border-box;
}
.wrap-box13 img{
    vertical-align: middle;
    max-width:100%;
}


/* section15 */
.box-section15{
    background-image: url("img/section15.webp");
    background-position:50% 50%;
    background-size: auto;
    background-color:#ececec;
    color:#fff;
    padding:0px;
    text-align:center;
    box-sizing: border-box;
    height:954px;
 }
 

 /* section14 */
 .box-section14{
    background:#837562;
    height: auto;
    color:#fff;
    padding:0 0 70px;
    text-align:center;
}
.box-section14 .title-section14{
    padding:120px 0 50px;
}
.box-section14 .ap_form .ap_submit_info .ap_privacy .ap_popup_trigger{
    font-weight:400;
}

.to-form{
    position: absolute;
    width: 340px;
    height: 0px;
    padding-top:80px;
    overflow: hidden;
    text-indent: -9999px;
    top: 65%;
    left: 50%;
    margin-left: -542px;
    display:block;
}



.m-box-section4 .text-section4{
    max-width:580px;
    padding:0 12.1% 20px;
}
.m-box-section4 .text-section4 img{
    max-width:100%;
}
.slide-section4{
    padding:1% 0 3%;
}
.m-box-section4 .slide-section4{
    padding:30px 0 60px;
   margin-left:-30%;
}
.m-box-section4 .slide-section4 .swiper-slide{
    background:none;
}
.m-box-section4 .slide-section4 img{
    box-sizing:border-box;
    padding:3%;
}
.mySwiper2 .swiper-slide{
    width:auto;
}
.m-box-section4 .mySwiper2 .swiper-slide{
    width:270px;
}






 





footer{
    background:#2a241b;
    padding:60px 0 65px;
    text-align:center;
}
footer img{
    max-width:100%;
    vertical-align: middle;
}
.m_wrap-section .title-section{
    padding:0;
}
.m_wrap-section .title-section img{
    max-width:100%;
}
.m_wrap-section .box-section{
    background-size: 100%;
}
.m_wrap-section .title-section1 {
    top: 15vw;
}
.m_wrap-section .section1-top img{
    max-width:100%;
}
.m_wrap-section .title-section1B {
    top: 58vw;
    padding:1vw 5%;
}
.m_wrap-section .title-section1B.aos-animate .hlight1 {
    width: 38vw;
    top:0;
}
.m_wrap-section .title-section1B.aos-animate .hlight2 {
    width: 51vw;
    top: 16vw;
}
.m_wrap-section .title-section1B .hlight {
    background: #4e3929;
    height: 14vw;
}
.m_wrap-section .box-section1{
    padding:0;
    height:130.2vw;
    box-sizing: border-box;
    background-image:url("img/section_m1.webp");
    background-size:100%;
    background-position: 50% 50%;
}
.m_wrap-section .section1-top{
    top:64vw;
}
.m_wrap-section .section1_center{
    width:280vw;
    left:50%;
    transform: translateX(-50%);
    top:10vw;
}
.m_wrap-section .box-section2{
    padding:0;
    padding-top:35vw;
    height:156.25vw;
    box-sizing: border-box;
    background-image:url("img/section_m2.webp");
    background-size:100%;
    background-position: 50% 50%;
}
.m_wrap-section .section2_ul li{
    width:100% !important;
    padding:0 !important;
    margin-top: 0px;
    margin-left: 0px;
}
.m_wrap-section .section2_ul li:nth-child(2){
    margin-top: -3vw;
}
.m_wrap-section .box-section3{
    padding-top: 165vw;
    padding-bottom:0;
    background-image:url("img/section_m3.webp");
    border:0;
    height: 202.86vw;
    box-sizing: border-box;
    background-position: 50% top;
    background-size: 100%;
}

.m_wrap-section .box-section4{
    padding-top:180vw;
    padding-bottom:0;
    height:253.125vw;
    box-sizing: border-box;
    background-image:url("img/section_m4.webp");
    background-position:50% top;
}
.m_wrap-section .box-section4 .youtube-section4-iframe{
    margin:0 6vw;
}
.m_wrap-section .youtube-section4-img{
    position: absolute;
    top: 24vw;
    left:-6vw;
    width: 112vw;
    max-width: 112%;
    text-align: center;
}
.m_wrap-section .section4-top{
    top:41vw;
}
.m_wrap-section .section4-top ul{
    gap:2.5vw;
}
.m_wrap-section .box-section5{
    padding-top:52vw;
    height:139.19vw;
    box-sizing: border-box;
    background-image:url("img/section_m5.webp");
    background-size:100%;
   
}
.m_wrap-section .section5-w1{
    margin-top: 6vw;
    max-width: 50%;
    left: -10%;
}
.m_wrap-section .youtube-section5{
    padding:0 10vw;
}
 

.m_wrap-section .box-section6{
    padding-top:42vw;
    padding-bottom:0vw;
    box-sizing: border-box;
    background-image:url("img/section_m6.webp");
    background-size:100%;
    background-position: 50% top;
    height:253.9vw;
}
.m_wrap-section .wrap-slide0{
    flex-wrap: wrap;
    padding:0 3vw;
}
.m_wrap-section .wrap-slide0 .box-slide{
    width: 50%;
    padding:2vw;
    box-sizing: border-box;
}
.m_wrap-section .section10_bottom_wrap{
    height:20vw;
}
.m_wrap-section .wrap-slide0 .box-slide img{
    max-width:100%;
}
.m_wrap-section .box-section7{
    padding-top:218vw;
    background-image:url("img/section_m7.webp");
    position: relative;
    z-index: 23;
    overflow: visible;
    background-size:100%;
    background-position: 50% top;
    height:415.364vw;
}
.m_wrap-section .box-section8{
    padding: 72vw 0 0vw;
    background-image:url("img/section_m8.webp");
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    height:306.90vw;
    overflow: visible;
    background-size: 100%;
    background-position: 50% 50%;
}
.m_wrap-section .iframe-section8{
    max-width: 88vw;
    margin:0 6vw;
}
.m_wrap-section .section8_top2{
    top:34vw;
}
.m_wrap-section .box-section9{
    padding-top:30vw;
    box-sizing: border-box;
    background-image:url("img/section_m9.webp");
    height:522.52vw;
}
.m_wrap-section .box-section10{
    padding-top:65vw;
    height:auto;
    box-sizing: border-box;
    background-image:url("img/section_m10.webp");
    background-size:100%;
    background-position: 50% top;
}
.m_wrap-section .grid-box{
    padding:0 4vw 0 10vw;
}
.m_wrap-section .tab-bottom{
    padding:0 5px;
    margin:0 0;
}
.m_wrap-section .tab-box{
    padding-bottom:10vw;
}
.m_wrap-section .box-section11{
    padding-top:0vw;
    box-sizing: border-box;
    background-image:url("img/section_m11.webp");
    height:190.36vw;
}
.m_wrap-section .wrap-box2{
    padding: 10vw 0 0vw;
}
.m_wrap-section .foot-section11 {
    text-align: center;
    padding:0 5%;
    padding-top:45px;
    padding-bottom: 60px;
}
.m_wrap-section .wrap-box11 ul {
    padding-top: 51.3vw;
    padding-left:3vw;
    justify-content: flex-start;
}
.m_wrap-section .wrap-box11 ul li{
    width: 38vw;
    padding:0vw;
    margin:0;
    box-sizing: border-box;
}
.m_wrap-section .box11_li3,
.m_wrap-section .box11_li7{
    margin-left:15vw !important;
}
.m_wrap-section .box11_li5,
.m_wrap-section .box11_li6{
    margin-top: 3.6vw !important;
}
.m_wrap-section .box11_li7,
.m_wrap-section .box11_li8{
    margin-top: 9.3vw !important;
}
.m_wrap-section .box-section12{
    padding-top:0vw;
    box-sizing: border-box;
    background-image:url("img/section_m12.webp");
    height:286.45vw;
}

.m_wrap-section .box-section13{
    padding-top:62vw;
    background-image:url("img/section_m13.webp");
    background-size:100%;
    box-sizing: border-box;
    min-height:254.16vw;
    height:auto;
    overflow: visible;  
}
.m_wrap-section .wrap-box13 ul {
    padding:0 5vw;
}
.m_wrap-section .wrap-box13 ul li{
    width:50%;
    padding:2vw;
}

.m_wrap-section .box-section15{
    background-image:url("img/section_m15.webp");
    background-size:100%;
    box-sizing: border-box;
    min-height:137.23vw;
    height:auto;
    overflow: visible;
   
}
.m_wrap-section .box-section14{
   background: #8f8270;
   padding:15vw 0;
}
.m_wrap-section .box-foot-band{
    background: none;
    height: auto;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
}

.wrap-form{
    max-width:1100px;
    margin:0 auto;
    padding:0 36px;
    padding-bottom:10px;
    box-sizing: border-box;

}
.wrap-form .ap_form fieldset > div{
    margin:12px 0px 3px ;
    width:calc(50% - 28px);
    padding: 11px 20px 11px 200px;
    border-radius: 34px;
    
}
 .js .box-section14 .floating-labels label{
    left:35px;
}
.ap_form fieldset > div.ap_extra{
	
}
.m_wrap-section .ap_form fieldset > div.ap_message label{
    text-align: left;
}
.wrap-form .ap_form input[type="email"],
.wrap-form .ap_form input[type="tel"],.wrap-form .ap_form input[type="text"],
.wrap-form .ap_form input:disabled, .wrap-form .ap_form select:disabled,.wrap-form .ap_form textarea:disabled{
    background:#fff !important;
    box-shadow: 0px 0px 7px rgb(0 0 0 / 20%) !important;
    border: 0 !important;
    font-size: 20px;
    font-weight: 400;
    color: #333;
    border-radius: 10px;
}
#box-section14 .root-width .ap_form .ap_submit_info input[type="submit"] {
    background: #2a241b !important;    
    width: 280px;
    line-height: 30px;
    padding: 20px 50px;
    height:70px;
    font-size: 23px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%) !important;
    border:0 !important;
    
}
.box-foot-band img{
    vertical-align: middle;
    max-width:100%;
}
.js .wrap-form .floating-labels label{
    color:#fff;
    font-size:22px;
    font-weight:400;
}
.js .wrap-form .floating-labels .ap_privacy label{
    font-size:18px;
}
.js .wrap-form .floating-labels .ap_basic_info label{
    top: 11px;
    line-height: 60px;
    left:35px;
    text-align:left;
    overflow: hidden;
    width:140px;
    background-repeat: no-repeat;
    background-position: left 50%;
}
.js .wrap-form .floating-labels .ap_basic_info .rx_ev_radio label{
    width:128px;
}
.a-najoo{
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 0;
    border-radius: 10px;
    width: 100%;
    font-weight: 500;
    margin-top: 10px;
    color:#fff;
    margin-top:10px;
    background: #775a40 !important;
    font-family: 'NanumSquareNeo-Variable';
}
/*
div[rel="nick_name"] > label {
    background-image: url("img/f1.png");
    text-indent:-999px;
}
div[rel="phone_number"] > label {
    background-image: url("img/f2.png");
    text-indent:-999px;
}
div[rel="email"] > label {
    background-image: url("img/f3.png");
    text-indent:-999px;
}
div[data-idx="1"] > label {
    background-image: url("img/f4.png");
    text-indent:-999px;
}
div[data-idx="2"] > label  {
    background-image: url("img/f5.png");
    text-indent:-999px;
}
div[data-idx="3"] > label  {
    background-image: url("img/f6.png");
    text-indent:-999px;
}
div.ap_message > label {
    background-image: url("img/f7.png");
    text-indent:-999px;
    overflow: hidden;
    width:142px;
    background-repeat: no-repeat;
    background-position: left 50%;
}
    */
.js .wrap-form .floating-labels .ap_basic_info .rx_ev_radio label{
    top:0;
    text-align: center;
}
.form-top h2 {
    margin-bottom:15px;
}
.form-top h2 img{
    width:260px;
    max-width:60%;
}
.form-top h3{
    color:#4c4c4c;
    font-size:30px;
    margin-top:0;
    margin-bottom:34px;
}
.box-section11 .root-width{
    position:relative;
}
.form-right{
    position:absolute;
    right:215px;
    -webkit-transition: all 400ms;-moz-transition: all 400ms;-o-transition: all 400ms;transition: all 400ms;
    opacity: 0;
}
.quick_form{
    opacity: 1;
}
.wrap-form-right{
    position:fixed;
    top:200px;
    
}
.ap_form ul.rx_ev_radio {
    display: flex;
    padding: 0;
    margin: 0 -3px;
}
.ap_form ul.rx_ev_radio li {
    flex: 1;
    margin: 0 3px;
    top: 0;
}
.ap_form ul.rx_ev_radio li input[type=radio]+label {
    width: 100%;
    padding: 0;
    display: block;
    text-align: center;
    height: 60px;
    background: #fff;
    top: 0;
    line-height: 60px;
    cursor: pointer;
    border: 0;
    color: #000;
    border-radius: 10px;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%) !important;
    border: 0 !important;
}
.ap_form ul.rx_ev_radio li input[type=radio]:checked+label{
    background: #ffebbc;
}
.ap_form .ap_item textarea{
    border-radius: 10px;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%) !important;
}
.fix-right{
    width:210px;
    background:#fff;
    box-sizing: border-box;
    border-radius: 10px;
    padding:15px 20px;
    border:2px solid #af8865;

}
.fix-right h2{
    margin:0;
    padding-top:10px;
}
.fix-right h2 img{
    width:100%;
}
.ap_form .ap_submit_info ul.ap_section li:nth-child(2){
    display:block;
    margin-top:25px;
}
.to-home-quick{
    margin-top:15px;
    display:block;
}
.box-section11 .fix-right h2{
    margin-bottom:10px;
    font-size:0;
}
.quick_foot{
    position:fixed;
    z-index:9;
    bottom:0;
    left:0;
    width:100%;
}
.quick_foot ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0;
    background:#5f4f43;
    padding:3vw 0;
}
.quick_foot ul li{
    width: calc(100% / 2);
    text-align:center;
    position: relative;
}
.quick_foot ul li img{
    height:40px;
    max-width:80px;
    vertical-align: middle;
}
.quick_foot ul li:after{
    content:"";
    width:1px;
    height:38px;
    background:#fff;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-19px;
}
.quick_foot ul li:first-child:after{
    display:none;
}
.ap_form .ap_submit_info .ap_privacy .ap_privacy_content{
    background:#8f8270!important
}
.ec .complete{
    padding:25vh 0 30vh;
    text-align: center;
}
.ec .complete img{
    max-width:80%;
}

@media all and (max-width: 1500px) {
    .box3-left{
        left:-8%;
    }
    .box3-right {
        right:-8%; 
    }
}
@media all and (max-width: 992px) { 
    body{
        padding-top:70px;
    }
    header{
        background: #0a0a0a;
        -moz-box-shadow: 0px 3px 6px rgb(0 0 0 / 7%);
        -webkit-box-shadow: 0px 3px 6px rgb(0 0 0 / 7%);
        box-shadow: 0px 3px 6px rgb(0 0 0 / 7%);
        height:70px;
    }
    .wrap-mobile .in-header{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 15px;
    }
    .wrap-mobile .in-header img{
        vertical-align: middle;
    }
    .wrap-mobile .in-header ul img{
        height:20px;
    }
    .wrap-form{
        padding:0;
    }
    .to-form{
        position: absolute;
        width: 52%;
        height: 0px;
        padding-top: 12%;
        overflow: hidden;
        text-indent: -9999px;
        top: 43%;
        left: 6%;
        margin-left: 0;
        display: block;
    }
    .to-form2{
        position: absolute;
        width: 78%;
        height: 0px;
        padding-top: 15%;
        overflow: hidden;
        text-indent: -9999px;
        top: 85.6%;
        left: 11%;
        margin-left: 0;
        display: block;
    }
    
    .in-header{
        padding:0;
    }
    .in-header h1 {
        position: relative;
        top:0;
        margin:0;
    }
    .in-header h1 img {
        vertical-align: middle;
        padding: 10px 0 10px 0;
    }
    .menu-box{
        background:#111;
        position: fixed;
        width:100%;
        top: 70px;
        height: calc(100vh - 70px);
        z-index: 99;
        box-sizing: border-box;
        border-top: 1px solid #333;
        display: none;
    }
    .menu-box nav{
        display: flex;
        justify-content: center;
        height: 100%;
        align-items: center;
    }
    nav ul {
        display: flex;
        justify-content: space-evenly;
        margin: 5px 0;
        padding:0;
        text-align: center;
        flex-direction: column;
        align-items: center;
        flex-direction: column;
        align-items: center;
    }

    nav ul li {
        padding: 0;
    }
  
    nav ul li a {
        line-height: 20px;
        color: #111;
        font-size: 18px;
        padding: 8px 0 12px;
    }
    .wrap-section{
        padding-top:0;
    }
    .m_wrap-section .target-span {
        top: -70px;
        height: 70px;
    }
    .m_wrap-section .target-span#target1{
        
    }
    .wrap-form-right{
        display:none;
    }
    .section5-top{
        height: 51.238vw;
        background-image: url(img/section5_top_m.png);
        background-position: 50% 70%;
        background-size:100%;
    }
    .section5-bottom {
        height: 21.1vw;
    }
    .box-section14 .title-section14{
        padding:0vw 0 7vw;
    }
    .box-section14 .title-section14 img{
        width:100%;
        vertical-align: middle;
    }
    footer{
        padding:0px 0;
    }
}
@media all and (max-width: 760px) {
    footer{
        padding-bottom:60px;
    }
   .m-footer{
        padding: 13vw 8.27% 90px;   
    }

    .wrap-form .ap_form fieldset > div{
        width:100%;
        padding: 4px 20px 4px 140px;
        margin-top:3px;
    }

    .grid-box{
        font-size:17px;
        padding-bottom:0vw;
    }
    .tab-box{
        font-weight:600;
    }
    .grid-box .box-line {
        width: 33.333%;
        padding: 0 7px 30px !important;
        box-sizing: border-box;
    }
    .js .wrap-form .floating-labels .ap_privacy label{
        font-size:12px;
    }
    .ap_form .ap_submit_info .ap_privacy .ap_popup_trigger{
        font-size:10px !important;
    }
    div.ap_message > label,
    .js .wrap-form .floating-labels .ap_basic_info label{
        left:15px;
        top:5px;
        background-size: 100px;
        width:120px;
    }
    
    .js .wrap-form .floating-labels .ap_basic_info .rx_ev_radio label{
        width:auto;
    }
}
@media all and (max-width: 520px) {
    
    .ec .complete{
        padding:30vh 0 30vh;
        text-align: center;
    }
   .m-header nav ul li a {
        font-size:18px;
       
    }
   .m-header.in-header h1{
        padding-top:35px;
    }
   .m-header.quick_header {
        position: fixed;
        top: -82px;
    }
   .m-box-section4 .middle-section4{
        margin: 9.12% 5.21%;
    }
   .m-box-section4 .text-section4 {
        padding: 0 12.1% 2.6%;
    }
   .m-box-section4 .mySwiper2 .swiper-slide{
        width:20%;
    }
   .m-box-section4 .mySwiper2 .swiper-slide img{
        width:100%;
    }
   .m-box-section4 .slide-section4{
        padding:4vw 0 8vw;
    }
   .m-box-section5 .tab-section5{
        padding-bottom:12.77%;
    }
   .m-box-section5 .tab-box{
        padding-top:39.3%;
    }
   .wrap-tab ul li a{
        width:25vw;
        font-size: 20px;
        line-height: 20px;
    }
    .wrap-tab ul li a img{
        height:18px;
        padding-top:2px;
    }
    .grid-box .box-line {
       
        padding: 0 0.5vw 4vw !important;
        box-sizing: border-box;
    }
   .m-box-section5 h2{
        padding:13vw 10.2% 10vw;
    }
   .m-box-section5 .wrap-tab{
        padding-bottom:5vw;
    }
   .c-div{
        max-width:80%;
        margin:0 auto;
    }
   .c-div img{
        width:70%;
    }
   .c-div1 img{
        width:100%;
    }
    nav ul li a{
        font-size: 15px;
    }
    .box-section5 .swiper-slide{
        width:70%;
    }
    .form-top h3{
        font-size:5.5vw;
        margin-top:0;
        margin-bottom:34px;
    }
    #box-section14 .root-width .ap_form .ap_submit_info input[type="submit"] {  
        width: 220px;
        line-height: 30px;
        padding: 9px 50px 11px;
        height:50px;
        font-size: 18px;
        border-radius: 10px;
        box-shadow: 0px 0px 5px rgb(0 0 0 / 20%) !important;
        border:0 !important;
    }
  
    .wrap-form .ap_form input[type="email"], .wrap-form .ap_form input[type="tel"], .wrap-form .ap_form input[type="text"], .wrap-form .ap_form input:disabled, .wrap-form .ap_form select:disabled, .wrap-form .ap_form textarea:disabled,
    .js .wrap-form .floating-labels label{
        font-size:16px;
    }
    .wrap-tab ul li{
        margin: 2vw
    }
    .wrap-tab {
        padding: 5vw 0 5vw 0;
    }
    .wrap-tab ul li a{
        padding: 9px 0 6px 0;
    }
}
@media all and (max-width: 420px) {
    .wrap-mobile .in-header ul img{
        height:16px;
    }
    .m_wrap-section .wrap-tab ul{
        padding:0 10%;
    }
    }
@media all and (max-width: 360px) {
   .m-header nav ul li a {
        font-size:16px;
    }
}
.wrap-new_pop{
    padding-bottom:10px;
  }
.wrap-new_pop input{display:none;}
.wrap-new_pop > div {padding-top:5px;}
.wrap-new_pop > div > a:first-child{right:34px !important;}
.wrap-new_pop{-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);box-shadow:0 1px 3px rgba(0,0,0,0.3);overflow:hidden;}
.wrap-new_pop a img{max-width:100%;}
.wrap-new_pop > div > a:last-child{font-family: Arial !important;font-weight:400 !important;padding-top:4px;}
.wrap-new_pop > div > a:first-child{white-space: nowrap;font-size:16px;}
.wrap-new_pop > div > a{color:#111;}
@media all and (max-width: 380px) {
    .wrap-new_pop > div > a:first-child {
         font-size:13px;
     }
 }
@media (max-width: 350px){
    .wrap-mobile .in-header ul img {
        height: 12px;
    }
    .ap_form .ap_submit_info .ap_privacy .ap_popup_trigger:before{
        clear:both;
        content:"";
    }
    .js .wrap-form .floating-labels .ap_privacy label{
        padding-left:24px;
        font-size:10px;
    }
 }
 .marquee {
    overflow: hidden;
    white-space: nowrap;
  }
  .marquee__track {
    display: inline-flex;
    animation: scroll 40s linear infinite;
  }
  .marquee__track.reverse {
    animation: scroll-reverse 40s linear infinite;
  }
  .marquee__track.reverse2 {
    animation: scroll 40s  linear infinite;
  }
  .marquee__track img {
  
    margin-right: 20px;
  }
  .marquee2,
 .marquee1,
 .marquee{overflow:hidden;width:100%}
 .marquee2 img{margin-right:45px;}
 .box-section4C .swiper-button-next:after, .box-section4C .swiper-button-prev:after{
    display: none;
 }
 @keyframes scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
  }
  @keyframes scroll-reverse {
    from { transform: translateX(-50%); }
    to   { transform: translateX(0); }
  }