/*
variable
********************/
:root {
      /* contents point colors */
      --premium-box-color:#afbf67;
      --premium-tit-color:#000;
      --premium-status-bar:#011142;
      --premium-btn-hover-color:#24a544;
}


/* 공통 */
.main_content_wrap{width: 100%; height: 100%; position: relative; top: 0; left: 0; overflow: hidden;}
.main_content_wrap .section{position: relative;}
.main_content_wrap .section .sec_inner{max-width: 1920px; width: 100%; height: 100%; padding: 0 35px; margin: auto; position: relative; z-index: 1;}

/* section01 */
#sec01{width: 100%; height: 100vh;}
#sec01 .sec_inner{max-width: 100%;}
#sec01 .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#sec01 .bg img{width: 100%; height: 100%; object-fit: cover;}
#sec01 .bi_txt{display: grid; grid-template-columns: repeat(7, 1fr); gap: 30px; position: absolute; bottom: 50px; left: 0; right: 0; margin: auto; width: max-content; max-width: 1920px; z-index: 2; pointer-events: none;}
#sec01 .bi_txt svg{width: 100%; transform: scaleY(0); transform-origin: center bottom; opacity: 0; transition: all 1s;}
#sec01 .bi_txt svg:nth-child(1){transition-delay: 0s;}
#sec01 .bi_txt svg:nth-child(2){transition-delay: 0.1s;}
#sec01 .bi_txt svg:nth-child(3){transition-delay: 0.2s;}
#sec01 .bi_txt svg:nth-child(4){transition-delay: 0.3s;}
#sec01 .bi_txt svg:nth-child(5){transition-delay: 0.4s;}
#sec01 .bi_txt svg:nth-child(6){transition-delay: 0.5s;}
#sec01 .bi_txt svg:nth-child(7){transition-delay: 0.6s;}
#sec01.ani1 .bi_txt svg{transform: scaleY(1); opacity: 1;}
@media screen and (max-width: 1920px) {
      #sec01 .bi_txt{gap: 45px;}
      #sec01 .bi_txt svg{width: 11.5vw;}
}

#sec01 .center_copy{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 1.5s; opacity: 0; pointer-events: none;}
#sec01.ani3 .center_copy{opacity: 1;}
#sec01 .center_copy p{text-align: center; color: #fff; font-size: 60px; font-weight: 300; white-space: nowrap;}
#sec01 .center_copy p strong{font-weight: 700;}

#sec01 .sub_copy {position: absolute; /* top: 50%; margin-top:163px; */ bottom:20%; left: 50%; transform: translateX(-50%);}
#sec01 .sub_copy p {text-align:center; font-weight: 500; font-size:30px; color:#fff; white-space:nowrap; opacity:0; transform: translateY(30px); transition: all 1.5s 0.2s;}
#sec01 .sub_copy p b {font-size: 20px; font-weight: 500;}
#sec01 .main_copy {position: absolute; bottom:69px; left: 50%; transform: translateX(-50%);}
#sec01 .main_copy p {font-size:80px; font-weight: 900; text-align:center; color:#fff;; white-space:nowrap; opacity:0; transform: translateY(30px); transition: all 1.5s 0.4s;}

#sec01.ani3 .sub_copy p,
#sec01.ani3 .main_copy p{opacity: 1; transform: translateY(0);}

@media screen and (max-width: 1024px) {
      #sec01 .sub_copy {bottom:20%; z-index:100;}
      #sec01 .sub_copy p {font-size:17px;}
      #sec01 .sub_copy p b {font-size: 12px;}
      #sec01 .main_copy {bottom:-20px; z-index:100;}
      #sec01 .main_copy p {font-size:56px;}
}

