/* Header
========================================================================== */
@media all and (min-width: 768px) and (max-width: 1023px) { .header .nav .menu { left: 10px; }
  .header .nav .menu .third { right: 0px !important; }
  .header .nav .menu li { font-size: 12px; } }

@media all and (min-width: 1024px) and (max-width: 1279px) { .header .lang { right: 220px; }
  .header .nav .menu { left: 20px; }
  .header .nav .menu li { font-size: 16px; } }

/* Header
========================================================================== */
/* List
========================================================================== */
/** 
  * pop up window
  * nav
  * main
  * comingSoon
  * footer

**/
/* List end
========================================================================== */
/* pop up window
========================================================================== */
@media screen and (max-width: 1112px) { .formPopOutMovePadding { margin-right: 0 !important; } }

@media screen and (max-width: 1480px) { .modal .modal-content { width: 95%; } }

@media screen and (max-width: 1480px) and (max-width: 1440px) { .modal .modal-content .intel-wrapper .box-inner .box-content { min-height: 300px !important; } }

@media screen and (max-width: 1280px) { .modal .modal-content-container-title { font-size: 1.75rem; }
  .modal .modal-content .modal-content-container .intel-wrapper .box-inner .box-img { height: auto; }
  .modal .modal-content .modal-content-container .intel-wrapper .box-inner .box-content { min-height: 320px !important; }
  .modal .modal-content .modal-content-container iframe { width: 100%; }
  .modal .modal-content .modal-content-container .productItem-wrapper { text-align: center; }
  .modal .modal-content .modal-content-container .productItem-wrapper .productItem { width: 50%; margin-bottom: 20px; }
  .modal .modal-content .modal-content-container .productItem-wrapper .productItem p { font-size: 1.25rem; }
  .modal .modal-content .modal-content-container .productItem-wrapper .productItem .productInfo { font-size: 0.95rem; font-weight: 400; text-align: center; }
  .modal .modal-content .modal-content-container .productItem-wrapper .productItem .productItemBTN { float: inherit; padding: 7px 40px; margin: auto; } }

@media screen and (max-width: 1025px) { .modal .modal-content .modal-content-container .modal-content-container-box { width: 100%; }
  .modal .modal-content .modal-content-container .yt-alignment { width: 100%; height: 100%; margin-bottom: -5%; margin-top: 5%; }
  .modal .modal-content .modal-content-container .yt-alignment iframe { width: 100%; height: 450px; } }

@media only screen and (max-width: 1025px) and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .modal .modal-content .modal-content-container .intel-wrapper .box-inner .box-wrapper { width: 30.4%; } }

@media screen and (max-width: 1025px) { .modal .modal-content .modal-content-container .intel-wrapper .box-inner .box-content { min-height: 360px !important; }
  .modal .modal-content .modal-content-container iframe { height: 225px; }
  .modal .modal-content .modal-content-container .productItem { width: 85%; } }

@media screen and (max-width: 960px) { .modal .modal-content .modal-content-container .yt-alignment { margin-bottom: -4%; }
  .modal .modal-content .modal-content-container .yt-alignment iframe { height: 380px; }
  .modal .modal-content .modal-content-container .intel-wrapper .box-inner .box-wrapper:nth-child(odd) { padding-right: 5px; }
  .modal .modal-content .modal-content-container .intel-wrapper .box-inner .box-wrapper:nth-child(even) { padding-left: 5px; } }

@media screen and (max-width: 960px) and (max-width: 834px) { .modal .modal-content .modal-content-container .intel-wrapper .box-inner .box-wrapper { width: 50%; margin-right: 0; margin-left: 0; margin-bottom: 25px; }
  .modal .modal-content .modal-content-container .intel-wrapper .box-inner .box-wrapper:hover { transform: none; box-shadow: none; }
  .modal .modal-content .modal-content-container .intel-wrapper .box-inner .box-wrapper .box-content { min-height: 320px !important; } }

@media screen and (max-width: 960px) { .modal .modal-content .modal-content-container .productItem-wrapper .productItem { width: 75%; } }

