@font-face {
    font-family: 'NexonWarhaven';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2312-1@1.1/WarhavenB.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}


@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Gloock&display=swap');

:root {
--mainBlue : #0147fa;
--mainBlue2 : #0256ff
}
* {letter-spacing:-0.03em;}

.main_wrap.w1000 {max-width:1000px;background:#fff;overflow:hidden;}
button {background:transparent; border:0;}
ul { list-style: none;}




@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

.blink {
  animation: blink-effect 2s step-end infinite;
}
.quick_menu.w1000 {max-width:1000px;}
.flex-box {display:flex;}
.NexonWarhaven {font-family: 'NexonWarhaven' !important;font-weight:700;}
.gloock {
  font-family: "Gloock", serif !important;;
  font-weight: 400;
  font-style: normal;
}

.barGd {width:100%; background-repeat:no-repeat; background-position:center;}
.barGd.bg1 {height:114px; height:clamp(55px, 11vw, 114px);; background-image:url("../img/hilowave/barGd1_bg.jpg");}
.barGd.bg2 {height:103px;height:clamp(50px, 10.3vw, 103px); background-image:url("../img/hilowave/barGd2_bg.png"); padding:0 clamp(24px, 5vw, 50px) 0 clamp(15px, 3vw, 30px);}

#hilowaveBtn {width:100%; height:100%;display:flex;align-items:center; justify-content:center;}
#hilowaveBtn span {color:#fff; font-size:clamp(20px, 4vw, 41px);; font-weight:700; disply:flex; justify-content:center; align-items:center; }

.barGd.bg2 .flex-box {align-items:center; justify-content:space-between;height:100%;}
.barGd.bg2 .txt {font-size:clamp(16px, 3.3vw, 33px); color:#fff; font-weight:500;}

#sect1 {background:url("../img/hilowave/sect1_bg5.jpg")no-repeat center top;background-size:cover;}
#sect2 {background:url("../img/hilowave/sect2_bg.jpg")no-repeat center; background-size:cover;}
#sect3 {background:url("../img/hilowave/sect3_bg2.jpg")no-repeat center top; background-size:cover;}
#sect4 .bg {width:100%; height:clamp(200px, 36.8vw, 368px);background:url("../img/hilowave/sect4_bg.jpg")no-repeat center; background-size:cover;}
#sect5 {background:url("../img/hilowave/sect5_bg1.jpg")no-repeat center top; background-size:cover;}

#sect7 {background: url("../img/hilowave/sect7_bg.jpg") no-repeat center; background-size:cover;}
#sect8 {background: url("../img/hilowave/sect8_bg.jpg") no-repeat center; background-size:cover}
#sect9 {background: url("../img/hilowave/sect9_bg2.jpg") no-repeat center bottom;}
#sect10 {background: url("../img/hilowave/sect10_bg4.jpg") no-repeat center; background-size:cover;}


.line_title_txt {padding:clamp(30px, 6.5vw, 65px) clamp(30px, 6vw, 60px) 0;}
.line_title_txt .flex-box { border-bottom:1px solid #fff; align-items:center; justify-content:space-between;}
.line_title_txt span {font-size:clamp(11px, 2.5vw, 25px); font-weight:500; color:#fff;display:flex; width:clamp(85px, 15.5vw, 155px); height:clamp(28px, 6.2vw, 62px); justify-content:center; align-items:center; border-right:1px solid #fff;text-transform:uppercase;}
.line_title_txt p {padding-right:clamp(7px, 1.4vw, 14px); display:flex;align-items:center;justify-content:flex-end; color:#fff;font-size:clamp(11px, 2.5vw, 25px); font-weight:500;text-transform:uppercase;}

.line_bar {display:inline-block; background: linear-gradient(0deg, #063bc2 0%, #0047ff 100%); padding:clamp(5px, 0.9vw, 9px) clamp(25px, 5vw, 50px) ; border-radius:70px;}
.line_bar strong {font-size:clamp(14px, 2.9vw, 29px); font-weight:500; color:#fff; text-transform:uppercase;}

.visual_sect .txt_wrap {padding:clamp(65px, 16vw, 160px) 0 0 clamp(40px, 9vw, 90px);}
.visual_sect .txt_wrap strong {color:#131313; font-weight:600; font-size:clamp(2vw, 4vw, 44px); }
.visual_sect .txt_wrap h2 { font-size:clamp(6vw, 12.8vw, 128px);background: linear-gradient(0deg, #063bc2, #0048ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text; margin-left:-8px;}
.visual_sect .txt_wrap p {color:#131313; font-size:clamp(1.7vw, 3.6vw, 36px); font-weight:600; line-height:1.3;}
.visual_sect .txt_wrap p b {color:#0146f3;}
.visual_sect .tags {display:flex; justify-content:flex-start; margin-top:clamp(2vw, 3.5vw, 35px);}
.visual_sect .tags + .tags {margin-top:clamp(0.8vw, 1.5vw, 15px);}
.visual_sect .tags span {display:flex; justify-content:center; align-items:center; color:#4e79e3; font-size:clamp(1.2vw, 2.6vw, 26px); font-weight:600;
border-radius: 50px;
box-shadow: inset 0.035px 0.999px 5px rgba(104,146,251,0.33);
background-color: #ffffff;
border: 2px solid #e9ecf2; padding:clamp(4px, 1.5vw, 15px) clamp(8px, 1.5vw, 15px);}
.visual_sect .tags span + span {margin-left:clamp(0.5vw, 1vw, 10px);}






#promotion {margin-top:clamp(9vw, 93vw, 930px);padding-top:clamp(30px, 3vw, 30px)}
#promotion .txt_wrap2{display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:center;}
#promotion .txt_wrap2 h2 {color:#0e1641; font-size:clamp(44px, 9.2vw, 92px); padding-top:clamp(15px, 3vw, 30px); line-height:1.3}
#promotion .txt_wrap2 h2 b {color:#0343e7;}
#promotion .txt_wrap2 p {color:#353535; font-size:clamp(16px, 3.5vw, 35px); font-weight:600; line-height:1.3; padding-top:clamp(10px, 2vw, 20px);}

#promotion .price_wrap {
padding-top:clamp(25px, 6vw, 60px);
padding-right:clamp(40px, 9vw, 90px);
padding-bottom:clamp(50px, 12vw, 120px);
padding-left:clamp(40px, 9vw, 90px);
display:flex; flex-direction:column;/* margin-top:-450px;*/position:relative;}
/*
#promotion .price_wrap:after {content:''; display:block; width:100%; height:clamp(180px, 25vw, 250px); background:#fff; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
*/
#promotion .price_wrap .txt {z-index:5;padding-left:clamp(20px, 4.5vw, 45px)}
#promotion .price_wrap h3 {color:#2f2f2f; font-size:clamp(17px, 4.9vw, 49px); line-height:1.4; letter-spacing:-0.08em;font-weight:400; margin-top:clamp(5px, 1vw, 10px);}
#promotion .price_wrap h3 b {font-weight:700;font-size:clamp(23px, 4.9vw, 49px);}
#promotion .price_wrap .price {text-align:right;z-index:5;padding-right:clamp(20px, 4.5vw, 45px)}
#promotion .price_wrap .price h4 {color:#0147fa; font-size:clamp(50px, 11.5vw, 115px); font-weight:700;}
#promotion .price_wrap .price h4 span {font-family: 'Paperozi' !important;color:#747474; font-size:clamp(18px, 4vw, 40px);text-decoration: line-through; letter-spacing:-1px; font-weight:500;}
#promotion .price_wrap .price h4 strong {color:#2f2f2f; font-weight:600; font-size:clamp(23px, 5.8vw, 58px); display:inline-block; margin-left:3px;}
#promotion .price_wrap p {color:#fff; text-align:right; font-size:clamp(11px, 2.3vw, 23px);font-weight:600;letter-spacing:-0.08em; padding-top:30px;}

#promotion .price_wrap .coupon_wrap {display:flex; height:clamp(180px, 45vw, 450px);}
#promotion .price_wrap .coupon_wrap .whiteSect {flex:1; height:100%; background:#fff; border-radius: clamp(10px, 2vw, 20px);
box-shadow: inset 0.454px 8px 8px rgba(29,35,110,0.19);
background-color: #ffffff;
border: 1px solid #ffffff; padding:clamp(20px, 4.5vw, 45px) 0; display:flex; flex-direction:column; justify-content:space-between; }
#promotion .price_wrap .coupon_wrap .blueBar {background:#0362ff;flex:0 0 clamp(50px, 13vw, 130px);width: clamp(50px, 13vw, 130px); height: 100%;border-radius: clamp(10px, 2vw, 20px);display: flex; align-items: center;  justify-content: center;}
#promotion .price_wrap .coupon_wrap .blueBar span {white-space: nowrap; transform: rotate(-90deg); color:#fff; font-size:clamp(13px, 3.2vw, 32px); text-transform:uppercase;}


#sect2 .line_tit {text-align:center; padding:clamp(65px, 13vw, 130px) 0 0;}
#sect2 .line_tit strong {color:#fff; font-size:clamp(18px, 4.2vw, 42px); position:relative; padding:clamp(15px, 2.2vw, 22px) clamp(50px, 10vw, 100px); z-index:5;}
#sect2 .line_tit strong:after {Content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%); background:url("../img/hilowave/line_tit_bg.png")no-repeat center; z-index:-1;}
#sect2 h3 {font-size:clamp(35px, 7.9vw, 79px); color:#fff; line-height:1.3; text-align:center; padding-top:clamp(20px, 3.5vw, 35px);}
#sect2 .before_after {display:flex; flex-direction:column; align-items:center; padding:clamp(35px, 7.5vw, 75px) clamp(40px, 6vw, 60px) clamp(60px, 12.5vw, 125px);}
#sect2 .before_after .list {display:flex;}
#sect2 .before_after .list + .list {margin-top:clamp(15px, 3.4vw, 34px);}
#sect2 .before_after .txt {font-size:clamp(16px, 3.3vw, 33px); font-weight:600; letter-spacing:-0.04em;text-align:center; line-height:1; padding:clamp(10px, 2vw, 20px) 0;}
#sect2 .before .txt {color:#6b6b6b;background:#fff;}
#sect2 .after {background:var(--mainBlue);}
#sect2 .after .txt {color:#fff;}

#sect3 .line_title_txt span{color:#47484c;border-color:#8c8d94;}
#sect3 .line_title_txt .flex-box {border-color:#8c8d94;}
#sect3 .line_title_txt p {color:#47484c;}
#sect3 .txt_wrap {text-align:center; padding-top:clamp(40px, 12.3vw, 123px);}
#sect3 .txt_wrap h3 {position:relative; color:#0e1641; font-size:clamp(38px, 7.9vw, 79px); padding-top:clamp(10px, 3vw, 30px);}
#sect3 .txt_wrap h3 b {color:var(--mainBlue);}
#sect3 .txt_wrap h4 {color:#46474e; font-size:clamp(20px, 4vw, 40px); font-weight:700; padding-top:clamp(5px, 3vw, 30px);}
#sect3 .line_top {position:relative; padding-top:clamp(90px, 17.5vw, 175px);}
#sect3 .line_top:before {content:''; display:block; width:1px; height:clamp(50px, 10vw, 100px);background:#282a36; position:absolute; top:clamp(20px, 4vw, 40px); left:50%;}
#sect3 .line_top h5 {font-size:clamp(20px, 4vw, 40px); color:#46474e; font-weight:400; line-height:1.4;}
#sect3 .line_top h5 b {font-weight:700;}
#sect3 .line_top h5 strong {color:var(--mainBlue); font-weight:700;}
#sect3 .tag_wrap {display:flex; justify-content:center; margin-top:30px;}
#sect3 .tag_wrap span {display:flex; align-items:center;}
#sect3 .tags {display:flex; padding:clamp(7px, 1.5vw, 15px) clamp(22px, 5vw, 50px); border-radius:100px;
 border: 1px solid transparent;
 background:
linear-gradient(#fff, #fff) padding-box,
linear-gradient(0deg, #94aff3, #fff) border-box;}
#sect3 .tags span {color:#47474a; font-size:clamp(16px, 3.4vw, 34px); font-weight:700;display:inline-block;}
#sect3 .tags span + span {margin-left:clamp(6px, 1.2vw, 12px);}
#sect3 .tags span img {margin-right:clamp(5px, 1vw, 10px);}
#sect3 .img_wrap {padding-top:clamp(40px, 8.5vw, 85px);}
#sect3 .bot_txt {text-align:center; padding-top:clamp(100px, 16vw, 160px);}
#sect3 .bot_txt h3 {color:#0e1641; font-size:clamp(32px, 6.7vw, 67px);}
#sect3 .bot_txt h3 b {color:var(--mainBlue);}
#sect3 .bot_txt p {color:#46474e; font-size:clamp(17px, 3.5vw, 35px); font-weight:600; line-height:1.4; padding-top:clamp(15px, 3vw, 30px);}
#sect3 .box_wrap {padding:clamp(40px, 8.5vw, 85px) 0 clamp(60px, 12.5vw, 125px); display:flex; justify-content:center; gap:clamp(12px, 2.5vw, 25px);}
#sect3 .box_wrap .boxSect {border-radius: 20px;
box-shadow: inset 0.14px 3.998px 16px rgba(63,154,231,0.24);
background-color: rgba(255 255 255 / 51%);
border: 2px solid #ffffff; width:390px;height: 464px;display:flex; flex-direction:column; justify-content:center; align-items:center;}
#sect3 .boxSect .txt { text-align:center;}
#sect3 .boxSect .txt strong {color:#0e1641; font-size:clamp(20px, 4vw, 40px);display:block; margin-bottom:clamp(15px, 3vw, 30px); margin-top:clamp(10px, 2vw, 20px);}
#sect3 .boxSect .txt span {color:#46474e; font-size:clamp(14px, 2.9vw, 29px); letter-spacing:-0.04em;display:inline-block;}
#sect3 .boxSect .txt span img {margin-right:clamp(5px, 1vw, 10px);}
#sect3 .boxSect .txt span + span {margin-top:clamp(9px, 1.8vw, 18px);}

#sect5 .line_tit2 {text-align:center; padding:clamp(60px, 15vw, 150px) 0 0;}
#sect5 .line_tit2 strong {color:#fff; font-size:clamp(10px, 2.9vw, 29px); position:relative; padding:30px clamp(17px, 19.5vw, 195px); z-index:5; letter-spacing:2px;font-weight:600;}
#sect5 .line_tit2 strong:after {Content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%); background:url("../img/hilowave/line_tit_bg2.png")no-repeat center; z-index:-1;}
#sect5 h4 {font-size:clamp(44px, 9.2vw, 92px); color:#fff; text-align:center; padding-top:clamp(25px, 5.5vw, 55px);}
#sect5 .txt_wrap {text-align:center; padding-bottom:clamp(50px, 12vw, 120px);}
#sect5 .txt_wrap h5 {font-size:clamp(18px, 4.5vw, 45px); font-weight:600; color:#fff; }
#sect5 .txt_wrap p {font-weight:400; font-size:clamp(20px, 5vw, 50px); color:#fff;position:relative; padding-top:clamp(60px, 17vw, 170px);}
#sect5 .txt_wrap p:before {content:''; display:block; width:1px; height:clamp(40px, 10vw, 100px);background:#fff; position:absolute; top:clamp(10px, 3vw, 30px); left:50%;}
#sect5 .txt_wrap p b {font-weight:700;}
#sect5 .txt_wrap p span {font-size:clamp(25px, 6.2vw, 62px);}

#sect6 .top_txt h3 {color:#0e1641; font-size:clamp(34px, 9.5vw, 95px); text-align:center;}
#sect6 .top_txt h3 b {color:#0343e7;}
#sect6 .bot_txt .flex-box {justify-content:center;}
#sect6 .bot_txt h3 {color:#0147fa; text-align:center; font-size:clamp(40px, 11.4vw, 114px); padding-top:clamp(10px, 2.5vw, 25px);}
#sect6 .bot_txt p.top {color:#0e1641; font-size:clamp(14px, 4vw, 40px); font-weight:600; text-align:center; padding-top:clamp(10px, 2.5vw, 25px); line-height:1.3;}

#sect6 .bg_b1 {background:url("../img/hilowave/sect6_bg_b1.jpg")no-repeat center bottom; background-size:cover;}
#sect6 .top_txt {padding:clamp(45px, 9vw, 90px) 0 clamp(20px, 4.5vw, 45px);}
#sect6 .upgrade_img {text-align:center; padding-bottom:clamp(35px, 7vw, 70px);}
#sect6 .bot_txt {background:url("../img/hilowave/sect6_bg_b3.jpg")no-repeat center top; padding:70px 0 0;}
#sect6 .box_wrap {display:flex; flex-wrap:wrap;justify-content:center; padding-top:clamp(40px, 8vw, 80px)}
#sect6 .box_wrap .boxSect {border-radius: clamp(25px, 5vw, 50px);
box-shadow: inset 0.14px 3.998px 16px rgba(63,154,231,0.24);
background-color: rgba(255 255 255 / 35%);
border: 2px solid #ffffff; width:clamp(135px, 37vw, 370px);height: clamp(135px, 37vw, 370px);display:flex; flex-direction:column; justify-content:center; align-items:center; margin-right:clamp(12px, 3.5vw, 35px); margin-bottom:clamp(12px, 3.5vw, 35px);}
#sect6 .box_wrap .boxSect:nth-child(2n) {margin-right:0;}
#sect6 .box_wrap .boxSect:nth-child(3),#sect6 .box_wrap .boxSect:nth-child(4) {margin-bottom:0;}
#sect6 .box_wrap p {font-size:clamp(14px, 4vw, 40px); color:#0e1641;font-weight:600;text-align:center; padding-top:10px;}
#sect6 .box_wrap p b {color:#015ffa;}
#sect6 .bot_img_txt {background:url("../img/hilowave/sect6_bg_b4.jpg")no-repeat center top; background-size:cover;}
#sect6 .bot_img_txt .txt_wrap {padding:clamp(55px, 14vw, 140px) 0 clamp(135px, 36.3vw, 363px) clamp(30px, 9.5vw, 95px);} 
#sect6 .bot_img_txt .txt_wrap p {color:#fff; font-size:clamp(15px, 4.4vw, 44px); line-height:1.4; font-weight:600;}
#sect6 .bot_img_txt .txt_wrap h4 {color:#fff; font-size:clamp(32px, 9vw, 90px); padding-top:clamp(20px, 4vw, 40px);}




#sect7 .txt_wrap {padding:clamp(35px, 10.5vw, 105px) clamp(30px, 8.5vw, 85px) 0;}
#sect7 h3 {font-size:clamp(29px, 8.2vw, 82px); color:#01fae5;}
#sect7 h4 {font-size:clamp(29px, 8.2vw, 82px); color:#fff;}
#sect7 .txt_wrap ul {padding:clamp(20px, 6.5vw, 65px) 0 clamp(40px, 10vw, 100px);}
#sect7 .txt_wrap li {font-size:clamp(12px, 3.1vw, 31px); font-weight:600;color:#fff;padding-left:clamp(20px, 6.3vw, 63px); position:relative;}
#sect7 .txt_wrap li + li {margin-top:clamp(10px, 2.7vw, 27px);}
#sect7 .txt_wrap li:before {content:''; display:block; width:clamp(13px, 3.7vw, 37px); height:clamp(13px, 3.7vw, 37px); background:url("../img/hilowave/sect7_check.png")no-repeat center;background-size:cover; position:absolute; top:50%; transform:translateY(-50%); left:0;}
#sect7 .img_wrap {text-align:center; padding:0 40px;}
#sect7 .img_wrap img {max-width:820px; box-shadow:-5px 0 13px rgba(10, 58, 137, 0.21); width:100%;}
#sect7 .bot_logo {text-align:center; padding:clamp(20px, 6.7vw, 67px) 0 clamp(30px, 8vw, 80px);}

#sect8 .txt_wrap {text-align:center; padding-top:clamp(50px, 14.5vw, 145px);}
#sect8 .txt_wrap h3 {font-size:clamp(30px, 8.2vw, 82px); color:#fff; padding-top:clamp(12px, 3vw, 30px);}
#sect8 .txt_wrap p {font-size:clamp(14px, 3.8vw, 38px); color:#fff; font-weight:600; line-height:1.5; padding:10px 0 clamp(25px, 6.5vw, 65px); }
#sect8 .flex-box {justify-content:center; padding:0 25px clamp(50px, 13.5vw, 135px); gap:clamp(12px, 3vw, 30px);}

#sect9 .txt_wrap {text-align:center; padding:clamp(50px, 12vw, 110px) 0;}
#sect9 .txt_wrap strong {color:var(--mainBlue2); font-size:clamp(12px, 3.3vw, 33px); letter-spacing:5px; font-weight:700;}
#sect9 .txt_wrap h3 {color:#0e1641; font-size:clamp(30px, 8.2vw, 82px); padding-top:clamp(20px, 4vw, 40px);}
#sect9 .txt_wrap h3 b {color:var(--mainBlue2);}
#sect9 .txt_wrap p {color:#0e1641; font-size:clamp(14px, 3.7vw, 37px); font-weight:700; padding-top:clamp(20px, 5vw, 50px);}
#sect9 .txt_wrap p b {color:var(--mainBlue2); font-weight:700;}
#sect9 .txt_wrap p + p {padding-top:clamp(10px, 3vw, 30px)}
#sect9 .img_wrap {padding-bottom:clamp(95px, 25vw, 250px);}

#sect10 {position:relative;overflow:hidden;}
#sect10 .img_wrap {position:absolute; top:0; right:0;}
#sect10 .txt_wrap {padding:clamp(45px, 13vw, 130px) clamp(35px, 9.5vw, 95px);}
#sect10 .txt_wrap p {font-size:clamp(14px, 3.7vw, 37px); color:#fff; font-weight:600; line-height:1.4; padding-top:clamp(15px, 4.5vw, 45px)}
#sect10 .txt_wrap h4 {font-size:clamp(17px, 4.7vw, 47px); color:#fff; font-weight:600; padding-top:clamp(20px, 6vw, 60px);}
#sect10 .txt_wrap .txt_img {padding-top:clamp(13px, 2.5vw, 25px);}
#sect10 .txt_wrap h5 {font-size:clamp(24px, 6.7vw, 67px); color:#fff; font-weight:700; line-height:1.4; padding-top:clamp(25px, 7.5vw, 75px);}

#sect10 .ttxt_wrap {text-align:center; padding:clamp(80px, 16vw, 160px) 0 clamp(60px, 12vw, 120px);}
#sect10 .ttxt_wrap h4 {font-size:clamp(17px, 4.7vw, 47px); font-weight:600; color:#fff;}
#sect10 .ttxt_wrap h3 {font-size:clamp(24px, 6.6vw, 66px); font-weight:700; color:#fff; line-height:1.4;padding-top:clamp(25px, 7vw, 70px) }
#sect10 .ttxt_wrap .txt_img {padding-top:clamp(25px, 6vw, 60px)}
#sect10 .ttxt_wrap .logo_txt {padding-top:clamp(50px, 13vw, 130px)}






@media (max-width:1000px){
	#sect1 {background-size:contain;}
/*
	#promotion .price_wrap {
		margin-top:clamp(-40vw, -45vw, -450px);
	}
*/
	.barGd.bg2 img {max-width:clamp(25px, 2.5vw, 25px);}

	#sect2 .line_tit strong:after,#sect5 .line_tit2 strong:after {background-size:contain;}

	#sect3 .txt_wrap img {max-width:clamp(145px, 31.5vw, 315px)}
	#sect3 .tags span img {max-width:clamp(12px, 2.4vw, 24px)}

	#sect3 .boxSect .txt span img {max-width:clamp(16px, 3.2vw, 32px);}
	#sect3 .box_wrap .boxSect {padding:30px 10px; justify-content:flex-start;width:clamp(calc(50% - 40px), 39vw, 390px);height:auto;}
	#sect3 .box_wrap .boxSect .ico img {max-width:clamp(65px, 7.5vw, 75px);}

	#sect6 .upgrade_img {padding:0 20px clamp(35px, 7vw, 70px);}
	#sect6 .box_wrap .boxSect .img img {max-width:60px;}
	#sect6 .bot_txt {background-size:cover;padding:clamp(20px, 5vw, 70px) 0 0; background-position:bottom;}

	#sect6 .bot_img_txt .txt_wrap {padding-bottom:29.3vw;}

	#sect7 .bot_logo img {max-width:clamp(125px, 34vw, 340px);}

	#sect8 .txt_wrap h4 img {max-width:clamp(240px, 37.5vw, 375px);}

	#sect9 {background-size:contain;background-color:#d4e4fe;}

	#sect10 .txt_wrap .txt_img {max-width:clamp(145px, 43.6vw, 436px);}
	#sect10 .logo img {max-width:clamp(30px, 7.6vw, 76px);}
	
	#sect10 .ttxt_wrap .txt_img img {max-width:clamp(80vw, 41vw, 414px);}
	
	#sect10 .ttxt_wrap .logo_txt img {max-width:clamp(40vw, 31vw, 313px);}

	
}


@media (max-width:640px){
	.visual_sect .tags span {
		box-shadow: inset 0.035px 0.999px 3px rgba(104,146,251,0.33);
		border-width:1px;
	}
	#sect3 {background-position:bottom;}
	#sect3 .line_top h5 {line-height:1.3;}
	
	#sect3 .boxSect .txt span {font-size:3vw;}
	#sect3 .boxSect .txt span img {max-width:2vw;}

	#sect1 {background-size:cover;}

	
	
}

@media (max-width:260px){
	#sect8 .txt_wrap h4 {padding:0 10px;}
	#sect8 .txt_wrap h4 img {max-width:100%;}
}