#sec01 .line_imgWrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: auto;}
#sec01 .line_imgWrap .box{position: absolute;}
#sec01 .line_imgWrap .box img{display: block;}
#sec01 .line_imgWrap .box span{clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%); display: block; transition: all 1s;}
#sec01 .line_imgWrap .box:nth-child(1){top: 207px; left: 352px;}
#sec01 .line_imgWrap .box:nth-child(2){top: 400px; left: 85px; z-index: 1;}
#sec01 .line_imgWrap .box:nth-child(3){top: 593px; left: 220px;}
#sec01 .line_imgWrap .box:nth-child(4){top: 493px; right: 360px;}
#sec01 .line_imgWrap .box:nth-child(5){top: 581px; right: 60px;}
#sec01 .line_imgWrap .box:nth-child(6){top: 197px; right: 169px; z-index: 2;}
#sec01 .line_imgWrap .box_mv{width: 260px; height: 160px;}
#sec01 .line_imgWrap .box_mv .dim{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0; transition: all 0.5s; z-index: 1;}
#sec01 .line_imgWrap .box_mv span{width: 100%; height: 100%;}
#sec01 .line_imgWrap .box_mv span video{width: 100%; height: 100%; object-fit: cover;}
#sec01.ani2 .line_imgWrap .box span{clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}

#sec01 .scroll_box2_inner{width: 100%; height: 100%; position: relative;}
#sec01 .scroll_box2_inner .txt_box{position: absolute; opacity: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s;}
#sec01 .scroll_box2_inner .txt_box p{font-size: 70px; font-weight: 900; color: #fff;}
#sec01 .scroll_box2_inner .txt_box p span:nth-of-type(1){color: #84D720; opacity: 1;}
#sec01 .scroll_box2_inner .txt_box p.front span:nth-of-type(2){position: relative; opacity: 0.5;}
#sec01 .scroll_box2_inner .txt_box p.front span:nth-of-type(3){position: relative; opacity: 0.5;}
#sec01 .scroll_box2_inner .txt_box p.back{position: absolute; top: 10px;}
#sec01 .scroll_box2_inner .txt_box p.back span{overflow: hidden; display: inline-block; line-height: 100%; white-space: nowrap;}
#sec01 .scroll_box2_inner .txt_box p.back span:nth-of-type(2){width: 0;}
#sec01 .scroll_box2_inner .txt_box p.back span:nth-of-type(3){width: 0;}

#sec01 .scroll_box1{width: 100%; height: 100vh;}
#sec01 .scroll_box2{width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 2; pointer-events: none;}
#sec01 .scroll_box2 .sh_box_bt{width: 100%; height: 239px; position: absolute; bottom: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 40%, transparent 100%); opacity: 0; transition: all 0.5s;}
#sec01 .sh_box{position: fixed; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 50px 50px 100px 20px rgba(0, 0, 0, 0.25) inset; z-index: 2; opacity: 0; transition: all 0.5s; pointer-events: none;}

/* section02 */
#sec02{width: 100%; /* height: 776px; */ /* height:2147px; */ background: #000; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 50px;}
#sec02 .line{width: 1px; height: 240px; background: #fff;}
#sec02 .line1{margin: -400px auto 100px;}
#sec02 .line2{margin: 55px auto 10px;}
#sec02 .cgImg_box {margin-top: 182px; width:100%;}
#sec02 .cgImg_box img {width:100%;}
#sec02 .premium_tit{text-align: center;}
#sec02 .premium_tit h3{color: #fff; font-family: 'Audiowide'; font-size: 120px;}
#sec02 .premium_tit h3 span{font-size: 140px; margin-left: 30px;}
#sec02 .premium_tit p{margin-top: 10px; color: #fff; font-size: 30px; font-weight: 600;}
@media screen and (max-width: 1024px) {
      #sec02 .logo_box {margin-top: 110px;}
      #sec02 .cgImg_box {margin-top: 32px;}
}

/* section03 */
#sec03{width: 100%; height: 100vh;}
#sec03 .scroll_slide{width: 100%; height: 100%; position: relative; overflow: hidden; background: #000;}
#sec03 .scroll_slide .slide{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateY(100%);}
#sec03 .scroll_slide .slide1{transform: translateY(0);}

#sec03 .scroll_slide .slide .slide_img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#sec03 .scroll_slide .slide .slide_img img{width: 100%; height: 100%; object-fit: cover;}
#sec03 .scroll_slide .slide .txt_box{position: relative; width: 100%; height: 100%; padding: 200px 200px 165px; z-index: 1; display: flex; flex-direction: column; justify-content: space-between;}
#sec03 .scroll_slide .slide .txt_box .top_txt p{color: #fff; text-align: right; font-family: 'Audiowide'; font-size: 30px;}
#sec03 .scroll_slide .slide .txt_box .bot_txt h3{color: #fff; font-size: 60px; font-weight: 800; margin-bottom: 35px;}
#sec03 .scroll_slide .slide .txt_box .bot_txt h3 span{font-family: 'Audiowide'; font-weight: 400;}
#sec03 .scroll_slide .slide .txt_box .bot_txt p{color: #fff; font-size: 24px; font-weight: 400;}
#sec03 .slick-dots{bottom: 30px;}