@media screen and (max-width: 769px) { .modal .modal-content .modal-content-container .yt-alignment { margin-top: -4%; margin-bottom: -8%; }
  .modal .modal-content .modal-content-container .yt-alignment iframe { width: 100%; height: 340px; }
  .modal .modal-content .modal-content-container .intel-wrapper .box-inner .box-wrapper { width: 50%; }
  .modal .modal-content .modal-content-container .intel-wrapper .box-inner .box-wrapper .box-content { min-height: 320px !important; }
  .modal .modal-content .modal-content-container .News { margin-bottom: 50px; }
  .modal .modal-content .modal-content-container .productItem-wrapper { grid-template-columns: repeat(2, 1fr); }
  .modal .modal-content-container-article { margin-bottom: 70px; } }

@media screen and (max-width: 450px) { .modal .modal-content { width: 100%; }
  .modal .modal-content .modal-content-container { padding: 20px 20px; }
  .modal .modal-content .modal-content-container .yt-alignment { margin-bottom: -15%; }
  .modal .modal-content .modal-content-container .intel-wrapper .box-inner .box-wrapper { width: 100%; padding: 0 !important; margin-bottom: 20px; }
  .modal .modal-content .modal-content-container iframe { height: 170px; } }

@media screen and (max-width: 375px) { .modal .modal-content .modal-content-container iframe { height: 147px; }
  .modal .modal-content .modal-content-container .productItem-wrapper .productItem { width: 100%; text-align: center; margin: auto; }
  .modal .modal-content .modal-content-container .productItem-wrapper .productItem img { width: 100%; }
  .modal .modal-content .modal-content-container .productItem-wrapper .productItem p { font-size: 1rem; } }

/* pop up window end
========================================================================== */
/**
*
*
*
*
**/
/* nav start
========================================================================== */
@media screen and (max-width: 2560px) and (max-width: 960px) { .header { background-image: linear-gradient(to top, rgba(235, 235, 235, 0), rgba(17, 17, 17, 0.192)); height: 60px; } }

@media screen and (max-width: 2560px) and (max-width: 960px) { .header .menuToggle { display: block; } }

@media screen and (max-width: 2560px) and (max-width: 428px) { .header .menuToggle .mobile-menu { top: -50px; } }

@media screen and (max-width: 2560px) and (max-width: 414px) { .header .menuToggle .mobile-menu { top: -50px; } }

@media screen and (max-width: 2560px) and (max-width: 834px) { .header .lang { right: 120px !important; } }

@media screen and (max-width: 2560px) and (max-width: 821px) { .header .lang { right: 155px !important; } }

@media screen and (max-width: 2560px) and (max-width: 769px) { .header .lang { right: 150px !important; } }

@media screen and (max-width: 2560px) and (max-width: 960px) { .header .lang { left: -14px !important; } }

@media screen and (max-width: 2560px) and (max-width: 415px) { .header .lang { right: 280px !important; } }

@media screen and (max-width: 2560px) and (max-width: 376px) { .header .lang { left: -17px !important; } }

@media screen and (max-width: 2560px) and (max-width: 429px) { .header .lang ul li a { padding: 17px 12px !important; } }

@media screen and (max-width: 2560px) and (max-width: 415px) { .header .lang ul li a { padding: 20px 15px !important; } }

@media screen and (max-width: 2560px) and (max-width: 376px) { .header .lang ul li a { padding: 17px 15px !important; } }

@media screen and (max-width: 2560px) and (max-width: 769px) { .header .nav .logo-box { width: 120px; } }

@media screen and (max-width: 2560px) and (max-width: 960px) { .header .nav .logo-box { line-height: 60px !important; left: 50% !important; transform: translateX(-55%) !important; } }

@media screen and (max-width: 2560px) and (max-width: 414px) { .header .nav .logo-box { left: 53% !important; } }

@media screen and (max-width: 2560px) and (max-width: 769px) { .header .nav .logo-box .logo img { width: 128px !important; } }

@media screen and (max-width: 2560px) and (max-width: 414px) { .header .nav .logo-box .logo img { width: 125px !important; } }

@media screen and (max-width: 2560px) and (max-width: 834px) { .header .nav .menu li { font-size: 18px !important; line-height: 82px; }
  .header .nav .menu li:nth-child(1) { margin-left: -50px !important; }
  .header .nav .menu li:nth-child(3) { font-size: 18px !important; } }

@media screen and (max-width: 2560px) and (max-width: 960px) { .header .nav .menu { display: none; } }

@media screen and (max-width: 2560px) { .header .nav .menu li:nth-child(3) { top: 22px !important; padding: 5px 15px !important; } }

