@media screen and (max-width:1500px){
  #header .inner {height: 100px;}
  #hd_logo {width: 120px;}
  #hd_gnb .depth1 {}
  #hd_gnb .depth1 > li {padding: 0 17px;}
  #hd_gnb .depth1 > li > a {font-size: 18px;}
  #header .btn-comm-contactus {padding: 10px;}

  .contents_wrap {padding-top: 100px;}

  .main-visual .tbox .t1 {font-size: 48px;}

  .sub_contents {padding-top: 100px;}

  .tech-list .inner {flex-direction: column;}
  .tech-list .inner > .pin-spacer {width: 100% !important; height: auto !important;}
  .tech-list .tech-lt {position: relative !important; top: auto !important; left: auto !important; transform: none !important;}
  .tech-list .inner .sub-text-content {display: block !important; padding-bottom: 0;}
  .tech-list .tech-navi {display: none;}
  .tech-list .tech-navi > ul {display: flex; flex-flow: row wrap; gap: 0 50px;}
  .tech-list .tech-navi > ul > li ~ li {margin-top: 0;}
  .tech-list .tech-navi > ul > li > a {padding: 0;}
  .tech-list .tech-content {display: flex; flex-flow: row wrap; gap: 50px; width: 100%; margin-top: 50px; padding-left: 0;}
  .tech-list .tech-item {width: calc(50% - (50px / 2));}
  .tech-list .tech-item ~ .tech-item {margin-top: 0;}
  .tech-list .tech-tbox {flex-direction: column;}
  .tech-list .tech-tbox .name {width: 100% !important;}
  .tech-list .tech-tbox .expl {width: 100% !important; margin-top: 5px !important;}

  #partners .partner-item {padding: 0 15px;}
}

@media screen and (max-width:1290px){
  .container {padding-left: 30px; padding-right: 30px;}

  #hd_gnb .depth1 > li {padding: 0 10px;}
  #hd_gnb .depth1 > li > a {font-size: 16px;}
  #header .btn-comm-contactus {font-size: 14px;}
  .hd_lang > li > a {font-size: 14px;}

  #footer {}
  .ft-logo {display: block; width: 180px;}
  .fnb .depth1 {gap: 0 25px;}
  .finfo .t1 {font-size: 16px;}
  #footer .scroll_top {font-size: 16px;}

  .main-visual {height: 600px; padding-top: 50px;}
  .main-visual .inner {height: 550px;}
  .main-visual .tbox .t1 {font-size: 40px;}
  .main-visual .tbox .t2 {font-size: 22px;}

  .main-intro {margin-top: 80px;}

  .main-service {margin-top: 120px;}

  .main-business {margin-top: 120px;}
  .bs-item ~ .bs-item {margin-top: 70px;}

  .main-partners {margin: 150px 0 100px;}
  .main-partners .ptn-wrap {margin-top: 50px;}

  .sub-text-content {padding-bottom: 50px;}
  .sub-text-content .t2 {font-size: 42px;}

  .tech-detail-img {border-radius: 20px;}
  .tech-detail-text .t1 {font-size: 22px;}
  .tech-detail-text .t2 {font-size: 16px; line-height: 1.7;}

  #partners .partner-item {height: 120px;}

  .contactus_frm {padding: 50px;}
  .contactus_frm .text-group .t3 {font-size: 18px;}

  #bo_v_title .bo_v_tit {font-size: 28px !important;}
  .profile_info_ct_ul > li strong {font-size: 16px !important;}
  #bo_v_con {font-size: 16px;}

  #about .main-visual .tbox .t1 br {display: none;}
  #about .main-visual .tbox .t2 br {display: none;}

  .history-ct .inner {padding: 0;}
  .history-wrap {margin-top: 50px;}
  .history-box {width: calc(50% - 50px);}
  .history-box::before {left: -61px;}
  .history-box:nth-child(2n - 1)::before {right: -72px;}
  .history-box:nth-child(2n - 1)::after {right: -63px;}
  .history-box .period {font-size: 20px;}
  .history-item .t1 {font-size: 16px; font-weight: 400;}
  .history-item .month {font-size: 16px; font-weight: 500;}

  .location-wrap {margin-top: 50px;}
  .location-box ~ .location-box {margin-top: 70px;}
  .location-box .tbox {margin-top: 20px;}
  .location-box .t1 {font-size: 24px;}
  .location-box .t2 {font-size: 16px;}
  .location-box .t2 br {display: none;}
  .location-box .t2_1 {margin-right: 20px;}

  .ab-news-wrap {margin-top: 50px;}
}