/* section04 */
#sec04{width: 100%; height: 2467px; overflow: hidden;}
#sec04 .bg{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#sec04 .bg img{width: 100%; height: 100%; object-fit: cover;}

#sec04 .sec_inner{padding: 260px 200px 200px;}
#sec04 .txt_box{margin-bottom: 70px; opacity: 0; transform: translateY(50px); transition: all 1s;}
#sec04.on .txt_box{opacity: 1; transform: translateY(0);}
#sec04 .txt_box p{color: #403E3B; font-size: 20px; font-weight: 700; margin-bottom: 40px;}
#sec04 .txt_box h3{color: #003A31; font-size: 64px; font-weight: 600; margin-bottom: 75px;}
#sec04 .txt_box h3 strong{color: #65A83A; font-weight: 600;}
#sec04 .txt_box span{color: #403E3B; font-size: 17px; font-weight: 400;}
#sec04 .img_box{display: flex; justify-content: space-between; gap: 20px; width: 100%;}
#sec04 .img_box ul{display: flex; flex-direction: column; gap: 20px;}
#sec04 .img_box ul img{display: block; width: 100%;}
#sec04 .img_box ul span{width: 100%; max-width: 358px; height: 30vw; max-height: 553px; position: relative; display: block;}
#sec04 .img_box ul video{display: block; width: 100%; max-width: 358px; height: 100%; object-fit: cover;}
#sec04 .logo_box{text-align: center; margin: -10px auto 0;}

/* section05 */
#sec05{width: 100%; height: 925px; overflow: hidden;}
#sec05 .bg{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url('/resources/img/main/sec05.jpg') center center/cover no-repeat; background-attachment: fixed;}
/* #sec05 .bg img{width: 100%; height: 100%; object-fit: cover;} */
#sec05 .txt_box{text-align: center; padding-top: 220px; opacity: 0; transition: all 1s;}
#sec05.on .txt_box{opacity: 1;}
#sec05 .txt_box .tit{margin-bottom: 35px;}
#sec05 .txt_box .tit p{font-size: 30px; color: #fff; font-weight: 400; margin-bottom: 30px;}
#sec05 .txt_box .tit h3{font-size: 120px; color: #fff; font-family: 'Audiowide'; line-height: 120%;}
#sec05 .txt_box .tit h3 strong{color: #84D720;}
#sec05 .txt_box .txt{margin-bottom: 20px;}
#sec05 .txt_box .txt p{color: #fff; font-size: 24px; font-weight: 400;}
#sec05 .txt_box .txt p strong{font-weight: 800;}
#sec05 .line{position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 1px; height: 0; background: #D7D5D1; transition: all 1s;}
#sec05.on .line{height: 100px;}
#sec05 .bi_txt{display: grid; grid-template-columns: repeat(7, 1fr); gap: 30px; position: absolute; bottom: -15px; left: 0; right: 0; margin: auto; width: max-content; max-width: 1920px; z-index: 2; opacity: 0.2;}
#sec05 .bi_txt svg{width: 100%; transform: scaleY(0); transform-origin: center bottom; opacity: 0; transition: all 1s;}
#sec05 .bi_txt svg:nth-child(1){transition-delay: 0s;}
#sec05 .bi_txt svg:nth-child(2){transition-delay: 0.1s;}
#sec05 .bi_txt svg:nth-child(3){transition-delay: 0.2s;}
#sec05 .bi_txt svg:nth-child(4){transition-delay: 0.3s;}
#sec05 .bi_txt svg:nth-child(5){transition-delay: 0.4s;}
#sec05 .bi_txt svg:nth-child(6){transition-delay: 0.5s;}
#sec05 .bi_txt svg:nth-child(7){transition-delay: 0.6s;}
#sec05.on .bi_txt svg{transform: scaleY(1); opacity: 1;}