@media screen and (max-width: 2560px) and (max-width: 1025px) { .header .nav .menu li:nth-child(3):hover { background-color: transparent; border: solid 1px #fff; } }

/* nav end
========================================================================== */
/**
*
*
*
*
**/
/* main start
========================================================================== */
@media screen and (max-width: 2561px) { .main .content_mask { top: 80vh; } }

@media screen and (min-width: 2560px) { .main .content_mask { top: 75vh; } }

@media screen and (max-width: 1366px) { .main .content_mask { top: 75vh; } }

@media screen and (max-width: 1280px) { .main .content_mask { top: 80vh; } }

@media screen and (max-width: 1025px) { .main .content_mask { top: 85vh; } }

@media screen and (max-width: 834px) { .main .content_mask { top: 70vh; } }

@media screen and (max-width: 960px) { .main .content_mask { top: 80vh; } }

@media screen and (max-width: 428px) { .main .content_mask { height: 150px; top: 90vh; } }

@media screen and (max-width: 414px) { .main .content_mask { height: 500px; top: 110vh; } }

@media screen and (max-width: 375px) { .main .content_mask { height: 1000px; top: 110vh; } }

@media screen and (min-width: 1921px) { .main_content { background-image: url("../assets/img/TechTune-In-kv-2560.jpg"); } }

@media screen and (max-width: 1660px) { .main_content { background-position: 0vw -1.20482vw; } }

@media screen and (max-width: 1440px) { .main_content { background-position: -12.5vw -0.60241vw; } }

@media screen and (max-width: 1025px) { .main_content { background-image: url("../assets/img/TechTune-In-kv_1024.jpg"); background-size: cover; background-position: center bottom; } }

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .main_content { background-size: cover; background-position: center top; } }

@media screen and (max-width: 769px) { .main_content { background-image: url("../assets/img/TechTune-In-kv_768.jpg"); } }

@media screen and (max-width: 429px) { .main_content { background-image: url("../assets/img/TechTune-In-kv_375.jpg"); } }

@media screen and (max-width: 769px) { .main_content_filter { background: linear-gradient(90deg, rgba(2, 0, 36, 0.8) 0%, rgba(0, 82, 126, 0.8) 43%, rgba(114, 245, 255, 0.5) 100%); } }

@media screen and (max-width: 414px) { .main_content_filter { height: 150vh; } }

@media screen and (min-width: 2560px) { .main_content__article { padding-top: 9.375vw; padding-left: 31.25vw; padding-right: 0; width: 100%; } }

@media screen and (max-width: 1660px) { .main_content__article { padding-top: 25px; } }

@media screen and (max-width: 1440px) { .main_content__article { padding-top: 100px; } }

@media screen and (max-width: 1280px) { .main_content__article { padding-top: 2.34375vw; } }

@media screen and (max-width: 1025px) { .main_content__article { padding-top: 7.8125vw; } }

@media screen and (max-width: 960px) { .main_content__article { padding-top: 2.08333vw; } }

@media screen and (max-width: 429px) { .main_content__article { width: 100%; padding-top: 77.1028vw; padding-right: 25px; padding-left: 5px; } }

@media screen and (max-width: 414px) { .main_content__article { padding-top: 53.1401vw; } }

@media screen and (max-width: 376px) { .main_content__article { padding-top: 58.66667vw; } }

@media screen and (min-width: 1920px) { .main_content__article p { font-size: 1.04167vw; } }

@media screen and (max-width: 960px) { .main_content__article p { font-size: 1.875vw; } }

@media screen and (max-width: 429px) { .main_content__article p { line-height: 28px; font-size: 4.6729vw; } }

@media screen and (max-width: 414px) { .main_content__article p { font-size: 4.83092vw; } }

@media screen and (min-width: 2560px) { .main_content_Box { max-width: 80%; } }

@media screen and (max-width: 414px) { .main_content_Box { padding-top: 120px; } }

@media screen and (min-width: 2560px) { .main_content_Box-B { background-size: cover; } }

@media screen and (max-width: 2560px) { .main_content_Box-B { background-size: auto 105%; } }

@media screen and (min-width: 2560px) { .main_content_Box-A, .main_content_Box-B, .main_content_Box-C { background-size: auto 125%; } }

@media screen and (max-width: 2560px) { .main_content_Box-A, .main_content_Box-B, .main_content_Box-C { background-size: auto 125%; } }

@media screen and (max-width: 414px) { .main_content_Box-A, .main_content_Box-B, .main_content_Box-C { background-size: auto 95%; height: 140vh; } }

@media screen and (max-width: 960px) { .main_content_Box-A__title, .main_content_Box-B__title, .main_content_Box-C__title { width: 100%; } }

@media screen and (max-width: 414px) { .main_content_Box-A__title p, .main_content_Box-B__title p, .main_content_Box-C__title p { font-size: 28px; } }

@media screen and (max-width: 1025px) { .main_content_Box-A__article, .main_content_Box-B__article, .main_content_Box-C__article { width: 80%; } }

@media screen and (max-width: 960px) { .main_content_Box-A__article, .main_content_Box-B__article, .main_content_Box-C__article { width: 100%; } }

@media screen and (max-width: 414px) { .main_content_Box-A__article p, .main_content_Box-B__article p, .main_content_Box-C__article p { font-size: 16px; } }

@media screen and (max-width: 1440px) { .contentNav { margin-top: -2.60417vw; margin-left: 6.77083vw; } }

@media screen and (max-width: 1280px) { .contentNav { margin-top: 5%; } }

@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .contentNav { margin-top: 20%; } }