@media screen and (max-width:1023px){
  #hd_gnb {display: none;}
  #header a.btn-comm-contactus {display: none;}
  .mo-menu_open {display: block;}

  .ft-top .inner {width: 100%; flex-flow: column wrap;}
  .ft-top {padding: 50px 0;}
  .fnb {width: 100%; margin-top: 50px;}
  .fnb .depth1 {justify-content: space-between;}

  .finfo .t1 span {display: block;}
  .finfo .t1 i {display: none;}

  .main-visual {height: 500px;}
  .main-visual .inner {height: 450px;}
  .main-visual .tbox .t1 {font-size: 36px;}
  .main-visual .tbox .t2 {font-size: 18px;}

  .main-service {margin-top: 70px;}
  .bs-item:nth-child(2n) .bs-tbox {padding-right: 50px;}
  .bs-item:nth-child(2n - 1) .bs-tbox {padding-left: 50px;}

  .main-partners .partner-item {width: 200px;}

  .sub-text-content .t1 {font-size: 18px;}
  .sub-text-content .t2 {font-size: 36px;}
  .sub-text-content .t3 {font-size: 18px;}

  .sub-bottom .text-group .t2 {font-size: 30px;}

  .tech-list .tech-view {display: none !important;}
  .tech-detail-box {flex-flow: column wrap;}
  .tech-detail-text {width: 100%; padding: 0;}
  .tech-detail_certi {width: 180px; margin: 30px auto 0;}

  .tech-list .tech-tbox .expl {font-size: 16px; color: #d9d9d9;}
  .tech-patent {margin-top: 100px; padding: 100px 0;}
  .tech-patent .text-group .t2 {font-size: 36px;}

  .serv-detail-item {flex-direction: column; gap: 20px}
  .serv-detail-text {width: 100%;}
  .serv-detail-text .t1 {font-size: 26px;}
  .serv-detail-text .t2 {font-size: 18px;}
  .serv-detail-img {width: 100%; height: 300px;}

  #partners .partners-list {gap: 20px;}
  #partners .partners-li {width: calc((100% - 60px) / 4);}
  #partners .partner-item {height: 120px;}

  .contactus_wrap {flex-flow: column wrap;}
  .contactus_img {display: none;}
  .contactus_frm {width: 100%; padding: 30px;}

  #bo_v header {margin-bottom: 20px !important;}
  #bo_v_title .bo_v_tit {font-size: 22px !important;}

  #about .main-visual .tbox .t1 {font-size: 28px;}
  #ab-history {margin-top: 120px;}
  #ab-location {margin-top: 120px;}
  #ab-news {margin-top: 120px; margin-bottom: 100px;}

  .history-box .period {width: 240px;}
  .history-list {padding: 0 20px;}
}

@media screen and (max-width:767px){
  .mo-menu_close {top: 20px;}
  .mo-navi {margin-top: 100px;}
  .mo-navi > ul > li > button, 
  .mo-navi > ul > li > a {font-size: 16px;}

  #footer {position: relative;}
  .ft-top {padding-bottom: 30px;}
  .ft-top .inner {flex-direction: column;}
  .ft-logo {width: 150px;}
  .fnb {margin-top: 30px; text-align: left;}
  .fnb .depth1 {gap: 20px 10px; }
  .fnb .depth1 > li {width: calc(50% - 10px);}
  .fnb .depth1 > li > a {margin-bottom: 10px; font-size: 14px;}
  .fnb .depth2 > li > a {padding: 5px 0; font-size: 12px;}
  .finfo .t1 {font-size: 12px;}
  /* .finfo .address strong {width: 67px;}
  .finfo .address span {width: calc(100% - 67px); padding-left: 7px; text-indent: -7px;} */
  .ft-bottom {padding: 30px 0;}
  .ft-bottom .inner {flex-direction: column; padding-top: 10px;}
  #footer .scroll_top {position: absolute; top: -30px; right: 5px; z-index: 50; padding-left: 0; padding-right: 24px; font-size: 12px; background-size: 18px 18px;}

  .bg-circle {width: 100px; height: 100px;}

  .container {padding-left: 20px; padding-right: 20px;}

  #header .inner {height: 60px;}
  #hd_logo {width: 90px;}

  .ft-etc_menu_wrap {gap: 10px 10px;}
  .ft-etc_menu_wrap > li > a {font-size: 13px;}

  .main-visual {height: 350px;}
  .main-visual .inner {height: 300px;}
  .main-visual .tbox .t1 {font-size: 22px;}
  .main-visual .tbox .t1 br {display: none;}
  .main-visual .tbox .t2 {margin-top: 16px; font-size: 14px; font-weight: 400;}
  .main-visual .tbox .t2 br {display: none;}

  .main-intro {margin-top: 30px;}

  .main-business {margin-top: 70px;}
  .bs-item {flex-direction: column !important;}
  .bs-item ~ .bs-item {margin-top: 50px;}
  .bs-item .bs-img {width: 100%; padding-bottom: 70%;}
  .bs-item .bs-tbox {width: 100%; margin-top: 20px; padding: 0 !important;}
  .bs-item .btn {margin-top: 10px;}

  .main-partners {margin: 70px 0 100px;}
  .main-partners .ptn-tbox .bg-circle {margin-left: -55%;}
  .main-partners .ptn-wrap {margin-top: 30px;}
  .main-partners .ptn-wrap::before,
  .main-partners .ptn-wrap::after {display: none;}
  .main-partners .ptn-wrap .bg-circle {top: -105%; right: -22%; width: 300px; height: 300px;}
  .main-partners .partner-item {width: 160px;}
  .main-partners .partner-logo {height: 80%;}
  .main-partners .partner-logo img {height: 100%;}

  .sub_contents {padding-top: 30px; padding-bottom: 70px;}

  .sub-text-content {padding-bottom: 30px;}
  .sub-text-content .t1 {font-size: 16px;}
  .sub-text-content .t2 {font-size: 22px;}
  .sub-text-content .t3 {font-size: 16px;}

  .sub-bottom .text-group .t2 {font-size: 16px;}

  .tech-list .tech-content {flex-direction: column; gap: 50px 0; margin-top: 30px;}
  .tech-list .tech-item {width: 100%;}
  .tech-list .tech-img {border-radius: 10px;}
  .tech-list .tech-tbox {margin-top: 15px;}
  .tech-list .tech-tbox .name {font-size: 18px; color: #00e0fe;}
  .tech-patent {margin-top: 70px; padding: 70px 0;}
  .tech-patent .text-group {padding: 0 20px;}
  .tech-patent .text-group .t2 {font-size: 22px;}
  .patent-slider {margin-top: 20px;}
  .patent-item {width: 150px; height: 224px;}

  .tech-detail-box {margin-top: 20px; padding: 20px;}
  .tech-detail-text .t1 {font-size: 18px;}
  .tech-detail-text .t2 {font-size: 14px;}

  .service-content .card2-wrap {flex-direction: column; gap: 0;}
  .service-content .card2-item {width: 100%;}
  .service-content .card2-item ~ .card2-item {margin-top: 30px;}
  .service-content .card2-item.img-type {height: 0; margin-top: 5px; padding: 0; padding-bottom: 30%;}

  .serv-detail-text {padding: 20px;}
  .serv-detail-text .t1 {font-size: 20px;}
  .serv-detail-text .t2 {margin-top: 10px; font-size: 14px;}
  .serv-detail-img {height: 200px;}
  
  #partners .partners-list {gap: 10px 0;}
  #partners .partners-li {width: 100%;}
  #partners .partner-item {height: 80px; padding: 0 10px;}
  #partners .partner-logo {position: relative; text-align: center;}
  #partners .partner-logo img {max-width: 70%;}
  #partners .partners-btn-wrap {padding-top: 20px;}

  .contactus_frm {padding: 20px;}
  .contactus_frm .text-group {padding-bottom: 10px;}
  .contactus_frm .text-group .t3 {margin-top: 10px; font-size: 14px; font-weight: 300;}
  .frm_inner .frm_row {margin-top: 16px;}
  .frm_ctrl {margin-top: 20px;}
  .frm_ctrl .frm_submit {margin-top: 20px;}

  .wr_content textarea, 
  .tbl_frm01 textarea, 
  .form_01 textarea, 
  .frm_input {padding: 10px; font-size: 14px; border-radius: 4px;}
  .frm_label {font-size: 14px;}

  #bo_v_title .bo_v_tit {font-size: 18px !important;}
  .profile_info_ct_ul > li strong {font-size: 14px !important;}
  #bo_v_con {font-size: 14px;}
  #bo_v_atc {padding: 20px !important;}

  #about .main-visual {padding-top: 70px;}
  #about .main-visual .inner {height: 280px;}
  #about .main-visual .tbox .t1 {font-size: 18px;}

  #ab-history {margin-top: 70px;}
  #ab-location {margin-top: 70px;}
  #ab-news {margin-top: 70px; margin-bottom: 70px;}

  .history-wrap {margin-top: 30px;}
  .location-wrap {margin-top: 30px;}
  .ab-news-wrap {margin-top: 30px;}

  .history-wrap {gap: 20px 0;}
  .history-wrap::after {display: none !important;}
  .history-box {width: 100%; padding-bottom: 20px; align-self: flex-start !important;}
  .history-box::before {display: none !important;}
  .history-box::after {display: none !important;}
  .history-box .period {width: 100%; border-radius: 24px 24px 0 0; font-size: 18px;}
  .history-item ~ .history-item {margin-top: 10px; padding-top: 10px;}
  .history-item .month {font-size: 14px; margin-bottom: 6px;}
  .history-item .t1 {font-size: 14px;}
  .history-list {width: 100%; margin-top: 20px;}

  .location-box iframe {height: 250px !important;}
  .location-box .tbox {flex-direction: column;}
  .location-box .t1 {display: block; width: 100%; }
  .location-box .addrinfo {display: block; width: 100%; margin-top: 10px; padding-left: 0;}

  .location-box .t1 {font-size: 18px;}
  .location-box .t2 {font-size: 14px;}

  .ab-news_list {height: 60px; line-height: 60px; padding: 0 35px 0 10px;  font-size: 14px;}
  .ab-news_list::after {right: 10px; width: 20px; height: 20px; margin-top: -10px;}

  .etc-contents_inner {padding: 30px 0 100px;}
  #etc-contents header h1 {font-size: 26px; text-align: center;}
  #etc-contents #ctt_con {margin-top: 20px; padding: 20px; border-radius: 15px;}
}