@media screen and (max-width: 1920px) {
      #sec05 .bi_txt{gap: 45px;}
      #sec05 .bi_txt svg{width: 11.5vw;}
}

/* section06 */
#sec06{width: 100%; height: 925px; overflow: hidden;}
#sec06 .sec_inner{display: flex; justify-content: center; padding-top: 180px; gap: 65px; opacity: 0; transition: all 1s;}
#sec06.on .sec_inner{opacity: 1;}
#sec06 .right_box{margin-top: -100px;}
#sec06 .right_box > h3{font-family: 'Audiowide'; font-size: 120px; font-weight: 400; white-space: nowrap; color: transparent; animation: sec04_tit 3s infinite alternate linear; background: linear-gradient(140deg,#75B166 0%, #91D93D 25%, #75A583 50%, #91D93D 75%, #75B166 100%); background-size: 100%; background-clip: text; -webkit-background-clip: text; margin-left: -100px;}
@keyframes sec04_tit{
      0%{background-size: 100%;}
      100%{background-size: 300%;}
}

#sec06 .info_wrap{margin: 35px 0 20px; display: flex; flex-direction: column; align-items: center;}
#sec06 .info_wrap .txt{display: flex; gap: 64px; margin-bottom: 30px;}
#sec06 .info_wrap .txt h3{color: #2C3D33; font-size: 30px; font-weight: 600;}
#sec06 .info_wrap .txt p{color: #2C3D33; font-size: 30px; font-weight: 400;}
#sec06 .info_wrap .btn_box{display: flex; align-items: center; justify-content: center; gap: 18px; margin-bottom: 53px;}
#sec06 .info_wrap .btn_box a{display: flex; align-items: center; border-radius: 40px; border: 1px solid #2C3D33; background: #FFF; padding: 7px 6px 7px 22px; width: 242px; height: 54px;}
#sec06 .info_wrap .btn_box a .icon{margin-right: 26px; position: relative; z-index: 2;}
#sec06 .info_wrap .btn_box a svg{display: block;}
#sec06 .info_wrap .btn_box a svg path{transition: all 0.3s;}
#sec06 .info_wrap .btn_box a span{display: block; color: #2C3D33; font-size: 16px; font-weight: 400; margin-right: 60px; white-space: nowrap; position: relative; z-index: 2; transition: all 0.3s;}
#sec06 .info_wrap .btn_box a .arrow{position: relative; padding: 13px 11px; z-index: 1;}
#sec06 .info_wrap .btn_box a .arrow::after{position: absolute; content: ""; top: 0; right: 0; width: 40px; height: 40px; border-radius: 40px; background: #2C3D33; z-index: -1; transition: all 0.5s;}
#sec06 .info_wrap .btn_box a:hover svg path{fill: #fff;}
#sec06 .info_wrap .btn_box a:hover span{color: #fff;}
#sec06 .info_wrap .btn_box a:hover .arrow::after{width: 230px;}

#sec06 .info_wrap .info{text-align: center;}
#sec06 .info_wrap .info p{color: #2C3D33; font-size: 36px; font-weight: 400;}
#sec06 .info_wrap .info p strong{font-weight: 800;}
#sec06 .info_wrap .info span{color: #2C3D33; font-size: 26px; font-weight: 400;}



/* 반응형 */
@media screen and (max-height: 900px){
      #sec01 .line_imgWrap .box:nth-child(1){top: 150px; left: 260px;}
      #sec01 .line_imgWrap .box:nth-child(2){top: 220px;}
      #sec01 .line_imgWrap .box:nth-child(3){top: 420px;}
      #sec01 .line_imgWrap .box:nth-child(4){top: 260px;}
      #sec01 .line_imgWrap .box:nth-child(5){top: 390px;}

      #sec02 .line1 {margin: -200px auto 100px;}
}
@media screen and (max-height: 750px){
      #sec01 .center_copy{top: 40%;}
}

@media screen and (max-width: 1800px) {
      #sec06 .right_box > h3{font-size: 90px; margin: 0;}
      #sec06 .right_box .big_btn img{width: 100%;}
}

@media screen and (max-width: 1680px) {
      #sec01 .line_imgWrap .box:nth-child(4){right: 200px;}
      #sec06 .left_box img{width: 100%;}
}