@media screen and (max-width: 1025px) { .contentNav { margin-top: 25%; } }

@media screen and (max-width: 834px) { .contentNav { margin-top: 50%; } }

@media screen and (max-width: 429px) { .contentNav { margin-top: 168.2243vw; margin-left: 0; } }

@media screen and (max-width: 414px) { .contentNav { margin-top: 154.58937vw; } }

@media screen and (min-width: 429px) and (max-width: 769px) { .contentNav_title p { font-size: 2.86458vw; line-height: 4.6875vw; } }

@media screen and (min-width: 1920px) { .contentNav .contentNav_card { width: 22.91667vw; } }

@media screen and (max-width: 1025px) { .contentNav .contentNav_card { width: 27.34375vw; } }

@media screen and (max-width: 960px) { .contentNav .contentNav_card { width: 36.45833vw; height: 150px; } }

@media screen and (max-width: 429px) { .contentNav .contentNav_card { width: 100%; } }

@media screen and (max-width: 414px) { .contentNav .contentNav_card { width: 100%; } }

@media screen and (max-width: 960px) { .contentNav .contentNav_card__title { width: 28.64583vw; } }

@media screen and (max-width: 429px) { .contentNav .contentNav_card__title { width: 81.7757vw; } }

@media screen and (max-width: 2560px) { .contentNav .contentNav_card__title p { font-size: 1.17188vw; } }

@media screen and (max-width: 1025px) { .contentNav .contentNav_card__title p { font-size: 1.5625vw; top: -5px; } }

@media screen and (max-width: 960px) { .contentNav .contentNav_card__title p { font-size: 1.875vw; } }

@media screen and (max-width: 429px) { .contentNav .contentNav_card__title p { font-size: 5.14019vw; } }

.contentNav_list { padding: 0 12px; }

@media screen and (max-width: 960px) { .contentNav_list__next:after { width: 96%; height: 1px; top: -10%; left: 0; background: linear-gradient(90deg, rgba(68, 174, 255, 0) 0%, #44aeff 49%, rgba(68, 174, 255, 0) 100%); } }

@media screen and (max-width: 429px) { .contentNav_list__next:after { width: 100%; height: 1px; top: -6%; } }

@media screen and (max-width: 414px) { .contentNav_list__next:after { top: -4%; } }

@media screen and (max-width: 960px) { .contentNav_list__next { margin-left: 0; margin-top: 6.51042vw; } }

@media screen and (max-width: 429px) { .contentNav_list__next { margin-top: 16.66667vw; } }

@media screen and (max-width: 414px) { .contentNav_list__next { margin-top: 11.11111vw; } }

@media screen and (max-width: 429px) { .contentNav_list__next .next-card ul li { margin: 0; margin-bottom: 20px; } }

/* main end
========================================================================== */
/**
*
*
*
*
**/
/* comingSoon start
========================================================================== */
@media screen and (max-width: 1025px) { .SliderBanner { padding: 4% 0 4% 0; } }

@media screen and (max-width: 960px) { .SliderBanner { padding-bottom: 2%; } }

@media screen and (max-width: 429px) { .SliderBanner { height: 450px; padding-bottom: 8% !important; } }

@media screen and (max-width: 480px) { .SliderBanner .arrow_next { transform: translateY(-30%) scale(0.8) !important; } }

@media screen and (max-width: 480px) { .SliderBanner .arrow_next:hover:before { width: 80px !important; height: 80px !important; } }

@media screen and (max-width: 2560px) { .SliderBanner_content { width: 2400px; } }

@media screen and (max-width: 429px) { .SliderBanner_content { margin-left: 1.93237vw !important; } }

@media screen and (max-width: 414px) { .SliderBanner_content { margin-left: 2.17391vw !important; } }

@media screen and (max-width: 960px) { .SliderBanner_content__title { font-size: 28px !important; white-space: normal; width: 91.14583vw; } }

@media screen and (min-width: 1920px) { .SliderBanner_content__card__item { width: 500px; } }

@media screen and (max-width: 1440px) { .SliderBanner_content__card__item { width: 34.72222vw; } }

@media screen and (max-width: 960px) { .SliderBanner_content__card__item { width: 71.61458vw !important; } }

@media screen and (max-width: 414px) { .SliderBanner_content__card__item { width: 96.61836vw !important; } }

@media screen and (max-width: 429px) { .SliderBanner_content__card__item .overlayTitle { padding-left: 20px !important; } }

@media screen and (max-width: 429px) { .SliderBanner_content__card__item .overlayTitle p { font-size: 20px !important; } }

@media screen and (max-width: 480px) { .SliderBanner_content__card__item .overlayContent p { display: none !important; } }

/* comingSoon end
========================================================================== */
/**
*
*
*
*
**/
/* footer start
========================================================================== */
@media screen and (max-width: 1480px) { footer .footerContainer .footerBox .termsLink { font-size: 12px; } }

@media screen and (max-width: 1280px) { footer .footerTitle { font-size: 25px; }
  footer .footerContent { font-size: 16px; font-weight: 400; }
  footer .footerContainer .footerBox .footerSns { padding: 20px 0px 30px 0px; }
  footer .footerContainer .footerBox .subsctibeBTN { font-size: 15px; font-weight: 500; } }

@media screen and (max-width: 1025px) { footer .footerTitle { font-size: 24px; }
  footer .footerContent { font-size: 15px; }
  footer .footerBox { width: 45%; }
  footer .footerBox:nth-child(2) { margin-right: 0; }
  footer .footerBox .subsctibeBTN { padding: 5px 25px; font-size: 13.5px; } }

@media screen and (max-width: 834px) { footer .footerContainer { padding: 2% 4%; margin-left: 3%; }
  footer .footerContainer .footerBox { width: 45%; }
  footer .footerContainer .footerBox .footerTitle { font-size: 2.8777vw; } }

@media screen and (max-width: 769px) { .gradient-border { --angle: to bottom; --border-top-width: 0.15em; --border-right-width: 0; --border-bottom-width: 0; --border-left-width: 0; border-width: 0; border-style: solid; border-top-width: var(--border-top-width); border-right-width: var(--border-right-width); border-bottom-width: var(--border-bottom-width); border-left-width: var(--border-left-width); border-image: linear-gradient(var(--angle), #40e0d0, #ff8c00, #ff0080) 1; }
  footer { min-height: 60vh; }
  footer .footerContainer { padding-left: 5%; padding-right: 10%; margin-top: 5%; height: auto; }
  footer .footerContainer .footerBox { display: block; width: 100%; }
  footer .footerContainer .footerBox:nth-child(1) { margin-bottom: 50px; }
  footer .footerContainer .footerBox:nth-child(2) { padding-top: 20px; } }

@media screen and (max-width: 429px) { footer { min-height: 66vh; }
  footer .footerContainer .footerBox .footerTitle { font-size: 24px; font-weight: bold; margin-bottom: 10px; }
  footer .footerContainer .footerBox .footerContent { font-size: 15px; line-height: 1.5; margin-bottom: 30px; }
  footer .footerContainer .footerBox .subsctibeBTN { font-size: 13px; } }

@media screen and (max-width: 414px) { footer { min-height: 66vh; }
  footer .footerContainer .footerBox .footerTitle { font-size: 20px; }
  footer .footerContainer .footerBox .footerContent { font-size: 15px; line-height: 1.5; margin-bottom: 20px; }
  footer .footerContainer .footerBox .subsctibeBTN { font-size: 13px; padding: 7px 30px; }
  footer .footerContainer .footerBox .footerSns img { margin-right: 20px; } }

/* footer end
========================================================================== */
/*# sourceMappingURL=responsive.css.map */