@media screen and (max-width: 1400px){
      #sec01 .line_imgWrap .box:nth-child(1){left: 140px;}
      #sec01 .line_imgWrap .box:nth-child(3){top: 730px; left: 125px;}
      #sec01 .line_imgWrap .box:nth-child(4) {right: 100px;}
      #sec01 .line_imgWrap .box:nth-child(5){top: 740px;}
      #sec01 .bi_txt svg {width: 9.5vw;}
      #sec01 .scroll_box2_inner .txt_box p{white-space: nowrap;}

      #sec04{height: unset;}

      #sec05 .bi_txt svg {width: 9.5vw;}
}

@media screen and (max-width: 1300px){
      #sec05{height: 800px;}
      #sec05 .txt_box .tit h3{font-size: 90px;}

      #sec06{height: unset; padding-bottom: 100px;}
      #sec06 .right_box{max-width: 500px; width: 100%;}
      #sec06 .right_box > h3{font-size: 50px; text-align: center;}
      #sec06 .info_wrap .txt{gap: 30px;}
      #sec06 .info_wrap .txt h3{font-size: 20px;}
      #sec06 .info_wrap .txt p{font-size: 20px;}
      #sec06 .info_wrap .btn_box a{width: 190px;}
      #sec06 .info_wrap .btn_box a .icon{margin-right: 10px;}
      #sec06 .info_wrap .btn_box a span{margin-right: 20px;}
      #sec06 .info_wrap .btn_box a:hover .arrow::after{width: 170px;}
      #sec06 .info_wrap .info p{font-size: 24px;}
      #sec06 .info_wrap .info span{font-size: 20px;}
}

/* 모바일 */
@media screen and (max-width: 1024px) {
      #sec01{height: unset;}
      #sec01 .line_imgWrap .box:nth-child(1){top: 140px; left: -10px;}
      #sec01 .line_imgWrap .box:nth-child(2){top: unset; bottom: 130px; left: -10px;}
      #sec01 .line_imgWrap .box:nth-child(3){top: unset; bottom: 65px; left: 35px;}
      #sec01 .line_imgWrap .box:nth-child(4){top: unset; bottom: 65px; right: 45px;}
      #sec01 .line_imgWrap .box:nth-child(5) {top: unset; bottom: 245px; right: -10px;}

      #sec01 .line_imgWrap .box:nth-child(1) img{content: url('/resources/img/main/m_sec01_01.jpg');}
      #sec01 .line_imgWrap .box:nth-child(2) img{content: url('/resources/img/main/m_sec01_02.jpg');}
      #sec01 .line_imgWrap .box:nth-child(3) img{content: url('/resources/img/main/m_sec01_03.jpg');}
      #sec01 .line_imgWrap .box:nth-child(4) img{content: url('/resources/img/main/m_sec01_04.jpg');}
      #sec01 .line_imgWrap .box:nth-child(5) img{content: url('/resources/img/main/m_sec01_05.jpg');}

      #sec01 .center_copy p{font-size: 30px;}
      #sec01 .center_copy p strong{font-size: 54px;}
      #sec01 .bi_txt {gap: 10px;}
      #sec01 .bi_txt svg {width: 5vw; min-width: 40px; height: auto;}

      #sec01 .scroll_box1{position: relative; z-index:10;}
      #sec01 .scroll_box2{position: relative; height: 420px; pointer-events: all;}
      #sec01 .scroll_box2_inner .box_mv{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
      #sec01 .scroll_box2_inner .box_mv video{width: 100%; height: 100%; object-fit: cover;}
      #sec01 .scroll_box2_inner .txt_box{top: 100%; margin: 20px 0 0;}
      #sec01 .scroll_box2.on .txt_box{opacity: 1;}
      #sec01 .scroll_box2_inner .txt_box p{font-size: 30px;}
      #sec01 .scroll_box2_inner .txt_box p.front span:nth-of-type(2){opacity: 1;}
      #sec01 .scroll_box2_inner .txt_box p.front span:nth-of-type(3){opacity: 1;}

      #sec02{height: unset;}
      #sec02 .line{height: 100px;}
      #sec02 .line1{margin: 100px auto 30px;}
      #sec02 .line2{margin: 30px auto;}
      #sec02 .logo_box img{content: url("/resources/img/main/m_sec01_sc2Logo.svg");}
      #sec02 .premium_tit h3{font-size: 50px;}
      #sec02 .premium_tit h3 span{font-size: 60px; margin-left: 10px;}
      #sec02 .premium_tit p{font-size: 22px;}

      #sec03 .scroll_slide .slide{position: relative; transform: unset; height: 100vh;}
      #sec03 .scroll_slide .slide .txt_box{padding: 70px 30px; justify-content: flex-end;}
      #sec03 .scroll_slide .slide .txt_box .bot_txt h3{font-size: 40px; word-break: keep-all;}
      #sec03 .scroll_slide .slide .txt_box .bot_txt p{font-size: 17px; line-height: 30px; word-break: keep-all;}
      #sec03 .top_txt p{font-size: 22px; text-align: right; font-family: 'Audiowide'; position: absolute; top: 70px; right: 30px; z-index: 1; color: #fff;}

      #sec04{padding-bottom: 100px;}
      #sec04 .sec_inner{padding: 0;}
      #sec04 .txt_box{padding: 120px 25px 0; margin-bottom: 80px;}
      #sec04 .txt_box span{word-break: keep-all;}
      #sec04 .logo_box img{content: url("/resources/img/main/m_sec04_logo.svg");}

      #sec05{height: unset;}
      #sec05 .sec_inner{padding-bottom: 140px;}
      #sec05 .bg{background: url('/resources/img/main/m_sec05.jpg') center center / cover no-repeat;}
      #sec05 .line{display: none;}
      #sec05 .txt_box{padding-top: 185px;}
      #sec05 .txt_box .tit{margin-bottom: 70px;}
      #sec05 .txt_box .tit p{font-size: 20px; margin-bottom: 10px;}
      #sec05 .txt_box .tit h3{font-size: 60px; letter-spacing: 10px;}
      #sec05 .txt_box .tit h3 span{font-size: 80px;}

      #sec05 .txt_box .txt{margin: 0;}
      #sec05 .txt_box .txt p{font-size: 18px; line-height: 32px; margin-bottom: 60px;}
      #sec05 .bi_txt {gap: 10px; bottom: 0;}
      #sec05 .bi_txt svg {width: 5vw; min-width: 40px; height: auto;}

      #sec06{padding: 0;}
      #sec06 .sec_inner{padding: 80px 15px 90px;}
      #sec06 .left_box{display: none;}
      #sec06 .right_box{margin: 0;}
      #sec06 .right_box > h3{font-size: 40px; margin-bottom: 56px;}
      #sec06 .info_wrap{margin: 0 0 35px;}
      #sec06 .info_wrap .txt{flex-direction: column; align-items: center; margin-bottom: 40px; gap: 20px;}
      #sec06 .info_wrap .txt h3{font-size: 30px;}
      #sec06 .info_wrap .btn_box{flex-direction: column; margin-bottom: 30px;}
      #sec06 .info_wrap .btn_box a {width: 242px;}
      #sec06 .info_wrap .btn_box a .icon {margin-right: 26px;}
      #sec06 .info_wrap .btn_box a span {margin-right: 60px;}
      #sec06 .info_wrap .btn_box a:hover .arrow::after {width: 230px;}
      #sec06 .info_wrap .info p{font-size: 26px;}
      #sec06 .info_wrap .info span{font-size: 22px;}
      #sec06 .right_box .big_btn{text-align: center;}
      #sec06 .right_box .big_btn img{content: url('/resources/img/main/m_sec06_btn.jpg'); max-width: 362px;}
}

@media screen and (max-width: 700px) {
      #sec01 .line_imgWrap::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
      #sec01 .center_copy{top: 40%;}
      #sec01 .line_imgWrap .box:nth-child(1){top: 115px;}
      #sec01 .line_imgWrap .box:nth-child(2){top: 43%; right: 0px; bottom: unset; left: unset; z-index: 0;}
      #sec01 .line_imgWrap .box:nth-child(3){bottom: 45px;}
      #sec01 .line_imgWrap .box:nth-child(4){bottom: 0; right: 0; display: none;}
      #sec01 .line_imgWrap .box:nth-child(5){bottom: 300px; display: none;}
}

@media screen and (max-width: 500px){
      #sec04 .txt_box h3{font-size: 10vw;}
      #sec04 .txt_box span{font-size: 5vw;}
}